img,
svg,
video,
iframe {
  max-width: 100%;
}

/* Container gutters.
   compare-routes / program-selector / faq / blog / stats-banner use
   `container-fluid hero-max-container` with NO px-* classes, so below
   ~1300px they touch the viewport edge. This gives them a floor.
   Sections that DO use px-3 / px-lg-5 are unaffected (Bootstrap spacing
   utilities carry !important). */
.hero-max-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Full-bleed breakout guard */
.bba-specialisations-section-outer {
  max-width: 100vw;
}

/* Was capped at 200px, which clips longer answers once text wraps */
.faq-item.active .faq-answer-content {
  max-height: 1200px;
}

/* Keyboard focus is invisible today because the pill buttons use `outline`
   as decoration. */
.btn-navy-pill:focus-visible,
.btn-outline-pill:focus-visible,
.btn-yellow-pill:focus-visible,
.btn-yellow-pill-fit:focus-visible,
.btn-white-pill:focus-visible,
.btn-outline-white-pill:focus-visible,
.program-tab-card:focus-visible,
.compare-pill-btn:focus-visible,
.leadership-tab-btn:focus-visible {
  outline: 3px solid #5641E0 !important;
  outline-offset: 2px !important;
}


/* --------------------------------------------------------------------------
   1. TABLET & UP  [ORIGINAL]
   ---------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .hero-heading-row {
      order: 1;
    }

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

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

    .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;
  	}

    .border-end-md {
      border-right: 3px solid #D9D9D9 !important;
    }
}


/* --------------------------------------------------------------------------
   2. LAPTOP & UP  [ORIGINAL + NEW]
   ---------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.placement-cards-section {
	border-bottom: 25px solid #0F0445;
	}
	.specialisation-arrow { display: none; }
    .compare-mobile-pills-wrapper {
      display: none !important;
    }
	.rocket-watermark{
		bottom:unset !important;
	}
	.card-content{
		max-width:80%;
	}
    .compare-card-col {
      display: block !important;
    }
	.startup-slider .card .flex-column{
		flex-direction:row !important;
		justify-content:space-between;
		align-items:center;
	}
    .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;
  }
	.collab-mobile-arrow{
		display:none;
	}
  /* ---- NEW ---- */
  .hero-max-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* Fluid banner instead of a hard 523px (the <=991 rule handles smaller) */
  .bachelors-banner-box {
    max-height: none;
  }

  .bachelors-banner-box img {
    height: auto;
    aspect-ratio: 16 / 7;
    object-fit: cover;
  }
  .left-contact-details{
	padding:40px;
  }
	.request-placement-report{
		position:absolute;
		bottom:-90px;
		right:10px;
	}
}


/* --------------------------------------------------------------------------
   3. LARGE DESKTOP  [NEW]
   ---------------------------------------------------------------------------- */
@media (min-width: 1400px) {
  .hero-max-container {
    padding-left: 0;
    padding-right: 0;
  }

  /* Arrows sit outside the container; only enough room from ~1400px up */
  .blog-prev-btn { left: -45px; }
  .blog-next-btn { right: -45px; }

  .stats-banner-wrapper {
    flex-wrap: nowrap;
  }
}


/* --------------------------------------------------------------------------
   4. BELOW LARGE DESKTOP  [NEW]
   ---------------------------------------------------------------------------- */
@media (max-width: 1399.98px) {
  /* HERO ROOT CAUSE: 5 columns x 227px + 4 x 20px gap = 1215px inside a
     1240px container. Any gutter at all and the staggered row wraps.
     Keep the designed heights, make the widths flex. */
  .staggered-cards-wrapper {
    flex-wrap: nowrap;
    gap: 16px;
  }

  .card-col-item {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
  }

  .card-h-281,
  .card-h-158,
  .card-h-354,
  .card-h-244 {
    width: 100% !important;
  }

  /* Pull the blog arrows inside the container so they stop clipping */
  .blog-prev-btn { left: 6px; }
  .blog-next-btn { right: 6px; }

  /* Highlight + 3 pills + dividers no longer fit on one line */
  .stats-banner-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 14px;
  }

  .stat-dot-badge {
    margin: 0 10px;
  }

  /* 193px fixed gap forces an ugly wrap */
  .badge-row {
    gap: 48px;
  }

  .badge-item {
    width: 46%;
  }

  /* 640px decorative circles overflow their 60% column */
  .circle-1,
  .circle-2,
  .circle-3 {
    width: 520px;
    height: 520px;
  }
}


/* --------------------------------------------------------------------------
   5. FLUID TYPOGRAPHY 768-1399  [NEW]
   ---------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1399.98px) {
  
  .text-58,
  .text-58 span,
  .text-lg-58,
  .text-lg-58 span,
  .heading-title {
    font-size: clamp(32px, 4.4vw, 52px) !important;
    line-height: 1.12 !important;
  }
   

  .text-48 { font-size: clamp(26px, 3.6vw, 42px) !important; }
  .text-36 { font-size: clamp(22px, 2.8vw, 32px) !important; }
  .text-28 { font-size: clamp(18px, 2.2vw, 24px) !important; }
  .text-24 { font-size: 20px !important; }
  .text-22 { font-size: 18px !important; }
  .text-20 { font-size: 17px !important; }
  .text-18 { font-size: 16px !important; }

  .admissions-main-heading {
    font-size: clamp(30px, 4vw, 44px);
  }

  .program-tab-title {
    font-size: clamp(20px, 2.4vw, 28px);
  }

  .lab-card-title,
  .study-card-title {
    font-size: clamp(20px, 2.2vw, 26px) !important;
  }
}


/* --------------------------------------------------------------------------
   6. TABLET & DOWN  [ORIGINAL]
   ---------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
	.cta-rings{
		display:none;
	}
    /* ===== WHITE BG on mobile, dark text ===== */
    .faculty-section {
      padding-top: 40px !important;
      padding-bottom: 50px !important;
      background-color: #ffffff !important;
    }
	.speaker-info{
		padding:15px;
	}
    /* 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: #5B5B5B !important;
    }

    /* 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;
    }

    .compare-mobile-pills-wrapper {
      display: flex !important;
    }

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

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

    .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: 10px 22px !important;
      border-radius: 50px !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      cursor: pointer !important;
    }

    

    .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 {
      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;
    }

    .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: 1px solid #FFFFFF !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
      overflow: hidden;
		padding:0px !important;
    }

    .border-bottom-purple {
      border-bottom: 1px solid #FFFFFF !important;
    }

    .border-end-purple {
      border-right: 1px solid #FFFFFF !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;
    }
  

    .startup-section {
      padding-top: 40px !important;
      padding-bottom: 50px !important;
    }

    .startup-card {
      min-height: 350px !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;
    }

    .collaborations-section {
      padding-top: 40px !important;
      padding-bottom: 50px !important;
    }

   

    .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: 255px;
      min-height: 255px;
      border-radius: 16px;
    }
	.card-170{
		height:170px;
		min-height:170px;
	}
	.stat-80{
		height:80px;
		min-height:80px;
	}
    .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: 250px !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;
    }

    .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;
    }

    .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 60%;
      max-width: 60%;
      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: 280px !important;
      background-color: #0044FF !important;
      border-top-left-radius: 16px !important;
      border-top-right-radius: 16px !important;
    }
	.placement-card-top img{
		height:280px !important;
	}
    .placement-package {
      font-size: 20px !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-illustration .outcomes-vector-img{
      top: -140px !important;
      z-index: 0;
		object-fit:contain !important;
    }
	
	.leadership-mobile-slider .stat-box-violet {
		display: flex !important;
		height: auto !important;
		min-height: 0 !important;
	}
 
	.leadership-mobile-slider .mobile-stat-num {
		font-size: 32px;
		line-height: 1.1;
	}
 
	.leadership-mobile-slider .mobile-stat-lbl {
		font-size: 13px;
		line-height: 1.2;
		margin-top: 2px !important;
	}
 
	.leadership-mobile-slider .info-card {
		width: 100%;
		height: auto !important;
		min-height: 0 !important;
	}
 
	.leadership-mobile-slider .lab-card-desc {
		overflow: visible;
		flex: 0 0 auto;
	}
 
	.leadership-mobile-slider .lab-card-title {
		font-size: 20px !important;
	}
 
	.leadership-mobile-slider .leadership-flower-icon {
		width: 56px;
		height: 56px;
	}
 
	.leadership-mobile-slider .info-card-yellow::after {
		width: 150px;
		height: 145px;
		top: -55px;
		left: unset;
		right:-25px;
	}
 
	.leadership-mobile-slider .info-card-yellow::before {
		width: 104px;
		height: 100px;
		top: -30px;
		left: unset;
		right:0px;
	}

	.leadership-mobile-slider .mobile-image-card {
		height: 300px !important;
		min-height: 300px !important;
	}
 
	.leadership-mobile-slider .slick-slide,
	.leadership-mobile-slider .slick-slide > div,
	.leadership-mobile-slider .leadership-mobile-slide {
		height: auto !important;
	}
 
	.leadership-mobile-slider .slick-track {
		align-items: flex-start;
	}
	.leadership-mobile-slider .slick-slide > div, .leadership-mobile-slider .leadership-mobile-slide {
		height:auto !important;
	}
}


/* --------------------------------------------------------------------------
   7. MOBILE  [ORIGINAL + NEW]
   ---------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
	.admissions-card{
		padding:15px !important;
	}
	.admissions-card .col-lg-6{
		padding:0px !important;
	}
	.course-viewmore-wrap { display: block; }
	.faculty-sub-label{
		font-weight:700 !important;
	}
	.faculty-vision-card .d-flex,.faculty-mission-card .d-flex{
		flex-direction:column;
		align-items:flex-start !important;
	}
	.faculty-vision-card svg,.faculty-mission-card svg{
		width:42px;
		height:43px;
	}
	.faculty-vision-card svg path,.faculty-mission-card svg path{
		stroke:#fff;
	}
	.faculty-mission-card svg path{
		fill:#fff;
	}
	
	.card-h-158{
		height:auto !important;
	}
	.course-cards-grid:not(.is-expanded) > .course-hidden-mobile {
		display: none;
	}
	.after-degree-section h2 .text-grey-dark {
	  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;
	}
	.faculty-main-title span:nth-child(1) {
    	color: #0F0445;
	}
	.faculty-main-title span:nth-child(2) {
		background: var(--New, linear-gradient(90deg, #B53C72 0%, #5641E0 100%));
    	background-clip: text;
    	-webkit-text-fill-color: transparent;
	}
	.faculty-main-title span:nth-child(3) {
		color: #5B5B5B;
	}

	.btn-navy-viewmore {
		background: #0F0445;
		color: #fff;
		border: 0;
		border-radius: 999px;
		padding: 14px 24px;
		font-size: 16px;
		line-height: 1.2;
		transition: background .2s ease, transform .15s ease;
	}
	.btn-navy-viewmore:hover,
	.btn-navy-viewmore:focus {
		background: #1A0C60;
		color: #fff;
	}
	.btn-navy-viewmore:active { transform: translateY(1px); }
	.btn-navy-viewmore:focus-visible {
		outline: 3px solid #FFC800;
		outline-offset: 2px;
	}
	.left-contact-details{
		padding:20px;
	  }
	.placement-card-bottom{
		min-height:180px !important;
	}
	.placement-company-text{
		font-size:13px;
	}
    .text-58,.text-58 span {
      font-size: 36px !important;
      line-height: 1.15 !important;
    }
	.bottom-banner-callout::before{
		content:unset !important;
	}
    .text-48 {
      font-size: 32px !important;
    }

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

    .text-28 {
      font-size: 16px !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;
    }

    .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;
    }

    .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: 24px !important;
      font-weight: 700 !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;
    }

    .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;
    }

    .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;
    }

    .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,.testimonial-quote-title span {
      font-size: 20px !important;
      line-height: 1.3 !important;
      margin-bottom: 10px !important;
    }
	.extra-meta-details{
		max-width:80%
	}
	.faculty-prof-info{
		min-height:220px;
	}
    .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;
    }

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

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

  /* ---- NEW ---- */

  /* 200px was copied from desktop and leaves a big empty band under the
     header. 140px suits a ~80-90px fixed header — confirm against yours. */
  .hero-content-section {
    padding-top: 140px !important;
  }

  .hero-pattern-bg {
    height: 700px;
  }

  /* Marquee: 40px gaps + 140px logos make the strip sparse and slow */
  .marquee-content { gap: 20px; }
  .brand-item { padding: 8px 18px; }
  .brand-item img { height: 28px; max-width: 110px; }

  .blog-card-content { padding: 18px; }
  .blog-img-wrapper { height: 190px; }

  .talk-banner { overflow: hidden; }

  .talk-banner-btn-group { width: 100%; }

  .talk-banner-btn-group .btn {
    flex: 1 1 100%;
    text-align: center;
    justify-content: center;
    font-size: 15px;
  }

  .callback-card { padding: 20px !important; }
  .callback-heading { font-size: 20px !important; }

  .placement-package,
  .mobile-stat-big,
  .mobile-stat-mid,
  .mobile-stat-bottom {
    overflow-wrap: anywhere;
  }

  .bba-specialisations-section-outer .container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}


/* --------------------------------------------------------------------------
   8. SMALL PHONES  [NEW]
   ---------------------------------------------------------------------------- */
@media (max-width: 380px) {
  .hero-title-text { font-size: 34px !important; }
  .stat-item-highlight .stat-num-yellow { font-size: 52px !important; }
  .mobile-stat-big { font-size: 52px !important; }

  .placement-card-col {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .btn-yellow-pill-fit { font-size: 13px !important; }
}


/* --------------------------------------------------------------------------
   9. LAPTOP ONLY 992-1199  [NEW]
   ---------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* This band previously received DESKTOP styling with zero adjustments.
     It is where the layout breaks hardest. */

  /* ---- Hero ---- */
  .hero-content-section { padding: 160px 0 60px; }
  .hero-pattern-bg { height: 600px; }

  .card-h-281 { height: 240px !important; }
  .card-h-158 { height: 136px !important; }
  .card-h-354 { height: 302px !important; }
  .card-h-244 { height: 208px !important; }

  .col-align-top { gap: 16px; }

  .hero-card-col-3 .card h3 { font-size: 17px !important; }

  .hero-card-col-3 .btn-yellow-pill {
    font-size: 14px !important;
    padding: 10px 14px !important;
  }

  .btn-navy-pill,
  .btn-outline-pill {
    font-size: 17px;
    padding: 14px 28px;
  }

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

  /* ---- Credibility badges ---- */
  .badge-row { gap: 32px; }
  .badge-item { width: 47%; }

  .laurel-flower-img {
    width: 38px;
    height: 76px;
  }

  .badge-logo-img,
  .logo-coe,
  .logo-ugc,
  .logo-nirf,
  .logo-qs,
  .logo-aicte,
  .logo-naac,
  .logo-cfa,
  .logo-nep {
    height: 58px !important;
  }

  /* ---- Compare routes: 4 cards in ~900px is very tight ---- */
  .compare-card-header { padding: 14px 18px; }
  .compare-card-body { padding: 18px; gap: 10px; }
  .compare-row { gap: 10px; }
  .compare-txt { font-size: 14px; }

  /* ---- Program selector ---- */
  .program-tab-card { height: 104px; padding: 20px 24px; }
  .program-tab-sub { font-size: 15px; }
  .purple-circle-icon { width: 64px; height: 64px; }

  /* ---- Outcomes -> placement overlap chain ----
     .outcomes-stats-box uses margin-bottom:-450px to punch the purple bar
     into the next section. That number is tuned to the DESKTOP box height;
     at this width the box is shorter, so it over-pulls.
     >>> THESE FOUR VALUES ARE ESTIMATES — VERIFY IN BROWSER <<< */
  .outcomes-header-section {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .outcomes-stats-box {
    padding: 32px !important;
    margin-bottom: -360px;
  }

  .outcomes-vector-img {
    top: -60px;
    max-width: 42%;
  }

  .card-row-offset { margin-top: -120px; }

  .recruiter-logos-section {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  /* ---- Leadership: 3 cards inside a col-9 = ~200px each, unusable.
     Move the tab rail above the slider so cards get full width. ---- */
  .leadership-main-row { flex-direction: column; }

  .leadership-main-row > .col-lg-3,
  .leadership-main-row > .col-lg-9 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .leadership-tabs-container {
    flex-direction: row !important;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }

  .leadership-tabs-container .leadership-tab-btn {
    width: auto !important;
    padding: 10px 18px !important;
    text-align: center;
  }

  .leadership-slide-wrapper,
  .speaker-card-tall,
  .info-card {
    height: 320px !important;
  }

  .speaker-card-top { height: 205px; }
  .stat-box-violet { height: 100px; }

  /* ---- Testimonials -> admissions overlap chain (also estimates) ---- */
  .testimonials-section { padding: 60px 0 170px; }

  .testimonial-combined-slide { height: 400px; }

  .testimonial-quote-card {
    width: 70%;
    height: 350px;
    padding-right: 110px !important;
  }

  .testimonial-img-card {
    left: 58%;
    width: 225px;
    height: 330px;
  }

  .admissions-section { margin-top: -200px; }

  /* ---- Faculty cards ---- */
  .faculty-yellow-zone { padding: 50px 0 130px; }
  .faculty-prof-card { margin-top: -100px; }
  .faculty-prof-img-zone { height: 200px; }
  .faculty-prof-info { min-height: 210px; padding: 14px; }

  /* ---- Section rhythm ---- */
  .credibility-section,
  .faculty-section,
  .startup-section,
  .collaborations-section,
  .lakshya-section,
  .leadership-section,
  .beyond-section,
  .after-degree-section,
  .study-abroad-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .faq-section,
  .blog-section { padding: 60px 0; }

  .bba-specialisations-section-outer { padding: 60px 0; }
}


/* --------------------------------------------------------------------------
   10. TABLET ONLY 768-991  [ORIGINAL + NEW]
   ---------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
    .testimonial-combined-slide {
      height: 480px;
    }
	.left-contact-details{
		padding:30px;
	  }

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

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

  /* ---- NEW ----
     The existing max-width:991.98px rules were written for PHONES, so on a
     real tablet they waste half the width (86%-wide carousel cards, a single
     compare card behind pills, 2-up faculty grid). These reclaim it. */

  /* ---- Hero: 5 columns can't fit; show 3, fluid ---- */
  .hero-content-section {
    padding: 150px 0 50px !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .hero-pattern-bg { height: 720px; }

  .hero-title-text {
    font-size: 40px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em;
  }

  .hero-content-section p {
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }

  .hero-btn-group { gap: 12px !important; }

  .btn-navy-pill,
  .btn-outline-pill {
    font-size: 16px !important;
    padding: 13px 26px !important;
  }

  .staggered-cards-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .hero-card-col-4,
  .hero-card-col-5 {
    display: none !important;
  }

  .card-h-281 { width: 100% !important; height: 200px !important; }
  .card-h-158 { width: 100% !important; height: 112px !important; }
  .card-h-354 { width: 100% !important; height: 252px !important; }
  .card-h-244 { width: 100% !important; height: 174px !important; }

  .hero-nacc-logo { height: 30px !important; }

  .hero-card-col-3 .card h3 { font-size: 16px !important; }

  .hero-card-col-3 .btn-yellow-pill {
    font-size: 13px !important;
    padding: 9px 12px !important;
  }

  /* ---- Stats banner: highlight + 3 pills overflow in one row ---- */
  .stats-banner-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 12px;
  }

  .stat-num-yellow { font-size: 30px !important; }

  .stat-lbl-box,
  .stat-lbl-box span { font-size: 15px !important; }

  .stat-lbl-text { font-size: 13px !important; }
  .stat-dot-badge { margin: 0 8px; }

  .stats-banner-outline .laurel-flower-img {
    height: 56px;
    width: auto;
  }

  /* ---- Compare routes: show the real 2-up grid, drop the phone pills ----
     If the design intentionally wants pills on tablet too, delete these
     two rules. */
  .compare-mobile-pills-wrapper { display: none !important; }
  .compare-card-col { display: block !important; }
  .compare-card-body { padding: 20px; }

  /* ---- Carousels: 2 (or 3) per view instead of one 86% card ---- */
  .study-card-col,
  .after-card-col,
  .lakshya-lab-col {
    flex: 0 0 48% !important;
    max-width: 48% !important;
  }

  .placement-card-col {
    flex: 0 0 31%;
    max-width: 31%;
  }

  .placement-card-top { height: 150px !important; }

  /* ---- Faculty results: 2 cols wastes width on tablet ---- */
  #faculty-results > .col,
  #faculty-results > [class*="col-"] {
    flex: 0 0 33.3333%;
    width: 33.3333%;
    max-width: 33.3333%;
  }

  .faculty-prof-img-zone { height: 190px !important; }


  /* ---- Leadership mobile accordion: taller cards on tablet ---- */
  .speaker-card-top,
  .speaker-card-tall,
  .speaker-card {
    height: 280px !important;
    min-height: 280px !important;
  }

  /* ---- Overlap chains: with the mobile stats box + horizontal placement
     scroller, the desktop negative margins no longer make sense ---- */
  .card-row-offset { margin-top: -80px; }

  .recruiter-logos-section {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
  }

  .testimonials-section {
    padding: 50px 0 60px !important;
    border-bottom-width: 34px !important;
  }

  .outcomes-vector-img {
    max-width: 45% !important;
    top: -40px !important;
  }

  /* ---- Talk banner ---- */
  .circle-1,
  .circle-2,
  .circle-3 {
    width: 380px;
    height: 380px;
  }

  .btn-white-pill,
  .btn-outline-white-pill { font-size: 16px; }

  /* ---- Section rhythm ---- */
  .faq-section,
  .blog-section { padding: 50px 0 !important; }

  .blog-card-content { padding: 20px; }
  .blog-img-wrapper { height: 200px; }
}


/* --------------------------------------------------------------------------
   11. REDUCED MOTION
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .marquee-ltr .marquee-content,
  .marquee-rtl .marquee-content {
    animation: none !important;
  }

  * {
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


/* ==========================================================================
   REQUIRED JS  (for the --sbw full-bleed section)
   --------------------------------------------------------------------------
   .bba-specialisations-section-outer breaks out with calc(100vw - var(--sbw)),
   but --sbw is hardcoded to 0px, so on desktop browsers with a visible
   scrollbar the section is ~15px too wide. Add to your theme JS:

     const setSbw = () => document.documentElement.style.setProperty(
       '--sbw', (window.innerWidth - document.documentElement.clientWidth) + 'px'
     );
     setSbw();
     window.addEventListener('resize', setSbw);
   ========================================================================== */
@media (max-width: 420px) {
	.mobile-stat-big{
		font-size:52px !important;
	}
	.mobile-stat-label{
		font-size:18px !important;
	}
	.mobile-stat-mid{
		font-size:32px !important;
	}
	.mobile-stat-bottom{
		font-size:42px !important;
	}	
}
@media (prefers-reduced-motion: reduce) {
  .specialisation-arrow { transition: none; }
}
@media (max-width: 1399.98px) {
	.collab-card { padding: 20px 28px; gap: 20px; }
	.collab-card-logo { flex-basis: 140px; }
	.collab-card-logo img { height: 58px; }
}

@media (max-width: 1199.98px) {
	.collab-card { height: 108px; padding: 18px 22px; gap: 16px; }
	.collab-card-title { font-size: 17px; }
	.collab-card-sub { font-size: 15px; }
	.collab-card-logo { flex-basis: 120px; }
	.collab-card-logo img { height: 50px; }
	.collab-card-arrow svg { width: 28px; height: 28px; }
}

/* ---------- Mobile / Tablet: stacked card ---------- */
@media (max-width: 991.98px) {
	.collab-card {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		height: 100%;
		min-height: 168px;
		padding: 16px;
		gap: 12px;
		border-width: 1px;
		border-radius: 12px;
	}

	.collab-card-text { flex: 0 0 auto; }
	.collab-card-title { font-size: 15px; }
	.collab-card-sub   { font-size: 13px; margin-top: 2px; }

	/* divider vertical -> horizontal */
	.collab-card-divider {
		flex: 0 0 1px;
		width: 100%;
		height: 1px;
		margin: 0;
	}
	.spec-cards{
		width:100% !important;
	}
	/* logo ke baad wali line mobile par nahi chahiye */
	.collab-card-logo + .collab-card-divider { display: none; }

	.collab-card-logo {
		flex: 1 1 auto;
		justify-content: space-between;
	}

	.collab-card-logo img {
		width: auto;
		max-width: 100%;
		height: 42px;
		object-fit: contain;
		object-position: left center;
	}

/* 	.collab-card-arrow { display: none; } */
	.collab-desktop-arrow{
		display:none;
	}
	.collab-card-arrow{
		width:22px;
	}
	.collab-slider .slick-slide > div + div { margin-top: 12px; }
}

@media (max-width: 575.98px) {
	.collab-card { min-height: 152px; padding: 14px; gap: 10px; }
	.collab-card-title { font-size: 14px; }
	.collab-card-sub   { font-size: 12px; }
	.collab-card-logo img { height: 34px; }
	.leadership-mobile-slider .mobile-stat-num  { font-size: 28px; }
	.leadership-mobile-slider .lab-card-title   { font-size: 18px !important; }
	.leadership-mobile-slider .info-card        { padding: 20px !important; }
	.leadership-mobile-slider .mobile-image-card { height: 300px !important; min-height: 300px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.collab-card,
	.collab-card-arrow svg { transition: none; }
	.collab-card[href]:hover { transform: none; }
}
@media (max-width: 575.98px) {
	.pu-modal { padding: 12px; }
	.pu-modal-dialog { padding: 24px 20px; border-radius: 16px; }
	.pu-modal-title { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.pu-modal-backdrop,
	.pu-modal-dialog { animation: none; }
	.pu-modal-close { transition: none; }
}
/* ---------- Responsive ---------- */
@media (max-width: 767.98px) {
	.leadership-section .slider-arrow-btn svg {
		width: 38px;
		height: 38px;
	}
	.placement-card-col{
		flex: 0 0 75%;
        max-width: 75%;
	}
}
 
@media (prefers-reduced-motion: reduce) {
	.leadership-section .slider-arrow-btn,
	.leadership-section .slider-arrow-btn svg path {
		transition: none;
	}
 
	.leadership-section .slider-arrow-btn:not(:disabled):hover {
		transform: none;
	}
}