/* import font-family Heebo */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* import font-family Mulish */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Header Start CSS */
 
/* Default CSS */
body {overflow-x: hidden !important;}
body *{font-family:var(--font-heebo);}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::placeholder{font-family:var(--font-mulish);font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: rgba(35, 29, 79, 0.75) !important;}
.uk-container {max-width: 1170px;padding: 0 15px !important;}
.section-title{color:var(--primary-color); font-style: normal;font-family: var(--font-heebo);font-weight: 700;  font-size: 26px;line-height: 38px;}   


/* =============================
         About page css
   ============================= */

/* Image Effect */

.effect {position: relative;display: block;overflow: hidden;height: 170px;width: 170px}
.effect:after,.effect:before {content: '';background: rgb(212 210 210 / 20%) none repeat scroll 0 0;opacity: 1;position: absolute;}
.effect:before {bottom: 0px;left: 50%;right: 50%;top: 0px;}
.effect:after {bottom: 50%;left: 0px;right: 0px;top: 50%;}
.effect:hover:after,.effect:hover:before {opacity: 0;visibility: hidden;transition: all 900ms ease-in 0s}
.effect:hover:before {left: 0px;right: 0px;}
.effect:hover:after {top: 0px;bottom: 0px;}

/* Header Start CSS */
/*header-top*/
/* .header-top {background: linear-gradient(49.88deg,var(--primary-color) -0.86%, #C064F8 126.07%);min-height: 45px;padding: 10px 0px;}
.lf-need-info.uk-list .covid-text{font-family:var(--font-heebo);font-weight:400;font-size: 14px;line-height: 24px;color: #fff; margin-right:30px;}
.lf-need-info.uk-list li{margin:0 20px 0 0 ;}
.lf-need-info.uk-list li:last-child{margin-right:0px;}
.lf-need-info.uk-list li a{color: #fff;font-size: 14px; line-height: 24px; font-family:var(--font-mulish); }
.header-bottom .uk-navbar-nav>li>.menu-link:hover {color:var(--primary-color);}
.lf-need-info li strong{font-weight:700;} */

 /*header-bottom*/
/* .header-bottom {background: #FFFFFF;box-shadow: 0px 4px 4px rgb(219 219 219 / 16%);position: relative;z-index: 1;}
.header-bottom .uk-navbar-nav {align-items: center; margin-right: 0px !important;}
.header-bottom .uk-navbar-nav>li>.menu-link{font-family:var(--font-heebo);font-style: normal;font-weight: 400;font-size: 14px; padding:0px 10px; line-height: 22px;text-transform: capitalize;color: var(--secondary-color);}
.header-bottom .uk-navbar-nav .getStarted-btn {transition: all .6s ease-in-out; margin: 0 10px; filter: drop-shadow(0px 3px 4px rgba(226, 226, 226, 0.41));background: #FFEE33;border-radius: 7px;font-family:var(--font-mulish);font-style: normal;font-weight: 700;font-size: 15px;padding:0 30px;line-height:40px;color: #000000;min-height: 40px;text-transform:capitalize;}
.header-bottom .uk-navbar-nav .getStarted-btn:hover{color:#fff; background-color:var(--primary-color);transition: all .6s ease-in-out;}
.uk_notification {position: relative;margin-left: 10px;}
.uk_notification span {position: absolute;top: -4px;right: -4px;background:var(--primary-color);color: #fff;width: 20px;text-align: center;line-height: 20px;height: 20px;border-radius: 100%;font-family:var(--font-mulish);font-size: 11px;font-weight: 600;}
.toggle-menu {display: none;} */

/* about-banner */
.about-banner{position: relative;}
.banner-inner{padding:100px 0;margin-bottom: 500px;min-height: 602px;background-position: bottom;}
.banner-info {padding: 0 10%;}
.banner-info h1{font-family:var(--font-heebo); font-style: normal;font-weight: 700;font-size: 58px;line-height: 72px;color: var(--secondary-color);}
.banner-info hr{height: 4px;width:85px;background:var(--primary-color);margin: 20px auto;}
.banner-info p{font-family:var(--font-heebo);font-style: normal;font-weight: 400;font-size: 22px;line-height: 35px;padding: 0px 10%;color: #5C5E91;}
.about-banner .ourPurpose_img {position: absolute;left: 50%;top:85%;transform: translateX(-50%);height: 470px;}

 /*our-founders*/
.our-founders {padding:40px 0;}
.founders-title {margin-bottom: 100px;}
.founders-title h2{font-family:var(--font-heebo); font-style: normal;font-weight: 700;font-size:50px;line-height: 38px;color: var(--secondary-text-color);}
.founders-title hr{height: 4px;width:85px;background: var(--secondary-text-color);margin: 20px auto;}
.our-founders .uk-grid {margin: 0px -30px;}
.our-founders .uk-grid .uk-card {padding: 0 30px;margin-bottom: 60px;}
.our-founders .uk-card-default {border:0px; background:var(--primary-background-color);box-shadow: 0px 0px 25px 3px rgba(209, 209, 209, 0.25);border-radius: 18px; padding:55px;height: 100%;}
.founder-info img {display: block;margin: auto;margin-bottom: 24px;}
.founder-info span{display: block;font-family:var(--font-heebo);color: #5C5E91;font-style: normal;}
.founder-info .name {font-weight: 700;font-size: 18px;}
.founder-info .position { font-weight: 300;font-size: 18px;}
.founder-info p{font-family:var(--font-heebo);font-style: normal;font-weight: 400;font-size: 18px;line-height:28px;color: #5C5E91;}
.founder-info p:last-child{margin-bottom:0px;}

/* Meet our team */
.meet-our-team{background:var(--primary-background-color);padding: 90px 0;}
.our-team-inner {padding: 0px 80px;}
.our-team-title h2{font-family:var(--font-heebo); font-style: normal;font-weight: 700;font-size: 30px;line-height: 38px;color: var(--secondary-text-color);}
.our-team-title hr{height: 4px;width:85px;background: var(--secondary-text-color);margin: 20px auto;}
.our-team-title p{font-family:var(--font-heebo);font-style: normal;font-weight: 400;font-size:16px;line-height:24px;color: var(--secondary-text-color); margin: 0 0 90px;}
.team-row{margin: 0px -20px;}
.team-row>div{padding: 0 20px;}
.team-info .uk-border-circle {display:inline-block;margin: auto;margin-bottom:20px; cursor: pointer;}
.team-info .uk-border-circle img {width: 170px;}
.team-info span{display: block;font-family:var(--font-heebo);color: var(--secondary-text-color);font-style: normal;}
.team-info .team-name {font-weight: 700;font-size: 17px;}
.team-info .team-position { font-weight: 300;font-size: 17px;}

/* our-milestones */
.our-milestones {padding: 70px 0px;}
.our-milestones .our-team-title {margin: auto;max-width: 230px;}
.our-milestones .our-team-title h2 {margin-bottom: 0px;}
.our-milestones .our-team-title hr {margin-top: 15px;}
/* Timeline */
.timeline {width:715px;margin: auto;margin-top: 70px; position: relative;}
.timeline-item {margin-bottom:30px; cursor: pointer;}
.timeline-item:last-child {margin-bottom:0px;}
.timeline-left {margin-right: 20px;}
.timeline-icon {margin-right: 20px;background: #FBFAFD;border-radius: 79.5px;display: inline-block;width: 230px;min-height: 115px;display: flex;align-items: center;justify-content: center;padding: 10px;}
.timeline-icon svg {height: 75px;width: 75px;}
.timeline-left .year { color: var(--primary-color);font-style: normal;font-weight: 700;font-size: 17px;}
.timeline-right ul{margin: 0px;padding-left: 24px;}
.timeline-right ul li {font-style: normal;font-weight: 400;font-size: 15px;line-height: 22px;margin-bottom: 5px;color: #000000;font-family: var(--font-heebo);}
.timeline-right ul li:last-child {margin-bottom: 0px;}
.timeline-data {padding-left: 30px;position: relative;height: 100%;}
.timeline-data:before,.timeline-data:after {transition: all .6s ease-in-out;content: "";height: 100%;width: 7px;display: block;position: absolute;left: 0;top: 0px;background: #E4E7EC;border-radius: 10px;}
.timeline-data:after {background: var(--primary-color);height: 0px;transition: all .6s ease-in-out;}
.active-timeline .timeline-data:after {transition: all .6s ease-in-out;height: 100%;}
/* .our-milestones .timeline section.hidden {opacity: 0 !important;visibility: hidden !important;} */





@media only screen and (max-width:768px) {
    .timeline-item {flex-wrap: wrap;}
    .timeline-data {padding-left: 0px;padding-top: 30px;margin-top: 15px;}
    .timeline-left {align-items: center;}
    .timeline-right {width: 100%;}
    .timeline-left .year {font-size: 20px;}
    .timeline-data:after {height: 7px;width:0%;}
    .timeline-data:before, .active-timeline .timeline-data:after {height: 7px;width: 100%;}
}


 /* labfinder-entrance-bg */
 .labfinder-entrance-bg {padding-bottom: 50%;background-attachment: fixed;}

/* let’s talk */
.lets-talk{padding:100px 0;}
.letsTalk-title {padding:34px 70px 0 30%;}
.letsTalk-title h2{margin-bottom:0px; font-family:var(--font-heebo); font-style: normal;font-weight: 700;font-size:35px;line-height: 38px;color: var(--secondary-text-color);}
.letsTalk-title hr{height: 4px;width:60px;background: var(--secondary-text-color);margin: 16px 0;}
.letsTalk-title p{font-family:var(--font-heebo);font-style: normal;font-weight: 400;font-size:16px;line-height:24px;color: var(--secondary-text-color);}
.letsTalk-title p:last-child{margin-bottom: 0px;}
.letsTalk-form.uk-grid-small>.uk-grid-margin {margin-top: 20px;}
.letsTalk-form .uk-form-label {margin-bottom:10px !important; display:block; font-style: normal;font-weight: 600;font-size: 14px;line-height: 24px;font-family: var(--font-heebo);color: #696F79;}
.letsTalk-form .uk-textarea,.letsTalk-form .uk-input {font-family:var(--font-mulish);font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: rgba(35, 29, 79, 0.75) !important; background: #FFFFFF;border: 1px solid #E2DEF0;border-radius: 5px;}
.letsTalk-form .uk-input {min-height:45px;height:auto;}
.letsTalk-form .uk-button {background:var(--primary-color);border-radius: 5px;font-family:var(--font-mulish);font-style: normal;font-weight: 600;font-size: 16px;line-height:45px;color: #FFFFFF;text-transform: capitalize;}

/* Read/Less More */
.morecontent span {display: none;}
.morelink {display: block;}

/* =============================
        Responsive css
   ============================= */
   @media only screen and (max-width:999px) {
    .labfinder-entrance-bg {background-attachment: inherit !important;}
   }
    @media only screen and (max-width:769px) {
    /* About-Us page css */
    .banner-info {padding: 0px;}
    .founder-info img,.team-info img {width: 140px;}
    .founder-info p {font-size: 16px;line-height: 24px;}
    .our-founders .uk-grid .uk-card {  margin-bottom: 20px;}
    .founders-title h2 {font-size: 34px;line-height: 30px;}
    .founders-title {margin-bottom: 50px;}
    .our-founders .uk-card-default {padding: 30px;}
    .founder-info p {font-size: 16px;line-height: 24px;}
    .our-founders .uk-grid .uk-card {margin-bottom: 20px;}
    .lets-talk {background: #F8FBFF;padding:40px 0;}
    .letsTalk-title {padding: 0px;}
    .our-team-title p br {display: none;}
    }

    @media only screen and (max-width:679px) {

    /* About-Us page css */
    .timeline {width: calc(100% - 40px);margin-top: 20px;}
    .timeline:before {left: 50%;transform: translateX(-50%);top: 30px;}
    .timeline .timeline-box {margin-left: 0px;margin-top: 70px;margin-bottom: 70px;}
    .timeline .timeline-item:last-child .timeline-box {margin-bottom: 0px;}
    .timeline-date {top: -38px;left: 50%;margin-left: -60px;}
    .timeline-box p {font-size: 20px;}
    .timeline-box .quotation {font-size: 22px;}
    .timeline-box-bg {background-size: contain !important;background-position: center !important;background-repeat: no-repeat !important;}

    }

    @media only screen and (max-width:479px) {

    /* About-Us page css */
    .banner-inner {padding: 40px 0 100px 0;margin-bottom: 250px;min-height: 550px;}
    .banner-info h1 {font-size: 30px;line-height: 40px;}
    .banner-info p {padding: 0px;font-size: 17px;line-height: 28px;}
    .about-banner .ourPurpose_img {height: auto;width: calc(100% - 30px);}
    .our-founders .uk-card-default {padding: 30px;}
    .our-team-title hr,.founders-title hr,.banner-info hr {display: none;}
    .meet-our-team {padding: 40px 0;}
    .our-team-title p {margin: 0 0 30px;}
    .slide-inner {overflow-x: auto;overflow-y: hidden;padding-left: 25px}
    .slide-inner .team-row {margin: auto;display: flex !important;flex-wrap: nowrap;}
    .slide-inner .team-row>div {flex: 0 0 165px;}
    .slide-inner .team-row .team-position {font-size: 14px;}
    .slide-inner .team-row  .team-name {font-size: 15px;}
    .labfinder-entrance-bg {display: none;}
    div#wrapper {padding-bottom: 80px;}
    .mobpadding {padding-left: 19px;margin-top: -19px;margin-bottom: 8px;}
    }