/* font family*/
@font-face {
    font-family: 'space-grotesk-bold';
    src: url('../fonts/space-grotesk-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'inter';
    src: url('../fonts/inter.ttf') format('truetype');
}
/* font family*/

/* ============================================
   AMClinical Subpages Complete Styling
   ============================================ */

/* Use same color variables from home page */
:root {
    /* Primary Colors - Blue Gradient Theme */
    --primary-blue: #0066FF;
    --primary-dark: #0047AB;
    --primary-light: #3399FF;
    --accent-cyan: #00C9FF;
    --accent-purple: #667EEA;
    /* Gradient Combinations */
    --gradient-primary: linear-gradient(135deg, #0066FF 0%, #00C9FF 100%);
    --gradient-hero: linear-gradient(135deg, #667EEA 0%, #0066FF 50%, #00C9FF 100%);
    --gradient-card: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    /* Neutral Colors */
    --white: #FFFFFF;
    --off-white: #F8FAFC;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;
    --black: #000000;
    /* Typography */
    --font-primary: 'inter', sans-serif;
    --font-display: 'space-grotesk-bold', sans-serif;
    /* Spacing */
    --container-width: 1280px;
    --section-padding: 120px;
    --section-padding-mobile: 60px;
    /* Effects */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-glow: 0 0 40px rgba(0, 102, 255, 0.3);
    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    /* Transitions */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

html {
    scroll-behavior: smooth;
}

.fixed-ht {
    height: 95px;
}

/* ============================================
   Page Header
   ============================================ */
.page-header {
    position: relative;
    padding: 50px 0px;
    background: var(--gray-900);
    overflow: hidden;
}

.page-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 30%, rgba(102, 126, 234, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(0, 201, 255, 0.2) 0%, transparent 50%);
    opacity: 0.8;
}

.page-header .container {
    position: relative;
    z-index: 1;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 14px;
}

    .breadcrumb a {
        color: var(--gray-400);
        text-decoration: none;
        transition: color var(--transition-fast);
    }

        .breadcrumb a:hover {
            color: var(--primary-light);
        }

    .breadcrumb .separator {
        color: var(--gray-600);
    }

    .breadcrumb span:last-child {
        color: var(--white);
        font-weight: 500;
    }

.page-title {
    font-family: var(--font-display);
    font-size: 64px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.1;
    margin-bottom: 16px;
}

.page-subtitle {
    font-size: 20px;
    color: var(--gray-300);
    max-width: 700px;
}

.page-subtitle-01 {
    max-width: 100%;
}

.page-subtitle-msg {
    color: var(--accent-cyan);
}

.gradient-text {
    background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--primary-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ============================================
   Content Section
   ============================================ */
.content-section {
    padding: 80px 0;
    background: var(--white);
}

.container {
    max-width: 98%;
    margin: 0 auto;
    padding: 0 24px;
}

.content-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 60px;
}

.content-main {
    max-width: 100%;
}

.content-block {
    margin-bottom: 80px;
}

.content-block-01 {
    margin-bottom: 40px;
}

.content-block:last-child {
    margin-bottom: 0;
}

.content-heading {
    font-family: var(--font-display);
    font-size: 40px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 10px;
    line-height: 1.2;
}

.lead-text {
    font-size: 20px;
    color: var(--gray-700);
    line-height: 1.8;
    margin-bottom: 40px;
    font-weight: 500;
}

/* ============================================
   Highlight Box
   ============================================ */
.highlight-box {
    background: var(--gradient-card);
    border: 2px solid var(--primary-blue);
    border-radius: var(--radius-lg);
    padding: 32px;
    margin: 40px 0;
    display: flex;
    gap: 24px;
}

.highlight-icon {
    font-size: 48px;
    flex-shrink: 0;
}

.highlight-box h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.highlight-box p {
    font-size: 16px;
    color: var(--gray-700);
    line-height: 1.8;
}

/* ============================================
   Feature Row
   ============================================ */
.feature-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.feature-box {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .feature-box:hover {
        border-color: var(--primary-blue);
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
    }

.feature-icon {
    font-size: 40px;
    margin-bottom: 16px;
}

.feature-box h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
    line-height: 30px;
}

.feature-box p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* ============================================
   Image Caption
   ============================================ */
.image-caption {
    margin: 40px 0;
}

.content-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.caption-text {
    margin-top: 12px;
    font-size: 14px;
    color: var(--gray-500);
    font-style: italic;
    text-align: center;
}

/* ============================================
   Quote Block
   ============================================ */
.quote-block {
    position: relative;
    background: var(--gray-50);
    padding: 40px 40px 40px 80px;
    border-radius: var(--radius-lg);
    margin: 40px 0;
    border-left: 4px solid var(--primary-blue);
}

.quote-mark {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 80px;
    font-family: Georgia, serif;
    color: var(--primary-blue);
    opacity: 0.3;
    line-height: 1;
}

.quote-block p {
    font-size: 20px;
    color: var(--gray-800);
    font-style: italic;
    line-height: 1.7;
    margin-bottom: 16px;
}

.quote-author {
    font-size: 14px;
    color: var(--primary-blue);
    font-weight: 600;
    font-style: normal;
}

/* ============================================
   Mission Vision Grid
   ============================================ */
.mission-vision-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.mv-card {
    background: var(--white);
    padding: 40px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .mv-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.mission-card {
    border-color: var(--primary-blue);
    background: var(--gradient-card);
}

.vision-card {
    border-color: var(--accent-cyan);
}

.mv-icon {
    font-size: 56px;
    margin-bottom: 24px;
}

.mv-card h3 {
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.mv-card p {
    font-size: 16px;
    color: var(--gray-700);
    line-height: 1.8;
    margin-bottom: 24px;
}

.mv-list {
    list-style: none;
    padding: 0;
}

    .mv-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        font-size: 15px;
        color: var(--gray-600);
        line-height: 1.7;
    }

        .mv-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
            font-size: 18px;
        }

/* ============================================
   Differentiators List
   ============================================ */
.differentiators-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 40px 0;
}

.diff-item {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.diff-number {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
}

.diff-content h4 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.diff-content p {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* ============================================
   Learning Benefits
   ============================================ */
.learning-benefits {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 40px 0;
}

.benefit-card {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 32px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
}

.benefit-card-01 {
    gap: 0px;
}

.benefit-card:hover {
    border-color: var(--primary-blue);
    box-shadow: var(--shadow-lg);
    transform: translateX(8px);
}

.benefit-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.benefit-content {
    padding: 32px 32px 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .benefit-content h4 {
        font-family: var(--font-display);
        font-size: 22px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 12px;
    }

    .benefit-content p {
        font-size: 16px;
        color: var(--gray-600);
        line-height: 1.7;
    }

/* ============================================
   Timeline (Our Story)
   ============================================ */
.timeline {
    position: relative;
    padding: 40px 0;
}

    .timeline::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--gradient-primary);
        transform: translateX(-50%);
    }

.timeline-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-bottom: 60px;
    position: relative;
}

    .timeline-item:nth-child(even) .timeline-content {
        order: 2;
    }

    .timeline-item:nth-child(even) .timeline-image {
        order: 1;
    }

.timeline-dot {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: var(--gradient-primary);
    border: 4px solid var(--white);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.2);
    z-index: 2;
}

.timeline-content {
    background: var(--white);
    padding: 40px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .timeline-content:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

.timeline-year {
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    line-height: 1;
}

.timeline-content h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.timeline-content p {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.7;
}

.timeline-image {
    border-radius: var(--radius-lg);
    overflow: hidden;
    height: 100%;
}

    .timeline-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* ============================================
   Values Grid (Our Story)
   ============================================ */
.values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.value-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .value-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.value-icon {
    font-size: 56px;
    margin-bottom: 20px;
}

.value-card h4 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.value-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* ============================================
   Doctors Expertise (Our Story)
   ============================================ */
.doctors-expertise {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin: 40px 0;
}

.expertise-content p {
    font-size: 18px;
    color: var(--gray-700);
    line-height: 1.8;
    margin-bottom: 32px;
}

.expertise-features {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.exp-feature {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.exp-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.exp-feature h5 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 4px;
}

.exp-feature p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

.expertise-image {
    border-radius: var(--radius-lg);
    overflow: hidden;
}

    .expertise-image img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

/* ============================================
   Leader Profile (Meet Leaders)
   ============================================ */
.leader-profile {
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-xl);
    overflow: hidden;
    margin-bottom: 60px;
}

.leader-profile-header {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 48px;
    padding: 48px;
    background: var(--gradient-card);
}

.leader-profile-image {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    text-align: center;
}

    .leader-profile-image img {
        width: 65%;
        height: 385px;
        object-fit: cover;
    }

.leader-badge-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 12px 20px;
    border-radius: var(--radius-full);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.leader-profile-intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.leader-name {
    font-family: var(--font-display);
    font-size: 40px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
    line-height: 1.3;
}

.leader-title {
    font-size: 18px;
    color: var(--primary-blue);
    font-weight: 600;
    margin-bottom: 8px;
}

.leader-subtitle {
    font-size: 16px;
    color: var(--gray-600);
    margin-bottom: 24px;
}

.leader-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

    .leader-tags .tag {
        padding: 8px 16px;
        background: var(--white);
        border: 2px solid var(--primary-blue);
        border-radius: var(--radius-full);
        font-size: 13px;
        font-weight: 600;
        color: var(--gray-700);
    }

.leader-profile-content {
    padding: 48px;
}

.profile-section {
    margin-bottom: 40px;
}

    .profile-section:last-child {
        margin-bottom: 0;
    }

    .profile-section h3 {
        font-family: var(--font-display);
        font-size: 24px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.section-icon {
    font-size: 28px;
}

.vision-statement {
    font-size: 16px;
    color: var(--primary-blue);
    font-weight: 600;
    padding: 20px 24px;
    background: var(--gradient-card);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--primary-blue);
}

.profile-list {
    list-style: none;
    padding: 0;
}

    .profile-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 16px;
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.7;
    }

        .profile-list li::before {
            content: '▸';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
            font-size: 20px;
        }

.expertise-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.expertise-item {
    background: var(--gray-50);
    padding: 24px;
    border-radius: var(--radius-md);
}

    .expertise-item h5 {
        font-family: var(--font-display);
        font-size: 16px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 8px;
    }

    .expertise-item p {
        font-size: 14px;
        color: var(--gray-600);
        line-height: 1.7;
    }

.therapeutic-tags-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

    .therapeutic-tags-mini span {
        padding: 8px 16px;
        background: var(--white);
        border: 2px solid var(--primary-blue);
        border-radius: var(--radius-full);
        font-size: 14px;
        font-weight: 600;
        color: var(--gray-700);
    }

.profile-section.highlight {
    background: var(--gradient-card);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

.philosophy-text {
    font-size: 18px;
    color: var(--gray-800);
    line-height: 1.8;
    font-style: italic;
}

.services-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.service-item {
    display: flex;
    gap: 20px;
}

.service-icon {
    width: 32px;
    height: 32px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.service-content h5 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 4px;
}

.service-content p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* ============================================
   Together Mission
   ============================================ */
.together-mission {
    background: var(--gradient-hero);
    padding: 60px;
    border-radius: var(--radius-xl);
    text-align: center;
    color: var(--white);
}

    .together-mission .mission-icon {
        font-size: 72px;
        margin-bottom: 24px;
    }

    .together-mission h2 {
        font-family: var(--font-display);
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .together-mission p {
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 40px;
        opacity: 0.95;
    }

.mission-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.mission-stat {
    display: flex;
    flex-direction: column;
}

    .mission-stat .stat-num {
        font-family: var(--font-display);
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .mission-stat .stat-text {
        font-size: 16px;
        opacity: 0.9;
    }

/* ============================================
   Inline CTA
   ============================================ */
.cta-inline {
    background: var(--gradient-hero);
    padding: 40px;
    border-radius: var(--radius-xl);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin: 40px 0;
}

.cta-inline-content h3 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 12px;
    line-height: 42px;
}

.cta-inline-content p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
}

.cta-inline-buttons {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

.btn-primary-lg,
.btn-secondary-lg {
    padding: 16px 32px;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all var(--transition-base);
    white-space: nowrap;
    border: none;
    font-family: var(--font-primary);
}

.btn-primary-lg {
    background: var(--white);
    color: var(--primary-blue);
}

    .btn-primary-lg:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
    }

.btn-secondary-lg {
    background: transparent;
    color: var(--white);
    border: 2px solid var(--white);
}

    .btn-secondary-lg:hover {
        background: var(--white);
        color: var(--primary-blue);
    }

/* ============================================
   Sidebar
   ============================================ */
.content-sidebar {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.sidebar-card {
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    padding: 32px;
    margin-bottom: 24px;
}

    .sidebar-card.highlight-card {
        background: var(--gradient-card);
        border-color: var(--primary-blue);
        text-align: center;
    }

.sidebar-title {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 20px;
}

.sidebar-links {
    list-style: none;
    padding: 0;
}

    .sidebar-links li {
        margin-bottom: 12px;
    }

    .sidebar-links a {
        display: block;
        padding: 12px 16px;
        color: var(--gray-700);
        text-decoration: none;
        border-radius: var(--radius-sm);
        transition: all var(--transition-fast);
        font-size: 15px;
    }

        .sidebar-links a:hover,
        .sidebar-links a.active {
            background: var(--gradient-card);
            color: var(--primary-blue);
            padding-left: 24px;
        }

.highlight-icon-lg {
    font-size: 64px;
    margin-bottom: 20px;
}

.sidebar-card h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.sidebar-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

.launch-card i {
    font-size: 30px;
    background: linear-gradient(135deg, #1565C0 0%, #e74c3c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.launch-card h3 {
    margin: 10px 0px 5px;
    font-size: 20px;
    background: linear-gradient(135deg, var(--primary-blue) 0%, #764BA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.launch-card h5 {
    margin: 10px 0px 5px;
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-900);
}
/* Stats Card */
.stats-card {
    text-align: center;
}

.sidebar-stat {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-200);
    display: flex;
    flex-direction: column;
}

    .sidebar-stat:last-child {
        border-bottom: none;
    }

.stat-value {
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label {
    font-size: 14px;
    color: var(--gray-500);
}

/* Milestone Card */
.milestone-card {
    text-align: center;
}

.milestone-item {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-200);
    display: flex;
    flex-direction: column;
}

    .milestone-item:last-child {
        border-bottom: none;
    }

.milestone-year {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 8px;
}

.milestone-text {
    font-size: 14px;
    color: var(--gray-500);
}

/* CTA Card */
.cta-card {
    background: var(--gradient-primary);
    border: none;
    text-align: center;
}

    .cta-card h3 {
        color: var(--white);
    }

    .cta-card p {
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 15px;
    }

.sidebar-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background: var(--white);
    color: var(--primary-blue);
    text-decoration: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
    transition: all var(--transition-base);
}

    .sidebar-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .sidebar-btn:last-child {
        margin-bottom: 0;
    }

/* ============================================
   Responsive Design
   ============================================ */
@media (max-width: 1024px) {
    .page-title {
        font-size: 48px;
    }

    .content-grid {
        grid-template-columns: 1fr;
    }

    .content-sidebar {
        position: static;
    }

    .mission-vision-grid,
    .feature-row,
    .values-grid {
        grid-template-columns: 1fr;
    }

    .timeline::before {
        left: 30px;
    }

    .timeline-item {
        grid-template-columns: 1fr;
        padding-left: 60px;
    }

        .timeline-item:nth-child(even) .timeline-content,
        .timeline-item:nth-child(even) .timeline-image {
            order: initial;
        }

    .timeline-dot {
        left: 30px;
    }

    .doctors-expertise {
        grid-template-columns: 1fr;
    }

    .leader-profile-header {
        grid-template-columns: 1fr;
    }

    .leader-profile-image img {
        height: 400px;
    }

    .expertise-grid {
        grid-template-columns: 1fr;
    }

    .mission-stats {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .page-header {
        padding: 20px 0px;
    }

    .page-title {
        font-size: 25px;
    }

    .page-subtitle {
        font-size: 15px;
    }

    .content-heading {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .content-section {
        padding: 25px 0;
    }

    .lead-text {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .highlight-box {
        flex-direction: column;
        padding: 24px;
    }

    .cta-inline {
        flex-direction: column;
        padding: 40px 30px;
    }

    .cta-inline-buttons {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .btn-primary-lg,
    .btn-secondary-lg {
        width: 100%;
    }

    .benefit-card {
        grid-template-columns: 1fr;
    }

    .benefit-image {
        height: 250px;
    }

    .diff-item {
        flex-direction: column;
        gap: 16px;
    }

    .timeline {
        padding-left: 0;
    }

    .timeline-item {
        padding-left: 0;
    }

    .timeline::before {
        display: none;
    }

    .timeline-dot {
        display: none;
    }

    .together-mission {
        padding: 40px 30px;
    }

        .together-mission h2 {
            font-size: 28px;
        }

    .leader-profile-header {
        padding: 32px;
    }

    .leader-profile-content {
        padding: 32px;
    }

    .leader-name {
        font-size: 32px;
    }
}

/* ============================================
   CONTACT US & ADMISSION FORMS STYLES
   Add these styles to your existing sub.css file
   ============================================ */

/* Contact Grid Layout */
.contact-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 48px;
    margin-bottom: 60px;
}

/* Contact Form Wrapper */
.contact-form-wrapper {
    background: var(--white);
    border-radius: var(--radius-xl);
    padding: 48px;
    box-shadow: var(--shadow-lg);
    border: 2px solid var(--gray-200);
}

.form-heading {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.form-description {
    font-size: 16px;
    color: var(--gray-600);
    margin-bottom: 32px;
    line-height: 1.6;
}

.form-description-01 {
    color: var(--primary-blue);
    font-family: var(--font-display);
    font-size: 17px;
}
/* Form Groups */
.form-group {
    margin-bottom: 24px;
}

.form-group-01 {
    margin-bottom: 18px;
}

.form-label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--gray-700);
    margin-bottom: 8px;
}

    .form-label sup {
        color: #e74c3c;
    }

.form-input,
.form-select,
.form-textarea {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    font-family: var(--font-body);
    color: var(--gray-900);
    background: var(--white);
    border: 2px solid var(--gray-300);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
}

.form-input-01 {
    padding: 10px 16px;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

.form-label span {
    font-size: 13px;
    font-weight: 500;
}

.form-captcha {
    color: var(--primary-blue);
    font-family: var(--font-display);
    letter-spacing: 3px;
    font-size: 16px;
}

.form-textarea {
    resize: vertical;
    min-height: 120px;
}

.form-select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

.field-validator {
    display: block;
    color: #dc2626;
    font-size: 13px;
    margin-top: 6px;
    min-height: 18px;
}

.field-hint {
    display: block;
    font-size: 13px;
    color: var(--gray-500);
    margin-top: 6px;
    font-style: italic;
}

/* Form Submit Button */
.form-submit {
    width: 100%;
    padding: 16px 32px;
    font-size: 17px;
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--white);
    background: var(--gradient-primary);
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2);
}

    .form-submit:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0, 102, 255, 0.3);
    }

    .form-submit:active {
        transform: translateY(0);
    }

/* Form Row (for side-by-side fields) */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Radio Groups */
.radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.radio-label {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: var(--gray-50);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
}

    .radio-label:hover {
        background: var(--gray-100);
        border-color: var(--primary-blue);
    }

    .radio-label input[type="radio"] {
        margin-right: 12px;
        cursor: pointer;
    }

        .radio-label input[type="radio"]:checked + .radio-text {
            font-weight: 600;
            color: var(--primary-blue);
        }

.radio-text {
    font-size: 15px;
    color: var(--gray-700);
}

/* Checkbox Labels */
.checkbox-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 14px;
    color: var(--gray-700);
    line-height: 1.6;
}

    .checkbox-label input[type="checkbox"] {
        margin-right: 10px;
        margin-top: 3px;
        cursor: pointer;
        flex-shrink: 0;
    }

.checkbox-text {
    flex: 1;
}

.link-inline {
    color: var(--primary-blue);
    text-decoration: underline;
    font-weight: 500;
}

    .link-inline:hover {
        color: var(--cyan);
    }

.form-footer-text {
    font-size: 13px;
    color: var(--gray-600);
    margin-top: 16px;
    text-align: center;
    line-height: 1.5;
}

.form-group-rdo-chk h5 {
    margin: 0px 15px 5px;
    font-size: 15px;
}

    .form-group-rdo-chk h5 label {
        color: var(--gray-600);
        font-weight: 500;
        margin-left: 5px;
    }

.form-group-rdo-chk p {
    font-size: 15px;
    font-weight: 600;
    color: var(--gray-700);
}

    .form-group-rdo-chk p sup {
        color: #e74c3c;
        font-size: 13px;
    }
/* Contact Info Sidebar */
.contact-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-info-card {
    background: var(--white);
    padding: 28px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .contact-info-card:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
    }

    .contact-info-card.highlight-info {
        background: var(--gradient-card);
        border-color: var(--primary-blue);
    }

.contact-info-icon {
    font-size: 40px;
    margin-bottom: 12px;
    display: block;
}

.contact-info-card h3 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.contact-info-card p {
    font-size: 14px;
    color: var(--gray-600);
    margin-bottom: 12px;
    line-height: 1.5;
}

.contact-info-card a {
    display: inline-block;
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all var(--transition-base);
}

    .contact-info-card a:hover {
        color: var(--cyan);
        transform: translateX(4px);
    }

.location-text {
    margin-bottom: 16px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--gray-200);
}

    .location-text:last-of-type {
        border-bottom: none;
        margin-bottom: 0 !important;
    }

    .location-text strong {
        color: var(--gray-900);
        font-size: 15px;
    }

/* Business Hours */
.business-hours {
    margin-top: 12px;
}

.hours-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray-200);
    font-size: 14px;
}

    .hours-row:last-child {
        border-bottom: none;
    }

    .hours-row span:first-child {
        color: var(--gray-700);
        font-weight: 500;
    }

    .hours-row span:last-child {
        color: var(--gray-600);
    }

/* Join Process Section */
.join-process-section {
    margin-top: 80px;
    padding: 60px 0;
    background: var(--gradient-card);
    border-radius: var(--radius-xl);
}

.process-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 48px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.process-step {
    flex: 1;
    text-align: center;
    padding: 32px 20px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
    position: relative;
}

    .process-step:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
        border-color: var(--primary-blue);
    }

.step-number {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    box-shadow: var(--shadow-md);
}

.step-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.process-step h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.process-step p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
}

.process-arrow {
    font-size: 32px;
    color: var(--primary-blue);
    margin: 0 12px;
    flex-shrink: 0;
}

/* FAQ Section */
.faq-section {
    padding: 80px 0;
    background: var(--gray-50);
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 24px;
    margin-top: 48px;
}

.faq-item {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .faq-item:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-2px);
        border-color: var(--primary-blue);
    }

    .faq-item h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 12px;
    }

    .faq-item p {
        font-size: 15px;
        color: var(--gray-600);
        line-height: 1.6;
    }

.pdf-item {
    padding: 15px !important;
}

    .pdf-item input {
        border: none;
        background-color: transparent;
        font-size: 15px;
        cursor: pointer;
        color: var(--primary-blue);
        transition: all 0.5s;
    }

        .pdf-item input:hover {
            text-decoration: underline;
        }

    .pdf-item i {
        font-size: 15px;
        padding-right: 5px;
        color: var(--primary-blue);
    }
/* Admission Form Specific */
.admission-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 48px;
}

.admission-form-wrapper {
    background: var(--white);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.admission-form-header {
    padding: 40px 48px 32px;
    background: var(--gradient-card);
    border-bottom: 2px solid var(--gray-200);
}

.admission-form {
    padding: 40px 48px;
}

.admission-form-grid {
    padding: 25px;
}

/* Admission Sidebar */
.admission-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-card.admission-benefits {
    background: var(--gradient-card);
    border: 2px solid var(--primary-blue);
}

.benefits-list {
    list-style: none;
    padding: 0;
}

    .benefits-list li {
        display: flex;
        align-items: flex-start;
        padding: 12px 0;
        border-bottom: 1px solid var(--gray-200);
    }

        .benefits-list li:last-child {
            border-bottom: none;
        }

.benefit-icon {
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 18px;
    margin-right: 12px;
    flex-shrink: 0;
}

.benefit-text {
    font-size: 14px;
    color: var(--gray-700);
    font-weight: 500;
    line-height: 1.5;
}

/* Steps Timeline */
.steps-timeline {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.timeline-step {
    display: flex;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 2px dashed var(--gray-200);
}

    .timeline-step:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.timeline-number {
    width: 36px;
    height: 36px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.timeline-content strong {
    display: block;
    font-size: 15px;
    color: var(--gray-900);
    margin-bottom: 4px;
}

.timeline-content p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
}

.sidebar-card.placement-highlight {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border: 2px solid #1565C0;
    text-align: center;
}

.sidebar-card.contact-support {
    background: var(--gray-50);
}

.sidebar-hours {
    font-size: 13px;
    color: var(--gray-600);
    margin-top: 12px;
    text-align: center;
}

/* Benefits Highlight Section */
.benefits-highlight-section {
    padding: 80px 0;
    background: var(--gray-50);
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin-top: 48px;
}

.benefit-card {
    background: var(--white);
    padding: 10px 5px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .benefit-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
        border-color: var(--primary-blue);
    }

.benefit-card-icon {
    font-size: 56px;
    margin-bottom: 20px;
    display: block;
}

.benefit-card h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
    line-height: 25px;
}

.benefit-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Text Center Utility */
.text-center {
    text-align: center;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .contact-grid,
    .admission-layout {
        grid-template-columns: 1fr;
    }

    .contact-info,
    .admission-sidebar {
        order: -1;
    }
}

@media (max-width: 768px) {
    .contact-form-wrapper,
    .admission-form {
        padding: 15px;
    }

    .admission-form-header {
        padding: 15px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .process-steps {
        flex-direction: column;
        gap: 24px;
    }

    .process-arrow {
        transform: rotate(90deg);
    }

    .faq-grid,
    .benefits-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .form-heading {
        font-size: 24px;
    }

    .contact-form-wrapper,
    .admission-form {
        padding: 24px 20px;
    }

    .step-icon,
    .benefit-card-icon {
        font-size: 40px;
    }
}

/* ============================================
   FAQ Section
   ============================================ */
.faq-section {
    padding: 80px 0;
    background: var(--white);
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 40px;
}

.faq-item {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .faq-item:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

    .faq-item h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 12px;
    }

    .faq-item p {
        font-size: 15px;
        color: var(--gray-600);
        line-height: 1.7;
    }

/* ============================================
   Program Details Page
   ============================================ */
.program-hero {
    background: var(--gradient-card);
    padding: 60px 0;
    border-bottom: 2px solid var(--primary-blue);
}

.program-hero-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
    align-items: center;
}

.program-badge-lg {
    display: inline-block;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 8px 20px;
    border-radius: var(--radius-full);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.program-hero h1 {
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.program-hero p {
    font-size: 18px;
    color: var(--gray-700);
    line-height: 1.8;
}

.program-quick-info {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

.quick-info-item {
    padding: 16px 0;
    border-bottom: 1px solid var(--gray-200);
}

    .quick-info-item:last-child {
        border-bottom: none;
    }

.quick-info-label {
    font-size: 13px;
    color: var(--gray-500);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.quick-info-value {
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
}

/* Curriculum Accordion */
.curriculum-accordion {
    margin: 40px 0;
}

.curriculum-item {
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    margin-bottom: 16px;
    overflow: hidden;
    transition: all var(--transition-base);
}

    .curriculum-item.active {
        border-color: var(--primary-blue);
    }

.curriculum-header {
    padding: 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all var(--transition-fast);
}

    .curriculum-header:hover {
        background: var(--gray-50);
    }

.curriculum-title {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
}

.curriculum-icon {
    font-size: 24px;
    color: var(--primary-blue);
    transition: transform var(--transition-base);
}

.curriculum-item.active .curriculum-icon {
    transform: rotate(180deg);
}

.curriculum-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-slow);
}

.curriculum-item.active .curriculum-content {
    max-height: 1000px;
}

.curriculum-body {
    padding: 0 24px 24px;
}

    .curriculum-body ul {
        list-style: none;
        padding: 0;
    }

    .curriculum-body li {
        padding: 12px 0;
        padding-left: 32px;
        position: relative;
        font-size: 15px;
        color: var(--gray-700);
        border-bottom: 1px solid var(--gray-100);
    }

        .curriculum-body li:last-child {
            border-bottom: none;
        }

        .curriculum-body li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* ============================================
   Additional Responsive Adjustments
   ============================================ */
@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .contact-form {
        padding: 10px;
    }

    .join-process-section {
        padding: 40px 30px;
    }

    .process-steps {
        flex-direction: column;
    }

    .process-arrow {
        transform: rotate(90deg);
    }

    .process-step {
        max-width: 100%;
    }

    .faq-grid {
        grid-template-columns: 1fr;
    }

    .program-hero-content {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   Why AMClinical Page - Additional Styles
   ============================================ */

/* Features Showcase */
.features-showcase {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.showcase-card {
    background: var(--white);
    padding: 40px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
    position: relative;
}

    .showcase-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

    .showcase-card.featured-card {
        border-color: var(--primary-blue);
        background: var(--gradient-card);
    }

.showcase-badge {
    position: absolute;
    top: -12px;
    right: 20px;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 6px 16px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 600;
}

.showcase-icon {
    font-size: 56px;
    margin-bottom: 20px;
}

.showcase-card h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.showcase-card p {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.8;
    margin-bottom: 20px;
}

.showcase-list {
    list-style: none;
    padding: 0;
}

    .showcase-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 10px;
        font-size: 14px;
        color: var(--gray-600);
    }

        .showcase-list li::before {
            content: '→';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* Methodology Grid */
.methodology-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 40px 0;
}

.method-step {
    width: 100%;
    max-width: 600px;
    display: flex;
    gap: 24px;
    align-items: center;
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .method-step:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

.method-number {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
}

.method-content h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.method-content p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

.method-arrow {
    font-size: 32px;
    color: var(--primary-blue);
    margin: 20px 0;
    font-weight: 700;
}

/* Comparison Table */
.comparison-table {
    background: var(--white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 2px solid var(--gray-200);
    margin: 40px 0;
}

.comparison-header {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    background: var(--gray-900);
    color: var(--white);
}

    .comparison-header .comparison-col {
        padding: 20px 24px;
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 700;
    }

    .comparison-header .highlight-col {
        background: var(--gradient-primary);
    }

.comparison-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    border-bottom: 1px solid var(--gray-200);
}

    .comparison-row:last-child {
        border-bottom: none;
    }

    .comparison-row:hover {
        background: var(--gray-50);
    }

.comparison-col {
    padding: 20px 24px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--gray-700);
}

.comparison-row .highlight-col {
    background: var(--gradient-card);
    font-weight: 600;
}

.check-icon {
    color: #10b981;
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
}

.cross-icon {
    color: #ef4444;
    font-size: 20px;
    font-weight: 700;
    margin-right: 8px;
}

/* Success Factors */
.success-factors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.factor-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .factor-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.factor-stat {
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 16px;
}

.factor-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.factor-card p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Testimonials */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.testimonial-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    position: relative;
    transition: all var(--transition-base);
}

    .testimonial-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

.testimonial-quote {
    font-size: 80px;
    font-family: Georgia, serif;
    color: var(--primary-blue);
    opacity: 0.2;
    line-height: 1;
    margin-bottom: -40px;
}

.testimonial-text {
    font-size: 16px;
    color: var(--gray-700);
    line-height: 1.8;
    font-style: italic;
    margin-bottom: 24px;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
}

    .testimonial-author strong {
        font-size: 16px;
        color: var(--gray-900);
        font-weight: 600;
        margin-bottom: 4px;
    }

    .testimonial-author span {
        font-size: 14px;
        color: var(--gray-500);
    }

/* Responsive Adjustments for Why AMClinical */
@media (max-width: 1024px) {
    .features-showcase {
        grid-template-columns: 1fr;
    }

    .success-factors {
        grid-template-columns: repeat(2, 1fr);
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .comparison-header,
    .comparison-row {
        grid-template-columns: 1.5fr 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .methodology-grid {
        padding: 0;
    }

    .method-step {
        flex-direction: column;
        text-align: center;
    }

    .method-arrow {
        transform: rotate(90deg);
    }

    .comparison-table {
        overflow-x: auto;
    }

    .comparison-header,
    .comparison-row {
        min-width: 600px;
    }

    .success-factors {
        grid-template-columns: 1fr;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   Program Pages - Additional Styles
   ============================================ */

/* Program Detail Cards */
.program-detail-card {
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-xl);
    padding: 48px;
    margin-bottom: 60px;
    transition: all var(--transition-base);
}

    .program-detail-card:hover {
        box-shadow: var(--shadow-xl);
    }

    .program-detail-card.featured-program {
        border-color: var(--primary-blue);
        background: var(--gradient-card);
    }

.program-header-section {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--gray-200);
    margin-bottom: 32px;
}

.program-badge-top {
    position: absolute;
    top: -24px;
    right: 0;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 8px 20px;
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 600;
}

.program-number {
    width: 50px;
    height: 50px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.program-title-large {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
    line-height: 1.3;
}

.program-meta-info {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    font-size: 15px;
}

.meta-item {
    color: var(--gray-600);
}

    .meta-item strong {
        color: var(--gray-900);
    }

.meta-divider {
    color: var(--gray-400);
}

.program-overview,
.program-curriculum,
.program-outcomes,
.program-eligibility {
    margin-bottom: 32px;
}

    .program-overview h3,
    .program-curriculum h3,
    .program-outcomes h3,
    .program-eligibility h3 {
        font-family: var(--font-display);
        font-size: 22px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .program-overview p,
    .program-eligibility p {
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.8;
    }

/* Curriculum Grid Preview */
.curriculum-grid-preview {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 24px;
}

.curr-module {
    background: var(--gray-50);
    padding: 24px;
    border-radius: var(--radius-md);
    border: 1px solid var(--gray-200);
}

    .curr-module h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 12px;
    }

    .curr-module ul {
        list-style: none;
        padding: 0;
    }

    .curr-module li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 8px;
        font-size: 14px;
        color: var(--gray-600);
    }

        .curr-module li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* Curriculum List Simple */
.curriculum-list-simple {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 24px;
}

.curr-item {
    background: var(--gray-50);
    padding: 16px;
    border-radius: var(--radius-sm);
    font-size: 15px;
    color: var(--gray-700);
    border-left: 3px solid var(--primary-blue);
}

/* Program Highlights Box */
.program-highlights-box {
    background: var(--gradient-card);
    border: 2px solid var(--primary-blue);
    border-radius: var(--radius-lg);
    padding: 32px;
    margin: 32px 0;
}

    .program-highlights-box h3 {
        font-family: var(--font-display);
        font-size: 20px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 16px;
    }

    .program-highlights-box p {
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.8;
    }

    .program-highlights-box ul {
        list-style: none;
        padding: 0;
        margin-top: 16px;
    }

    .program-highlights-box li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 10px;
        font-size: 15px;
        color: var(--gray-700);
    }

        .program-highlights-box li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* Outcomes Grid */
.outcomes-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 24px;
}

.outcome-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.outcome-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.outcome-item h5 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 4px;
}

.outcome-item p {
    font-size: 14px;
    color: var(--gray-600);
}

.outcome-highlight {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-blue);
    padding: 20px;
    background: var(--gradient-card);
    border-radius: var(--radius-md);
    text-align: center;
}

/* Eligibility List */
.eligibility-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 16px;
}

    .eligibility-list li {
        position: relative;
        padding-left: 32px;
        font-size: 15px;
        color: var(--gray-700);
    }

        .eligibility-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
            font-size: 20px;
        }

/* Program CTA Section */
.program-cta-section {
    display: flex;
    gap: 16px;
    padding-top: 32px;
    border-top: 2px solid var(--gray-200);
}

.btn-program-primary,
.btn-program-secondary {
    padding: 16px 40px;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all var(--transition-base);
    font-family: var(--font-primary);
    border: none;
}

.btn-program-primary {
    background: var(--gradient-primary);
    color: var(--white);
}

    .btn-program-primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 102, 255, 0.3);
    }

.btn-program-secondary {
    background: transparent;
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
}

    .btn-program-secondary:hover {
        background: var(--primary-blue);
        color: var(--white);
    }

/* Comparison Table */
.programs-comparison-table {
    overflow-x: auto;
    margin: 40px 0;
}

.comparison-table-full {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

    .comparison-table-full thead {
        background: var(--gray-900);
        color: var(--white);
    }

    .comparison-table-full th {
        padding: 16px;
        font-family: var(--font-display);
        font-size: 16px;
        font-weight: 700;
        text-align: left;
    }

    .comparison-table-full td {
        padding: 16px;
        border-bottom: 1px solid var(--gray-200);
        font-size: 15px;
        color: var(--gray-700);
    }

    .comparison-table-full tbody tr:hover {
        background: var(--gray-50);
    }

    .comparison-table-full td strong {
        color: var(--gray-900);
    }

/* Learning Pathway */
.learning-pathway {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 40px 0;
    flex-wrap: wrap;
}

.pathway-step {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    flex: 1;
    min-width: 200px;
    max-width: 250px;
    transition: all var(--transition-base);
}

    .pathway-step:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.pathway-level {
    background: var(--gradient-primary);
    color: var(--white);
    padding: 6px 16px;
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 16px;
}

.pathway-step h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.pathway-step p {
    font-size: 14px;
    color: var(--gray-600);
}

.pathway-arrow {
    font-size: 32px;
    color: var(--primary-blue);
    font-weight: 700;
}

/* Skill Tag List */
.skill-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.skill-tag {
    background: var(--gradient-card);
    border: 1px solid var(--primary-blue);
    padding: 8px 16px;
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-700);
}

/* Why Coding Grid */
.why-coding-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.why-coding-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .why-coding-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.why-icon {
    font-size: 48px;
    margin-bottom: 0px;
}

.why-coding-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.why-coding-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Career Progression */
.career-progression {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 40px 0;
}

.career-stage {
    width: 100%;
    max-width: 700px;
    display: flex;
    gap: 32px;
    align-items: center;
}

.stage-timeline {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
}

.stage-card {
    flex: 1;
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .stage-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

    .stage-card h4 {
        font-family: var(--font-display);
        font-size: 22px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 8px;
    }

.stage-salary {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-blue);
    margin-bottom: 12px;
}

.stage-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

.career-arrow-down {
    font-size: 32px;
    color: var(--primary-blue);
    margin: 20px 0;
    font-weight: 700;
}

/* Partners Types */
.partners-intro {
    font-size: 18px;
    color: var(--gray-600);
    text-align: center;
    margin-bottom: 40px;
}

.partners-types {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.partner-type-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .partner-type-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

    .partner-type-card h4 {
        font-family: var(--font-display);
        font-size: 20px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 12px;
    }

    .partner-type-card p {
        font-size: 15px;
        color: var(--gray-600);
        line-height: 1.7;
    }

.cert-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cert-item {
    font-size: 14px;
    color: var(--gray-700);
    padding: 12px;
    background: var(--gray-50);
    border-radius: var(--radius-sm);
    border-left: 3px solid var(--primary-blue);
}

/* ============================================
   PLACEMENT SUPPORT PAGE STYLES
   ============================================ */

/* Placement Hero Card */
.placement-hero-card {
    background: var(--white);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
    margin-bottom: 40px;
    border: 2px solid #1565C0;
}

.placement-badge-overlay {
    position: absolute;
    top: 24px;
    right: 24px;
    background: linear-gradient(135deg, #1565C0 0%, #FFA500 100%);
    color: var(--gray-900);
    padding: 12px 24px;
    border-radius: var(--radius-full);
    font-weight: 700;
    font-size: 14px;
    box-shadow: var(--shadow-lg);
}

.placement-hero-title {
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.placement-hero-tagline {
    font-size: 18px;
    color: var(--gray-600);
    font-weight: 600;
    line-height: 1.6;
}

/* Mission Statement Box */
.mission-statement-box {
    text-align: center;
    padding: 48px 32px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border-radius: var(--radius-lg);
    border: 2px solid #1565C0;
    margin-bottom: 40px;
}

.mission-icon {
    font-size: 64px;
    margin-bottom: 20px;
}

.mission-statement-box h2 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.mission-statement-box-placement {
    padding: 20px;
}

.mission-icon-placement {
    font-size: 40px;
    margin-bottom: 5px;
}

.mission-statement-box-placement h2 {
    font-size: 28px;
    margin-bottom: 5px;
}

.mission-statement-box-placement p {
    margin: 0px 0px 10px;
    font-size: 18px;
    color: var(--gray-600);
    line-height: 1.6;
}
/* Career Opportunities Categories */
.opportunity-category {
    margin-bottom: 60px;
    padding: 40px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .opportunity-category:hover {
        box-shadow: var(--shadow-xl);
    }

    .opportunity-category.cro-category {
        border-left: 6px solid #0066FF;
    }

    .opportunity-category.sites-category {
        border-left: 6px solid #2ecc71;
    }

    .opportunity-category.healthit-category {
        border-left: 6px solid #9b59b6;
    }

    .opportunity-category.coding-category {
        border-left: 6px solid #764BA2;
    }

    .opportunity-category.hospital-category {
        border-left: 6px solid #e74c3c;
    }

    .opportunity-category.pharma-category {
        border-left: 6px solid #f39c12;
    }

.category-header {
    margin-bottom: 32px;
}

.category-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: inline-block;
}

.category-header h3 {
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.category-description {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Companies Grid */
.companies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 32px;
}

.company-card {
    padding: 24px;
    background: var(--gradient-card);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
    text-align: center;
    transition: all var(--transition-base);
}

    .company-card:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
        border-color: var(--primary-blue);
    }

.company-logo-placeholder {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    background: var(--white);
    border-radius: var(--radius-sm);
    padding: 16px;
}

.company-name {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-blue);
}

.company-type {
    font-size: 13px;
    color: var(--gray-600);
    margin-top: 8px;
}

/* Roles Available */
.roles-available {
    padding: 24px;
    background: var(--gray-50);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--primary-blue);
}

    .roles-available h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 16px;
    }

.roles-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

    .roles-list li {
        position: relative;
        padding-left: 24px;
        font-size: 14px;
        color: var(--gray-700);
        line-height: 1.5;
    }

        .roles-list li:before {
            content: "→";
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* Placement Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.service-card {
    padding: 32px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

    .service-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
        border-color: var(--primary-blue);
    }

    .service-card.priority-service {
        background: var(--gradient-card);
        border-color: var(--primary-blue);
    }

    .service-card.highlight-service {
        background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
        border-color: #1565C0;
    }

.service-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
    margin-bottom: 30px;
}

.service-card h3 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.service-card p {
    font-size: 15px;
    color: var(--gray-700);
    line-height: 1.6;
    margin-bottom: 16px;
}

.service-features {
    list-style: none;
    padding: 0;
}

    .service-features li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        font-size: 14px;
        color: var(--gray-600);
    }

        .service-features li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* Success Stats Grid */
.success-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-top: 32px;
    margin-bottom: 40px;
}

.stat-card {
    text-align: center;
    padding: 32px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
    transition: all var(--transition-base);
}

    .stat-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

.stat-number {
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: block;
    margin-bottom: 8px;
}

.stat-label {
    display: block;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.stat-card p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
}

/* Testimonial Highlight */
.testimonial-highlight {
    padding: 40px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 201, 255, 0.05) 100%);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--primary-blue);
    margin-top: 40px;
}

.testimonial-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.testimonial-highlight blockquote {
    margin: 0;
    padding: 0;
    border: none;
}

.testimonial-highlight p {
    font-size: 18px;
    font-style: italic;
    color: var(--gray-700);
    line-height: 1.8;
    margin-bottom: 16px;
}

.testimonial-highlight footer {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-blue);
}

/* Sidebar - Placement Specific */
.sidebar-card.placement-info-card {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border: 2px solid #1565C0;
}

.placement-highlights {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--white);
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--gray-700);
    font-weight: 500;
}

.highlight-icon {
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 16px;
}

.industry-sectors-card {
    background: var(--gradient-card);
}

.sectors-list {
    list-style: none;
    padding: 0;
}

    .sectors-list li {
        padding: 10px 0;
        font-size: 14px;
        color: var(--gray-700);
        border-bottom: 1px solid var(--gray-200);
    }

        .sectors-list li:last-child {
            border-bottom: none;
        }

/* CTA Placement */
.cta-inline.placement-cta {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border: 2px solid #1565C0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .companies-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    .services-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .companies-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .services-grid,
    .success-stats-grid {
        grid-template-columns: 1fr;
    }

    .roles-list {
        grid-template-columns: 1fr;
    }

    .opportunity-category {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .placement-hero-title {
        font-size: 28px;
    }

    .mission-statement-box h2 {
        font-size: 24px;
    }

    .category-header h3 {
        font-size: 22px;
    }

    .stat-number {
        font-size: 36px;
    }
}

/* ============================================
   Responsive Adjustments for New Pages
   ============================================ */
@media (max-width: 1024px) {
    .curriculum-grid-preview,
    .curriculum-list-simple,
    .outcomes-grid,
    .eligibility-list,
    .why-coding-grid,
    .partners-types,
    .hiring-categories,
    .job-roles-grid,
    .success-stories-grid,
    .stats-showcase,
    .eligibility-placement {
        grid-template-columns: 1fr;
    }

    .step-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .program-detail-card {
        padding: 32px 24px;
    }

    .program-title-large {
        font-size: 24px;
    }

    .program-meta-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .program-cta-section {
        flex-direction: column;
    }

    .btn-program-primary,
    .btn-program-secondary {
        width: 100%;
    }

    .career-stage {
        flex-direction: column;
        text-align: center;
    }

    .pathway-arrow {
        transform: rotate(90deg);
    }

    .process-step-detailed {
        flex-direction: column;
    }
}

/* ============================================
   Detailed Course Pages Styles
   ============================================ */

/* Course Hero Section */
.course-hero {
    padding: 60px 0;
    background: var(--gradient-card);
    border-bottom: 2px solid var(--primary-blue);
}

.course-hero-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
    align-items: start;
}

.course-hero-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.course-badge-large {
    display: inline-block;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 10px 24px;
    border-radius: var(--radius-full);
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
}

.course-hero-content h2 {
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 700;
    color: var(--gray-900);
    line-height: 1.2;
}

.course-hero-content > p {
    font-size: 18px;
    color: var(--gray-700);
    line-height: 1.8;
}

.course-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.highlight-item {
    display: flex;
    gap: 16px;
    align-items: center;
    background: var(--white);
    padding: 20px;
    border-radius: var(--radius-md);
    border: 1px solid var(--gray-200);
}

.highlight-icon {
    font-size: 32px;
}

.highlight-item strong {
    display: block;
    font-size: 14px;
    color: var(--gray-500);
    margin-bottom: 4px;
}

.highlight-item p {
    font-size: 16px;
    color: var(--gray-900);
    font-weight: 600;
    margin: 0;
}

.course-cta-buttons {
    display: flex;
    gap: 16px;
}

.btn-course-primary,
.btn-course-secondary {
    padding: 16px 40px;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all var(--transition-base);
    font-family: var(--font-primary);
    border: none;
}

.btn-course-primary {
    background: var(--gradient-primary);
    color: var(--white);
}

    .btn-course-primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 102, 255, 0.3);
    }

.btn-course-secondary {
    background: var(--white);
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
}

    .btn-course-secondary:hover {
        background: var(--primary-blue);
        color: var(--white);
    }

/* Course Info Card */
.course-info-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-xl);
    border: 2px solid var(--primary-blue);
    box-shadow: var(--shadow-xl);
    position: sticky;
    top: 100px;
}

    .course-info-card h3 {
        font-family: var(--font-display);
        font-size: 24px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 24px;
        padding-bottom: 16px;
        border-bottom: 2px solid var(--gray-200);
    }

.info-item {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--gray-100);
}

    .info-item:last-of-type {
        border-bottom: none;
    }

.info-label {
    font-size: 14px;
    color: var(--gray-600);
}

.info-value {
    font-size: 14px;
    color: var(--gray-900);
    font-weight: 600;
    text-align: right;
}

.price-section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid var(--gray-200);
    text-align: center;
}

.price-label {
    font-size: 14px;
    color: var(--gray-600);
    margin-bottom: 8px;
}

.price-value {
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 8px;
}

.price-note {
    font-size: 13px;
    color: var(--gray-500);
    font-style: italic;
}

.btn-callback {
    width: 100%;
    margin-top: 24px;
    padding: 14px;
    background: var(--gradient-primary);
    color: var(--white);
    border: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    font-family: var(--font-primary);
}

    .btn-callback:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0, 102, 255, 0.3);
    }

/* Learning Outcomes Grid */
.learning-outcomes-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 32px;
}

.learning-outcome-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
    position: relative;
}

    .learning-outcome-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
    }

.outcome-number {
    position: absolute;
    top: -15px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
}

.learning-outcome-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
    margin-top: 10px;
}

.learning-outcome-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Detailed Curriculum Accordion */
.curriculum-item-detailed {
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    margin-bottom: 20px;
    overflow: hidden;
    transition: all var(--transition-base);
}

    .curriculum-item-detailed.active {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-md);
    }

.curriculum-header-detailed {
    padding: 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all var(--transition-fast);
}

    .curriculum-header-detailed:hover {
        background: var(--gray-50);
    }

.module-info {
    flex: 1;
}

.module-number {
    display: inline-block;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.module-info h3 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.module-duration {
    font-size: 14px;
    color: var(--gray-500);
}

.curriculum-toggle {
    font-size: 32px;
    color: var(--primary-blue);
    font-weight: 300;
    transition: transform var(--transition-base);
}

.curriculum-item-detailed.active .curriculum-toggle {
    transform: rotate(45deg);
}

.curriculum-content-detailed {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.curriculum-item-detailed.active .curriculum-content-detailed {
    max-height: 2000px;
}

.curriculum-body-detailed {
    padding: 0 24px 32px;
}

    .curriculum-body-detailed h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 700;
        color: var(--gray-900);
        margin: 20px 0 12px;
    }

    .curriculum-body-detailed ul {
        list-style: none;
        padding: 0;
    }

    .curriculum-body-detailed li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        font-size: 15px;
        color: var(--gray-700);
        line-height: 1.6;
    }

        .curriculum-body-detailed li::before {
            content: '→';
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

/* Skills Grid */
.skills-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 32px;
}

.skill-category {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
}

    .skill-category h4 {
        font-family: var(--font-display);
        font-size: 20px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 20px;
    }

.skill-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

    .skill-tags .skill-tag {
        background: var(--gradient-card);
        border: 1px solid var(--primary-blue);
        padding: 10px 18px;
        border-radius: var(--radius-full);
        font-size: 14px;
        font-weight: 600;
        color: var(--gray-700);
    }

/* Career Roles Showcase */
.career-roles-showcase {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 32px;
}

.career-role-detailed {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .career-role-detailed:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.role-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.career-role-detailed h4 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.role-salary {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-blue);
    margin-bottom: 12px;
}

.career-role-detailed > p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
    margin-bottom: 16px;
}

.role-companies {
    font-size: 13px;
    color: var(--gray-500);
    padding-top: 16px;
    border-top: 1px solid var(--gray-200);
    font-style: italic;
}

/* Target Audience Grid */
.target-audience-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 32px;
}

.audience-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .audience-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.audience-icon {
    font-size: 56px;
    margin-bottom: 20px;
}

.audience-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.audience-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Sidebar Additions for Course Pages */
.highlights-list {
    list-style: none;
    padding: 0;
}

    .highlights-list li {
        padding: 10px 0;
        font-size: 14px;
        color: var(--gray-700);
        border-bottom: 1px solid var(--gray-100);
    }

        .highlights-list li:last-child {
            border-bottom: none;
        }

.batch-info p {
    font-size: 14px;
    color: var(--gray-700);
    line-height: 1.7;
    margin-bottom: 16px;
}

.batch-info strong {
    color: var(--gray-900);
}

.related-courses-list {
    list-style: none;
    padding: 0;
}

    .related-courses-list li {
        margin-bottom: 12px;
    }

    .related-courses-list a {
        display: block;
        padding: 12px;
        color: var(--gray-700);
        text-decoration: none;
        background: var(--gray-50);
        border-radius: var(--radius-sm);
        transition: all var(--transition-fast);
        font-size: 14px;
    }

        .related-courses-list a:hover {
            background: var(--gradient-card);
            color: var(--primary-blue);
            padding-left: 20px;
        }

/* Responsive for Course Pages */
@media (max-width: 1024px) {
    .course-hero-grid {
        grid-template-columns: 1fr;
    }

    .course-info-card {
        position: static;
    }

    .learning-outcomes-grid,
    .skills-grid,
    .career-roles-showcase,
    .target-audience-grid {
        grid-template-columns: 1fr;
    }

    .course-highlights {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .course-hero-content h2 {
        font-size: 28px;
    }

    .course-cta-buttons {
        flex-direction: column;
    }

    .btn-course-primary,
    .btn-course-secondary {
        width: 100%;
    }
}

/* ============================================
   Therapeutic Areas Page Styles
   ============================================ */

.content-grid-full {
    max-width: 1280px;
    margin: 0 auto;
}

.content-block-center {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
}

.therapeutic-areas-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin: 60px 0;
}

.therapeutic-area-card {
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-xl);
    padding: 40px;
    transition: all var(--transition-base);
}

    .therapeutic-area-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-2xl);
    }

    .therapeutic-area-card.additional-areas {
        grid-column: 1 / -1;
        background: var(--gradient-card);
    }

.ta-icon {
    font-size: 64px;
    margin-bottom: 20px;
}

.therapeutic-area-card h3 {
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.ta-description {
    margin-bottom: 24px;
}

    .ta-description p {
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.8;
    }

.ta-details h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
    margin-top: 20px;
}

.ta-details ul {
    list-style: none;
    padding: 0;
}

.ta-details li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.6;
}

    .ta-details li::before {
        content: '→';
        position: absolute;
        left: 0;
        color: var(--primary-blue);
        font-weight: 700;
    }

.ta-stats {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--gray-200);
}

    .ta-stats span {
        background: var(--gradient-card);
        padding: 8px 16px;
        border-radius: var(--radius-full);
        font-size: 13px;
        color: var(--gray-700);
        font-weight: 500;
    }

.additional-areas-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

    .additional-areas-list li {
        background: var(--white);
        padding: 16px;
        border-radius: var(--radius-md);
        border: 1px solid var(--gray-200);
    }

        .additional-areas-list li::before {
            display: none;
        }

    .additional-areas-list strong {
        color: var(--primary-blue);
    }

/* Why Expertise Matters */
.why-expertise-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.expertise-reason-card {
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .expertise-reason-card:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.reason-icon {
    font-size: 56px;
    margin-bottom: 20px;
}

.expertise-reason-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.expertise-reason-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Teaching Approach */
.teaching-approach {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 40px 0;
}

.approach-item {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    background: var(--white);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .approach-item:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
    }

.approach-number {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
}

.approach-content h4 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.approach-content p {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* CTA Full Width */
.cta-inline-full {
    background: var(--gradient-hero);
    padding: 80px 60px;
    border-radius: var(--radius-xl);
    text-align: center;
    margin: 60px 0;
}

    .cta-inline-full .cta-inline-content h3 {
        font-family: var(--font-display);
        font-size: 40px;
        font-weight: 700;
        color: var(--white);
        margin-bottom: 16px;
    }

    .cta-inline-full .cta-inline-content p {
        font-size: 20px;
        color: rgba(255, 255, 255, 0.95);
        margin-bottom: 40px;
    }

/* Milestones Showcase for Our Story */
.milestones-showcase {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin: 40px 0;
}

.milestone-item-large {
    background: var(--white);
    padding: 40px;
    border-radius: var(--radius-xl);
    border: 2px solid var(--gray-200);
    text-align: center;
    transition: all var(--transition-base);
}

    .milestone-item-large:hover {
        border-color: var(--primary-blue);
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

.milestone-icon {
    font-size: 56px;
    margin-bottom: 20px;
}

.milestone-number {
    font-family: var(--font-display);
    font-size: 40px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 12px;
}

.milestone-label {
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.milestone-item-large p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Responsive for Therapeutic Areas */
@media (max-width: 1024px) {
    .therapeutic-areas-grid {
        grid-template-columns: 1fr;
    }

    .why-expertise-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .milestones-showcase {
        grid-template-columns: repeat(2, 1fr);
    }

    .additional-areas-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .why-expertise-grid,
    .milestones-showcase {
        grid-template-columns: 1fr;
    }

    .approach-item {
        flex-direction: column;
        text-align: center;
    }

    .cta-inline-full {
        padding: 60px 30px;
    }

        .cta-inline-full .cta-inline-content h3 {
            font-size: 28px;
        }
}

/* ============================================
   ADDITIONAL CSS FOR UPDATED ABOUT US PAGES
   Add these styles to your existing sub.css file
   ============================================ */

/* Stats Row for Foundation Section */
.stats-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.stat-item {
    text-align: center;
    padding: 32px 24px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-200);
}

    .stat-item .stat-value {
        display: block;
        font-family: var(--font-display);
        font-size: 48px;
        font-weight: 700;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 8px;
    }

    .stat-item .stat-label {
        display: block;
        font-size: 14px;
        color: var(--gray-600);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

/* Partnership Grid */
.partnership-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.partnership-card {
    padding: 32px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

    .partnership-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

.partnership-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.partnership-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.partnership-card p {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Milestone Grid for Our Story */
.milestone-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.milestone-card {
    padding: 32px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .milestone-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-md);
    }

.milestone-icon {
    font-size: 40px;
    margin-bottom: 16px;
    display: block;
}

.milestone-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.milestone-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Story Features */
.story-features {
    margin-top: 40px;
}

.story-feature-item {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--gray-200);
}

    .story-feature-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.story-feature-number {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: var(--radius-md);
}

.story-feature-content h4 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.story-feature-content p {
    font-size: 16px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Future Vision Grid */
.future-vision-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.future-card {
    padding: 28px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

    .future-card:hover {
        border-color: var(--accent-cyan);
        box-shadow: var(--shadow-md);
    }

.future-icon {
    font-size: 36px;
    margin-bottom: 16px;
    display: block;
}

.future-card h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.future-card p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Timeline Mini for Sidebar */
.timeline-sidebar {
    background: var(--gradient-card);
}

.timeline-mini {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.timeline-mini-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--white);
    border-radius: var(--radius-sm);
}

    .timeline-mini-item .year {
        flex-shrink: 0;
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 700;
        color: var(--primary-blue);
    }

    .timeline-mini-item .event {
        font-size: 14px;
        color: var(--gray-700);
        font-weight: 500;
    }

/* Students Trained Grid for Meet Leaders */
.students-trained-grid {
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));*/
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 24px;
}

.student-category {
    padding: 20px;
    background: var(--gradient-card);
    border-radius: var(--radius-md);
    text-align: center;
    border: 1px solid var(--gray-200);
}

    .student-category h5 {
        font-family: var(--font-display);
        font-size: 16px;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 8px;
    }

    .student-category span {
        font-size: 13px;
        color: var(--gray-600);
        line-height: 1.4;
    }

/* Therapeutic Tags (Enhanced) */
.therapeutic-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

    .therapeutic-tags span {
        padding: 10px 20px;
        background: var(--gradient-card);
        border: 1px solid var(--gray-200);
        border-radius: var(--radius-full);
        font-size: 14px;
        font-weight: 500;
        color: var(--gray-700);
        transition: all var(--transition-fast);
    }

        .therapeutic-tags span:hover {
            background: var(--primary-blue);
            color: var(--white);
            border-color: var(--primary-blue);
            transform: translateY(-2px);
        }

/* Achievements List */
.achievements-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

    .achievements-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 16px;
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.7;
    }

        .achievements-list li:before {
            content: "🏆";
            position: absolute;
            left: 0;
            font-size: 20px;
        }

/* Industry Connections Grid */
.industry-connections-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.connection-item {
    padding: 24px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    text-align: center;
    transition: all var(--transition-base);
}

    .connection-item:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

.connection-icon {
    font-size: 40px;
    margin-bottom: 12px;
}

.connection-item h5 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.connection-item p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
}

/* Mission Together Section */
.mission-together {
    margin-top: 32px;
}

.synergy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.synergy-card {
    padding: 32px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .synergy-card:hover {
        border-color: var(--accent-cyan);
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

.synergy-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
}

.synergy-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.synergy-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.7;
}

/* Responsive Design Updates */
@media (max-width: 768px) {
    .stats-row {
        grid-template-columns: 1fr;
    }

    .stat-item .stat-value {
        font-size: 36px;
    }

    .partnership-grid,
    .synergy-grid,
    .industry-connections-grid {
        grid-template-columns: 1fr;
    }

    .milestone-grid, .students-trained-grid, .future-vision-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .story-feature-item {
        flex-direction: column;
        gap: 16px;
    }

    .story-feature-number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .future-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .future-card h4 {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 25px;
    }

    .future-card {
        padding: 15px;
    }
}

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

    .therapeutic-tags span {
        font-size: 12px;
        padding: 8px 16px;
    }
}

/* Program Hero Card */
.program-hero-card {
    background: var(--white);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-xl);
    margin-bottom: 40px;
}

    .program-hero-card.premium-card {
        border: 2px solid #1565C0;
    }

.program-hero-image {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.hero-program-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.program-badge-overlay {
    position: absolute;
    top: 24px;
    right: 24px;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 12px 24px;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 14px;
    box-shadow: var(--shadow-lg);
}

    .program-badge-overlay.dual-badge {
        background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
    }

    .program-badge-overlay.premium-badge {
        background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%);
        color: var(--white);
    }

.program-hero-content {
    padding: 40px;
    background: var(--gradient-card);
}

.program-hero-title {
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
    line-height: 1.3;
}

.program-hero-tagline {
    font-size: 18px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Program Quick Info */
.program-quick-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 32px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-200);
}

    .program-quick-info.premium-info {
        background: rgba(153, 204, 255, 0.2);
        border-color: #1565C0;
    }

.quick-info-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--white);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
}

    .quick-info-item:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-md);
    }

    .quick-info-item.highlight-info {
        background: var(--gradient-primary);
        color: var(--white);
    }

        .quick-info-item.highlight-info .info-label,
        .quick-info-item.highlight-info .info-value {
            color: var(--white);
        }

.info-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.info-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--gray-500);
    font-weight: 600;
}

.info-value {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-900);
}

/* Highlight Boxes - Enhanced for Programs */
.highlight-box.dual-highlight {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
    border-left: 4px solid #764BA2;
}

.highlight-box.premium-highlight {
    background: rgba(153, 204, 255, 0.2);
    border-left: 4px solid #1565C0;
}

/* Dual Value Grid */
.dual-value-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.value-card {
    text-align: center;
    padding: 32px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

    .value-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

.value-number {
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.value-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.value-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Learning Modules Grid - Enhanced */
.learning-modules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 40px;
}

    .learning-modules-grid.pgdcr-modules {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }

.module-card {
    padding: 32px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
    position: relative;
}

    .module-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

    .module-card.highlight-module {
        background: var(--gradient-card);
        border-color: var(--accent-cyan);
    }

    .module-card.primary-track {
        border-left: 4px solid var(--primary-blue);
    }

    .module-card.highlight-track {
        border-left: 4px solid #764BA2;
        background: linear-gradient(135deg, rgba(118, 75, 162, 0.05) 0%, rgba(102, 126, 234, 0.05) 100%);
    }

    .module-card.premium-module {
        border-left: 4px solid #1565C0;
    }

    .module-card.bonus-module {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(0, 201, 255, 0.1) 100%);
        border: 2px dashed var(--primary-blue);
    }

.track-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--primary-blue);
    color: var(--white);
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.module-number {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--gray-200);
    color: var(--gray-700);
    padding: 6px 14px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 700;
}

.module-icon {
    font-size: 40px;
    margin-bottom: 16px;
    display: block;
}

.module-card h3 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 25px;
}

.module-subtitle {
    font-size: 14px;
    color: var(--gray-500);
    font-style: italic;
    margin-bottom: 16px;
}

.module-topics {
    list-style: none;
    padding: 0;
    margin-top: 16px;
}

    .module-topics li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        font-size: 15px;
        color: var(--gray-700);
        line-height: 1.6;
    }

        .module-topics li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

.module-highlight-badge {
    position: absolute;
    bottom: 16px;
    right: 16px;
    background: var(--accent-cyan);
    color: var(--white);
    padding: 6px 16px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 600;
}

/* CCRM Mindset Section */
.mindset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.mindset-card {
    padding: 28px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .mindset-card:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

.mindset-number {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: var(--radius-md);
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

.mindset-card h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.mindset-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Career Roles Showcase */
.career-roles-showcase {
    margin-bottom: 40px;
}

.career-pathway-image {
    width: 100%;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    margin-bottom: 32px;
}

.career-roles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.career-roles-ideal {
    grid-template-columns: repeat(3, 1fr);
}

.career-roles-grid.compact {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.career-roles-grid.premium-roles {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.career-role-card {
    padding: 24px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    text-align: center;
    transition: all var(--transition-base);
}

    .career-role-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

    .career-role-card.premium-role {
        border-left: 3px solid #1565C0;
    }

    .career-role-card.highlight-role {
        background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
        border-color: #1565C0;
    }

.role-icon {
    font-size: 36px;
    margin-bottom: 12px;
}

.career-role-card h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.career-role-card p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
}

.career-roles-ideal div h4 {
    font-size: 15px;
    font-weight: 500;
    color: var(--gray-700);
    font-family: var(--font-primary);
    line-height: 22px;
}

.role-level {
    font-size: 12px;
    color: var(--primary-blue);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 8px;
}

/* Dual Career Paths */
.dual-career-paths {
    margin-top: 40px;
}

.career-path-section {
    margin-bottom: 40px;
}

    .career-path-section h3 {
        font-family: var(--font-display);
        font-size: 24px;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 24px;
        padding-left: 16px;
        border-left: 4px solid var(--primary-blue);
    }

.career-path-divider {
    text-align: center;
    margin: 32px 0;
    position: relative;
}

    .career-path-divider:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 2px;
        background: var(--gray-200);
        z-index: 0;
    }

.divider-text {
    position: relative;
    z-index: 1;
    background: var(--white);
    padding: 8px 24px;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--gray-600);
}

/* Eligibility Grid - Enhanced */
.eligibility-intro {
    margin-bottom: 32px;
}

.eligibility-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 32px;
}

.eligibility-grid-home {
    grid-template-columns: repeat(3, 1fr);
}

.eligibility-category {
    padding: 28px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

    .eligibility-category:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-md);
    }

    .eligibility-category.highlight-category {
        background: var(--gradient-card);
        border-color: var(--accent-cyan);
    }

.category-icon {
    font-size: 40px;
    margin-bottom: 16px;
    display: block;
}

.eligibility-category h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.eligibility-list {
    list-style: none;
    padding: 0;
}

    .eligibility-list li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        font-size: 15px;
        color: var(--gray-700);
        line-height: 1.5;
    }

        .eligibility-list li:before {
            content: "🎯";
            position: absolute;
            left: 0;
            font-size: 14px;
        }

.eligibility-note {
    margin-top: 32px;
    padding: 24px;
    background: var(--gray-100);
    border-left: 4px solid var(--primary-blue);
    border-radius: var(--radius-md);
}

    .eligibility-note p {
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.7;
    }

/* Certification Showcase */
.certification-showcase {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin-top: 32px;
}

.cert-card {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 32px;
    background: var(--gradient-card);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
}

.cert-logo {
    flex-shrink: 0;
}

    .cert-logo img {
        width: 120px;
        height: 120px;
        object-fit: contain;
    }

.cert-info h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.cert-info p {
    font-size: 16px;
    color: var(--gray-600);
}

/* Dual Certification Showcase */
.dual-cert-showcase {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-top: 32px;
    padding: 40px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
}

.cert-track {
    flex: 1;
    text-align: center;
    padding: 32px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
}

    .cert-track h3 {
        font-size: 14px;
        text-transform: uppercase;
        color: var(--gray-500);
        letter-spacing: 0.5px;
        margin-bottom: 16px;
    }

.cert-details h4 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.cert-details p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.6;
}

.plus-symbol {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-blue);
    flex-shrink: 0;
}

/* PGDCR Advantages */
.pgdcr-advantages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.advantage-card {
    padding: 28px;
    background: rgba(230, 255, 255, 0.2);
    border: 2px solid #1565C0;
    border-radius: var(--radius-lg);
    text-align: center;
}

.advantage-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.advantage-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.advantage-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Salary Expectation Box */
.salary-expectation-box {
    margin-top: 40px;
    padding: 32px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(0, 201, 255, 0.1) 100%);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

    .salary-expectation-box h3 {
        font-family: var(--font-display);
        font-size: 28px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 24px;
    }

.salary-ranges {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.salary-range-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    background: var(--white);
    border-radius: var(--radius-md);
}

.range-label {
    font-size: 14px;
    color: var(--gray-600);
    font-weight: 500;
}

.range-value {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-blue);
}

.salary-note {
    font-size: 13px;
    color: var(--gray-500);
    font-style: italic;
    margin-top: 12px;
}

/* PGDCR Why Grid */
.pgdcr-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.why-card {
    padding: 20px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    transition: all var(--transition-base);
}

    .why-card:hover {
        border-color: #1565C0;
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

.why-number {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #4568DC 0%, #B06AB3 100%);
    color: var(--white);
    border-radius: var(--radius-md);
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.why-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.why-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Content Images */
.content-image-large {
    width: 100%;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    margin: 32px 0;
}

.program-features-image {
    margin: 32px 0;
    text-align: center;
}

.caption-text {
    margin-top: 12px;
    font-size: 14px;
    color: var(--gray-500);
    font-style: italic;
}

.curriculum-visual {
    margin-bottom: 40px;
}

/* Sidebar Enhancements for Programs */
.sidebar-card.program-info-card {
    background: var(--gradient-card);
}

.sidebar-card.premium-sidebar {
    background: rgba(153, 204, 255, 0.2);
    border: 2px solid #1565C0;
}

.sidebar-card.highlight-sidebar {
    border: 2px solid var(--primary-blue);
}

.sidebar-card.premium-highlight-card {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border: 2px solid #1565C0;
}

.program-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--gray-200);
}

    .program-detail-item:last-child {
        border-bottom: none;
    }

    .program-detail-item.highlight {
        background: var(--gradient-primary);
        padding: 12px 16px;
        margin: 12px -16px 0;
        border-radius: var(--radius-md);
        border-bottom: none;
    }

        .program-detail-item.highlight .detail-label,
        .program-detail-item.highlight .detail-value {
            color: var(--white);
        }

.detail-label {
    font-size: 14px;
    color: var(--gray-600);
    font-weight: 500;
}

.detail-value {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    color: var(--gray-900);
    text-align: right;
}

.comparison-card {
    background: var(--gray-50);
}

.comparison-item {
    padding: 12px;
    margin-bottom: 8px;
    background: var(--white);
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--gray-700);
}

    .comparison-item.highlight {
        background: var(--gradient-primary);
        color: var(--white);
        font-weight: 600;
    }

.related-programs {
    background: var(--gradient-card);
}

.related-links {
    list-style: none;
    padding: 0;
}

    .related-links li {
        margin-bottom: 12px;
    }

    .related-links a {
        display: block;
        padding: 12px;
        background: var(--white);
        border-radius: var(--radius-sm);
        color: var(--gray-700);
        text-decoration: none;
        font-size: 14px;
        transition: all var(--transition-fast);
    }

        .related-links a:hover {
            background: var(--primary-blue);
            color: var(--white);
            transform: translateX(4px);
        }

        .related-links a.active {
            background: var(--gradient-card);
            color: var(--primary-blue);
        }

/* CTA Enhancements */
.cta-inline.premium-cta {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border: 2px solid #1565C0;
}

/* PGDCR Certification Showcase */
.pgdcr-certification-showcase {
    margin-top: 32px;
}

.cert-display {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.cert-badge-large {
    text-align: center;
}

    .cert-badge-large img {
        width: 40%;
        max-width: 600px;
        border-radius: var(--radius-lg);
        box-shadow: var(--shadow-xl);
    }

.cert-display .cert-details h3 {
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 20px;
}

.cert-display .cert-details ul {
    list-style: none;
    padding: 0;
}

.cert-display .cert-details li {
    padding: 12px 0;
    font-size: 16px;
    color: var(--gray-700);
    line-height: 1.6;
}

/* Dual Track Section */
.dual-track-section {
    margin: 32px 0;
    text-align: center;
}

/* Responsive Design for Program Pages */
@media (max-width: 1024px) {
    .program-hero-image {
        height: 400px;
    }

    .program-hero-title {
        font-size: 28px;
    }

    .learning-modules-grid,
    .learning-modules-grid.pgdcr-modules {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    .cert-display {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .program-hero-image {
        height: 300px;
    }

    .program-hero-title {
        font-size: 20px;
    }

    .program-quick-info {
        grid-template-columns: repeat(2, 1fr);
    }

    .learning-modules-grid,
    .career-roles-grid,
    .eligibility-grid,
    .mindset-grid {
        grid-template-columns: 1fr;
    }

    .eligibility-grid, .career-roles-ideal {
        grid-template-columns: repeat(2, 1fr);
    }

    .dual-cert-showcase {
        flex-direction: column;
        gap: 0px;
    }

    .plus-symbol {
        transform: rotate(90deg);
    }

    .dual-career-paths .career-path-section {
        margin-bottom: 24px;
    }

    .salary-ranges {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .program-hero-content {
        padding: 24px;
    }

    .program-hero-title {
        font-size: 20px;
    }

    .program-hero-tagline {
        font-size: 16px;
    }

    .module-card {
        padding: 20px;
    }

    .info-icon {
        font-size: 28px;
    }

    .info-value {
        font-size: 16px;
    }
}

/* ============================================
   ADDITIONAL CSS FOR PROGRAM PAGES PART 02
   Programs: Medical Coding, Internship, Data Handling
   Add these styles to your existing sub.css file
   ============================================ */

/* Medical Coding Specific Styles */
.program-badge-overlay.coding-badge {
    background: linear-gradient(135deg, #764BA2 0%, #9b59b6 100%);
}

.program-quick-info.coding-info {
    background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
    border-color: #764BA2;
}

.highlight-box.coding-highlight {
    background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
    border-left: 4px solid #764BA2;
}

.coding-value-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

    .coding-value-grid .value-card {
        border-left: 3px solid #764BA2;
    }

.module-card.coding-module {
    border-left: 4px solid #764BA2;
}

.sidebar-card.coding-sidebar {
    background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
    border: 2px solid #764BA2;
}

.sidebar-card.coding-highlight-card {
    background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
    border: 2px solid #764BA2;
}

.cta-inline.coding-cta {
    background: linear-gradient(135deg, rgba(118, 75, 162, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
    border: 2px solid #764BA2;
}

/* Three Pillars Showcase */
.pillars-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
}

.pillar-card {
    padding: 32px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .pillar-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

    .pillar-card.icd-pillar {
        border-top: 4px solid #764BA2;
    }

    .pillar-card.cpt-pillar {
        border-top: 4px solid #0066FF;
    }

    .pillar-card.hcpcs-pillar {
        border-top: 4px solid #00C9FF;
    }

.pillar-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
}

.pillar-card h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 8px;
}

.pillar-card h4 {
    font-size: 16px;
    color: var(--gray-600);
    margin-bottom: 12px;
    font-weight: 600;
}

.pillar-details {
    margin-top: 20px;
}

    .pillar-details ul {
        list-style: none;
        padding: 0;
        margin: 12px 0;
    }

    .pillar-details li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 8px;
        font-size: 14px;
        color: var(--gray-700);
    }

        .pillar-details li:before {
            content: "•";
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

.example-code {
    padding: 12px;
    background: var(--gray-100);
    border-radius: var(--radius-sm);
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: var(--gray-800);
    margin-top: 12px;
}

/* Industry Demand Box */
.industry-demand-box {
    margin-top: 40px;
    padding: 32px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(0, 201, 255, 0.1) 100%);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

    .industry-demand-box h3 {
        font-family: var(--font-display);
        font-size: 28px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 24px;
    }

.demand-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
}

.demand-stat {
    text-align: center;
    padding: 20px;
    background: var(--white);
    border-radius: var(--radius-md);
}

.stat-number {
    display: block;
    font-family: var(--font-display);
    font-size: 36px;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 8px;
}

.stat-label {
    display: block;
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.5;
}

/* Internship Specific Styles */
.program-hero-card.internship-card {
    border: 2px solid #00C9FF;
}

.program-badge-overlay.internship-badge {
    background: linear-gradient(135deg, #00C9FF 0%, #0066FF 100%);
}

.program-quick-info.internship-info {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border-color: #00C9FF;
}

.highlight-box.internship-highlight {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border-left: 4px solid #00C9FF;
}

.internship-value-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.module-card.internship-module {
    border-left: 4px solid #00C9FF;
}

.module-card.ai-module {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.05) 0%, rgba(0, 102, 255, 0.05) 100%);
    border-left: 4px solid #00C9FF;
}

.module-card.practice-module {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);
    border-left: 4px solid #cc66ff;
}

.sidebar-card.internship-sidebar {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border: 2px solid #00C9FF;
}

.sidebar-card.internship-highlight-card {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border: 2px solid #00C9FF;
}

.cta-inline.internship-cta {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border: 2px solid #00C9FF;
}

/* Therapeutic Areas Grid */
.therapeutic-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.therapeutic-card {
    padding: 28px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .therapeutic-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

    .therapeutic-card.oncology {
        border-top: 4px solid #9b59b6;
    }

    .therapeutic-card.ophthalmology {
        border-top: 4px solid #3498db;
    }

    .therapeutic-card.diabetes {
        border-top: 4px solid #e74c3c;
    }

    .therapeutic-card.copd {
        border-top: 4px solid #1abc9c;
    }

    .therapeutic-card.neurology {
        border-top: 4px solid #f39c12;
    }

    .therapeutic-card.infectious {
        border-top: 4px solid #2ecc71;
    }

    .therapeutic-card.cardiovascular {
        border-top: 4px solid #e67e22;
    }

.therapeutic-icon {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
}

.therapeutic-card h3 {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.therapeutic-card > p {
    font-size: 15px;
    color: var(--gray-600);
    margin-bottom: 16px;
    line-height: 1.6;
}

.therapeutic-details {
    list-style: none;
    padding: 0;
    margin-top: 12px;
}

    .therapeutic-details li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 8px;
        font-size: 14px;
        color: var(--gray-700);
    }

        .therapeutic-details li:before {
            content: "→";
            position: absolute;
            left: 0;
            color: var(--primary-blue);
        }

/* Deliverables Grid */
.deliverables-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.deliverable-card {
    padding: 28px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .deliverable-card:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

.deliverable-number {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-primary);
    color: var(--white);
    border-radius: var(--radius-md);
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.deliverable-card h4 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.deliverable-card p {
    font-size: 15px;
    color: var(--gray-600);
    line-height: 1.6;
}

/* Portfolio Highlight */
.portfolio-highlight {
    margin-top: 40px;
    padding: 32px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
    border-radius: var(--radius-lg);
    border-left: 4px solid #1565C0;
}

    .portfolio-highlight h3 {
        font-family: var(--font-display);
        font-size: 24px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 16px;
    }

    .portfolio-highlight p {
        font-size: 16px;
        color: var(--gray-700);
        line-height: 1.7;
    }

/* Career Impact Grid */
.career-impact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.impact-card {
    padding: 24px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-lg);
    text-align: center;
    transition: all var(--transition-base);
}

    .impact-card:hover {
        border-color: var(--primary-blue);
        box-shadow: var(--shadow-md);
    }

.impact-icon {
    font-size: 40px;
    margin-bottom: 16px;
    display: block;
}

.impact-card h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 12px;
}

.impact-card p {
    font-size: 14px;
    color: var(--gray-600);
    line-height: 1.6;
}

.salary-expectation-box.internship-salary {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border-color: #00C9FF;
}

.boost-list {
    list-style: none;
    padding: 0;
    margin-top: 16px;
}

    .boost-list li {
        padding: 8px 0;
        font-size: 15px;
        color: var(--gray-700);
        line-height: 1.6;
    }

/* Data Handling Specific Styles */
.program-hero-card.data-card {
    border: 2px solid #00C9FF;
}

.program-badge-overlay.data-badge {
    background: linear-gradient(135deg, #00C9FF 0%, #2ecc71 100%);
}

.program-quick-info.data-info {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(46, 204, 113, 0.1) 100%);
    border-color: #00C9FF;
}

.highlight-box.data-highlight {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(46, 204, 113, 0.1) 100%);
    border-left: 4px solid #00C9FF;
}

.data-value-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.module-card.data-module {
    border-left: 4px solid #00C9FF;
}

.sidebar-card.data-sidebar {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(46, 204, 113, 0.1) 100%);
    border: 2px solid #00C9FF;
}

.sidebar-card.data-highlight-card {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(46, 204, 113, 0.1) 100%);
    border: 2px solid #00C9FF;
}

.cta-inline.data-cta {
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(46, 204, 113, 0.1) 100%);
    border: 2px solid #00C9FF;
}

/* Skills Progression Levels */
.progression-levels {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 32px;
}

.level-card {
    padding: 24px;
    background: var(--white);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
}

    .level-card.level-beginner {
        border-left: 4px solid #2ecc71;
    }

    .level-card.level-intermediate {
        border-left: 4px solid #0066FF;
    }

    .level-card.level-advanced {
        border-left: 4px solid #764BA2;
    }

    .level-card.level-expert {
        border-left: 4px solid #1565C0;
    }

    .level-card h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 12px;
    }

    .level-card p {
        font-size: 14px;
        color: var(--gray-700);
        line-height: 1.6;
        margin-bottom: 8px;
    }

        .level-card p strong {
            color: var(--primary-blue);
        }

/* Career Advantage Box */
.career-advantage-box {
    margin-top: 40px;
    padding: 32px;
    background: linear-gradient(135deg, rgba(0, 201, 255, 0.1) 0%, rgba(0, 102, 255, 0.1) 100%);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

    .career-advantage-box h3 {
        font-family: var(--font-display);
        font-size: 24px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 16px;
    }

    .career-advantage-box > p {
        font-size: 16px;
        color: var(--gray-700);
        margin-bottom: 16px;
        line-height: 1.7;
    }

.advantage-list {
    list-style: none;
    padding: 0;
}

    .advantage-list li {
        padding: 8px 0;
        font-size: 15px;
        color: var(--gray-700);
        line-height: 1.6;
    }

/* Tools Card (Sidebar) */
.tools-card {
    background: var(--gradient-card);
}

.tools-list {
    list-style: none;
    padding: 0;
}

    .tools-list li {
        padding: 10px;
        margin-bottom: 8px;
        background: var(--white);
        border-radius: var(--radius-sm);
        font-size: 14px;
        color: var(--gray-700);
        font-weight: 500;
    }

/* Benefits Card (Sidebar) */
.benefits-card {
    background: var(--gray-50);
}

.benefits-list {
    list-style: none;
    padding: 0;
}

    .benefits-list li {
        padding: 8px 0;
        font-size: 14px;
        color: var(--gray-700);
        line-height: 1.5;
    }

/* Career Roles - Specific Variants */
.career-roles-grid.coding-careers .career-role-card {
    border-left: 3px solid #764BA2;
}

.career-roles-grid.data-careers .career-role-card {
    border-left: 3px solid #00C9FF;
}

.career-role-card.coding-role:hover {
    border-color: #764BA2;
}

.career-role-card.data-role:hover {
    border-color: #00C9FF;
}

/* Why Grids - Specific Variants */
.why-coding-grid,
.why-data-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

/* Responsive Design Updates */
@media (max-width: 1024px) {
    .pillars-detail-grid,
    .therapeutic-grid,
    .deliverables-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .coding-value-grid,
    .internship-value-grid,
    .demand-stats,
    .progression-levels {
        grid-template-columns: 1fr;
    }

    .career-impact-grid, .data-value-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pillars-detail-grid,
    .therapeutic-grid {
        grid-template-columns: 1fr;
    }

    .deliverables-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .therapeutic-icon,
    .pillar-icon {
        font-size: 36px;
    }

    .deliverable-number {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
}

/* ============================================
   TESTIMONIALS PAGE STYLES
   ============================================ */

/* Testimonials Introduction */
.testimonials-intro {
    margin-bottom: 60px;
}

.intro-visual {
    margin-bottom: 32px;
}

.intro-hero-image {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.intro-content h2 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 16px;
}

.success-highlights {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.highlight-stat {
    text-align: center;
    padding: 24px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

    .highlight-stat .stat-number {
        display: block;
        font-family: var(--font-display);
        font-size: 42px;
        font-weight: 700;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 8px;
    }

    .highlight-stat .stat-label {
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: var(--gray-700);
    }

/* Testimonial Cards */
.testimonial-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 40px;
    margin-bottom: 32px;
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .testimonial-card:hover {
        box-shadow: var(--shadow-xl);
        transform: translateY(-4px);
    }

    .testimonial-card.featured-testimonial {
        border: 3px solid var(--primary-blue);
        background: linear-gradient(135deg, rgba(0, 102, 255, 0.03) 0%, rgba(0, 201, 255, 0.03) 100%);
    }

    .testimonial-card.highlight-card {
        border-left: 6px solid #1565C0;
        background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);
    }

/* Testimonial Header */
.testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--gray-200);
}

.student-info {
    display: flex;
    gap: 20px;
    flex: 1;
}

.student-photo-placeholder {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.photo-icon {
    font-size: 40px;
    color: var(--white);
}

.student-details {
    flex: 1;
}

.student-name {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 6px;
}

.student-education {
    font-size: 14px;
    color: var(--gray-600);
    margin-bottom: 12px;
}

.student-achievement {
    margin-bottom: 8px;
}

.achievement-badge {
    display: inline-block;
    padding: 4px 12px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.1) 0%, rgba(0, 201, 255, 0.1) 100%);
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-blue);
    margin-right: 8px;
}

.student-achievement strong {
    color: var(--primary-blue);
    font-weight: 700;
}

.student-role {
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-700);
}

.company-logo-section {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
}

.company-logo-section {
    padding: 16px 24px;
    background: var(--white);
    /*border: 2px solid var(--gray-200);*/
    border-radius: var(--radius-md);
}

.company-logo-placeholder {
    padding: 16px 24px;
    background: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--radius-md);
}

.company-logo-section .company-name {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-blue);
}

/* Testimonial Content */
.testimonial-content {
    position: relative;
}

.quote-icon {
    position: absolute;
    top: -20px;
    left: -10px;
    font-size: 80px;
    color: var(--gray-200);
    font-family: Georgia, serif;
    line-height: 0.7;
}

.testimonial-content blockquote {
    margin: 0;
    padding: 0 0 0 40px;
    border: none;
}

.testimonial-content p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--gray-700);
    font-style: italic;
}

/* Journey Timeline */
.testimonial-footer {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid var(--gray-200);
}

.journey-timeline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.timeline-point {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.timeline-icon {
    font-size: 32px;
    margin-bottom: 8px;
    display: block;
}

.timeline-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-700);
}

.timeline-arrow {
    font-size: 24px;
    color: var(--primary-blue);
    flex-shrink: 0;
}

/* Placement Statistics */
.stats-visual {
    margin: 32px 0;
}

.stats-chart-image {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.placement-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 40px;
    margin-top: 40px;
}

.stat-category h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 24px;
}

/* Company Stats */
.company-stats {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

.company-stat-name {
    min-width: 100px;
    font-weight: 600;
    color: var(--gray-700);
    font-size: 15px;
}

.stat-bar {
    flex: 1;
    height: 32px;
    background: var(--gray-100);
    border-radius: var(--radius-full);
    overflow: hidden;
    position: relative;
}

.stat-fill {
    height: 100%;
    background: var(--gradient-primary);
    border-radius: var(--radius-full);
    transition: width 1s ease-in-out;
}

.stat-count {
    min-width: 100px;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-600);
}

/* Role Stats */
.role-stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.role-stat-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--gradient-card);
    border-radius: var(--radius-md);
    border: 1px solid var(--gray-200);
}

.role-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.role-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.role-name {
    font-weight: 600;
    color: var(--gray-700);
    font-size: 15px;
}

.role-percentage {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-blue);
}

/* Video Testimonials */
.video-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.video-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .video-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
        border-color: var(--primary-blue);
    }

.video-placeholder {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.1) 0%, rgba(0, 201, 255, 0.1) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: all var(--transition-base);
}

    .video-placeholder:hover {
        background: linear-gradient(135deg, rgba(0, 102, 255, 0.2) 0%, rgba(0, 201, 255, 0.2) 100%);
    }

.video-icon {
    font-size: 48px;
}

.video-placeholder p {
    color: var(--gray-600);
    font-size: 14px;
}

.video-info {
    padding: 20px;
}

    .video-info h4 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 8px;
    }

    .video-info p {
        font-size: 14px;
        color: var(--gray-600);
        line-height: 1.5;
    }

/* Section Intro */
.section-intro {
    font-size: 18px;
    color: var(--gray-600);
    margin-bottom: 0px;
    line-height: 1.6;
}

/* Sidebar - Testimonials Specific */
.sidebar-card.success-stats-card {
    background: var(--gradient-card);
    border: 2px solid var(--primary-blue);
}

.sidebar-card.companies-list-card {
    background: var(--gray-50);
}

.companies-list {
    list-style: none;
    padding: 0;
}

    .companies-list li {
        padding: 10px 0;
        font-size: 14px;
        color: var(--gray-700);
        border-bottom: 1px solid var(--gray-200);
        font-weight: 500;
    }

        .companies-list li:last-child {
            border-bottom: none;
        }

.sidebar-link {
    display: inline-block;
    margin-top: 16px;
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all var(--transition-base);
}

    .sidebar-link:hover {
        color: var(--cyan);
        transform: translateX(4px);
    }

.programs-quick-links {
    background: var(--gradient-card);
}

.program-links {
    list-style: none;
    padding: 0;
}

    .program-links li {
        margin-bottom: 12px;
    }

    .program-links a {
        display: block;
        padding: 12px;
        background: var(--white);
        border-radius: var(--radius-sm);
        color: var(--gray-700);
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: all var(--transition-base);
        border: 1px solid var(--gray-200);
    }

        .program-links a:hover {
            background: var(--primary-blue);
            color: var(--white);
            transform: translateX(4px);
        }

/* CTA Testimonial */
.cta-inline.testimonial-cta {
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.1) 0%, rgba(0, 201, 255, 0.1) 100%);
    border: 2px solid var(--primary-blue);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .placement-stats-grid {
        grid-template-columns: 1fr;
    }

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

    .company-logo-section {
        align-self: flex-start;
    }
}

@media (max-width: 768px) {
    .success-highlights {
        grid-template-columns: 1fr;
    }

    .testimonial-card {
        padding: 24px;
    }

    .student-info {
        flex-direction: column;
        align-items: flex-start;
    }

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

    .timeline-arrow {
        transform: rotate(90deg);
    }

    .video-testimonials-grid {
        grid-template-columns: 1fr;
    }

    .company-stat-item {
        flex-wrap: wrap;
    }

    .stat-count {
        width: 100%;
        text-align: left;
        margin-top: 8px;
    }
}

@media (max-width: 480px) {
    .intro-content h2 {
        font-size: 18px;
    }

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

    .highlight-stat .stat-number {
        font-size: 32px;
    }

    .quote-icon {
        font-size: 60px;
    }

    .testimonial-content p {
        font-size: 15px;
    }
}

.iframe {
    width: 100%;
    height: 450px;
    border-radius: 10px;
    margin-top: 15px;
}

/* ============================================
   SITEMAP & LEGAL PAGES STYLES
   ============================================ */

/* Sitemap Layout */
.sitemap-layout {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 48px;
}

.sitemap-main {
    min-width: 0;
}

/* Sitemap Introduction */
.sitemap-intro {
    margin-bottom: 48px;
    padding: 32px;
    background: var(--gradient-card);
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

/* Sitemap Sections */
.sitemap-section {
    margin-bottom: 64px;
}

.sitemap-heading {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-icon {
    font-size: 36px;
    display: inline-block;
}

.subsection-title {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    color: var(--gray-700);
    margin: 32px 0 20px;
    padding-left: 16px;
    border-left: 4px solid var(--primary-blue);
}

/* Sitemap Grid */
.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

/* Sitemap Cards */
.sitemap-card {
    background: var(--white);
    padding: 28px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all var(--transition-base);
}

    .sitemap-card:hover {
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
        border-color: var(--primary-blue);
    }

    .sitemap-card.featured-card {
        background: var(--gradient-card);
        border-color: var(--primary-blue);
    }

    .sitemap-card.highlight-card {
        background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);
        border-color: #1565C0;
    }

    .sitemap-card.program-card {
        border-left: 4px solid var(--primary-blue);
    }

    .sitemap-card h3 {
        font-family: var(--font-display);
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 12px;
    }

        .sitemap-card h3 a {
            color: var(--primary-blue);
            text-decoration: none;
            transition: color var(--transition-base);
        }

            .sitemap-card h3 a:hover {
                color: var(--cyan);
            }

    .sitemap-card p {
        font-size: 14px;
        color: var(--gray-600);
        line-height: 1.6;
        margin-bottom: 12px;
    }

.program-duration {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(0, 102, 255, 0.1);
    color: var(--primary-blue);
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-full);
    margin-bottom: 12px;
}

.program-highlights,
.service-list,
.stats-list,
.contact-list {
    list-style: none;
    padding: 0;
    margin-top: 12px;
}

    .program-highlights li,
    .service-list li,
    .stats-list li,
    .contact-list li {
        position: relative;
        padding-left: 20px;
        font-size: 13px;
        color: var(--gray-700);
        margin-bottom: 6px;
    }

        .program-highlights li:before,
        .service-list li:before,
        .stats-list li:before {
            content: "→";
            position: absolute;
            left: 0;
            color: var(--primary-blue);
            font-weight: 700;
        }

        .contact-list li:before {
            content: "";
            position: absolute;
            left: 0;
        }

/* Quick Access Section */
.quick-access-section {
    margin-top: 64px;
    padding: 48px;
    background: var(--gray-50);
    border-radius: var(--radius-xl);
}

.quick-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 32px;
    margin-top: 32px;
}

.quick-link-category h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--primary-blue);
}

.quick-link-category ul {
    list-style: none;
    padding: 0;
}

.quick-link-category li {
    margin-bottom: 10px;
}

.quick-link-category a {
    color: var(--gray-700);
    text-decoration: none;
    font-size: 14px;
    transition: all var(--transition-base);
    display: inline-block;
}

    .quick-link-category a:hover {
        color: var(--primary-blue);
        transform: translateX(4px);
    }

/* Sitemap Sidebar */
.sitemap-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-card.search-card {
    background: var(--gradient-card);
}

.site-stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: var(--gradient-card);
    border-radius: var(--radius-md);
}

    .stat-item .stat-number {
        font-family: var(--font-display);
        font-size: 32px;
        font-weight: 700;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .stat-item .stat-label {
        font-size: 13px;
        color: var(--gray-600);
        font-weight: 500;
        margin-top: 4px;
    }

/* Legal Pages Layout */
.legal-content-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 48px;
}

.legal-content-main {
    min-width: 0;
}

/* Legal Meta Info */
.legal-meta {
    padding: 20px 24px;
    background: var(--gray-50);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--primary-blue);
    margin-bottom: 40px;
}

    .legal-meta p {
        font-size: 14px;
        color: var(--gray-700);
        margin-bottom: 8px;
    }

        .legal-meta p:last-child {
            margin-bottom: 0;
        }

/* Legal Sections */
.legal-section {
    margin-bottom: 48px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--gray-200);
}

    .legal-section:last-of-type {
        /*border-bottom: none;*/
    }

    .legal-section h2 {
        font-family: var(--font-display);
        font-size: 28px;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 20px;
    }

    .legal-section p {
        font-size: 15px;
        color: var(--gray-700);
        line-height: 1.8;
        margin-bottom: 16px;
    }

        .legal-section p:last-child {
            margin-bottom: 0;
        }

    .legal-section ul,
    .legal-section ol {
        margin: 16px 0 16px 24px;
        color: var(--gray-700);
        line-height: 1.8;
    }

    .legal-section li {
        margin-bottom: 8px;
    }

/* Special Legal Sections */
.contact-section {
    background: var(--gradient-card);
    padding: 32px;
    border-radius: var(--radius-lg);
    border: 2px solid var(--primary-blue);
}

.consent-section,
.acknowledgment-section {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);
    padding: 28px;
    border-radius: var(--radius-lg);
    border: 2px solid #1565C0;
}

.contact-details {
    margin: 20px 0;
    padding: 20px;
    background: var(--white);
    border-radius: var(--radius-md);
}

    .contact-details p {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .contact-details a {
        color: var(--primary-blue);
        text-decoration: none;
        font-weight: 500;
    }

        .contact-details a:hover {
            color: var(--cyan);
            text-decoration: underline;
        }

.legal-note {
    font-size: 13px;
    color: var(--gray-600);
    font-style: italic;
    margin-top: 16px;
    padding: 12px;
    background: rgba(0, 102, 255, 0.05);
    border-radius: var(--radius-sm);
}

/* Legal Sidebar */
.legal-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-card.toc-card {
    position: sticky;
    top: 20px;
}

.toc-list {
    list-style: none;
    padding: 0;
}

    .toc-list li {
        margin-bottom: 10px;
    }

    .toc-list a {
        display: block;
        padding: 8px 12px;
        color: var(--gray-700);
        text-decoration: none;
        font-size: 14px;
        border-radius: var(--radius-sm);
        transition: all var(--transition-base);
    }

        .toc-list a:hover {
            background: var(--gray-100);
            color: var(--primary-blue);
            transform: translateX(4px);
        }

/* Responsive Design */
@media (max-width: 1024px) {
    .sitemap-layout,
    .legal-content-layout {
        grid-template-columns: 1fr;
    }

    .sitemap-sidebar,
    .legal-sidebar {
        order: -1;
    }

    .sitemap-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .sitemap-heading {
        font-size: 26px;
    }

    .section-icon {
        font-size: 28px;
    }

    .sitemap-grid,
    .quick-links-grid {
        grid-template-columns: 1fr;
    }

    .quick-access-section {
        padding: 32px 24px;
    }

    .legal-section h2 {
        font-size: 24px;
    }

    .sidebar-card.toc-card {
        position: static;
    }

    .enquiry-div {
        margin: 20px;
    }
}

@media (max-width: 480px) {
    .sitemap-heading {
        font-size: 22px;
    }

    .sitemap-card,
    .legal-section {
        padding: 20px;
    }

    .contact-section,
    .consent-section {
        padding: 20px;
    }
}

.center-align {
    text-align: center;
}

.small_img_01 {
    width: 100px;
    border-radius: 3px;
}

.blog-tbl {
    width: 100%;
}

    .blog-tbl tr td {
        width: 50%;
        padding: 5px;
        vertical-align: top;
    }

        .blog-tbl tr td table {
            width: 100%;
        }

            .blog-tbl tr td table tr td img {
                width: 100%;
                border-radius: 10px;
            }

            .blog-tbl tr td table tr td h6, .blog-tbl tr td table tr td h5 a {
                margin: 0px 0px 10px;
                color: var(--primary-blue);
                font-size: 13px;
            }

            .blog-tbl tr td table tr td h5 a {
                font-size: 15px;
            }

            .blog-tbl tr td table tr td h1 {
                font-size: 26px;
                font-family: var(--font-display);
                line-height: 32px;
                color: var(--gray-800);
                margin: 0px 0px 15px;
            }

.blog-table-div {
    background-color: var(--white);
    padding: 30px;
    margin: 30px;
    border-radius: 15px;
}

.blog-tbl tr td table tr td h2, .blog-tbl tr td table tr td h3, .blog-tbl tr td table tr td h4 {
    margin: 10px 0px;
    font-family: var(--font-display);
}

.blog-tbl tr td table tr td h3 {
    color: var(--primary-blue);
}

.blog-tbl tr td table tr td ul, .blog-tbl tr td table tr td ol {
    margin: 0px 0px 0px 30px;
}

.blog-tbl tr td table tr td p a{
    color:var(--primary-blue);
    transition:all 0.5s;
}
    .blog-tbl tr td table tr td p a:hover{
        color:var(--primary-dark);
    }

    .enquiry-div {
        padding: 15px;
        margin: 20px 60px;
        border-radius: 15px;
    }

.whatsapp-card a img {
    width: 25px;
    margin: 0px 0px -8px 0px;
}

.team-image {
    margin-bottom: 30px;
}

    .team-image img {
        width: 100%;
        border-radius: 15px;
    }


.testimonials-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    overflow: hidden;
}

.testimonials-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.testimonials-scroll {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 20px;
    width: 820px;
}

.testimonial-card {
    min-width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 24px;
    box-sizing: border-box;
}

/* For tablet and desktop - show multiple cards */
@media (min-width: 768px) {
    .testimonial-card {
        min-width: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (min-width: 1024px) {
    .testimonial-card {
        min-width: calc(50% - 14px);
        max-width: calc(50% - 14px);
    }
}

/* Navigation Arrows */
.testimonial-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 30px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    z-index: 10;
    color: #333;
}

    .testimonial-nav:hover {
        background: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        transform: translateY(-50%) scale(1.1);
    }

.testimonial-prev {
    left: -25px;
}

.testimonial-next {
    right: -25px;
}

/* Dots Navigation */
.testimonial-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 0px;
}

.testimonial-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .testimonial-dot.active {
        background: #007bff;
        width: 30px;
        border-radius: 6px;
    }

    .testimonial-dot:hover {
        background: #999;
    }

/* Existing testimonial card styles */
.testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: wrap;
}

.student-info {
    display: flex;
    gap: 15px;
    flex: 1;
    min-width: 0;
}

.student-photo-placeholder {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #00C9FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.photo-icon {
    font-size: 30px;
}

.student-details {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

    .student-details h3,
    .student-details p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

.company-logo-section {
    flex-shrink: 0;
}

.student-details h3 {
    margin: 0 0 8px 0;
    color: #333;
    font-size: 18px;
}

.student-achievement {
    margin: 5px 0;
    font-size: 15px;
    color: #666;
}

.achievement-badge {
    background: #e8f5e9;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
}

.student-role {
    margin: 5px 0 0 0;
    color: #888;
    font-size: 13px;
}

.company-logo-section {
    flex-shrink: 0;
}

.company-logo-placeholder {
    background: #f5f5f5;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.testimonial-content {
    width: 100%;
    overflow: hidden;
}

    .testimonial-content img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        object-fit: cover;
        display: block;
    }

.testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 15px;
    flex-wrap: wrap;
}


/*Media query*/
/* Large desktop and laptops*/
@media (min-width: 1200px) {
    .page-title-sub {
        font-size: 50px;
    }

    .cta-inline-buttons-01 {
        display: inline-block;
    }
}

/* Landscape tablets and medium desktops*/
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonials-scroll {
        width: 625px;
    }
}

/* medium tablets and medium laptop*/
@media (min-width: 768px) and (max-width: 991px) {
    .testimonials-scroll {
        width: 650px;
    }
}

/* portrait tablets and small desktops*/
@media (max-width: 767px) {

    :root {
        --section-padding: 40px;
        --section-padding-mobile: 20px;
    }

    .container {
        padding: 0 10px;
    }

    .iframe {
        height: 250px;
    }

    .blog-tbl tr td table tr td h1 {
        font-size: 18px;
        line-height: 26px;
    }

    fixed-ht {
        height: 68px;
    }

    .enquiry-div {
        margin: 15px;
    }

    .form-input, .form-select, .form-textarea {
        padding: 10px;
    }

    .form-row {
        gap: 0;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .stat-item .stat-number {
        font-size: 22px;
    }

    .stat-item .stat-label {
        font-size: 10px;
    }

    .scroll-indicator {
        display: none;
    }

    .trust-section {
        padding: 20px 0px;
    }

    .trust-content {
        gap: 15px;
    }

    .why-icon {
        font-size: 30px;
        margin-bottom: 0px;
    }

    .why-card h3 {
        font-size: 17px;
    }

    .highlight-icon {
        font-size: 25px;
    }

    .highlight-box {
        gap: 5px;
    }

        .highlight-box h3 {
            font-size: 18px;
            margin-bottom: 5px;
        }

    .feature-box {
        padding: 15px;
    }

    .feature-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .quote-block p {
        font-size: 16px;
    }

    .content-block {
        margin-bottom: 20px;
    }

    .partnership-card {
        padding: 15px;
    }

    .partnership-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

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

    .benefit-content {
        padding: 5px;
    }

    .benefit-card {
        gap: 10px;
    }

    .diff-number {
        width: 40px;
        height: 40px;
        font-size: 18px;
        font-weight: 500;
    }

    .diff-content h4 {
        font-size: 18px;
    }

    .differentiators-list {
        gap: 20px;
    }

    .mv-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .mv-card {
        padding: 15px;
    }

        .mv-card h3 {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .mv-card p {
            margin-bottom: 0;
        }

    .cta-inline-content h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .cta-inline-content p {
        font-size: 16px;
    }

    .cta-inline {
        padding: 30px;
        gap: 20px;
        margin: 30px 0px;
    }

    .content-grid {
        gap: 20px;
    }

    .highlight-icon-lg {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .sidebar-card {
        padding: 15px;
    }

    .timeline-year {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .timeline-content {
        padding: 15px;
    }

        .timeline-content h3 {
            font-size: 18px;
            margin-bottom: 5px;
        }

    .timeline-item {
        gap: 30px;
        margin-bottom: 30px;
    }

    .timeline {
        padding: 0px;
    }

    .milestone-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

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

    .milestone-card {
        padding: 15px;
    }

    .story-feature-content h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }

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

    .program-hero-content {
        padding: 15px;
    }

    .program-hero-content {
        gap: 5px;
    }

    .program-hero-tagline {
        font-size: 16px;
    }

    .quick-info-item {
        gap: 5px;
        padding: 10px;
    }

    .info-icon {
        font-size: 25px;
    }

    .info-value {
        font-size: 15px;
    }

    .info-label {
        font-size: 11px;
    }

    .highlight-box {
        margin: 20px 0px 0px;
    }

    .program-features-image {
        margin: 0;
    }

    .content-image-large {
        margin: 20px 0px 0px;
    }

    .caption-text {
        margin: 0px 0px 20px;
        font-size: 12px;
    }

    .learning-modules-grid {
        margin-top: 20px;
    }

    .module-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .module-card h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .module-card {
        padding: 15px;
    }

    .career-roles-showcase {
        margin: 20px 0px 0px;
    }

    .career-roles-grid {
        margin-top: 0;
    }

    .role-icon {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .career-role-card h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .career-role-card, .cert-card {
        padding: 15px;
    }

    .cert-logo img {
        width: 90px;
        height: 90px;
    }

    .cert-info h4 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .cert-info p {
        font-size: 15px;
    }

    .certification-showcase {
        margin-top: 20px;
        gap: 15px;
    }

    .sidebar-card h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .stat-value {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .sidebar-stat {
        padding: 10px 0px;
    }

    .stat-label {
        margin-bottom: 0px;
    }

    .cert-details h4 {
        font-size: 18px;
        line-height: 1.5;
    }

    .cert-track h3 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .cert-track {
        padding: 15px;
    }

    .dual-cert-showcase {
        margin-top: 20px;
        padding: 15px;
    }

    .advantage-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

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

    .advantage-card {
        padding: 15px;
    }

    .cert-badge-large img {
        width: 60%;
    }

    .cert-display .cert-details h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

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

    .why-number {
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .value-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

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

    .value-card {
        padding: 15px;
    }

    .pillar-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .pillar-card h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .pillar-details {
        margin-top: 10px;
    }

    .pillar-card {
        padding: 15px;
    }

    .therapeutic-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .therapeutic-card h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .therapeutic-card {
        padding: 15px;
    }

    .deliverable-number {
        width: 40px;
        height: 40px;
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 5px;
    }

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

    .deliverable-card {
        padding: 15px;
    }

    .portfolio-highlight h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .portfolio-highlight {
        margin-top: 20px;
        padding: 15px;
    }

    .impact-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .impact-card h4 {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 1.3;
    }

    .impact-card {
        padding: 15px;
    }

    .salary-expectation-box h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .boost-list {
        margin-top: 0;
    }

    .salary-expectation-box {
        margin-top: 20px;
        padding: 15px;
    }

    .eligibility-grid-home {
        grid-template-columns: repeat(2, 1fr);
    }

    .career-advantage-box h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .career-advantage-box > p {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 1.6;
    }

    .why-coding-grid, .why-data-grid {
        margin-top: 20px;
    }

    .mission-icon-placement {
        font-size: 30px;
    }

    .mission-statement-box-placement h2 {
        font-size: 18px;
    }

    .mission-statement-box-placement p {
        font-size: 15px;
        line-height: 1.5;
    }

    .mission-statement-box-placement {
        padding: 15px;
    }

    .category-icon {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .category-header h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .opportunity-category {
        margin-bottom: 20px;
    }

    .highlight-item {
        padding: 5px 10px;
    }

    .testimonials-scroll {
        width: 300px;
    }

    .company-name {
        font-size: 14px;
    }

    .intro-visual {
        margin-bottom: 10px;
    }

    .intro-content h2 {
        margin-bottom: 5px;
    }

    .photo-icon {
        font-size: 20px;
    }

    .student-photo-placeholder {
        width: 40px;
        height: 40px;
    }

    .testimonial-card {
        padding: 15px;
    }

    .student-details h3 {
        font-size: 16px;
    }

    .achievement-badge {
        font-size: 10px;
    }

    .student-achievement strong {
        font-weight: 500;
        font-size: 14px;
    }

    .section-intro {
        font-size: 16px;
    }

    .legal-meta {
        margin-bottom: 0px;
    }

    .legal-section h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .legal-section p {
        font-size: 14px;
        line-height: 1.6;
    }

    .legal-section {
        margin-bottom: 0px;
    }

    .leader-profile-image img {
        height: 250px;
    }

    .leader-profile-image img {
        width: 47%;
    }
}

/* Mobile and small Phones*/
@media (max-width: 480px) {
}
/*Media query*/