/* ===== PGDM PROGRAMS COMPLETE ISOLATED CSS ===== */
/* File: pgdm-programs.css */
/* Purpose: ALL styles for PGDM programs page - COMPLETE ISOLATION */
/* Dependencies: None - All styles scoped with .pgdm-programs-page */
/* Sources Consolidated: pgdm-fixes.css, pgdm-polish.css, pgdm-tab-fixes.css, pgdm-video-fix.css, pgdm-final.css */
/* Pattern: Follows mba-programs.css structure with PGDM-specific adjustments */
/* Client Changes Implemented: 16/16 items - UPDATED */
/* MBA Pattern Compliance: Tab opacity system (50%/70%/100%), Video grid, Yellow bg */
/* Last Updated: <?php echo date('Y-m-d H:i'); ?> */
/* Breakpoints: 480px, 768px, 1024px (Same as MBA) */

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

.pgdm-programs-page *,
.pgdm-programs-page *::before,
.pgdm-programs-page *::after {
  box-sizing: border-box !important;
}

.pgdm-programs-page h1,
.pgdm-programs-page h2,
.pgdm-programs-page h3,
.pgdm-programs-page h4,
.pgdm-programs-page h5,
.pgdm-programs-page h6,
.pgdm-programs-page p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.pgdm-programs-page section {
  display: block !important;
  unicode-bidi: isolate !important;
  margin: 0 !important;
  padding: 0 !important;
}

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

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

.pgdm-programs-page .section-spacing {
  padding: var(--pgdm-section-spacing) 0 !important;
  margin-top: 80px !important;
}

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

.pgdm-programs-page .section-white {
  background-color: var(--pgdm-white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pgdm-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(--pgdm-font-weight-semi-bold);
  border-radius: 6px;
  transition: all var(--pgdm-transition-normal);
}

.pgdm-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) {
  .pgdm-programs-page .programs-hero {
    padding: 3rem 0;
  }

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

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

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

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

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

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

/* ===== PGDM HERO SECTION ENHANCED ===== */
/*
.pgdm-programs-page .program-hero-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: var(--pgdm-white);
    padding: 0.5rem 1.25rem;
    border-radius: 20px;
    font-family: var(--pgdm-font-primary);
    font-weight: var(--pgdm-font-weight-semi-bold);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}
*/
/*
.pgdm-programs-page .programs-hero-cta {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

Mobile adjustments for hero CTA buttons 
@media (max-width: 768px) {
    .pgdm-programs-page .programs-hero-cta {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }
    
    .pgdm-programs-page .programs-hero-cta .btn {
        width: 100%;
        max-width: 300px;
    }
    
    .pgdm-programs-page .program-hero-badge {
        font-size: 0.85rem;
        padding: 0.4rem 1rem;
    }
}
*/
@media (max-width: 480px) {
  .pgdm-programs-page .program-hero-badge {
    font-size: 0.8rem;
  }
}
/* ===== PGDM HERO SECTION END ===== */

/* ===== PGDM TAB SECTION - MBA PATTERN COMPLIANCE ===== */
.pgdm-programs-page .program-tabs-section {
  background: var(--nsb-white);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 0;
  z-index: 99;
  padding: 0.5rem 0;
}

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

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

/* MBA PATTERN: Vertical layout with icon left, text right */
.pgdm-programs-page .program-tab {
  flex: 0 1 280px;
  background: var(--pgdm-white);
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  cursor: pointer;
  transition: all var(--pgdm-transition-normal);
  font-family: var(--pgdm-font-primary);
  font-weight: var(--pgdm-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 */
}

/* MBA OPACITY SYSTEM: Inactive tabs = 50% opacity */
.pgdm-programs-page .program-tab {
  opacity: 0.8 !important;
  filter: saturate(0.95) !important;
  transition:
    opacity var(--pgdm-transition-normal),
    transform var(--pgdm-transition-normal),
    filter var(--pgdm-transition-normal) !important;
}

.pgdm-programs-page .program-tab:hover {
  opacity: 1 !important;
  filter: saturate(0.9) !important;
}

.pgdm-programs-page .program-tab.active {
  opacity: 1 !important;
  filter: saturate(1) !important;
}

/* MBA OPACITY SYSTEM: Hover = 70% opacity */
.pgdm-programs-page .program-tab:hover {
  opacity: 0.9;
  filter: saturate(0.9);
  transform: translateY(-2px);
}

/* MBA OPACITY SYSTEM: Selected = 100% opacity */
.pgdm-programs-page .program-tab.active {
  opacity: 1 !important;
  filter: saturate(1) !important;
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Tab Colors - 4 Tabs for PGDM */
.pgdm-programs-page .program-tab.tab-pgdm {
  background: linear-gradient(135deg, var(--pgdm-primary) 0%, #1a2b4d 100%);
  color: var(--pgdm-white);
}

.pgdm-programs-page .program-tab.tab-global {
  background: linear-gradient(135deg, var(--pgdm-tab-global) 0%, #1d3d5c 100%);
  color: var(--pgdm-white);
}

.pgdm-programs-page .program-tab.tab-international {
  background: linear-gradient(
    135deg,
    var(--pgdm-tab-international) 0%,
    #0f5c47 100%
  );
  color: var(--pgdm-white);
}

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

/* Tab Icon - Left side */
.pgdm-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) */
.pgdm-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 */
.pgdm-programs-page .tab-title {
  font-size: 0.95rem !important; /* Reduced from 1rem */
  font-weight: var(--pgdm-font-weight-semi-bold) !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  width: 100% !important;
  text-align: left !important;
  display: block !important;
  margin-bottom: 0.125rem !important; /* Space between title and short */
  color: var(--pgdm-white) !important;
}

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

/* Tab Indicator - Remove if using MBA pattern */
.pgdm-programs-page .tab-indicator {
  display: none;
}

/* ===== ACCESSIBILITY ===== */
.pgdm-programs-page .program-tab:focus {
  outline: 2px solid var(--nsb-accent);
  outline-offset: 2px;
}

.pgdm-programs-page .program-tab:focus:not(:focus-visible) {
  outline: none;
}

.pgdm-programs-page .program-tab[aria-selected="true"] {
  /* Additional styles for screen readers */
  background: #858585;
}
/* ===== PGDM TAB SECTION END ===== */

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

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

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

/* CLIENT REQUEST #5: Program meta in one line - UPDATED */
.pgdm-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(--pgdm-light);
  padding: 2rem;
  border-radius: 12px;
  border-left: 4px solid var(--pgdm-accent);
}

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

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

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

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

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

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

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

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

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

/* CLIENT REQUEST #10: White text on yellow background - MBA PATTERN */
.pgdm-programs-page .yellow-bg-description {
  background-color: var(--pgdm-accent) !important;
  color: var(--pgdm-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;
  position: relative;
  overflow: hidden;
}

.pgdm-programs-page .yellow-bg-description::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1;
}
/* ===== PGDM PROGRAM HEADER END ===== */

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

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

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

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

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

/* ===== PGDM TABLE STYLES START ===== */
/* MATCHES MBA TABLE DESIGN EXACTLY */
.pgdm-programs-page .table-responsive {
  overflow-x: auto;
  margin: 1rem auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

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

.pgdm-programs-page .course-list li:last-child {
  border-bottom: none;
}

/* CURRICULUM TABLES SPECIFIC (From pgdm-polish.css) */
.pgdm-programs-page .curriculum-section {
  background: var(--pgdm-light) !important;
}

.pgdm-programs-page .curriculum-tables {
  display: flex !important;
  flex-direction: column !important;
  gap: 2.5rem !important;
  max-width: var(--pgdm-container-width) !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

.pgdm-programs-page .curriculum-table-wrapper {
  background: var(--pgdm-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;
}

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

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

.pgdm-programs-page .curriculum-table th:nth-child(2),
.pgdm-programs-page .curriculum-table td:nth-child(2) {
  text-align: left !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.pgdm-programs-page .curriculum-table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.02) !important;
}

.pgdm-programs-page .curriculum-table tr:hover {
  background: rgba(252, 163, 17, 0.05) !important;
}
/* ===== PGDM TABLE STYLES END ===== */

/* ===== PGDM FEE STRUCTURE START ===== */
/* CLIENT REQUEST #14: Same as MBA program layout */
.pgdm-programs-page .fee-wrapper {
  background: var(--pgdm-white);
  border-radius: 12px;
  padding: var(--pgdm-spacing-xl);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-top: var(--pgdm-spacing-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pgdm-programs-page .program-cta .cta-content {
  margin-bottom: 2rem !important;
  text-align: center !important;
  width: 100% !important;
}

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

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

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

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

.pgdm-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) {
  .pgdm-programs-page .program-cta .cta-buttons {
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--pgdm-spacing-sm) !important;
  }

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

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

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

/* ===== PGDM VIDEO SYSTEM START - MBA PATTERN ===== */
/* CLIENT REQUEST #7: Video section like MBA, Title "Program Videos" */
.pgdm-programs-page .program-videos.section-spacing.section-light {
  background: #f8f9fa;
  padding: 80px 0;
}

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

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

.pgdm-programs-page .program-videos .section-subtitle {
  color: var(--pgdm-text-secondary);
  font-size: 1.2rem;
  max-width: 600px;
  margin: 1rem auto 0 auto !important; /* ← CHANGED: Added 1rem top margin */
  text-align: center !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* MBA VIDEO GRID SYSTEM */
/* 1 video - centered */
.pgdm-programs-page .video-grid-1 {
  display: flex !important;
  justify-content: center !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

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

/* 3 videos - grid */
.pgdm-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 */
.pgdm-programs-page .video-grid-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
}

/* Video item styling */
.pgdm-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%;
}

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

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

/* Main video type - normal 16:9 aspect ratio */
.pgdm-programs-page .youtube-embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
}

/* Short video type - vertical/square aspect ratio */
.pgdm-programs-page .video-item.short-video .youtube-embed-container {
  padding-bottom: 125%; /* 4:5 aspect ratio for shorts */
}

/* Featured badge for main videos */
.pgdm-programs-page .video-item.main-video {
  position: relative;
}

.pgdm-programs-page .video-item.main-video::before {
  content: "Featured";
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--pgdm-accent);
  color: var(--pgdm-white);
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: var(--pgdm-font-weight-semi-bold);
  z-index: 10;
  pointer-events: none;
}

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

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

/* CLIENT REQUEST #8: Large video with set start time (implementation in JS) */
.pgdm-programs-page .video-item.large-video .youtube-embed-container {
  padding-bottom: 56.25%; /* Standard 16:9 */
}

/* CLIENT REQUEST: Remove video pills */
.pgdm-programs-page .video-pills,
.pgdm-programs-page .video-filter,
.pgdm-programs-page .video-category-pills {
  display: none !important;
}
/* ===== PGDM VIDEO SYSTEM END ===== */

/* ===== PGDM ACCREDITATIONS START ===== */
/* CLIENT REQUEST #1: Add AICTE, ISO, IACBE logos */
.pgdm-programs-page .accreditations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--pgdm-spacing-xl);
  max-width: 1000px;
  margin: 2rem auto;
}

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

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

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

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

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

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

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

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

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

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

/* ===== PGDM PROGRAM OVERVIEW HIGHLIGHTS START ===== */
.pgdm-programs-page .program-highlights-cards .highlights-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1.5rem !important;
  margin-top: 2rem !important;
}

.pgdm-programs-page .program-highlights-cards .highlight-card {
  height: auto !important;
}

.pgdm-programs-page .program-highlights-cards .highlight-card-inner {
  background: white !important;
  border-radius: 12px !important;
  padding: 2rem !important; /* CHANGED: 1.5rem → 2rem */
  border-left: 4px solid var(--pgdm-primary) !important; /* Keep blue */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
  position: relative !important;
  overflow: visible !important;
  border: none !important;
  height: 100% !important; /* ADDED: Ensure full height */
  min-height: 160px !important; /* ADDED: Minimum height for consistency */
}

/* Ensure outer card has no border */
.pgdm-programs-page .program-highlights-cards .highlight-card {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.pgdm-programs-page .program-highlights-cards .highlight-card-inner:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.pgdm-programs-page .program-highlights-cards .highlight-title {
  color: var(--pgdm-primary) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.75rem !important;
}

.pgdm-programs-page .program-highlights-cards .highlight-description {
  color: var(--pgdm-dark) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* ===== PGDM HIGHLIGHT ITEM STYLES - ENHANCED ===== */
/* Existing styles... */
.pgdm-programs-page .pgdm-highlights-grid.center-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 1.5rem !important;
  max-width: 1200px !important;
  margin: 2rem auto !important;
}

/* ===== TAB 4 SPECIFIC: 2x2 GRID FOR FEATURE CARDS (MBA PATTERN) ===== */
.pgdm-programs-page .pgdm-highlights-grid.center-grid {
  grid-template-columns: repeat(2, 1fr) !important; /* Force 2x2 grid */
  max-width: 1000px !important;
  margin: 2rem auto !important;
}

.pgdm-programs-page .pgdm-highlight-item.feature-item {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: var(--pgdm-spacing-lg) !important;
  background: var(--pgdm-white) !important;
  border-radius: 12px !important;
  border-left: 4px solid var(--pgdm-tab-exchange) !important;
  box-shadow: 0 4px 15px rgba(26, 127, 100, 0.08) !important;
  height: 100% !important;
  min-height: 200px !important;
  display: flex !important;
  justify-content: center !important;
}

.pgdm-programs-page .pgdm-highlight-item.feature-item .pgdm-highlight-icon {
  font-size: 2rem !important;
  margin-bottom: var(--pgdm-spacing-sm) !important;
  color: var(--pgdm-tab-exchange) !important;
}

.pgdm-programs-page .pgdm-highlight-item.feature-item .feature-content {
  width: 100% !important;
}

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

.pgdm-programs-page .pgdm-highlight-item.feature-item .feature-description {
  color: var(--pgdm-text-secondary) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 0.95rem !important;
}

.pgdm-programs-page .pgdm-highlight-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  background: var(--pgdm-white) !important;
  padding: 1.5rem !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  border-left: 4px solid var(--pgdm-accent) !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

.pgdm-programs-page .pgdm-highlight-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
}

.pgdm-programs-page .pgdm-highlight-icon {
  color: var(--pgdm-accent) !important;
  font-size: 1.2rem !important;
  margin-top: 0.25rem !important;
  flex-shrink: 0 !important;
}

/* NEW: Feature content styles */
.pgdm-programs-page .feature-content {
  flex: 1 !important;
  min-width: 0 !important;
}

.pgdm-programs-page .feature-title {
  font-family: var(--pgdm-font-primary) !important;
  font-size: 1.1rem !important;
  font-weight: var(--pgdm-font-weight-semi-bold) !important;
  color: var(--pgdm-primary) !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
}

.pgdm-programs-page .feature-description {
  font-family: var(--pgdm-font-secondary) !important;
  font-size: 0.95rem !important;
  color: var(--pgdm-text-secondary) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* For Tab 4 where only text is used (no title/description structure) */
.pgdm-programs-page .pgdm-highlight-text {
  font-family: var(--pgdm-font-secondary) !important;
  font-size: 1rem !important;
  color: var(--pgdm-text-primary) !important;
  line-height: 1.5 !important;
}
/* ===== PGDM PROGRAM OVERVIEW HIGHLIGHTS END ===== */

/* ===== PGDM TAB-SPECIFIC CONTENT STYLES START ===== */
.pgdm-programs-page .tab-intro-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  margin: 2rem 0 !important;
  border-left: 6px solid var(--pgdm-primary) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
  position: relative !important;
  overflow: visible !important;
}

/* Tab-specific colors */
.pgdm-programs-page .tab-intro-section.global-immersion {
  border-left-color: var(--pgdm-tab-global) !important;
  background: linear-gradient(135deg, #e8f4fd 0%, #c5e1f7 100%) !important;
}

.pgdm-programs-page .tab-intro-section.international-internship {
  border-left-color: var(--pgdm-tab-international) !important;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
}

.pgdm-programs-page .tab-intro-section.international-exchange {
  border-left-color: var(--pgdm-tab-exchange) !important;
  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
}

/* Highlight Points */
.pgdm-programs-page .highlight-points {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 !important;
}

.pgdm-programs-page .highlight-points li {
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  align-items: flex-start !important;
  color: var(--pgdm-dark) !important;
  font-size: 1rem !important;
}

.pgdm-programs-page .highlight-points li:last-child {
  border-bottom: none !important;
}

.pgdm-programs-page .highlight-points li i {
  color: var(--pgdm-accent) !important;
  margin-right: 1rem !important;
  margin-top: 0.25rem !important;
  flex-shrink: 0 !important;
  font-size: 1.1rem !important;
}

/* Course & Activities */
.pgdm-programs-page .course-activities-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
  gap: 2rem !important;
  margin: 2rem 0 !important;
}

.pgdm-programs-page .course-section,
.pgdm-programs-page .activities-section {
  background: white !important;
  border-radius: 10px !important;
  padding: 1.5rem !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  border-top: 4px solid var(--pgdm-primary) !important;
  border: 1px solid var(--pgdm-border) !important;
}

.pgdm-programs-page .course-section h3,
.pgdm-programs-page .activities-section h3 {
  color: var(--pgdm-primary) !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 2px solid var(--pgdm-accent) !important;
  font-size: 1.3rem !important;
}

/* Media Section */
.pgdm-programs-page .tab-media-section {
  background: white !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  margin: 2rem 0 !important;
  border: 1px solid var(--pgdm-border) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
  overflow: visible !important;
}

.pgdm-programs-page .tab-media-section .media-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 1.5rem !important;
  margin-bottom: 2rem !important;
}

.pgdm-programs-page .tab-media-section .media-item {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
  transition: transform 0.3s ease !important;
  height: 200px !important;
}

.pgdm-programs-page .tab-media-section .media-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.pgdm-programs-page .tab-media-section .media-item:hover {
  transform: translateY(-3px) !important;
}

/* Process Timeline - CLIENT REQUEST #13: Redesign */
.pgdm-programs-page .process-timeline-section .process-timeline {
  position: relative !important;
  padding-left: 40px !important;
  margin: 2rem 0 !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.pgdm-programs-page .process-timeline-section .process-timeline::before {
  content: "" !important;
  position: absolute !important;
  left: 20px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: linear-gradient(
    to bottom,
    var(--pgdm-primary),
    var(--pgdm-accent)
  ) !important;
  border-radius: 3px !important;
  z-index: 1 !important;
}

.pgdm-programs-page .process-timeline-section .process-step {
  position: relative !important;
  margin-bottom: 1.5rem !important;
  background: white !important;
  border-radius: 8px !important;
  padding: 1.25rem !important;
  padding-left: 2rem !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid var(--pgdm-border) !important;
  max-width: 100% !important;
}

.pgdm-programs-page .process-timeline-section .step-number {
  position: absolute !important;
  left: -35px !important;
  top: 1.25rem !important;
  width: 36px !important;
  height: 36px !important;
  background: var(--pgdm-primary) !important;
  color: white !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: bold !important;
  font-size: 0.9rem !important;
  z-index: 2 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
}

/* Student Table - CLIENT REQUEST #12: Remove table (hide it) */
.pgdm-programs-page .student-table-container {
  display: none !important;
}

/* Testimonials */
.pgdm-programs-page .testimonials-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 2rem !important;
  margin-top: 2rem !important;
}

.pgdm-programs-page .testimonial-card {
  position: relative !important;
  background: white !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
  border: 1px solid transparent !important;
}

.pgdm-programs-page .testimonial-card:hover {
  border-color: var(--pgdm-accent) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
}

.pgdm-programs-page .testimonial-card::before {
  content: '"' !important;
  position: absolute !important;
  top: 1rem !important;
  right: 1.5rem !important;
  font-size: 4rem !important;
  color: rgba(214, 158, 46, 0.1) !important;
  font-family: Georgia, serif !important;
  line-height: 1 !important;
}

.pgdm-programs-page .testimonial-author {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid var(--pgdm-border) !important;
}

.pgdm-programs-page .author-image img {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid var(--pgdm-accent) !important;
}
/* ===== PGDM TAB-SPECIFIC CONTENT STYLES END ===== */

/* ===== PGDM SPECIALIZATIONS START ===== */
.pgdm-programs-page .specializations-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Fixed 2 columns */
  gap: 1.5rem; /* Space between cards */
  margin: 2rem 0;
  max-width: 1000px; /* Limit width for side padding */
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem; /* Side padding */
}

/* 1. Subtitle centering */
.pgdm-programs-page .specializations-section .section-subtitle {
  text-align: center !important;
  margin: 1rem auto 0 auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 700px !important;
}

/* 2. Section spacing reduction */
.pgdm-programs-page .specializations-section.section-spacing {
  padding: 40px 0 !important;
}

/* 3. Header margin reduction */
.pgdm-programs-page .specializations-section .section-header {
  margin-bottom: 2rem !important;
}

.pgdm-programs-page .specialization-card {
  background: var(--pgdm-white);
  border-radius: 12px;
  padding: 1.5rem;
  border: 2px solid transparent;
  transition: all var(--pgdm-transition-normal);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden; /* Important for blue strip corners */
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pgdm-programs-page .specialization-card:hover {
  border-color: var(--pgdm-accent);
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.pgdm-programs-page .specialization-name {
  background: var(--pgdm-primary); /* NSB blue */
  color: var(--pgdm-white); /* White text */
  padding: 1rem 1.5rem !important;
  margin: -1.5rem -1.5rem 1.5rem -1.5rem !important; /* Extends to card edges */
  text-align: center !important;
  border-radius: 8px 8px 0 0 !important;
  font-size: 1.2rem !important;
  font-weight: var(--pgdm-font-weight-semi-bold) !important;
  position: relative;
  z-index: 1;
}

.pgdm-programs-page .specialization-description {
  color: var(--pgdm-text-secondary);
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.pgdm-programs-page .specialization-courses {
  font-size: 0.9rem;
  color: var(--pgdm-text-light);
}

/* ===== PGDM SPECIALIZATIONS END ===== */

/* ===== PGDM PROGRAM STRUCTURE CARDS START ===== */
/* MBA Pattern: 4 semester cards in a row */
.pgdm-programs-page .pgdm-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns for 4 semesters */
  gap: 1.5rem;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

.pgdm-programs-page .pgdm-card-content {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

/* ===== PGDM TEACHING METHODS GRID START ===== */
/* MBA Pattern: Grid layout similar to eligibility grid */
.pgdm-programs-page .methods-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;
}

.pgdm-programs-page .method-card {
  background: var(--pgdm-white);
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform var(--pgdm-transition-normal);
  height: 100%;
}

.pgdm-programs-page .method-card:hover {
  transform: translateY(-3px);
}

.pgdm-programs-page .method-title {
  color: var(--pgdm-primary);
  font-size: 1.1rem;
  font-weight: var(--pgdm-font-weight-semi-bold);
  margin-bottom: 0.5rem;
}

.pgdm-programs-page .method-description {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--pgdm-text-primary);
}
/* ===== PGDM TEACHING METHODS GRID END ===== */

/* ===== PGDM RESPONSIVE BREAKPOINTS START ===== */

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

  /* Tab redesign for tablet - MBA Pattern */
  .pgdm-programs-page .program-tab {
    color: var(--pgdm-white);
    border-color: transparent;
    opacity: 0.6; /* Slightly more visible on tablet */
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
  }

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

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

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

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

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

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

  /* Video grids adjustment - MBA Pattern */
  .pgdm-programs-page .video-grid-2,
  .pgdm-programs-page .video-grid-3,
  .pgdm-programs-page .video-grid-4 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 700px;
    gap: var(--pgdm-spacing-md);
  }

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

  /* Main videos on tablet */
  .pgdm-programs-page .video-item.main-video {
    grid-column: 1 / -1; /* Full width on tablet */
  }

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

  /* Methods grid adjustment */
  .pgdm-programs-page .methods-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

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

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

  /* Tabs - MBA mobile pattern */
  .pgdm-programs-page .program-tabs {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* Tab-specific mobile adjustments */
  .pgdm-programs-page .program-highlights-cards .highlights-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .pgdm-programs-page .program-highlights-cards .highlight-card-inner {
    padding: 1.25rem !important;
  }

  .pgdm-programs-page .process-timeline-section .process-timeline {
    padding-left: 30px !important;
  }

  .pgdm-programs-page .process-timeline-section .step-number {
    left: -25px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 0.8rem !important;
  }

  .pgdm-programs-page .process-timeline-section .process-step {
    padding: 1rem !important;
    padding-left: 1.5rem !important;
  }

  .pgdm-programs-page .tab-media-section {
    padding: 1.5rem !important;
  }

  .pgdm-programs-page .tab-media-section .media-grid {
    grid-template-columns: 1fr !important;
  }

  .pgdm-programs-page .tab-media-section .media-item {
    height: 180px !important;
  }

  .pgdm-programs-page .course-activities-container {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  .pgdm-programs-page .course-section,
  .pgdm-programs-page .activities-section {
    padding: 1.25rem !important;
  }

  .pgdm-programs-page .testimonials-grid {
    grid-template-columns: 1fr !important;
  }

  .pgdm-programs-page .program-cta .cta-buttons {
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--pgdm-spacing-sm) !important;
  }

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

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

  .pgdm-programs-page .program-cta .cta-text {
    font-size: 1rem !important;
    padding: 0 1rem !important;
  }
  /* PGDM Cards - STACK on mobile (1 column) */
  .pgdm-programs-page .pgdm-cards {
    grid-template-columns: 1fr !important;
    max-width: 400px;
    margin: 0 auto;
  }

  /* Methods grid - stack on mobile */
  .pgdm-programs-page .methods-grid {
    grid-template-columns: 1fr;
  }
}

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

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

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

  /* Tabs - smaller, hide description on very small - MBA Pattern */
  .pgdm-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;
  }

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

  .pgdm-programs-page .tab-short {
    display: none; /* Hide description on very small screens (MBA Pattern) */
  }

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

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

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

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

  /* Further mobile optimizations */
  .pgdm-programs-page .tab-intro-section {
    padding: 1.5rem !important;
  }

  .pgdm-programs-page .highlight-points li {
    font-size: 0.95rem !important;
  }

  .pgdm-programs-page .process-timeline-section .process-timeline {
    padding-left: 25px !important;
  }

  .pgdm-programs-page .process-timeline-section .step-number {
    left: -22px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .pgdm-programs-page .testimonial-author {
    flex-direction: column;
    text-align: center;
  }

  .pgdm-programs-page .author-image img {
    width: 50px;
    height: 50px;
  }

  /* PGDM Cards - ensure stacking */
  .pgdm-programs-page .pgdm-cards {
    grid-template-columns: 1fr !important;
    max-width: 350px;
  }

  /* PGDM Cards content adjustment */
  .pgdm-programs-page .pgdm-card-header {
    padding: 1rem 1.25rem !important;
    min-height: 55px;
  }

  .pgdm-programs-page .pgdm-card-title {
    font-size: 1.1rem;
  }

  .pgdm-programs-page .pgdm-card-badge {
    font-size: 0.8rem !important;
    padding: 0.3rem 0.8rem !important;
    min-width: 55px !important;
  }
}
/* ===== PGDM RESPONSIVE BREAKPOINTS END ===== */

/* ===== PGDM FINAL POLISH & OPTIMIZATIONS ===== */
/* Performance optimizations */
.pgdm-programs-page .program-tabs-section,
.pgdm-programs-page .program-header {
  will-change: transform;
  contain: layout style paint;
}

.pgdm-programs-page .highlight-card-inner,
.pgdm-programs-page .testimonial-card,
.pgdm-programs-page .accreditation-item {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Accessibility enhancements */
.pgdm-programs-page .program-tab:focus,
.pgdm-programs-page .btn-primary:focus,
.pgdm-programs-page .btn-secondary:focus {
  outline: 3px solid var(--pgdm-accent) !important;
  outline-offset: 3px !important;
}

/* Screen reader only text */
.pgdm-programs-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Smooth tab switching enhancement */
.pgdm-programs-page .tab-content {
  animation: pgdm-fadeIn 0.4s ease !important;
}

/* Improve program badge */
.pgdm-programs-page .program-badge {
  position: relative;
  overflow: hidden;
}

.pgdm-programs-page .program-badge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

/* Better testimonial quotes */
.pgdm-programs-page .testimonial-quote {
  position: relative;
  padding-left: 1.5rem;
}

.pgdm-programs-page .testimonial-quote::before {
  content: '"';
  position: absolute;
  left: 0;
  top: -0.5rem;
  font-size: 2.5rem;
  color: var(--pgdm-accent);
  opacity: 0.3;
  font-family: Georgia, serif;
}

/* Ensure consistent card heights in grids */
.pgdm-programs-page .highlights-grid,
.pgdm-programs-page .testimonials-grid,
.pgdm-programs-page .accreditations-grid {
  align-items: stretch;
}

/* Consistent shadows */
.pgdm-programs-page .accreditation-item,
.pgdm-programs-page .testimonial-card,
.pgdm-programs-page .highlight-card-inner {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.pgdm-programs-page .accreditation-item:hover,
.pgdm-programs-page .testimonial-card:hover,
.pgdm-programs-page .highlight-card-inner:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
}

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

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

.pgdm-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(--pgdm-accent) !important;
}

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

/* FIX: Logo sizing to match MBA */
.pgdm-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(--pgdm-spacing-xs) !important;
  background: var(--pgdm-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.pgdm-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(--pgdm-primary) !important;
  background: var(--pgdm-light) !important;
  border-radius: 8px !important;
}

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

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

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

/* For International Exchange tab fee display */
.pgdm-programs-page .program-meta .meta-value-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.pgdm-programs-page .program-meta .duration-note {
  font-size: 0.875rem;
  color: var(--pgdm-text-light);
  font-style: italic;
  line-height: 1.3;
}

/* ===== END OF PGDM PROGRAMS CSS ===== */

/* ===== PGDM ELIGIBILITY GRID START ===== */
.pgdm-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;
}

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

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

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

.pgdm-programs-page .eligibility-text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--pgdm-text-primary);
}
/* ===== PGDM ELIGIBILITY GRID END ===== */
.profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  padding: 20px 0;
}

.profile-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.profile-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.profile-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-bottom: 4px solid #f0a500;
}

.profile-content {
  padding: 24px;
  text-align: center;
}

.profile-header {
  margin-bottom: 12px;
}

.profile-name {
  font-size: 19px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.flag-icon {
  width: 24px;
  height: 16px;
  object-fit: cover;
  border-radius: 2px;
}

.profile-title {
  font-size: 13px;
  color: #f0a500;
  font-weight: 500;
  margin-bottom: 16px;
  border-bottom: 2px solid #f0a500;
  padding-bottom: 8px;
  display: inline-block;
}

.profile-divider {
  height: 2px;
  background: linear-gradient(to right, #f0a500 30%, #e0e0e0 30%);
  margin: 16px 0;
}

.profile-qualification {
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
  line-height: 1.6;
}

.profile-experience {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #555;
  margin-bottom: 12px;
}

.icon {
  color: #f0a500;
  font-size: 16px;
}

.profile-expertise {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #555;
  font-style: italic;
}

.star-icon {
  color: #333;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .profile-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
  }

  .profile-image {
    height: 240px;
  }

  .profile-name {
    font-size: 20px;
  }

  .profile-content {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  .profile-grid {
    grid-template-columns: 1fr;
  }

  .profile-image {
    height: 300px;
  }
}

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