:root{
    --Quicksand: 'Quicksand';
    --PoetsenOne: 'PoetsenOne';
    --Chewy: 'Chewy';
    --color-dark-yellow: #FDF761;
    --color-dark-blue: #337EFF;
    --color-dark-pink: #EF63CC;
    --color-dark-orange: #FB6202;
    --color-dark-green: #34A853;
    --color-dark-purple: #AF0298;
    --color-dark-lavender: #7D4DEE;
    --color-light-yellow: #fffee7;
    --color-light-blue: #eef9ff;
    --color-light-pink: #fddff5;
    --color-light-orange: #fcede2;
    --color-light-green: #f0ffef;
    --color-light-purple: #fcf1ff;
    --color-light-lavender: #e8deff;
}
/* @media (min-width:1024px) {
    html{
        font-size: 15px;
    }
} */
html{scroll-behavior: smooth;scroll-padding: 100px}
html::-webkit-scrollbar{width: 6px}
html::-webkit-scrollbar-thumb{background-color: var(--bs-orange);border-radius: 10px}
/* Font Size Utilities */
.fs-12 { font-size: clamp(0.625rem, 0.4515rem + 0.4819vw, 0.75rem); }
.fs-14 { font-size: clamp(0.75rem, 0.5765rem + 0.4819vw, 0.875rem); }
.fs-15 { font-size: clamp(0.8125rem, 0.639rem + 0.4819vw, 0.9375rem); }
.fs-16 { font-size: clamp(0.875rem, 0.7015rem + 0.4819vw, 1rem); }
.fs-18 { font-size: clamp(1rem, 0.8265rem + 0.4819vw, 1.125rem); }
.fs-20 { font-size: clamp(1.125rem, 0.9515rem + 0.4819vw, 1.25rem); }
/* .fs-22 { font-size: clamp(1.25rem, 1.0765rem + 0.4819vw, 1.375rem); } */
.fs-22 { font-size: clamp(1rem, 0.6094rem + 1.25vw, 1.3125rem) }
.fs-24 { font-size: clamp(1.375rem, 1.2015rem + 0.4819vw, 1.5rem); }
.fs-26 { font-size: clamp(1.5rem, 1.3265rem + 0.4819vw, 1.625rem); }
.fs-28 { font-size: clamp(1.625rem, 1.4515rem + 0.4819vw, 1.75rem); }
.fs-30 { font-size: clamp(1.625rem, 1.278rem + 0.9639vw, 1.875rem); }
.fs-32 { font-size: clamp(1.75rem, 1.403rem + 0.9639vw, 2rem); }
.fs-35 { font-size: clamp(1.625rem, 0.8443rem + 2.1687vw, 2.1875rem); }
.fs-36 { font-size: clamp(2rem, 1.653rem + 0.9639vw, 2.25rem); }
.fs-40 { font-size: clamp(1.75rem, 0.8125rem + 3vw, 2.5rem) }
.fs-42 { font-size: clamp(2rem, 1.1325rem + 2.4096vw, 2.625rem); }
.fs-46 { font-size: clamp(2.25rem, 1.3825rem + 2.4096vw, 2.875rem); }
.fs-52 { font-size: clamp(2.25rem, 0.862rem + 3.8554vw, 3.25rem); }
.fs-60 {font-size: clamp(2.8125rem, 1.6406rem + 3.75vw, 3.75rem);}
.fs-64 {font-size: clamp(2.375rem, 0.3438rem + 6.5vw, 4rem)}
.fs-70 { font-size: clamp(3.125rem, 1.5625rem + 5vw, 4.375rem); }
.fs-90{font-size: clamp(3.125rem, 0rem + 10vw, 5.625rem);}
.font-quicksand {font-family: var(--Quicksand);}
.font-chewy {font-family: var(--Chewy);}
p:last-child{margin-bottom: 0;}
a{text-decoration: none;}
.lh-normal{line-height: normal;}
.br-30{border-radius: 30px;}
.ls-3 { letter-spacing: 0.03em; }
.ls-12 { letter-spacing: 0.12em; }
.text-justify { text-align: justify; }
.text-orange {color: var(--bs-orange);}
.bg-dark-yellow {background-color: var(--color-dark-yellow);}
.bg-dark-blue {background-color: var(--color-dark-blue);}
.bg-dark-pink {background-color: var(--color-dark-pink);}
.bg-dark-orange {background-color: var(--color-dark-orange);}
.bg-dark-green {background-color: var(--color-dark-green);}
.bg-dark-purple {background-color: var(--color-dark-purple);}
.bg-dark-lavender {background-color: var(--color-dark-lavender);}
.bg-light-yellow {background-color: var(--color-light-yellow);}
.bg-light-blue {background-color: var(--color-light-blue);}
.bg-light-pink {background-color: var(--color-light-pink);}
.bg-light-orange {background-color: var(--color-light-orange);}
.bg-light-green {background-color: var(--color-light-green);}
.bg-light-purple {background-color: var(--color-light-purple);}
.bg-light-lavender {background-color: var(--color-light-lavender);}
.bg-orange{background-color: var(--bs-orange);}
.bg-purple {background-color: #AF0298;}
.text-purple {color: #B5157B;}
.bg-green{background-color: #34A853;}
.bg-pink{background-color: #EF63CC;}
@media (max-width: 768px) {
    .br{display: none}
}
.overflow-design::-webkit-scrollbar{background-color: #00000029;width: 8px;height: 3px}
.overflow-design::-webkit-scrollbar-thumb{background-color: #C7C731;border-radius: 10px}
.section-padding{padding-block: clamp(3.25rem, 2.625rem + 2vw, 3.75rem)}
.navbar.scrolled {position: sticky;top: 0;background-color: #fffffff2;border-bottom: 0.5px solid #C7C731;transition: 0.3s;box-shadow: 0px 4px 16px 0px #4877C829;z-index: 999;}
.navbar.hidden{transform: translateY(-100%)}
.navbar-brand img{max-width:clamp(5.625rem, 1.1719rem + 14.25vw, 9.1875rem)}
.navbar .navbar-collapse .btn{padding: .7937rem 1.4956rem}
.hero-section{display: flex;padding: clamp(1.25rem, -0.3906rem + 5.25vw, 2.5625rem) 0;height: clamp(22.5rem, -25.0781rem + 152.25vw, 60.5625rem);background: url(../img/hero-main.png) no-repeat center center/cover}
.coco-tab .nav-item .nav-link .avatar-box{background-position:center;background-repeat:no-repeat;display:grid;width:143px;height:143px;place-items:center;border-radius:50%}
.coco-tab .nav-item .nav-link.active .avatar-box{background-image:url(../img/shape/active-sing.svg)}
.coco-tab .nav-item .nav-link .avatar-box img{width:125px;height:125px;border:4px solid #FFF;box-shadow:0 4px 16px 0 #00000029;border-radius:50%}
.coco-tab .nav-item .nav-link .main-text{color:#FFF;line-height:normal;text-shadow:2px 2px 2px #FFB80480}
@media (max-width:576px) {
    .coco-tab .nav-item .nav-link{padding: .625rem .3125rem;}
    .coco-tab .nav-item .nav-link .avatar-box{width: 6.75rem;height: 6.75rem;background-size: contain;}
    .coco-tab .nav-item .nav-link .avatar-box img{width: 5rem;height: 5rem;}
}
.song-border{border:10px solid #FFF;border-radius:30px;box-shadow:0 4px 4px 0 #00000040}
.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}
.team-box{width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 16px 0 #4877C80F;border-radius:30px;transition:all .3s ease-in-out}
.team-box .img-box{height:clamp(12.5rem, 10.9375rem + 5vw, 13.75rem);text-align:center}
.team-box .img-box img{height:100%;width:100%;object-fit:contain;transition:all .3s ease-in-out}
.team-box .box{padding:0 30px 40px}
.team-box:hover{box-shadow:0 4px 16px 0 #4877c89b;transition:all .3s ease-in-out}
.team-box:hover .img-box img{transform:scale(1.1);transition:all .3s ease-in-out}
.img-105{max-width: clamp(5rem, 4.1319rem + 2.7778vw, 6.5625rem);height: clamp(5rem, 4.1319rem + 2.7778vw, 6.5625rem)}
.shape-set{background-position: center;background-repeat: no-repeat;background-size: 100% 100%;padding: 120px 140px}
.parents-card .card-body{padding: 2.5rem 2.1875rem;}
.bg-reviews{overflow: hidden;position: relative;background:url(../img/bg-reviews.png) no-repeat center center/cover}
.bg-reviews::before{content: "";position: absolute;width: 102%;height: 73px;left: 0;top: -10px;background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, /* top light */ rgb(255 255 255 / 96%) 50%, rgba(255, 255, 255, 0.119) 100%);filter: blur(5px);z-index: 1}
.bg-reviews::after,.contact-sec::after{content: "";position: absolute;width: 102%;height: 73px;left: -1%;bottom: -10px;background: linear-gradient(to bottom,rgba(255, 255, 255, 0.018) 0%,   rgb(255, 255, 255) 50%,  rgb(255, 255, 255) 100%   );filter: blur(5px);z-index: 1}
.outline-text{-webkit-text-stroke:3px var(--bs-orange)}
.reviews-slide .swiper-slide{height:auto}
.reviews-slide .swiper-slide .card{height:100%}
.slider-btn-group{gap:40px}
.slider-btn-group .slide-btn{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;padding:8px;box-shadow:0 4px 4px #0000001a;color:var(--color-dark-lavender);background-color:#FFF;transition:all .3s ease-in-out}
.slider-btn-group .slide-btn:hover{background-color:var(--color-dark-lavender);color:#FFF}
.slider-btn-group .swiper-button-next.swiper-button-disabled .slide-btn,.slider-btn-group .swiper-button-prev.swiper-button-disabled .slide-btn.active-primary{color:var(--color-dark-lavender);background-color:#FFF}
.slider-btn-group .slide-btn.active-primary{color:var(--bs-primary);background-color:#FFF}
.slider-btn-group .slide-btn.active-primary:hover{background-color:var(--bs-primary);color:#FFF}
.slider-btn-group .swiper-button-next.swiper-button-disabled .slide-btn.active-primary,.slider-btn-group .swiper-button-prev.swiper-button-disabled .slide-btn.active-primary{color:var(--bs-primary);background-color:#FFF}
.slider-btn-group .swiper-button-prev,.slider-btn-group .swiper-button-next{position:static;left:inherit;right:inherit;width:auto;height:auto;top:inherit}
.slider-btn-group .swiper-button-prev::after,.slider-btn-group .swiper-button-next::after{content:none;display:none}
.news-card{position:relative;height:clamp(22.5rem, 17.4219rem + 16.25vw, 26.5625rem);border-radius:36px;overflow:hidden}
.news-card .img-set{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.news-card .card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,#1a1a1a00 0%,#1A1A1A 100%);transition:all .4s ease-in-out;display:flex;flex-direction:column;justify-content:flex-end}
.news-card .card-content a{opacity:0;max-height:0;transform:translateY(20px);transition:all .4s ease-in-out;text-decoration:none;display:block;overflow:hidden}
.news-card:hover .card-content{padding-bottom:30px}
.news-card:hover .card-content a{opacity:1;max-height:50px;transform:translateY(0);margin-top:10px}
.news-card:hover .img-set{transform:scale(1.05)}
.contact-sec{position:relative;background-color:#DAF6FF;background-position:center bottom;background-repeat:no-repeat;background-size:cover;overflow:hidden}
@media (max-width:768px) {
.contact-sec{background-image:url(../img/contact-bg.png)}
}
.btn-orange{background-color:var(--bs-orange);color:#FFF}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active{background-color:#ee6604;color:#FFF}
.btn-orange:active{background-color:#f56a06 !important;color:#FFF !important}
.footer-text{font-size: clamp(0.75rem, 0.125rem + 2vw, 1.25rem);}
.coco-back-img{position: absolute;top: -47px;right: -37px;width: clamp(11.25rem, 4.9167rem + 9.8958vw, 14.8125rem);z-index: -1}
.snails-img{top: 10px;right: clamp(0.3125rem, -0.5386rem + 1.3298vw, 0.625rem);width: clamp(15.625rem, 0.4761rem + 23.6702vw, 21.1875rem);z-index: -1}
.kai-set-tree{left: 0;top: 22px;width: 308px}
.coco-reading{width: clamp(5rem, 3.8542rem + 3.6667vw, 7.0625rem)}
.benifit-coco{width: clamp(3.75rem, 2.0486rem + 5.4444vw, 6.8125rem)}
.owl-img{top: 0;width: clamp(18.75rem, -5.0798rem + 37.234vw, 27.5rem)}
@media (min-width:1400px) {
    .coco-back-img{right: 8px}
}
.mt-n2{margin-top: -0.5rem}
.video-container{max-width: 925px;height: clamp(13.75rem, -15.3906rem + 93.25vw, 37.0625rem);border: 10px solid var(--bs-orange);box-shadow: 0px 4px 4px 0px #00000040}
.video-container .video-item{ object-fit: cover; object-position: center; background-color: #7dc3f0}
@media (min-width: 1500px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1420px}
    .container-1920{max-width:1530px;margin-inline:auto}
}
@media (min-width:1560px) {
    .hero-section{background-size:contain}
}
@media (min-width:768px) {
    .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:3.75rem}
}
@media (max-width:991px) {
    .navbar .navbar-collapse .navbar-nav{position:absolute;top:5.625rem;left:0;width:100%;height:100vh;background-color:#FFF;padding:20px;z-index:999}
}
.text-hover-primary:not(:hover){transition:color .2s ease}
.text-hover-primary:hover{color:var(--bs-primary)!important;transition:color .2s ease}
.newspaper-section { display: block;  width: 100%}
.newspaper-img {max-width: 50%; height: auto}

@media (max-width: 768px) {
    .newspaper-img {float: none !important;width: 100% !important;max-width: 100% !important;margin: 0 0 20px 0 !important}
}
.store-img{max-width:  clamp(8.125rem, 0.9375rem + 23vw, 13.875rem);}
p{line-height: 1.3;}