.about p{font-size:34px; font-family:'Muli',sans-serif; line-height:40px; font-weight:600; color:#5E5E5E; margin-top:80px}
.about h3{font-weight:800;font-size:40px;color:#29373F}
.about p span{color:#18B5B1}
.about-us .row{min-height:70vh;}
section.about-us {background: url(../images/Group1885.svg)no-repeat bottom right -32%,url(../images/Group3352.svg)no-repeat bottom left -5%,url(../images/Ellipse48.png)no-repeat top -7px right -45px,url(../images/Rectangle114.png)no-repeat top left -99px;height: 70vh;background-size: 42%, 25%, 100px,180px;padding-top:0;}
.milestone-section{padding:60px 0 0px; background: url(../images/form_circle_bg.png)no-repeat top 6vh right -2.7vw;}

.mileston h3{font-weight:700; line-height:35px; font-family:'Muli', sans-serif; font-size:28px;color:#29373F}
.milestonContent{position:relative; min-height:140px; width:70%; margin:auto; font-weight:400; font-size:20px;color:#29373F; line-height:30px; padding:15px 0 10px;}
.years-carousel{position:relative; padding:70px 0;}
.years-carousel:before{content:""; position:absolute; left:calc(50% - 42.5%); width:85%; height:1px; background-color:#E2E2E2; top:calc(50% - 0.5px);}
.years-carousel .owl-item{display:inline-block; min-height:170px; vertical-align:middle;}
.years-carousel .owl-item .years{margin:35px 0;}
.years-carousel .years{width:100px;height:100px;left:calc(50% - 50px);top:0;position:relative;border-radius:50%;background:#fff;font-family:'Muli',sans-serif;font-size:18px;color:#18B5B1;border:.09rem solid #18B5B1;transition:all .3s ease-in-out;line-height:100px}
.years-carousel .years a{color:#18B5B1;letter-spacing:.7px;border-radius:50%; display:block;font-size:18px;font-weight:700;font-family:'Muli',sans-serif;line-height:98px; transition:all .4s ease-in-out}

.years-carousel .years{vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0); position:relative; overflow:hidden; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.2s; transition-duration:.2s}
.years-carousel .years:before{content:""; position:absolute; z-index:-1; width:200px; height:200px; right:5px; bottom:5px; background:#18B5B1; border-radius:50%; -webkit-transform:scale(0); transform:scale(0); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.2s; transition-duration:.2s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out}
.years-carousel .years:hover:before,
.years-carousel .years:focus:before,
.years-carousel .years:active:before{-webkit-transform:scale(2); transform:scale(2)}
.years-carousel .years:hover a,
.years-carousel .years:focus a{color:#fff;}

.years-carousel .owl-item.active.center .years{width:170px;height:170px;margin:0; left:calc(50% - 85px); padding:10px; border:none; background:url(../images/timeline_active.png)no-repeat top left; background-size:cover;}
.years-carousel .owl-item.active.center .years:before{display:none;}
.years-carousel .owl-item.active.center .years a{color:#fff;font-size:25px;line-height:146px;font-weight:700;background:#18B5B1;border-radius:50%;width:100%;height:100%}

@media(min-width:768px) and (max-width:1023px){
section.about-us{padding-top:50px; height:60vh;}
.about p{font-size:22px; line-height:32px; margin-top:30px;}
.about-us .row {min-height:55vh;}

section.who-we-are-section,
.milestone-section,
section.more-about-us{padding:40px 0;}

section.who-we-are-section h3{margin:20px 0;}
.years-carousel{padding:20px 0;}
.years-carousel .owl-item.active.center .years{width:100%; height:147px; position:absolute; left:calc(50% - 50%); top:calc(50% - 73.5px);}
.years-carousel .owl-item.active.center .years a{line-height:127px;}
.milestonContent{width:80%; padding-top:10px; font-size:18px; line-height:28px;}
.more-about-div{min-height:254px;}
}

@media(max-width:767px){
section.about-us{padding:30px 0; height:63vh;}
.about-us .row{min-height:50vh;}
.about h3{font-size:25px;}
.about p{font-size:22px; line-height:30px; margin-top:30px;}

section.who-we-are-section{padding:20px 0; background-color:#36c7ac;}
section.milestone-section,
section.more-about-us{padding:20px 0;}
.milestone-section {background:url(../images/form_circle_bg.png)no-repeat top 6vh right -2.7vw;;}
section.who-we-are-section h3{margin:18px 0;}
.years-carousel .owl-item{min-height:110px;}
.years-carousel{padding:15px 0;}
.years-carousel .owl-item .years{width:55px; height:55px; margin:0; position:absolute; left:calc(50% - 27.5%); top:calc(50% - 27.5px);}
.years-carousel .years a{line-height:55px; font-size:14px;}
.years-carousel .owl-item.active.center .years{width:85px; height:85px; position:absolute; left:calc(50% - 42.5px); top:calc(50% - 42.5px);}
.years-carousel:before{width:80%; left:calc(50% - 40%);}
.years-carousel .owl-item.active.center .years a{line-height:65px; font-size:18px;}
.milestonContent{width:100%; padding-top:10px; font-size:16px; line-height:25px;}
}