/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.5.1774255950
Updated: 2026-03-23 08:52:30

*/
.homebannersection {
    height: 100vh !important;
}
@media screen and (min-width: 1024px){
	.mbenable {
		display: none;
	}
}
@media screen and (max-width: 1024px){
	.mbenable a span {
		margin-right: 5px;
		background: red;
		color: #fff;
		padding: 0 3px;
		line-height: normal;
		font-weight:600;
	}	
}
#ast-scroll-top {
    background-color: #F5D54C !important;
 }
#ast-scroll-top .ast-icon.icon-arrow svg {
    fill: #1C2D5E !important;
}
#menu-main-header ul.elementskit-dropdown li.active:after {
    left: 90% !important;
    bottom: 40% !important;
    transform: rotate(90deg);
}
html, body {
    overflow: visible;
}

[data-lenis-prevent] {
    transform: translateZ(0);
}

iframe {
    will-change: transform;
}

.m-0 {
  margin: 0 !important;
}
.home footer .eael-feature-list-icon-box svg {
    fill: #fff !important;
}
.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-1 {
  margin-top: 5px !important;
}

.mb-1 {
  margin-bottom: 5px !important;
}

.mt-2 {
  margin-top: 15px !important;
}

.mb-2 {
  margin-bottom: 15px !important;
}

body:not(.page-id-9) footer {
/*   background-color: #fff !important;
  background-image: unset !important; */
  min-height: unset !important;
}
footer a {
    color: #fff;
}
/* body:not(.page-id-9) footer * {
  color: #000 !important;
} */
html.lenis {
    margin-top: 0 !important;
}
/* body:not(.page-id-9) footer li.menu-item.current-menu-item.current_page_item a {
    color: #fff !important;
} */
.footerList .eael-feature-list-content-box {
  align-content: center;
}
@media screen and (max-width: 1380px){header.mainHeader #menu-main-header li a {font-size: 13px;}}
@media screen and (max-width: 1024px){header.mainHeader:not(.scrolled)  button.elementskit-menu-hamburger span { background-color: #fff !important; }}
header.mainHeader.scrolled {
  background-color: #fff !important;
}

/* header.mainHeader.scrolled .logo img {
    filter: invert(1);
} */
header.mainHeader.scrolled #menu-main-header li a.ekit-menu-nav-link {
  color: #000 !important;
}

header.mainHeader.scrolled #menu-main-header li a.ekit-menu-nav-link.active,
header.mainHeader.scrolled #menu-main-header li.current_page_item.active:after {
  color: #4c4c4c !important;
}

.mainMenu ul#menu-main-header li.current_page_item.active:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 43%;
  width: 16px;
  height: 5px;
  background: #1c2c5e;
  border-radius: 2rem;
}

header:not(.scrolled) .mainMenu ul#menu-main-header li.current_page_item.active:after {
  background: #1c2c5f;
}
.hamMainMenu .ekit-sidebar-group .ekit-overlay.ekit-bg-black {
    height: 100vh !important;
}
header.scrolled .hamMainMenu .ekit-wid-con a.ekit_navSidebar-button.ekit_offcanvas-sidebar svg path {
    fill: #000 !important;
    stroke: #000 !important;
}
header ul#menu-main-header li.menu-item:hover span.eael-simple-menu-indicator svg path {
    fill: #fff !important;
}
header.scrolled a.schoolbooka {
    color: #000 !important;
}
.hamMainMenu .ekit-sidebar-group .ekit-sidebar-widget {
    height: 100vh;
}
@media screen and (max-width: 1024px){
	div#ekit-megamenu-main-header {
		height: 95vh !important;
	}
	.mainMenu ul#menu-main-header li.current_page_item.active:after {
		bottom: 42% !important;
		left: 5px !important;
	}
	.mainMenu ul#menu-main-header li.current_page_item.active:after {
		content: '';
		position: absolute;
		bottom: -4px;
		left: 48%;
		width: 5px;
		height: 5px;
		background: #000;
		border-radius: 50%;
	}
	.mainMenu nav.ekit-wid-con ul#menu-main-header li.menu-item.active a {
		color: #1B2B5F !important;
	}
	header.mainHeader .elementor-element.elementor-element-6280870 {
		width: 35%;
	}
	header.mainHeader .elementor-element.elementor-element-8472f0c {
		width: 65%;
	}
}
@media screen and (max-width: 767px){
	header.mainHeader .elementor-element.elementor-element-6280870 {
		width: 60%;
	}
	header.mainHeader .elementor-element.elementor-element-8472f0c {
		width: 30%;
	}
}

footer ul#menu-main-footer {
  display: flex;
  flex-wrap: wrap;
}

footer ul#menu-main-footer li {
  width: 48%;
}

/* Homepage styles */

.counterList ul {
  display: flex;
  width: 100%;
  justify-content: space-around;
  flex-wrap: wrap;
	gap: 16px;
}

.counterList ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  padding: 0 2% !important;
  flex-direction: column !important;
}

.counterList ul li .eael-feature-list-content-box {
  margin: 0 !important;
}

.counterList ul li .eael-feature-list-content-box p.eael-feature-list-content {
  display: flex;
  flex-direction: column;
}


.imageList ul {
  display: flex;
  gap: 10px;
}

.imageList ul li {
  width: 34%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.imageList ul li:nth-child(2) .eael-feature-list-content-box h2 {
  font-size: 2.5rem;
}

.imageList ul li:nth-child(2) .eael-feature-list-icon-inner span.eael-feature-list-icon img {
  width: 20rem !important;
  height: 20rem !important;
}

/* Container layout */
/* GRID LAYOUT */
#eael-feature-list-6d6a860 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(clamp(160px, 20vw, 198px), 1fr));
  gap: clamp(16px, 2.5vw, 28px);
  padding: clamp(30px, 5vw, 50px) clamp(16px, 4vw, 20px);
}

@media screen and (max-width: 1500px) and (min-width: 767px){
	#eael-feature-list-6d6a860 {
	  grid-template-columns:  repeat(3, 1fr);
	}
}

/* CARD */
#eael-feature-list-6d6a860 .eael-feature-list-item {
  background: #ffffff;
  border-radius: 14px;
  padding: 30px 22px !important;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.35s ease;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

/* VERY SUBTLE HOVER */
#eael-feature-list-6d6a860 .eael-feature-list-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}

/* ICON (clean circle, no heavy shadow) */
#eael-feature-list-6d6a860 .eael-feature-list-icon {
  width: 100px;
  height: 90px;
  margin: 9px;
  border-radius: 50%;
  background: #37368e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #4a6cf7;
}

/* #eael-feature-list-ee28dac .eael-feature-list-icon img {
  filter: invert(1);
} */

/* NUMBER */
#eael-feature-list-6d6a860 .eael-feature-list-title {
  font-weight: 600;
  color: #37368e;
  margin-bottom: 6px;
  letter-spacing: .3px;
}

/* LABEL (Years, Ratio, etc.) */
#eael-feature-list-6d6a860 .eael-feature-list-content b,
#eael-feature-list-6d6a860 .eael-feature-list-content strong {
  display: block;
  color: #000;
  margin-bottom: 0;
}

/* DESCRIPTION */
#eael-feature-list-6d6a860 .eael-feature-list-content {
  color: #000;
  line-height: 1.2;
  margin-top: 15px;
	font-weight: 500;
}
.abtTabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"] {
    background-color: #CD9733 !important;
}
.abtTabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="false"]:hover {
    background-color: #CD9733 !important;
}
.foundationTabs  button.e-n-tab-title[aria-selected="true"],
.admissionTab   button.e-n-tab-title[aria-selected="true"]{
    background-color: #1C2C5F !important;
}
.foundationTabs  button.e-n-tab-title[aria-selected="false"]:hover {
    background-color: #CD9635 !important;
}

.admissionTab   button.e-n-tab-title[aria-selected="false"]:hover{
    background-color: #1C2C5F !important;
}
@media screen and (max-width: 767px){
	.homebannersection {
		height: 92vh !important;
	}
}
/* Decorative shapes */
.principalSection::before,
.principalSection::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.principalSection::before {
  width: 350px;
  height: 350px;
  top: -80px;
  left: -80px;
}

.principalSection::after {
  width: 300px;
  height: 300px;
  bottom: 38px;
  right: 63px;
}


/* gsap animation  */

.playful-text {
  display: inline-block;
  overflow: hidden;
}

.playful-text span {
  display: inline-block;
  transform: translateY(100%);
  opacity: 0;
}

.gsap-scroll-cards ul li {
  opacity: 0;
  transform: translateY(80px) scale(0.9);
  will-change: transform, opacity;
}

.gsap-slide-cards>* {
  opacity: 0;
  transform: translateX(-120px) rotate(-5deg) scale(0.9);
  will-change: transform, opacity;
}

/* gsap animation  */

.bannerText span {
  font-size: clamp(14px, 1.8vw, 24px);
  color: #fff !important;
	font-family: 'Nunito';
}
.bannerText.ylw span {
  color: #fff !important;
}

.bannerHead span {
  font-size: clamp(22px, 4vw, 56px);
  font-weight: 600 !important;
  color: #fff;
  line-height: 1.2;
  font-family: 'Playfair', serif;
}

.bannerSubHead span {
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  font-family: 'Playfair Display', serif;
}

/* admission page */

.bannerText1 span {
  font-size: clamp(1rem, 2.6vw, 2rem);
  color: #fff;
  font-family: 'Nunito', sans-serif;
}
.bannerhead span {
    font-size: clamp(1.4rem, 4vw, 3.5rem);
    color: #fff;
    line-height: 1.2;
    font-family: 'Playfair Display', serif;
    font-weight: 800;
}

.bannerText2 span {
  font-size: clamp(1rem, 2.3vw, 1.8rem);
  color: #fff;
  line-height: 1.4;
  font-family: 'Nunito', sans-serif;
}

.bannerText3 {
  background: linear-gradient(270deg, #1C2C5F 60%, transparent 100%);
  padding: 0 10px;
}

.bannerText3 span {
  font-size: clamp(0.95rem, 2.1vw, 1.6rem);
  color: #fff;
  line-height: 1.4;
  font-family: 'Nunito', sans-serif;
}

/* SECTION FIX */



/* ******** ZIGZAG & Wave Line Starts ******** */

/* keep items above */
.choosList ul,
.classList ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* IMPORTANT */
  flex-wrap: nowrap;
}

.choosList ul li,
.classList ul li {
  text-align: center;
  flex: 1;
  opacity: 0;
  transform: translateY(40px) scale(0.95);
}

.choosList ul li {
  opacity: 0;
  transform: translateY(40px) scale(0.95);
}
.choosList ul li .eael-feature-list-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

/* SECTION FIX */
.chooseSection,
.classroomList {
  position: relative;
  will-change: transform;
  transition: none !important;
}

/* SVG */
.usp-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

/* ZIGZAG LINE */
.usp-svg path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 2;
  stroke-dasharray: 6 10;
  stroke-linecap: round;
}

/* DOT */
.usp-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
  z-index: 3;

  box-shadow: 0 0 10px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.6);
}

.usp-trail {
  fill: none;
  stroke: rgba(255, 255, 255, 0.3);
  stroke-width: 6;
  filter: blur(6px);
  stroke-linecap: round;
}

.usp-mover {
  position: absolute;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  z-index: 3;
  pointer-events: none;
}

.usp-mover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.debug-point {
  position: absolute;
  width: 8px;
  height: 8px;
  background: red;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.usp-connector {
  fill: none;
  stroke: white;
  stroke-width: 2;
}

@media (max-width: 1024px) {
  .classList ul,
  .choosList ul {
    position: relative;
/*     min-height: clamp(180px, 32vw, 300px); */
    height: auto;
  }

  .choosList ul.eael-feature-list-items[data-layout-mobile="vertical"],
  .classList ul.eael-feature-list-items[data-layout-mobile="vertical"] {
    display: flex !important;
    align-items: flex-start;
  }

  .choosList ul.eael-feature-list-items[data-layout-mobile="vertical"] li,
  .classList ul.eael-feature-list-items[data-layout-mobile="vertical"] li {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.choosList ul li .eael-feature-list-icon img, .classroomList ul li .eael-feature-list-icon img {
		width: 50px !important;
		height: 50px !important;
	}
	.choosList ul li .eael-feature-list-content-box *, .classroomList ul li .eael-feature-list-content-box * {
		font-size: 0.8rem !important;
		width: 7rem;
	}
}
@media screen and (max-width: 767px){
	.choosList ul li .eael-feature-list-icon img, .classroomList ul li .eael-feature-list-icon img {
		width: 40px !important;
		height: 40px !important;
	}
}
@media screen and (min-width: 430px) and (max-width: 767px){
	.choosList ul li .eael-feature-list-content-box *, .classroomList ul li .eael-feature-list-content-box * {
		font-size: 0.8rem !important;
		width: 5rem;
	}
}

/* ******** ZIGZAG & Wave Line Ends ******** */
#popmake-7273 {
    border-radius: 15px;
    padding: 2%;
}
.popmake .form-group p {
    margin-bottom: 0 !important;
}
.enquireForm .form-row,
.popmake .form-row{
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.enquireForm .form-row.topBox,
.popmake .form-row.topBox{
  justify-content: space-between;
}

.enquireForm .form-group.year,
.popmake .form-group.year{
  max-width: 30%;
}

.enquireForm .form-group.relation,
.popmake .form-group.relation{
  max-width: 40%;
}

.enquireForm .form-row.submit input.wpcf7-submit,
.popmake .form-row.submit input.wpcf7-submit{
  width: 27%;
  background-color: #1c2d5e;
  border: 1px solid #505c80;
  transition: all 0.3s ease;
}

.enquireForm .form-row.submit input.wpcf7-submit:hover,
.popmake .form-row.submit input.wpcf7-submit:hover{
  background-color: #505c80;
  transform: translateY(-4px);
}

.enquireForm .form-row.submit p,
.popmake .form-row.submit p{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enquireForm .form-group,
.popmake .form-group{
  flex: 1;
  display: flex;
  flex-direction: column;
}

.enquireForm .form-group.full-width,
.popmake .form-group.full-width{
  flex: 100%;
}

.enquireForm input, .enquireForm textarea, .enquireForm select,
.popmake input, .popmake textarea, .popmake select{
    padding: 5px 15px !important;
    border-radius: 25px;
    border: 1px solid #ccc;
    width: 100%;
}
.enquireForm input[type= "submit"] {
    padding: 14px !important;
}
.enquireForm .wpcf7-radio span,
.popmake .wpcf7-radio span{
  margin-right: 15px;
}


/* Age Criteria */
.ageList ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ageList ul li {
  width: 20%;
  /*     border: 1px solid; */
  justify-content: center;
  position: relative;
}

.ageList ul li:nth-child(-n+3):after {
  content: '';
  position: absolute;
  width: 2px;
  height: 60%;
  background: #4F5A7F;
  top: 20%;
  right: 0;
}

.ageList ul li .eael-feature-list-icon-box {
  display: none !important;
}

.ageList ul li .eael-feature-list-content-box {
  display: flex;
  flex-direction: column;
}

.ageList ul li .eael-feature-list-content-box p.eael-feature-list-content span {
  font-size: 10vw;
  line-height: normal;
  color: #CE9635;
  font-weight: 600;
}

/* Age Criteria */

.processSections {
  background-size: 100% 100% !important;
}

.stageButtn a.eael-creative-button {
  text-decoration: none;
  transition: 0.5s ease;
}

.stageButtn a.eael-creative-button:hover {
  border-radius: 1rem !important;
}

.stageButtn a.eael-creative-button:hover::before {
  background-image: url(/wp-content/uploads/2026/03/Group-41.webp) !important;
  background-repeat: no-repeat;
  background-size: cover;
}

/* career Page style */
	section#career-work-section .whyWorkGrid ul {
		display: grid !important;
		gap: 0px;
		grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
		margin: 0 auto;
	}

.whyWorkGrid ul li {
    text-align: center;
    padding: 10px 24px!important;
}


@media screen and (min-width: 768px){
	section#career-work-section .whyWorkGrid ul {
		grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
	}
	.whyWorkGrid ul li:nth-child(-n+4) {
	  border-bottom: 2px solid #E5E5E5;
	}
	.whyWorkGrid ul li:nth-child(-n+3) {
	  border-right: 2px solid #E5E5E5;
	}
	.whyWorkGrid ul li:nth-child(n+5):nth-child(-n+7) {
	  border-right: 2px solid #E5E5E5;
	}
}
@media screen and (max-width: 768px){
	.guideline-block p, .guideline-block ul li {
		font-size: 0.9rem !important;
	}
	.guideline-block h3 {
		font-size: 1rem !important;
	}
}
@media screen and (min-width: 527px) and (max-width: 767px){
	section#career-work-section .whyWorkGrid ul {
		grid-template-columns: repeat(auto-fit,minmax(33%,1fr)) !important;
	}
	.whyWorkGrid ul li:nth-child(-n+6) {
		border-bottom: 2px solid #E5E5E5;
	}
	.whyWorkGrid ul li:nth-child(-n+5):not(:nth-child(3n)) {
		border-right: 2px solid #E5E5E5;
	}
	.whyWorkGrid ul li:nth-child(n+7):nth-child(-n+8) {
		border-right: 2px solid #E5E5E5;
	}
}
@media screen and (max-width: 536px){
	
}
@media screen and (min-width: 375px) and (max-width: 526px){
	section#career-work-section .whyWorkGrid ul {
		grid-template-columns: repeat(auto-fit,minmax(50%,1fr)) !important;
	}
	.whyWorkGrid ul li {
		padding: 10px 14px!important;
	}
	.whyWorkGrid ul li:nth-child(-n+6) {
		border-bottom: 2px solid #E5E5E5;
	}
	.whyWorkGrid ul li:nth-child(2n+1) {
		border-right: 2px solid #E5E5E5;
	}
}

@media screen and (max-width: 375px){
	section#career-work-section .whyWorkGrid ul {
		grid-template-columns: 1fr !important;
	}
	.whyWorkGrid ul li {
		padding: 10px 14px!important;
	}
	.whyWorkGrid ul li:nth-child(-n+7) {
		border-bottom: 2px solid #E5E5E5;
	}
}


.cOpeningList ul li .eael-feature-list-content-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cOpeningList ul li {
  padding: 14px 0;
  border-bottom: 2px solid #E5E5E5;
  place-items: center;
}

.cOpeningList ul li * {
  transition: 0.6s linear;
}

.cOpeningList ul li:hover * {
  transform: translatex(5px);
}

.application-guidelines {
  max-width: 900px;
  font-family: 'Nunito';
}

.guideline-block {
  margin-bottom: 30px;
}

.guideline-block h3 {
  font-size: 3vh;
  font-weight: 700;
  margin-bottom: 10px;
}

.guideline-block p {
    margin: 5px 0;
    line-height: 1.6;
    font-size: 1.2rem;
}

.guideline-block ul {
  margin-top: 10px;
  padding-left: 20px;
}

.guideline-block ul li {
  margin-bottom: 6px;
  line-height: 1.6;
  font-size: 1.2rem;
}

/* .shape:before {
    content: '';
    position: absolute;
    top: -124px;
    left: 0;
    width: 100%;
    height: 11%;
    background-image: url(/wp-content/uploads/2026/03/shape2.webp);
    background-position: center;
    background-size: 100% 100%;
} */

section#gridbox .facilitiesGrid ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
    align-items: stretch;
    grid-auto-flow: dense;
}

section#gridbox .facilitiesGrid ul li *,
section#gridbox .amnitiesGrid ul li * {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

section#gridbox .facilitiesGrid ul li:hover *,
section#gridbox .amnitiesGrid ul li:hover * {
  transform: translateY(-5px);
  /* slightly stronger than -3px */
}

section#gridbox .amnitiesGrid ul {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
  align-items: stretch;
}

.admSkpBtn a.eael-creative-button {
  text-decoration: none;
}

.contactBox {
  box-shadow: 0 0px 5px 6px #cd9635b8, 0 0 0px 7px rgb(255 255 255 / 98%);
}

section#contactGrid .contTopBox ul, section#contactGrids .contTopBoxs ul {
    display: grid!important;
    gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    position: relative;
}
section#contactGrid .contTopBox ul li, section#contactGrids .contTopBoxs ul li {
    width: 90%;
}
@media screen and (max-width: 768px){

	.socialIcons {
		justify-content: center;
	}
	.socialIcons a {
		font-size: 0.8rem;
	}
	a.contLinkbtn {
		font-size: 0.8rem !important;
		padding: 7px 12px !important;
	}
}

@media screen and (min-width: 768px){
	section#contactGrid .contTopBox ul li:nth-child(-n+2)::after {
		content: '';
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        width: 1px;
        height: 60%;
		background: linear-gradient(to bottom,
		  transparent,
		  #cd9635,
		  transparent);
	}

	section#contactGrids .contTopBoxs ul li:nth-child(-n+1)::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        width: 1px;
        height: 60%;
		background: linear-gradient(to bottom,
		  transparent,
		  #cd9635,
		  transparent);
	}
}


a.contLink {
  text-decoration: none !important;
  color: #000;
}

a.contLinkbtn {
  display: inline-block;
  background: linear-gradient(145deg, #d9a441, #b9832f);
  color: #fff;
  text-decoration: none !important;
  padding: 8px 22px;
  font-size: 0.9vw;
  border-radius: 25px;
  margin-top: 10px !important;

  transition: all 0.3s ease;

  /* 3D shadow */
  box-shadow:
    0 4px 0 #a87427,
    0 8px 15px rgba(0, 0, 0, 0.2);
}

a.contLinkbtn:hover {
  transform: translateY(-4px);

  background: linear-gradient(145deg, #e0ad4f, #c89234);

  box-shadow:
    0 6px 0 #a87427,
    0 12px 25px rgba(0, 0, 0, 0.3),
    0 0 15px rgba(205, 150, 53, 0.6);
}

.socialIcons {
  display: flex;
  /* gap: 15px; */
  flex-wrap: wrap;
}

.socialIcons a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  /* background: #f5e7d6; */
  color: #c89338;
  text-decoration: none !important;
  transition: all 0.3s ease;
  /* box-shadow: 0 5px 10px rgb(0 0 0 / .1),inset 0 0 5px rgb(255 255 255 / .5); */
  padding: 4px 10px;
}

.socialIcons a:hover {
  transform: translateY(-5px);

  background: #c89338;
  color: #fff;

  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.2),
    0 0 15px rgba(200, 147, 56, 0.6);
}

.homesliders img.swiper-slide-image {
  object-fit: contain;
  height: fit-content;
}
@media screen and (min-width: 710px) and (max-width: 1024px){
	.facilitiesGrid {
		height: 45vh;
	}
}
@media screen and (min-width: 531px) and (max-width: 768px){

	.amnitiesGrid {
		height: 36vh;
	}
}
@media screen and (min-width: 531px) and (max-width: 710px){
	.facilitiesGrid {
		height: 58vh;
	}
}
@media screen and (min-width: 360px) and (max-width: 530px){
	.amnitiesGrid {
		height: 55vh;
	}
	.facilitiesGrid {
		height: 80vh;
		padding: 5% 0;
	}
}

/* ************* Home sliders starts ************** */

/* WRAPPER */
.ux-slider-wrapper {
  position: relative;
  height: clamp(320px, 80vh, 720px);
  color: #fff;
  display: flex;
  align-items: center;
  padding-left: clamp(20px, 6vw, 90px);
  padding-right: 20px;
  background-size: cover;
  background-position: center;
  transition: background-image 0.6s ease-in-out;
}

/* OVERLAY */
.ux-slider-overlay {
  position: absolute;
  inset: 0;
/*   background: rgb(27 43 95 / 55%); */

}

/* CONTENT */
.ux-slider-content {
  position: relative;
  max-width: 42%;
}

/* TITLE */
#ux-slider-title {
  font-size: clamp(26px, 3vw, 48px);
  margin-bottom: 10px;
  color: #fff;
  line-height: 1.1;
  font-family: 'Playfair';
}

#ux-slider-title #ux-slider-title-normal {
  font-size: clamp(18px, 2vw, 28px);
}

#ux-slider-title #us-slider-title-bold {
  font-weight: 700;
  font-style: italic;
  text-transform: capitalize;
}

/* DESCRIPTION */
#ux-slider-desc {
  font-size: clamp(14px, 1.2vw, 18px);
  margin-top: 20px;
  line-height: 1.5;
  font-family: 'Nunito';
}

/* CONTROLS */
.ux-slider-controls {
  position: absolute;
  bottom: 20px;
/*   right: 20px; */
    left: 85px;

}

.ux-slider-controls button {
  background-color: #aaaaaa;
  margin: 5px;
  font-size: 18px;
  cursor: pointer;
  color: #1b2b5f;
  transition: 0.3s ease;
}

.ux-slider-controls button:hover {
  transform: scale(0.9);
}

/* ===============================
   TABLET
================================ */
@media (max-width: 1024px) {

  .ux-slider-wrapper {
    padding: 40px 30px;
    height: auto;
    min-height: 500px;
    align-items: flex-end;
  }

   .ux-slider-wrapper,
  .ux-slider-content,
  .ux-slider-content * {
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
	.ux-slider-wrapper,
  .ux-slider-wrapper * {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
  }

  .ux-slider-content {
    opacity: 1 !important;
  }

  .ux-slider-content {
    max-width: 100%;
    transform: none !important;
    /* 🔥 kill GSAP / transform */
    opacity: 1 !important;
  }

  #ux-slider-title {
    font-size: 32px;
  }

  #ux-slider-title #ux-slider-title-normal {
    font-size: 20px;
  }

  #ux-slider-desc {
    font-size: 15px;
  }

  .ux-slider-controls {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 15px;
    display: flex;
    justify-content: center;
  }
}

/* ===============================
   MOBILE
================================ */
@media (max-width: 768px) {

  .ux-slider-wrapper {
    padding: 30px 20px;
    min-height: 460px;
  }

  #ux-slider-title {
    font-size: 24px;
  }

  #ux-slider-title #ux-slider-title-normal {
    font-size: 16px;
  }

  #ux-slider-desc {
    font-size: 14px;
  }

  .ux-slider-controls button {
    font-size: 16px;
    padding: 8px 12px;
  }
}

/* *********** Home sliders ends ************* */

/* WRAPPER */
.orbit-slider {
  overflow: hidden;
  width: 100%;
  padding: clamp(40px, 6vw, 80px) 0;
  position: relative;
}

/* TRACK */
.orbit-track {
  display: flex;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

/* SLIDE */
.orbit-slide {
  min-width: 33.333%;
  padding: 0 clamp(8px, 1.5vw, 14px);
  position: relative;

  opacity: 0.6;
  filter: blur(0.8px);

  transition: opacity 0.4s ease, filter 0.4s ease;
}

/* ACTIVE */
.orbit-slide.active {
  opacity: 1;
  filter: blur(0);
  z-index: 2;
}

/* IMAGE */
.orbit-slide img {
  width: 100%;
  height: clamp(220px, 28vw, 360px);
  object-fit: cover;
  border-radius: 14px;
}

/* CONTENT */
.orbit-content {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;

  background: rgba(31, 59, 115, 0.9);
  backdrop-filter: blur(6px);

  color: #fff;
  padding: clamp(12px, 2vw, 16px);
  border-radius: 8px;

  opacity: 0;
  transform: translateY(10px);
  transition: 0.5s ease;
}

.orbit-slide.active .orbit-content {
  opacity: 1;
  transform: translateY(0);
}

/* TABLET */
@media (max-width: 1024px) {
  .orbit-slide {
    min-width: 50%;
    filter: none;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .orbit-slide {
    min-width: 85%;
    filter: none;
  }

  .orbit-content {
    opacity: 1;
    transform: none;
  }
}

/* About US Page */

.abtBannerhead span {
  font-size: clamp(28px, 4.5vw, 64px);
  line-height: 1.1;
  font-family: 'Playfair', serif;
  font-weight: 700;
/*   color: #1C2C5E; */
	color: #fff;
}

.abtBannerSubhead span {
  font-size: clamp(18px, 2.5vw, 32px);
  line-height: 1.2;
  font-family: 'Playfair', serif;
  font-weight: 700;
  color: #fff;
}

/* pets Pages */

.petsLearningSection {
  background-image: url(/wp-content/uploads/2026/04/people.webp);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50% 112%;
}

/* *** Common Sections : Stack, Dialer *** Start *** */

/* =====================================
SECTION
===================================== */

.stack-section{
    position:relative;
    overflow:hidden;
    padding:80px 0;
    background:#0d1b3f;
}

/* =====================================
HEADER
===================================== */

.stack-header{
    text-align:center;
    margin-bottom:0px;
}

.eyebrow {
    display: block;
    color: #d4af37;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 15px;
    font-family: 'Nunito';
}
.stack-title{
    font-family:'Playfair Display', serif;
    color:#fff;
    font-size:clamp(28px,4vw,70px);
    font-weight:600;
    margin:0;
}

/* =====================================
CONTAINER
===================================== */

.stack-container{
    min-height:650px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.stack-inner{
    position:relative;
    width:min(92%,1100px);
}

/* =====================================
CARD
===================================== */
.stack-section .card{
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
}

.stack-inner{
    perspective: 2000px;
}

.stack-section{
    overflow:hidden;
}
.stack-section .card{
    position:absolute;
    width:100%;
    min-height:420px;

    padding:80px;

    background:#ffffff;

    border-radius:12px;

    box-shadow:
    0 50px 120px rgba(0,0,0,.25);

    display:flex;
    flex-direction:column;
    justify-content:center;

    transform-style:preserve-3d;

    overflow:hidden;
}

/* Gold top border */

.stack-section .card::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:6px;

    background:#d4af37;
}

/* Huge watermark */

.stack-section .card::after{
    content:attr(data-title);

    position:absolute;

    top:50%;
    right:-30px;

    transform:
    translateY(-50%)
    rotate(-90deg);

    font-size:130px;
    font-weight:700;

    color:rgba(13,27,63,.05);

    white-space:nowrap;
}

/* =====================================
TITLE
===================================== */

.stack-section .card h3{
    font-family:'Playfair Display', serif;

    font-size:60px;

    color:#0d1b3f;

    margin-bottom:30px;

    position:relative;
}

/* Decorative line */

.stack-section .card h3::after{
    content:"";

    display:block;

    width:80px;
    height:2px;

    background:#d4af37;

    margin-top:18px;
}

/* =====================================
BODY
===================================== */

.stack-section .card p{
    max-width:700px;

    color:#444;

    line-height:1.9;

    font-size:18px;
}

/* =====================================
MOBILE
===================================== */

@media(max-width:768px){
	.stack-title {
		width: 60%;
		margin: 0 auto;
	}

    .stack-container{
        min-height:auto;
    }

    .stack-inner{
        display:flex;
        flex-direction:column;
        gap:24px;
        height:auto !important;
    }

    .stack-section .card{
        position:relative !important;
        padding:40px 30px;
        min-height:auto;
		display: none;
    }
	.stack-section .card.active{
		display:flex;
	}

    .stack-section .card h3{
        font-size:34px;
    }

    .stack-section .card::after{
        font-size:60px;
    }
}

/* Dialer Starts start */

@media screen and (min-width:1024px) {
  .dialerCircle {
    height: 300vh;
  }
}

.dialerCircle {
  position: relative;
}


.circle-slider {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: #CD9635;
}

/* stars */
.circles {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  will-change: transform;
  background-color: #fff;
  z-index: 99;
  cursor: pointer;
}


/* Elementor fix */
.center-content {
  position: absolute;
  width: 380px;
  height: 380px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  z-index: 10;
  /*background: radial-gradient(circle at center, #1e2f5c 0%, #0b1a3a 100%);*/
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-shadow: 0 0 40px rgba(30, 47, 92, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  text-align: center;
  flex-direction: column;
}

.center-content h2 {
  color: #1e2f5c;
  margin-bottom: 10px;
  font-family: Playfair;
}

.center-content p {
  color: #fff;
  line-height: 1.5;
  font-family: Nunito;
}

.circles {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  pointer-events: none;
}

.center-content {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.8);
}

.dialerCircle,
.elementor-element-4fa662b {
  transform: none !important;
}

.circles {
  transition: all 0.4s ease;
  align-content: center;
  text-align: center;
  padding: 10px;
}

.circles img {
  width: 72%;
}

.circles.is-bubble {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(6px);
}

.circles.active {
  background: #1e2f5c;
  transform: translate(-50%, -50%) scale(1.2);
  z-index: 20;
}

@media screen and (min-width: 1024px) {
  .dialer-header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 800px;
    z-index: 30;
  }
}

@media screen and (max-width: 1024px) {
  .center-content {
    width: 320px !important;
    height: 320px !important;
    top: 60% !important;
  }

  .circles {
    top: 60% !important;
    width: 70px !important;
    height: 70px !important;
  }

  .dialer-header {
    text-align: center;
    padding-top: 16px;
  }

  .center-content {
    pointer-events: none;
  }

  .circles {
    pointer-events: auto !important;
    opacity: 1;
    /* safety */
  }
}

@media screen and (max-width: 550px) {
  .circle-slider {
    height: 80vh;
  }

  .center-content h2 {
    font-size: 14px !important;
  }

  .center-content p {
    font-size: 12px !important;
  }

  .center-content {
    width: 200px !important;
    height: 200px !important;
    padding-top: 15%;
  }

  .circles {
    top: 60% !important;
    width: 50px !important;
    height: 50px !important;
  }
}

@media screen and (max-width: 500px) {}

.dialer-header h2 {
    color: #fff;
    font-size: clamp(24px, 5vw, 42px);
    margin-bottom: 15px;
    font-family: Playfair, serif;
}

.dialer-header p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-family: Nunito;
}

.circles:not(.active) img {
  filter: invert(1);
}

.circles.active {
  background: #1e2f5c;
  transform: translate(-50%, -50%) scale(1.25);
  z-index: 20;

  box-shadow:
    0 0 0 6px rgba(255, 255, 255, 0.08),
    0 0 20px rgba(255, 255, 255, 0.25),
    0 0 40px rgba(30, 47, 92, 0.6);

  animation: pulseGlow 2s infinite ease-in-out;
}

@keyframes pulseGlow {
  0% {
    box-shadow:
      0 0 0 6px rgba(255, 255, 255, 0.08),
      0 0 20px rgba(255, 255, 255, 0.2);
  }

  50% {
    box-shadow:
      0 0 0 12px rgba(255, 255, 255, 0.15),
      0 0 35px rgba(255, 255, 255, 0.35);
  }

  100% {
    box-shadow:
      0 0 0 6px rgba(255, 255, 255, 0.08),
      0 0 20px rgba(255, 255, 255, 0.2);
  }
}

/* Dialer Starts ends*/
/* Home dialer starts */
      .dialer-slider {
            width: 100%;
            height: 100vh;
            background: #CD9635;
            position: relative;
            overflow: hidden;
      }

      /* 2 Column Layout */

      .dialer-left-side,
      .dialer-right-content {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
      }

      .dialer-left-side {
            left: 0;
            width: 50%;
            height: 100%;
      }

      .dialer-right-content {
            position: absolute;
            right: 0%;
            top: 50%;
            transform: translateY(-50%);
            width: 50%;
            height: 100%;
            z-index: 50;
      }

      /* MAIN HEADING */

      .dialer-main-header {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 200;
            opacity: 0;
            width: max-content;
      }

      .dialer-main-header h2 {
            color: #fff;
            font-family: Playfair, serif;
            font-size: clamp(1.8rem, 4vw, 52px);
            margin-bottom: 16px;
            line-height: 1.1;
      }

      .dialer-main-header p {
            color: rgba(255, 255, 255, .85);
            font-size: 18px;
            font-family: Nunito;
		  text-align: start;
      }

      /* TITLE + DESC */

      .dialer-text-content {
		position: absolute;
		top: 43%;
		left: 12%;
/* 		  right: 5%; */
		width: 100%;
		opacity: 0;
		width: 80%;
	}

      .dialer-text-content h2 {
			color: #1d2e5a;
			font-family: Playfair,serif;
			font-size: clamp(18px, 2vw, 32px);
			margin-bottom: 20px;
		}

      .dialer-text-content p {
            color: #fff;
            font-size: clamp(16px, 2vw, 20px);
            line-height: 1.8;
            font-family: Nunito;
            max-width: 500px;
      }

      .circle-left-container {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 650px;
            height: 650px;
            transform: translate(-50%, -50%);
      }

      .dialer-center-content {
            position: absolute;
            width: clamp(220px, 25vw, 380px);
            height: clamp(220px, 25vw, 380px);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(.8);
            opacity: 0;
            z-index: 10;
            border-radius: 50%;
            overflow: hidden;
            background: rgba(255, 255, 255, .08);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, .2);
            box-shadow: 0 0 40px rgba(30, 47, 92, .5);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px;
      }

      .center-image {
            width: 100%;
            object-fit: contain;
      }

      .dcircles {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: #fff;
            transform: translate(-50%, -50%) scale(.5);
            opacity: 0;
            z-index: 99;
            cursor: pointer;
            transition: all .4s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            will-change: transform;
      }

      .dcircles img {
            width: 72%;
      }

      .dcircles:not(.active) img {
            filter: invert(1);
      }

      .dcircles.active {
            background: #1e2f5c;
            z-index: 20;
            box-shadow:
                  0 0 0 6px rgba(255, 255, 255, .08),
                  0 0 20px rgba(255, 255, 255, .25),
                  0 0 40px rgba(30, 47, 92, .6);
            animation: pulseGlow 2s infinite ease-in-out;
      }

      @keyframes pulseGlow {

            0% {
                  box-shadow:
                        0 0 0 6px rgba(255, 255, 255, .08),
                        0 0 20px rgba(255, 255, 255, .2);
            }

            50% {
                  box-shadow:
                        0 0 0 12px rgba(255, 255, 255, .15),
                        0 0 35px rgba(255, 255, 255, .35);
            }

            100% {
                  box-shadow:
                        0 0 0 6px rgba(255, 255, 255, .08),
                        0 0 20px rgba(255, 255, 255, .2);
            }

      }

@media screen and (min-width: 1100px) and (max-width: 1300px){
	.dcircles{
		width: 70px !Important;
    	height: 70px !important;
	}
}

      @media(max-width:1024px) {

            .dialer-slider {
                  min-height: auto;
                  height: auto;
                  padding: 50px 20px 80px;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  overflow: visible;
            }

            .dialer-main-header {
                  position: relative;
                  left: auto !important;
                  top: auto !important;
                  transform: none !important;
                  opacity: 1 !important;
                  text-align: center;
                  margin-bottom: 25px;
                  width: 100%;
            }

            .dialer-right-content {
                  position: relative;
                  width: 100%;
                  top: auto;
                  right: auto;
                  transform: none;
                  order: 2;
                  height: auto;
            }

            .dialer-text-content {
				position: relative;
				top: auto;
				left: 0;
				width: 100%;
				opacity: 1!important;
				text-align: center;
				margin-bottom: 40px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}

            .dialer-left-side {
                  position: relative;
                  width: 100%;
                  height: 500px;
                  order: 3;
            }

            .circle-left-container {
                  width: 600px;
                  height: 600px;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, 0%) scale(.8);
            }

            .dialer-center-content {

                  opacity: 1 !important;
                  top: 100%;
                  transform: translate(-50%, -30%) scale(1);

            }
		  .dialer-main-header p {
				text-align: center !important;
			}

            .dcircles {
                  width: 70px;
                  height: 70px;
            }
      }

@media screen and (max-width: 767px){
	.dialer-left-side {
		top: unset !important;
		position: relative;
		width: 100%;
		height: 400px;
		order: 2;
		transform: none;
	}
	.dialer-right-content {
		order: 3;
	}
	.circle-left-container {
		top: 50%;
		transform: translate(-50%,-50%) scale(.8);
	}
	.dialer-center-content {
		top: 50%;
		transform: translate(-50% , -50%) !important;
	}
}

/* Home Dialer Ends */

.gsapLoopScroller {
  width: 100%;
  position: relative;
  padding: 10px 0;
}

.gsapLoopScroller__wrapper {
  display: flex;
  align-items: center;
}

.gsapLoopScroller__track {
  overflow: hidden;
  width: 100%;
  cursor: grab;
  box-sizing: border-box;
}

.gsapLoopScroller__track:active {
  cursor: grabbing;
}

.gsapLoopScroller__inner {
  display: flex;
  gap: 20px;
  will-change: transform;
}

/* CARD */
.gsapCard {
  flex: 0 0 auto;
  width: 22%;
	min-width: 15rem;
  height: 180px;
  background: #e8e3d9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 20px;
}

.gsapCard img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 10px;
}

/* BUTTON */
.gsapLoopScroller__btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #24376b;
  border: none;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0 5px;
}

.gsapLoopScroller__btn.prev {
  margin-right: 10px;
}

.gsapLoopScroller__btn.next {
  margin-left: 10px;
}

.gsapLoopScroller__btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.gsapCard p {
  text-align: center;
}

/* *** Common Sections : Stack, Dialer *** Ends *** */

#circleSliders .mySlider {
  padding: clamp(40px, 6vw, 80px) 0;
}

/* slide */
#circleSliders .swiper-slide {
  display: flex;
  justify-content: center;
  transition: transform 0.6s ease, opacity 0.6s ease;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* card */
#circleSliders .circle-card {
  text-align: center;
  transform: scale(0.8);
  opacity: 0.5;
  transition: transform 0.6s ease, opacity 0.6s ease;
  will-change: transform;
}
.swiper-slide-active .circle-card h3 {
    margin-top: 2rem !important;
}
/* image (responsive) */
#circleSliders .circle-card img {
  width: clamp(120px, 18vw, 180px);
  height: clamp(120px, 18vw, 180px);
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* active center */
#circleSliders .swiper-slide-active .circle-card {
  transform: scale(1.1);
  opacity: 1;
}

/* scale image instead of resizing */
#circleSliders .swiper-slide-active img {
  transform: scale(1.2);
}

/* text */
#circleSliders .circle-card h3 {
  margin-top: 16px;
  color: #fff;
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1.3;
  padding: 0 10px;
}

/* depth */
#circleSliders .swiper-slide {
  opacity: 0.6;
}

#circleSliders .swiper-slide-active {
  opacity: 1;
  z-index: 2;
}

#circleSliders .swiper-slide-prev,
#circleSliders .swiper-slide-next {
  opacity: 0.85;
}

/* 📱 Mobile tweaks */
@media (max-width: 767px) {
  #circleSliders .circle-card {
    transform: scale(0.9);
    opacity: 0.7;
  }

  #circleSliders .swiper-slide-active .circle-card {
    transform: scale(1);
  }

  #circleSliders .circle-card img {
    width: 200px;
    height: 200px;
  }
}

/* Academic Pages Style */
.academicPageBtn ul.elementor-icon-list-items {
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
}

.academicPageBtn ul.elementor-icon-list-items li {
    padding: 10px 20px;
    border: 2px solid #fff;
    border-radius: 3rem;
    width: 17%;
    transition: 0.5s ease;
    min-width: fit-content;
}

.academicPageBtn ul.elementor-icon-list-items li.active {
  background-color: #CC9634;
}

.academicPageBtn ul.elementor-icon-list-items li:hover {
  background: #CC9634;
  transform: translateY(-5px);
}

.academicPageBtn ul.elementor-icon-list-items li a {
  text-decoration: none;
}

.academicPageBtn ul.elementor-icon-list-items li a span {
  text-align: center;
  margin: 0 auto;
  color: #fff;
}

@media screen and (max-width: 1024px){
	.academicPageBtn ul.elementor-icon-list-items {
		overflow: hidden;
		overflow-x: scroll;
		padding-bottom: 1rem !important;
	}
}
.stack-section .card.learningCard {
  display: flex;
  align-items: flex-start;
}

.stack-section .card.learningCard * {
  opacity: 0;
  transition: opacity 0.25s ease;
  /* ✅ smooth text */
}

.stack-section .card.learningCard.active {
  background: url(/wp-content/uploads/2026/04/stackCardBg.webp) center/cover no-repeat;
  transition: 0.6s ease-in;
}

.stack-section .card.learningCard.active * {
  opacity: 1;
}

.stack-section .card.learningCard h3 {
  font-size: 3vw;
  text-align: start;
  font-family: 'Playfair';
  line-height: normal;
}

.stack-section .card.learningCard p {
  font-size: 1.2vw;
  font-family: 'Nunito';
}

section.dialerCircle .elementor-shape.elementor-shape-top {
  z-index: 1;
}

.pedagogy .stack-section.academics {
  background: transparent;
}

.stack-controls {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
    padding: 0 6px;
}

/* MOBILE ONLY */
@media (max-width: 767px) {

    .stack-controls {
        display: flex;
    }

    .stack-controls button {
        width: 44px;
        height: 44px;

        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 14px;

        background: rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(10px);

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

        color: #fff;
        font-size: 20px;
        font-weight: 600;

        cursor: pointer;

        transition: all 0.25s ease;

        /* match card feel */
        box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.12),
            inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    }

    /* hover / touch feel */
    .stack-controls button:active {
        transform: scale(0.96);
    }

    .stack-controls button:hover {
        transform: translateY(-2px);
    }

    /* make them visually "card-like" */
    .stack-prev,
    .stack-next {
        position: relative;
    }

    /* subtle inner highlight like cards */
    .stack-controls button::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 14px;
        background: linear-gradient(
            135deg,
            rgba(255,255,255,0.12),
            rgba(255,255,255,0.02)
        );
        opacity: 0.6;
        pointer-events: none;
    }

    /* arrow styling */
    .stack-controls button {
        font-family: 'Playfair';
    }

}

.participationSection ul.elementor-icon-list-items li {
  margin: 20px 0;
  padding: 10px 0px 10px 20px;
  background: linear-gradient(45deg, #fff 46%, transparent);
  border-radius: 4rem;
}

section.participationSection:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 48%;
    width: 40%;
    height: 40%;
	/*   background: url(/wp-content/uploads/2026/04/girl.webp) center/contain no-repeat; */
    background: url(/wp-content/uploads/2026/06/pre-primary-learning-1.webp) no-repeat;
    background-position: center center;
    transform: translate(-50%,-50%);
    background-size: contain;
}

.particLeftBox:after {
  content: '';
  position: absolute;
  top: 14px;
  right: -20%;
  width: 32%;
  height: 33%;
  background: url(/wp-content/uploads/2026/04/buttrelfly.webp) center/contain no-repeat;
}

.particLeftBox:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 81%;
  width: 18%;
  height: 25%;
  background: url(/wp-content/uploads/2026/04/Vector-Smart-Object1.webp) center / contain no-repeat;
  transform: translate(0%, -10%);
}

.particRightBox:after {
  content: '';
  position: absolute;
  top: 14px;
  left: -20%;
  width: 18%;
  height: 18%;
  background: url(/wp-content/uploads/2026/04/flower1.webp) center/contain no-repeat;
}

.particRightBox:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 100%;
  right: 0;
  width: 18%;
  height: 25%;
  background: url(/wp-content/uploads/2026/04/ribbon.webp) center / contain no-repeat;
  transform: translate(-100%, -50%);
}

.coreListCards ul {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.coreListCards ul li {
  background: #f7f3e8;
  padding: 20px !important;
  min-height: 17rem;
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
}

.acadClassroomList ul {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  justify-items: center;
  margin-top: 20px !important;
}

.acadClassroomList ul li {
  padding: 10px;
}

/* Layout */
.acadClassroomList ul.eael-feature-list-items[data-layout-tablet=vertical] {
  display: flex !important;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}

/* Card */
.acadClassroomList ul.eael-feature-list-items[data-layout-tablet=vertical] .eael-feature-list-item {
  width: 200px;
  padding: 25px 15px;
  border-radius: 18px;
  background: #fff;
  text-align: center;

  position: relative;
  overflow: hidden;

  transition: all 0.4s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* Icon circle */
.acadClassroomList .eael-feature-list-icon-inner {
  background: rgba(207, 152, 54, 0.15);
  border-radius: 50%;
  padding: 18px;

  transition: all 0.4s ease;
}

/* Icon */
.acadClassroomList .eael-feature-list-img {
  width: 40px;
  transition: all 0.4s ease;
}

/* Title */
.acadClassroomList .eael-feature-list-title {
  color: #1C2D5E;
  font-size: 15px;
  margin-top: 15px;
  transition: all 0.3s ease;
}

/* Smooth background expansion */
.acadClassroomList .eael-feature-list-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #cf9836;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
  border-radius: 18px;
}

/* Hover trigger */
.acadClassroomList .eael-feature-list-item:hover::after {
  transform: scaleX(1);
}

/* Lift + scale */
.acadClassroomList .eael-feature-list-item:hover {
  transform: translateY(-8px) scale(1.05);
  z-index: 2;
}

/* Keep content above bg */
.acadClassroomList .eael-feature-list-item>* {
  position: relative;
  z-index: 1;
}

/* Icon animation */
.acadClassroomList .eael-feature-list-item:hover .eael-feature-list-icon-inner {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(0.9);
}

/* Text becomes white */
.acadClassroomList .eael-feature-list-item:hover h2.eael-feature-list-title {
  color: #F7F3E8 !important;
}
@media screen and (max-width: 767px){
	.acadClassroomList ul.eael-feature-list-items[data-layout-tablet=vertical] .eael-feature-list-item{
		width: 100% !important;
	}
}

/* SECTION */
.skills-section {
  position: relative;
  overflow: hidden;
  padding: 70px 20px;
  text-align: center;
}

/* TITLE */
.skills-section .title {
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
  font-family: "Playfair", Sans-serif;
  font-size: clamp(24px, 3vw, 48px);
  font-weight: 600;
  line-height: 58px;
  color: #1C2D5E;
	line-height: normal;
}

/* SUBTITLE */
.skills-section .subtitle {
  color: #666;
  margin-bottom: 30px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
  text-align: center;
  font-family: "Nunito", Sans-serif;
  font-size: clamp(16px, 1.3vw, 24px);
  font-weight: 400;
}

/* LIST */
.skills-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

/* CARD */
.skills-list li {
  position: relative;
  overflow: hidden;
  background: #cf9836;
  color: #fff;
  padding: 14px 12px;
  border-radius: 50px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 2px;
  opacity: 0;
  transform: translateY(25px) scale(0.95);
  transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transform-style: preserve-3d;
  will-change: transform;
}

/* ICON */
.skills-list li span {
  font-size: 16px;
}

/* ACTIVE STATE */
.skills-section.active .title,
.skills-section.active .subtitle {
  opacity: 1;
  transform: translateY(0);
}

.skills-section.active .skills-list li {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* STAGGER */
.skills-section.active .skills-list li:nth-child(1) {
  transition-delay: 0.1s;
}

.skills-section.active .skills-list li:nth-child(2) {
  transition-delay: 0.2s;
}

.skills-section.active .skills-list li:nth-child(3) {
  transition-delay: 0.3s;
}

.skills-section.active .skills-list li:nth-child(4) {
  transition-delay: 0.4s;
}

.skills-section.active .skills-list li:nth-child(5) {
  transition-delay: 0.5s;
}

/* 3D HOVER EFFECT */
.skills-list li:hover {
  transform: translateY(-10px) scale(1.05) rotateX(10deg);
  box-shadow:
    0 15px 30px rgba(0, 0, 0, 0.2),
    0 0 0 2px rgba(255, 255, 255, 0.2) inset;
}

/* PARTICLES BACKGROUND */
.particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

/* PARTICLE DOTS */
.particles::before,
.particles::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  background-image: radial-gradient(#cf9836 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 1;
  animation: floatParticles 25s linear infinite;
  left: 0;
}

.particles::after {
  animation-duration: 40s;
  opacity: 0.7;
}

@keyframes floatParticles {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-200px);
  }
}

@media screen and (max-width: 767px){
	.skills-list li {
		width: 100%;
		text-align: center;
	}
}

/* Secondary page accordion  */
.premiumAccordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.accItem {
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: #F7F3E8;
  transition: all 0.3s ease;
  margin: 10px;
}
.streamsTabs .eael-tab-content-item {
    border-radius: 1rem;
}
/* HEADER */
.accHeader {
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  padding: 4px;
  color: #1e2d5a;
  transition: all 0.3s ease;
  font-family: 'Playfair';
}

/* 🔥 HIDE HEADER WHEN ACTIVE */
.accItem.active .accHeader {
  display: none;
}

/* CONTENT */
.accContent {
  height: 0;
  overflow: hidden;
}
.active .accContent {
    padding: 10px 30px;
}
.accInner h3 {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: start;
  color: #1e2d5a;
  transition: all 0.3s ease;
  font-family: 'Playfair';
  margin-bottom: 10px;
}

.accInner p {
  color: #333;
  line-height: 1.6;
  font-family: 'Nunito';
}

/* HOVER */
.accItem:hover:not(.active) {
  transform: scale(0.98);
  opacity: 0.9;
}

/* MOBILE */
@media (max-width: 768px) {
  .accInner {
    padding: 30px;
  }
}

@media screen and (max-width: 1700px) {
  .bannerSectionTrans {
    min-height: 80vh;
  }
}

@media screen and (max-width: 1024px) {
  .gsap-scroll-cards ul li {
    opacity: 1;
    transform: none;
  }

  #eael-feature-list-ee28dac .eael-feature-list-icon {
    width: 70px;
    height: 70px;
  }

  #eael-feature-list-ee28dac .eael-feature-list-item {
    padding: 10px 12px !important;
  }
}




/* *************** Responsive starts here *************** */

@media screen and (max-width:1024px){
/* 	.petsLearningSection {
		background-size: 49% 80% !important;
	} */
}

@media screen and (max-width: 768px){
	.homesliders img.swiper-slide-image {
		width: 80%;
	}
	
	.enquireForm .form-group.year {
		max-width: 100%;
	}
	.enquireForm .form-group.relation {
		max-width: 100%;
	}
	.enquireForm input, .enquireForm textarea, .enquireForm select {
		font-size: 0.9rem;
		height: auto !important;
	}
/* 	.petsLearningSection {
		background-size: 78% 52%!important;
		background-position: bottom right !important;
	} */
}
@media screen and (max-width: 480px){
	.enquireForm .form-row {
		gap: 10px;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.enquireForm .form-group p {
		margin-bottom: 0;
	}
	
}
/* *************** Responsive Ends here *************** */

a.toggle.leadership {
    color: #ffcb09;
}
.toggle.leadership:hover {
    color: #fff !important;
}
a.toggle.principle {
    color: #1c2c5e;
    font-weight: 700;
}
.toggle.principle:hover {
    color: #000 !important;
}
.more{display: none;}
.toggle {text-decoration: none !important;font-weight: 600;font-family: inherit !important;color: #fff; cursor: pointer; }
.toggle:hover{color: #fff !important; font-weight: 800;}

.admissionTab .eael-feature-list-content-box {
    height: min-content!important;
    place-self: center;
}


@media screen and (min-width: 1024px) and (max-width: 1300px){
	p {
		font-size: 14px !important;
	}
	h2.elementor-heading-title {
		font-size: 1.9rem !important;
		line-height: normal !important;
	}
}