.course-details,.inner-slide{background:linear-gradient(110deg,#e5f2ff 29%,#fae9f1 100%)}.umbraco-forms-container .form-group,.values span{margin-bottom:25px}.pdf-card,.vision.about img{height:400px}.features .card,.product-list .card{box-shadow:2px 2px 18px 6px rgb(0 0 0 / 12%)}.inner-slide{display:flex;align-items:center;flex-wrap:wrap;padding-top:50px;padding-bottom:50px}.inner-slide figure img{height:400px;text-align:center;object-fit:contain}.inner-slide figure{text-align:center}.inner-slide h1{color:var(--dark);font-size:40px}.innovative span{font-size:60px;color:var(--orange);font-weight:500}.innovative h4{font-size:28px;font-weight:500}.innovative.feature-learn h4,.social li a{font-size:25px}.vision figure{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;overflow:hidden}.course-desc h5,.vision h3{font-size:26px;color:var(--blue)}.card-text,.course-card p,.features p,.lessions p,.product-list p,.values p{font-size:16px}.values span{width:80px;height:80px;background-color:var(--gray-light-2);line-height:80px}.explore-section .p-icon:hover,.values span:hover{background-color:var(--blue)}.values span img{transition:.5s}.explore-section .p-icon:hover img,.values span:hover img{transform:scale(1.2);filter:brightness(0) invert(1)}.insight.leadership .card figure{height:auto}.insight.leadership .card{background-color:var(--white);padding:0!important;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.insight.leadership .owl-nav{right:70px;position:absolute;top:-50px}.submit_queries p,.umbraco-forms-caption,.umbraco-forms.missing-library{display:none}.umbraco-forms-container .col-sm-10{width:100%;max-width:100%;padding-left:0;padding-right:0}.umbraco-forms-container.col-md-12,.umbraco-forms-navigation .col-sm-10{padding-left:0;padding-right:0}.umbraco-forms-navigation .btn{background-color:var(--blue);color:var(--white)}.field-validation-error{font-size:13px;color:var(--danger)}.fileupload{display:inline-flex;width:100%}.fileupload .col-sm-10{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.fileupload input{width:250px}.fileupload .col-sm-2{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.featured span,.pdf-content{align-items:center;display:flex}.best-client img{width:180px}.subscribe-list li{margin-left:10px}.subscribe-list li a{border:solid 1px var(--orange);line-height:32px;font-size:14px;color:var(--orange)}.vert-move{-webkit-animation:1s infinite alternate mover;animation:1s infinite alternate mover}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-5px)}}.lessions ul{list-style:none;padding:0}.lessions ul li{border-bottom:1px solid #ddd;padding-bottom:25px;font-size:16px;color:var(--gray-dark);padding-top:5px}.breadcrumb li a,.courses-list .card-title a:hover,.job-desc ul li a:hover,.job-details strong,.lessions h5,.overview h3,.overview h4,.privacy-policy p a,.privacy-policy ul li a{color:var(--blue)}.lessions ul li:hover{opacity:.8}.lessions ul li:last-child{border:none;padding-bottom:0}.lessions ul li span{color:var(--blue);margin-left:5px}.lessions h5{font-size:20px;padding-top:15px}.insight-details h1,.privacy-policy h3{font-size:1.6rem}.privacy-policy h4{font-size:1.3rem}.insight-details ol li,.insight-details ul li,.job-details ul li,.privacy-policy ul li,.tab-content li{margin-bottom:10px}.product-list .p-icon.medium{min-width:60px;min-height:60px;max-width:60px;max-height:60px}.product-list .row{padding:15px 0}.product-list .card{padding:20px;border-radius:.75rem;height:270px;margin-bottom:30px}.product-list .card h5,.product-list h5{font-size:1.1rem}.overview h4{font-size:26px}.course-desc ul,.overview ul,.product-list ul{padding-left:30px}.overview ul li{font-size:16px;margin-bottom:5px}.course-desc ul li,.g-title,.job-details.contacts h5{margin-bottom:15px}.product-list.list_color p,.product-list.list_color ul li{color:var(--white);font-size:15px}.course-desc h2,.courses-list .card-title a{color:var(--dark)}.demo_form .btn{width:170px}.insight-details h4,.prod-video.videos h3{font-size:1.2rem}.industries figure img{height:290px;object-fit:cover;object-position:top}.courses-list .card{height:100%;overflow:hidden;background-color:var(--gray-light)}.courses-list .list-group-item{padding:.3rem 0}.course-card{padding:3rem}.course-card h6{font-size:22px}.course-desc h2{font-size:36px;margin-bottom:25px}.courses-list .card-title{font-size:19px}.courses-list .card-body{padding:1.5rem 2rem}.list-group-tral li a{text-decoration:underline;color:var(--orange)}.save-up{padding:50px}.save-up h3{font-size:36px}.save-up .btn{height:45px;line-height:45px;padding-top:0;padding-bottom:0}.course-details.inner-slide figure img{height:450px;width:450px;border:solid 10px var(--gray-light-3);background-size:cover;background-position:top;object-fit:cover}.carousel-indicators{bottom:-60px}.carousel-indicators li{width:12px;height:12px;border-radius:50%;background-color:#acd4e7}.carousel-indicators .active{opacity:1;background-color:var(--blue)}.carousel-inner{border-radius:20px;text-align:center}.product-gradient-bg{background:linear-gradient(236deg,#f6e8f7 0,#c1e1f0 100%)}.product-gradient-bg figure{padding:50px;text-align:center}.demo-section ul{list-style-type:none;padding:0}.demo-section ul li{position:relative;left:30px;margin-bottom:25px}.demo-section ul li span{position:absolute;left:-30px;color:var(--blue)}.demo-section h6{color:var(--blue);font-size:20px}.glossary-section .nav-item{background:var(--gray-light-2);margin:2px}.glossary-section .nav-tabs{border-bottom:none}.glossary-section .nav-link{color:var(--blue);font-size:21px}.glossary-section .nav-link.active{border:none;background-color:var(--blue)!important;color:var(--white);border-radius:0}.glossary-section .tab-content{background-color:rgba(0,174,239,.06)}.glossary-section .tab-content>.active{display:block;padding:60px 40px;margin-top:40px}.g-title{color:var(--blue);font-size:26px}.glossary-section p,.product-list .col-xl-4{margin-bottom:30px}.jump-topic ul li{width:33%;margin-bottom:50px}.jump-topic ul li a,.related_links_sec a{color:var(--blue);text-decoration:underline}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"|"}.nav-tabs .nav-link.active{border:none;background-color:transparent;position:relative}.history .nav-tabs .nav-link::after{content:"";width:14px;height:14px;display:block;background-color:var(--gray-light-2);border-radius:50%;text-align:center;margin:4px auto;position:absolute;left:50%;transform:translateX(-50%)}.history .nav-tabs .nav-link.active::after{background-color:var(--success)}.history .nav-link{padding:.5rem 1.9rem .7rem;color:var(--gray-dark)!important;font-weight:500;position:relative!important;font-size:20px}.fixed-top,.history .nav-tabs,.pdf-content,.privacy-header{position:relative}.history .nav-link:hover{border:none}.blue-gradient{background:linear-gradient(190deg,#00cbe6 0,#0083e1 100%);padding-top:2rem!important;padding-bottom:2rem!important}.history .tab-content{margin-top:50px}.history .nav-tabs::after{content:"";width:88%;height:1px;display:block;background:#ccc;margin:0 auto}.accordion .btn,.accordion .btn:hover{background-color:transparent}.history .nav-tabs{border-bottom:transparent}.innder-section .cards{padding:45px}.featured .card{overflow:hidden;border-radius:10px}.pdf-card{background-repeat:no-repeat;background-size:cover}.contents p,.filter-sec p,.panel-title,.team-members figure{margin-bottom:0}.pdf-content{width:80%;border:solid 5px var(--white);margin:10% auto 0;border-radius:15px 15px 0 0;height:83%;padding:0 25px}.pdf-content h3{color:var(--white)}.featured span{background-color:var(--white);width:100%;height:55px;padding:0 15px;position:absolute;bottom:0;left:0}.play-btn img,.privacy-header h1{position:absolute;left:50%;top:50%}.featured span img{height:50px}.featured .card-body{padding:40px}.best-client{-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background-color:var(--blue);padding:60px}.best-client p,.c-title{background-color:var(--info);color:var(--white);margin-bottom:0}.best-client p{-webkit-border-radius:25px 25px 0 25px;-moz-border-radius:25px 25px 0;border-radius:25px 25px 0;padding:60px;font-size:36px}.c-title{height:160px;-webkit-border-radius:0px 0px 25px 25px;-moz-border-radius:0 0 25px 25px;border-radius:0 0 25px 25px;display:flex;align-items:center;font-size:32px}.c-logo{background-color:var(--white);width:280px;height:280px;border-radius:0 0 120px}.customer.innder-section .cards{height:380px}.customer.innder-section .item-box span{width:auto;margin-top:70px;text-align:center}.prod-video.videos .card-body{padding:30px}.prod-video.case-studies .card-body p,.prod-video.industries .card-body p,.prod-video.related_case_studies .card-body p{margin-bottom:70px}.featured.brochure .card p,.prod-video.videos .card-body p,.related_links_sec .mb-50{margin-bottom:50px}.prod-video.videos figure img{min-height:200px;max-height:200px}.job-desc h4{font-size:21px;padding-bottom:15px}.job-desc ul{line-height:36px;font-size:16px}.job-desc ul li a{color:var(--gray-dark)}.job-details h4{font-size:24px;color:var(--blue);margin-bottom:25px;font-weight:500}.explore-section h5,.in-focus small{margin-bottom:10px;color:var(--blue)}.job-details .btn{height:45px}.business .description{padding:0 50px}.insight.leadership .owl-carousel .owl-nav.disabled{top:-80px;right:60px;position:absolute}.client_logo a{margin-top:25px}.client_logo aside{background-image:url(../images/world-map.png);background-repeat:no-repeat;background-size:100%;font-size:30px;color:var(--dark);height:390px;padding:120px 180px;line-height:initial}.client_logo aside span{color:var(--orange);font-size:40px;font-weight:600}.explore-section .p-icon img{transition:.5s;width:35px!important}.in-focus a{margin-top:40px;display:block}.faqs-section .heading{margin-top:120px}.filter-sidebar .card-header{margin-bottom:0!important}.filter-sidebar .btn:focus{outline:0;box-shadow:none}.filter-sidebar h5{font-size:18px}.filter-sidebar .card-header .btn:after{content:"\f106";font:900 18px/1 FontAwesome;float:left;margin-right:10px}.filter-sidebar .card-header .btn.collapsed:after{content:"\f107"}.accordion .btn{line-height:initial;border:none}.accordion,.wrapper{width:100%}.headings{font-size:20px;border-top:1px solid var(--gray-light-2);padding:25px 15px;cursor:pointer}.headings:hover{background:var(--gray-light-3)}.headings::before{content:'\f078';font:16px/1 FontAwesome;display:inline-block;float:left;transform:rotate(0);transition:.5s;margin-top:5px;margin-right:10px}.active.headings::before{transform:rotate(-180deg)}.not-active.headings::before{transform:rotate(0)}.contents{display:none;padding:15px}.course-desc .nav-tabs .nav-link.active{border:none;background-color:transparent;position:relative;border-bottom:solid 3px var(--dark)}.course-desc .tab-content>.active{display:block;padding-top:30px;padding-bottom:30px}.course-desc .nav-link{padding:.8rem 0}.course-desc .nav-tabs .nav-link:hover{border-color:transparent}.explore-section h5{font-size:20px}.related_links_sec .p-icon img{width:22px!important}.user-icon img{width:55px}.insight-details h3{font-size:1.5rem}.innovative.indus span{font-size:56px}.in-focus small{font-size:18px;display:block}.play-btn img{z-index:9;transform:translate(-50%,-50%);width:70px!important;height:70px!important;cursor:pointer}.coueses-section figure img{height:230px;object-fit:cover;object-position:center}#panel{padding:100px;display:none}.form-control{font-size:13px;height:45px;border:1px solid #434343;padding-left:20px;margin-bottom:0;border-radius:5px}textarea.form-control{height:100px;padding-top:15px}select.form-control{padding-left:15px}.panel-heading{padding:0;border:0}.panel-title>a,.panel-title>a:active{display:block;padding:25px 20px;color:var(--gray-dark);font-size:20px;text-decoration:none;border-top:1px solid #ddd}.panel-heading a:before{font:13px/1 FontAwesome;content:"\f078";float:left;transition:.5s;margin-right:20px;margin-top:5px}.panel-heading.active a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.panel-body{padding:15px}.benefit .card{border-radius:20px 0;padding:60px 50px}.benefit .card h4{color:var(--gray-dark);font-size:26px}.benefit h5{color:var(--dark);font-size:24px}.fixed-top{z-index:9}.topic-list span{border:1px solid #b9b9b9;padding:10px 20px;margin-bottom:15px;margin-right:15px}.innder-section .cards{height:100%}.about-sec.comp h2{font-size:28px}.service-cate figure img{height:450px}.page-row-reverse .row:nth-child(2n){flex-direction:row-reverse}.in-focus figure a{margin-top:0}.user-title{color:var(--blue);font-size:20px;margin-bottom:.3rem}.checked{color:#ffc600}.tab-content ul,ol{padding-left:0px}.bg-pink-gradient{background:linear-gradient(277deg,#fce7e9 0,#eaf4fc 100%);padding:30px}.bg-pink-gradient img{height:220px;object-fit:contain}.features .card{padding:20px;border-radius:.75rem;min-height:100%;max-height:100%}.product-list .cards{background:linear-gradient(179deg,var(--dark),#053244 59%,#01435e);min-height:100%;max-height:100%;margin-bottom:30px}.product-list .cards span{background:var(--info);width:70px;height:70px;align-items:center;justify-content:center;display:flex;min-width:70px;max-width:70px}.product-list .cards img{height:40px;filter:brightness(0) invert(1)}.social li{margin-left:40px}.g-recaptcha{transform:scale(.77);transform-origin:0 0}.privacy-header h1{transform:translate(-50%,-50%)}.mw-100{max-width:100%!important}
.hero_section {
    background: linear-gradient(160deg, #36a9e0 0%, #cc5b9f 100%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    overflow: hidden;
}
.bg_bp {background: linear-gradient(180deg, #f7fbff 0%, #fff6fa 100%);}
.bg-blue-gradient {background: linear-gradient(135deg, #1d4063, #122e49);}
.action-buttons {
  display: flex;
  gap: 25px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.gold-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #1b1b1b;
  text-decoration: none;
  border-radius: 50px;
  background: linear-gradient(
    90deg,
    #b48a2c 0%,
    #f6e27a 45%,
    #b48a2c 100%
  );
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.gold-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  color: #000;
}

.gold-btn .icon {
  font-size: 20px;
}
.video-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;           /* Full screen */
  overflow: hidden;
  background: #000;
}

.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;       /* Mobile & modern browsers */
}
/* Remove Bootstrap container restriction */
.hero-video {
  position: relative;
  width: 100%;          /* FULL WIDTH */
  height: 100vh;         /* FULL HEIGHT */
  overflow: hidden;
  background: #000;
}

/* Video scaling */
.video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;     /* KEY LINE */
  transform: translate(-50%, -50%);
}
.section-border-bg {
  display: block;
  width: 100%;
  height: 26px;
  line-height: 0;                 /* IMPORTANT */
  background-color: transparent;      /* fallback */
  background-image:url(../images/goldline.webp);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
}

@media (max-width: 768px) {
  .section-border-bg {
    height: 22px;
  }
  .alumni .cards {
  padding: 25px;
  height: 560px;
}
}
@media (max-width: 600px) {
  .alumni .cards {
  padding: 25px;
  height: 460px;
}
}

@media (max-width: 400px) {
  .alumni .cards {
  padding: 25px;
  height: 400px;
}
}

.slider-container {
  max-width: 1140px;
  margin: 5px auto;
  padding: 16px;
}

.slider {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 14px;
  background: #000;
}

/* Slides */
.slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.slide.active {
  opacity: 1;
}

/* Navigation Buttons */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  z-index: 10;

  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 22px;
  font-weight: bold;

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

  backdrop-filter: blur(6px);
  transition: background 0.2s ease, transform 0.2s ease;
}

.nav-btn:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: translateY(-50%) scale(1.1);
}

.prev {
  left: 14px;
}

.next {
  right: 14px;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .nav-btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
/* ===== SECTION ===== */
.core-pillars {
  display: flex;
  gap: 40px;
  padding: 30px 20px;
  background-color: #013220;
  background-color:var(--gray-light-3);
}

/* ===== CARD ===== */
.pillar-card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 22px;
  position: relative;
  overflow: hidden;
  padding:10px 8px;
}

/* ===== LEFT ? RIGHT HOVER ===== */
.pillar-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FFF6E5;
  transform: translateX(-100%);
  transition: transform 0.7s ease-in-out;
  z-index: 0;
}

.pillar-card:hover::before {
  transform: translateX(0);
}

.pillar-card > * {
  position: relative;
  z-index: 1;
  width:100%
}

/* =====================================================
   ICON SYSTEM (ABHYASA STYLE)
===================================================== */

.pillar-icon-wrap {
  position: relative;
  width: 170px;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main icon */
.pillar-icon {
  position: relative;
  /*font-size: 90px;  if using icon font 
  width: 60px;
  height: 60px;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}

/* SVG MASK CIRCLE */
/*.pillar-icon::after {
  content: "";
  position: absolute;
  width: 168px;
  height: 162px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #d24343;

  mask-image: url("../images/icon-bg-svg.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;

  -webkit-mask-image: url("../images/icon-bg-svg.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;

  z-index: -1;
  transition: background-color 0.5s ease-in-out;
}*/

/* Change SVG background on hover (like Abhyasa) */
.pillar-card:hover .pillar-icon::after {
  background-color: #ffcc00;
}

/* ===== ICON IMAGES ===== */
.vision-icon {
  background-image: url("icons/vision.svg");
}

.mission-icon {
  background-image: url("icons/mission.svg");
}

.values-icon {
  background-image: url("icons/values.svg");
}

/* ===== TEXT ===== */
.pillar-text h2 {
  font-size: 26px;
  margin-bottom: 10px;
  color: #ffcc00;
}

.pillar-text p {
  font-size: 15px;
  line-height: 1.6;
  max-width: 360px;
}
@media (max-width: 1280px) {
.line line-1{font-size:12px;}
/*.pillar-icon-wrap {
  position: relative;
  width: 120px;
  height: 120px;}*/
}
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
  .core-pillars {
    flex-direction: column;
    text-align: center;
  }

  .pillar-card {
    flex-direction: column;
  }

  .pillar-text p {
    max-width: 100%;
  }
}

/* ==============================
   Section
============================== */
.spiritual-inspiration-section {
  display: flex;
  align-items: center;
  padding: 40px;
  background: linear-gradient(135deg, #1d4063, #122e49);
}

/* ==============================
   Layout
============================== */
.spiritual-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  width: 100%;
}

/* ==============================
   Text Block
============================== */
.spiritual-text-block {
  max-width: 660px;
  text-align: center;
}

.spiritual-tagline {
  font-size: 1.45rem;
  letter-spacing: 0.15em;
  text-transform:capitalize;
  color: #f4d03f;
  margin-bottom: 1rem;
}

.spiritual-heading {
  font-size: 2.7rem;
  line-height: 1.2;
  color: #f9e79f;
}

.spiritual-heading span {
  color: #f7dc6f;
}

/* ==============================
   Quote with Vertical Divider
============================== */
.spiritual-quote {
  margin-top: 1.8rem;
  font-size: 1.05rem;
  color: #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  flex-wrap: wrap;
}

/* Vertical divider line */
.quote-line {
  width: 2px;
  height: 34px;
  background: linear-gradient(
    to bottom,
    transparent,
    #f9e79f,
    transparent
  );
  border-radius: 2px;
  flex-shrink: 0;
}

/* ==============================
   Image Card
============================== */
.spiritual-image-frame {
  max-width: 520px;
  background: rgba(255, 255, 255, 0.08);
  padding: 1rem;
  border-radius: 1.25rem;
  backdrop-filter: blur(12px);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.35);
}

.spiritual-image-frame img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
}
/* ==============================
   Image Caption Info
============================== */
.image-info {
  margin-top: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  text-align: center;
}

/* Caption title */
.image-title {
  font-size: 0.95rem;
  font-weight: 500;
  color: #f7dc6f;
}

/* Divider line below title */
.image-divider {
  width: 42px;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    #f9e79f,
    transparent
  );
}

/* Established text */
.image-established {
  font-size: 1.75rem;
  letter-spacing: 0.15em;
  text-transform:capitalize;
  color: #fff;
  text-align:center;
  font-weight:600
}

/* Mobile refinement */
@media (max-width: 576px) {
  .image-title {
    font-size: 0.9rem;
  }

  .image-established {
    font-size: 0.7rem;
  }
}

/* ==============================
   Responsive
============================== */
@media (max-width: 1299px) {
.spiritual-heading {
  font-size: 2.1rem;}
  .team-card h5{font-size:16px;}
}
@media (max-width: 992px) {
  .spiritual-layout {
    flex-direction: column;
    text-align: center;
  }

  .spiritual-heading {
    font-size: 2rem;
  }
}

@media (max-width: 576px) {
  .spiritual-inspiration-section {
    padding: 3rem 5%;
  }

  .spiritual-heading {
    font-size: 1.3rem;
  }
  .spiritual-quote{font-size: .85rem;}

  .spiritual-tagline {
    font-size: 0.75rem;
  }

  .quote-line {
    height: 24px;
  }
}


.abhyasa-bg-yellow-soft {
  background: radial-gradient(circle at center,
    #fffdf2 0%,
    #fff4cc 50%,
    #ffe28a 100%
  );
}
.abhyasa-bg-pink-soft {
  background: radial-gradient(circle at center,
    #fff5f8 0%,
    #ffe3ec 50%,
    #f7b7c8 100%
  );
}
.abhyasa-bg-red-soft {
  background: radial-gradient(circle at center,
    #fff3f0 0%,
    #ffd6cf 50%,
    #ffb3a7 100%
  );
}
.abhyasa-bg-blue-soft {
  background: radial-gradient(circle at center,
    #f6fbfe 0%,
    #e4f7fd 50%,
    #b1d4f2 100%
  );
}
.abhyasa-bg-gray-soft {
  background: radial-gradient(circle at center,
    #f9fafb 0%,
    #f1f3f5 50%,
    #e3e6ea 100%
  );
}

/* Soft Orange */
.abhyasa-bg-orange-soft {
  background: radial-gradient(circle at center,
    #fff5ec 0%,
    #ffe0c2 50%,
    #f5b77a 100%
  );
}

/* Soft Golden */
.abhyasa-bg-golden-soft {
  background: radial-gradient(circle at center,
    #fffbe6 0%,
    #ffefb3 50%,
    #e6c15a 100%
  );
}

.excellence-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* Card */
.image-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay */
.image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75),
    rgba(0,0,0,0.25)
  );
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Overlay content */
.overlay-content {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  color: #fff;
  transform: translateY(20px);
  transition: transform 0.4s ease;
}

.overlay-content h2 {
  font-size: 23px;
  margin-bottom: 8px;
}

.overlay-content p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 12px;
}

.overlay-content a {
  color: #ffd27d;
  font-weight: 600;
  text-decoration: none;
  font-size:14px;
}

/* Hover */
.image-card:hover .image-overlay {
  opacity: 1;
}

.image-card:hover .overlay-content {
  transform: translateY(0);
}

/* Tablet */
@media (max-width: 992px) {
  .excellence-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 576px) {
  .excellence-grid {
    grid-template-columns: 1fr;
  }
}
.sai-hero-title p:first-of-type {
  color: #7d5a5a;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.sai-hero-title h1 {
  color: #8b2f4b;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 16px;
}

.sai-hero-title h1 span {
  color: #a94463;
  font-weight: 600;
}

.sai-hero-title p:last-of-type {
  color: #6f4a4a;
  font-size: 18px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .sai-hero-title h1 {
    font-size: 28px;
  }

  .sai-hero-title p:last-of-type {
    font-size: 16px;
  }
}

.sai-divider {
  position: relative;
  margin: 40px 0;
  text-align: center;
}

.sai-divider::before,
.sai-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 35%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(139, 47, 75, 0.5),
    transparent
  );
}

.sai-divider::before {
  left: 0;
}

.sai-divider::after {
  right: 0;
}

/* Center symbol */
.sai-divider-icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  background: rgba(139, 47, 75, 0.15);
  color: #8b2f4b;
  font-size: 14px;
  z-index: 2;
}

/* CAMPUS BANNER SECTION */
.campus-banner {
  position: relative;
  min-height: 100vh;
  background:url(../images/abhyasa-school-entrance.webp) center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}



/* OVERLAY */
.campus-overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 32, 55, 0.65);
  z-index: 1;
}

/* CONTENT WRAPPER */
.campus-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  text-align: center;
  color: #ffffff;
}

/* TOP BADGE */
.campus-badge {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 18px;
  border-radius: 30px;
  border: 1px solid #f4c430;
  color: #f4c430;
  font-size: 14px;
  letter-spacing: 0.5px;
}

/* HEADING */
.campus-heading {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
  color:var(--white)
}

.campus-heading span {
  color: #f4c430;
}

/* DESCRIPTION */
.campus-description {
  font-size: 18px;
  line-height: 1.7;
  color: #e6e6e6;
  max-width: 1050px;
  margin: 0 auto 20px;
}

/* BUTTON GROUP */
.campus-actions {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

/* BUTTON BASE */
.campus-btn {
  padding: 14px 32px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* PRIMARY BUTTON */
.campus-btn-primary {
  background: #f4c430;
  color: #1b1b1b;
}

.campus-btn-primary:hover {
  background: #ddb320;
}

/* OUTLINE BUTTON */
.campus-btn-outline {
  border: 2px solid #ffffff;
  color: #ffffff;
}

.campus-btn-outline:hover {
  background: #ffffff;
  color: #1b1b1b;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .campus-heading {
    font-size: 44px;
  }
}

@media (max-width: 768px) {
  .campus-heading {
    font-size: 36px;
  }

  .campus-description {
    font-size: 16px;
  }
  .campus-banner {
    min-height: 80svh; /* not too tall */
    background-position: center top;
  }
}

@media (max-width: 480px) {
  .campus-heading {
    font-size: 30px;
  }

  /*.campus-btn {
    width: 100%;
    text-align: center;
  }*/
}

/* Section */
.founders-section {
  background: #fff3c4;
  padding: 60px 20px;
}

.section-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 32px;
}

/* Grid Layout */
.founders-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* Card */
.founder-card {
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* Role */
.role-title {
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 600;
}

/* Image (equal height) */
/* Image wrapper */
.image-wrap {
  height: 520px;
  width: 100%;
  overflow: hidden;
  background: #eaeaea; /* fallback while loading */
}

/* Image fills entire area */
.image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;              /* FULL COVER */
  object-position: center top;    /* protects faces */
  display: block;
}

/* Content aligned */
.content {
  padding: 18px 20px 24px;
}

.content h3 {
  font-size: 20px;
  color: #f4a100;
  margin-bottom: 6px;
}

.content p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

/* Tablet */
@media (max-width: 991px) {
  .founders-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .image-wrap {
    height: 280px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .founders-grid {
    grid-template-columns: 1fr;
  }

  .image-wrap {
    height: 240px;
  }

  .section-title {
    font-size: 22px;
  }
}
/* ===== AWARD SLIDER ===== */
.award-showcase {
  padding: 40px 0;
}

.award-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 20px;
}

/* Slider shell */
.award-track {
  position: relative;
  max-width: 1140px;
  margin: auto;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
  border-radius: 14px;
}

/* Each slide */
.award-frame {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.award-frame.is-active {
  opacity: 1;
  z-index: 1;
}

/* Image */
.award-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Caption */
.award-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px 18px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.8),
    rgba(0,0,0,0.3),
    transparent
  );
}

/* Navigation */
.award-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 20px;
  z-index: 10;
}

.award-nav.prev { left: 12px; }
.award-nav.next { right: 12px; }

/* Mobile */
@media (max-width: 768px) {
  .award-title { font-size: 24px; }
  .award-caption { font-size: 14px; padding: 10px; }
  .award-nav { width: 36px; height: 36px; }
}

/* ===== OWL EQUAL HEIGHT FIX ===== */
.team-card .owl-stage {
  display: flex;
}

.team-card .owl-item {
  display: flex;
}

.team-card .item {
  display: flex;
  height: 100%;
  width: 100%;
}

/* Card full height */
.team-card .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

/* Role title spacing stays natural */
.team-card .card > div:first-child {
  flex-shrink: 0;
}

/* ===== IMAGE FIX ===== */
/* Image wrapper */
.team-card figure {
  height: 420px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  background: #f2f2f2;
}

/* Image behavior */
.team-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* KEY FIX */
  object-position: center;    /* FACE SAFE */
  display: block;
}

/* Content always pushed down */
.team-card .card .px-4 {
  margin-top: 10px;
  padding-bottom: 20px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .team-card figure {
    height: 300px;
  }
}

@media (max-width: 575px) {
  .team-card figure {
    height: 240px;
  }
}

.fade-slider {
  position: relative;
  width: 100%;
  height: auto;
}

.fade-slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-slider img.active {
  opacity: 1;
  position: relative;
}

/* ACCESSIBILITY */
.visually-hidden {
  position: absolute;
  left: -9999px;
}

/* HERO */
.curriculum-hero img {
  width: 100%;
  height: auto;
  display: block;
}

/* SECTIONS */
.curriculum-section {
  display: flex;
  gap: 2rem;
  padding: 3rem 5%;
  align-items: center;
}

.curriculum-section.reverse {
  flex-direction: row-reverse;
}

.curriculum-section .content {
  flex: 1;
}

.curriculum-section .content h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.curriculum-section .content p {
  font-size: 1rem;
  color: #555;
}

/* MEDIA */
/* MEDIA COLUMN */
.media {
  margin-left: auto;
}

/* FORCE VERTICAL FLOW */
.media-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* button aligns with image */
}

/* IMAGE SLIDER */
.fade-slider {
  width: 100%;
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 12px; /* space before button */
}

/* READ MORE BUTTON */
.read-more-btn {
  padding: 10px 22px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  background: #b48b2f;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.read-more-btn:hover {
  background: #9d7626;
  transform: translateY(-2px);
}

/* MOBILE CENTER ALIGN */
@media (max-width: 768px) {
  .media-inner {
    align-items: center;
  }
}
.learn-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #000; /* Abhyasa gold */
  text-decoration: none;
  transition: all 0.3s ease;
}

.learn-more-link span {
  transition: transform 0.3s ease;
}

/* Hover animation */
.learn-more-link:hover {
  color: #d24143;
}

.learn-more-link:hover span {
  transform: translateX(4px);
}
.fade-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;   /* IMPORTANT */
  overflow: hidden;
  border-radius: 14px;
}

/* ALL IMAGES SAME POSITION */
.fade-slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;   /* prevents mismatch */
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* ACTIVE IMAGE */
.fade-slider img.active {
  opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .curriculum-section,
  .curriculum-section.reverse {
    flex-direction: column;
    text-align: center;
  }

  .image-slider {
    grid-template-columns: 1fr;
  }
}

.values-wrapper {
  max-width: 420px;   /* matches your design width */
  margin: 0 auto;
}

/* Common */
.line {
  display: flex;
  width: 100%;              /* THIS FIXES IT */
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  color: #1e3a8a;
  margin: 8px 0;
}

/* Line-specific */
.line-1 {
  justify-content: space-between;
}

.line-2 {
  justify-content: space-around;
}

.line-3 {
  justify-content: center;
}

/* Mobile handling */
@media (max-width: 480px) {
  .line {
    justify-content: center !important;
    gap: 10px;
    text-align: center;
    flex-wrap: wrap;
  }
}

:root {
  --ab-blue: #163a5f;
  --ab-blue-dark: #0f2d4a;
  --ab-green-soft: #e9f6f0;
  --ab-green-light: #f4fbf8;
  --ab-border: #cfe5d9;
  --ab-text: #1a1a1a;
}

/* ==============================
   Table Wrapper
============================== */
.ab-table-wrap {
  background: var(--ab-green-soft);
  padding: 16px;
  border-radius: 14px;
  margin-bottom: 30px;
  overflow-x: auto;
}

/* ==============================
   Table Base
============================== */
.ab-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

/* ==============================
   Table Head
============================== */
.ab-table thead tr {
  background: var(--ab-blue);
}

.ab-table thead th {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 12px;
  text-align: left;
  white-space: nowrap;
}

/* ==============================
   Table Body
============================== */
.ab-table tbody tr {
  background: var(--ab-green-light);
  border-bottom: 1px solid var(--ab-border);
}

.ab-table tbody tr:nth-child(even) {
  background: #ffffff;
}

.ab-table tbody td {
  color: var(--ab-text);
  font-size: 14px;
  padding: 12px;
}

/* ==============================
   Hover Effect
============================== */
.ab-table tbody tr:hover {
  background: #eef7f2;
}

/* ==============================
   Card Style (Subjects Table)
============================== */
.ab-table--card {
  border: 2px solid #9be7c4;
  background: #e8fff3;
}

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

  /*.ab-table thead {
    display: none;
  }*/

  .ab-table,
  .ab-table tbody,
  .ab-table tr,
  .ab-table td {
    display: block;
    width: 100%;
  }

  .ab-table tr {
    background: #fff;
    /*margin-bottom: 16px;
    padding: 10px;
    border-radius: 10px;*/
  }

  .ab-table td {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    font-size: 13px;
  }

  .ab-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--ab-blue-dark);
  }
}

/* Third level dropdown */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Optional arrow indicator */
.dropdown-submenu > a::after {
    content: "\f078";
  font: 13px/1 FontAwesome;
    float: right;
    font-size: 16px;
    margin-top: 2px;
}

.fixed {
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
  }

  .sticky-tabs {
    position: sticky;
    top: 140px;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid #ddd;
  }

  @media (max-width: 768px) {
    .sticky-tabs {
      top: 112px;
    }
  }

  @media (max-width: 480px) {
    .sticky-tabs {
      top: 100px;
    }
  }