.pdf-only {
display: none;
}
.content-start .row{

page-break-inside: avoid;
}
.blog-description{
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 2em;
}
.timeline {
  margin: 0 auto;
  /*padding: 20px;*/
}

.timeline-item {
  position: relative;
  padding: 20px;
  margin: 25px 0;
  margin-left: 40px;
  border-left: 2px solid #a7feff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color:rgb(237 237 237);
  border-radius: 16px;
  backdrop-filter: blur(5px);
  border-left: 2px solid rgb(18 138 118);
  display: block;
  box-sizing: border-box;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: -9px;
  top: 24px;
  width: 16px;
  height: 16px;
  background: #128a76;
  border-radius: 50%;
}

.timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.timeline-date {
  color: #6b7280;
  font-size: 0.875rem;
}

.timeline-title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
}

.timeline-content {
  /*color: #d1dae6;*/
  line-height: 1.5;
}

.timeline-item:hover::before {
  box-shadow: 0 0px 15px rgba(223, 221, 255, 0.957);
}

/* .timeline-title:hover {
  text-shadow: 0 0px 15px rgba(223, 221, 255, 0.957);
}*/

@media (max-width: 640px) {
  .timeline-header {
      flex-direction: column;
      align-items: flex-start;
  }

  .timeline-date {
      margin-top: 4px;
      font-size: 0.813rem;
  }

  .timeline-item {
      margin-left: 20px;
  }
}
.timeline-item img{
    width: 20px;
margin-right: 10px;

}

/*section2 start*/


.step-list {
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 4em;
}

.step-list__item {
counter-increment: data-step;
position: relative;
}
.step-list__item:before {
content: counter(data-step);
font-weight: 300;
color: #d8d8d8;
}
.step-list__item h2 {
font-size: 24px;
line-height: 30px;
/*font-weight: 300;*/
}
.step-list__item .icon {
border-radius: 50%;
display: block;
flex: 0 0 auto;
}
.step-list__item .icon img {
width: 100%;
height: 100%;
}
.step-list__item .body {
font-size: 12px;
line-height: 18px;
font-weight: 300;
}
.step-list__item .content {
display: flex;
flex-direction: row;
padding-bottom: 18px;
}
.step-list__item:first-child .icon {
background: #f4f6d5;
}
.step-list__item:nth-child(2) .icon {
background: #e8f4f3;
}
.step-list__item:nth-child(3) .icon {
background: #ededed;
}
.step-list__item:nth-child(4) .icon {
background: #edf6ef;
}

.step-list__item:nth-child(odd) .content {
justify-content: flex-start;
}
.step-list__item:nth-child(even) .content {
justify-content: flex-end;
}
.step-list__item:first-child > .step-list__item__inner:before {
content: none;
}
.step-list__item:last-child > .step-list__item__inner:after {
content: none;
}
.step-list__item + li {
margin-top: 84px;
}
.step-list__item + li > div {
margin-top: -1px;
}
@media screen and (max-width: 600px) {
.step-list__item {
display: flex;
}
.step-list__item:before {
content: counter(data-step);
position: relative;
font-size: 36px;
line-height: 42px;
font-weight: 300;
color: #000000;
margin-right: 12px;
}
.step-list__item .icon {
order: 0;
width: 36px;
height: 36px;
padding: 9px;
position: absolute;
left: -9px;
top: 42px;
}
.step-list__item .body {
order: 1;
margin-top: 8px;
margin-left: 12px;
}
.step-list__item .content {
align-items: flex-start;
}
.step-list__item .content:before {
content: "";
position: absolute;
border-left: #d8d8d8;
height: 100%;
left: 9px;
bottom: 0;
display: block;
width: 1px;
background: #d8d8d8;
top: 84px;
}
.step-list__item:last-child .content:before {
content: none;
}
}
@media screen and (min-width: 601px) {
.step-list__item:before {
content: counter(data-step);
position: absolute;
font-size: 90px;
line-height: 1;
font-weight: 300;
color: #d8d8d8;
}
.step-list__item .icon {
width: 174px;
height: 174px;
padding: 48px;
}
.step-list__item .body {
flex: 0 1 33.3333%;
margin-top: 84px;
}
.step-list__item .content {
align-items: flex-end;
}
.step-list__item > .step-list__item__inner {
position: relative;
}
.step-list__item > .step-list__item__inner:before, .step-list__item > .step-list__item__inner:after {
border-width: 0px;
border-style: solid;
border-color: #d8d8d8;
display: block;
content: "";
position: absolute;
height: 42px;
width: calc( 33.3333% - 42px );
}
.step-list__item:nth-child(odd) > .step-list__item__inner {
text-align: right;
}
.step-list__item:nth-child(odd) > .step-list__item__inner:before, .step-list__item:nth-child(odd) > .step-list__item__inner:after {
border-left-width: 1px;
left: calc( 33.3333% - 21px );
}
.step-list__item:nth-child(odd) > .step-list__item__inner:before {
border-top-width: 1px;
border-top-left-radius: 42px;
margin-top: -42px;
}
.step-list__item:nth-child(odd) > .step-list__item__inner:after {
border-bottom-width: 1px;
border-bottom-left-radius: 42px;
margin-bottom: -42px;
}
.step-list__item:nth-child(odd):before {
left: 0;
margin-left: 33.3333%;
transform: translateX(-100%);
}
.step-list__item:nth-child(odd) .icon {
margin-left: 72px;
}
.step-list__item:nth-child(even) > .step-list__item__inner:before, .step-list__item:nth-child(even) > .step-list__item__inner:after {
border-right-width: 1px;
right: calc( 33.3333% - 21px );
}
.step-list__item:nth-child(even) > .step-list__item__inner:before {
border-top-width: 1px;
border-top-right-radius: 42px;
margin-top: -42px;
}
.step-list__item:nth-child(even) > .step-list__item__inner:after {
border-bottom-width: 1px;
border-bottom-right-radius: 42px;
margin-bottom: -42px;
}
.step-list__item:nth-child(even):before {
right: 0;
margin-right: 33.3333%;
transform: translateX(100%);
}
.step-list__item:nth-child(even) .icon {
margin-right: 72px;
}
.step-list__item:nth-child(even) .body {
order: 1;
}
}
.step-list__item__inner .content .body p{
font-size: 15px;
}
.action-div{
padding-top: 3em;
}
.action-list a{
text-decoration: none;
color: #000;
}
.action-list img{
height: 20px;
}


/*section2 end*/