/* home.css - cleaned version with colors matching the PDF design */

/* Welcome Section */
.welcome-section {
    padding: 4rem 0 0rem;
    background-color: #ffffff;
}

.welcome-title {
    font-size: 2.25rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 2rem;
}

/* Vision & Mission Container (for single text block) */
.vision-mission-container {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 3rem;
}

/* Button Styles */
.values-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.btn {
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    min-width: 120px;
}

.btn-light {
    background-color: #e0e0e0;
    color: #333333;
    border: none;
}

.btn-light:hover {
    background-color: #d0d0d0;
}

.btn-primary {
    background-color: #862C91;
    color: white;
    border: none;
}

.btn-primary:hover {
    background-color: #172e58;
}

/* Core Values Image Section */
.core-values-section {
    padding: 0rem 0;
    background-color: #ffffff;
}

.core-values-image-container {
    max-width: 1200px;
    margin: 0 auto 3rem;
    text-align: center;
}

/* Desktop image is shown by default */
.core-values-desktop {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Mobile image is hidden by default */
.core-values-mobile {
    display: none;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* GBS Excellence Section */
.gbs-excellence-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.gbs-description {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
}

.gbs-description p {
    color: #4b5563;
    line-height: 1.6;
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Infographic styling */
.gbs-infographic-container {
    text-align: center;
    margin-bottom: 3rem;
}

/* Desktop image is shown by default */
.gbs-infographic-desktop {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Mobile image is hidden by default */
.gbs-infographic-mobile {
    display: none;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* CTA button styling */
.gbs-cta {
    text-align: center;
}

/* Voices of Transformation: Our Students Speak Section */
.voices-transformation-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.voices-description {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
}

.voices-description p {
    color: #4b5563;
    line-height: 1.6;
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Video Grid Container */
.voices-video-grid {
    max-width: 1000px; /* Reduced to better accommodate vertical videos */
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Video Rows */
.video-row {
    display: flex;
    justify-content: center;
    gap: 40px; /* Increased gap for better spacing with vertical videos */
    margin-bottom: 40px;
    width: 100%;
}

/* Center the second row with only 2 videos */
.video-row-center {
    justify-content: center;
    max-width: 66.66%;
    margin: 0 auto;
}

/* Individual Video Items - Specific to voices section */
.voices-video-grid .video-item {
    flex: 0 1 calc(33.33% - 30px);
    max-width: 250px; /* Reduced width for vertical format */
}

/* Adjust second row items to be same size as first row */
.video-row-center .video-item {
    flex: 0 1 250px; /* Reduced width for vertical format */
}

/* Video wrapper for responsive iframe */
.video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 177.78%; /* 9:16 aspect ratio for YouTube Shorts vertical view */
    overflow: hidden;
    background-color: #000;
    border-radius: 8px;
    margin-bottom: 15px;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
    /* Improve iframe performance on mobile */
    will-change: transform;
}

/* Lazy loading hint for browsers */
.video-wrapper iframe[loading="lazy"] {
    content-visibility: auto;
}

/* Video Captions */
.video-caption {
    text-align: center;
}

.video-caption h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 5px;
}

.video-caption p {
    font-size: 0.95rem;
    color: #4b5563;
    line-height: 1.4;
    margin: 0;
}

/* Specific styling for YouTube Shorts in Voices section */
.voices-video-grid .video-wrapper {
    padding-bottom: 177.78%; /* Maintain 9:16 aspect ratio for Shorts */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.voices-video-grid .video-wrapper:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Made at SFADA. Ready for the World. Section */
.made-at-sfada-section {
    padding: 4rem 0 1.5rem;
    background-color: #ffffff;
}

/* Full Width Video Banner Container */
.full-width-video-banner {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}

.full-width-video-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.full-width-video-banner .video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.full-width-video-banner:hover .video-play-button {
    background-color: rgba(134, 44, 145, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

.full-width-video-banner .video-play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent white;
    margin-left: 4px;
}


/* Video Grid Container for Made at SFADA section */
.made-at-sfada-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.made-at-sfada-video-item {
    position: relative;
    aspect-ratio: 463/626;
    overflow: hidden;
    cursor: pointer;
    background-color: #000;
    border-radius: 8px;
}

.made-at-sfada-video-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.made-at-sfada-video-item:hover img {
    transform: scale(1.05);
}

.made-at-sfada-video-item .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}

.made-at-sfada-video-item:hover .play-button {
    background-color: rgba(134, 44, 145, 0.9);
}

.made-at-sfada-video-item .play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent white;
    margin-left: 4px;
}

/* Responsive grid for Made at SFADA videos */
@media (max-width: 992px) {
    .made-at-sfada-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .made-at-sfada-video-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
        padding: 0 15px;
    }

    .made-at-sfada-video-item {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .made-at-sfada-video-grid {
        grid-template-columns: 1fr !important;
        gap: 15px;
        padding: 0 15px;
    }

    .made-at-sfada-video-item {
        max-width: 100%;
        margin: 0 auto;
    }
}

.made-at-sfada-description {
    max-width: 800px;
    margin: 0 auto 1rem;
    text-align: center;
}

.made-at-sfada-description p {
    color: #4b5563;
    line-height: 1.6;
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Full Width Video Grid for Made at SFADA section */
.sfada-video-grid-fullwidth {
    width: 100%;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    background-color: #000;
    overflow: hidden;
}

/* Ensure no overflow on mobile */
@media (max-width: 768px) {
    .sfada-video-grid-fullwidth {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.sfada-video-grid-fullwidth .video-item {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
}


.sfada-video-grid-fullwidth .video-item iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    aspect-ratio: 16/9;
}

/* Thumbnail styles for video items */
.sfada-video-grid-fullwidth .video-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    vertical-align: bottom;
}

.sfada-video-grid-fullwidth .video-item:hover img {
    transform: scale(1.05);
}


/* Play button overlay */
.sfada-video-grid-fullwidth .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.sfada-video-grid-fullwidth .video-item:hover .play-button {
    background-color: rgba(134, 44, 145, 0.9);
}

/* Creates the triangle "play" icon */
.sfada-video-grid-fullwidth .play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent white;
    margin-left: 4px;
}

/* Responsive grid for footer videos - improved alignment for 5 videos */
@media (max-width: 1200px) {
    .sfada-video-grid-fullwidth {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Create a 3+2 layout: First 3 videos on top row, last 2 centered on bottom */
    .sfada-video-grid-fullwidth .video-item:nth-child(4) {
        grid-column: 1 / 2;
    }

    .sfada-video-grid-fullwidth .video-item:nth-child(5) {
        grid-column: 3 / 4;
    }
}

@media (max-width: 992px) {
    /* 3 columns on tablets */
    .sfada-video-grid-fullwidth {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Keep the same 3+2 layout on tablets */
    .sfada-video-grid-fullwidth .video-item:nth-child(4) {
        grid-column: 1 / 2;
    }

    .sfada-video-grid-fullwidth .video-item:nth-child(5) {
        grid-column: 3 / 4;
    }
}

@media (max-width: 768px) {
    /* 2 columns on small tablets */
    .sfada-video-grid-fullwidth {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Reset grid positioning on smaller screens */
    .sfada-video-grid-fullwidth .video-item:nth-child(4),
    .sfada-video-grid-fullwidth .video-item:nth-child(5) {
        grid-column: auto;
    }
}

/* SFADA Video Grid - Reusing same styles as voices section */
.sfada-video-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sfada-video-grid .video-row {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.sfada-video-grid .video-row-center {
    justify-content: center;
    max-width: 66.66%;
    margin: 0 auto;
}

.sfada-video-grid .video-item {
    flex: 0 1 calc(33.33% - 20px);
    max-width: 350px;
}

.sfada-video-grid .video-row-center .video-item {
    flex: 0 1 350px;
}

.sfada-cta {
    text-align: center;
    margin-top: 0;
}

/* GBS Accolades Section */
.gbs-accolades-section {
    padding: 4rem 0 2rem;
    background-color: #ffffff;
}

.section-title {
    font-size: 2rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 1rem;
}

.accolades-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 2rem;
}

.accolades-description {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
    line-height: 1.6;
    color: #4b5563;
    font-size: 1.05rem;
}

/* Student Feature Section - Full Width Grey Background */
.student-feature-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f5f5f5;
    padding: 0rem 0;
    margin-bottom: 3rem;
}

.accolades-content {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.student-image {
    flex: 0 0 400px;
    height: 400px;
    margin-right: 3rem;
}

.student-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.student-story {
    flex: 1;
}

.scholarship-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 1.5rem;
}

.student-info {
    margin-bottom: 1.5rem;
}

.student-name {
    font-size: 1.3rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 0.5rem;
}

.student-degree {
    font-size: 1rem;
    color: #666;
    font-weight: 500;
}

.student-testimonial {
    font-size: 1rem;
    color: #4b5563;
    line-height: 1.7;
}

/* CTA Button Section */
.accolades-cta-section {
    padding: 0 0 4rem;
    background-color: #ffffff;
}

.accolades-cta {
    text-align: center;
}

/* GBS Strong Local & Global Linkages Section */
.gbs-linkages-section {
    padding: 0 0 5rem 0;
    background-color: #ffffff;
}

.gbs-linkages-title {
    font-size: 2rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 1.5rem;
}

.gbs-linkages-description {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
    line-height: 1.6;
    color: #4b5563;
    font-size: 1.05rem;
}

/* Full width images container */
.gbs-linkages-images-container {
    display: flex;
    width: 100%;
    max-width: 100vw;
    margin-bottom: 2.5rem;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    overflow: hidden;
}

@media (max-width: 768px) {
    .gbs-linkages-images-container {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

/* Left image (logos) - 1120px proportional width */
.gbs-linkages-logos {
    width: 58.33%;
}

.gbs-linkages-logos img {
    width: 100%;
    height: auto;
    display: block;
}

/* Right image (photo) - 800px proportional width */
.gbs-linkages-photo {
    width: 41.67%;
}

.gbs-linkages-photo img {
    width: 100%;
    height: auto;
    display: block;
}

.gbs-linkages-cta {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

/* Crafting Creative Futures Section */
.crafting-futures-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.crafting-description {
    max-width: 900px;
    margin: 0 auto 3rem;
    text-align: center;
}

.crafting-description p {
    color: #4b5563;
    line-height: 1.6;
    font-size: 1.05rem;
}

.creative-programs-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 3rem;
    max-width: 1200px;
    margin: 0 auto 3rem;
}

.creative-program-box {
    flex: 1;
    max-width: 350px;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.creative-program-box:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.program-image {
    width: 100%;
    height: auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

.program-image img {
    width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: contain;
}

.creative-program-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    padding: 1rem 1rem 0.5rem;
    margin: 0;
}

.creative-program-content {
    padding: 0 1.5rem 1.5rem;
}

.creative-program-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.creative-program-list li {
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    color: #4b5563;
    line-height: 1.4;
}

.creative-program-list li:last-child {
    margin-bottom: 0;
}

.crafting-cta {
    text-align: center;
    margin-top: 2rem;
}

/* Programs Section */
.programs-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.programs-title {
    font-size: 2rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 3rem;
}

.programs-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-bottom: 2rem;
}

/* Programs responsive - force 1 column on mobile */
@media (max-width: 640px) {
    .programs-container {
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }
}

.program-box {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0;
    transition: all 0.2s ease;
    height: auto;
    min-height: 300px;
    display: flex;
    flex-direction: column;
}

.program-box:hover {
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1);
}

.program-header {
    text-align: center;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    background-color: #f9fafb;
}

.program-level {
    font-size: 1.1rem;
    font-weight: 600;
    color: #862C91;
    margin: 0;
}

.program-content {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.program-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.program-list li {
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    color: #4b5563;
    line-height: 1.4;
}

.program-list li:last-child {
    margin-bottom: 0;
}

.programs-cta {
    text-align: center;
    margin-top: 2rem;
}

/* Campus Panorama Section */
.campus-panorama {
    width: 100%;
    margin: 0;
    padding: 0;
}

.panorama-image {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.panorama-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Quick Links Section */
.quick-links-section {
    padding: 2.5rem 0 3.5rem;
    background-color: #ffffff;
}

.quick-links-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Quick Links responsive - force 1 column on mobile */
@media (max-width: 640px) {
    .quick-links-container {
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }
}

.quick-link-box {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1.5rem;
    transition: all 0.2s ease;
    height: 100%;
}

.quick-link-box:hover {
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1);
}

.quick-link-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 1rem;
    text-align: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.quick-link-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quick-link-list li {
    margin-bottom: 0.4rem;
    text-align: center;
}

.quick-link-list a {
    color: #4b5563;
    text-decoration: none;
    transition: color 0.2s;
    display: block;
    padding: 0.25rem 0;
    font-size: 0.95rem;
}

.quick-link-list a:hover {
    color: #862C91;
}






/* Why Choose GIFT Section */
.why-choose-section {
    background-color: #f8f8f8;
    padding: 3rem 0;
    color: white;
    text-align: center;
}

.entrepreneurial-title {
    font-size: 2rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 2rem;
}

.features-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    max-width: 1200px;
    margin: 0 auto 2rem;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
    flex: 1;
    min-width: 140px;
    max-width: 180px;
}

.feature-icon {
    width: 180px;
    height: 185px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-icon img {
    max-width: 100%;
    max-height: 100%;
}

.feature-divider {
    width: 1px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 5px;
}

.cta-container {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.btn-secondary {
    background-color: #e0e0e0;
    color: #333;
    padding: 0.7rem 2rem;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.btn-secondary:hover {
    background-color: #d0d0d0;
}

/* Faculty Section */
.faculty-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.faculty-title {
    font-size: 2rem;
    font-weight: 600;
    color: #862C91;
    text-align: center;
    margin-bottom: 2rem;
}

.faculty-description {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
    line-height: 1.6;
    color: #4b5563;
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .faculty-title {
        margin-bottom: 1.5rem;
        padding: 0 1rem;
    }

    .faculty-description {
        margin: 0 auto 2rem;
        padding: 0 1rem;
    }
}

/* Dean Feature Section - Full Width Grey Background */
.dean-feature-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #f5f5f5;
    padding: 0rem 0;
    margin-bottom: 2rem;
}

.dean-container {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 15px;
}

.dean-content {
    flex: 1;
    padding-right: 3rem;
}

.dean-name {
    font-size: 1.5rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 0.5rem;
}

.dean-position {
    font-size: 1rem;
    color: #666;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.dean-bio {
    font-size: 1rem;
    color: #4b5563;
    line-height: 1.7;
}

.dean-photo {
    flex: 0 0 400px;
    height: 400px;
}

.dean-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

/* Faculty Grid Section */
.faculty-grid-section {
    margin-bottom: 1.5rem;
    padding: 0 1rem; /* Add padding to prevent edge overflow */
}

.faculty-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

/* 5-column layout for faculty grid */
.faculty-grid-five {
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* Allow flexible sizing */
    gap: 0.75rem; /* Further reduced gap for better fit */
    max-width: 100%; /* Ensure it doesn't overflow */
    justify-content: center; /* Center the grid */
}

/* On screens where 5 columns might be too tight */
@media (max-width: 1150px) and (min-width: 1025px) {
    .faculty-grid-five {
        grid-template-columns: repeat(5, minmax(160px, 1fr));
        gap: 0.5rem;
    }
}

.faculty-card {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1rem 1rem;
    text-align: center;
    background-color: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Specific styling for 5-column faculty cards */
.faculty-grid-five .faculty-card {
    padding: 0.75rem 0.5rem; /* Reduced padding for 5-column layout */
}

.faculty-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.faculty-photo {
    width: 270px;
    height: 180px;
    margin: 0 auto 1.5rem;
    border-radius: 4px;
    overflow: hidden;
}

/* Smaller photos for 5-column layout */
.faculty-grid-five .faculty-photo {
    width: 100%; /* Use full width of container */
    max-width: none; /* Remove max-width constraint */
    height: 120px; /* Further reduced height for better proportions */
    margin: 0 auto 0.75rem;
}

.faculty-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faculty-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 0.75rem;
}

/* Smaller font sizes for 5-column layout */
.faculty-grid-five .faculty-name {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.faculty-credentials {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}

/* Smaller credentials text for 5-column layout */
.faculty-grid-five .faculty-credentials {
    font-size: 0.8rem;
    line-height: 1.4;
}

.faculty-credentials p {
    margin-bottom: 0.25rem;
}

/* CTA Button */
.faculty-cta {
    text-align: center;
    margin-top: 1.5rem;
}

/* News Section */
.news-section {
    padding: 3rem 0;
    background-color: #ffffff;
}

.news-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
}

/* News responsive - force 1 column on mobile */
@media (max-width: 640px) {
    .news-container {
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }
}

.news-item {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.news-image {
    height: 180px;
    overflow: hidden;
}

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

.news-item:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    padding: 1.5rem;
}

.news-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #862C91;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.news-text {
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.6;
}

.news-cta {
    text-align: center;
    margin-top: 1rem;
}

/* Banner Slider Styles */
.banner-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem;
    z-index: 10;
    max-height: 80vh;
}

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

/* Slides Container */
.slider-slides {
    position: relative;
    width: 100%;
}

/* Individual Slide - Base Styling */
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0s ease;
    z-index: 1;
    display: none;
    will-change: opacity, transform;
}

.slide.active {
    position: relative;
    opacity: 1;
    z-index: 2;
    display: block;
}

.slide img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 80vh;
}

/* Lazy Loading Animation */
.lazy-load {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.lazy-load.loaded {
    opacity: 1;
}

/* Navigation Arrows */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    transition: all 0.3s ease, opacity 0.4s ease;
    color: #862C91;
    
    /* Initially hidden */
    opacity: 0;
    visibility: hidden;
}

.slider-arrow-left {
    left: 20px;
}

.slider-arrow-right {
    right: 20px;
}

/* Arrows appear when hovering over the slider container */
.banner-slider-container:hover .slider-arrow {
    opacity: 1;
    visibility: visible;
}

/* Hover effect for arrows */
.slider-arrow:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-50%) scale(1.1);
}

.slider-arrow:active {
    transform: translateY(-50%) scale(0.95);
}

/* Slide Indicators */
.slider-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 20;
}

.indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    /* Increased touch target for mobile */
    padding: 10px;
    position: relative;
}

.indicator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    transition: all 0.3s ease;
}

.indicator.active::before {
    background-color: rgba(255, 255, 255, 0.6);
    width: 8px;
    height: 8px;
}

/* Section text styles that need to match PDF */
.section-text {
    color: #4b5563;
    max-width: 1100px;
    margin: 0 auto 2rem;
    text-align: justify;
    padding: 0 15px;
    line-height: 1.8;
    font-size: 1.05rem;
}

/* RESPONSIVE STYLES */
@media (max-width: 1024px) {
    .programs-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .creative-programs-container {
        flex-wrap: wrap;
        gap: 20px;
    }

    .creative-program-box {
        flex: 0 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

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

    .faculty-grid-five {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }

    .measuring-features-container {
        flex-wrap: wrap;
        gap: 2rem 0;
    }

    .measuring-item {
        flex: 0 1 33.33%;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .measuring-icon {
        width: 120px;
        height: 35px;
    }

    .measuring-divider {
        display: none;
    }

    .video-row {
        flex-wrap: wrap;
        gap: 20px;
    }

    .voices-video-grid .video-item {
        flex: 0 1 calc(50% - 10px);
        max-width: 200px; /* Adjusted for vertical format on tablets */
    }

    .video-row-center {
        max-width: 100%;
    }

    .video-row-center .video-item {
        flex: 0 1 calc(50% - 10px);
        max-width: 200px; /* Adjusted for vertical format on tablets */
    }

    /* Made at SFADA video grid responsive */
    .sfada-video-grid .video-row {
        flex-wrap: wrap;
        gap: 20px;
    }

    .sfada-video-grid .video-item {
        flex: 0 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    .sfada-video-grid .video-row-center {
        max-width: 100%;
    }

    .sfada-video-grid .video-row-center .video-item {
        flex: 0 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }


    .dean-container {
        flex-direction: column;
        text-align: center;
        display: flex;
        padding-bottom: 2rem;
    }

    .dean-content {
        padding-right: 0;
        margin-bottom: 0;
        display: contents; /* This makes the children of dean-content direct children of dean-container */
    }

    /* Reorder all elements to: name -> position -> photo -> bio paragraphs */
    .dean-name {
        order: 1;
        margin-bottom: 0.5rem;
    }

    .dean-position {
        order: 2;
        margin-bottom: 0;
    }

    .dean-photo {
        flex: none;
        width: 300px;
        height: 250px;
        margin: 2rem auto;
        order: 3;
    }

    .dean-bio {
        order: 4;
        margin-top: 0;
        padding-bottom: 1rem;
    }
    
    .quick-links-container {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .news-container {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .features-container {
        flex-wrap: wrap;
        gap: 2rem;
    }
    
    .feature-divider {
        display: none;
    }
    
    .feature-item {
        min-width: 150px;
        margin-bottom: 0.5rem;
    }
    
    .accolades-content {
        flex-direction: column;
        text-align: center;
    }
    
    .student-image {
        flex: none;
        width: 400px;
        height: 400px;
        margin-right: 0;
        margin-bottom: 2rem;
        margin: 0 auto 2rem;
    }
}

@media (max-width: 768px) {
    .core-values-desktop,
    .gbs-infographic-desktop {
        display: none;
    }

    .core-values-mobile,
    .gbs-infographic-mobile {
        display: block;
    }

    .values-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .values-buttons .btn {
        width: 200px;
    }

    .welcome-title {
        font-size: 2rem;
    }

    .voices-transformation-section {
        padding: 3rem 0;
    }

    .voices-description p,
    .gbs-description p,
    .accolades-description,
    .gbs-linkages-description,
    .faculty-description {
        padding: 0 1rem;
        font-size: 1rem;
    }

    /* Force single column for videos on mobile */
    .video-row {
        flex-direction: column !important;
        gap: 25px;
        align-items: center;
    }

    .video-row-center {
        max-width: 100%;
    }

    .voices-video-grid .video-item {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        width: 100%;
    }

    .video-row-center .video-item {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        width: 100%;
    }

    /* Force single column video wrapper */
    .voices-video-grid {
        max-width: 100%;
        padding: 0 15px;
    }

    .video-wrapper {
        max-width: 400px;
        margin: 0 auto;
    }
    
    /* Made at SFADA video grid mobile */
    .sfada-video-grid .video-row {
        flex-direction: column;
        gap: 25px;
        align-items: center;
    }
    
    .sfada-video-grid .video-row-center {
        max-width: 100%;
    }
    
    .sfada-video-grid .video-item {
        flex: 0 1 100%;
        max-width: 500px;
        width: 100%;
    }
    
    .sfada-video-grid .video-row-center .video-item {
        flex: 0 1 100%;
        max-width: 500px;
    }
    
}

@media (max-width: 480px) {
    /* Full width video grid mobile - 1 column */
    .sfada-video-grid-fullwidth {
        grid-template-columns: 1fr;
    }
    
    .made-at-sfada-description p {
        padding: 0 1rem;
    }
    
    .section-title,
    .programs-title,
    .faculty-title {
        font-size: 1.75rem;
    }
    
    .accolades-subtitle {
        font-size: 1.3rem;
    }
    
    .gbs-linkages-title {
        font-size: 1.75rem;
    }
    
    .student-image {
        width: 280px;
        height: 220px;
    }
    
    .scholarship-title {
        font-size: 1.3rem;
    }
    
    .student-name {
        font-size: 1.2rem;
    }
    
    .gbs-linkages-images-container {
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .gbs-linkages-logos,
    .gbs-linkages-photo {
        width: 100%;
    }
    
    .programs-container {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    .creative-programs-container {
        flex-direction: column !important;
        align-items: center;
        gap: 20px;
    }

    .creative-program-box {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        width: 100%;
    }
    
    .crafting-description p {
        padding: 0 1rem;
    }
    
    .measuring-features-container {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .measuring-item {
        flex: 0 1 100%;
        padding: 0;
        margin-bottom: 1.5rem;
    }
    
    .measuring-icon {
        width: 120;
        height: 35px;
    }
    
    .measuring-number {
        font-size: 1.75rem;
    }
    
    .international-description p {
        padding: 0 1rem;
    }

    .partner-box {
        padding: 1rem;
    }
    
    .partner-title {
        font-size: 0.95rem;
    }
    
    .partner-text {
        font-size: 0.85rem;
    }
    
    .quick-links-container,
    .news-container {
        grid-template-columns: 1fr;
    }
    
    .faculty-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }

    .faculty-grid-five {
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }

    .dean-feature-section,
    .student-feature-section {
        padding: 3rem 0;
        margin-bottom: 1.5rem;
    }

    .faculty-grid-section {
        margin-bottom: 1rem;
    }

    .faculty-cta {
        margin-top: 1rem;
    }
    
    .dean-photo {
        width: 250px;
        height: 200px;
    }
    
    .faculty-photo {
        width: 120px;
        height: 120px;
    }
    
    .news-image {
        height: 200px;
    }
    
    .feature-item {
        min-width: 120px;
        padding: 0 0.5rem;
    }
    
    .btn-secondary {
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;
        width: 80%;
    }
    
    .slider-indicators {
        bottom: 15px;
    }

    .indicator::before {
        width: 6px;
        height: 6px;
    }

    .indicator.active::before {
        width: 8px;
        height: 8px;
    }
}

@media (max-width: 480px) {
    .core-values-section {
        padding: 3rem 0;
    }
    
    .values-buttons .btn {
        width: 90%;
    }
    
    .welcome-title {
        font-size: 1.75rem;
    }
    
    .voices-transformation-section {
        padding: 2.5rem 0;
    }
    
    .voices-description p,
    .gbs-description p {
        font-size: 0.95rem;
    }
    
    .voices-video-grid {
        padding: 0 10px;
    }

    .video-row {
        gap: 20px;
        margin-bottom: 25px;
    }

    .faculty-grid-five {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .sfada-video-grid {
        padding: 0 10px;
    }
    
    .sfada-video-grid .video-row {
        gap: 20px;
        margin-bottom: 25px;
    }
    
    .made-at-sfada-section {
        padding: 2.5rem 0;
    }
    
    .made-at-sfada-description p {
        font-size: 0.95rem;
    }
    
    .gbs-accolades-section {
        padding: 3rem 0 1rem;
    }
    
    .section-title,
    .gbs-linkages-title {
        font-size: 1.5rem;
    }
    
    .accolades-subtitle {
        font-size: 1.2rem;
    }
    
    .student-image {
        width: 250px;
        height: 200px;
    }
    
    .student-story {
        padding: 0 1rem;
    }
    
    .programs-title,
    .faculty-title {
        font-size: 1.5rem;
    }
    
    .crafting-futures-section {
        padding: 3rem 0;
    }
    
    .crafting-description p {
        font-size: 0.95rem;
    }
    
    .creative-program-box {
        max-width: 90%;
    }
    
    .creative-program-title {
        font-size: 1.1rem;
    }
    
    .creative-program-list li {
        font-size: 0.9rem;
    }
    
    .program-header {
        padding: 1.25rem 1rem;
    }
    
    .program-content {
        padding: 1.25rem;
    }
    
    .program-level {
        font-size: 1rem;
    }

    .faculty-card {
        padding: 1.5rem 1rem;
    }

    .faculty-title {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        padding: 0 1rem;
    }

    .faculty-description {
        font-size: 1rem;
        margin-bottom: 1rem;
        padding: 0 1rem;
    }

    .dean-feature-section {
        margin-bottom: 1rem;
    }

    .faculty-grid-section {
        margin-bottom: 0.75rem;
    }

    .faculty-cta {
        margin-top: 0.75rem;
    }
    
    .news-section {
        padding: 4rem 0;
    }
    
    .news-content {
        padding: 1.25rem;
    }
    
    .news-title {
        font-size: 1rem;
    }
    
    .features-container {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .feature-item {
        width: 100%;
        max-width: 100%;
    }
    
    .btn-secondary {
        width: 90%;
    }
    
    .slider-arrow {
        width: 35px;
        height: 35px;
    }
    
    .slider-arrow svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 992px) {
    .slider-arrow {
        width: 40px;
        height: 40px;
    }
    
    .slider-arrow-left {
        left: 10px;
    }
    
    .slider-arrow-right {
        right: 10px;
    }
}


/* Measuring What Moves the World Section */
.measuring-section {
    background-color: #f5f5f5;
    padding: 3rem 0;
    text-align: center;
}

.measuring-features-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    max-width: 1400px;
    margin: 3rem auto;
    padding: 0 20px;
}

.measuring-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.5rem;
    flex: 1;
    min-width: 180px;
    max-width: 200px;
}

.measuring-icon {
    width: 100px;
    height: 35px;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.measuring-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.measuring-number {
    font-size: 2rem;
    font-weight: 700;
    color: #862C91;
    margin: 0 0 0.5rem 0;
    line-height: 1;
}

.measuring-text {
    font-size: 0.9rem;
    color: #4b5563;
    text-align: center;
    line-height: 1.3;
    margin: 0;
}

.measuring-divider {
    width: 1px;
    height: 100px;
    background-color: #d1d5db;
    margin: 0;
    align-self: center;
}

.measuring-cta {
    text-align: center;
    margin-top: 2rem;
}

/* International Exposure, Infinite Possibilities Section */
.international-exposure-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.international-description {
    max-width: 900px;
    margin: 0 auto 3rem;
    text-align: center;
}

.international-description p {
    color: #4b5563;
    line-height: 1.6;
    font-size: 1.05rem;
}

.international-content {
    width: 100%;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background-color: transparent;
    position: relative;
}

.international-video {
    flex: 0 0 20%;
    background-color: #000;
    display: flex;
    flex-direction: column;
}

.international-video .video-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    min-height: 400px;
}

.international-video .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Partners section wrapper */
.international-partners-section {
    flex: 0 0 60%;
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    min-height: 400px;
}

.international-partners {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

/* CTA Row - Positioned below partners section on desktop, after second video on mobile */
.international-cta-row {
    flex: 0 0 60%; /* Same width as partners section on desktop */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    border-top: 1px solid #f0f0f0;
    background-color: #ffffff;
    margin-left: 20%; /* Offset to align with partners section */
}

.international-cta {
    text-align: center;
}

.partner-box {
    flex: 1;
    padding: 0 2rem 2rem 2rem;
    text-align: center;
    border-right: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    box-sizing: border-box;
}

.partner-box:last-child {
    border-right: none;
}

.partner-logo {
    height: 180px;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.partner-logo img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 0;
}

.partner-title {
    font-size: 1rem;
    font-weight: 600;
    color: #862C91;
    margin: 0 0 1rem 0;
    padding: 0;
}

.partner-text {
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.5;
    flex-grow: 1;
}

.international-cta {
    text-align: center;
    margin-top: 2rem;
}





/* Why Choose GIFT Section */
.why-choose-section {
    background-color: #fdfdfd;
    padding: 3rem 0;
    color: rgb(0, 0, 0);
    text-align: center;
}

.why-choose-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    text-align: center;
    color: rgb(43, 0, 78);
}

.features-container {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Changed from 'center' to 'flex-start' for top alignment */
    flex-wrap: wrap;
    gap: 0;
    max-width: 1200px;
    margin: 0 auto 2rem;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
    flex: 1;
    min-width: 140px;
    max-width: 180px;
}

.feature-icon {
    width: 140px;
    height: 60px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-icon img {
    max-width: 100%;
    max-height: 100%;
    /* filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(30deg);  Makes icons gold/yellow */
}

.feature-text {
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.4;
    min-height: 40px;
    display: block;
    padding: 0 5px;
    width: 100%;
    margin: 0 auto;
}

.feature-divider {
    width: 1px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 5px;
    align-self: flex-start; /* Add this to align dividers to top */
    margin-top: 0; /* Ensure dividers start from top */
}

.cta-container {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.btn-secondary {
    background-color: #e0e0e0;
    color: #333;
    padding: 0.7rem 2rem;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.btn-secondary:hover {
    background-color: #d0d0d0;
}

/* Responsive adjustments for Why Choose section */
@media (max-width: 1024px) {
    .features-container {
        flex-wrap: wrap;
        gap: 2rem;
    }
    
    .feature-divider {
        display: none;
    }
    
    .feature-item {
        min-width: 150px;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 768px) {
    .feature-item {
        min-width: 120px;
        padding: 0 0.5rem;
    }
    
    .why-choose-title {
        font-size: 1.75rem;
    }
    
    .btn-secondary {
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;
        width: 80%;
    }
}

@media (max-width: 768px) {
    .features-container {
        flex-direction: column !important;
        gap: 1.5rem;
    }

    .feature-item {
        width: 100%;
        max-width: 100%;
    }

    .feature-text {
        min-height: auto;
    }

    .btn-secondary {
        width: 90%;
    }

    /* Fix measuring features container */
    .measuring-features-container {
        flex-direction: column !important;
        gap: 1.5rem;
    }

    .measuring-item {
        flex: 0 1 100% !important;
        padding: 0;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .features-container {
        flex-direction: column !important;
        gap: 1.5rem;
    }

    .feature-item {
        width: 100%;
        max-width: 100%;
    }

    .feature-text {
        min-height: auto;
    }

    .btn-secondary {
        width: 90%;
    }
}

/* =================================================================== */
/* == CONSOLIDATED FIX FOR INTERNATIONAL EXPOSURE SECTION (MOBILE) == */
/* =================================================================== */

/* =================================================================== */
/* MOBILE/TABLET VIEW FOR INTERNATIONAL EXPOSURE SECTION - max 1024px */
/* =================================================================== */
@media (max-width: 1024px) {
    /* Main container: stack items vertically and center them */
    .international-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        min-height: auto;
        padding: 0 15px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /* Partner section wrapper - flatten to make children direct flex items */
    .international-partners-section {
        display: contents !important;
        order: 2 !important; /* This ensures the section appears between videos */
    }

    /* Inner partners container - also flatten */
    .international-partners {
        display: contents !important;
    }

    /* Video containers */
    .international-video {
        width: 100% !important;
        max-width: 350px;
        margin-bottom: 2rem;
        flex: none !important;
    }

    .international-video .video-wrapper {
        position: relative;
        width: 100%;
        padding-bottom: 177.78%; /* 9:16 aspect ratio for YouTube Shorts */
        height: 0;
        overflow: hidden;
        border-radius: 8px;
        min-height: auto !important;
    }

    .international-video .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    /* === MOBILE SEQUENCE ORDER === */
    /* C. Youtube Video Short 1 - First video */
    .international-content > .international-video:nth-child(1) {
        order: 1 !important;
    }

    /* D. Wuhan box - First partner box */
    .international-content .partner-box:nth-child(1) {
        order: 2 !important;
    }

    /* E. Firenze box - Second partner box */
    .international-content .partner-box:nth-child(2) {
        order: 3 !important;
    }

    /* F. Paris box - Third partner box */
    .international-content .partner-box:nth-child(3) {
        order: 4 !important;
    }

    /* G. Youtube Video Short 2 - Second video */
    .international-content > .international-video:nth-child(3) {
        order: 5 !important;
    }

    /* Individual partner boxes styling */
    .partner-box {
        width: 100% !important;
        max-width: 600px;
        border-right: none !important;
        border-bottom: 1px solid #e5e7eb;
        padding: 1.5rem;
        min-height: auto !important;
        flex: none !important;
    }

    /* Remove border from last partner box */
    .partner-box:last-child {
        border-bottom: none;
    }

    .partner-logo {
        height: 180px;
        margin-bottom: 1rem;
    }

    .partner-logo img {
        height: 180px;
        object-fit: contain;
    }

    /* "Read More" button container */
    .international-cta-row {
        order: 6 !important;
        width: 100%;
        margin-top: 2rem;
        padding: 0;
        border-top: none;
        margin-left: 0;
        flex: none !important;
    }

    .international-cta {
        margin-top: 0;
    }
}