@font-face{font-family:"bold"; src: url("../fonts/HankRnd-Bold.woff")}
@font-face{font-family:"title-font"; src: url("../fonts/ruchill-regular.woff")}
@font-face{font-family:"regular"; src: url("../fonts/HankRnd-Regular.woff")}
@font-face{font-family:"medium"; src: url("../fonts/HankRnd-Regular.woff")}
@font-face{font-family:"light"; src: url("../fonts/HankRnd-Regular.woff")}
@font-face{font-family:"hank-regular"; src: url("../fonts/HankRnd-Regular.woff")}



.title-font{font-family:"title-font"}
.regular{font-family:"regular";}
.medium{font-family:"medium";}
.light{font-family:"hank-regular"}
.bold{font-family:"bold"}
.hank-regular{font-family:"hank-regular";}

html,
body {
  height: auto !important;
  overflow: visible !important;
}

body {
    overflow-x: hidden !important;
}

body{font-family:"hank-regular"!important;overflow-x:hidden; color: #3B3A3A !important; font-size: 1.25vw !important; line-height: 1.85vw !important;}
.wrapper{margin:auto;width:100%}
.big-container{margin: auto;padding-left: 6vw;    padding-right: 6vw; width: 100%}
.small-container {    margin: auto;    padding-left: 12vw;    padding-right: 12vw;    width: 100%;}
.header{width:100%;margin:auto;left:0;top:0;right:0;z-index:5;transition:all ease-in-out .3s;padding:1.5vw 0 0; background: #fff;}
.header.stickyheader{position:fixed;animation-direction:normal;animation-duration:.7s;animation:slide-down .7s;z-index:5;transition:all ease-in-out .3s;box-shadow: 0 0 10px rgb(0 0 0 / 5%);}

.logo img {    width: 13vw;}


header.header.stickyheader{padding: 0;}
header.header.stickyheader .main-menu li {
    padding: 1.5vw 0;
}
header.header.stickyheader .dflex-ctas.d-flex{    display: none !important;}
header.header.stickyheader .logo img{width: 10vw;}
header.header.stickyheader .main-menu li a{font-size: 0.83vw;}
header.header.stickyheader .main-menu li a:after{width: 0.55vw;    height: 0.45vw;}

.white{color: #fff;}
.black-color{color: #000}
.dblue{color: #11466D;}
.blue{color: #1A6AB3;}
.green{color: #3BB44A;}
.pink{color: #E13C71;}
.orange{color: #F16748;}
.yellow{color: #F9B348;}

.black-bg{background: #000;}
.white-bg{background: #fff;}
.dblue-bg{background: #11466D;}
.blue-bg{background: #1A6AB3;}
.green-bg{background: #3BB44A;}
.pink-bg{background: #E13C71;}
.orange-bg{background: #F16748;}
.yellow-bg{background: #F9B348;}
.lblue-bg{background: #F0F5F9;}

.letterspacing1{letter-spacing: 1px}





:focus{outline:none!important}
a{color:inherit; transition: all 0.5s;}
a:hover{text-decoration:none!important; transition: all 0.5s;}
a:focus{outline:none!important;border:none!important;text-decoration:none!important}
img{ transition: all 0.5s;}
*:hover img{ transition: all 0.5s;}
.text-underline{text-decoration: underline !important}
.abs-anch{position: absolute; width: 100%; height: 100%; top: 0;left: 0; color: transparent !important;z-index: 0}
.borderbottom{border-bottom: 1px solid}
.list-inline li{display: inline-block}
.show-1024,.show-768,.show-600{display:none!important}
input,select,texarea{border-radius:0!important}
strong,b{font-weight:normal !important;font-family:"bold"}
.overflow-hidden{overflow: hidden}
.object-cover img{object-fit: cover; width: 100%; height: 100%;}
.overlay{position: relative;}
.overlay:before{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
svg {	overflow: visible !important;}

/*#how-does-zeroBonds-work{scroll-margin-top:130px}*/

.sun path{
  opacity: 0;
	transition: opacity 0.3s ease;
}

.anim.in-view .sun path{
  stroke: #11466D;
  stroke-width: 1.5;
  fill-opacity: 0; /* Hide fill initially */
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
	animation: drawStroke 3s ease forwards, fillIn 1s ease forwards;
	animation-delay: 0s, 3s; /* Start fill after stroke animation ends */
	opacity: 1;

}


  @keyframes scaleUp {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  @keyframes rocking {
    0%, 100% {
      transform: scale(1) rotate(-1deg);
    }
    50% {
      transform: scale(1) rotate(1deg);
    }
  }


@keyframes drawStroke {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fillIn {
  to {
    fill-opacity: 1;
  }
}


@keyframes elasticScaleUp {
  0% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


/* Float the cloud up and down */
.maincloud {
  animation: cloudFloat 3s ease-in-out infinite;
  transform-origin: center;
}

.cloud-2 .maincloud {
  animation: cloudFloat2 3s ease-in-out infinite;
  transform-origin: center;
}

/* Wiggle the curved lines below the cloud */
.wigglelines {
  animation: wiggle 0.8s ease-in-out infinite alternate;
  transform-origin: center;
}

.cloud-2 .wigglelines {
  animation: wiggle2 0.8s ease-in-out infinite alternate;
  transform-origin: center;
}

/* Cloud floating animation */
@keyframes cloudFloat {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-1vw);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes cloudFloat2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateX(-1vw);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Wiggle animation for the lines */
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(8deg);
    opacity: 0.7;
  }
}

@keyframes wiggle2 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-8deg);
    opacity: 0.7;
  }
}



#site-loader {
  position: fixed;
  inset: 0;
z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader-svg {
  position: relative;
  z-index: 1;
  width: 30vw;
  height: auto; /* Or a fixed height if needed */
  overflow: visible; /* This is key */
	padding: 0 3vw;
}


.loader-svg svg {
 width: 100%;
  height: 100%; overflow: visible !important;
}

.loader-svg svg path {
  opacity: 0;
  transform: scale(0.5) rotate(0deg);
  transform-origin: center;
  transition: all 0.5s cubic-bezier(0.25, 1.5, 0.5, 1);
  filter: drop-shadow(0 0 0 transparent);
}
.loader-svg svg path.show {
  opacity: 1;
  transform: scale(1.2) rotate(15deg);
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
}


@keyframes sparkle {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.15); opacity: 1; }
}

.loader-svg svg path.sparkle {
  animation: sparkle 1.2s ease-in-out infinite;
}

.reveal-panels {
  position: absolute;
  inset: 0;
  display: flex;
  z-index: 0; /* Panel goes above SVG only during reveal */
  perspective: 1200px;
  pointer-events: none;
}

.panel {
  width: 50%;
  height: 100%;
  background: #fff; /* same as loader background */
  transform-origin: center left;
  transform: rotateY(0deg);
  transition: transform 1s ease-in-out;
  will-change: transform;
}

.right-panel {
  transform-origin: center right;
}




.pt-200{padding-top: 10.5vw}
.pb-200{padding-bottom: 10.5vw}
.pt-120{padding-top: 6vw}
.pb-120{padding-bottom: 6vw}
.pt-80{padding-top: 4.5vw}
.pb-80{padding-bottom: 4.5vw}
.pt-60{padding-top: 3vw}
.pb-60{padding-bottom: 3vw}
.pt-40{padding-top: 2vw}
.pb-40{padding-bottom: 2vw}
.pt-20{padding-top: 1vw}
.pb-20{padding-bottom: 1vw}

.pr-120{padding-right: 6vw !important;}
.pl-120{padding-left: 6vw !important;}
.pr-80{padding-right: 4.5vw !important;}
.pl-80{padding-left: 4.5vw !important;}
.pr-60{padding-right: 3vw !important;}
.pl-60{padding-left: 3vw !important;}
.pr-40{padding-right: 2vw !important;}
.pl-40{padding-left: 2vw !important;}

.nomargin-top{margin-top:0!important}
.nomargin-bottom{margin-bottom:0!important}
.nomargin-left{margin-left:0!important}
.nomargin-right{margin-right:0!important}
.nopadding-top{padding-top:0!important}
.nopadding-bottom{padding-bottom:0!important}
.nopadding-left{padding-left:0!important}
.nopadding-right{padding-right:0!important}


.font-100{font-size: 5.2vw; line-height: 5.2vw;}
.font-60{font-size:3.12vw;line-height:3.5vw;}
.font-50{font-size: 2.6vw; line-height: 3vw;}
.font-45{font-size: 2.35vw;line-height: 2.55vw;}
.font-40{font-size: 2.2vw; line-height: 2.2vw}
.font-32{font-size:1.66vw;line-height:2vw;}
.font-30{font-size: 1.55vw; line-height: 1.55vw;}
.font-26{font-size: 1.35vw; line-height: 1.55vw;}
.font-25{font-size: 1.3vw; line-height: 1.5vw;}
.font-24{font-size: 1.25vw; line-height: 1.65vw;}
.font-20{font-size: 1.1vw; line-height: 1.6vw}
.font-18{font-size: 1vw; line-height: 1.2vw}
.font-16{font-size: 0.83vw; line-height: 1.3vw}
.font-14{font-size: 0.73vw; line-height: 1vw}
.font-12{font-size: 0.67vw; line-height: 0.8vw}

.sectiontitle-40 {font-family: "title-font";font-size: 2.7vw;line-height: 2.7vw; text-transform: uppercase;}
.sectiontitle-48{font-family:"title-font";font-size:3.2vw;line-height:3.2vw; text-transform: uppercase;}
.sectiontitle-68{font-family:"title-font";font-size:3.65vw;line-height:3.65vw; text-transform: uppercase;}
.sectiontitle-88{font-family:"title-font";font-size:5.22vw;line-height:5.22vw; text-transform: uppercase;}



input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus:-moz-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}

input::-webkit-input-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
input:-moz-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
input::-moz-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
input:-ms-input-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
textarea::-webkit-input-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
textarea:-moz-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
textarea::-moz-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}
textarea:-ms-input-placeholder{color: #11466D; font-size:0.83vw;font-family: "regular";}

select {-webkit-appearance: none;position: relative;background-image: url("../images/menu-arrow.svg") !important;background-position: right 15px center!important;    background-repeat: no-repeat!important;}




@keyframes slide-down {
0%{opacity:0;transform:translateY(-100%)}
100%{opacity:1;transform:translateY(0)}
}
.down-arrow img{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}
@-webkit-keyframes mover {
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}
@keyframes mover {
0%{transform:translateY()}
100%{transform:translateY(-10px)}
}



.moz-background-picture,.moz-background-picture-side{display:inline-block;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
body.loaded .rollout .moz-background-picture:before,.roll-out.anim.in-view .moz-background-picture:before{height:0; transition-delay:1s}
body.loaded .rollside .moz-background-picture-side:before,.roll-side.anim.in-view .moz-background-picture-side:before{width:0; transition-delay:1s}
.moz-background-picture:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;background-color:#fff;transition:height 1.2s cubic-bezier(.57,0,.08,1);z-index:0}
.moz-background-picture-side.black-bg:before,.moz-background-picture.black-bg:before{background-color:#000}
.moz-background-picture-side:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;background-color:#fff;transition:width 1.2s cubic-bezier(.57,0,.08,1);z-index:0}
.rollout,.roll-out,.rollside,.roll-side{position:relative}
.slide-right,.slideright{transform:translateX(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-right,.anim.in-view .slideright{transform:translateX(0);opacity:1}
.slide-left,.slideleft{transform:translateX(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-left,.anim.in-view .slideleft{transform:translateX(0);opacity:1}
.longslide-left,.longslideleft{transform:translateX(-1000px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .longslide-left,.anim.in-view .longslideleft{transform:translateX(0);opacity:1}
.slide-down,.slidedown{transform:translateY(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-down,.anim.in-view .slidedown{transform:translateY(0);opacity:1}
.slide-up,.slideup{transform:translateY(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-up,.anim.in-view .slideup{transform:translateY(0);opacity:1}

.loaded .delayed,.anim.in-view .de-layed{transition-delay:  0.8s}
.loaded .delayed1,.anim.in-view .de-layed1{transition-delay:  1.0s}
.loaded .delayed2,.anim.in-view .de-layed2{transition-delay: 1.2s}
.loaded .delayed3,.anim.in-view .de-layed3{transition-delay:  1.4s}
.loaded .delayed5,.anim.in-view .de-layed4{transition-delay:  1.6s}
.loaded .delayed6,.anim.in-view .de-layed5{transition-delay:  1.8s}
.loaded .delayed7,.anim.in-view .de-layed6{transition-delay:  2.0s}
[data-aos=scale]{transform:scale(1.3)}
[data-aos=scale].aos-animate{transform:scale(1)}


.bounce{animation-name:bounce}
.bouncing-letters .char{animation-timing-function:linear;animation-duration:1s;animation-iteration-count:1;display:inline-block}
@keyframes bounce {
20%,50%,80%,to{transform:scale(1,1)}
40%{transform:scale(1.45,0.35)}
45%{transform:scale(1.45,0.35)}
70%{transform:scale(1.15,0.55)}
90%{transform:scale(1.05,0.65)}
}
.curved-cta{position:relative;display:flex;align-items:center}
.hover-wrap{position:relative;display:inline-block;text-align:center;overflow:hidden;height:2.35vw;line-height:2.25vw;border-radius:1.5vw;padding:0 1.15vw}
.big-cta .hover-wrap{height:2.87vw;line-height:2.65vw;padding:0 1.5vw}
.hover-wrap a{display:block;width:100%;height:100%;text-decoration:none;position:relative;z-index:2;font-size:.83vw;font-family:"bold"}
.big-cta .hover-wrap a{font-size:1vw}
.hover-wrap em{position:absolute;width:12em;height:6em;background-color:#0E3856;left:0;top:3.8em;transition:all .8s cubic-bezier(0.39,0.58,0.57,1);z-index:1}
.hover-wrap:hover em{transform:rotate(-8deg) translateY(-81%);transform-origin:left top}
.hover-wrap em i{float:left;position:relative;overflow:hidden;width:2em;height:1em;margin-top:-.5em}
.hover-wrap em i:after,.hover-wrap em i:before{content:'';float:left;height:100%;width:50%;border-radius:50%}
.hover-wrap em i:before{background-color:#0E3856}
.hover-wrap em i:after{background-color:inherit}
.curved-cta.border-cta .hover-wrap{border:2px solid}
.curved-cta.border-cta .hover-wrap a{font-size:.83vw}
.curved-cta.border-cta .hover-wrap:hover a{color:#fff}

.large-curved-cta a{display:flex;justify-content:center;align-items:center;font-family:"bold";padding:1vw 6vw 1vw 1.5vw;font-size:1.1vw;border-radius:4vw;border:1vw solid #DFEAF5!important;position:relative;text-transform: capitalize;}
.large-curved-cta{display:table;margin:auto}
span.circle-arrow{position:absolute;right:.75vw;transition:all linear .3s}
.large-curved-cta:hover .circle-arrow{transform:rotate(360deg);transition:all linear .3s}
span.circle-arrow svg{width:2.75vw;height:2.75vw}


.stars {
  transform: scale(0); /* Start hidden (scaled down) */
  will-change: transform;
}





/* Menu  

.sub-menu{display:none}*/
.main-menu li{padding-bottom: 1.5vw;margin:0 0.25vw; position: relative;}
.main-menu{padding:0;margin:0; position: relative;}
.main-menu li a{font-family:"bold";font-size:1.1vw;line-height:1.9vw;height:2vw;color:#11466D;padding:0 1vw;border-radius:2vw;transition:all ease-in-out .3s;display:block}
.main-menu li a:hover,.main-menu li.current-menu-parent a,.main-menu li.current_page_item a{background:#11466D;color:#fff;transition:all ease-in-out .3s}.phone-icon{margin-right:.5vw}
.phone-icon svg{width:1vw;height:1vw}
.main-menu li.menu-item-has-children a:after{content:"";background:url(../images/menu-arrow.svg) no-repeat;background-size:100%;display:inline-block;width:.75vw;height:.65vw;margin-left:.35vw}
.main-menu li.menu-item-has-children a:hover:after,.main-menu li.current-menu-parent a:after,.main-menu li.current_page_item a:after{background:url(../images/hover-menu-arrow.svg) no-repeat;background-size:100%;display:inline-block;width:.75vw;height:.65vw;margin-left:.35vw}


/* Home Page */ 

.home-banner{height:57vw}
.banner-svg{width:60vw;height:auto;left:0;top:0;z-index:-1}
.banner-svg svg{width:100%;height:100%}
.maskedimage{mask-image:url(../images/banner-mask.png);mask-mode:alpha;mask-repeat:no-repeat;mask-size:100%;width:100%}
.homebanner{top:-1vw;z-index:-1;right:0;width:82vw}
.banner-caption{padding:12vw 5vw}
.home-banner .banner-caption{padding:9vw 5vw 12vw 5vw}
.stars.pinkstar{top:-7vw;left:-12vw}
.bigstar svg{width:18vw;height:18vw}
.stars.bluestar{top:8vw;right:-3vw}
.smallstar svg{width:12vw;height:12vw}
.smallerstar svg{width:9vw;height:9vw}
.anim.in-view .draw path{stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 3s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.single-centres .masked-boy-image{width:35vw;padding-left:7vw}
.masked-boy-image{width:35vw}.abs-border svg{width:34vw}
.abs-border{z-index:-1;top:6vw}
.program-details{width:60%;padding:0 2vw}
.program-image.object-cover{width:40%;aspect-ratio:33 / 50; overflow: hidden; transition: all ease-in-out 0.3s;}
.program-item .program-image.object-cover.curved-image img {    transition: all ease-in-out 0.3s;}
.program-item:hover .program-image.object-cover.curved-image img {    transform: scale(1.1) rotate(2deg);    transition: all ease-in-out 0.3s;}
.item-dflex.d-flex{padding:2vw;border-radius:1.2vw;margin-bottom:2vw}
.age-group{padding:.5vw 1vw;border-radius:2vw;background:#F16748;display:table;margin:1vw 0}
.curved-image,.curved-image img,.curved-image iframe{border-radius:1.2vw}
.programs-wrapper.row .col-md-6:nth-child(2) .item-dflex.d-flex .age-group{background:#3BB44A}
.programs-wrapper.row .col-md-6:nth-child(3) .item-dflex.d-flex .age-group{background:#3BB44A}
.programs-wrapper.row .col-md-6:nth-child(4) .item-dflex.d-flex .age-group{background:#1A6AB3}
.programs-container{padding-bottom:18vw}.doubleborder{z-index:1}
.doubleborder:before{content:"";background:url(../images/border-1.svg) no-repeat;width:100%;top:-15vw;left:0;position:absolute;height:16vw;background-size:100%;z-index:-1}
.why-sak-continer .col-md-5{border-right:2px solid transparent;border-image:repeating-linear-gradient(to bottom,#fff 0,#fff 10px,transparent 2px,transparent 20px) 1}


/* Footer */

.footer-columns.d-flex{border-top:1px solid #ffffff80;margin-top:2vw;padding-top:2vw}
.footermenu ul{margin:0;padding:0;list-style:none}
.footermenu ul li{margin:0;padding:.35vw 0;font-family:"light";font-size:.83vw}
.curved-shine svg{width:100%}
ul.socialmedia li a{display:flex;background:#E13C71;width:2.7vw;height:2.7vw;align-items:center;justify-content:center;border-radius:100%;z-index: 1; position: relative;}
ul.socialmedia li a svg{width:1vw;height:1vw}
ul.socialmedia li a:after {
    content: "";
    background: #3BB44A;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: -1;
    transform: scale(0);
    transform-origin: center;
	transition: all ease-in-out 0.3s;
}
ul.socialmedia li:hover a:after {
    transform: scale(1);
    transform-origin: center;
	transition: all ease-in-out 0.3s;
}



/* Dot wrapper */
.text-carousel .slick-dots{display:flex!important;align-items:center;margin-top:6vw;gap:.75vw;bottom:0}
.text-carousel .slick-dots li{width:auto;height:auto;display:flex;align-items:center;justify-content:center;padding:0;margin:0}
.text-carousel .slick-dots li span.custom-dot{display:inline-block;width:.7vw;height:.7vw;background:#fff;border-radius:50%;transition:all .3s ease}
.text-carousel .slick-dots li.slick-active span.custom-dot{width:5vw;border-radius:.7vw}
.text-carousel.slick-slider{margin-bottom:0 !important;height:100%}
.yellowstar svg path{fill:#F9B348}
.pinkstar svg path{fill:#E13C71}
.why-sak-continer .yellowstar{top:0;left:50%}
.why-sak-continer .pinkstar{top:-15vw;right:8vw;left:auto}
.mediumstar svg{width:16.5vw;height:16.5vw}
.featured-content.withborder{position:relative;z-index:1;padding:2vw 3vw;border-bottom-left-radius:1.2vw;border-bottom-right-radius:1.2vw;margin-top:-1vw}
.featured-content.withborder:before{content:"";background:url(../images/blog-border.png) no-repeat;width:100%;top:-7vw;z-index:-1;background-size:100%;position:absolute;height:7vw;left:0}
.right-posts {    height: 100%;}
.mini-thumb{/*aspect-ratio:137 / 97;*/width:50%; height: 100%;}
.right-posts .mini-post.d-flex:last-child {    padding-bottom: 0;}
.mini-post.d-flex{padding-bottom:1.3vw;align-items:center; height: 33.33%;}
.mini-content{width:50%;padding-left:3vw}
.featured-image .object-cover.curved-image{aspect-ratio:274 / 189}
.testimonial-container .row.blue-bg{border-radius:1.2vw}
.testimonial-items{height:100%;display:flex;flex-direction:column;justify-content:center;padding:1vw 4vw 1vw 2vw}
.testimonial-container .curved-image,.testimonial-container .curved-image img{border-top-right-radius:0;border-bottom-right-radius:0}
.row-stars svg{width:16.5vw;}
.row-stars.m-auto svg{margin:auto}

.home .scrollcontent {
    height: 13vw;
    overflow-y: auto;
    padding-right: 2vw;
    margin-bottom: 2vw;
	 background-clip: content-box; /* ensures padding doesn't overlay background */
}

/* Target WebKit browsers */
.home .scrollcontent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.home .scrollcontent::-webkit-scrollbar-track {
  background: #f1f1f1; /* Light background (optional) */
  border-radius: 10px; /* Curve the track */
}

.home .scrollcontent::-webkit-scrollbar-thumb {
  background-color: #11466D; /* Your custom dark blue */
  border-radius: 10px;        /* Curved thumb */
  border: 2px solid #f1f1f1;  /* Optional: adds spacing effect */
}

/* Optional: Hover effect */
.home .scrollcontent::-webkit-scrollbar-thumb:hover {
  background-color: #0d3b5a;
}

.home .text-carousel-arrows .slick-slide{padding-right: 1.5vw;}




/* Center Pages */

.breadcrumb-container{position:relative;overflow:hidden;z-index:1}
.breadcrumb-container::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,#000f 0%,#0003 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:0;width:100%;height:100%;left:0;top:0;opacity:.4}
.breadcrumb-container ul{margin:0 0 0 -1vw;padding:.85vw 0;font-size:.83vw;display:flex;position:relative}
ul.custom-breadcrumb li{display:flex;align-items:center;margin:  0 0 0 1vw}
span.separator svg{width:.25vw;margin-left:1vw}
.noimage-banner.withborder:after{content:"";background:url(../images/center-border.png) no-repeat;position:absolute;width:100%;background-size:105%;height:15vw;bottom:-15vw;z-index:0;left:0;right:0}
.greenstar svg path{fill:#3BB44A}
.orangestar svg path{fill:#F16748}
.noimage-banner .stars{z-index:1}
.noimage-banner .greenstar{right:6vw;top:2.5vw}
.noimage-banner .yellowstar{right:6vw;top:17vw}
.noimage-banner .orangestar{top:8vw;left:6vw}
.center-introduction{width:44vw;margin:-1vw auto 0;text-align:center;position:relative}
.center-introduction .white-bg{padding:4vw 4vw 3vw;border-radius:1.2vw;box-shadow:10px 10px 30px 20px #0000001a}

.centers-post{border-radius:1.2vw;padding:2vw 12vw 2vw 2vw;margin-bottom:2vw;align-items:center; flex-wrap: wrap;}
.centers-post .featured-image{width:35%}
.centers-post .featured-content{width:65%;padding-left:4vw}
.icon svg{width:2vw;height:2vw;margin-right:1vw}
.bannerstar{position:absolute;top:0;left:0;z-index:0}
.bannerstar svg{height:50vw;width:61vw}
.inner-banner.full-banner{background-size:cover!important;height:41vw}
.inner-banner.full-banner .bannerstar svg {    height: 41vw;    width: auto;}
.inner-banner.full-banner .banner-caption{position:relative;width:36vw}
.single-centres .introduction-container .sectiontitle-48 .word:first-child{color:#F16748}
.starmask .maskedimage{mask-image:url(../images/star-mask.png);mask-mode:alpha;mask-repeat:no-repeat;mask-size:100%;width:100%}
.behind-mask{left:1vw;aspect-ratio:213 / 234}
.starmask.object-cover{aspect-ratio:179 / 197}
.text-carousel.dblue .slick-dots li span.custom-dot{background:#11466D}
.text-carousel.dblue .testimonial-author{font-style:italic}
.plane{
    z-index: 1;
    top: -9vw;
    left: 10vw;
	  pointer-events: none;
  transform-origin: center center;
}

@keyframes floatXY {
  0% {
    transform: translate(10px, 10px);
  }
  50% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(10px, 10px);
  }
}



.plane svg {
    width: 12vw;
    height: 12vw;
}

.onlystars {
    z-index: 1;
    right: 0;
    top: -4vw;
}


.onlystars svg {
    width: 11vw;
    height: 42vw;
}



.curved-text{z-index:1;right:0}
.curved-text svg{width:27vw}
.map-container{padding-bottom:18vw}
.map-container .row{padding:2vw;border-radius:1vw}
.map-container iframe{height:30vw}
.outlined-star{right:0}
.fees-list .d-flex{padding:1.5vw 1vw;border-radius:.5vw;background:#fff;margin:0 0 1vw}
.gallery-slide{aspect-ratio:610 / 411}
.explore-slider .slick-slide{padding-right:1vw}
.explore-slider .slick-list{padding-right:8vw}
.explore-slider .slick-prev:before,.explore-slider .slick-next:before{display:none}
.explore-slider .slick-prev,.explore-slider .slick-next{width:3vw;height:3vw;bottom:-6vw;top:inherit;left:0;z-index:1}
.explore-slider .slick-next{background:url(../images/next.svg) no-repeat!important;left:4vw;right:auto;background-size:100% !important}
.explore-slider .slick-prev{background:url(../images/prev.svg) no-repeat!important;background-size:100% !important}
.explore-slider .slick-next:hover{background:url(../images/hover-next.svg) no-repeat!important;background-size:100% !important}
.explore-slider .slick-prev:hover{background:url(../images/hover-prev.svg) no-repeat!important;background-size:100% !important}
.card-header div.medium[aria-expanded="true"] span.accordion-arrow svg{transform:rotate(-180deg);transition:all linear .5s}
.card-header div.medium[aria-expanded="true"] span.accordion-arrow svg circle{fill:#F16748;stroke:#F16748}
.card-header div.medium span.accordion-arrow svg{transition:all linear .5s}
.important-infromation .card-header{padding:2vw;margin-bottom:0;background-color:#fff;border-bottom:none;border-radius:1.2vw!important}
.important-infromation .card{border:none;border-radius:1.2vw!important;margin-bottom:1vw}
.important-infromation .card-body{padding:0 2vw 2vw}
.important-infromation .card-body .running-text{border-top:1px solid #E3EBF3;padding-top:2vw}
.outline-stars{right:0;bottom:6vw;z-index:2}
.outline-stars svg{width:30vw}
.borderbottom{z-index: 2}
.borderbottom:after{content:"";background:url(../images/bottom-border.svg) no-repeat;position:absolute;width:100%;background-size:100%;height:20vw;bottom:-10vw;z-index:-1;left:0;right:0}
.bookatour-container{padding-top:12vw;z-index:1}
div#faqAccordion{position:relative;z-index:2}
.bookatour-container .outlined-star{right:-5.5vw;top:-6vw;z-index:-1}
.bookatour-container .outlined-star svg{width:40vw}
.form-container.white-bg{padding:3vw;border-radius:1.2vw}
.input-fields{padding-bottom:1vw;position:relative}
.input-fields input{height:3vw;line-height:3vw;padding:0 1vw;border:1px solid #91ABBE!important;border-radius:.5vw!important;font-size:.83vw;font-family:"bold";color: #11466D !important;}
.input-fields textarea{height:5vw;padding:1vw;border:1px solid #91ABBE!important;border-radius:.5vw!important;font-size:.83vw;font-family:"bold"; color: #11466D !important;}
.input-fields input[type=checkbox]{width:1vw;height:1vw;padding:0;border-radius:.2vw!important;border-width:2px!important;border-color:#11466D!important; color: #fff !important;}
input[type="checkbox"]:checked{background:#11466D; }
input[type="checkbox"]:checked::before {content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E) !important;margin: -0.75vw 0px 0px -6px;
    width: 1.4vw;    height: 1.4vw;}


.checkboxes .wpcf7-list-item{margin:0 1vw 0 0}
.checkboxes span.wpcf7-list-item-label{padding-left:.25vw}
.select2-container--default .select2-selection--single{color:#11466D!important;line-height:3vw!important;height:3vw!important;border:1px solid #91ABBE!important;border-radius:.5vw!important;font-size:.83vw;font-family:"bold"}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#11466D!important;line-height:3vw!important;height:3vw!important;font-size:.83vw;font-family:"bold"}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:1vw!important;padding-right:0!important}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#11466D!important;font-family:"regular"}
.select2-results__option{padding: 0.75vw 0.5vw !important;margin:0;font-size:.83vw;border-bottom:1px solid #eeefef}
.select2-results__options .select2-results__option:last-child{border:none}
.select2-search--dropdown .select2-search__field{display:none!important}

.wpcf7-not-valid-tip{font-size:.7vw!important;font-family:'bold'!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{background:url(../images/menu-arrow.svg) no-repeat;background-size:100%!important;width:.75vw!important;height:.5vw!important;top:1.2vw!important;right:1vw!important}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none!important}
.input-fields input[type="submit"]{width:max-content;border-radius:3vw!important;font-size:.83vw;font-weight:400;background:#F16748;border:none!important;padding:0 5vw;margin:auto;display:table;color: #fff !important; text-decoration: none !important;}
.wpcf7-spinner{position:absolute;top:.75vw;right:0}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 20vw !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F0F5F9 !important;
    color: #000 !important;
}




/* About Pages */

.transperant-image img{width:34vw}
.transperant-image{position:relative;top:12.5vw;padding-left:2vw}
.inner-banner.transparentimage-banner{height:50vw;overflow:hidden}
.inner-banner .stars.smallstar{right:5vw;top:5vw}
.transparentimage-banner.inner-banner .innerbanner img{height:50vw;margin:0 0 0 auto;width:auto;position:relative;padding-right:10vw}
.overview-page .transparentimage-banner.inner-banner .innerbanner img{padding-right:0vw}
.inner-banner.transparentimage-banner .banner-caption{top:0;bottom:0;height:100%;display:flex;flex-direction:column;justify-content:center}
.sun.position-absolute svg{width:30vw}
.sun{right:8vw;top:-3vw}
.waves.position-absolute{right:2vw;bottom:4vw;z-index:-1}
.waves svg{width:20vw}
.divider-image{background-size:cover!important;background-position:center!important;height:100%; aspect-ratio: 127 / 59;}
.divider-image .bannerstar svg{height:46vw;width:auto}
.divider_content{width:35vw;top:0;bottom:0;margin:auto;padding:0 7vw 0 5.5vw;height:100%;display:flex;flex-direction:column;justify-content:center}
.text-carousel.relativedots .slick-dots{position:relative}
.overview-page .why-sak-continer .greenstar{right:5vw}
.overview-page .why-sak-continer .yellowstar{top:0;left:auto;right:30vw}
.overview-page .why-sak-continer .greenstar,
.extracurricular-page .why-sak-continer .greenstar{right:5vw;top:5vw}
.potty-boy{width: 30vw;}
.community-page .curved-text {  right: 0vw;    top: -5vw;}
.rainbow{right:-5vw; top:5vw;}
.rainbow svg {    width: 12.45vw;}
.cloud-1 svg, .cloud-2 svg{width: 8vw;}
.cloud-1{top: -5vw}
.cloud-2 {    top: 31vw;    right: -3vw;}
.beyond-activitites{display: grid;grid-template-columns: repeat(2, 1fr);gap: 4vw 10vw;}
.beyond-container{margin-top: 6vw;}
.pinkdouble.doubleborder:before{background:url(../images/border-2.svg) no-repeat;width:100%; background-size: 100%;}


.other-posts.pinkdouble.doubleborder:before{background:url(../images/border-3.svg) no-repeat;width:100%; background-size: 100%;}

.settingup-point {    padding: 2.5vw 2vw;    margin-bottom: 1vw; justify-content: space-between;}
.settingup-details{width:85%}
.star-icon{width:4vw;position:relative;top:-1vw}
/*.partnertestimonial-container{margin-top:-7vw}*/
.partnertestimonial-container .col-md-5{top:21vw;transform:translateX(-1vw)}
.community-page .partnertestimonial-container .col-md-5{top:0vw;}
.beyond-container .outline-stars{bottom:auto;top:0}
.listing-stars img{width:3.5vw;height:3.5vw}
.health-container{padding:1.5vw;border-radius:1.2vw;height:100%}
.health-details{margin-top:-2vw}
.health-details .listing-stars{padding-bottom:1vw;position:relative;left:1vw}
.health-image{aspect-ratio:11 / 9}
.programs-page .stars.smallstar.bluestar{top:-4vw;right:-6vw}

/* Programs Page */

.differenecaccordion .card{
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.differenecaccordion .card-header {
    padding: 1.5vw 0;
    background-color: transparent;
    border-bottom: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius:none !important; position: relative;
}
.differenecaccordion .card .card-header .hank-regular[aria-expanded="true"]:after{content: ""; width: 15vw; height: 2px; position: absolute; top: -1px; background: #E13C71;}

.differenecaccordion .card:nth-child(2) .card-header .hank-regular[aria-expanded="true"]:after{background: #F9B348;}
.differenecaccordion .card:nth-child(3) .card-header .hank-regular[aria-expanded="true"]:after{background: #F16748;}
.differenecaccordion .card:nth-child(4) .card-header .hank-regular[aria-expanded="true"]:after{background: #3BB44A;}
.differenecaccordion .card:nth-child(5) .card-header .hank-regular[aria-expanded="true"]:after{background: #E13C71;}
.differenecaccordion .card:nth-child(6) .card-header .hank-regular[aria-expanded="true"]:after{background: #F9B348;}
.differenecaccordion .card-body {
    padding:0vw 4.4vw 1.5vw;
}


.differenecaccordion .card-header .hank-regular[aria-expanded="true"] .listing-stars img {
    width: 3.5vw;
    height: 3.5vw;
}
.differenecaccordion .card-header .listing-stars img {
    width: 2.5vw;
    height: 2.5vw;
}
.differenecaccordion .listing-stars{margin-right: 1vw;} 

.difference-information  .outline-stars {
    bottom: auto;
   top: 5vw;
}



.fullstar .maskedimage{mask-image: url(../images/fullstar-mask.png);}

.full-behind-mask {
    aspect-ratio: 265 / 249;
    left: 1vw;
    transform: scale(1.02);
    top: 1vw;
}

.committment-container .doublemask {
    z-index: 2;
}

.fullstar{aspect-ratio: 265 / 249;}


.babiesprogram-page .health-container {
    padding: 4vw 2.5vw;
}

.babiesprogram-page .health-details .listing-stars {
    left: 0;
}


.resources-container {
  position: relative;
  overflow: hidden; transition: background-color 0.5s ease;
}

.resources-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.resources-slide {
  flex: 0 0 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1vw 0; /* Optional: to prevent tight edge spacing */
}


/* Pagination */
.resources-pagination {
  position: absolute;
  bottom: 2vw;
  z-index: 1; left :6vw;
}

.resources-dots{display:flex;align-items:center;gap:.75vw;}
.resources-dots div{display:inline-block;width:.7vw;height:.7vw;background:#fff;border-radius:50%;transition:all .3s ease}
.resources-dots div.active{    width: 5vw;    border-radius: .7vw;}


.resources-points{grid-template-columns: repeat(3, 1fr);gap: 0 12vw; display: grid}


.babiesprogram-page .doublemask {
    top: -6vw;
    z-index: 1;
}

.divider-image.borderbelow {
    margin-bottom: 4vw;
}


.nutrition-image,.subsidy-image,.journey-image,.access-image,.careers-page .introduction-container .object-cover {
    aspect-ratio: 13 / 18;
}


.nutrition__container .content ul,.journey-container ul{margin: 1vw 0; padding: 0; list-style: none;}
.nutrition__container .content ul li,.journey-container ul li{font-family: "hank-regular";padding: 0.5vw 0 0.5vw 2vw; margin: 0; position: relative;}
.nutrition-containers .nutrition__container .content ul li:before,.journey-container ul li:before{content: ""; width: 1.5vw; height:1.5vw; position: absolute; left: 0;top: 0.5vw;}

.nutrition-containers .nutrition__container:nth-child(1) .content ul li:before,.journey-container ul li:before{background: url("../images/pink-bullet.svg") no-repeat; background-size: 100%;}

.nutrition-containers .nutrition__container:nth-child(2) .content ul li:before{background: url("../images/green-star.svg") no-repeat; background-size: 100%;}

.nutrition-containers .nutrition__container:nth-child(3) .content ul li:before{background: url("../images/orange-star.svg") no-repeat; background-size: 100%;}
.css-eligible-dflex {
    padding-bottom: 2.5vw;
    align-items: center; justify-content: space-between
}

.css-eligible-dflex .listing-stars {
    width: 6vw;
}

.css-eligible-dflex .hank-regular.font-30 {
    width: 90%;
}

.css-eligible {
    margin-top: 8vw;
}

.calculating-list .col-md-4 {
  counter-increment: star-counter;
}


.number-stars {
    position: relative;
    display: inline-block;
    margin-top: -3vw;
    margin-bottom: 1vw;
}

.number-stars::before {
  content: counter(star-counter);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.2vw;
  font-family: "bold";
  color: white; /* or any contrast color depending on your star */
  pointer-events: none;
}

.calculating-container {
    padding: 0 2vw 2vw;
}


.rocket{z-index: 1; top: -4vw;}
.saturn {
    z-index: 1;
    right: 4vw;
    top: 8vw;
}

.rocket svg{width: 12vw;}
.saturn svg{ width: 10vw}


.noimage-banner .bluestar {
    left: 4vw;
}

.faqs-page .important-infromation{padding-top: 16vw;}


.inner-news-container .mini-post,.other-posts .mini-post {
    padding: 2vw;margin-bottom:1.3vw;align-items:center; height: auto;
}

.inner-news-container .mini-thumb{aspect-ratio:137 / 97;width:50%; height: 100%;}




.backto a:hover svg circle {
    fill: #E13C71;
    stroke: #E13C71;
}

.backto a:hover svg{transform: rotate(360deg); transition: all linear 0.3s;}
.backto a svg{transition: all linear 0.3s;}

.backto a:hover svg path{fill:#fff;}

.noimage-banner .banner-caption {
padding: 5vw 5vw 0vw 5vw;
    width: 55%;
    margin: auto;    z-index: 1;
    position: relative;
}

.blog_content img{width: 100%;}

.blog_content h1, .blog_content h2, .blog_content h3{font-family: "title-font";font-size: 2.7vw;line-height: 2.7vw; text-transform: uppercase;margin-bottom: 0.5vw;    color: #11466D;    margin-top: 2vw;}
.blog_content h4, .blog_content h5, .blog_content h6{font-family: "title-font";font-size: 1.25vw;line-height: 1.25vw; text-transform: uppercase;margin-bottom: 0.5vw;    color: #11466D;    margin-top: 2vw;}

.blog_content h1 span, .blog_content h2 span, .blog_content h3 span,
.blog_content h4 span, .blog_content h5 span, .blog_content h6 span{font-family: "title-font";}


.singlenews-page .featuredimage{
    aspect-ratio: 42 / 23;
    overflow: hidden;
}

.programs-container.why-us{
    padding-bottom: 12vw;
}


.custom-file-upload input[type="file"]{
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
}

.custom-file-upload {
    width: 100%;
    border: 1px dashed;
    padding: 1vw 0.5vw;
    text-align: center;
    border-radius: 0.5vw;
    position: relative; display: block;
}

.file-drop-area.dragover {
  background-color: #e0f0ff;
}

.input-fields.file-drop-area p {
    margin-bottom: 0;
}

.careers-page .transperant-image {
    top: 0vw;
}

.form-modals .modal-dialog {	max-width: 45vw;}
.form-modals .modal-body {    padding: 5vw 3vw 2vw;}
.form-modals button.close {
    opacity: 1 !important;
    position: absolute;
    right: 1.5vw;
    top: 1.5vw; z-index: 1;
}
.form-modals .modal-content {
    border-radius: 1.2vw;
    outline: 0;
}
.form-modals button.close svg {
    width: 4vw;
    height: 3vw;
}
.form-modals button.close:hover svg path:first-child {fill:#1A6AB3}



.circle-cta svg{width: 2.5vw; height: 2.5vw;}
.content-item:hover  .circle-cta svg circle{fill:#E13C71; stroke:#E13C71;}
.content-item:hover  .circle-cta svg{transform: rotate(360deg); transition: all linear 0.3s;}
.circle-cta a svg{transition: all linear 0.3s;}

.content-item .object-cover{aspect-ratio: 14 / 9;}
.content-item {
    padding: 2vw;
    height:100%;
}



.starrows path {
  fill: none;
  stroke-width: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  visibility: hidden;
}

/* Mega Menu */

.mega-menu {
    display: flex;
    gap: 2vw;
    padding: 2vw;
    background: #fff;
    border-radius: 1.2vw;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 50vw;
	    justify-content: space-between;
}

li.menu-item-has-children:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu-left ul.sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-left ul.sub-menu li a {
    padding: 0 0 0.5vw;
    display: block;
    color: #000;
    font-family: "hank-regular";background: none !important; font-size: 1vw; height: inherit;
}

.menu-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.menu-right .object-cover{aspect-ratio: 76 / 47; width: 100%; height: 100%;}




.menu-label {
    display: inline-block;
    padding: 0.45vw 1vw;
    border-radius: 25vw;
    font-size: 0.73vw;
    color: #fff;
    margin: 0;
    font-family: "hank-regular";
}


.main-menu li.menu-item-has-children ul li a:after{display: none !important;}
.menu-left ul.sub-menu li{display: block; padding: 0 !important}

.mega-menu > div{width: 50%; overflow: hidden}

li#menu-item-63 ul.sub-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
}

#menu-item-701 .mega-menu {
    left: -15vw;
}

li#menu-item-63 .menu-left ul.sub-menu li a {
    padding: 0;
}

.issticky .mega-menu,.issticky li#menu-item-57 .mega-menu {
    left: -10vw;
}
.issticky li#menu-item-57 .mega-menu {
    left: -22vw;
}

.custom-pagination {
    width: 100%; margin-top: 2.5vw;
}

.custom-pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  justify-content: center;
  align-items: center;
  padding: 0;
	margin: 0;
}

.custom-pagination ul{padding: 0; margin: 0;}

.custom-pagination li a,
.custom-pagination li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3vw;
  height: 2.3vw;
  background-color: #1A6AB3;
  color: white;
  border-radius: 50%;
  text-decoration: none;
  border: 2px solid #1A6AB3;
  transition: all 0.3s ease;
	font-family: "medium";
	font-size: 0.83vw;
	padding: 0;
}

.custom-pagination li span.current {
  background-color: white;
  color: #1A6AB3;
}

.custom-pagination li a:hover {
    background-color: #E13C71;
    border-color: #E13C71;
}

.custom-pagination li {
  display: flex;
  align-items: center;
}


.mega-menu .menu-right .submenu-image {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.mega-menu .menu-right {
  position: relative;
}

.mega-menu .menu-image {
  transition: opacity 0.3s ease;
}

.mega-menu .menu-image.hidden {
  opacity: 0;
  pointer-events: none;
}

.home .introduction-container .sectiontitle-48 .word:nth-last-child(1),
.home .introduction-container .sectiontitle-48 .word:nth-last-child(2),
.home .introduction-container .sectiontitle-48 .word:nth-last-child(3),.overview-page .introduction-container .sectiontitle-48 .word:nth-child(13),.overview-page .introduction-container .sectiontitle-48 .word:nth-child(5),.overview-page .introduction-container .sectiontitle-48 .word:nth-child(6){color: #cd2653}

.introduction-container .dflex-ctas.d-flex.pt-4 {    padding-top: 2vw !important;}


/* Mobile Menu */


.nav-wrapper {
  position: fixed;
  width: 600px;
  height: 100vh;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(-100%); 
           transform: translateX(-100%); z-index: 100;top: 185px;
}

.issticky .nav-wrapper{top: 85px}

.nav-wrapper.show-menu {
  -webkit-transform: none;
          transform: none;
}

.nav-toggle {
  display: none; /* Hide by default */
}
.nav-toggle.back-visible {
  display: flex; /* Show only when class added */
  align-items: center;
}

.js-nav-toggle {
  position: absolute;
  top: 28px;
  right: 25px;
  display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
  z-index: 5;
  text-decoration:none;
	background: #E13C71;
border-radius: 100%;
}

.issticky .js-nav-toggle {
  position: fixed;
}

.js-nav-toggle span {
  position: relative;
  background-color: #fff;
  height: 2px;
  display: block;
  width: 22px;
  margin: 19px auto 0;
  transition: all 0.4s;
  transition-delay: 0.3s;
	border-radius: 10px;
}
.js-nav-toggle span:before, .js-nav-toggle span:after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 0;
  left: 1px;
  top: 50%;
  margin-top: -7px;
  transition: all 0.3s 0.3s;
background-color: #fff;
}
.js-nav-toggle span:before {
  box-shadow: 0 14px 0 1px #fff;
}
.js-nav-toggle span:after {
  box-shadow: 0 0 0 1px #fff;
}
.menuopen .js-nav-toggle span {
  background-color: transparent;
}
.menuopen .js-nav-toggle span:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.menuopen .js-nav-toggle span:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menuopen .js-nav-toggle span:before, .menuopen .js-nav-toggle span:after {
  margin-top: 0;
  box-shadow: 0 0 0 1px #fff;
}

nav {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #11466D;
}
nav .nav-toggle {
  width: 100%;
  padding: 20px 15px;
  color: #fff;
  z-index: 100;
  cursor: pointer;
 border-bottom: 1px solid #fff; position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

nav .nav-back {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 20px;
    vertical-align: middle;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s;
}

nav .nav-toggle.back-visible .nav-back {
  opacity: 1;    position: relative;
    top: 2px;
}
nav .nav-toggle.back-visible .nav-title {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}
nav .nav-title {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
font-family: "bold"; font-size: 24px;position: absolute;
    left: 0;
    top: 0.8em; line-height: 24px; padding-left: 10px;
}

nav a {
  display: block;
  position: relative;
  padding: 0.7em 0;
  color: #fff;
  text-decoration: none;
  transition: color 0.15s, background-color 0.15s; font-family: "bold"; font-size: 18px;
}
nav a:hover,nav li.current-menu-parent a,nav li.current-menu-parent ul li.current-menu-item a{
  color: #E13C71;
}

ul.socialmedia.d-flex.list-unstyled.footersocial {
    position: absolute;
    bottom: 200px;
    /* z-index: 12; */
}

nav li.current-menu-parent ul li a{color: #fff;}

nav ul {
  list-style: none;
  padding: 45px 0 0;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-color: #11466D;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; margin: 0;
}
nav ul ul {
  display: none;
  left: 100%; margin-top: 45px;
}
nav li.has-dropdown > a {
  padding-right: 2.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

nav li.nav-dropdown-open ul {
  display: block;
}

nav ul li{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px; margin: 0;}

span.dropdowntoggle {
    background: rgba(0, 0, 0, 0.3);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*.rocket {
  animation: rockRocket 1s ease-in-out infinite;
  transform-origin: bottom center;
}

@keyframes rockRocket {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}*/



    #planet-group {
      transform-origin: 102.5px 73.5px; /* center of the viewBox */
     animation: spin 3.5s infinite linear;
    }

@keyframes spin {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 380px;
  }
}


span.contactinfo-icon svg {
    width: 1.9vw;
    margin-right: 0.5vw;
}


.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker th {
    font-size: 0.73vw !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49% !important;    border: none !important; color: #11466D; font-size: 0.73vw !important; font-family: "bold";background-color: transparent !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 0.5vw !important;
}
input[type="text"].hasDatepicker {
    background-image: url("../images/calendar.svg");
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: auto 40%;
}

.more_content {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.more_content.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}


.ourstory-container {
    margin-top: 12vw;
}

.outline-stars path,.outlined-star path {
  stroke-dasharray: 2500;
  stroke-dashoffset: 2500;
  fill-opacity: 0;
}

.footermenu ul li.current_page_item a {
    display: table;
}

.footermenu ul li.current_page_item a:after {
    content: "";
    background: #fff;
    display: block;
    height: 1px;
}

.menu-left ul.sub-menu li.current_page_item a,.menu-left ul.sub-menu li.current-menu-item a {
    color: #e13c71;
    font-family: 'bold';
}



.text-carousel-arrows .slick-prev:before,.text-carousel-arrows .slick-next:before{display:none}
.text-carousel-arrows .slick-prev,.text-carousel-arrows .slick-next{width:2vw;height:2vw;bottom:-6vw;top:inherit;left:0;z-index:1}
.text-carousel-arrows .slick-next{background:url("../images/hover-next.svg") no-repeat!important;left:2.5vw;right:auto;background-size:100% !important}
.text-carousel-arrows .slick-prev{background:url("../images/hover-prev.svg") no-repeat!important;background-size:100% !important}
.text-carousel-arrows .slick-next:hover{background:url(../images/next.svg) no-repeat!important;background-size:100% !important}
.text-carousel-arrows .slick-prev:hover{background:url(../images/prev.svg) no-repeat!important;background-size:100% !important}


button.wpcf7-field-group-add{
    padding: 0.5vw 1vw;
    border-radius: 3vw;
    background-color: #1A6AB3;
    color: transparent;
    position: relative;
    min-width: 8vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wpcf7-field-group {
    position: relative; margin-bottom: 2.5vw;
}

 button.wpcf7-field-group-remove {
    padding: 0.5vw 1vw;
    border-radius: 3vw;
    background-color: transparent;
    color: transparent;
    position: relative;
    min-width: 3vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;    position: absolute;
    right: 0;
    top: -4.75vw;
}
button.wpcf7-field-group-add:after {
    content: "Add Child";
    color: #fff;
    font-size: 1vw;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
button.wpcf7-field-group-remove:after {
    content: "X";
    color: #11466D;
    font-size: 1.25vw;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'bold';
}


.select2-search--dropdown {
    padding: 0 !important;
}

.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}



.date-field-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.date-field-wrapper input[type="date"] {
  width: 100%;
}

.floating-placeholder {
    position: absolute;
    left: 1vw;
    top: 32%;
    transform: translateY(-50%);
    /* color: #999; */
    font-size: 0.83vw;
    pointer-events: none;
    transition: 0.2s ease all;
}

/* Float label up if input has value or is focused */
.wpcf7-form-control-wrap input:focus ~ .floating-placeholder,
.wpcf7-form-control-wrap input.has-value ~ .floating-placeholder {
display: none;
}


/* For Chrome, Safari */
input[type="date"]::-webkit-datetime-edit {
  color: transparent;
}

input[type="date"]:focus::-webkit-datetime-edit,
input[type="date"].has-value::-webkit-datetime-edit {
  color: inherit;
}


.running-text p:not(:last-child){margin-bottom: 1.5vw;}

/*=======================MEDIA QUERIES=======================*/

@media only screen and (max-width: 2560px) and (min-width: 1921px) {

}

@media (max-width:1680px){



}
@media (max-width:1600px){
	
}
@media (max-width:1480px){

	body{font-size: 20px !important; line-height: 25px !important;}
	.curved-cta a{font-size: 16px; height: 40px; line-height: 37px; padding: 0 10px; border-radius: 40px;}
	.main-menu li a{font-size: 15px; line-height: 30px; height: 35px; padding: 0vw 15px; border-radius: 20px;}
	.phone-icon{margin-right: 10px;}
	.phone-icon svg{width: 13px; height: 13px;}
	.curved-cta.border-cta .hover-wrap a {    font-size: 14px;}
	
	.font-14{font-size: 14px; line-height: 20px;}
	
	.main-menu li.menu-item-has-children a:after,.main-menu li.menu-item-has-children a:hover:after, .main-menu li.current-menu-parent a:after, .main-menu li.current_page_item a:after {
    width: 10px;
    height: 8px;
    margin-left: 8px;
}
	.menu-left ul.sub-menu li a {
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 16px;
}
	header.header.stickyheader .main-menu li a {
    font-size: 16px;
}
	
	.big-cta .hover-wrap a {
    font-size: 16px;
    height: 50px;
    line-height: 47px;
}
	.big-cta .hover-wrap {
    height: 50px;
    line-height: 39px;
    padding: 0 20px; border-radius: 50px;
}
	.hover-wrap {
    height: 40px;
    line-height: 30px;
    padding: 0 15px; border-radius: 40px;
}
	
	.font-18,.font-16{font-size: 16px; line-height: 20px;}
	

	
	.font-50 {
    font-size: 40px;
    line-height: 40px;
}
	.font-30 {
    font-size: 24px;
    line-height: 24px;
}
	.font-40 {
    font-size: 24px;
    line-height: 25px;
}
	
	.breadcrumb-container ul {
    margin: 0 0 0 -15px;
    padding: 10px 0;
    font-size: 14px; flex-wrap: wrap;
}
	ul.custom-breadcrumb li {
    margin: 0 0 0 15px;
}
	span.separator svg {
    width: 5px;
    margin-left: 15px;
}
	
	.blog_content h1, .blog_content h2, .blog_content h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 25px;
}
		.blog_content h4, .blog_content h5, .blog_content h6 {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 10px;
    margin-top: 25px;
}
	span.contactinfo-icon svg {
    width: 20px;
    margin-right: 10px;
}
	.wpcf7-not-valid-tip {
    font-size: 14px !important;
	}
	
	.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker th {
    font-size: 14px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
   font-size: 14px!important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 10px !important;
}



}
@media (max-width:1366px){

}
@media (max-width:1280px){
.pt-200{padding-top: 80px}
.pb-200{padding-bottom: 80px}
.pt-120{padding-top: 60px}
.pb-120{padding-bottom: 60px}
.pt-80{padding-top: 40px}
.pb-80{padding-bottom: 40px}
.pt-60{padding-top: 30px}
.pb-60{padding-bottom: 30px}
.pt-40 {    padding-top: 20px;}
.pb-40 {    padding-bottom: 20px;}

	
.big-container,.small-container,.smaller-container {
    padding-left: 25px;
    padding-right: 25px;
}
	
	.banner-caption{padding:12vw 25px}
.home-banner .banner-caption{padding:9vw 25px 12vw 25px}
	

	
	span.circle-arrow {
    right: 10px;
}
	span.circle-arrow svg {
    width: 30px;
    height: 30px;
}
	
	.large-curved-cta a {
    padding: 15px 60px 15px 25px;
    font-size: 16px;
    border-radius: 60px;
    border: 10px solid #DFEAF5 !important;
}
	
.form-modals .modal-dialog {
    max-width: 90%;
    margin: 60px auto 0;
}
	.form-modals .modal-content {
    border-radius: 35px;
}
	.form-modals button.close svg {
    width: 35px;
    height: 35px;
}
	.form-modals button.close {
    right: 15px;
		top: 15px;}
	
	.form-modals .modal-body {
    padding: 65px 25px 25px;
}
	
	.input-fields input, .input-fields select  {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    border-radius: 8px !important;
    font-size: 14px;
    color: #11466D;
width: 100%; border: 1px solid #91ABBE!important; background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    height: 45px !important;
    font-size: 14px;
}
	
	.select2-container--default .select2-selection--single{    line-height: 45px !important;
    height: 45px !important;
    font-size: 14px;}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 12px !important;
    height: 10px !important;
    top: 19px !important;
    right: 15px !important;
}
	.select2-container .select2-selection--single .select2-selection__rendered {
		padding-left: 15px !important;}
	
input::-webkit-input-placeholder{font-size:14px;}
input:-moz-placeholder{font-size:14px;}
input::-moz-placeholder{font-size:14px;}
input:-ms-input-placeholder{font-size:14px;}
textarea::-webkit-input-placeholder{font-size:14px;}
textarea:-moz-placeholder{font-size:14px;}
textarea::-moz-placeholder{font-size:14px;}
textarea:-ms-input-placeholder{font-size:14px;}
	
	
.input-fields textarea {
    height: 120px;
    padding: 15px;
    border-radius: 8px !important;
    font-size: 14px;
    font-family: "bold";
}
	.input-fields input[type="submit"] {
    width: 100%;
    border-radius: 50px !important;
    font-size: 14px;
    padding: 0 15px;
    height: 55px;
    line-height: 50px;
}
	
	.centres-container .dflex-ctas.d-flex .curved-cta {
    width: 50%;
}
	
.centres-container .dflex-ctas.d-flex .curved-cta .hover-wrap {
    width: 100%;padding: 0 10px;
}
	.centres-container .dflex-ctas.d-flex .curved-cta .hover-wrap  a {
        font-size: 13px; padding: 0; text-align: center;
	}
	.input-fields input[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 3px !important;
}
	
	input[type="checkbox"]:checked::before {
    margin: -10px 0px 0px -3px;
    height: 18px;
    width: 20px;
}

@media (max-width:1030px){
    .main-menu li a {
        font-size: 12px;
	}	
}	

}
@media (max-width:1024px){
.show-1024{display:block !important}
.hide-1024,.bannerstar{display:none!important}
	
	.pt-20 {
    padding-top: 15px;
}
	.pb-20 {
    padding-bottom: 15px;
}
	
	main.main-content {
    overflow: hidden;
}
	header.header.stickyheader {
    padding: 15px 0;
}
	
.loader-svg {
  width: 220px; padding: 0 25px
	}
	
    body {
        font-size: 16px !important;
        line-height: 25px !important;
    }	
    
    

	
.sectiontitle-88 {
    font-size: 65px;
    line-height: 65px;
}
	.sectiontitle-48,.sectiontitle-40 {
    font-size: 40px;
    line-height: 40px;
	}
	
	.sectiontitle-68{
        font-size: 45px;
        line-height: 45px;
    }
	
.font-24 {
    font-size: 18px;
    line-height: 25px;
}	
	.font-20 {
    font-size: 16px;
    line-height: 25px;
}
	
	.header {
    padding: 20px 0 20px;
	}

.homebanner.position-absolute {
    position: relative !important; width: 100%; top: 0;
}
	.homebanner img.maskedimage {
    mask-image: none;
}
	.home-banner {
    height: inherit;
}
	
	.home-banner .banner-caption {
    background: #11466D; position: relative;z-index: 0;padding: 0vw 5vw 5vw 5vw;
}
	
    .home-banner .banner-caption:before {
        content: "";
        background: url(../images/rwd-homeborder-1.png) no-repeat;
        width: 100%;
        background-size: 100%;
        position: absolute;
        top: -18vw;
        z-index: -1;
        height: 27vw;
        left: 0;
    }
    .home-banner .banner-caption:after {
        content: "";
        background: url(../images/rwd-homeborder-2.png) no-repeat;
        width: 100%;
        background-size: 100%;
        position: absolute;
bottom: -18vw;
        z-index: -1;
        height: 31vw;
        left: 0;
    }
	
.home .introduction-container.pt-200 {
    padding-top: 180px;
}
	
    .col-md-10.col-sm-12.mainmenu-cta.align-items-end.justify-content-end {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-top: 1px solid #DCDCDC;
        margin-top: 25px;
        padding-top: 25px;
        align-items: flex-start !important;
        justify-content: center !important;
    }
	
	.col-md-10.col-sm-12.mainmenu-cta .dflex-ctas.d-flex.pb-40{padding-bottom: 0; justify-content: center; width: 100%;}
	.col-md-10.col-sm-12.mainmenu-cta .dflex-ctas.d-flex.pb-40 .curved-cta:first-child,
	.footer .dflex-ctas.d-flex.justify-content-end  .curved-cta:first-child{
    width: 40%;
}
	.col-md-10.col-sm-12.mainmenu-cta .dflex-ctas.d-flex.pb-40 .curved-cta:last-child,
	.footer .dflex-ctas.d-flex.justify-content-end  .curved-cta:last-child{
    width: 60%;
}
	.col-md-10.col-sm-12.mainmenu-cta .dflex-ctas.d-flex.pb-40 .curved-cta .hover-wrap,
	.footer .dflex-ctas.d-flex.justify-content-end  .curved-cta .hover-wrap{width: 100%;}
	.col-md-10.col-sm-12.mainmenu-cta .dflex-ctas.d-flex.pb-40 .curved-cta a,.footer .dflex-ctas.d-flex.justify-content-end  .curved-cta a {
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.footer .dflex-ctas.d-flex.justify-content-end {
    justify-content: flex-start !important;
}
	
	.logo.col-md-2{  -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;}
	
	.logo img{width:  150px !important;}
	
	.item-dflex.d-flex {
    padding: 25px;
    border-radius: 32px;
    margin-bottom: 15px; flex-wrap: wrap;
}
	.curved-image, .curved-image img, .curved-image iframe {
    border-radius: 32px;
}
	.form-container.white-bg {
    padding: 25px;
    border-radius: 32px;
}
	.program-details {
    padding: 0 25px;
}
	.running-text.show-768 {
    margin-top: 25px;
}
	.age-group.font-18 {
    padding: 10px 15px;
    border-radius: 25px;
    background: #F16748;
    display: table;
    margin: 15px 0 0;
    font-size: 14px;
}
	    .program-details {
        padding: 0 5px 0 25px;
    }
	
	.text-carousel .slick-dots {
    margin-top: 50px;
    gap: 10px; position: relative;
}
	.text-carousel .slick-dots li span.custom-dot,.resources-dots div {
    width: 10px;
    height: 10px;
}
	.text-carousel .slick-dots li.slick-active span.custom-dot,.resources-dots div.active {
    width: 70px;
    border-radius: 60px;
}
	
	.resources-pagination {
    bottom: 40px;
    left: 25px;
}
	
	.text-carousel .sectiontitle-88 {
        font-size: 48px;
        line-height: 50px;
    }
	
footer.footer.pt-120.pb-60 {
    padding: 30px 0 20px;
}
	.footer-column {
    width: 100%; margin-bottom: 25px;
}
.footer-columns.d-flex {
        margin-top: 35px;
        padding-top: 30px;
    flex-wrap: wrap;
}
	    .font-30 {
        font-size: 20px;
        line-height: 25px;
    }
	
	.footermenu ul li {
    padding: 5px 0;
    font-size: 14px;
}
	.footer-column .font-20 {
    font-size: 18px;
}
	
	.footer .row.justify-content-end.align-items-center {
    justify-content: center !important;
    text-align: center;
}
	
	ul.socialmedia li a {
    width: 55px;
		height: 55px;}
	
	ul.socialmedia li a svg {
    width: 20px;
    height: 20px;
}
	ul.socialmedia.d-flex.list-unstyled.justify-content-end {
    justify-content: center !important;
    margin-top: 15px;    margin-left: 0;
}
	.footer-logo.show-1024 {
    border-top: 1px solid #fff;
    padding-top: 35px;
    margin-top: 30px;
}
	.copyright.font-14 {
    font-size: 12px;
}
	
	header.header.stickyheader .col-md-10.col-sm-12.mainmenu-cta.d-flex.flex-column.align-items-end.justify-content-end {
    padding: 0;
    margin: 0;
    border: none;
}
	
	.centres-container {
    margin-top: 40px;
}
	
.centers-post .featured-image{width:100%; margin-bottom: 35px;}
.centers-post .featured-content{width:100%;padding-left:0;}

	
.center-introduction .white-bg {
    padding: 35px 25px 25px;
    border-radius: 32px;
	}
	
	.centers-post {
    border-radius: 32px;
    padding: 25px;
    margin-bottom: 45px;
}
	
	.icon svg {
    width: 35px;
    height: 35px;
    margin-right: 15px;
}
	.contact-dflex a {
    justify-content: space-between;
}
	.contact-dflex .info {
    width: 80%;
}
	
	.noimage-banner  .sectiontitle-68.text-center{padding-left: 25px; padding-right: 75px; text-align: left !important;}
	
.noimage-banner .greenstar {
    right: 25px;
    top:45px;
}
	
	.inner-banner .banner-caption{width: 100% !important; padding-bottom: 90px; padding-top: 90px;}
	.inner-banner.full-banner{background-image: none !important; height: auto}
	
	.inner-banner .banner-caption.pinkoverlay{position: relative !important; background: #e13c71;}
    .inner-banner .banner-caption.pinkoverlay:after {
        background: url(../images/rwd-pink-border.png) no-repeat;
        width: 100%;
        content: "";
        position: absolute;
        bottom: -300px;
        height: 303px;
        left: 0;
        background-size: 100%;
    }
	
	.inner-banner .banner-caption.greenoverlay{position: relative !important; background: #3bb44a;}
    .inner-banner .banner-caption.greenoverlay:after {
        background: url(../images/rwd-green-border.png) no-repeat;
        width: 100%;
        content: "";
        position: absolute;
        bottom: -300px;
        height: 303px;
        left: 0;
        background-size: 100%;
    }
	
	.inner-banner .banner-caption.orangeoverlay{position: relative !important; background: #F16748;}
    .inner-banner .banner-caption.orangeoverlay:after {
        background: url(../images/rwd-orange-border.png) no-repeat;
        width: 100%;
        content: "";
        position: absolute;
        bottom: -300px;
        height: 303px;
        left: 0;
        background-size: 100%;
    }
	
	.inner-banner .banner-caption.blueoverlay{position: relative !important; background: #1A6AB3;}
    .inner-banner .banner-caption.blueoverlay:after {
        background: url(../images/rwd-blue-border.png) no-repeat;
        width: 100%;
        content: "";
        position: absolute;
        bottom: -300px;
        height: 303px;
        left: 0;
        background-size: 100%;
    }
	
	    .pt-200 {
        padding-top: 40px;
    }
	    .pb-200 {
        padding-bottom: 40px;
    }
	
	.inner-banner.full-banner .breadcrumb-container {
    position: absolute;
    width: 100%;
}
	
	.important-infromation .card {
    border-radius: 8px !important;
    margin-bottom: 10px;
}
	.important-infromation .card-header {
    padding: 15px;
    border-radius: 8px !important;
}
	
	.rwd-innerbanner .object-cover {
    aspect-ratio: 75 / 56;
}
	
	.fees-list .d-flex {
    padding: 15px;
    border-radius: 8px;
    background: #fff;
    margin: 0 0 10px;
}
	
	.note.font-16 {
    font-size: 12px;
}
	
	.inner-banner.transparentimage-banner {
    height: auto;
}
	.inner-banner.transparentimage-banner .breadcrumb-container{position: absolute; width: 100%;}
	.transparentimage-banner.inner-banner .innerbanner img {
    height: auto;
    margin: -50px auto 0 auto;
    padding-right: 0vw !important; width: 100%;
}
	
	.divider-image.rwd-top-border{background: none !important; margin-top: 65px;        aspect-ratio: auto;}
	
	.rwd-top-border .divider_content.position-absolute {
    position: relative !important;
    width: 100%;
		    padding: 40px 25px 40px;
    height: auto;
}
	.rwd-top-border .divider_content.position-absolute:before{content: ""; background: url("../images/rwd-topborder-orange.png") no-repeat; background-size: 100%;height: 10vw;
        top: -9vw;
        z-index: -1;
        position: absolute;
        left: 0;
        width: 100%;}
	
	.orange-topborder{background-color: #F16748;}
	
	.rwd-divider.object-cover{ aspect-ratio: 43 / 30;}
	
	.health-container {
    padding: 15px;
    border-radius: 32px;
    height: 100%;
}
	.health-details .font-30 {
    margin: 15px 0 0;
}
	
	.differenecaccordion .card-header {
    padding: 20px 0; justify-content: space-between
	}
	
	.differenecaccordion .listing-stars {
    margin-right: 10px; width: 30px;
}
		.differenecaccordion .cardtitle {
			width: 90%;
}
	.differenecaccordion .card-header .listing-stars img {
    width: 20px;
    height: 20px;
}
	
	.differenecaccordion .card-header .hank-regular[aria-expanded="true"] .listing-stars img {
    width: 30px;
    height: 30px;
}
	
	.programs-page .partnertestimonial-container .row .col-md-5 {
        padding: 0 15px;
    }
	
	 .programs-page    .partnertestimonial-container {
        padding-top: 120px;
    }
	
	.resources-wrapper {
    display: block;
}
	
	.resourcesslide {
    padding: 40px 0 120px;
}
	
	.resources-wrapper.text-carousel ul.slick-dots {
    position: absolute;
    margin-left: 25px;
		bottom: 40px;
}
	
	.nutrition__container .content ul li, .journey-container ul li {
    padding: 10px 0 10px 45px;
}
	.nutrition-containers .nutrition__container .content ul li:before, .journey-container ul li:before {
    width: 30px;
    height: 30px;
    top: 5px;
}
	.custom-pagination li{margin: 0; padding: 0 5px;}
	
	.custom-pagination li a, .custom-pagination li span {
    width: 30px;
    height: 30px;
    font-size: 12px;
}
	.custom-pagination ul
 {

	 gap: 0px;}
	

	.noimage-banner .banner-caption {
    padding: 25px 0;
    width: 100%;
}
	.backto.m-auto, svg.m-auto {
    margin: 0 !important;
}
	.backto.m-auto{
  padding-left: 25px;
}
	.backto a svg {
    width: 40px;
}
	.singlenews-page     .noimage-banner .greenstar {
        top: 70px;
    }
	
	.contactinfo.d-flex.justify-content-around {
    justify-content: flex-start !important; flex-wrap: wrap; padding-left: 15px;
}
	.contactinfo.d-flex.justify-content-around .contactinfo {
    width: 100%;
    margin: 10px;
}
	
	.content-item {
    padding: 15px;
}
	.circle-cta svg {
    width: 30px;
    height: 30px;
}
	
		    .overview-page .rwd-top-border .divider_content.position-absolute:before {
        z-index: 1;
    }
	
	 .overview-page .divider-image.rwd-top-border {
        margin-top: -4px;
	}
		.ourstory-container {
    padding-bottom: 140px;
}
	

}
@media (max-width:992px){


	
}
@media (max-width:768px){
.show-768{display:block !important}
.hide-768{display:none!important}
	
.pr-120,.pr-80,.pr-60,.pr-40{padding-right: 0px !important;}
.pl-120,.pl-80,.pl-60,.pl-40{padding-left: 0px !important;}
	
.why-sak-continer .col-md-5 {
	border-right: none;
  border-bottom: 2px solid transparent;
  border-image: repeating-linear-gradient(
    to right,
    #fff 0,
    #fff 10px,
    transparent 10px,
    transparent 20px
  ) 1;
  border-image-slice: 1;
	margin-bottom: 25px;
        padding-bottom: 25px;
}	
	
	.why-sak-continer  .stars.pinkstar {
        top: 45px;
        left: inherit;
        right: 15px;
    }
	
	.why-sak-continer .yellowstar {
    top: 0;
    left: 35%;
}
	.stars.pinkstar {
    top: -155px;
    left: inherit;
    right: 0;
}
	
	.bigstar svg {
    width: 150px;
    height: 150px;
}
	.mediumstar svg {
    width: 110px;
    height: 110px;
}
	.smallerstar svg {
    width: 100px;
    height: 100px;
}
	.smallstar svg {
    width: 80px;
    height: 80px;
}
	
	.masked-boy-image {
    width: 100%;
    margin-top: 55px;
}
	.abs-border svg {
    width: 100%;
}
	.stars.bluestar {
    top: 85px;
    right: 0;
}
	.abs-border {
  top: 60px;
    width: 100%;
}
	
	.mini-thumb {
    aspect-ratio: 137 / 97 !important;
    width: 100% !important;
}
	.mini-post.d-flex {
    flex-wrap: wrap;
}
	.mini-content {
    width: 100%;
    padding-left: 0;
		padding-top: 25px;
}
	.post-carousel .slick-slide {
    padding-right: 20px;
}

.post-carousel .slick-list {
    padding-right: 120px;
}
	.rwd-posts.show-768 {
    margin-right: -25px;
}
	
	.testimonial-container .curved-image, .testimonial-container .curved-image img {
    border-radius: 0;
}
	
	.testimonial-container .big-container{padding: 0;}
.row-stars svg {
    width: 150px; margin-bottom: 10px;
}
	.testimonial-items {
    padding: 35px 25px;
}
	.testimonial-container.pb-120 {
    padding-bottom: 0;
}
	
	.running-text br {
    display: none;
}

.running-text.font-30 {
    font-size: 16px;
}
	
	.center-introduction {
    width: 100%;
    margin: -10px auto 0;
    padding: 0 25px;
}
	
.singlecentre-page .testimonial-container .row {
    flex-direction: column-reverse;
}
	
	
	.plane {
    z-index: 1;
    top: 15px;
	}
	.curved-text {
    right: 0;
    top: 60px;
}
	.onlystars {
    right: 25px;
    top: 40px;
}
	
	.plane svg {
    width: 110px;
    height: 110px;
}
	
	.onlystars svg {
    width: 95px;
    height: 380px;
}
	
	.masked-boy-image {
    width: 250px !important;
    padding-left: 0 !important; margin: 55px auto 0;
}
	.sun.position-absolute svg {
    width: 250px;
    margin: auto;
    display: block;
}
	.sun {
    right: -70px;
    top: 25px;
    left: 0;
}
	.waves.position-absolute {
    right: 0px;
    bottom: 30px;
}
	.curved-text svg {
    width: 200px;
}
	
	.waves svg {
    width: 150px;
}
	
	.testimonial-container .big-container.nopadding-left .col-md-6:last-child,.partnertestimonial-container .row .col-md-5 {
    padding: 0 45px;
}
	
		
	.partnertestimonial-container .row{
    flex-direction: column-reverse
}
	.partnertestimonial-container .col-md-5 {
    top: 0;
    transform: none;
}
	
	
	
	.map-container .row {
    padding: 25px 10px;
    border-radius: 32px;
}
	.map-container .col-md-5.col-sm-12.nopadding-left {
    padding-left: 15px !important;
}
	.map-container iframe {
    height: 260px;
    width: 100%;
}
	.checkboxes .wpcf7-list-item {
    margin: 0 0 5px 0;
    display: block;
}
	
	.overview-page .programs-container .program-image.object-cover {
    width: 100%;
    aspect-ratio: 1 / 1;
}
	
    .overview-page .programs-container .program-details {
        padding: 20px 0px 0;
        width: 100%;
    }
	
	.potty-boy {
    width: 250px; margin: 65px 0;
}
	
	.cloud-1 svg, .cloud-2 svg {
    width: 100px;
}
	
	.beyond-activitites {
    grid-template-columns: 1fr;
}
	
	.community-page .curved-text {
    right: auto;
    top: 0px;
    left: 140px;
}
	
	.rainbow {
    right: auto;
    top: 0;
    left: 280px;
}
	.rainbow svg
 {
    width: 120px;
}
	
	.cloud-2 {
    top: auto;
    right: auto;
    left: 300px;
    bottom: 80px;
}
	
	.listing-stars img {
    width: 35px;
    height: 35px;
}
	
	.star-icon {
    width: 50px;
    top: -15px;
}
	
	.settingup-details {
    width: 90%;
}
	
	.settingup-point {
    padding: 25px;
    margin-bottom: 15px;

}
	
	.partnertestimonial-container {
    margin-top: 0;
}

	    .health-container {
        height: auto;
        margin-bottom: 25px;
    }
	
	.programs-page .stars.smallstar.bluestar {
    top: 25px;
    right: 0;
}

	.programs-page .introduction-container .row{flex-direction: column-reverse; padding-top: 0;}
	
	.resources-points {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
}
	
	.babiesprogram-page .doublemask {
    top: 0;
    margin-top: 45px;
}
	    .babiesprogram-page .testimonial-items {
        padding: 25px 25px;
    }
	
	.nutrition-image.object-cover.curved-image img {
    border-radius: 0;
}

.nutrition-image.object-cover.curved-image {
    margin: 35px -25px 0;
    border-radius: 0;
}
	
	.nutrition-containers .nutrition__container:nth-child(even) .row{flex-direction: column-reverse;}
	
	
	.nutrition__container.pb-120 {
    padding-bottom: 0;
}
	
	.nutrition-containers .nutrition__container.pb-120:last-child,.nutrition-containers.pb-120{padding-bottom: 0;}
	
	.subsidy .col-md-5{margin-bottom: 35px;}
	
	.calculating-container.h-100 {
    padding: 0 25px 25px;
    margin-bottom: 50px;
    height: auto !important;
}
	.number-stars {
    margin-top: -30px;
    margin-bottom: 15px;
}
	
	.number-stars::before {
    font-size: 24px;
	}
	
	.number-stars img {
    width: 80px;
}
	
	.row.calculating-list .col-md-4:last-child .calculating-container{margin-bottom: 0;}
	
	.subsidy.pt-80 {
    padding-top: 0;
}
	
.rocket {
    top: 20px;
}	
	
	.rocket svg,.saturn svg {
    width: 90px;
}
	.saturn {
    right:25px;
    top: 90px;
}
	
	.startstrong-page .introduction-container.pb-120, .careers-page .introduction-container.pb-120{
    padding-bottom: 0;
}
	
.inner-news-container .mini-post, .other-posts .mini-post {
    padding: 15px;
	margin-bottom: 15px;
}
	
	.inner-news-container.pt-200 {
    padding-top: 80px;
}
	
	    .contact-page .noimage-banner .greenstar {
        top: 100px;
    }
	
	.text-carousel-arrows .slick-prev, .text-carousel-arrows .slick-next {
    width: 30px;
    height: 30px;
    bottom: -25px;
	}
	.text-carousel-arrows.relativedots {
    padding-bottom: 50px;
}

	.text-carousel-arrows .slick-next{left: 35px;}
	
	.community-page .partnertestimonial-container .row .col-md-6:last-child {
    padding: 0 15px 0 45px !important;
}
	
	button.wpcf7-field-group-add {
    padding: 6px 15px;
    border-radius: 30px;
    min-width: 110px;

}
	button.wpcf7-field-group-remove:after {
    font-size: 18px;
	}
	
	button.wpcf7-field-group-add:after{font-size: 14px;}
	
	

.home .scrollcontent {
    height: 165px;
    padding-right: 25px;
    margin-bottom: 0px;
}
	.home .text-carousel-arrows .slick-slide {
    padding-right: 25px;
}
}





@media (max-width:600px){
.show-600{display:block !important}
.hide-600,.noimage-banner  .sectiontitle-68.text-center br{display:none!important}
	
    .sectiontitle-88 {
        font-size: 55px;
        line-height: 55px;
    }	
	
	
    .home-banner .banner-caption {
        padding: 45px 25px 45px 25px;
    }	



.post-carousel .slick-list {
    padding-right: 60px;
}
	
	    .stars.bluestar {
        top: 155px;
    }
	.why-sak-continer.pb-120 {
    padding-bottom: 20px;
}
	
	    .col-md-10.col-sm-12.mainmenu-cta .dflex-ctas.d-flex.pb-40 .curved-cta a, .footer .dflex-ctas.d-flex.justify-content-end .curved-cta a {
        padding: 0;
        font-size: 14px;
    }
	
	    span.separator svg {
        margin-left: 8px;
    }
	    ul.custom-breadcrumb li {
        margin: 0 0 0 8px;
    }
	
	span.accordion-arrow {
    position: absolute;
    right: 15px;
}
	.important-infromation .card-header .medium {
    padding-right: 60px;
}
	
	    .masked-boy-image {
        margin: 55px 0 0;
    }
	    .sun {
        right: 0;
    }
	
	    .rainbow {
        right: 0;
        left: auto;
    }
	
	    .community-page .curved-text {
        right: 20px;
        top: 60px;
        left: auto;
    }
	
	    .cloud-2 {
        top: auto;
        right: 0;
        left: auto;
        bottom: 80px;
    }
	
	    .cloud-2 svg{
width: 80px;
    }
	
	.extracurricular-page .running-text{width: 100%; margin-top: 15px;}
	
	.nav-wrapper {
		width: 100%;}
	

	 .noimage-banner .greenstar {
        top: 45px;
    }
	
	    .resources-header .sectiontitle-88 {
        font-size: 40px;
        line-height: 50px;
    }
	
	    .resources-header .sectiontitle-48,.why-sak-continer .sectiontitle-48  {
        font-size: 24px;
        line-height: 24px;
    }
	
	.resources-points {
    grid-template-columns: 1fr;
    gap:40px;
}
	
	.resources-header .sectiontitle-88 br {
    display: none;
}
	
	.activities-page .why-sak-continer .stars.pinkstar {
        top: -75px;
    }
	
	    .smallerstar svg {
        width: 80px;
        height: 80px;
    }
	
	.inner-news-container.pt-200 {
    padding-top: 40px;
}
	.errorthank-page .big-cta .hover-wrap {
        padding: 0 10px;
	}
	
			.ourstory-container {
    padding-bottom: 90px;
}
	
	button.wpcf7-field-group-remove {
    top: -40px;
}
	
	.curved-cta.border-cta.blue.show-768 .hover-wrap {
    width: 100%;
}

}
@media (max-width:480px){

}
@media (max-width:375px){
}

@media (max-width:320px){
}

