/* =============Hero Section============ */
.heroSection {
  background: #000;
}

.heroContainer {
  position: absolute;
  max-width: 1600px;
}

.heroBg {
  width: 100%;
  min-height: 870px;
  object-fit: cover;
}

.hero-bg-mob {
  display: none;
  width: 100%;
}

.heroContentBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  margin-top: 90px;
}

.heroContentBox p {
  text-transform: none;
}

.counsellingForm {
  top: 200px;
  scroll-margin-top: 150px;
  width: 467px;
  height: 560px;
  border-radius: 32px;
  background: #d9d9d94d;
  position: absolute;
  right: 8%;
  z-index: 5;
}

.heroModel {
  position: absolute;
  bottom: 0;
  right: 30%;
}

.heroContentBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* display: flex; */
  flex-direction: column;
  gap: 24px;
}

.heroContentBox ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* ===========Logos Section============== */
.logosSection {
  background: #5a765b;
  border-radius: 48px 48px 0 0;
  margin-top: -48px;
}

.logosSection .logosContainer {
  max-width: 1600px;
  align-items: flex-start;
  justify-content: space-between;
  margin: 50px 0 90px 0;
}

.logoCard {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

.logoCard::after {
  content: "";
  width: 1px;
  height: 120px;
  bottom: -20px;
  right: 0;
  position: absolute;
  border-right: 1px solid #ffffff3d;
}

.logoCard:last-child::after {
  display: none;
}

.logosImges {
  height: 80px;
  margin-bottom: 8px;
}

.logosMobile {
  display: none !important;
}


/* ===========About Section========== */
.aboutSection {
  background: #fff;
  border-radius: 32px 32px 0 0;
  margin-top: -32px;
  flex-direction: column;
}

.aboutContainer {
  flex-direction: column;
  max-width: 1328px;
  gap: 64px;
}

.aboutHeader {
  text-align: center;
  max-width: 985px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.aboutSliderContainer {
  max-width: 1328px;
}

.aboutSlider .owl-stage {
  display: flex;
}


.aboutSlider .owl-item {
  flex: 0 0 auto;
}

.verifyWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}

.verifyBox {
  width: 24%;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.checkedImg {
  height: 62px;
}

.aboutSliderContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

.aboutSlider {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.phaseCard {
  /* width: calc(32% - 60px); */
  border: 1px solid #f0f0f0;
  background: #fafffb;
  border-radius: 32px;
  padding: 30px;
  min-height: calc(400px - 60px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.phaseContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.phaseContentBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.phaseCardImg {
  position: absolute;
  right: 15%;
  top: 100px;
  width: 117px !important;
}

.phaseCardImg2 {
  top: 100px;
  width: 90px !important;
}

.phaseCardImg3 {
  width: 140px !important;
  top: 90px;
}

.phaseCardLogo {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 50px;
  width: 50px !important;
}

.aboutimageContainer {
  max-width: 1600px;
  margin-top: 0 !important;
  margin-bottom: 50px !important;
  border-radius: 20px;
  border: 1px solid #f0f0f0;
  overflow: hidden;
}

.aboutImage {
  width: 100%;
}

.phaseCard1 {
  background: #fffaea;
  border: 1px solid #fff2c9;
}

.phaseCard2 {
  background: #f0f8f1;
  border: 1px solid #d6eed9;
}

.phaseCard3 {
  background: #ebffd2;
  border: 1px solid #cde3b3;
}

.aboutbox {
  display: none;
}

/* hidden by default — JS shows on mobile */
.aboutSection .eligibilitybox {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.aboutSection .eligibilitybox .btn-prev,
.aboutSection .eligibilitybox .btn-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, transform 0.2s;
}

.aboutSection .eligibilitybox .btn-prev:hover .slideBtn,
.aboutSection .eligibilitybox .btn-next:hover .slideBtn {
  opacity: 0.8;
  transform: scale(1.05);
}

/* hide owl dots on mobile — buttons replace them */
@media (max-width: 1279px) {
  .aboutSlider .owl-dots {
    display: none !important;
  }
}


/* ===========Traditional Section========== */
.traditionalContainer {
  margin-top: 40px !important;
  background: #5a765b;
  padding: 120px 65px;
  border-radius: 32px;
  max-width: calc(1600px - 130px);
  flex-direction: column;
  gap: 83px;
}

.traditionalHeader {
  max-width: 1141px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  text-align: center;
}

.traditionalSlider {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 70px 32px;
}

.traditionalCard {
  width: calc(31% - 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: center;
}

.traditionBox {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.traditionBox {
  display: none;
  /* hidden by default — JS shows on mobile */
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}

.slideBtn {
  height: 42px;
  width: 42px;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}

.btn-prev:hover .slideBtn,
.btn-next:hover .slideBtn {
  opacity: 0.8;
  transform: scale(1.05);
}

.btn-prev,
.btn-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.traditionBox {
  display: flex;
  justify-content: center;
  gap: 20px;
}



@media (max-width: 768px) {

  /* container spacing like design */
  .traditionalContainer {
    width: 92% !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
    padding: 32px 24px !important;
    border-radius: 24px;
    gap: 24px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }

  /* LEFT ALIGN header (important) */
  .traditionalHeader {
    align-items: flex-start !important;
    text-align: left !important;
    gap: 12px;
  }

  .traditionalHeader h2 {
    font-size: 22px !important;
    line-height: 1.3;
  }

  .traditionalHeader p {
    font-size: 14px !important;
    line-height: 1.5;
  }

  /* SLIDER FIX */
  .traditionalSlider {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .traditionalSlider .owl-stage {
    display: flex !important;
    /* Forces all items to same height */
  }

  .traditionalSlider .owl-stage {
    display: flex !important;
    align-items: stretch !important;
  }

  .traditionalSlider .owl-item {
    display: flex !important;
    height: auto !important;
  }

  /* CARD FIX (MAIN PART) */
  .traditionalCard {
    width: 100% !important;
    margin: 0;
    /* Remove margin-top/bottom to avoid breaking 100% height */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;

    padding: 20px 24px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);

    text-align: left;
    height: 100% !important;
    min-height: 160px;
    box-sizing: border-box;
  }

  /* IMAGE LEFT */
  .traditionImage {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0;
  }

  /* TEXT WRAPPER FIX */
  .traditionalCard p {
    margin: 0;
  }

  /* TITLE */
  .traditionalCard .text_20_w_600 {
    font-size: 15px !important;
    line-height: 1.4;
    margin-bottom: 6px;
  }

  /* DESCRIPTION (FIX CUT TEXT) */
  .traditionalCard .text_16_lg_500 {
    font-size: 13px !important;
    line-height: 1.5;

    /* 🔥 THIS FIXES TEXT CUT */
    display: block;
    overflow: visible;
    white-space: normal;
  }

  /* REMOVE BUTTONS ON MOBILE */
  .traditionBox {
    display: none !important;
  }

  /* SMOOTH SCROLL */
  .traditionalSlider::-webkit-scrollbar {
    display: none;
  }
}


/* ===========Journey Section========== */
.journeySection {
  background: #dfede1;
  flex-direction: column;
}

.journeyContainer {
  max-width: 1600px;
  flex-direction: column;
  text-align: left;
  align-items: flex-start !important;
  gap: 54px;
}

.journeyHeader {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 950px;
}

.journeySlider {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.journeyCard {
  /* width: 32%; */
  width: 100%;
  min-height: 510px;
}

.journeyImage {
  width: 100%;
  height: 319px;
  border-radius: 32px;
}

.journeyCardBody {
  width: 100%;
  padding-top: 32px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.hrBorder {
  width: 100%;
  border: 1px solid #00000066;
  max-width: 1600px;
}

.journeysliderBtns {
  display: none;
}

/* program Container */
.programContainer {
  max-width: 1236px;
  flex-direction: column;
  gap: 54px;
  text-align: center;
}

.programSlider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 550px;
}

.programSliderMobile {
  display: none !important;
  width: 100%;
}

.programCard {
  max-width: calc(250px - 30px);
  border: 1px solid #000;
  height: 245px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: 32px;
  border-radius: 20px;
  padding: 17px 17px 25px 17px;
  background: #dfede1;

  box-shadow: 0px 4px 16px 0px #beddc280;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.programImage,
.programTitle {
  transition: all 0.3s ease;
}

.programImage {
  height: 112px;
  width: 112px !important;
  justify-content: center;
}

.programTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #0a1409;
}

.programUl {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.programCard.active {
  max-width: calc(625px - 34px);
  min-width: calc(625px - 34px);
  height: auto;
}

.programCard.active .programImage {
  height: 160px;
  width: 160px !important;
}

.programCard.active .programTitle {
  font-size: 26px;
}

.programCard.active .programUl {
  opacity: 1;
  visibility: visible;
  height: auto;
  margin-top: 32px;
}

.programCard.active .programUl {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  gap: 20px;
  margin-top: 32px;
}

.programLi {
  display: flex;
  align-items: center;
  gap: 24px;
}

.okIcon {
  height: 24px;
  width: 24px !important;
}

/* HIDE mobile section by default */
.programMobile {
  display: none;
}

.programCardMobile {
  display: none;
}

@media (max-width: 768px) {

  .programSliderWeb {
    display: none !important;
  }

  .programMobileSlider {
    padding: 20px 12px;
  }

  /* EQUAL HEIGHT FIX */
  .programMobileSlider .owl-stage {
    display: flex;
  }

  .programMobileSlider .owl-item {
    display: flex;
    height: auto !important;
  }

  .programCardMobile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: auto;
    background: #eaf3e7;
    border-radius: 16px;
    padding: 32px 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin: 10px 5px;
  }

  .programLogo {
    width: 112px;
    height: 100px;
    object-fit: contain;
    margin-bottom: 12px;
    display: block;
  }

  .programHeading {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
    text-align: left;
    min-height: 80px;
    /* OPTIONAL */
  }

  .programList {
    padding: 0;
    margin: 0;
    list-style: none;
    flex-grow: 1;
  }

  .programList li {
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    text-align: left;
    font-weight: 500;
    line-height: 1.5;
  }

  .programList li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: green;
    font-size: 14px;
  }

  /* BUTTONS */
  .programNav {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 16px;
  }

  .programNav button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #2e7d32;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
  }

  .programNav .nextBtn {
    background: #2e7d32;
    color: #fff;
  }
}

/* MODAL */
.programModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modalContent {
  background: #fff;
  padding: 20px;
  width: 90%;
  max-width: 350px;
  border-radius: 12px;
  position: relative;

}

.closeBtn {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
}

#modalList {
  list-style: none;
}

#modalList {
  padding: 0;
}

#modalList li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  list-style: none;
}

.tickIcon {
  width: 16px;
  margin-top: 4px;
  flex-shrink: 0;
}

#modalImg {
  display: block;
  margin: 0 auto;
}

/* ===========Investment Section========== */
.investmentContainer {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: calc(1660px - 68px);
  gap: 49px;
}

.investmentContainer h3 {
  text-align: center;
}

.scrollingBox {
  width: 100%;
  overflow-y: auto;
  padding-bottom: 10px;
}

.investmentBox {
  display: grid;
  grid-template-columns: 65px repeat(3, 1fr);
  gap: 10px;
  width: 100%;
  min-width: 960px;
}

.sidebar {
  background-color: #5a765b;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 32px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.header-cell {
  background-color: #46aa48;
  color: white;
  padding: 0 32px;
  height: 78px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.card {
  background-color: #dfede1;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 8px;
}

.card div {
  width: 100%;
}

.card div p:first-child {
  margin-bottom: 6px;
}

.recovery-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ===========Specialisation Section========== */
.SpecialisationSection {
  background: #dfede1;
}

.SpecialisationContainer {
  flex-direction: column;
  gap: 49px;
  max-width: 1530px;
}

.SpecialisationContainer h3 {
  text-align: center;
}

.specMobileTabs {
  display: none;
}

@media (max-width: 768px) {

  .SpecialisationSection {
    display: none;
    /* hide desktop */
  }

  .specMobileTabs {
    display: block;
    padding: 20px;
  }

  .tabButtons {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    margin-bottom: 15px;
    flex-direction: column;
  }

  .tabBtn {
    flex: 0 0 auto;
    padding: 10px 15px;
    border: none;
    background: #eee;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
  }

  .tabBtn.active {
    padding: 12px;
    background: #46aa48;
    color: #fff;
    cursor: pointer;
    position: relative;
  }

  .tabContent {
    display: none;
  }

  .tabContent.active {
    display: block;
  }

  .card {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  .card h4 {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .card p,
  .card li {
    font-size: 13px;
    color: #555;
  }

  .card ul {
    padding-left: 15px;
  }
}

.table-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  min-width: 900px;
}

.header-cell2 {
  background-color: #1e521d;
  color: white;
  height: 78px;
  padding: 0 32px;
  text-align: left;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.content-card {
  background-color: white;
  padding: 32px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  min-height: 100px;
}

.optionsList {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.optionsList li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.investmentSection {
  flex-direction: column;
}

.investmentImageBox {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  max-width: 1600px;
  margin-top: 0 !important;
}

.investmentImage {
  width: 100%;
}

/* Hide mobile by default */
/* hide mobile by default */
.investmentMobile {
  display: none;
}

@media (max-width: 768px) {

  /* hide desktop grid */
  .investmentBox {
    display: none;
  }

  .investmentMobile {
    display: block;
    max-width: 400px;
    width: 100%;
  }

  /* TABS */
  .invTabs {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
  }

  .invTab {
    flex: 1;
    padding: 30px;
    border: none;
    background: #eee;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
  }

  .invTab.active {
    background: #5a765b;
    color: #fff;
  }

  /* TAB CONTENT */
  .invTabContent {
    display: none;
  }

  .invTabContent.active {
    display: block;
  }

  /* ACCORDION */
  .accItem {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
  }

  .accHeader {
    padding: 12px;
    background: #46aa48;
    color: #fff;
    cursor: pointer;
    position: relative;
  }

  .accHeader::after {
    content: "+";
    position: absolute;
    right: 15px;
  }

  .accItem.active .accHeader::after {
    content: "-";
  }

  .accContent {
    display: none;
    padding: 12px;
    background: #fff;
  }

  .accItem.active .accContent {
    display: block;
  }
}



.specMobileWrap {
  display: none;
}

@media (max-width: 768px) {
  .scrollingBox {
    display: none;
  }

  .specMobileWrap {
    display: block;
    width: 100%;
  }

  .specAccItem {
    border: 1px solid #c5dfc6;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
  }

  .specAccHdr {
    padding: 14px 44px 14px 14px;
    background: #1e521d;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    user-select: none;
    transition: background 0.2s;
  }

  .specAccHdr:hover {
    background: #194618;
  }

  .specAccHdr::after {
    content: "+";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 400;
  }

  .specAccItem.active .specAccHdr::after {
    content: "−";
  }

  .specAccBody {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    padding: 0 14px;
    background: #fff;
  }

  .specAccItem.active .specAccBody {
    max-height: 600px;
    padding: 14px;
  }

  /* TABLE */
  .specTable {
    width: 100%;
    border-collapse: collapse;
  }

  .specTable tr {
    border-bottom: 1px solid #f0f0f0;
  }

  .specTable tr:last-child {
    border-bottom: none;
  }

  .specTable td {
    padding: 10px 8px;
    font-size: 13px;
    color: #333;
    vertical-align: top;
    line-height: 1.55;
  }

  .tLabel {
    font-weight: 700;
    color: #1e521d;
    width: 40%;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .tVal {
    font-weight: 400;
    color: #333;
  }

  /* TICK LIST */
  .specTickList {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .specTickList li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #333;
    line-height: 1.45;
  }

  .specTickList li img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  .specAccHdr {
    font-size: 13px;
  }

  .specTable td {
    font-size: 12px;
  }

  .tLabel {
    font-size: 11px;
  }

  .specTickList li {
    font-size: 12px;
  }
}




.mobileDropdown {
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}

.dropdownHeader {
  background: #46aa48;
  color: #fff;
  padding: 14px;
  font-weight: 600;
  cursor: pointer;
}


@media (max-width: 768px) {
  .mobileDropdown.active .dropdownHeader::after {
    content: "−";
  }
}

@media (max-width: 768px) {
  .dropdownHeader::after {
    content: "+";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 400;
  }
}

@media (max-width: 480px) {
  .dropdownHeader {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .dropdownHeader {
    padding: 14px 44px 14px 14px;
    background: #1e521d;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    user-select: none;
    transition: background 0.2s;
  }
}

.dropdownContent {
  display: none;
  padding: 10px;
}

.mobileDropdown.active .dropdownContent {
  display: block;
}

.mobileTable {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.row {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 10px;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
  font-size: 13px;
  align-items: center;
}

.row.header {
  background: #e6f4f1;
  font-weight: 600;
}

/* ===========StudentA Section========== */
.studentSection {
  flex-direction: column;
}

.studentContainer {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 80px;
  max-width: 1600px;
}

.studentContainer .studentHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 38px;
  text-align: center;
}

.SpecialisationContainer h2 {
  text-align: center !important;
  width: 100% !important;
}

.heighlightStudenHeader {
  background: #dff5c4;
  width: 360px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.studentFooter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
}

.studentCardWraper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px 32px;
}

.mobileStudentCardWraper {
  display: none !important;
}

.studentCard {
  width: calc(32% - 17px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 210px;
  gap: 24px;
}

.studentCard img {
  background: #1e521d;
  border-radius: 50%;
  width: 100px !important;
  height: 100px !important;
}

.mobileStudentCardWraper .studentCard {
  width: 100%;
  flex-direction: row;
  text-align: left;
}

.studentImageBox {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  max-width: 1600px;
  margin-top: 0 !important;
}

.studentImageBox iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 12 / 5;
  border-radius: 10px;
  /* optional */
}

.studentImage {
  width: 100%;
}

.studentcardbox {
  display: none;
}

@media (max-width: 767px) {
  .studentCardWraperWeb {
    display: none;
  }

  .mobileStudentCardWraper {
    display: block !important;
  }

  .studentcardbox {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}


/* ===========Eligibility Section========== */
.eligibilitySection {
  background: #dff5c4;
}

.eligibilityContainer {
  max-width: 1600px;
  justify-content: space-between;
}

.eligibilityContentBox {
  max-width: 740px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.elieligibilityUL {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  gap: 14px;
}

.elieligibilityUL li {
  width: calc(100% - 34px);
  padding: 10px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  background: #d2e8b8;
  border: 1px solid #ffffff1a;
}

.notesUL {
  margin: 0;
  padding: 0;
  margin-top: 23px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.notesUL li {
  color: #222222;
  font-weight: 300;
  font-style: Italic;
  font-size: 16px;
  line-height: 150%;
  /* text-transform: capitalize; */
}

.eligibilityImageBox {
  max-width: 786px;
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
}

.eligibilityImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.eligibilitybox {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 5px;
}

@media (max-width: 768px) {

  .eligibilityContainer {
    flex-direction: column;
    gap: 20px;
  }

  /* ✅ Horizontal scroll for eligibility points */
  .elieligibilityUL {
    flex-direction: row;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 10px;
    height: auto;
    align-items: stretch;
  }

  .elieligibilityUL li {
    flex: 0 0 85%;
    /* each card width */
    width: auto;
    min-width: 260px;
  }

  /* optional: smooth scroll */
  .elieligibilityUL::-webkit-scrollbar {
    height: 4px;
  }

  .elieligibilityUL::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }

  /* ✅ Notes below (normal flow) */
  .notesUL {
    padding-left: 16px;
    margin-top: 10px;
  }

  /* ✅ Image adjust */
  .eligibilityImageBox {
    max-width: 100%;
  }

  .elieligibilityUL {
    flex-direction: row;
    overflow-x: auto;
    gap: 12px;
    padding: 10px 16px;
    height: auto;
    align-items: stretch;
    scroll-snap-type: x mandatory;
    /* smooth snapping */
  }

  .elieligibilityUL li {
    flex: 0 0 80%;
    /* 👈 reduced from 85% */
    min-width: 240px;
    scroll-snap-align: start;
  }
}


/* ===========Admission Section========== */
.admissionSection {
  flex-direction: column;
}

.admissionContainer {
  flex-direction: column;
  align-items: flex-start !important;
  max-width: 1600px;
  gap: 64px;
}

.admissionSlider {
  width: 100%;
}

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

.arrpwStep {
  width: 44px !important;
  margin: 0 32px;
}

.stepCard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  min-height: calc(380px - 80px);
  border-radius: 32px;
  padding: 42px 32px;
  position: relative;
}

.step-1 {
  background: #fffaea;
  border: 1px solid #fff2c9;
}

.step-2 {
  background: #f0f8f1;
  border: 1px solid #d6eed9;
}

.step-3 {
  background: #ebffd2;
  border: 1px solid #cde3b3;
}

.topStep {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  padding-right: 130px;
}

.midStep {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.step-icon {
  position: absolute !important;
  right: 32px;
  top: 42px;
  width: 117px !important;
}

.admissionbox {
  display: flex;
  justify-content: center;
  gap: 20px;
}


/* ===========Review Container========== */
.reviewContainer {
  margin: 40px 0 !important;
  max-width: 1600px;
  padding: 100px 0;
  border-radius: 32px;
  overflow: hidden;
  background: #5a765b;
  margin-top: 0;
  text-align: center;
  flex-direction: column;
  gap: 50px;
}

.buttonBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.slideBtn {
  height: 42px;
  width: 42px;
  cursor: pointer;
}

.reviewCard {
  border-radius: 20px;
  padding: 16px;
  text-align: center;
  color: white;
  transition: all 0.5s ease;
  filter: blur(4px);
  opacity: 0.5;
  margin: 16px;
}

.quoteContent {
  background: #5a765b;
  border: 1px solid #4e7150;
  box-shadow: 0px 4px 20px 0px #3657381f;
  padding: 22px 30px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.owl-item.center .reviewCard {
  background: #5a765b;
  box-shadow: 0px 4px 30px 0px #36573833;
  filter: blur(0);
  opacity: 1;
}

.quoteContent p {
  font-weight: 500;
  font-size: 28px;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
  /* text-transform: capitalize; */
  color: #f0f0f0;
}

.quoteIcon {
  width: 60px !important;
  position: absolute;
  bottom: 70px;
  right: 70px;
}

/* ===========FAQ Container========== */
.faqContainer {
  margin-top: 60px !important;
  max-width: 1600px;
  align-items: flex-start !important;
  justify-content: space-between;
}

.faqRight {
  width: 50%;
  max-width: 651px;
}

.faqRight img {
  width: 100%;
  border-radius: 20px;
}

.faqLeft {
  max-width: 860px;
  width: 100%;
  gap: 46px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.buttonsBoxFaqs {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: auto;
  align-items: center;
  max-width: 100%;
  gap: 10px;
}

.buttonsBoxFaqs .btn {
  font-family: "Poppins", sans-serif;
  padding: 0 14px !important;
}

.faqWrapper {
  width: 100%;
  max-width: 670px;
  border-top: 1px solid #f1f2f9;
  border-bottom: 1px solid #f1f2f9;
  animation: fadeIn 0.4s forwards;
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.faqWrapper.active {
  display: block;
}

.faqItem {
  padding: 20px;
  transition: all 0.3s ease;
  border-radius: 15px;
}

/* .faqItem.active {
  background: linear-gradient(257.4deg, #ffffff -6.81%, #dfede1 71.78%);
} */
.faqHeader {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-family: "Poppins", sans-serif;
}

.faqNumber {
  font-size: 18px;
  font-weight: 600;
  color: #a0a3bd;
  margin-right: 20px;
  min-width: 26px;
}

.faqTitle {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  margin: 0;
  flex-grow: 1;
}

.faqIcon {
  font-size: 24px;
  color: #9fa8da;
  font-weight: 300;
  display: inline-block;
  transition: transform 0.3s ease;
  font-size: 1.5rem;
  user-select: none;
}

.faqItem.active .faqNumber {
  color: #1e521d;
}

.faqItem.active .faqTitle {
  color: #1e521d;
}

.faqItem.active .faqIcon {
  color: #1e521d;
  transform: rotate(0deg);
}

.faqBody {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding-left: 45px;
}

.faqItem.active .faqBody {
  max-height: 200px;
  padding-top: 10px;
  padding-right: 45px;
}

.faqBody p {
  margin: 0;
  color: #626262;
  line-height: 160%;
  font-size: 18px;
  font-weight: 400;
}

.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 ratio */
  border-radius: 20px;
  overflow: hidden;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ===========CTA Section========== */
.ctaSection {
  background: #000;
  border-radius: 32px 32px 0 0;
  overflow: hidden;
}

.ctaBg {
  width: 100%;
  min-height: 475px;
  object-fit: cover;
}

.ctaContainer {
  position: absolute;
  flex-direction: column;
  gap: 40px;
  max-width: 1316px;
}

.ctaBtnsBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ctaContent {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ===========Text Style========= */
.text_60_w_600 {
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  line-height: 100%;
}

.text_60_b_600 {
  color: #0a1409;
  font-size: 60px;
  font-weight: 600;
  line-height: 110%;
}

.text_56_w_700 {
  color: #fff;
  font-size: 56px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}

.text_34_w_600 {
  color: #fff;
  font-size: 34px;
  line-height: 110%;
  font-weight: 600;
  text-transform: capitalize;
}

.text_46_w_700 {
  color: #fff;
  font-size: 46px;
  line-height: 110%;
  font-weight: 700;
  text-transform: uppercase;
}

.text_40_b_600 {
  color: #0a1409;
  font-size: 40px;
  line-height: 110%;
  font-weight: 600;
}

.text_26_w_600 {
  color: #fff;
  font-size: 26px;
  line-height: 110%;
  font-weight: 600;
  text-transform: capitalize;
}

.text_26_b_600 {
  color: #0a1409;
  font-size: 26px;
  line-height: 110%;
  font-weight: 600;
  text-transform: capitalize;
}

.text_20_w_500 {
  color: #fff;
  font-size: 20px;
  line-height: 140%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_20_w_600 {
  color: #fff;
  font-size: 20px;
  line-height: 110%;
  font-weight: 600;
  /* text-transform: capitalize; */
}

.text_20_b_600 {
  color: #0a1409;
  font-size: 20px;
  line-height: 110%;
  font-weight: 600;
  /* text-transform: capitalize; */
}

.text_20_w_700 {
  color: #fff;
  font-size: 20px;
  line-height: 130%;
  font-weight: 700;
  /* text-transform: capitalize; */
}

.text_18_lg_500 {
  color: #a4c5a3;
  font-size: 18px;
  line-height: 110%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_18_g_500 {
  color: #1e521d;
  font-size: 18px;
  line-height: 110%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_18_w_500 {
  color: #fff;
  font-size: 18px;
  line-height: 110%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_18_gray_500 {
  color: #626262;
  font-size: 18px;
  line-height: 160%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_16_gray_700 {
  color: #626262;
  font-size: 16px;
  line-height: 130%;
  font-weight: 700;
  /* text-transform: capitalize; */
}

.text_16_gray_500 {
  color: #626262;
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_16_gray_400 {
  color: #626262;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  /* text-transform: capitalize; */
}

.text_16_w_400 {
  color: #fff;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  /* text-transform: capitalize; */
}

.text_16_b_500 {
  color: #222;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_16_lg_500 {
  color: #a4c5a3;
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_16_dg_500 {
  color: #5a765b;
  font-size: 16px;
  line-height: 130%;
  font-weight: 500;
  /* text-transform: capitalize; */
}

.text_14_gray_300 {
  color: #626262;
  font-size: 14px;
  line-height: 130%;
  font-weight: 300;
  /* text-transform: capitalize; */
}

.text_14_i_red_600 {
  color: #ff4c4c;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  font-style: Italic;
  /* text-transform: capitalize; */
}


@media (max-width: 767px) {
  .mbl-hide {
    display: none !important;
  }
}

/* text-transform: capitalize; */


@media (max-width: 767px) {
  .mbl-hide {
    display: none !important;
  }
}