@charset "utf-8";
/* CSS Document */
:root {
	--primary-red: #E63946;
	--primary-blue: #1D3557;
	--secondary-blue: #457B9D;
	--accent-yellow: #FFB703;
	--soft-bg: #F1FAEE;
	--text-dark: #1D3557;
	--white: #FFFFFF;
	--mint: #A8DADC;
	
  --bs-red: #E6524A;
  --bs-navy: #11236D;
  --bs-green: #1F8657;
  --bs-yellow: #FEBF32;
  --bs-orange: #FF9D23;
  --bs-blue: #376BB3;
}

body {
	font-family: 'Nunito', sans-serif;
	/*background-color: var(--soft-bg);*/

	background-color: #fff;
	color: var(--text-dark);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	/* Playful pattern background similar to reference */
   /* background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm76-26c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-11 30c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-45-68c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm23 40c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z' fill='%23a8dadc' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");
*/

 }
::selection {
  color: var(--bs-white);
  background: var(--bs-primary);
}

/*:root{
  --bs-red: #E6524A;
  --bs-navy: #11236D;
  --bs-green: #1F8657;
  --bs-yellow: #FEBF32;
  --bs-orange: #FF9D23;
  --bs-blue: #376BB3;
}*/

/*----
Main Menu ----*/
.stellarnav{position: relative; margin-left: auto;}
.stellarnav a{color: var(--bs-black); font-weight: 700;}
.stellarnav ul{margin: 0; padding: 0;}
.stellarnav li{list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal;}
.stellarnav li a{padding: 6px 20px; display: block; text-decoration: none; color: var(--bs-black); box-sizing: border-box; position: relative; text-transform: capitalize;}
.stellarnav li a:hover{color: var(--bs-red); }
.stellarnav > ul > li > a:hover, .stellarnav > ul > li:hover > a, .stellarnav > ul > li.current-menu-item > a, .stellarnav > ul > li.current-menu-parent > a{color: var(--bs-red);}
.stellarnav > ul > li > a{padding: 0 20px; position: relative; color: var(--bs-black); border: none;}
.stellarnav > ul > li > a:hover{text-decoration: none; color: var(--bs-red);}
.stellarnav ul ul{top: auto; width: 275px; position: absolute; z-index: 9900; text-align: left; display: none; background: var(--bs-white); padding:  6px 0;}
.stellarnav li li{display: block;}
.stellarnav ul ul ul{top: 0; left: 275px}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity: 1; visibility: visible; top: 0}
.stellarnav > ul > li.drop-left > ul{right: 0}
.stellarnav li.drop-left ul ul{left: auto; right: 275px}
.stellarnav.dark{background: var(--bs-secondary)}
.stellarnav.dark a{color: var(--bs-secondary)}
.stellarnav.dark ul ul{background: var(--bs-secondary)}
.stellarnav.dark li a{color: var(--bs-secondary)}
.stellarnav.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 9999}
/*body.stellarnav-noscroll-x{overflow-x: hidden}*/
.stellarnav li.has-sub > a:after{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; margin-left: 10px; display: inline-block; position: relative; font-size: 14px;}
.stellarnav li li.has-sub > a:after{ content: '\f105'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px;}
.stellarnav li.drop-left li.has-sub > a:after{float: left; margin-right: 10px; border-left: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid var(--bs-secondary)}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display: none}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{display: none; text-decoration: none}
.stellarnav .dd-toggle{display: none; position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; z-index: 9999; border: 0}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right: 15px}
.stellarnav.mobile > ul > li > a.dd-toggle{padding: 0}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile{display: none}
.stellarnav svg{fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px}
.stellarnav a.dd-toggle .icon-plus{box-sizing: border-box; transition: transform .3s; width: 100%; height: 50%; position: relative; vertical-align: middle; display: inline-block; position: relative; background: var(--bs-primary);}
.stellarnav a.dd-toggle .icon-plus:before{content: '\f107'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; display: block;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--bs-white);}
.stellarnav li.open > a.dd-toggle .icon-plus:before{content: '\f00d'; font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; color: var(--bs-white);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color: var(--bs-navy)}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color: var(--bs-navy)}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color: var(--bs-navy)}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color: var(--bs-navy)}
.stellarnav .icon-close{box-sizing: border-box; width: 30px; height: 30px; position: relative; display: flex; align-items: center; margin-left: 0; margin-right: 0}
.stellarnav .icon-close:before{content: ''; display: block; width: 30px; height: 0; border-bottom: solid 3px var(--bs-secondary); position: absolute; top: auto; transform: rotate(45deg)}
.stellarnav .icon-close:after{content: ''; display: block; width: 30px; height: 0; top: auto; border-bottom: solid 3px var(--bs-secondary); position: absolute; transform: rotate(-45deg)}
.stellarnav.light .icon-close:before{border-color: var(--bs-navy)}
.stellarnav.light .icon-close:after{border-color: var(--bs-navy)}
.stellarnav.dark .icon-close:before{border-color: var(--bs-navy)}
.stellarnav.dark .icon-close:after{border-color: var(--bs-navy)}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{padding: 0; box-sizing: border-box}
.stellarnav .close-menu{padding: 0 24px}
.stellarnav .menu-toggle span.bars{display: inline-block; margin-right: 0; position: relative; top: 0; margin-right: 0;}
.stellarnav .menu-toggle span.bars span{display: block; width: 30px; height: 4px; border-radius: 6px; background: var(--bs-secondary); margin: 0 0 5px}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom: 0}
.stellarnav .full{width: 100%}
.stellarnav .half{width: 50%}
.stellarnav .third{width: 33%; text-align: center}
.stellarnav .location-btn-mobile.third{text-align: center}
.stellarnav .location-btn-mobile.half{text-align: right}
.stellarnav.light .third, .stellarnav.light .half{border-left: 1px solid rgba(0,0,0,0.2)}
.stellarnav.light.left .third, .stellarnav.light.left .half{border-bottom: 1px solid rgba(0,0,0,0.2)}
.stellarnav.light.right .third, .stellarnav.light.right .half{border-bottom: 1px solid rgba(0,0,0,0.2)}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child{border-left: 0}
.stellarnav.dark .third, .stellarnav.dark .half{border-left: 1px solid rgba(0,0,0,0.2)}
.stellarnav.dark.left .third, .stellarnav.dark.left .half{border-bottom: 1px solid rgba(0,0,0,0.2)}
.stellarnav.dark.right .third, .stellarnav.dark.right .half{border-bottom: 1px solid rgba(0,0,0,0.2)}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{border-bottom: 0}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle{border-bottom: 0}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left: 0}
.stellarnav.light .menu-toggle span.bars span{background: var(--bs-navy)}
.stellarnav.dark .menu-toggle span.bars span{background: var(--bs-navy)}
.stellarnav.mobile{position: static}
.stellarnav.mobile.fixed{position: static}
.stellarnav.mobile ul{position: relative; display: none}
.stellarnav.mobile.active{padding-bottom: 0}
.stellarnav.mobile.active > ul{display: block}
.stellarnav.mobile ul{text-align: left}
.stellarnav.mobile > ul > li{display: block}
.stellarnav.mobile > ul > li > a{padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px}
.stellarnav.mobile ul{background: rgba(221,221,221,1)}
.stellarnav.mobile ul ul{position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
.stellarnav.mobile ul ul ul{left: auto; top: auto}
.stellarnav.mobile li.drop-left ul ul{right: auto}
.stellarnav.mobile li a{border-bottom: 1px solid rgba(0,0,0,0.2)}
.stellarnav.mobile > ul{border-top: 1px solid rgba(0,0,0,0.2)}
.stellarnav.mobile.light li a{border-bottom: 1px solid rgba(0,0,0,0.2)}
.stellarnav.mobile.light > ul{border-top: none;}
.stellarnav.mobile li a.dd-toggle{border: 0}
.stellarnav.mobile.light li a.dd-toggle{border: 0; background: rgba(0,0,0,0.05)}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile{display: flex; align-items: center; border: none;}
.stellarnav.mobile li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1); box-sizing: border-box}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile{display: inline-block; width: 50%; text-align: center}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full{display: block; width: 100%; border-right: 0; text-align: left}
.stellarnav.mobile.light ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul{background: var(--bs-white)}
.stellarnav.mobile.dark ul ul, .stellarnav.mobile.light ul ul{background: var(--bs-white); padding: 0}
.stellarnav.mobile.light li.call-btn-mobile{border-right: 1px solid rgba(0,0,0, .1)}
.stellarnav.mobile.top{position: absolute; width: 100%; top: 0; left: 0; z-index: 9999}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{display: none}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{position: fixed; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 500}
.stellarnav.mobile.right > ul{right: 0}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display: flex; text-align: right; align-items: center; justify-content: flex-end; height: 80px;}
.stellarnav.mobile.left > ul{left: 0}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half{text-align: center}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half{text-align: center}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third{text-align: center}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third{text-align: left}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span{display: none}
@media only screen and (max-width : 768px){
.stellarnav{overflow: hidden; display: block}
.stellarnav ul{position: relative; display: none}
}
@media only screen and (max-width : 420px){.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span{display: none}
}

@media (min-width: 992px) {
.stellarnav > ul:after{ content: ''; display: table; clear: both;}
.stellarnav > ul > li{ float: left;}
.stellarnav > ul > li + li{ margin-left: 18px;font-size:13px;}
.stellarnav > ul > li > a{ line-height: 60px; padding:  0;font-size:13px;}
}

.menu-toggle, .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{ text-transform: uppercase; font-weight: 700;}
/*---- 
Main Menu ----*/

/*---- 
Accordion Menu ----*/
.mainNav {width:100%;}
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid rgba(0,0,0,0.2); }
.mainNav > ul >  li{ border:none; border-bottom:1px solid rgba(0,0,0,0.2);}
.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-primary);}
.mainNav ul li a {color:var(--bs-dark); display:block; font-size:18px; line-height:normal; padding:14px 20px 14px 20px; text-decoration:none;}
.mainNav ul li a:hover {color:var(--bs-primary); text-decoration:none; }
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li a {color:var(--bs-dark); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-primary);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid rgba(0,0,0,0.2);}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {color:var(--bs-white);  background:none;  font-size:16px; }
/*----
Accordion Menu ----*/

/*---- 
Slick SLider ----*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,.slick-track:after{display: table; content: ''; }
.slick-track:after{clear: both; }
.slick-loading .slick-track{visibility: hidden; }
.slick-slide{display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{float: right; }
.slick-slide img{display: block; }
.slick-slide.slick-loading img{display: none; }
.slick-slide.dragging img{pointer-events: none; }
.slick-initialized .slick-slide{display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list{background: var(--bs-white) url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 100; background: var(--bs-red); border-radius: 50%; color: var(--bs-white); box-shadow:  rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: var(--bs-white); outline: none; background: var(--bs-navy); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 1; }
.slick-prev:before, .slick-next:before{font-family:  var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight: 900; font-size: 16px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 100;}
.slick-prev{left: -12px; }
[dir='rtl'] .slick-prev{right: 0px; left: auto; }
.slick-prev:before{content: '\f104'; }
[dir='rtl'] .slick-prev:before{content: '\f105'; }
.slick-next{right: -12px; }
[dir='rtl'] .slick-next{right: auto; left: 15px; }
.slick-next:before{content: '\f105'; }
[dir='rtl'] .slick-next:before{content: '\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0; }
.slick-dots{position: relative; margin-top: 24px; display: block; width: 100%; padding: 0; margin-bottom: 0; list-style: none; text-align: center; display: flex; align-items: center; justify-content: center; height: 42px; gap: 16px;}
.slick-dots li{position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; text-align: center; }
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 100%; height: 8px; width: 8px; border-radius: 50px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: var(--bs-black); opacity: 0.2 }
.slick-dots li button:hover, .slick-dots li button:focus{outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background: var(--bs-white); }
.slick-dots li.slick-active button{ background: var(--bs-black); height: 14px; width: 14px; opacity: 1}
/*----
Slick SLider ----*/
.full-img { position: relative;}
.full-img img{ width: 100%; height: auto; position: relative; z-index: 2;}
.ratio .full-img{min-width: initial; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; flex: 0 0 auto; display: flex;}
.ratio .full-img img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.image-fit{min-width: initial; position: relative; overflow: hidden; flex: 0 0 auto; display: flex;}
.image-fit img{flex: 1 1 auto; align-self: center; justify-self: center; object-fit: cover; height: 100%; min-width: 100%; width: auto;}
.color-fff{ color: var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform: uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color: var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color: var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color: var(--bs-dark);}
h6:last-child, h5:last-child, h4:last-child, h3:last-child, h2:last-child,  h1:last-child, p:last-child, ul:last-child,  ol:last-child{ margin-bottom: 0;}

/*----
Custom Site Style ----*/

/* Define the animation steps using @keyframes */
@keyframes continuousFade {
  0% {
    opacity: 0.5; /* Start completely transparent */
  }
  50% {
    opacity: 1; /* Fully opaque at the midpoint */
  }
  100% {
    opacity: 0.5; /* Back to transparent at the end of the cycle */
  }
}

.cc-gap{ display: flex; flex-direction: column;}
.cc-gap > *{ margin: 0;}
.cc-gap-32{ gap: 32px;}
.cc-gap-24{ gap: 24px;}
.cc-gap-16{ gap: 16px;}

.header{ padding: 16px 0; position: fixed; top: 0; right: 0; left: 0; z-index: 1000;}
.header-inner{ background-color: #fff; padding: 10px 24px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.header-inner .logo img{ height: 60px; width: auto;}
.header-inner .btn{ padding: 10px 16px; margin-left: auto;}

.banner{ background-color: #ffffff; position: relative; }
.banner .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;pointer-events: none;  }
.banner .image-fit img{ opacity: 0.3;}
.banner .banner-image{ width: 50%;}
.banner .container{ position: absolute; top: 0; right: 0; left: 50%; bottom: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner .image-fit:after{ position: absolute; z-index: 90; bottom: 0; left: 0; right: 0; pointer-events: none; background-image: url(../images/banner-bg-shape.png); background-position: top center; height: 138px; content: ''; position: absolute;}

.section{ padding: 80px 0; position: relative; z-index: 1;}
.section-lt{ background-color: #F7F8FA;}
.bg-red { background-color: var(--bs-red);}
.bg-navy { background-color: var(--bs-navy);}
.bg-green { background-color: var(--bs-green);}
.bg-yellow { background-color: var(--bs-yellow);}
.bg-blue { background-color: var(--bs-blue);}

.facilty-item .full-img{ background-color: var(--bs-white); padding: 12px; border-radius: 12px;}
.facilty-item .full-img img{ border-radius: 8px;}
.facilty-item .content{ margin: 0 24px; border-radius: 0 0 16px 16px;}
.facilty-item .content a{ color: var(--bs-white); font-weight: 700; text-decoration: none;}

.w2{ background-color: var(--bs-yellow); background-image: url(../images/line-bg.png); background-position: bottom center; background-repeat: no-repeat;}
.w2 .w2-clip{ position: absolute; top: -10%; left: 24px; z-index: 101; pointer-events: none; width: 18.229166666667%; animation-name: continuousFade; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.w2:after{ background-image: url(../images/shape-cloud.png); background-position: bottom right; background-repeat: no-repeat; content: ''; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; position: absolute;}
.FacilitieSlider .slick-dots li button, .FacilitieSlider .slick-dots li.slick-active button{background: var(--bs-black);  }

.SlickSlider{ margin-left: -12px; margin-right: -12px;}
.SlickSlider .item{ padding-left: 12px; padding-right: 12px;}
.SlickSlider .slick-prev, .SlickSlider .slick-next{ top: auto; bottom: 0; transform: translate(0%); -ms-transform: translate(0%); -moz-transform: translate(0%); height: 42px; width: 42px}
.SlickSlider  

.mv-item{ max-width: 412px; width: 100%; margin-left: auto; margin-right: auto;}
.mv-item .content{ padding: 30px 32px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
.mv-item .icon{ background-color: #fff; height: 150px; width: 150px; display: flex; align-items: center; justify-content: center; border-radius: 170px 170px 170px 200px; margin-left: auto; margin-right: auto;}

.class-item .image-fit{ height: 500px; color: #fff;}
.class-item .content{ text-align: center; font-size: 14px; padding: 72px 24px 32px 24px; border-radius: 500px 500px 0 0; position: absolute; bottom: 0; right: 0; left: 0; z-index: 100; color: #fff; line-height: 1.3; transition: height 0.5s ease-out; height: 230px;}
.class-item:hover .content{ height: 300px;}
.class-item .content .icon{ background-color: #fff; position: absolute; height: 80px; width: 80px; padding: 12px; display: flex; align-items: center; justify-content: center; border-radius: 80px 80px 80px 100px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; margin-left: auto; margin-right: auto;}
.class-item p{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.class-section .top-clip{ position: absolute; top: 24px; left: 24px; pointer-events: none; z-index: 1; animation-name: continuousFade; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.class-section .bottom-clip{ position: absolute; bottom: 24px; right: 0; pointer-events: none; z-index: 1; animation-name: continuousFade; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}

.testimonial-section{ padding: 80px 0 300px; background-color: #FFEED3; position: relative;}
.testimonial-section::before{ background-image: url(../images/cloud.png); position: absolute;  left: 0; right: 0; bottom: 0; height: 255px; content: ''; pointer-events: none;}
.QuoteSlider{ margin-left: -12px; margin-right: -12px; padding: 0 80px;}
.QuoteSlider .item{ padding-left: 12px; padding-right: 12px;}
.quote-item .content{  position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 24px; z-index: 100; align-items: center; justify-content: center; text-align: center; color: #fff;}
.quote-item .content i{ font-size: 48px;}
.quote-item .content cite{ font-weight: 700; font-style: normal;}
.quote-item .content cite small{ font-size: 70%; font-weight: 400;}
.quote-item .ratio{ border-radius: 600px 600px 600px 800px;}
.QuoteSlider .slick-prev{ left: 0;}
.QuoteSlider .slick-next{ right: 0;}

.teacher-cta .content{ color: #fff; border-radius: 24px; background-color: var(--bs-navy); position: relative; z-index: 100; margin-top: -150px;}
.teacher-cta .content ul{ padding-left: 16px; display: flex; gap: 6px; flex-direction: column;}
.contact-section .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }
.contact-section .image-fit img{ opacity: 0.3;}
.contact-section .form-content{ background-color: var(--bs-yellow); border-radius: 16px;}

.footer-top{ background-color: var(--soft-bg); font-family: 14px; padding: 32px 0;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.75rem;}
.footer-top a{ color: #000; text-decoration: none;}
.footer-top .footer-logo img{ height: 90px; width: auto;}
.footer-top a:hover{ color: var(--bs-red);}
.footer-bottom{ padding: 16px 0; background-color: #232323; color: #fff; text-align: center;}



/*----
Custom Site Style ----*/
h1, h2, h3, h4 {font-family: 'Fredoka One', cursive;}
@media (min-width: 320px) {
h1, .h2-48 h2, .h3-48 h3, .h4-48 h4{ font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2, .h3-40 h3, .h4-40 h4{font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3, .h4-32 h4, .h5-32 h5{font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size: calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size: calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size: calc(1rem + ((1vw - 3.2px) * 0.5));}
.h1-64 h1, .h2-64 h2{font-size: calc(2.5rem + ((1vw - 3.2px) * 2.2222));}
}

@media (min-width: 1400px) {
h1{font-size: 48px;}
h2{font-size: 40px;}
h3{font-size: 32px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
.font-18{font-size: 18px;}
.font-20{ font-size: 20px;}
.font-24{ font-size: 24px;}
.h1-64 h1, .h2-64 h2{font-size: 64px;}
}


/* SECTION */
.intro-section {
  padding: 100px 0;
  background: linear-gradient(135deg, #11236D 0%, #376BB3 100%);
  position: relative;
  overflow: hidden;
}

/* BACKGROUND SHAPES */
.intro-section::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: #ffffff;
  opacity: 0.05;
  border-radius: 50%;
  top: -150px;
  right: -150px;
}

.intro-section::after {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  background: var(--bs-yellow);
  opacity: 0.08;
  border-radius: 50%;
  bottom: -120px;
  left: -120px;
}

/* CARD */
.intro-card {
  background: #ffffff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}

.intro-card:hover {
  transform: translateY(-5px);
}

/* TITLE */
.intro-card h1 {
  font-size: 38px;
  font-weight: 800;
  color: var(--bs-navy);
}

/* DIVIDER */
.divider {
  width: 60px;
  height: 4px;
  background: var(--bs-red);
  margin: 15px 0 20px;
  border-radius: 10px;
}

/* TEXT */
.intro-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  margin-bottom: 12px;
  position: relative;
  padding-left: 15px;
}

/* BULLET */
.intro-card p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background: var(--bs-red);
  border-radius: 50%;
}

/* PROFILE */
.profile-box {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px dashed #ddd;
}

.profile-box img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin-right: 12px;
  border: 3px solid var(--bs-blue);
}

.profile-box h6 {
  margin: 0;
  color: var(--bs-navy);
}

.profile-box small {
  color: #888;
}

/* IMAGE SECTION */
.intro-visual {
  position: relative;
  text-align: center;
}

/* SHAPE */
.bg-shape {
  position: absolute;
  width: 280px;
  height: 280px;
  background: linear-gradient(135deg, var(--bs-blue), var(--bs-green));
  border-radius: 50%;
  top: 20%;
  left: 10%;
  opacity: 0.15;
  z-index: 1;
}

/* MAIN IMAGE */
.main-img {
  width: 70%;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
  position: relative;
  z-index: 2;
}

/* FLOATING */
.floating {
  position: absolute;
  width: 40%;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  z-index: 3;
}

.img-a {
  top: -168px;
  right: 0;
  border: 4px solid var(--bs-orange);
}

.img-b {
  bottom: -125px;
  left: 0;
  border: 4px solid var(--bs-green);
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .intro-section {
    padding: 70px 0;
  }

  .intro-card {
    padding: 25px;
  }

  .intro-card h1 {
    font-size: 28px;
  }

  .main-img {
    width: 100%;
  }

  .floating {
    display: none;
  }
}
        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes float {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-15px) rotate(3deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .animate-on-scroll {
            opacity: 0;
            transition: all 0.8s ease-out;
        }

        .animated {
            opacity: 1;
            animation: fadeInUp 0.8s ease forwards;
        }

        /* Floating Background Elements (Icons) */
        .bg-icon {
            position: fixed;
            z-index: 0;
            opacity: 0.15;
            pointer-events: none;
            animation: float 8s ease-in-out infinite;
        }

        /* Hero Section with Wavy Background */
        .hero {
          /* background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
*/
    background-color: #febf32;
    background-image: url(../images/line-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
          
            /*color: var(--white);*/
            padding: 160px 0 200px;
            text-align: center;
            position: relative;
            clip-path: ellipse(150% 100% at 50% 0%);
            overflow: hidden;
        }

        /* Animated Blobs in Hero */
        .hero::before, .hero::after {
            content: '';
            position: absolute;
            width: 400px;
            height: 400px;
            background: rgba(255, 183, 3, 0.2);
            border-radius: 50%;
            z-index: 1;
            filter: blur(50px);
            animation: float 10s infinite alternate;
        }
        .hero::before { top: -100px; left: -100px; }
        .hero::after { bottom: -100px; right: -100px; animation-delay: 2s; }

        .hero h1 {
        /*   color: var(--accent-yellow);*/
        color:#fff;
          
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            margin-bottom: 10px;
            text-shadow: 3px 3px 6px rgba(0,0,0,0.4);
            position: relative;
            z-index: 2;
        }

        .hero p {
            font-size: 1.4rem;
            position: relative;
            z-index: 2;
        }
		
		
		
		/* MAKE SURE PARENT IS POSITIONED */
.banner {
  position: relative;
}

/* NAV CONTAINER */
.header-carousel .owl-nav {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: flex !important;   /* FORCE SHOW */
  flex-direction: column;
  gap: 10px;
  z-index: 99999;
  pointer-events: auto;             /* VERY IMPORTANT */
}
.banner img {
  pointer-events: none;
}
/* BUTTON */
.header-carousel .owl-nav button {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255,255,255,0.7) !important;
  color: #11236D !important;
  border: none;
  font-size: 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* HOVER */
.header-carousel .owl-nav button:hover {
  background: #E6524A !important;
  color: #fff !important;
}

/* REMOVE DEFAULT */
.header-carousel .owl-nav button span {
  font-size: 22px;
  line-height: 1;
}


		
        /* Floating Icons Positions */
        .icon-1 { top: 10%; left: 5%; font-size: 3rem; }
        .icon-2 { top: 40%; right: 5%; font-size: 4rem; animation-delay: 1s; }
        .icon-3 { bottom: 20%; left: 8%; font-size: 2.5rem; animation-delay: 2s; }
        .icon-4 { top: 70%; right: 10%; font-size: 3.5rem; animation-delay: 3s; }	
#spin{color:#E6524A;}		

/* SIDEBAR CARD */
.side-card {
  background: linear-gradient(180deg, #ffffff, #f5f7fb);
  border-radius: 25px;
  padding: 25px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  position: sticky;
  top: 120px;
  transition: 0.3s;
  border: 1px solid rgba(0,0,0,0.04);
}

/* MENU RESET */
.side-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* LIST ITEM */
.side-menu li {
  margin-bottom: 12px;
}

/* LINK STYLE */
.side-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-black);
  background: #ffffff;
  transition: all 0.3s ease;
  position: relative;
  box-shadow: 0 5px 12px rgba(0,0,0,0.04);
  text-decoration:none;
}

/* ICON */
.side-menu a i {
  font-size: 14px;
  color: var(--accent-red);
  transition: 0.3s;
  
}

/* HOVER EFFECT */
.side-menu a:hover {
  background: rgba(38, 52, 137, 0.08);
  color: var(--primary-blue);
  transform: translateX(6px);
}

/* HOVER ICON */
.side-menu a:hover i {
  color: var(--primary-blue);
  transform: scale(1.2);
}

/* ACTIVE ITEM */
.side-menu a.active {
  background: var(--primary-blue);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(38,52,137,0.3);
  text-decoration:none;
}

/* ACTIVE ICON */
.side-menu a.active i {
  color: #fff;
}

/* LEFT ACCENT BAR */
.side-menu a::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 4px;
  height: 60%;
  background: var(--accent-red);
  border-radius: 5px;
  transition: 0.3s;
}

/* SHOW BAR ON HOVER + ACTIVE */
.side-menu a:hover::before,
.side-menu a.active::before {
  transform: translateY(-50%) scaleY(1);
}
.left-sidebar{
	padding: 90px 0;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .side-card {
    position: relative;
    top: 0;
    margin-bottom: 20px;
  }

  .side-menu a {
    justify-content: center;
  }
}
 
.coleql_height{
	height: 377.531px !important;
}
.facilities-img{
	height:296px !important;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.golden-kids-icon {
    margin-left: 35px; /* adjust this value */
    font-size: 19px;
    color: #11236D;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
	margin-right:10px;
}
/* MOBILE MENU FIX */
@media (max-width: 768px){

  /* Container */
  .stellarnav.mobile > ul {
    background: #f8f9fb;
    padding: 10px 0;
  }

  /* Menu items */
  .stellarnav.mobile li a {
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Remove weird grey */
  .stellarnav.mobile ul {
    background: #f8f9fb !important;
  }

  /* Submenu */
  .stellarnav.mobile ul ul {
    background: #ffffff !important;
  }

  .stellarnav.mobile ul ul li a {
    padding-left: 30px;
    font-size: 15px;
    font-weight: 500;
  }

  /* Toggle button (FIX ALIGNMENT) */
.stellarnav .dd-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%); /* 🔥 KEY FIX */
    
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0d6efd;
    border-radius: 4px;
}

  /* Toggle icon */
  .stellarnav a.dd-toggle .icon-plus:before {
    font-size: 14px;
  }

  /* Close button (TOP RIGHT FIX) */
  .stellarnav.mobile .close-menu {
    justify-content: flex-end;
    padding: 15px 20px;
  }

  /* Remove double borders */
  .stellarnav.mobile > ul {
    border-top: none;
  }

  /* Improve spacing */
  .stellarnav.mobile li {
    margin: 0;
  }
  
  
    .img-form img{height:600px;}
  
  

}