/* ===== MBA PROGRAMS COMPLETE ISOLATED CSS ===== */
/* File: mba-programs.css */
/* Purpose: ALL styles for MBA programs page - COMPLETE ISOLATION */
/* Dependencies: None - All styles scoped with .mba-programs-page */
/* Client Requests Implemented: 16/16 items - UPDATED WITH FIXES */
/* Last Updated: 2025-01-15 19:15 GMT */
/* CHANGES: Tab redesign, Program meta fix, PGPM mobile stack, Video system */

/* ===== BASE RESET & GLOBAL STYLES START ===== */
.mba-programs-page {
  font-family: var(--mba-font-primary);
  line-height: 1.6;
  color: var(--mba-text-primary);
  background-color: var(--mba-background);
  overflow-x: hidden;
}

.mba-programs-page *,
.mba-programs-page *::before,
.mba-programs-page *::after {
  box-sizing: border-box;
}

/* Reset only specific elements, not ALL elements */
.mba-programs-page h1,
.mba-programs-page h2,
.mba-programs-page h3,
.mba-programs-page h4,
.mba-programs-page h5,
.mba-programs-page h6,
.mba-programs-page p {
  margin: 0;
}

.mba-programs-page ul,
.mba-programs-page ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* CONTAINER - MUST HAVE auto margins for centering */
.mba-programs-page .container {
  max-width: var(--mba-container-width);
  margin: 0 auto; /* This centers the container */
  padding: 0 1rem;
  width: 100%;
}

/* Ensure header/footer containers also center */
.mba-programs-page #headerArea .container,
.mba-programs-page .footer-section .container {
  max-width: var(--mba-container-width);
  margin: 0 auto;
}

.mba-programs-page .section-spacing {
  padding: var(--mba-section-spacing) 0;
}

.mba-programs-page .section-light {
  background-color: var(--mba-light);
}

.mba-programs-page .section-white {
  background-color: var(--mba-white);
}
/* ===== BASE RESET & GLOBAL STYLES END ===== */

/* ===== MBA BUTTON COMPONENTS START ===== */
.mba-programs-page .btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  text-decoration: none;
  font-family: var(--mba-font-primary);
  font-weight: var(--mba-font-weight-semi-bold);
  font-size: 1rem;
  transition: all var(--mba-transition-normal);
  border: none;
  cursor: pointer;
  text-align: center;
}

.mba-programs-page .btn-large {
  padding: 0.875rem 2rem;
  font-size: 1.1rem;
}

.mba-programs-page .btn-primary {
  background: var(--mba-accent);
  color: var(--mba-white);
  border: 2px solid var(--mba-accent);
}

.mba-programs-page .btn-primary:hover {
  background: #e59400;
  border-color: #e59400;
  transform: translateY(-2px);
}

.mba-programs-page .btn-secondary {
  background: var(--mba-primary);
  color: var(--mba-white);
  border: 2px solid var(--mba-primary);
}

.mba-programs-page .btn-secondary:hover {
  background: #0f1a2e;
  border-color: #0f1a2e;
  transform: translateY(-2px);
}

.mba-programs-page .btn-outline {
  background: transparent;
  color: var(--mba-primary);
  border: 2px solid var(--mba-primary);
}

.mba-programs-page .btn-outline:hover {
  background: var(--mba-primary);
  color: var(--mba-white);
  transform: translateY(-2px);
}
/* ===== MBA BUTTON COMPONENTS END ===== */

/* ===== MBA HERO SECTION START ===== */
.mba-programs-page .programs-hero {
  background: linear-gradient(135deg, var(--mba-primary) 0%, #2a5c8b 100%);
  color: var(--mba-white);
  padding: 4rem 0; /* Reduced padding */
  text-align: center;
  position: relative;
  overflow: hidden;
}

.mba-programs-page .programs-hero-content {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  position: relative;
  z-index: 2;
  min-height: 280px; /* Optional: set minimum height */
}

.mba-programs-page .programs-hero-title {
  font-family: var(--mba-font-primary);
  font-size: 2.5rem;
  font-weight: var(--mba-font-weight-bold);
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.mba-programs-page .programs-hero-subtitle {
  font-family: var(--mba-font-secondary);
  font-size: 1.2rem;
  opacity: 0.9;
  margin: 0;
}

.mba-programs-page .programs-hero .btn-primary {
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0.875rem 2.5rem;
  font-size: 1.1rem;
  font-weight: var(--mba-font-weight-semi-bold);
  border-radius: 6px;
  transition: all var(--mba-transition-normal);
}

.mba-programs-page .programs-hero .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(252, 163, 17, 0.4);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .mba-programs-page .programs-hero {
    padding: 3rem 0; /* Even less on mobile */
  }

  .mba-programs-page .programs-hero-title {
    font-size: 1.8rem;
  }

  .mba-programs-page .programs-hero-subtitle {
    font-size: 1rem;
  }

  .mba-programs-page .programs-hero .btn-primary {
    padding: 0.75rem 2rem;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .mba-programs-page .programs-hero {
    padding: 2.5rem 0;
  }

  .mba-programs-page .programs-hero-title {
    font-size: 1.6rem;
  }
}

/* Override section-spacing for hero only */
.mba-programs-page .programs-hero.section-spacing {
  padding: 40px 0 !important; /* Reduced from 80px */
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .mba-programs-page .programs-hero.section-spacing {
    padding: 40px 0 !important; /* Even less on mobile */
  }
}
/* ===== MBA HERO SECTION END ===== */

/* ===== MBA TAB NAVIGATION START ===== */
/* CLIENT REQUEST #1 & #2: Tab colors and padding fixes - UPDATED */
.mba-programs-page .program-tabs-section {
  background: var(--mba-white);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 0;
  z-index: 99;
}

.mba-programs-page .program-tabs-container {
  position: relative;
  padding: 20px;
}

.mba-programs-page .program-tabs {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  background: transparent;
}

/* CLIENT REQUEST: VERTICAL layout with icon top, text stacked below */
.mba-programs-page .program-tab {
  flex: 0 1 280px;
  background: var(--mba-white);
  border: 2px solid var(--mba-light);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  cursor: pointer;
  transition: all var(--mba-transition-normal);
  font-family: var(--mba-font-primary);
  font-weight: var(--mba-font-weight-semi-bold);
  display: flex;
  flex-direction: row; /* Icon left, text right */
  align-items: center; /* Vertical center */
  justify-content: flex-start; /* Horizontal start */
  gap: 1rem; /* Space between icon and text */
  position: relative;
  overflow: hidden;
  text-align: left;
  min-height: 100px; /* Taller for vertical centering */
}

/* CLIENT REQUEST: Tab colors with opacity system (50%/70%/100%) */
.mba-programs-page .program-tab {
  color: var(--mba-white);
  border-color: transparent;
  opacity: 0.8; /* Default unselected = 50% */
  transition:
    opacity var(--mba-transition-normal),
    transform var(--mba-transition-normal);
}

/* Base colors for each tab */
.mba-programs-page .tab-standard {
  background: linear-gradient(135deg, var(--mba-primary) 0%, #1a2b4d 100%);
}

.mba-programs-page .tab-immersion {
  background: linear-gradient(
    135deg,
    var(--mba-tab-immersion) 0%,
    #1d3d5c 100%
  );
}

.mba-programs-page .tab-exchange {
  background: linear-gradient(135deg, var(--mba-tab-exchange) 0%, #0f5c47 100%);
}

/* CLIENT REQUEST: Hover = 70% opacity */
.mba-programs-page .program-tab:hover {
  opacity: 0.8; /* Hover = 80% */
  transform: translateY(-2px);
}

/* CLIENT REQUEST: Selected = 100% opacity */
.mba-programs-page .program-tab.active {
  opacity: 1; /* Selected = 100% */
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

@keyframes mba-tabPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

/* Icon - Left side */
.mba-programs-page .tab-icon {
  font-size: 1.5rem; /* Larger icon */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 50px; /* Fixed width */
  height: 50px; /* Fixed height */
}

/* Text container - Right side (stacked) */
.mba-programs-page .tab-text-container {
  display: flex;
  flex-direction: column; /* Stack title and description vertically */
  align-items: flex-start; /* Align text to left */
  justify-content: center;
  gap: 0.25rem; /* Small gap between lines */
  flex: 1;
  min-width: 0; /* Allow text wrapping */
}

/* Title */
.mba-programs-page .tab-title {
  font-size: 0.95rem; /* Reduced from 1rem */
  font-weight: var(--mba-font-weight-semi-bold);
  line-height: 1.2;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
  text-align: left;
  display: block;
  margin-bottom: 0.125rem; /* Space between title and short */
  color: var(--mba-white);
}

/* Short description */
.mba-programs-page .tab-short {
  font-size: 0.75rem; /* Reduced from 0.85rem */
  line-height: 1.1;
  opacity: 0.9;
  font-weight: var(--mba-font-weight-medium);
  width: 100%;
  text-align: left;
  display: block;
  color: rgba(255, 255, 255, 0.9); /* Brighter white */
}
/* ===== MBA TAB NAVIGATION END ===== */

/* ===== MBA PROGRAM HEADER START ===== */
.mba-programs-page .program-header {
  text-align: center;
  padding: var(--mba-section-spacing) 0 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.mba-programs-page .program-badge {
  display: inline-block;
  background: var(--mba-primary);
  color: var(--mba-white);
  padding: 0.5rem 1.5rem;
  border-radius: 30px;
  font-family: var(--mba-font-primary);
  font-weight: var(--mba-font-weight-semi-bold);
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

.mba-programs-page .program-main-title {
  font-family: var(--mba-font-primary);
  font-size: 2.2rem;
  font-weight: var(--mba-font-weight-bold);
  color: var(--mba-primary);
  margin-bottom: 0.5rem;
}

.mba-programs-page .program-tagline {
  font-family: var(--mba-font-secondary);
  font-size: 1.1rem;
  color: var(--mba-text-secondary);
  margin-bottom: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* CLIENT REQUEST #5: Program meta in one line - UPDATED */
.mba-programs-page .program-meta {
  display: flex;
  justify-content: space-between; /* Force true one-line */
  align-items: stretch;
  flex-wrap: nowrap; /* Prevent wrapping */
  gap: 3rem;
  max-width: 1000px;
  margin: 0 auto;
  background: var(--mba-light);
  padding: 2rem;
  border-radius: 12px;
  border-left: 4px solid var(--mba-accent);
}

.mba-programs-page .meta-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  text-align: center;
  flex: 1;
  padding: 0 1rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.mba-programs-page .meta-item:last-child {
  border-right: none;
}

.mba-programs-page .meta-label {
  font-family: var(--mba-font-primary);
  font-size: 0.9rem;
  font-weight: var(--mba-font-weight-semi-bold);
  color: var(--mba-text-secondary);
  margin-bottom: 0.25rem;
  width: 100%;
}

.mba-programs-page .meta-value {
  font-family: var(--mba-font-secondary);
  font-size: 1.1rem;
  font-weight: var(--mba-font-weight-semi-bold);
  color: var(--mba-primary);
  text-align: center;
  width: 100%;
}

/* CLIENT REQUEST #3: Tab 2 duration formatting */
.mba-programs-page .duration-multiline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.mba-programs-page .duration-line1 {
  font-size: 1.2rem;
  font-weight: var(--mba-font-weight-bold);
  color: var(--mba-primary);
}

.mba-programs-page .duration-line2 {
  font-size: 0.9rem;
  color: var(--mba-text-secondary);
  font-weight: var(--mba-font-weight-medium);
}

.mba-programs-page .meta-value.price {
  color: var(--mba-accent);
  font-size: 1.3rem;
}

.mba-programs-page .meta-note {
  font-size: 0.8rem;
  color: var(--mba-text-light);
  margin-top: 0.25rem;
  width: 100%;
  text-align: center;
}

.mba-programs-page .duration-note {
  font-size: 0.9rem;
  color: var(--mba-accent);
  margin-top: 0.5rem;
  font-weight: var(--mba-font-weight-medium);
  text-align: center;
}

/* CLIENT REQUEST #4 & #10: White text on yellow background */
.mba-programs-page .yellow-bg-description {
  background-color: var(--mba-accent) !important;
  color: var(--mba-white) !important;
  padding: 1.5rem !important;
  border-radius: 8px !important;
  margin: 1.5rem auto !important;
  max-width: 800px !important;
  text-align: center !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  box-shadow: 0 4px 12px rgba(252, 163, 17, 0.2) !important;
}

/* CLIENT REQUEST #6: Program Objectives heading size increase */
.mba-programs-page .program-objectives {
  font-family: var(--mba-font-primary) !important;
  font-size: 2rem !important; /* Increased from 1.8rem */
  font-weight: var(--mba-font-weight-bold) !important;
  color: var(--mba-primary) !important;
  text-align: center !important;
  margin: 2rem 0 1.5rem !important;
}
/* ===== MBA PROGRAM HEADER END ===== */

/* ===== MBA PROGRAM CONTENT AREA START ===== */
.mba-programs-page .program-content-area {
  padding-top: var(--mba-spacing-lg);
}

.mba-programs-page .tab-content-area {
  width: 100%;
}

.mba-programs-page .tab-content {
  display: none;
  animation: mba-fadeIn 0.5s ease;
}

.mba-programs-page .tab-content.active {
  display: block;
}

@keyframes mba-fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== MBA PROGRAM CONTENT AREA END ===== */

/* ===== MBA TABLE STYLES START ===== */
.mba-programs-page .table-responsive {
  overflow-x: auto;
  margin: 1rem auto;
  max-width: 100%;
}

.mba-programs-page .curriculum-table,
.mba-programs-page .specializations-table,
.mba-programs-page .fee-table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
  font-family: var(--mba-font-secondary);
  margin: 0 auto;
}

.mba-programs-page .curriculum-table th,
.mba-programs-page .specializations-table th,
.mba-programs-page .fee-table th {
  background: var(--mba-primary);
  color: var(--mba-white);
  padding: 1rem;
  text-align: left;
  font-weight: var(--mba-font-weight-semi-bold);
}

.mba-programs-page .curriculum-table td,
.mba-programs-page .specializations-table td,
.mba-programs-page .fee-table td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--mba-light);
}

.mba-programs-page .specializations-table td {
  padding: 1.5rem;
  border: 1px solid var(--mba-light);
  vertical-align: top;
}

.mba-programs-page .curriculum-table tr:nth-child(even),
.mba-programs-page .specializations-table tr:nth-child(even),
.mba-programs-page .fee-table tr:nth-child(even) {
  background: #f8f9fa;
}

.mba-programs-page .curriculum-table tr:hover,
.mba-programs-page .specializations-table tr:hover,
.mba-programs-page .fee-table tr:hover {
  background: #e9ecef;
}

.mba-programs-page .course-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mba-programs-page .course-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
}

.mba-programs-page .course-list li:last-child {
  border-bottom: none;
}
/* ===== MBA TABLE STYLES END ===== */

/* ===== MBA FEE STRUCTURE START ===== */
.mba-programs-page .fee-wrapper {
  background: var(--mba-white);
  border-radius: 12px;
  padding: var(--mba-spacing-xl);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-top: var(--mba-spacing-lg);
}

.mba-programs-page .fee-summary {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: var(--mba-spacing-lg);
  margin-bottom: var(--mba-spacing-xl);
  border-left: 4px solid var(--mba-accent);
}

.mba-programs-page .fee-total-display {
  font-family: var(--mba-font-primary);
  font-size: 1.8rem;
  font-weight: var(--mba-font-weight-bold);
  color: var(--mba-primary);
  text-align: center;
  margin-bottom: var(--mba-spacing-lg);
}

.mba-programs-page .fee-breakdown {
  display: flex;
  justify-content: center;
  gap: var(--mba-spacing-xl);
  flex-wrap: wrap;
}

.mba-programs-page .breakdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mba-programs-page .breakdown-label {
  font-family: var(--mba-font-secondary);
  font-size: 0.95rem;
  color: var(--mba-text-secondary);
  margin-bottom: 0.5rem;
}

.mba-programs-page .breakdown-value {
  font-family: var(--mba-font-primary);
  font-size: 1.2rem;
  font-weight: var(--mba-font-weight-semi-bold);
  color: var(--mba-accent);
}

.mba-programs-page .installment-name {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.mba-programs-page .installment-number {
  background: var(--mba-accent);
  color: var(--mba-white);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: var(--mba-font-weight-semi-bold);
  flex-shrink: 0;
}

.mba-programs-page .installment-label {
  font-weight: var(--mba-font-weight-medium);
}

.mba-programs-page .installment-amount {
  font-family: var(--mba-font-primary);
  font-weight: var(--mba-font-weight-semi-bold);
  color: var(--mba-primary);
  font-size: 1.1rem;
}

.mba-programs-page .installment-due {
  color: var(--mba-text-secondary);
  font-size: 0.95rem;
}
/* ===== MBA FEE STRUCTURE END ===== */

/* ===== MBA CTA SECTION - COMPLETE FIX ===== */
.mba-programs-page .program-cta {
  text-align: center !important;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  max-width: var(--mba-container-width) !important;
  margin: 0 auto !important;
}

.mba-programs-page .program-cta .cta-container {
  max-width: 800px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.mba-programs-page .program-cta .cta-content {
  margin-bottom: 2rem !important;
}

.mba-programs-page .program-cta .cta-title {
  font-family: var(--mba-font-primary) !important;
  font-size: 2rem !important;
  color: var(--mba-primary) !important;
  margin-bottom: 1rem !important;
}

.mba-programs-page .program-cta .cta-text {
  font-size: 1.1rem !important;
  color: var(--mba-text-secondary) !important;
}

.mba-programs-page .program-cta .cta-buttons {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: var(--mba-spacing-md) !important;
  margin-top: var(--mba-spacing-lg) !important;
}

/* ===== MBA CTA SECTION - COMPLETE FIX (ADD THESE) ===== */

/* Fix text centering */
.mba-programs-page .program-cta .cta-content {
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 2rem !important;
}

.mba-programs-page .program-cta .cta-text {
  text-align: center !important;
  margin: 0 auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 600px !important;
  font-size: 1.1rem !important;
  color: var(--mba-text-secondary) !important;
  line-height: 1.6 !important;
}

/* Fix button alignment and vertical centering */
.mba-programs-page .program-cta .cta-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: var(--mba-spacing-md) !important;
  margin-top: var(--mba-spacing-lg) !important;
}

.mba-programs-page .program-cta .cta-buttons .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 1.5rem !important;
  vertical-align: middle !important;
  margin: 0 !important;
  text-decoration: none !important;
}

/* Large button specific styles */
.mba-programs-page .program-cta .cta-buttons .btn-large {
  height: 55px !important;
  min-height: 55px !important;
  padding: 0 2rem !important;
  font-size: 1.1rem !important;
}

/* Mobile responsiveness for CTA */
@media (max-width: 768px) {
  .mba-programs-page .program-cta .cta-buttons {
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--mba-spacing-sm) !important;
  }

  .mba-programs-page .program-cta .cta-buttons .btn {
    width: 100% !important;
    max-width: 300px !important;
  }

  .mba-programs-page .program-cta .cta-title {
    font-size: 1.75rem !important;
  }

  .mba-programs-page .program-cta .cta-text {
    font-size: 1rem !important;
    padding: 0 1rem !important;
  }
}
/* ===== MBA CTA SECTION END ===== */

/* ===== MBA PGPM CARDS START ===== */
/* FIX: Mobile should stack, not side-by-side */
.mba-programs-page .pgpm-cards {
  display: grid;
  gap: 1.5rem;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr); /* 2 columns for 2x2 grid */
  max-width: 1000px;
  margin: 0 auto;
}

.mba-programs-page .pgpm-card {
  background: var(--mba-white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: transform var(--mba-transition-normal);
  width: 100%;
  height: 100%; /* Ensure equal height */
  display: flex;
  flex-direction: column;
}

.mba-programs-page .pgpm-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.mba-programs-page .pgpm-card-header {
  background: var(--mba-primary);
  color: var(--mba-white);
  padding: 1.25rem 1.5rem !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 60px;
}

.mba-programs-page .pgpm-card-title {
  font-family: var(--mba-font-primary);
  font-size: 1.2rem; /* Slightly larger */
  font-weight: var(--mba-font-weight-semi-bold);
  margin: 0;
  flex: 1;
  padding-right: 1rem;
}

.mba-programs-page .pgpm-card-badge {
  display: inline-flex !important;
  background: var(--mba-accent) !important;
  color: var(--mba-white) !important;
  padding: 0.35rem 1rem !important;
  border-radius: 20px !important;
  font-size: 0.85rem !important;
  font-weight: var(--mba-font-weight-semi-bold) !important;
  min-width: 60px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
}

.mba-programs-page .pgpm-card-content {
  padding: 1.5rem;
  flex: 1; /* Make content fill remaining space */
  display: flex;
  flex-direction: column;
}

.mba-programs-page .pgpm-modules,
.mba-programs-page .pgpm-activities {
  margin-bottom: 1.5rem;
}

.mba-programs-page .pgpm-modules h4,
.mba-programs-page .pgpm-activities h4 {
  font-family: var(--mba-font-primary);
  color: var(--mba-primary);
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

.mba-programs-page .pgpm-modules ul,
.mba-programs-page .pgpm-activities ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mba-programs-page .pgpm-modules li,
.mba-programs-page .pgpm-activities li {
  padding: 0.375rem 0;
  padding-left: 1rem;
  position: relative;
  font-size: 0.9rem;
  line-height: 1.4;
}

.mba-programs-page .pgpm-modules li::before {
  content: "•";
  color: var(--mba-accent);
  position: absolute;
  left: 0;
  font-size: 1.2rem;
}
/* ===== MBA PGPM CARDS END ===== */

/* ===== MBA PGPM HIGHLIGHTS START ===== */
/* CLIENT REQUEST #11: 2x2 grid for Tab 3 cards */
.mba-programs-page .pgpm-highlights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2x2 grid */
  gap: var(--mba-spacing-md);
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--mba-spacing-md);
  background: linear-gradient(135deg, var(--mba-light) 0%, #f8f9fa 100%);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.mba-programs-page .pgpm-highlights-grid.center-grid {
  justify-content: center;
}

.mba-programs-page .pgpm-highlight-item {
  display: flex;
  align-items: flex-start;
  gap: var(--mba-spacing-sm);
  padding: var(--mba-spacing-md);
  background: var(--mba-white);
  border-radius: 8px;
  border-left: 4px solid var(--mba-accent);
  transition: all var(--mba-transition-normal);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  animation: mba-fadeInUp 0.5s ease forwards;
}

.mba-programs-page .pgpm-highlight-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(252, 163, 17, 0.1);
  border-left-color: var(--mba-primary);
}

.mba-programs-page .pgpm-highlight-icon {
  color: var(--mba-accent);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  min-width: 24px;
  text-align: center;
  transition: transform var(--mba-transition-normal);
}

.mba-programs-page .pgpm-highlight-item:hover .pgpm-highlight-icon {
  transform: scale(1.2);
  color: var(--mba-primary);
}

.mba-programs-page .pgpm-highlight-text {
  font-family: var(--mba-font-secondary);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--mba-text-primary);
  margin: 0;
}

.mba-programs-page .pgpm-highlight-item.feature-item {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--mba-spacing-lg);
  background: var(--mba-white);
  border-radius: 12px;
  border-left: 4px solid var(--mba-tab-exchange);
  box-shadow: 0 4px 15px rgba(26, 127, 100, 0.08);
}

.mba-programs-page .feature-content {
  width: 100%;
}

.mba-programs-page .feature-title {
  color: var(--mba-tab-exchange);
  font-family: var(--mba-font-primary);
  font-size: 1.1rem;
  font-weight: var(--mba-font-weight-semi-bold);
  margin-bottom: var(--mba-spacing-sm);
  text-align: center;
}

.mba-programs-page .feature-description {
  color: var(--mba-text-secondary);
  line-height: 1.6;
  margin: 0;
  text-align: center;
}

@keyframes mba-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== MBA PGPM HIGHLIGHTS END ===== */

/* ===== NEW VIDEO SYSTEM CSS - ROW BASED LAYOUT ===== */
.mba-programs-page .program-videos.section-spacing.section-light {
  background: #f8f9fa;
  padding: 80px 0;
}

.mba-programs-page .program-videos .section-header {
  text-align: center;
  margin-bottom: 50px;
}

.mba-programs-page .program-videos .section-title {
  color: var(--mba-dark);
  font-size: 2.5rem;
  margin-bottom: 15px;
}

.mba-programs-page .program-videos .section-subtitle {
  color: var(--mba-text-secondary);
  font-size: 1.2rem;
  max-width: 600px;
  margin: 0 auto;
}

/* NEW: Regular videos row (top) */
.mba-programs-page .regular-videos-row {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 3rem;
  min-height: 0; /* Prevent empty space */
}

/* NEW: Short videos row (bottom) */
.mba-programs-page .short-videos-row {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  min-height: 0; /* Prevent empty space */
}

/* NEW: Grid layouts based on video count */
/* 1 video - centered */
.mba-programs-page .video-grid-1 {
  display: flex;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto;
}

/* 2 videos - side by side */
.mba-programs-page .video-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  max-width: 900px;
  margin: 0 auto;
}

/* 3 videos - grid */
.mba-programs-page .video-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* 4 videos - 2x2 grid */
.mba-programs-page .video-grid-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
}

/* Video item styling */
.mba-programs-page .video-item {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  width: 100%;
}

.mba-programs-page .video-item:hover {
  transform: translateY(-5px);
}

.mba-programs-page .video-embed-wrapper {
  position: relative;
  width: 100%;
}

/* YouTube embed - use default (for shorts too) */
.mba-programs-page .youtube-embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio (YouTube default) */
  height: 0;
  overflow: hidden;
}

.mba-programs-page .youtube-embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.mba-programs-page .video-title {
  padding: 15px;
  margin: 0;
  font-size: 1rem;
  color: var(--mba-dark);
  text-align: center;
  font-weight: var(--mba-font-weight-semi-bold);
}

/* CLIENT REQUEST #12: Remove video pills */
.mba-programs-page .video-pills,
.mba-programs-page .video-filter,
.mba-programs-page .video-category-pills {
  display: none !important;
}
/* ===== NEW VIDEO SYSTEM CSS END ===== */

/* ===== MBA PARTNER COLLEGES START ===== */
.mba-programs-page .college-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: var(--mba-spacing-md) !important;
  max-width: 1200px !important;
  margin: var(--mba-spacing-lg) auto 0 !important;
  padding: 0 var(--mba-spacing-md) !important;
}

.mba-programs-page .college-item {
  background: var(--mba-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  padding: var(--mba-spacing-md) !important;
  border-left: 4px solid var(--mba-tab-exchange) !important;
  transition: all var(--mba-transition-normal) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.mba-programs-page .college-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(26, 127, 100, 0.12) !important;
  border-left-color: var(--mba-accent) !important;
}

.mba-programs-page .college-content {
  display: flex !important;
  align-items: center !important;
  gap: var(--mba-spacing-md) !important;
  height: 100%;
}

.mba-programs-page .college-logo {
  width: 120px !important;
  height: 70px !important;
  max-width: 120px !important;
  max-height: 70px !important;
  min-width: 120px !important;
  min-height: 70px !important;
  object-fit: contain !important;
  padding: var(--mba-spacing-xs) !important;
  background: var(--mba-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.mba-programs-page .college-content i.fa-university {
  width: 80px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 2rem !important;
  color: var(--mba-primary) !important;
  background: var(--mba-light) !important;
  border-radius: 8px !important;
}

.mba-programs-page .college-details {
  flex: 1 !important;
}

.mba-programs-page .college-name {
  font-family: var(--mba-font-primary) !important;
  font-size: 1rem !important;
  font-weight: var(--mba-font-weight-semi-bold) !important;
  color: var(--mba-text-primary) !important;
  margin-bottom: 0.25rem !important;
  line-height: 1.4;
}

.mba-programs-page .college-country {
  font-size: 0.9rem !important;
  color: var(--mba-text-secondary) !important;
  font-weight: var(--mba-font-weight-medium) !important;
  display: inline-block !important;
  padding: 0.25rem 0.75rem !important;
  background: var(--mba-light) !important;
  border-radius: 20px !important;
  margin-top: 0.25rem !important;
}
/* ===== MBA PARTNER COLLEGES END ===== */

/* ===== MBA TESTIMONIALS CAROUSEL START ===== */
.mba-programs-page .mba-program-testimonial {
  max-width: 1200px;
  margin: 0 auto;
}

.mba-programs-page .mba-testimonial-header.center-align {
  text-align: center;
  margin-bottom: var(--mba-spacing-xl);
}

.mba-programs-page .mba-testimonial-pre-title {
  display: block;
  font-size: 0.9rem;
  color: var(--mba-accent);
  font-weight: var(--mba-font-weight-semi-bold);
  margin-bottom: var(--mba-spacing-sm);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mba-programs-page .mba-testimonial-title {
  font-family: var(--mba-font-primary);
  font-size: 2rem;
  font-weight: var(--mba-font-weight-bold);
  color: var(--mba-primary);
  margin-bottom: var(--mba-spacing-sm);
}

.mba-programs-page .mba-testimonial-subtitle {
  font-family: var(--mba-font-secondary);
  font-size: 1.1rem;
  color: var(--mba-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

.mba-programs-page .mba-testimonial-carousel-wrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

.mba-programs-page .mba-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mba-spacing-lg);
  margin-bottom: var(--mba-spacing-md);
}

.mba-programs-page .mba-carousel-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--mba-primary);
  color: var(--mba-white);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--mba-transition-normal);
  font-size: 1.2rem;
}

.mba-programs-page .mba-carousel-btn:hover:not(:disabled) {
  background: var(--mba-accent);
  transform: scale(1.05);
}

.mba-programs-page .mba-carousel-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mba-programs-page .mba-carousel-status {
  font-family: var(--mba-font-primary);
  font-weight: var(--mba-font-weight-medium);
  color: var(--mba-text-secondary);
}

.mba-programs-page .mba-testimonial-carousel-container {
  overflow: hidden;
  margin-bottom: var(--mba-spacing-lg);
  width: 100%;
}

.mba-programs-page .mba-testimonial-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  transition: transform 0.5s ease;
  width: 100%;
}

.mba-programs-page .mba-testimonial-slide {
  flex: 0 0 calc(33.333% - 16px);
  min-width: calc(33.333% - 16px);
  width: calc(33.333% - 16px);
  max-width: calc(33.333% - 16px);
  box-sizing: border-box;
}

.mba-programs-page .mba-testimonial-card {
  background: var(--mba-white);
  border-radius: 12px;
  padding: var(--mba-spacing-lg);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  height: 100%;
  min-height: 320px;
  transition: transform var(--mba-transition-normal);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mba-programs-page .mba-testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.mba-programs-page .mba-quote-icon-top {
  color: var(--mba-primary);
  opacity: 0.3;
  font-size: 2rem;
  margin-bottom: var(--mba-spacing-sm);
}

.mba-programs-page .mba-testimonial-rating {
  margin-bottom: var(--mba-spacing-sm);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.mba-programs-page .mba-star {
  font-size: 1.2rem;
}

.mba-programs-page .mba-star.mba-filled {
  color: #ffd700;
}

.mba-programs-page .mba-star.mba-empty {
  color: #ddd;
}

.mba-programs-page .mba-rating-number {
  margin-left: var(--mba-spacing-sm);
  font-weight: var(--mba-font-weight-medium);
  color: var(--mba-text-secondary);
}

.mba-programs-page .mba-testimonial-quote p {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--mba-text-primary);
  margin: 0;
  height: 120px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.mba-programs-page .mba-testimonial-author {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: var(--mba-spacing-sm);
}

.mba-programs-page .mba-author-avatar-container {
  position: relative;
  flex-shrink: 0;
}

.mba-programs-page .mba-author-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--mba-light);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mba-programs-page .mba-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mba-programs-page .mba-avatar-fallback {
  font-size: 1.2rem;
  font-weight: var(--mba-font-weight-bold);
  color: var(--mba-primary);
}

.mba-programs-page .mba-verification-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--mba-accent);
  color: var(--mba-white);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
}

.mba-programs-page .mba-author-info {
  flex: 1;
}

.mba-programs-page .mba-author-name-role {
  display: flex;
  align-items: baseline;
  gap: var(--mba-spacing-sm);
  margin-bottom: 0.25rem;
}

.mba-programs-page .mba-author-name {
  font-size: 1rem;
  font-weight: var(--mba-font-weight-semi-bold);
  color: var(--mba-text-primary);
  margin: 0;
}

.mba-programs-page .mba-author-batch {
  font-size: 0.85rem;
  color: var(--mba-primary);
  font-weight: var(--mba-font-weight-medium);
}

.mba-programs-page .mba-author-company,
.mba-programs-page .mba-author-specialization {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: var(--mba-text-secondary);
  margin-top: 0.25rem;
}

.mba-programs-page .mba-quote-icon-bottom {
  color: var(--mba-primary);
  opacity: 0.3;
  font-size: 2rem;
  margin-top: var(--mba-spacing-md);
  text-align: right;
}

.mba-programs-page .mba-carousel-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: var(--mba-spacing-md);
}

.mba-programs-page .mba-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ddd;
  border: none;
  cursor: pointer;
  transition: all var(--mba-transition-normal);
  padding: 0;
}

.mba-programs-page .mba-dot.mba-active {
  background: var(--mba-primary);
  transform: scale(1.2);
}

.mba-programs-page .mba-no-testimonials-placeholder {
  text-align: center;
  padding: var(--mba-spacing-xl);
  background: var(--mba-light);
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
}

.mba-programs-page .mba-placeholder-icon {
  font-size: 3rem;
  color: var(--mba-primary);
  opacity: 0.3;
  margin-bottom: var(--mba-spacing-md);
}

.mba-programs-page .mba-view-all-testimonials {
  text-align: center;
  margin-top: var(--mba-spacing-lg);
}

.mba-programs-page .mba-view-all-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--mba-primary);
  text-decoration: none;
  font-weight: var(--mba-font-weight-semi-bold);
  transition: all var(--mba-transition-normal);
}

.mba-programs-page .mba-view-all-link:hover {
  color: var(--mba-accent);
  transform: translateX(5px);
}
/* ===== MBA TESTIMONIALS CAROUSEL END ===== */

/* ===== MBA ELIGIBILITY GRID START ===== */
.mba-programs-page .eligibility-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.mba-programs-page .eligibility-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: var(--mba-white);
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform var(--mba-transition-normal);
}

.mba-programs-page .eligibility-item:hover {
  transform: translateY(-3px);
}

.mba-programs-page .eligibility-number {
  background: var(--mba-accent);
  color: var(--mba-white);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--mba-font-weight-semi-bold);
  flex-shrink: 0;
}

.mba-programs-page .eligibility-text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--mba-text-primary);
}
/* ===== MBA ELIGIBILITY GRID END ===== */

/* ===== MBA ACCREDITATIONS START ===== */
.mba-programs-page .accreditations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--mba-spacing-xl);
  max-width: 1000px;
  margin: 2rem auto;
}

.mba-programs-page .accreditation-item {
  text-align: center;
  padding: var(--mba-spacing-lg);
  background: var(--mba-white);
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: transform var(--mba-transition-normal);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.mba-programs-page .accreditation-item:hover {
  transform: translateY(-5px);
}

.mba-programs-page .accreditation-logo {
  width: 100%;
  height: 160px;
  margin: 0 auto 1.5rem;
  background: var(--mba-white);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--mba-light);
  overflow: hidden;
}

.mba-programs-page .logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.mba-programs-page .accreditation-title {
  font-family: var(--mba-font-primary);
  font-size: 1.1rem;
  color: var(--mba-primary);
  margin-bottom: 0.75rem;
  font-weight: var(--mba-font-weight-semi-bold);
}

.mba-programs-page .accreditation-desc {
  font-size: 0.95rem;
  color: var(--mba-text-secondary);
  line-height: 1.5;
}
/* ===== MBA ACCREDITATIONS END ===== */

/* ===== MBA SECTION HEADERS START ===== */
.mba-programs-page .section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.mba-programs-page .section-title {
  font-family: var(--mba-font-primary);
  font-size: 2rem;
  font-weight: var(--mba-font-weight-bold);
  color: var(--mba-primary);
  margin-bottom: 1rem;
}

.mba-programs-page .section-subtitle {
  font-family: var(--mba-font-secondary);
  font-size: 1.1rem;
  color: var(--mba-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

.mba-programs-page .section-description {
  font-family: var(--mba-font-secondary);
  font-size: 1rem;
  color: var(--mba-text-secondary);
  max-width: 800px;
  margin: 0 auto;
}
/* ===== MBA SECTION HEADERS END ===== */

/* ===== MBA RESPONSIVE BREAKPOINTS START ===== */

/* TABLET: 1024px */
@media (max-width: 1024px) {
  .mba-programs-page .programs-hero-title,
  .mba-programs-page .program-main-title {
    font-size: 2.2rem;
  }

  /* Tab redesign for tablet */
  .mba-programs-page .program-tab {
    color: var(--mba-white);
    border-color: transparent;
    opacity: 0.6; /* Default unselected = 60% (not 50% for better visibility) */
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

  .mba-programs-page .tab-icon {
    font-size: 1.6rem;
    width: 35px;
  }

  .mba-programs-page .tab-title {
    font-size: 1rem;
  }

  .mba-programs-page .tab-short {
    font-size: 0.78rem;
  }

  /* Program meta - allow wrapping on tablet */
  .mba-programs-page .program-meta {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }

  .mba-programs-page .meta-item {
    min-width: 180px;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1rem;
  }

  .mba-programs-page .meta-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  /* PGPM Cards - 2 columns on tablet */
  .mba-programs-page .pgpm-cards {
    grid-template-columns: repeat(2, 1fr);
    max-width: 800px;
    gap: var(--mba-spacing-md);
  }

  /* CLIENT REQUEST #11: 2x2 grid adjustment */
  .mba-programs-page .pgpm-highlights-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mba-programs-page .mba-testimonial-slide {
    flex: 0 0 calc(50% - 12px);
    min-width: calc(50% - 12px);
    width: calc(50% - 12px);
    max-width: calc(50% - 12px);
  }

  .mba-programs-page .mba-testimonial-carousel-wrapper {
    padding: 0 30px;
  }

  /* New video grids for tablet */
  .mba-programs-page .video-grid-2,
  .mba-programs-page .video-grid-3,
  .mba-programs-page .video-grid-4 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 700px;
    gap: var(--mba-spacing-md);
  }

  .mba-programs-page .video-grid-2 .video-item,
  .mba-programs-page .video-grid-3 .video-item,
  .mba-programs-page .video-grid-4 .video-item {
    max-width: 320px;
  }
}

/* MOBILE: 768px */
@media (max-width: 768px) {
  .mba-programs-page .programs-hero {
    padding: 3rem 0;
  }

  .mba-programs-page .programs-hero-title {
    font-size: 1.8rem;
  }

  .mba-programs-page .program-main-title {
    font-size: 1.6rem;
  }

  /* Tabs - stay horizontal but adjust */
  .mba-programs-page .program-tabs {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }

  .mba-programs-page .program-tab {
    flex: 1;
    min-width: 150px;
    padding: 0.875rem 1.25rem;
    gap: 0.875rem;
    min-height: 75px;
  }

  .mba-programs-page .tab-icon {
    font-size: 1.4rem;
    width: 30px;
  }

  .mba-programs-page .tab-title {
    font-size: 0.95rem;
  }

  .mba-programs-page .tab-short {
    font-size: 0.75rem;
    display: block; /* Keep visible */
  }

  /* PGPM Cards - STACK on mobile (1 column) */
  .mba-programs-page .pgpm-cards {
    grid-template-columns: 1fr !important;
    max-width: 400px;
    margin: 0 auto;
  }

  .mba-programs-page .curriculum-table,
  .mba-programs-page .specializations-table,
  .mba-programs-page .fee-table {
    min-width: 600px;
  }

  .mba-programs-page .fee-wrapper {
    padding: var(--mba-spacing-lg);
  }

  .mba-programs-page .fee-summary {
    padding: var(--mba-spacing-md);
  }

  .mba-programs-page .fee-total-display {
    font-size: 1.4rem;
  }

  .mba-programs-page .fee-breakdown {
    flex-direction: column;
    gap: var(--mba-spacing-md);
    align-items: center;
  }

  .mba-programs-page .breakdown-item {
    width: 100%;
    max-width: 250px;
  }

  .mba-programs-page .fee-table th,
  .mba-programs-page .fee-table td {
    padding: 0.75rem;
  }

  .mba-programs-page .installment-name {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  /* CLIENT REQUEST #11: Mobile grid adjustment */
  .mba-programs-page .pgpm-highlights-grid {
    grid-template-columns: 1fr;
  }

  /* New video grids - stack on mobile */
  .mba-programs-page .video-grid-2,
  .mba-programs-page .video-grid-3,
  .mba-programs-page .video-grid-4 {
    grid-template-columns: 1fr;
    max-width: 400px;
    gap: var(--mba-spacing-lg);
  }

  .mba-programs-page .mba-testimonial-carousel-wrapper {
    padding: 0 20px;
  }
}

/* SMALL MOBILE: 480px */
@media (max-width: 480px) {
  .mba-programs-page .programs-hero-title {
    font-size: 1.5rem;
  }

  .mba-programs-page .programs-hero-subtitle {
    font-size: 1rem;
  }

  .mba-programs-page .program-main-title {
    font-size: 1.4rem;
  }

  /* Tabs - smaller, hide description on very small */
  .mba-programs-page .program-tab {
    flex: 1 0 calc(50% - 0.5rem);
    min-width: calc(50% - 0.5rem);
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem;
    min-height: 65px;
  }

  .mba-programs-page .tab-title {
    font-size: 0.85rem;
  }

  .mba-programs-page .tab-short {
    display: none; /* Hide description on very small screens */
  }

  .mba-programs-page .tab-icon {
    font-size: 1.2rem;
    width: 25px;
  }

  .mba-programs-page .fee-table {
    font-size: 0.9rem;
  }

  .mba-programs-page .fee-table th,
  .mba-programs-page .fee-table td {
    padding: 0.5rem;
  }

  .mba-programs-page .fee-total-display {
    font-size: 1.2rem;
  }

  /* CLIENT REQUEST #6: Mobile objectives size */
  .mba-programs-page .program-objectives {
    font-size: 1.5rem !important;
  }

  /* PGPM Cards - ensure stacking */
  .mba-programs-page .pgpm-cards {
    grid-template-columns: 1fr !important;
    max-width: 350px;
  }
}
/* ===== MBA RESPONSIVE BREAKPOINTS END ===== */

/* Desktop adjustments */
@media (min-width: 1025px) {
  .mba-programs-page .pgpm-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Large desktop adjustments */
@media (min-width: 1400px) {
  .mba-programs-page .mba-testimonial-carousel-wrapper {
    max-width: 1400px;
  }

  .mba-programs-page .mba-testimonial-slide {
    flex: 0 0 calc(33.333% - 20px);
    min-width: calc(33.333% - 20px);
    width: calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
  }

  .mba-programs-page .program-tab {
    flex: 0 1 320px; /* Wider tabs on large screens */
  }
}

/* ===== CURRICULUM TABLES DESIGN ===== */
.mba-programs-page .curriculum-section {
  background: var(--mba-light) !important;
}

.mba-programs-page .curriculum-tables {
  display: flex !important;
  flex-direction: column !important; /* Stack tables vertically */
  gap: 2.5rem !important; /* Space between each semester */
  max-width: var(--mba-container-width) !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

.mba-programs-page .curriculum-table-wrapper {
  background: var(--mba-white) !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
  width: 100% !important;
}

.mba-programs-page .semester-title {
  font-family: var(--mba-font-primary) !important;
  font-size: 1.4rem !important;
  color: var(--mba-primary) !important;
  margin-bottom: 1.5rem !important;
  text-align: center !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid var(--mba-accent) !important;
}

/* Table specific styling */
.mba-programs-page .curriculum-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--mba-font-secondary) !important;
  font-size: 0.95rem !important;
  min-width: 100% !important;
}

.mba-programs-page .curriculum-table th {
  background: var(--mba-primary) !important;
  color: var(--mba-white) !important;
  padding: 1rem 0.75rem !important;
  text-align: center !important;
  font-weight: var(--mba-font-weight-semi-bold) !important;
  border: none !important;
}

.mba-programs-page .curriculum-table td {
  padding: 0.875rem 0.75rem !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  vertical-align: middle !important;
}

/* Column-specific alignments */
/* Subject Code column */
.mba-programs-page .curriculum-table th:nth-child(1),
.mba-programs-page .curriculum-table td:nth-child(1) {
  width: 100px !important;
  min-width: 100px !important;
  text-align: center !important;
  font-weight: var(--mba-font-weight-medium) !important;
}

/* Subject Name column */
.mba-programs-page .curriculum-table th:nth-child(2),
.mba-programs-page .curriculum-table td:nth-child(2) {
  text-align: left !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* Credit, Hours, Marks columns */
.mba-programs-page .curriculum-table th:nth-child(3),
.mba-programs-page .curriculum-table td:nth-child(3),
.mba-programs-page .curriculum-table th:nth-child(4),
.mba-programs-page .curriculum-table td:nth-child(4),
.mba-programs-page .curriculum-table th:nth-child(5),
.mba-programs-page .curriculum-table td:nth-child(5) {
  width: 120px !important;
  min-width: 120px !important;
  text-align: center !important;
}

/* Row styling */
.mba-programs-page .curriculum-table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.02) !important;
}

.mba-programs-page .curriculum-table tr:hover {
  background: rgba(252, 163, 17, 0.05) !important;
}

/* Table responsive wrapper */
.mba-programs-page .table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .mba-programs-page .curriculum-table-wrapper {
    padding: 1.5rem !important;
  }

  .mba-programs-page .semester-title {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 768px) {
  .mba-programs-page .curriculum-tables {
    gap: 2rem !important;
  }

  .mba-programs-page .curriculum-table-wrapper {
    padding: 1.25rem !important;
  }

  .mba-programs-page .curriculum-table {
    min-width: 600px !important;
    font-size: 0.9rem !important;
  }

  .mba-programs-page .curriculum-table th,
  .mba-programs-page .curriculum-table td {
    padding: 0.75rem 0.5rem !important;
  }

  /* Adjust column widths for mobile */
  .mba-programs-page .curriculum-table th:nth-child(1),
  .mba-programs-page .curriculum-table td:nth-child(1) {
    width: 80px !important;
    min-width: 80px !important;
  }

  .mba-programs-page .curriculum-table th:nth-child(3),
  .mba-programs-page .curriculum-table td:nth-child(3),
  .mba-programs-page .curriculum-table th:nth-child(4),
  .mba-programs-page .curriculum-table td:nth-child(4),
  .mba-programs-page .curriculum-table th:nth-child(5),
  .mba-programs-page .curriculum-table td:nth-child(5) {
    width: 90px !important;
    min-width: 90px !important;
  }

  .mba-programs-page .semester-title {
    font-size: 1.2rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (max-width: 480px) {
  .mba-programs-page .curriculum-tables {
    gap: 1.5rem !important;
    padding: 0 0.75rem !important;
  }

  .mba-programs-page .curriculum-table-wrapper {
    padding: 1rem !important;
  }

  .mba-programs-page .curriculum-table {
    min-width: 550px !important;
    font-size: 0.85rem !important;
  }

  .mba-programs-page .curriculum-table th,
  .mba-programs-page .curriculum-table td {
    padding: 0.625rem 0.5rem !important;
  }

  .mba-programs-page .semester-title {
    font-size: 1.1rem !important;
    margin-bottom: 1rem !important;
  }
}
/* ===== CURRICULUM TABLES DESIGN END ===== */

/* ===== MBA PROGRAM CSS COMPLETE ===== */

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