@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


:root {
    --primary1: 38, 55, 102;  /*  #263766; */
    --primary2: 189, 155, 96; /* #BD9B60; */
    --primary3: 250, 247, 244; /* #FAF7F4; */
    --baseColor: 107, 114, 128; /* #6B7280 */

    --color_black: 0, 0, 0;
    --color_white: 255, 255, 255;
    --baseFont:   "Poppins", sans-serif;
    --imgPrimary1: invert(18%) sepia(29%) saturate(1685%) hue-rotate(191deg) brightness(94%) contrast(91%);
    --imgPrimary2: invert(67%) sepia(17%) saturate(913%) hue-rotate(359deg) brightness(91%) contrast(91%);
    --imgPrimary3: invert(100%) sepia(66%) saturate(331%) hue-rotate(295deg) brightness(103%) contrast(96%);
    --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
    --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
    --padding: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);
}


.bg-primary1{
    background-color: rgb(var(--primary1));
}
.bg-primary2{
    background-color: rgb(var(--primary2));
}
.bg-primary3{
    background-color: rgb(var(--primary3));
}
.clr-primary1{
    color: rgb(var(--primary1));
}
.clr-primary2{
    color: rgb(var(--primary2));
}
.clr-primary3{
    color: rgb(var(--primary3));
}
body {
    font-family: var(--baseFont);
    color: rgb(var(--baseColor));
}

a,
a:hover,
a:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
button:focus {
    outline: none;
}

.padding {
    padding:var(--padding) 0;
}

h2.title{
    font-weight: 500;
    color: rgb(var(--primary1));
    margin-bottom: 30px;
    font-size: clamp(1.25rem, 0.975rem + 1.375vw, 2.625rem);
}
h2.title span{
font-size: 12px;
letter-spacing: 0.72px;
text-transform: uppercase;
color: rgb(var(--primary2));
display: block;

}

h2.title-sm{
    font-weight: 600; font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem);
    margin-bottom: 0;
    color: rgb(var(--primary1));
}

hr{
    margin:clamp(1.25rem, 1rem + 1.25vw, 2.5rem) 0;

}
.btn-custom{
    border-radius: 0;
    line-height: 1.3;
    font-size: 1rem;
    background-color:transparent;
    color: rgb(var(--primary2));
    margin-top: 1.5rem;
    padding: 0;
    letter-spacing: 0.5px;
    border: none;
    display: flex;
    align-items: center;
}
.btn-custom:hover, .btn-custom:focus,.btn-custom:active{outline: none;
    color: rgb(var(--primary1));
    outline: none;
    box-shadow: none;
}

.btn-custom .arrow{background-image: url('../images/arrow-long.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 48px;
    height: 14px;
    display: block;
    margin-left: 10px;
    filter: var(--imgPrimary2);
}
.btn-custom .arrow-start{
    margin-right: 10px;
    margin-left: 0;
    transform: rotate(-180deg);
}
.btn-custom:hover .arrow,.btn-custom:focus .arrow{
    filter: var(--imgPrimary1);
}

#wrapper{max-width: 1920px; margin: 0 auto;}
.container{max-width: 1400px;}

/* header */
.header{
    z-index: 10;
    background-color: transparent;
    max-width: 1920px;
    padding: 0;
}
.header .navbar-brand{padding-top: calc(var(--padding) / 1.6); display: inline-block;}
.header *{transition: all .3s linear;}

/* banner */
.banner {position: relative; background-color: rgb(var(--primary2)); height: 100%; overflow: hidden; background-size: cover; background-position: center bottom;}
.banner .video-content{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgb(var(--color_white)); font-weight: 500;}
.banner .video-content p{font-size: 12px; letter-spacing: 0.72px; text-transform: uppercase; margin-bottom: 10px;}
.banner .video-content h1{font-size: clamp(1.875rem, 1.45rem + 2.125vw, 4rem); margin-bottom: 0;}
.banner .down-arrow{position: absolute; bottom: calc(var(--padding) / 2); left: 0; right: 0; margin:0 auto; text-align: center;}
.banner .video-outer{ width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* about */
#about .first-block p{color: rgb(var(--baseColor)); text-wrap: balance;}
#about .block{padding: 20px 30px; position: relative; border-radius: 6px; min-height: 270px; display: flex; align-items: baseline; border: 0.5px solid rgba(161, 161, 170, 0.25);
    overflow: hidden;
}
#about .first-block{padding: 0; display: block; border: none; background-image: none !important;}
#about .block .about-info{margin-top: auto; position: relative; z-index: 2; position: absolute; transform: translateY(50%); transition: all .3s linear;}
#about .block .about-info .icon{width: 60px; height: 60px; margin-bottom: 20px;}
#about .block .about-info .icon img{filter: var(--imgPrimary2);}
#about .block .about-info h4{color: rgb(var(--primary1)); margin-bottom: 0; font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); font-weight: 500; margin-bottom: 0.5rem;}
#about .block .bg{ background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
    position: absolute;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s linear;
    z-index: 1;
    border-radius: 6px;
    }
#about .block:hover .bg{visibility: visible; opacity: 1;}
#about .block:hover .about-info .icon img{filter: var(--imgWhite);}
#about .block .about-info p{font-size: 14px; font-weight: 300; color: rgb(var(--color_white)); position: relative; top: 100px; text-wrap: balance;}
#about .block:hover .about-info p{top: 0;}
#about .block:hover .about-info{transform: translateY(25%);}
#about .block:hover .about-info h4{color: rgb(var(--color_white));}

.project-item{color: rgb(var(--color_white)); position: relative; display: block;}
.project-item .project-pic{padding-top: 130%; overflow: hidden;}
.project-item .project-pic img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s linear;
}
.project-item .project-info{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 30px 0;
    transition: all .3s linear;
}

.project-item .project-info .name{

    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
    text-transform: uppercase;
}

.project-item .project-info .location{
    position: relative;
    top: 40px;
    transition: all .3s linear;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
    font-weight: 500;
}
.project-item:hover .project-info{
    padding-bottom: 30px;
}
.project-item:hover .project-info .location{
    top: 0;
}

.project-slider .owl-nav{position: absolute; left: -34%; bottom: 0;}
.project-slider .owl-nav .owl-prev .arrow-left,.project-slider .owl-nav .owl-next .arrow-right{width: 42px; height: 42px; background-repeat: no-repeat; background-position: 0 0;
    display: block;}
    .project-slider .owl-nav .owl-prev{margin-right: 0.5rem;}
.project-slider .owl-nav .owl-prev .arrow-left{ background-image: url('../images/arrow-left.svg');}
.project-slider .owl-nav .owl-prev.disabled,.project-slider .owl-nav .owl-next.disabled{opacity: 0.6;}
.project-slider .owl-nav .owl-next .arrow-right{background-image: url('../images/arrow-right.svg');}


/* results*/
.results .result-item .number{font-size: clamp(2rem, 1.6rem + 2vw, 4rem); font-weight: 700;
    line-height: normal;
    letter-spacing: 1.28px; background: linear-gradient(180deg, #FFD685 0%, #263766 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    .results .result-item .text{line-height: 20px;}


/* stemcell */
.stemcell{background-image: url('../images/stem-cell-banner.jpg'); background-repeat: no-repeat; background-position: center top;
    background-size: cover;
    padding: calc(var(--padding) * 1.5) 0;
}
.stemcell h6{margin-bottom: 20px;}
.stemcell h2.title{color: rgb(var(--color_white));}
.stemcell h2.title span{color: rgb(var(--color_white));}
.stemcell p{font-weight: 300;}

/* promise */
.promise p{color: rgb(var(--baseColor)); text-align: center; text-wrap: balance; font-weight: 300;}

.cndkbeforeafter{padding: 0; margin-bottom: 30px;}
.cndkbeforeafter-top-left, .cndkbeforeafter-bottom-right {display: none;}
.cndkbeforeafter-hover:hover{opacity: 1; box-shadow: none;}
.cndkbeforeafter-theme-light .cndkbeforeafter-seperator > div > span{
    background-image: url('../images/arrow.png') !important;
    background-repeat:  no-repeat !important;
    background-size: cover !important;
    width: 74px;
    height: 74px;
    border: none !important;
    background-color: transparent !important;
    margin-top: -37px;
    margin-left: -37px;

}
.cndkbeforeafter-seperator > div > span{border-radius: 50%;}
.cndkbeforeafter-theme-light .cndkbeforeafter-seperator > div > span::before, .cndkbeforeafter-theme-light .cndkbeforeafter-seperator > div > span::after{
    display: none;
}




/* before-content */
.before-contet.active{display: none;}
.before-contet p{font-weight: 300;}
.after-contet.active{display: none;}
.after-contet ul{margin-bottom: 0; padding-left: 1.5rem;}
.after-contet ul li{font-weight: 300;}



/*bottom-block */
.bottom-block{background-color: rgb(var(--color_white)); padding: calc(var(--padding) / 2); margin-top: var(--padding); position: relative; border-bottom: 1px solid rgb(var(--primary2));}
.bottom-block .bg{background-repeat: no-repeat; background-position: center top;  opacity: 0; visibility: hidden; position: absolute; inset: 0;
    width: 100%; height: 100%; background-size: cover; transition: all .3s linear;
}

.bottom-block.last{border-radius: 0 0 6px 6px; border-bottom: none;}
.bottom-block.last .bg{border-radius: 0 0 6px 6px;}
.bottom-block  .row{position: relative; z-index: 3;}
.bottom-block img{filter: var(--imgPrimary2);}
.bottom-block:hover .bg{opacity: 1; visibility: visible;}
.bottom-block:hover{border-radius: 6px 6px 0 0;}
.bottom-block:hover h2.title-sm{color: rgb(var(--color_white));}
.bottom-block:hover p{color: rgb(var(--color_white));}
.bottom-block:hover img{filter: var(--imgWhite);}


/* accordion */
.accordion{margin-top: var(--padding);}
.accordion .accordion-item{border: none; border-bottom: 1px solid rgb(var(--primary2));}
.accordion .accordion-item:last-child{border-bottom: none;}
.accordion-item:last-of-type{border-radius:0 0 6px 6px;}
.accordion .accordion-item:last-of-type .accordion-button .bg{border-radius:0;}
.accordion-item:first-of-type .accordion-button{border-radius:6px 6px 0 0; position: relative; }
.accordion .accordion-item .accordion-button{padding: calc(var(--padding) / 2); }
.accordion .accordion-item .accordion-button.collapsed{background-color: rgb(var(--color_white));}
.accordion .accordion-item .accordion-button.collapsed .bg{
    opacity: 0;
}
.accordion .accordion-item:hover .accordion-button .bg,.accordion .accordion-item .accordion-button .bg{
    background-size: cover; background-repeat: no-repeat;
    background-position: center top; position: absolute; inset: 0; object-fit: cover; border-radius:6px 6px 0 0;
    width: 100%;
    height: 100%; display: block; z-index: 2; opacity: 1;
}
.accordion .accordion-item:last-child .accordion-button .bg{ border-radius: 0 0 6px 6px;}
.accordion .accordion-item .accordion-button .accordion-block{color: rgb(var(--color_white)); position: relative; z-index: 2;}
.accordion .accordion-item .accordion-button .accordion-block h2.title-sm{color: rgb(var(--color_white)); width: 45%;}
.accordion .accordion-item .accordion-button .accordion-block .para {width: 45%;}
.accordion .accordion-item .accordion-button .accordion-block .para p {color: rgb(var(--color_white)); line-height: normal; text-wrap: balance;}
.accordion .accordion-item .accordion-button::after{background-image: url('../images/minus-icon.png'); width: 24px; height: 24px; filter: var(--imgWhite); transition: none; transform: none; position: relative; z-index: 2;}
.accordion .accordion-item .accordion-button.collapsed::after{background-image: url('../images/plus-icon.png'); filter: var(--imgPrimary2);
}
.accordion .accordion-item:hover .accordion-button::after{filter: var(--imgWhite);}
.accordion .accordion-item .accordion-button.collapsed .accordion-block h2.title-sm{color: rgb(var(--primary1)); }
.accordion .accordion-item:hover .accordion-button .accordion-block h2.title-sm{color: rgb(var(--color_white));}
.accordion .accordion-item .accordion-button.collapsed .accordion-block .para p{color: rgb(var(--baseColor)); }
.accordion .accordion-item:hover .accordion-button .accordion-block .para p{color: rgb(var(--color_white));}
.accordion .accordion-item .accordion-body{padding: calc(var(--padding) / 2);}
.accordion .accordion-item .accordion-body h4{color: rgb(var(--primary1)); font-weight: 600; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); margin-bottom: 10px;}
.accordion .accordion-item .accordion-body ul{margin-bottom: 0; padding-left: 1rem; color: #A1A1AA;}
.accordion .accordion-item .accordion-body ul li{font-weight: 300;}
.accordion .accordion-item .accordion-body p{font-weight: 300; color: #A1A1AA;}
.dr-block p{font-weight: 300;}



/* .collapse1{ color2: #A1A1AA;}
.dr-block .card{ padding: calc(var(--padding) / 2);}
.dr-block .card h4{color: rgb(var(--primary1)); font-weight: 600; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); margin-bottom: 10px;}
.dr-block .card ul{margin-bottom: 0; padding-left: 1rem;}
.dr-block .card ul li{font-weight: 300;} */


/* approach */
.approach-pic p{font-weight: 300;}
.stem-wrap{width: 440px; height: 440px;}
.stem-wrap .stem-base{position: absolute; inset: 0; }
.stem-wrap .stem-item-wrap{position: relative; inset: 0; width: 100%;
    height: 440px; z-index: 2;}
.stem-wrap .stem-item-wrap .stem-item{text-decoration: none; display: block; position: absolute;
    inset: 0;

}
.stem-wrap .stem-item-wrap .stem-item.one{
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    width: 105px;
}
.stem-wrap .stem-item-wrap .stem-item.two{
    left: 0;
    top: 50px;
    right: 0;
    margin: auto;
    width: 222px;
}
.stem-wrap .stem-item-wrap .stem-item.three{
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    margin: auto;
    width: 102px;
}
.stem-wrap .stem-item-wrap .stem-item.four{
    left: 0;
    top: auto;
    bottom: 160px;
    right: 0;
    margin: auto;
    width: 222px;
}
.stem-wrap .stem-item-wrap .stem-item > img{position: absolute; }
.stem-wrap .stem-item-wrap .stem-item > img:last-of-type {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
  }
.stem-wrap .stem-item-wrap .stem-item:hover > img:last-of-type {
    opacity: 1;
  }

  .stem-wrap .stem-center{position: absolute; inset: 0; margin: auto; z-index: 0; width: 140px; height: 140px;}
  .stem-wrap .stem-center img{position: absolute; inset: 0; margin: auto;}


/* memberships */
.memberships .card{overflow: hidden; padding: 0; border: none; background-repeat: no-repeat; background-position: center top; background-size: cover; height: 280px;}
.memberships .card .card-body{position: relative; z-index: 2;}
.memberships .card .card-body h2.card-title{ font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); font-weight: 600;  margin-bottom: 0;}
.memberships .card .card-body p{font-size: 14px; font-weight: 300; text-wrap: balance; margin-bottom: 0;}
.memberships .card .card-body .card-link{color: rgb(var(--color_white)); text-decoration: none;font-weight: 500; }
.memberships .card:hover{background-image: none !important;}
.memberships .card .bg,.memberships .card .bg-over{transition: all .3s linear; position: absolute; background-size: cover; width: 100%; height: 100%; inset: 0; border-radius: 6px;}
.memberships .card .bg-over{opacity: 0; visibility: hidden; transform: scale(1.1);}
.memberships .card:hover .bg{opacity: 0; visibility: hidden;}
.memberships .card:hover .bg-over{opacity: 1; visibility: visible;}

.owl-carousel.style01.owl-flex .owl-stage {
    display: flex;
  }
  .owl-carousel.style01 > div {
    overflow: visible;
}

.owl-carousel.style01 .owl-nav{position: absolute; top: -100px; right: 0;}
.owl-carousel.style01 .owl-nav .owl-prev .arrow-left, .owl-carousel.style01 .owl-nav .owl-next .arrow-right{width: 40px; height: 40px; background-repeat: no-repeat; background-position: 0 0;
    display: block;}
.owl-carousel.style01 .owl-nav .owl-prev{margin-right: 0.5rem;}
.owl-carousel.style01 .owl-nav .owl-prev .arrow-left{ background-image: url('../images/prev-arrow.svg');}
.owl-carousel.style01 .owl-nav .owl-prev.disabled,.owl-carousel.style01 .owl-nav .owl-next.disabled{opacity: 0.6;}
.owl-carousel.style01 .owl-nav .owl-next .arrow-right{background-image: url('../images/next-arrow.svg');}



/* stories-slider  */
.stories{overflow: hidden;}
.stories-slider .item {
    height: 100%;
}
.stories-slider .item .item-inner{
    border-radius: 6px;
border: 0.5px solid rgba(161, 161, 170, 0.25);
height: 100%;

}
.stories-slider .item .item-inner .pic{
    position: relative;
    padding-top: 46%;
}
.stories-slider .item .item-inner .pic img{
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.stories-slider .item .item-inner .pic::before{
    content: "";
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(44 50 65 / 80%);
    position: absolute;
    border-radius: 6px 6px 0 0;
    z-index: 2;
}
.stories-slider .item .item-inner .pic img{
    border-radius: 6px 6px 0 0;

}

.stories-slider .item .item-inner .pic .pic-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
    width: 100%;
}

.stories-slider .item .item-inner .pic .pic-content h4
{
    margin-bottom: 10px;
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); font-weight: 500;
}
.stories-slider .item .item-inner .pic .pic-content .text{
    color: rgb(var(--primary2));
}
.stories-slider .item .item-inner .info{position: relative;
    border-radius:0 0 6px 6px;
    padding: calc(var(--padding)/1.5) calc(var(--padding)/2.2);
}
.stories-slider .item .item-inner .info p{
    font-weight: 300;
    text-align: justify;
}
.stories-slider .item .item-inner .info p span{
    color: rgb(var(--primary2));
}
.stories-slider .item .item-inner .info .icon{max-width: 84px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -42px;
    z-index: 2;
}

.stories-slider .item .item-inner .info .icon img{width:auto;}
.stories-slider .item .item-inner .info .after-text.active{display: none;}
.stories-slider .item .item-inner .info .before-text.active{display: none;}





/* testimonials-slider */
.testimonials{overflow: hidden;}

.testimonials-slider .item a{color: inherit;}
.testimonials-slider .item .pic{margin-bottom: 15px; border-radius: 6px;}
.testimonials-slider .item .pic img{width: auto; border-radius: 6px;}
.testimonials-slider .item .name{
font-weight: 500;
margin-bottom: 8px;
color: rgb(var(--primary1));
}
.testimonials-slider .item .position{
    font-weight: 300;
}





/* footer */
footer #top .contact-number h6{color: rgb(var(--primary2));}
footer #top .contact-number a{color: rgb(var(--color_white)); font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); font-weight: 500; text-decoration: none;
    display: block;
    margin-bottom: 30px;
}
footer #top .contact-number a:hover,footer #top .contact-number a:focus{color: rgb(var(--primary2));}
footer #top .social-media {display: flex;}
footer #top .social-media a{margin-right: 10px;}

/* contact-form */
.contact-form .form-label{color: rgb(var(--color_white));}
.contact-form .form-control{border-radius: 0; padding: 15px 0; border: none; border-bottom:1px solid #444444; min-height: 50px; background-color: transparent; color: rgb(var(--color_white));}
.contact-form .form-control:focus{box-shadow: none; border-color: rgba(var(--color_white),0.5);}
.contact-form .form-control::placeholder{color: rgba(var(--color_white),0.25);}
.contact-form .btn-custom{border-radius: 50px; border: 1px solid rgb(var(--primary2));  padding: 10px 30px; text-align: center;}
.contact-form .btn-custom:hover,.contact-form .btn-custom:focus{background-color: rgb(var(--primary2)); border-color: rgb(var(--primary2)); color: rgb(var(--color_white));}


.footer #bottom{padding-top: 30px; padding-bottom: 30px; font-size: 12px; color: rgba(var(--color_white),0.75);}
.footer #bottom a{color: inherit; text-decoration: none;}
.footer #bottom a:hover,.footer #bottom a:focus{color: rgb(var(--primary1));}
.footer .copyright{font-weight: 300;}
.footer #bottom .links{display: flex;}
.footer #bottom .links a{color: rgba(var(--color_white),0.75); text-transform: uppercase; margin-left: 15px; position: relative; font-weight: 300;}
.footer #bottom .links a::before{content: ""; width: 1px; height: 10px; background-color: rgba(var(--color_white),0.75);
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
}


.footer #bottom .links a:first-child::before{
    display: none;
}
.footer #bottom .links a:hover{
    color: rgb(var(--primary1));
}
.content h1{
    font-weight: 500;
    color: rgb(var(--primary1));
    margin-bottom: 30px;
    font-size: clamp(1.25rem, 0.975rem + 1.375vw, 2.625rem);
}

.content h5{
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
font-weight: 500;
    color: rgb(var(--primary1));

}

.content ol{
    padding-left: 1.2rem;
}