/* FMS Styles - Exact Local Folder Image Assets */
@font-face {
    font-family: 'Figtree';
    src: url('/wp-content/themes/parul/assets/font/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/wp-content/themes/parul/assets/font/Figtree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/wp-content/themes/parul/assets/font/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/wp-content/themes/parul/assets/font/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/wp-content/themes/parul/assets/font/Figtree-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ==========================================================================
   Polymath Display Font Family
   ========================================================================== */

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polymath Display';
    src: url('/wp-content/themes/parul/assets/font/Polymath-Display-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
  --navy: #0F0445;
  --dark-navy: #090327;
  --warning-yellow: #FFC800;
  --purple-outline: #5641E0;
  --font-figtree: 'Figtree', sans-serif;
  --font-display: 'Polymath Display', 'Figtree', sans-serif;
  --font-outfit: 'Figtree', sans-serif;
	--sbw: 0px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  overflow-x: clip;
}
body {
  background-color: #ffffff;
  font-family: var(--font-figtree);
  color: var(--navy);
}
.postid-50373 header{
	background-color:#0f0445;
	z-index:99;
}

/* 100% Fluid Master Wrapper */
.hero-content-section{
	padding:200px 0px 70px;
}

/* Hero Background Wavy Texture Pattern (image 239.png) */
.hero-pattern-bg {
  width: 100%;
  height: 650px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  pointer-events: none;
  object-fit: cover;
  object-position: top center;
}

/* Custom Colors & Utilities */
.bg-dark-navy {
  background-color: var(--dark-navy) !important;
}

.bg-navy {
  background-color: var(--navy) !important;
}

.text-navy {
  color: var(--navy) !important;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.brand-vr-line {
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.15);
}

.arrow-down {
  font-size: 10px;
  margin-left: 2px;
}

.top-utility-bar {
  position: relative;
  z-index: 10;
}

.navbar {
  position: relative;
  z-index: 10;
}

.hero-content-section {
  position: relative;
  z-index: 10;
  background: transparent;
}

.hero-max-container {
  max-width: 1240px;
}

.hero-title-text {
  font-family: var(--font-display);
  font-size: 64px;
  line-height: 1.1;
  color: var(--navy);
}

.hero-content-section p {
  font-size: 18px;
	margin-bottom:30px;
}

.hero-nacc-logo {
  height: 43px;
}

/* Typography Sizing Utilities */
.text-14 {
  font-size: 14px;
}

.text-16 {
  font-size: 16px;
}

.text-18 {
  font-size: 18px;
}

.text-20 {
  font-size: 20px;
}

.text-22 {
  font-size: 22px;
}

.text-24 {
  font-size: 24px;
}

.text-28 {
  font-size: 28px;
}

.text-36 {
  font-size: 36px;
}

.text-48 {
  font-size: 48px;
}

.text-64 {
  font-size: 64px;
}
.text-58 span, .text-lg-58 span{
	font-weight:700;
	font-family: var(--font-display);
}
.text-58,.text-lg-58,.text-58 span, .text-lg-58 span {
  font-size: 58px;
}

/* Global Mobile Typography Overrides */
@media (max-width: 767.98px) {
  .text-58,.text-58 span {
    font-size: 36px !important;
    line-height: 1.15 !important;
  }

  .text-48 {
    font-size: 32px !important;
  }

  .text-20 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .text-28 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  .compare-routes-section {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
  }

  .btn-yellow-pill-fit {
    height: 40px !important;
  }

  .program-selector-section .flex-row {
    border-bottom: 1px solid #00000012;
    margin: 0px 10px;
    padding: 15px 0px;
  }

  .after-degree-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .mobile-stat-label{
    text-align: left;
  }
  .recruiter-logos-section{
    padding: 50px 0px 120px !important;
  }
  .beyond-section{
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
  .beyond-section .mb-5.text-start{
    margin-bottom: 1rem !important;
  }
  .faq-section, .blog-section{
  padding: 40px 0px !important;
  }
  .talk-banner-circles{
    display: none;
  }
  .outcomes-vector-img{
    max-width: 60% !important;
    right: 15px !important;
  }
}

/* Custom Dots Indicator for Credibility Slider */
.credibility-slider .slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin-top: 30px;
  padding: 0;
}

.credibility-slider .slick-dots li {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}

.credibility-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #D5D7E1;
  border: none;
  font-size: 0;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.credibility-slider .slick-dots li button:before {
  display: none;
}

.credibility-slider .slick-dots li.slick-active button {
  width: 24px;
  border-radius: 12px;
  background-color: #FFC800;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}
.text-36.font-700,.text-58.font-700,.mobile-stat-mid.font-700,.mobile-stat-big.font-700{
	font-family: var(--font-display);
}
.small.font-700{
	font-family: var(--font-figtree);
}
.p-4{
	padding:24px !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.font-800 {
  font-weight: 800;
}

.font-900 {
  font-weight: 900;
}

/* Buttons */
.btn-navy-pill {
  background-color: var(--navy);
  color: #ffffff;
  font-family: var(--font-figtree);
  font-size: 18px;
  font-weight: 700;
  padding: 16px 36px;
  border: none;
  border-radius: 72px;
  outline: 3px rgba(255, 255, 255, 0.3) solid;
  outline-offset: -3px;
  cursor: pointer;
  transition: transform 0.2s, background-color 0.2s;
}

.btn-navy-pill:hover {
  background-color: #170766;
  transform: translateY(-2px);
	color:#fff !important;
}

.btn-outline-pill {
  background-color: transparent;
  color: var(--navy);
  font-family: var(--font-outfit);
  font-size: 20px;
  font-weight: 700;
  padding: 16px 36px;
  border: none;
  border-radius: 72px;
  outline: 3px rgba(15, 4, 69, 0.3) solid;
  outline-offset: -3px;
  cursor: pointer;
  transition: transform 0.2s;
}

.btn-outline-pill:hover {
  transform: translateY(-2px);
}

.btn-yellow-pill {
  width: 100%;
  background-color: var(--warning-yellow) !important;
  color: #000000 !important;
  font-weight: 700;
  border-radius: 48px;
  border: none;
  transition: transform 0.2s, background-color 0.2s;
}

.btn-yellow-pill:hover {
  background-color: #ffd633 !important;
  transform: translateY(-1px);
}

/* Staggered Cards Layout */
.staggered-cards-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
  width: 100%;
  margin-top: 20px;
  flex-wrap: wrap;
}

.card-col-item {
  width: 227px;
  display: flex;
  flex-direction: column;
}

.col-align-top {
  margin-top: 0;
  gap: 20px;
}

.col-align-mid {
  margin-top: 0;
}

.col-align-low {
  margin-top: 0;
}

/* Fixed Figma Box Heights */
.card-h-281 {
  width: 227px;
  height: 281px;
}

.card-h-158 {
  width: 227px;
  height: 158px;
}

.card-h-354 {
  width: 227px;
  height: 354px;
}

.card-h-244 {
  width: 227px;
  height: 244px;
}

/* Desktop Hero Ordering */
@media (min-width: 768px) {
  .hero-heading-row {
    order: 1;
  }

  .hero-btn-group {
    order: 2;
  }

  .staggered-cards-wrapper {
    order: 3;
  }
}

/* ============================================
   HERO SECTION - MOBILE RESPONSIVE (MAX-WIDTH 767.98px)
   ============================================ */
@media (max-width: 767.98px) {
  .hero-pattern-bg {
    height: 780px;
  }

  .hero-content-section {
    padding-top: 200px !important;
    padding-bottom: 50px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Reordering Hero Container Elements on Mobile */
  .hero-max-container {
    display: flex;
    flex-direction: column;
  }

  .hero-heading-row {
    order: 1;
    margin-bottom: 1.25rem !important;
  }

  .hero-heading-box {
    display: flex;
    flex-direction: column;
  }

  .hero-title-text {
    font-size: 40px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem !important;
  }

  .hero-subtitle-text {
    line-height: 1.4 !important;
    margin-bottom: 1.25rem !important;
  }

  /* Staggered Cards Mobile Layout */
  .staggered-cards-wrapper {
    order: 2;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
    width: 100% !important;
  }

  /* Column 2 (Main classroom card) -> Top Full-Width Card */
  .hero-card-col-2 {
    order: 1 !important;
    width: 100% !important;
  }

  .hero-card-col-2 .card {
    width: 100% !important;
    height: 190px !important;
    border-radius: 20px !important;
  }

  /* Column 1 (Banner 1 + NAAC logo) -> Bottom 2-Column Row */
  .hero-card-col-1 {
    order: 2 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
  }

  .hero-card-col-1 .hero-subcard-img {
    width: 50% !important;
    height: 140px !important;
    border-radius: 20px !important;
  }

  .hero-card-col-1 .hero-subcard-naac {
    width: 50% !important;
    height: 140px !important;
    border-radius: 20px !important;
    background-color: #0F0445 !important;
    padding: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hero-nacc-logo {
    max-height: 44px;
    width: auto;
  }

  /* Hide Columns 3, 4, 5 on Mobile */
  .hero-card-col-3,
  .hero-card-col-4,
  .hero-card-col-5 {
    display: none !important;
  }

  /* Hero Buttons Group -> Stacked Vertically at Bottom */
  .hero-btn-group {
    order: 3;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .btn-navy-pill {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-radius: 50px !important;
    background-color: #0F0445 !important;
    color: #ffffff !important;
    outline: none !important;
    border: none !important;
  }

  .btn-outline-pill {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-radius: 50px !important;
    background-color: #ffffff !important;
    color: #0F0445 !important;
    outline: none !important;
    border: 1.5px solid #D5D7E1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  }

  .stats-banner-outline {
    height: auto !important;
    min-height: auto !important;
    border-width: 8px 0px 8px 0px !important;
    border-style: solid !important;
    border-color: #FFC800 !important;
  }
}

/* Bottom Stats Banner */
.stats-banner-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  width: 100%;
  border-top: 11px solid var(--purple-outline);
  border-bottom: none;
  background-color: #0F0445;
  position: relative;
  z-index: 10;
}

.stats-banner-outline .hero-max-container {
  max-width: 1320px;
  width: 100%;
}

.stats-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
}

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

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

.stat-num-yellow {
  color: var(--warning-yellow);
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
}

.stat-lbl-box {
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
.stat-lbl-box span{
	font-size: 18px;
}

.stat-lbl-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.stat-dot-badge {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  opacity: 0.5;
  border-radius: 50%;
  margin: 0 16px;
  flex-shrink: 0;
}

.laurel-flower-img {
  max-height: 90px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .stats-banner-outline {
    min-height: auto !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    border-width: 8px 0px 8px 0px !important;
    border-style: solid !important;
    border-color: #FFC800 !important;
  }

  .stats-banner-wrapper {
    flex-direction: column;
    gap: 14px;
    padding: 0;
  }

  .stat-item-highlight {
    justify-content: center;
    gap: 10px;
  }

  .stat-item-highlight .stat-num-yellow {
    font-size: 64px !important;
    color: #ffffff !important;
    font-weight: 800;
    line-height: 1;
  }

  .stat-item-highlight .stat-lbl-box {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
  }

  .stat-item-pill {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(153, 153, 153, 0.1) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    padding: 12px 20px;
    justify-content: center;
    width: 100%;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.05);
  }

  .stat-item-pill .stat-num-yellow {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #FFC800 !important;
  }

  .stat-item-pill .stat-lbl-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
  }

  .credibility-section {
    padding-top: 2.5rem !important;
    padding-bottom: 3rem !important;
  }

  .badge-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .badge-item {
    width: 48% !important;
    max-width: 48% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  .badge-item .laurel-flower-img {
    height: 44px !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }

  .badge-item .badge-logo-img {
    max-height: 44px !important;
    width: auto !important;
    max-width: 65% !important;
    object-fit: contain !important;
  }

  .logo-kpmg,
  .logo-sap {
    height: 24px !important;
    width: auto !important;
  }
}

.stat-num-yellow {
  color: var(--warning-yellow);
  font-size: clamp(2.5rem, 3.5vw, 4rem);
  font-weight: 800;
  line-height: 0.9;
}

.stat-lbl-text {
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.25;
}

.stat-dot-badge {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #d9d9d9;
  border-radius: 50%;
}

/* Credibility & Academic Excellence Section */
.credibility-section {
  background-color: #ffffff;
  padding-top: 80px;
  padding-bottom: 120px;
  position: relative;
  z-index: 10;
}

.credibility-subtext {
  max-width: 860px;
  color: #5B5B5B;
  line-height: 1.4;
}

/* Badges Grid with 193px horizontal gap & 40px vertical gap */
.credibility-badges-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  margin-top: 50px;
}

.badge-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 193px;
  width: 100%;
  flex-wrap: wrap;
}

.badge-item {
  width: 494px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.laurel-flower-img {
  width: 49.5px;
  height: 97.5px;
  object-fit: cover;
  flex-shrink: 0;
}


.logo-coe {
  height: 97px !important;
}

.logo-ugc {
  height: 72px !important;
}

.logo-nirf {
  height: 95px !important;
}

.logo-qs {
  height: 80px !important;
}

.logo-aicte {
  height: 72px !important;
}

.logo-naac {
  height: 76px !important;
}

.logo-cfa {
  height: 72px !important;
}

.logo-cfa {
  height: 72px !important;
}

.logo-nep {
  height: 72px!important;
}

/* About the Faculty Section */
.faculty-section {
  background-color: #0F0445;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 10;
}

.faculty-img-box {
  width: 100%;
  height: 289px;
  border-radius: 16px;
}

.credibility-section,
.faculty-section {
  padding: 80px 0px;
}


/* Mobile responsive order layout for About the Faculty section */
@media (max-width: 991.98px) {
  /* ===== WHITE BG on mobile, dark text ===== */
  .faculty-section {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
    background-color: #ffffff !important;
  }

  /* Rows/cols become white too */
  .faculty-row-1,
  .faculty-row-2,
  .faculty-col-img1,
  .faculty-col-text,
  .faculty-col-vm,
  .faculty-col-img2 {
    background-color: #ffffff !important;
  }

  /* Main heading — dark navy on white */
  .faculty-main-title {
    line-height: 1.2 !important;
    color: #0F0445 !important;
  }

  .faculty-title-highlight {
    color: #FFC800 !important;
  }

  /* Sub label dark */
  .faculty-sub-label {
  
    color: #0F0445 !important;
    opacity: 0.6;
  }

  /* Stacked flex column */
  .faculty-content-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    background-color: #ffffff !important;
  }

  /* Flatten rows & cols */
  .faculty-row-1,
  .faculty-row-2,
  .faculty-col-img1,
  .faculty-col-text,
  .faculty-col-vm,
  .faculty-col-img2,
  .faculty-text-wrapper,
  .faculty-vm-wrapper {
    display: contents !important;
  }

  /* Stacking order */
  .faculty-header          { order: 1 !important; }
  .faculty-col-img1 .faculty-img-box { order: 2 !important; }
  .faculty-p1              { order: 3 !important; }
  .faculty-col-img2 .faculty-img-box { order: 4 !important; }
  .faculty-p2              { order: 5 !important; }
  .faculty-vision-card     { order: 6 !important; }
  .faculty-mission-card    { order: 7 !important; }

  /* Paragraphs — dark on white */
  .faculty-p1,
  .faculty-p2 {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
    background-color: #ffffff !important;
  }

  /* Highlight stays yellow */
  .faculty-bold-highlight {
    color: #0F0445 !important;
  }

  /* Images */
  .faculty-img-box {
    height: 220px !important;
    background-color: transparent !important;
  }

  /* Vision & Mission — dark navy cards on white bg */
  .faculty-vision-card,
  .faculty-mission-card {
    background-color: #0F0445 !important;
    border-radius: 16px !important;
    padding: 20px !important;
  }

  .faculty-vision-card h3,
  .faculty-mission-card h3 {
    font-size: 24px !important;
    color: #FFC800 !important;
  }

  .faculty-vision-card p,
  .faculty-mission-card p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.85) !important;
  }
}

/* Choose Your Route / Compare Side by Side Section */
.compare-routes-section {
  background-color: #ffffff;
  padding-top: 80px;
  padding-bottom: 30px;
  position: relative;
  z-index: 10;
}

/* Compare Routes Section Mobile Pills & Responsiveness */
.compare-mobile-pills-wrapper {
  display: flex;
  overflow-x: auto;
  padding-bottom: 4px;
  -webkit-overflow-scrolling: touch;
}

.compare-mobile-pills-container {
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
  background-color: #ffffff;
  border: 0.75px solid #0000001C;
  border-radius: 50px;
  padding: 4px;
  white-space: nowrap;
}

.compare-pill-btn {
  background: #F8F8F8;
  color: #000000;
  border: none;
  border-radius: 50px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 80px;
}

.compare-pill-btn.active {
  background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(86, 65, 224, 0.25);
}

@media (min-width: 992px) {
  .compare-mobile-pills-wrapper {
    display: none !important;
  }

  .compare-card-col {
    display: block !important;
  }
  .admissions-card {
  background: radial-gradient(75.83% 133% at -12.67% 118.64%, #000000 0%, #1E0F6B 100%)
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
  ;

  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.admissions-card svg path{
  fill: #fff !important;
}
.request-placement-report{
 justify-content: end;
}
.request-placement-report a{
  position: absolute;
  bottom: -65px;
}

}

@media (max-width: 991.98px) {
  .compare-mobile-pills-wrapper {
    display: flex !important;
  }

  .compare-card-col {
    display: none !important;
  }

  .compare-card-col.compare-card-active-mobile {
    display: block !important;
  }
}

.heading-title {
  font-family: var(--font-display);
  letter-spacing: -0.5px;
  line-height: 1.1;
}

.text-purple-highlight {
  background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  leading-trim: both;
  text-edge: cap;
}

.text-grey-dark {
  color: #5B5B5B;
}

.compare-subtext {
  max-width: 815px;
  color: #5B5B5B;
  line-height: 1.4;
}

/* Compare Card Styling */
.compare-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #DADADA;
  background: #ffffff;
}

.compare-card-header {
  background-color: var(--navy);
  padding: 16px 24px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.compare-card-body {
  background: linear-gradient(180deg, rgba(151, 135, 255, 0.15) 0%, #ffffff 60%);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.compare-row {
  display: flex;
  align-items: center;
  gap: 15px;
}

.compare-txt {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

.compare-divider {
  margin: 0;
  opacity: 0.1;
  border-color: #000000;
}


/* 8. Program Selector Tabs (Bachelor's & Master's) */
.program-selector-section {
  background-color: #ffffff;
  padding-top: 30px;
  position: relative;
  z-index: 10;
}

.program-tab-card {
  width: 100%;
  height: 128px;
  border-radius: 16px;
  padding: 24px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.program-tab-card:hover {
  transform: translateY(-2px);
}

/* Active / Open Tab state (Navy background, yellow text) */
.program-tab-card:not(.collapsed) {
  background-color: #0F0445 !important;
  border: 1px solid #0F0445 !important;
}

.program-tab-card:not(.collapsed) .program-tab-title {
  color: #FFC800 !important;
  background: none !important;
  -webkit-text-fill-color: #FFC800 !important;
}

.program-tab-card:not(.collapsed) .program-tab-sub {
  color: rgba(255, 255, 255, 0.9) !important;
}

.program-tab-card:not(.collapsed) .tab-arrow-icon {
  color: #ffffff !important;
}

/* Inactive / Collapsed Tab state (Light background, dark text) */
.program-tab-card.collapsed {
  background-color: #F4F3F8 !important;
  border: 1px solid #E2E0EE !important;
}

.program-tab-card.collapsed .program-tab-title {
  color: #12083B !important;
  background: none !important;
  -webkit-text-fill-color: #12083B !important;
}

.program-tab-card.collapsed .program-tab-sub {
  color: #5B5B5B !important;
}

.program-tab-card.collapsed .tab-arrow-icon {
  color: #5B5B5B !important;
}

.program-tab-title {
  font-family: var(--font-figtree);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
}

.text-purple-magenta {
  background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.program-tab-sub {
  font-size: 18px;
  font-weight: 400;
}

.tab-arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Specialisations Dropdown Accordion */








.chevron-toggle-icon {
  transition: transform 0.3s ease;
}

.program-tab-card.collapsed .chevron-toggle-icon {
  transform: rotate(0deg);
}

.program-tab-card:not(.collapsed) .chevron-toggle-icon {
  transform: rotate(180deg);
}


/* BBA Dropdown Inside Design (Matching Figma Screenshot) */

.text-purple-accent {
  background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  leading-trim: both;
  text-edge: cap;

}

.text-purple {
  color: #6740CC;

}

.purple-circle-icon {
  width: 80px;
  height: 80px;
  background-color: #5641E0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-tag-purple {
  font-size: 10px;
  font-weight: 800;
  color: #5641E0;
  background: #F2E3FF;
  border-radius: 34.279px;
  padding: 4px 12px;
  letter-spacing: 0.3px;
}

.badge-tag-red {
  font-size: 10px;
  font-weight: 800;
  color: #ffffff;
  background: #E32548;
  border-radius: 84px;
  padding: 4px 12px;
  letter-spacing: 0.3px;
}

.meta-badge-item {
  font-size: 11px;
  font-weight: 600;
  color: #4B5563;
  background-color: #F3F4F6;
  padding: 3px 8px;
  border-radius: 4px;
}

.tiny-note {
  font-size: 11px;
}

.tiny-lbl {
  font-size: 10px;
}

.btn-navy-pill-sm {
  background: #160A4D;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 16px;
  border: none;
  border-radius: 7.92px;
  transition: background-color 0.2s, transform 0.2s;
}

.btn-navy-pill-sm:hover {
  background: #241278;
  color: #ffffff;
}

.btn-navy-pill-sm:hover {
  background-color: #170766;
}

.btn-yellow-pill-fit {
  background-color: var(--warning-yellow) !important;
  color: #000000 !important;
  font-weight: 700;
  width: 100%;
  max-width: 350px;
  height: 60px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  gap: 8px;
  border-radius: 72px !important;
  border: 3px solid var(--warning-yellow) !important;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  z-index: 9;
}

.btn-yellow-pill-fit:hover {
  background-color: #ffd633 !important;
  border-color: #ffd633 !important;
}

/* Bottom Banner Callout with Eclipse background */
.bottom-banner-callout {
  position: relative;
  overflow: hidden;
  background-color: var(--navy) !important;
  z-index: 1;
}

.bottom-banner-callout>* {
  position: relative;
  z-index: 2;
}

.bottom-banner-callout::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #362A74 0%, rgba(102, 79, 218, 0.25) 100%);
  border: 3px solid rgba(102, 79, 218, 0.35);
  z-index: 1;
  pointer-events: none;

  /* Mobile default: center behind the button area */
  width: 300px;
  height: 300px;
  left: 50%;
  bottom: -150px;
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .bottom-banner-callout::before {
    /* Tablet/Desktop: position on the right side */
    width: 450px;
    height: 450px;
    left: auto;
    right: -20px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
	.outcomes-stats-box{
		padding:48px;
	}
}


.bachelors-banner-box {
  max-height: 523px;
}

.bachelors-banner-box img {
  height: 523px;
  width: 100%;
}

/* Clean Dropdown Content Flow (No Outer Box Border!) */
.dropdown-clean-content {
  background-color: transparent;
  padding-top: 30px;
}

.meta-badge-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}




/* Feature Pillars Spacing & Vertical Dividers */


.purple-circle-icon {
  width: 80px;
  height: 80px;
  background-color: #5641E0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .border-end-md {
    border-right: 1px solid #E5E7EB !important;
  }
}

.bottom-banner-callout {
  padding: 40px !important;
}

/* BBA Specialisations Section Styles */
.bba-specialisations-section-outer {
  background-color: #0F0445;
  width: calc(100vw - var(--sbw));
  position: relative;
  left: 50%;
  right: auto;                                    /* right hata do */
  margin-left: calc((100vw - var(--sbw)) / -2);
  margin-right: calc((100vw - var(--sbw)) / -2);
  padding: 80px 0;
  margin-top: 48px;
}

.specialisation-card {
  background-color: #0F0445;
  border: 0.82px solid rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.2s ease;
   padding:30px;
}



.specialisation-header {
  background-color: var(--warning-yellow);
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
	margin-bottom:10px;
}

.specialisation-tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.specialisation-tag {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  color: #ffffff;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  line-height: 1.3;
  text-decoration: none;
}

.specialisation-tag:hover {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

/* Mobile responsive styling for Program Selector section matching mockup */
@media (max-width: 991.98px) {
  .program-selector-section {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }

  .program-tab-card {
    padding: 10px 16px !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: auto !important;
    height: 50px !important;
  }

  .program-tab-card:not(.collapsed) {
    background-color: #0F0445 !important;
    border-color: #0F0445 !important;
  }

  .program-tab-card:not(.collapsed) .program-tab-title {
    color: #FFC800 !important;
    background: none !important;
    -webkit-text-fill-color: #FFC800 !important;
  }

  .program-tab-card:not(.collapsed) .tab-arrow-icon {
    color: #ffffff !important;
  }

  .program-tab-card.collapsed {
    background-color: #F4F3F8 !important;
    border: 1px solid #E2E0EE !important;
  }

  .program-tab-card.collapsed .program-tab-title {
    color: #12083B !important;
    background: none !important;
    -webkit-text-fill-color: #12083B !important;
  }

  .program-tab-card.collapsed .tab-arrow-icon {
    color: #5B5B5B !important;
  }

  .program-tab-title {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  .program-tab-sub {
    display: none !important;
  }

  .tab-arrow-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .bachelors-dropdown-title {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  .bachelors-banner-box {
    height: 200px !important;
  }

  .bachelors-banner-box img {
    width: 100% !important;
    height: 100% !important;
  }

  .purple-circle-icon {
    width: 44px !important;
    height: 44px !important;
  }

  .purple-circle-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .course-card {
    border-radius: 16px !important;
    padding: 20px !important;
  }

  .bottom-banner-callout {
    border-radius: 20px !important;
    padding: 24px 20px !important;
    background-color: #0F0445 !important;
  }

  .bottom-banner-callout h3 {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  .bottom-banner-callout p {
    font-size: 15px !important;
  }

  .btn-yellow-pill-fit {
    width: auto !important;
    max-width: 100% !important;
    font-size: 14px !important;
    padding: 8px 18px !important;
    text-align: center !important;
    display: inline-block !important;
  }

  .bba-specialisations-section-outer {
    border-radius: 20px !important;
    padding: 20px 0px !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
  }

  .bba-specialisations-section-outer .row {
    --bs-gutter-y: 8px !important;
    margin-bottom: 0 !important;
  }

  .specialisation-card {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 6px !important;
  }

  .specialisation-header {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #FFC800 !important;
    color: #0F0445 !important;
    padding: 14px 22px !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
  }

  .specialisation-header::after {
    content: '›';
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    margin-left: 10px;
    transition: transform 0.2s ease;
  }

  .specialisation-card.is-open .specialisation-header::after {
    content: '−';
    font-weight: 700;
  }

  .specialisation-card .specialisation-tags-wrapper {
    display: none;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
  }

  .specialisation-card.is-open .specialisation-tags-wrapper {
    display: flex !important;
  }

  .specialisation-tag {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
  }
}

/* Study Abroad Section Styles */
.study-abroad-section {
  background-color: #F5F5F7 !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.study-card-sub {
  font-family: var(--font-figtree);
  font-weight: 700;
  line-height: 1.4;
  color: #000000;
}

.study-card-title {
  font-family: var(--font-figtree);
  font-weight: 700;
  font-size: 28px;
  background: linear-gradient(90deg, #B53C72 0%, #5641E0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.study-card {
  border: 2.08px solid transparent !important;
  border-radius: 20px !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, #B53C72 0%, #5641E0 100%) border-box !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	padding:20px;
}

.bg-purple-badge {
 background: linear-gradient(90deg, #B53C72 0%, #5641E0 100%);
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 5px !important;
  white-space: normal;
}

.ask-link {
  font-size: 16px;
  font-weight: 700;
  color: #0F0445 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ask-link:hover {
  color: #5641E0 !important;
}

.ask-link i {
  transition: transform 0.2s ease;
  display: inline-block;
}

.ask-link:hover i {
  transform: translateX(4px);
}

.dashed-scholarship-badge {
  border: 1.5px dashed #CBD5E1;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  color: #1E293B;
  background-color: #F8FAFC;
  line-height: 1.3;
}

/* Dots pagination for mobile carousel */
.study-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #CBD5E1;
  transition: all 0.3s ease;
}

.study-dot.active {
  width: 20px;
  border-radius: 10px;
  background-color: #FFC800;
}

/* Mobile responsive rules for Study Abroad section */
@media (max-width: 991.98px) {
  .study-abroad-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background-color: #ffffff !important;
  }

  .study-cards-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 16px !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    margin-right: -1rem !important;
    padding-right: 1rem !important;
  }

  .study-cards-row::-webkit-scrollbar {
    display: none !important;
  }

  .study-card-col {
    flex: 0 0 86% !important;
    max-width: 86% !important;
    scroll-snap-align: start !important;
  }

  .study-card {
    padding: 24px 20px !important;
    border-radius: 20px !important;
  }

  .study-card-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  /* After your degree section mobile peeking carousel */
  .after-cards-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 16px !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    margin-right: -1rem !important;
    padding-right: 1rem !important;
  }

  .after-cards-row::-webkit-scrollbar {
    display: none !important;
  }

  .after-card-col {
    flex: 0 0 86% !important;
    max-width: 86% !important;
    scroll-snap-align: start !important;
  }

  .after-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #CBD5E1;
    transition: all 0.3s ease;
  }

  .after-dot.active {
    width: 20px;
    border-radius: 10px;
    background-color: #FFC800;
  }
}

.ask-link:hover i {
  transform: translateX(4px);
}

.max-w-900 {
  max-width: 900px;
}
.max-w-700 {
  max-width: 700px;
}
.max-w-550 {
  max-width: 550px;
}
/* After Degree Section Styles */
.after-degree-section {
  background-color: #ffffff !important;
  padding-top: 80px;
  padding-bottom: 80px;
}

.dashed-badge {
  border: 1px dashed rgba(108, 117, 125, 0.4);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 700;
  color: #0F0445;
  display: inline-block;
  background-color: transparent;
  font-family: var(--font-figtree);
}

/* Outcomes Section 1 */
.outcomes-header-section {
  background-color: #0F0445;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 120px;
  overflow: visible !important;
}
.outcomes-header-section .row{
  position: relative;
}
.outcomes-label {
  font-family: var(--font-figtree);
  line-height: 1.0;
  color: #fff;
  display: block;
}



.outcomes-desc {
  font-family: var(--font-figtree);
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
}

.outcomes-vector-img {
  position: absolute;
  top: -100px;
  right: 0px;
  max-width: 100%;
  height: auto;
  opacity: 0.9;
}

.outcomes-right-col {
  height: 100%;
}

@media (max-width: 991.98px) {
  .outcomes-header-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .outcomes-label {
    font-size: 22px !important;
    color: rgba(255, 255, 255, 0.6) !important;
  }

  .outcomes-heading {
    font-size: 36px !important;
    line-height: 1.15 !important;
    color: #FFC800 !important;
  }

  .outcomes-desc {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  /* Mobile Outcomes Section Purple Stats Box matching mockup screenshot */
  .outcomes-mobile-stats-box {
    background-color: #5641E0 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden;
  }

  .border-bottom-purple {
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  }

  .border-end-purple {
    border-right: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  }

  .mobile-stat-big {
    font-size: 64px !important;
    line-height: 1 !important;
  }

  .mobile-stat-mid {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
  .mobile-stat-bottom {
    font-size: 48px !important;
    line-height: 1.1 !important;
  }

  .mobile-stat-label {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  
}

.outcomes-stats-box {
  background-color: #5641E0;
  margin-bottom: -450px;
  position: relative;
  z-index: 10;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.border-end-custom {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767.98px) {
  .border-end-custom {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 10px;
  }

  .outcomes-stats-box {
    margin-bottom: -80px;
  }
}

/* Recruiter Logos Marquee Row */
.recruiter-logos-section {
  padding-top: 200px;
  padding-bottom: 120px;
  background-color: #ffffff;
}

.marquee-wrapper {
  display: flex;
  flex-direction: column;
}

.marquee-row {
  width: 100%;
  display: flex;
  overflow: hidden;
  user-select: none;
}

.marquee-content {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  justify-content: space-around;
  align-items: center;
  gap: 40px;
}

.marquee-ltr .marquee-content {
  animation: scroll-ltr 25s linear infinite;
}

.marquee-rtl .marquee-content {
  animation: scroll-rtl 25s linear infinite;
}

@keyframes scroll-ltr {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes scroll-rtl {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.brand-item {
  padding: 10px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.brand-item img {
  height: 38px;
  max-width: 140px;
  width: auto;
  object-fit: contain;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.brand-item img:hover {
  transform: scale(1.08);
}

/* Placements Cards Section 3 */
.placement-cards-section {
  background-color: #FFC800 !important;
  padding-top: 40px !important;
  padding-bottom: 80px !important;
  border-bottom: 25px solid #0F0445;
}

.card-row-offset {
  margin-top: -150px;
  position: relative;
  z-index: 15;
}

.placement-card {
  border: none;
  background-color: transparent;
}

.placement-card-top {
  height: 200px;
  background-color: #1044e3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.placement-card-top img {
  width: 100%;
  height: 210px;
}

.watermark-cap {
  font-size: 80px;
  color: rgba(255, 255, 255, 0.15);
}

.placement-card-bottom {
  height: 150px;
  border-top: none;
}

.placement-package {
  font-family: var(--font-figtree);
  font-size: 36px;
  font-weight: 800;
  color: #0F0445;
}

.placement-student {
  font-size: 13.5px;
  font-weight: 600;
}

.company-name {
  font-size: 13.5px;
  font-weight: 700;
}

/* Startup Section Styles */
.startup-section {
  background-color: #ffffff !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.powered-by-pec {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}



.startup-card {
  border: 2.08px solid transparent !important;
  border-radius: 20px !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, #B53C72 0%, #5641E0 100%) border-box !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
  min-height: 340px;
  z-index: 1;
}

.rocket-watermark {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 75px;
  height: 110px;
  pointer-events: none;
  opacity: 0.85;
  transition: transform 0.3s ease;
  z-index: 1;
}

.rocket-watermark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.startup-card:hover .rocket-watermark {
  transform: translate(-5px, -5px) rotate(-5deg);
}

.dashed-badge-small {
  border: 1px dashed rgba(108, 117, 125, 0.4);
  border-radius: 5px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 700;
  color: #B53C72;
  display: inline-block;
  background-color: transparent;
  font-family: var(--font-figtree);
  white-space: nowrap;
}

.btn-yellow-pill-fit-sm {
  background-color: var(--warning-yellow) !important;
  border: 1px solid var(--warning-yellow) !important;
  border-radius: 50px !important;
  padding: 8px 25px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  white-space: nowrap;
  transition: all 0.2s ease !important;
}

.btn-yellow-pill-fit-sm:hover {
  background-color: #0F0445 !important;
  border-color: #0F0445 !important;
  color: #ffffff !important;
}

/* Startup Mobile Dots */
.startup-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #D9D9D9;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

.startup-dot.active {
  width: 24px;
  border-radius: 10px;
  background-color: #FFC800;
}

@media (max-width: 991.98px) {
  .startup-section {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }

  .startup-card {
    min-height: 295px !important;
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .startup-card .study-card-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .rocket-watermark {
    right: 10px !important;
    bottom: 10px !important;
    width: 65px !important;
    height: 90px !important;
  }
}

.slider-arrow-btn {
  background-color: #ffffff;
  border: 1.5px solid rgba(15, 4, 69, 0.2);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0F0445;
  cursor: pointer;
  transition: all 0.2s ease;
}

.slider-arrow-btn:hover {
  background-color: #0F0445;
  color: #ffffff;
  border-color: #0F0445;
}

.card-title-wrapper {
  position: relative;
  z-index: 5;
}

/* Collaborations Section Marquee */
.collaborations-section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.collab-slider-container {
  position: relative;
  width: 100%;
}

.collab-slider .slick-list {
  margin-left: -8px;
  margin-right: -8px;
}

.collab-card {
  width: 100%;
  height: 90px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
  border: 1px solid transparent !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, #B53C72 0%, #5641E0 100%) border-box !important;
  padding: 15px 25px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.collab-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.collab-card-mobile {
  width: 100% !important;
  height: 60px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  border: 1.5px solid #E2E0EE !important;
  padding: 8px 10px !important;
}

.collab-card-mobile img {
  max-width: 85% !important;
  max-height: 32px !important;
  object-fit: contain !important;
}

@media (max-width: 991.98px) {
  .collaborations-section {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }

  .collab-header-label {
    font-size: 20px !important;
    margin-bottom: 6px !important;
  }

  .collab-header-title {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .collab-header-sub {
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #5B5B5B !important;
  }

  .collab-disclaimer {
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-style: italic !important;
    color: #7A7A7A !important;
  }
}

/* Lakshya 2047 Section */
.lakshya-section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.partner-card {
  background-color: #2D206A !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.partner-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.lab-card {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  border: none;
}

.lab-card-content {
  border-left: 1.41px solid rgba(0, 0, 0, 0.1) !important;
  border-right: 1.41px solid rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1.41px solid rgba(0, 0, 0, 0.1) !important;
  border-top: none !important;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.btn-yellow-pill-fit-lg {
  background-color: var(--warning-yellow) !important;
  border: 1px solid var(--warning-yellow) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  white-space: nowrap;
  transition: all 0.2s ease !important;
}

.btn-yellow-pill-fit-lg:hover {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #0F0445 !important;
}

.lab-card p {
  color: #6740CC;
}

/* Beyond the Classroom Section */
.beyond-section {
  background-color: #ffffff !important;
  padding-top: 80px;
  padding-bottom: 80px;
}

.beyond-slider-container {
  position: relative;
  width: 100%;
}

.beyond-card {
  height: 280px;
  background-color: #0F0445 !important;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.beyond-img-side {
  width: 45%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.beyond-img-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.beyond-content-side {
  width: 55%;
  height: 100%;
  background-color: #0F0445 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 768px) {
  .beyond-card {
    flex-direction: column !important;
    height: auto;
  }

  .beyond-img-side {
    width: 100%;
    height: 180px;
  }

  .beyond-content-side {
    width: 100%;
    height: auto;
    padding: 20px !important;
  }
}

.text-warning-yellow {
  color: #FFC800;
}

.btc-subtitle {
  font-size: 14px;
}

/* Leadership Immersion Section */
.leadership-section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.leadership-tab-btn {
  width: 100%;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  text-align: left;
}

.leadership-tab-btn:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.leadership-tab-btn.active {
  background-color: var(--warning-yellow) !important;
  border-color: var(--warning-yellow) !important;
  color: #0F0445 !important;
  font-weight: 600;
}

.speaker-card {
  position: relative;
}

.speaker-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(15, 4, 69, 0) 41.83%, #0F0445 94.71%) !important;
  pointer-events: none;
}

.leadership-slider .slick-list {
  margin-left: -8px;
  margin-right: -8px;
}

.info-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

@media (max-width: 991.98px) {
  .leadership-section {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }

  .leadership-heading {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }

  .mobile-accordion-btn {
    text-align: center !important;
    border-radius: 50px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100% !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    background-color: #120743 !important;
    color: #ffffff !important;
    transition: all 0.25s ease !important;
  }

  .mobile-accordion-btn.active {
    background-color: #FFC800 !important;
    border-color: #FFC800 !important;
    color: #000000 !important;
    font-weight: 700 !important;
  }

  .speaker-card-top, .speaker-card-tall, .speaker-card {
    height: 220px !important;
    min-height: 220px !important;
    border-radius: 16px !important;
  }

  .stat-box-violet {
    display: none !important;
  }

  .speaker-info h4 {
    font-size: 15px !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
    color: #FFC800 !important;
  }

  .speaker-info p {
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: rgba(255, 255, 255, 0.85) !important;
  }

  /* Faculty Cards Mobile Rules */
  .faculty-yellow-zone {
    padding: 35px 0 50px !important;
  }
  .faculty-white-zone{
    padding-top: 50px !important;
  }

  .faculty-cards-heading {
    font-size: 36px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .faculty-cards-sub {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .faculty-search-bar {
    padding: 8px 14px !important;
    background: #ffffff !important;
  }

  .faculty-search-input {
    font-size: 12px !important;
  }

  .faculty-prof-card {
    margin-top: 0px !important;
    border-radius: 16px !important;
  }

  .faculty-prof-img-zone {
    height: 180px !important;
    background-color: #5641E0 !important;
  }

  .faculty-prof-info {
    padding: 10px 8px !important;
    background-color: #160B46 !important;
  }

  .faculty-prof-info h5 {
    font-size: 14px !important;
    margin-bottom: 2px !important;
  }

  .faculty-prof-info span.text-warning-yellow {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }

  .faculty-meta {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .faculty-meta div {
    line-height: 1.4 !important;
  }

  .faculty-badge-icon {
    width: 24px !important;
    height: 24px !important;
  }
}

/* Refactored styles from inline HTML CSS */

/* Collaborations Cleanups */
.collaborations-section {
  background-color: #F5F5F7 !important;
}

.collab-disclaimer {
  font-style: italic !important;
  opacity: 0.85 !important;
}

/* Lakshya 2047 Cleanups */
.lakshya-section {
  background-color: #0F0445 !important;
}

.lakshya-logo-wrapper img {
  height: 60px;
  object-fit: contain;
}

.partner-logo-bg {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

.partner-logo-bg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.partner-card-title {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.partner-card-sub {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.lab-image-container {
  height: 240px;
  overflow: hidden;
}

.lab-image-container img {
  object-fit: cover;
}

.lab-card-title {
  font-size: 28px !important;
  font-weight: 700 !important;
}

.lab-card-footer {
  color: #5641E0 !important;
}

/* Lakshya Mobile Dots */
.lakshya-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

.lakshya-dot.active {
  width: 24px;
  border-radius: 10px;
  background-color: #FFC800;
}

@media (max-width: 991.98px) {
  .lakshya-section {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }

  .lakshya-logo-wrapper img {
    height: 48px !important;
  }

  .lakshya-section h2 {
    font-size: 36px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }

  .lakshya-partner-row .partner-card {
    flex-direction: column !important;
    text-align: center !important;
    padding: 16px 10px !important;
    align-items: center !important;
  }

  .lakshya-partner-row .partner-logo-bg {
    width: 75px !important;
    height: 65px !important;
    margin: 0 auto 10px auto !important;
  }

  .lakshya-partner-row .partner-card-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
  }

  .lakshya-lab-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 16px !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    margin-right: -1rem !important;
    padding-right: 1rem !important;
  }

  .lakshya-lab-row::-webkit-scrollbar {
    display: none !important;
  }

  .lakshya-lab-col {
    flex: 0 0 86% !important;
    max-width: 86% !important;
    scroll-snap-align: start !important;
  }

  .lab-image-container {
    height: 200px !important;
  }

  .lab-card-title {
    font-size: 24px !important;
  }

  .lab-card-footer {
    font-size: 14px !important;
  }
}

/* Leadership Immersion Cleanups */
.leadership-section {
  background-color: #0F0445 !important;
}

.leadership-arrow-btn-container {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.leadership-arrow-btn-container img {
  width: 42px;
  height: 42px;
}

.leadership-slide-wrapper {
  height: 365px;
}

.speaker-card-top {
  height: 240px;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.speaker-card-tall {
  height: 365px;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.speaker-info h4 {
  font-family: var(--font-display) !important;
}

.stat-box-violet {
  height: 110px;
  background-color: #6740CC !important;
}

.info-card-yellow {
  height: 365px;
  background-color: #FFC800 !important;
  color: #0F0445 !important;
  position: relative;
  overflow: hidden;
}

.info-card-yellow::after {
  content: '';
  position: absolute;
  width: 218px;
  height: 209px;
  top: -77px;
  left: 105px;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  opacity: 1;
  pointer-events: none;
}

.info-card-yellow::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 144px;
  top: -44px;
  left: 139px;
  background: rgba(255, 255, 255, 0.36);
  border-radius: 50%;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

.info-card-udhyam {
  height: 365px;
  background-color: #1A105C !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.info-card-vsf {
  height: 365px;
  background-color: #5641E0 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.info-card-vlf {
  height: 365px;
  background-color: #B53C72 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.info-card-vff {
  height: 365px;
  background-color: #D93B7D !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.info-card-pramaan {
  height: 365px;
  background-color: #3A2AA6 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.flower-icon-invert {
  filter: brightness(0) invert(1);
}

.speaker-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-card img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

/* ============================================
   FACULTY CARDS SECTION
   ============================================ */
.faculty-cards-section {
  overflow: hidden;
}

/* Yellow top zone */
.faculty-yellow-zone {
  background-color: #FFC800;
  padding: 60px 0 150px;
  color: #0F0445;
}


.faculty-search-bar {
  background: rgba(255, 255, 220, 0.7);
  border-radius: 50px;
  padding: 12px 20px;
  backdrop-filter: blur(4px);
	max-width: 550px;
}

.faculty-search-input {
  background: transparent;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  color: #333;
}

.faculty-search-input::placeholder {
  color: #888;
}

.btn-navy-pill-sm {
  background-color: #5641E0;
  color: #ffffff;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  transition: background 0.2s ease;
}

.btn-navy-pill-sm:hover {
  background-color: #6b52f5;
  color: #fff;
}

/* White bottom zone */
.faculty-white-zone {
  background-color: #ffffff;
  padding: 0 0 60px;
}

/* Faculty profile cards */
.faculty-prof-card {
  margin-top: -120px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.faculty-prof-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.faculty-prof-img-zone {
  background-color: #5641E0;
  height: 240px;
  width: 100%;
  overflow: hidden;
}

.faculty-prof-img-zone img {
  width: 100%;
  height: 200px;
}

.faculty-prof-img-zone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.faculty-prof-info {
  background-color: #241861;
  padding: 16px;
	min-height:240px;
}

/* .faculty-badge-icon {
  width: 28px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: background 0.2s ease;
} */

.faculty-badge-icon:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.faculty-meta div {
  line-height: 1.8;
}

/* ============================================
   TESTIMONIALS / IN THEIR WORDS SECTION
   ============================================ */
.testimonials-section {
  background-color: #241861;
  padding: 80px 0 200px;
  overflow: visible;
  border-bottom: 54px solid #FFC800;
}



.testimonials-heading-accent {
  color: #FFC800;
}


.testimonials-big-quote {
  width: 120px;
  opacity: 0.25;
}

/* Quote Card */
.testimonials-slider-wrap {
  overflow: visible;
  /* Let overlapping cards render fully */
}

.tslide-wrap {
  padding: 0 15px;
  /* Creates a clean, narrow gap of 30px between combined slides */
}

.testimonial-combined-slide {
  position: relative;
  width: 100%;
  height: 380px;
  display: flex;
  align-items: center;
}

.testimonial-quote-card {
  background: #ffffff;
  border-radius: 24px;
  width: 72%;
  height: 335px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  z-index: 1;
  position: relative;
  padding-right: 125px !important;
  /* Prevents body text from going under the overlapping image card */
}

.testimonial-quote-icon {
  width: 36px;
  height: auto;
}

.testimonial-quote-title {
  line-height: 1.4;
}

.testimonial-accent {
  color: #6740CC;
}

.testimonial-quote-body {
  color: #555;
  line-height: 1.6;
}

.testimonial-stars {
  display: flex !important;
  flex-direction: row !important;
  gap: 4px !important;
  align-items: center;
}

.testimonial-stars img {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* Image Card Overlap */
.testimonial-img-card {
  position: absolute;
  left: 60%;
  /* Perfect overlap starting at 60% of the slide width */
  top: 50%;
  transform: translateY(-50%);
  width: 250px;
  height: 360px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
  z-index: 5;
}

.testimonial-img-top {
  background: linear-gradient(160deg, #1a9c7a 0%, #0d6b52 100%);
  padding: 14px 14px 10px;
}

.timg-achievement {
  text-align: center;
  margin: 6px 0 4px;
}

.timg-company {
  text-align: left;
  padding-left: 4px;
}

.badge-naac {
  font-size: 10px;
  opacity: 0.8;
}

.pu-logo-badge {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  line-height: 1.2;
}

.achieved-label {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
}

.marquee-offer-text {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  font-style: italic;
  line-height: 1.1;
}

.achieved-with {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
}

.company-name {
  font-size: 20px;
  color: #ffffff;
  line-height: 1.2;
}

.testimonial-img-student {
  position: relative;
  overflow: hidden;
  height: 160px;
}

.testimonial-student-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.testimonial-img-footer {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}

/* Overrides for Testimonial Slides */
.testimonial-student-name {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.testimonial-student-batch {
  font-size: 12px !important;
}

.testimonial-student-company {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.marquee-offer-text-override {
  font-size: 20px !important;
  line-height: 1.1 !important;
}

.extra-small {
  font-size: 10px !important;
}

/* Arrow buttons */
.testimonial-prev-btn,
.testimonial-next-btn {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.testimonial-prev-btn:hover,
.testimonial-next-btn:hover {
  background: #6740CC;
  border-color: #6740CC;
}

/* ============================================
   13. ADMISSIONS SECTION
   ============================================ */
.admissions-section {
  margin-top: -250px;
  z-index: 1;
  padding-bottom: 80px;
}

.admissions-bg-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 42%;
  background-color: #0F0445;
  z-index: 1;
}

.admissions-bg-yellow-stripe {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  height: 90px;
  background-color: #FFC800;
  z-index: 1;
}

.admissions-bg-bottom {
  position: absolute;
  top: calc(42% + 90px);
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 1;
}

/* Admissions Card */

.admissions-cap-icon {
  width: 100px;
  height: auto;
}

.admissions-main-heading {
  font-size: 58px;
  line-height: 1.15;
  color: #ffffff;
  letter-spacing: -0.02em;
}

.check-circle-yellow {
  width: 24px;
  height: 24px;
  background-color: #FFC800;
  border-radius: 50%;
}

/* Overrides for Admissions Elements */
.admissions-sub-badge {
  font-size: 15px !important;
  letter-spacing: 0.05em !important;
}

.admissions-left-desc {
  line-height: 1.6 !important;
  max-width: 480px !important;
}

.callback-heading {
  font-size: 24px !important;
  color: #0F0445 !important;
  letter-spacing: -0.02em !important;
}

.callback-fineprint {
  font-size: 11px !important;
}


/* Form Styling */
.callback-card {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.callback-input {
  background-color: #F4F4F6 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  color: #333 !important;
  transition: all 0.2s ease !important;
}

.callback-input:focus {
  background-color: #ffffff !important;
  border-color: #5641E0 !important;
  box-shadow: 0 0 0 3px rgba(86, 65, 224, 0.15) !important;
}

textarea.callback-input {
  resize: none;
}

.select-arrow {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px !important;
}

.btn-yellow-submit {
  background-color: #FFC800 !important;
  color: #0F0445 !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  transition: background-color 0.2s ease !important;
}

.btn-yellow-submit:hover {
  background-color: #e0b000 !important;
}

/* Talk Banner styling */
.talk-banner {
  background: #0F0445;

  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
  overflow: hidden;
}

/* Concentric Circle Backdrop in Talk Banner */
.talk-banner-circles {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.banner-circle {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(50% 50% at 50% 50%, #362A74 0%, rgba(102, 79, 218, 0.25) 100%);
  transform: translateY(-50%);
  top: 50%;
}

.circle-1,
.circle-2,
.circle-3 {
  width: 640px;
  height: 640px;
}

.circle-1 {
  right: -160px;
  opacity: 0.8;
  z-index: 1;
}

.circle-2,
.circle-2,
.circle-3 {
  right: -140px;
  opacity: 0.9;
  z-index: 2;
}

.circle-3 {
  right: -120px;
  opacity: 1;
  z-index: 3;
}


.btn-white-pill {
  background-color: #ffffff;
  color: #0F0445;
  border: none;
  border-radius: 50px;
  font-size: 18px;
  transition: background 0.2s ease;
  z-index: 9;
}

.btn-white-pill:hover {
  background-color: #e8e8e8;
  color: #0F0445;
}

.btn-outline-white-pill {
  background: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  border-radius: 50px;
  font-size: 18px;
  transition: border-color 0.2s ease, background 0.2s ease;
  z-index: 9;
}

.btn-outline-white-pill:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/* Responsive Testimonial Combined Slide queries */
@media (max-width: 991px) and (min-width: 768px) {
  .testimonial-combined-slide {
    height: 480px;
  }

  .testimonial-quote-card {
    width: 60%;
    height: 380px;
    padding-right: 40px !important;
  }

  .testimonial-img-card {
    left: 48%;
    width: 220px;
    height: 320px;
  }
}

@media (max-width: 767px) {
  .testimonials-section {
    padding: 40px 0 50px !important;
    border-bottom: 30px solid #FFC800 !important;
  }

  .testimonials-label {
    font-size: 18px !important;
  }

  .testimonials-heading {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }

  .testimonials-sub {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .tslide-wrap {
    padding: 0 8px !important;
  }

  /* Stack: Image on TOP, Quote below */
  .testimonial-combined-slide {
    height: auto !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    padding-bottom: 0 !important;
  }

  /* Quote card: bottom, rounded bottom corners */
  .testimonial-quote-card {
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    padding: 20px !important;
    padding-right: 20px !important;
    border-radius: 0 0 20px 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.12) !important;
    z-index: 1 !important;
  }

  .testimonial-quote-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  .testimonial-quote-body {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* Image card: top, rounded top corners, full width */
  .testimonial-img-card {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 260px !important;
    border-radius: 20px 20px 0 0 !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
  }

  .testimonial-img-top {
    padding: 12px 12px 8px !important;
  }

  .testimonial-img-student {
    height: 160px !important;
    flex: 1 !important;
  }

  .testimonial-student-name {
    font-size: 14px !important;
  }

  .testimonial-student-batch {
    font-size: 11px !important;
  }

  /* Remove arrows on mobile — use dots instead */
  .testimonials-arrows {
    display: none !important;
  }
}

/* Testimonial Bullet Dots (mobile only) */
.testimonial-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
}

.testimonial-dot.active {
  width: 24px;
  border-radius: 4px;
  background-color: #FFC800;
}

/* ============================================
   FAQ SECTION
   ============================================ */
.faq-section {
  background: #F5F5F7;
  font-family: 'Figtree', sans-serif;
}
.faq-section, .blog-section{
 padding: 80px 0px;
}

/* Overrides for FAQ Toggles */

.faq-item {
  border-color: #E5E5E7 !important;
}

.faq-question-header {
  user-select: none;
  transition: opacity 0.2s ease;
}

.faq-question-header:hover {
  opacity: 0.8;
}

.faq-toggle-icon {
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  color: #8E8E93;
  transition: transform 0.2s ease, color 0.2s ease;
}

.faq-answer-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
  opacity: 0;
}

.faq-item.active .faq-answer-content {
  max-height: 200px;
  /* Big enough to fit the paragraph text */
  opacity: 1;
}

.faq-item.active .faq-toggle-icon {
  transform: rotate(45deg);
  /* Rotates '+' to 'x' */
  color: #0F0445;
}

.btn-navy-faq {
  background-color: #0F0445 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: none !important;
  font-size: 14px !important;
  transition: background-color 0.2s ease !important;
}

.btn-navy-faq:hover {
  background-color: #1a0870 !important;
}

.text-secondary-dark {
  color: #1D1D1F !important;
}



/* ============================================
   FROM THE BLOG SECTION
   ============================================ */
.blog-section {
  background-color: #ffffff;
  font-family: 'Figtree', sans-serif;
}


.blog-desc-paragraph {
  max-width: 680px;
}

.blog-card {
  background: #ffffff;
  border: 1px solid rgba(103, 64, 204, 0.15);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(103, 64, 204, 0.12);
}

.blog-img-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.blog-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-card:hover .blog-img {
  transform: scale(1.05);
}

.blog-card-title {
  color: #0F0445;
  font-size: 18px;
}

.blog-card-desc {
  color: #555 !important;
  line-height: 1.6;
}

.blog-card-link {
  color: #5641E0;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s ease;
}

.blog-card-link:hover {
  color: #3f2ebd;
}

/* Side navigation buttons styling */
.blog-prev-btn,
.blog-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: #0F0445;
  border: none;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.blog-prev-btn {
  left: -45px;
}

.blog-next-btn {
  right: -45px;
}

.blog-prev-btn:hover,
.blog-next-btn:hover {
  background-color: #5641E0;
}

.blog-prev-btn:active {
  transform: translateY(-50%) scale(0.9);
}

.blog-next-btn:active {
  transform: translateY(-50%) scale(0.9);
}

@media (max-width: 767px) {
  .blog-prev-btn {
    left: 5px;
  }

  .blog-next-btn {
    right: 5px;
  }
}

/* Placement Cards Section Mobile Responsive (Matching Mockup Screenshot) */
@media (max-width: 991.98px) {
  .placement-cards-section {
    background-color: #FFC800 !important;
    padding-top: 30px !important;
    padding-bottom: 40px !important;
  }

  .placement-cards-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 12px !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    margin-right: -1rem !important;
    padding-right: 1rem !important;
  }

  .placement-cards-row::-webkit-scrollbar {
    display: none !important;
  }

  .placement-card-col {
    flex: 0 0 46% !important;
    max-width: 46% !important;
    scroll-snap-align: start !important;
  }

  .placement-card {
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
  }

  .placement-card-top {
    height: 160px !important;
    background-color: #0044FF !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
  }

  .placement-package {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0F0445 !important;
    line-height: 1.1 !important;
  }

  .placement-student {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #5641E0 !important;
  }

  .placement-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #DDA500;
    transition: all 0.3s ease;
  }

  .placement-dot.active {
    width: 20px;
    border-radius: 10px;
    background-color: #0044FF;
  }
  .admissions-section{
    margin-top: 50px !important;
  }
  .admissions-main-heading{
    font-size: 36px;
        background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .admissions-left-desc,.admissions-card .text-white{
    color: #000000 !important;
  }
  .admissions-sub-badge{
    color: var(--navy) !important;
  }
  .faq-section .mb-5,.blog-section .mb-5{
    margin-bottom: 1rem !important;
  }
  .outcomes-mobile-stats-box{
    z-index: 1;
  }
  .outcomes-vector-img{
    top: 0px !important;
    z-index: 0;
  }
}
.credibility-slider{
	margin-top:30px;
}
.badge-row{
	margin-bottom:30px;
}
.badge-logo-img{
	height:72px;
}
.programs-bottom-note{
	margin-top:30px;
}
.program-tab-card:not(.collapsed) svg polyline{
	color:#fff !important;
}
.marquee-ltr{
	margin-bottom:24px;
}
.blog-card-content{
	padding:24px;
}
.callback-card .wpcf7-form-control-wrap { display: block; width: 100%; }
.callback-card .wpcf7 form .wpcf7-response-output { margin: 1rem 0 0; border-radius: .5rem; font-size: .875rem; }
.callback-card .wpcf7-not-valid-tip { font-size: .75rem; margin-top: .25rem; }
.callback-card .wpcf7-spinner { position: absolute; }