/* hallmarks.css - specific styles for the hallmarks page */

/* Main Banner/Slider */
.hallmarks-main-slider {
    width: 100%;
    overflow: hidden;
}

.hallmarks-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hallmarks-slider-desktop {
    display: block;
}

.hallmarks-slider-mobile {
    display: none;
}

.hallmarks-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.hallmarks-slide {
    min-width: 100%;
    display: none;
}

.hallmarks-slide.active {
    display: block;
}

.hallmarks-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.hallmarks-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    z-index: 10;
}

.hallmarks-arrow:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

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

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

/* Responsive Design for Main Slider */
@media (max-width: 768px) {
    .hallmarks-slider-desktop {
        display: none;
    }

    .hallmarks-slider-mobile {
        display: block;
    }

    .hallmarks-arrow {
        width: 40px;
        height: 40px;
    }

    .hallmarks-arrow-left {
        left: 10px;
    }

    .hallmarks-arrow-right {
        right: 10px;
    }
}

/* Full Screen Banner Before CTA */
.hallmarks-full-banner {
    width: 100%;
    overflow: hidden;
}

.hallmarks-full-banner picture {
    display: block;
    width: 100%;
}

.hallmarks-full-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile Only Banner (After CTA) - Hidden by default */
.hallmarks-full-banner-mobile {
    display: none;
}

/* Responsive: Show mobile banner, hide desktop banner on mobile */
@media (max-width: 992px) {
    .hallmarks-full-banner-desktop {
        display: none;
    }

    .hallmarks-full-banner-mobile {
        display: block;
    }
}

/* Hallmarks Introduction Section */
.hallmarks-intro-section {
    padding: 4rem 0 3rem;
    background-color: #ffffff;
}

.hallmarks-intro-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    margin-bottom: 1.5rem;
}

.hallmarks-intro-text {
    font-size: 1rem;
    line-height: 1.8;
    color: #4b5563;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

/* Responsive Styles for Hallmarks Introduction */
@media (max-width: 768px) {
    .hallmarks-intro-section {
        padding: 3rem 1rem 2rem;
    }

    .hallmarks-intro-title {
        font-size: 1.75rem;
    }

    .hallmarks-intro-text {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .hallmarks-intro-title {
        font-size: 1.5rem;
    }
}

/* Banner Styles */
.hallmarks-banner {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 500px;
    overflow: hidden;
}

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

/* Introduction Section Styles */
.intro-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.section-text {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4b5563;
}

/* Women's Growth and Development Section */
.women-growth-section {
    padding: 4rem 0 0;
    background-color: #ffffff;
}

.women-growth-section .section-subtitle {
    font-size: 1.15rem;
    color: #1E3C72;
    text-align: center;
    margin-bottom: 0.25rem;
    font-weight: 700;
}

/* Ensure all section titles have consistent sizing after captions */
.gw-new-chapter-title,
.gw-expanding-title,
.entrepreneurial-university-title,
.pioneering-scholars-title,
.diplomats-title,
.community-services-title {
    font-size: 2rem;
}

.women-growth-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    margin-bottom: 1.5rem;
}

.women-growth-intro {
    text-align: center;
    font-size: 1rem;
    line-height: 1.7;
    color: #4b5563;
    max-width: 900px;
    margin: 0 auto 3rem;
}

.women-growth-feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 400px;
}

/* Left Column - Title and Text with gray background */
.women-growth-text {
    background-color: #f0f4f8;
    padding: 3rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.women-growth-headline {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

/* Desktop: show desktop headline, hide mobile headline */
.women-growth-headline-desktop {
    display: block;
}

.women-growth-headline-mobile {
    display: none;
}

.women-growth-description {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    margin-bottom: 1rem;
}

.women-growth-description:last-child {
    margin-bottom: 0;
}

/* Desktop: show desktop description, hide mobile description */
.women-growth-description-desktop {
    display: block;
}

.women-growth-description-mobile {
    display: none;
}

/* Right Column - PM Award Image */
.women-growth-image {
    display: flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
}

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

.women-growth-cta {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .women-growth-feature {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .women-growth-image {
        order: -1;
        min-height: 300px;
    }

    .women-growth-text {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .women-growth-section {
        padding: 3rem 0 0;
    }

    .women-growth-title {
        font-size: 1.75rem;
    }

    .women-growth-headline {
        font-size: 1.75rem;
    }

    /* Mobile: show mobile headline, hide desktop headline */
    .women-growth-headline-desktop {
        display: none;
    }

    .women-growth-headline-mobile {
        display: block;
        text-align: center;
        padding: 0 1rem 1rem;
    }

    /* Mobile: show mobile description, hide desktop description */
    .women-growth-description-desktop {
        display: none;
    }

    .women-growth-description-mobile {
        display: block;
        text-align: center;
        padding: 1rem 1.5rem;
        margin: 0;
    }

    .women-growth-text {
        display: none;
    }

    .women-growth-image {
        min-height: 250px;
    }
}

@media (max-width: 480px) {
    .women-growth-title {
        font-size: 1.5rem;
    }

    .women-growth-headline {
        font-size: 1.5rem;
    }
}





/* Women Empowerment Award Section - using the same structure as previous sections */
.school-section {
    width: 100%;
    padding: 50px 0;
    background-color: #ffffff;
    position: relative;
    overflow: visible;
}

.school-section:nth-child(even) {
    background-color: #f9fafb;
}

/* Content wrapper with exact dimensions */
.content-wrapper {
    position: relative;
    display: flex;
    height: 500px; /* Fixed height as specified */
    width: 100%;
}

/* Left content with award information */
.left-content {
    width: 46.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

/* Award description container */
.contest-description {
    width: 550px;
    text-align: left;
}

.contests-title {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
}

.contests-text {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #4b5563;
    text-align: left;
}

/* Right content - award ceremony image */
.right-content {
    position: absolute;
    left: 46.1%; /* Start exactly where left column ends */
    width: 53.9%; /* Remaining width */
    height: 100%;
    overflow: hidden;
}

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

/* Responsive styles */
@media (max-width: 1400px) {
    .content-wrapper {
        height: 450px;
    }
}

@media (max-width: 1200px) {
    .content-wrapper {
        height: 400px;
    }
    
    .contest-description {
        width: 300px;
    }
    
    .contests-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 992px) {    
    .content-wrapper {
        height: 350px;
    }
    
    .contest-description {
        width: 280px;
    }
    
    .contests-text {
        font-size: 15px;
    }
    
    .contests-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    /* Stack vertically on mobile */
    .content-wrapper {
        flex-direction: column;
        height: auto;
    }
    
    .left-content {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    
    .right-content {
        position: relative;
        left: 0;
        width: 100%;
        height: 250px;
    }
    
    .contests-title {
        font-size: 1.5rem;
        text-align: center;
    }
    
    .contest-description {
        width: 100%;
        max-width: 550px;
    }
}

@media (max-width: 576px) {
    .contests-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    
    .contests-text {
        font-size: 15px;
    }
    
    .contest-description {
        width: 90%;
    }
    
    .right-content {
        height: 200px;
    }
}












/* Convocations Section Styles */
.convocations-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.convocations-gallery {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.convocation-image {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    height: 240px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.convocation-image picture {
    display: block;
    width: 100%;
    height: 100%;
}

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

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

/* Visitors Section Styles */
.visitors-section {
    padding: 4rem 0;
    background-color: #f9fafb;
}

.visitors-boxes {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.visitor-box {
    flex: 0 0 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.visitor-image {
    height: 200px;
    overflow: hidden;
}

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

.visitor-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1E3C72;
    padding: 1rem;
    text-align: center;
}

.visitor-text {
    font-size: 0.95rem;
    color: #4b5563;
    padding: 0 1rem 1.5rem;
    line-height: 1.6;
    text-align: center;
}








/* International Linkages Section */
.linkages-section {
    position: relative;
    z-index: 1; /* Create new stacking context */
    clear: both; /* Clear any floating elements */
    padding: 0 0 5rem 0;
    background-color: #ffffff;
}

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

.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 */
.linkages-images-container {
    display: flex;
    width: 100%;
    margin-bottom: 2.5rem;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

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

.linkages-logos img {
    width: 100%;
    height: auto; /* Maintain natural aspect ratio */
    display: block;
}

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

.linkages-photo img {
    width: 100%;
    height: auto; /* Maintain natural aspect ratio */
    display: block;
}

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

/* Responsive adjustments */
@media (max-width: 1400px) {
    .linkages-images-container {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .linkages-images-container {
        flex-direction: column; /* Stack images on mobile */
    }
    
    .linkages-logos,
    .linkages-photo {
        width: 100%; /* Full width on mobile */
    }
    
    .linkages-title {
        font-size: 1.75rem;
    }
    
    .linkages-description {
        padding: 0 1rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .linkages-section {
        padding: 3rem 0;
    }
    
    .linkages-title {
        font-size: 1.5rem;
    }
}











/* UGRAD Scholars Section Styles */
.ugrad-section {
    padding: 4rem 0;
    background-color: #f9fafb;
}

.ugrad-scholars {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.scholar-box {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.scholar-image {
    height: 200px;
    overflow: hidden;
}

.scholar-image picture {
    display: block;
    width: 100%;
    height: 100%;
}

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

.scholar-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1E3C72;
    padding: 1rem;
    text-align: center;
}

.scholar-text {
    font-size: 0.95rem;
    color: #4b5563;
    padding: 0 1rem 1.5rem;
    line-height: 1.6;
    text-align: center;
}

/* Section Caption - reusable */
.section-caption {
    display: block;
    color: #1E3C72;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    letter-spacing: 0.5px;
    text-align: center;
}

/* Section Caption - Center aligned variant */
.section-caption-center {
    display: block;
    color: #1E3C72;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    letter-spacing: 0.5px;
    text-align: center;
}

/* Growth Window - A New Chapter in Global Collaboration Section */
.gw-new-chapter-section {
    padding: 4rem 0 3rem;
    background-color: #ffffff;
}

.gw-new-chapter-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 2rem;
}

.gw-new-chapter-banner {
    width: 100%;
    margin-bottom: 2rem;
}

.gw-new-chapter-banner picture {
    display: block;
    width: 100%;
}

.gw-new-chapter-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.gw-new-chapter-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    text-align: center;
    max-width: 950px;
    margin: 0 auto 2rem;
}

.gw-new-chapter-cta {
    text-align: center;
}

/* Responsive Styles for GW New Chapter Section */
@media (max-width: 768px) {
    .gw-new-chapter-section {
        padding: 3rem 0 2rem;
    }

    .gw-new-chapter-title {
        font-size: 1.75rem;
        padding: 0 1rem;
    }

    .gw-new-chapter-text {
        font-size: 0.9rem;
        padding: 0 1rem;
    }

    .section-caption-center {
        font-size: 1.15rem;
    }
}

@media (max-width: 576px) {
    .gw-new-chapter-title {
        font-size: 1.5rem;
    }

    .gw-new-chapter-text {
        font-size: 0.85rem;
    }

    .section-caption-center {
        font-size: 1.15rem;
    }
}

/* Three Core Pillars Section Styles */
.pillars-subtitle-wrapper {
    background-color: #ffffff;
    padding: 3rem 0 1.5rem;
}

.pillars-subtitle-wrapper .section-subtitle {
    text-align: center;
    margin-bottom: 0;
    color: #1E3C72;
    font-size: 1.15rem;
    font-weight: 700;
}

.pillars-section {
    background-color: #f0f4f8;
    padding: 0;
}

.pillars-banner {
    width: 100%;
}

.pillars-banner img {
    width: 100%;
    height: auto;
}

.pillars-banner img.pillars-desktop {
    display: block;
}

.pillars-banner img.pillars-mobile {
    display: none;
}

/* Mobile-only texts - hidden on desktop */
.pillars-mobile-intro,
.pillars-mobile-description {
    display: none;
}

/* Responsive Design for Pillars Section */
@media (max-width: 768px) {
    .pillars-subtitle-wrapper {
        background-color: #f0f4f8;
        padding: 2rem 0 1rem;
    }

    .pillars-banner img.pillars-desktop {
        display: none;
    }

    .pillars-banner img.pillars-mobile {
        display: block;
    }

    .pillars-section {
        padding: 0;
        background-color: #f0f4f8;
    }

    .pillars-mobile-intro {
        display: block;
        font-size: 1.25rem;
        font-weight: 600;
        color: #1E3C72;
        text-align: center;
        margin-top: 0.5rem;
        line-height: 1.4;
    }

    .pillars-mobile-description {
        display: block;
        font-size: 0.95rem;
        color: #4b5563;
        text-align: center;
        line-height: 1.6;
        margin-top: 1.5rem;
        padding: 0 1rem 1.5rem;
    }
}

/* Growth Window Expanding Section */
.gw-expanding-section {
    padding: 4rem 0 3rem;
    background-color: #ffffff;
}

.gw-expanding-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 2.5rem;
}

.gw-expanding-columns {
    display: flex;
    justify-content: center;
    gap: 4rem;
    margin-bottom: 2.5rem;
}

.gw-expanding-column {
    text-align: center;
}

.gw-expanding-column-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1E3C72;
    margin-bottom: 0.5rem;
}

.gw-expanding-column-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b5563;
}

.gw-expanding-banner {
    width: 100%;
    margin-bottom: 2rem;
}

.gw-expanding-banner picture {
    display: block;
    width: 100%;
}

.gw-expanding-banner img {
    width: 100%;
    height: auto;
    display: block;
}

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

/* Responsive Styles for GW Expanding Section */
@media (max-width: 768px) {
    .gw-expanding-section {
        padding: 3rem 0 2rem;
    }

    .gw-expanding-title {
        font-size: 1.75rem;
        padding: 0 1rem;
    }

    .gw-expanding-columns {
        flex-direction: column;
        gap: 2rem;
    }

    .gw-expanding-column-title {
        font-size: 1rem;
    }

    .gw-expanding-column-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .gw-expanding-title {
        font-size: 1.5rem;
    }
}

/* Entrepreneurial University Section */
.entrepreneurial-university-section {
    padding: 4rem 0 0;
    background-color: #ffffff;
}

.entrepreneurial-university-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.entrepreneurial-university-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    text-align: center;
    max-width: 950px;
    margin: 0 auto 1rem;
}

.entrepreneurial-university-text:last-of-type {
    margin-bottom: 2.5rem;
}

.entrepreneurial-university-banner {
    width: 100%;
}

.entrepreneurial-university-banner picture {
    display: block;
    width: 100%;
}

.entrepreneurial-university-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile Only Text for Entrepreneurial Section - Hidden by default */
.entrepreneurial-mobile-text {
    display: none;
    padding: 2rem 1.5rem;
    text-align: center;
    background-color: #ffffff;
}

.entrepreneurial-mobile-text p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

/* Read More Button for Entrepreneurial Section */
.entrepreneurial-cta {
    text-align: center;
    padding: 2rem 0;
    background-color: #ffffff;
}

/* Responsive Styles for Entrepreneurial University Section */
@media (max-width: 992px) {
    /* Hide desktop text on mobile */
    .entrepreneurial-desktop-only {
        display: none;
    }

    /* Show mobile-only text */
    .entrepreneurial-mobile-text {
        display: block;
    }
}

@media (max-width: 768px) {
    .entrepreneurial-university-section {
        padding: 3rem 0 0;
    }

    .entrepreneurial-university-title {
        font-size: 1.75rem;
        padding: 0 1rem;
    }

    .entrepreneurial-university-text {
        font-size: 0.9rem;
        padding: 0 1rem;
    }
}

@media (max-width: 576px) {
    .entrepreneurial-university-title {
        font-size: 1.5rem;
    }

    .entrepreneurial-university-text {
        font-size: 0.85rem;
    }

    .entrepreneurial-mobile-text p {
        font-size: 0.9rem;
    }
}

/* Pioneering Scholars Section */
.pioneering-scholars-section {
    padding: 4rem 0 0;
    background-color: #ffffff;
}

.pioneering-scholars-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.pioneering-scholars-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    text-align: center;
    max-width: 950px;
    margin: 0 auto 2.5rem;
}

/* Mobile Only Text for Pioneering Scholars Section - Hidden by default */
.pioneering-scholars-mobile-text {
    display: none;
    padding: 2rem 1.5rem;
    text-align: center;
    background-color: #ffffff;
}

.pioneering-scholars-mobile-text p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

.pioneering-scholars-grid {
    background-color: #1E3C72;
    padding: 3rem 2rem;
    display: flex;
    justify-content: center;
    gap: 4rem;
}

.pioneering-scholar {
    text-align: center;
    max-width: 280px;
}

.pioneering-scholar-image {
    margin: 0 auto 1.25rem;
}

.pioneering-scholar-image img {
    width: 250px;
    height: 250px;
    object-fit: cover;
}

.pioneering-scholar-name {
    font-size: 1.15rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.5rem;
}

.pioneering-scholar-credentials {
    font-size: 0.8rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.5rem;
}

.pioneering-scholar-university {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
}

/* Responsive Styles for Pioneering Scholars Section */
@media (max-width: 992px) {
    /* Hide desktop text on mobile */
    .pioneering-scholars-desktop-only {
        display: none;
    }

    /* Show mobile-only text */
    .pioneering-scholars-mobile-text {
        display: block;
    }

    .pioneering-scholars-grid {
        gap: 2rem;
        padding: 2.5rem 1.5rem;
    }

    .pioneering-scholar {
        max-width: 220px;
    }

    .pioneering-scholar-image img {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 768px) {
    .pioneering-scholars-section {
        padding: 3rem 0 0;
    }

    .pioneering-scholars-title {
        font-size: 1.75rem;
        padding: 0 1rem;
    }

    .pioneering-scholars-text {
        font-size: 0.9rem;
        padding: 0 1rem;
    }

    .pioneering-scholars-grid {
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
        padding-left: 0;
        padding-right: 0;
    }

    .pioneering-scholar {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    /* Reorder elements: name first, then image, then credentials, then university */
    .pioneering-scholar-name {
        order: 1;
        margin-bottom: 1rem;
    }

    .pioneering-scholar-image {
        width: 100%;
        order: 2;
        margin-bottom: 1rem;
    }

    .pioneering-scholar-image img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .pioneering-scholar-credentials {
        order: 3;
    }

    .pioneering-scholar-university {
        order: 4;
    }
}

@media (max-width: 576px) {
    .pioneering-scholars-title {
        font-size: 1.5rem;
    }

    .pioneering-scholars-text {
        font-size: 0.85rem;
    }

    .pioneering-scholar-name {
        font-size: 1.05rem;
    }

    .pioneering-scholar-credentials {
        font-size: 0.75rem;
    }

    .pioneering-scholar-university {
        font-size: 0.9rem;
    }
}

/* Diplomats and Commercial Attachés Meetup Section */
.diplomats-section {
    background-color: #ffffff;
    padding: 4rem 0;
}

.diplomats-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    margin-bottom: 1.5rem;
}

.diplomats-description {
    font-size: 1rem;
    line-height: 1.7;
    color: #4b5563;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 2rem;
}

.diplomats-carousel-container {
    width: 100%;
    margin-bottom: 2rem;
}

.diplomats-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.diplomats-carousel-desktop {
    display: block;
}

.diplomats-carousel-mobile {
    display: none;
}

.diplomats-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.diplomats-slide {
    min-width: 100%;
    display: none;
}

.diplomats-slide.active {
    display: block;
}

.diplomats-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.diplomats-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.2);
    color: #1E3C72;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    z-index: 10;
}

.diplomats-arrow:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

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

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

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

/* Responsive Design for Diplomats Section */
@media (max-width: 768px) {
    .diplomats-carousel-desktop {
        display: none;
    }

    .diplomats-carousel-mobile {
        display: block;
    }

    .diplomats-section {
        padding: 3rem 0;
    }

    .diplomats-title {
        font-size: 1.75rem;
        padding: 0 1rem;
    }

    .diplomats-description {
        font-size: 0.95rem;
        padding: 0 1rem;
    }

    .diplomats-arrow {
        width: 40px;
        height: 40px;
    }

    .diplomats-arrow-left {
        left: 10px;
    }

    .diplomats-arrow-right {
        right: 10px;
    }
}

@media (max-width: 480px) {
    .diplomats-title {
        font-size: 1.5rem;
    }
}

/* Community Services Section */
.community-services-section {
    padding: 4rem 0 0;
    background-color: #ffffff;
}

.community-services-title {
    font-size: 2rem;
    font-weight: 600;
    color: #1E3C72;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}

.community-services-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    text-align: center;
    max-width: 950px;
    margin: 0 auto 2.5rem;
}

/* Mobile Only Text for Community Services Section - Hidden by default */
.community-services-mobile-text {
    display: none;
    padding: 2rem 1.5rem;
    text-align: center;
    background-color: #ffffff;
}

.community-services-mobile-text p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

.community-services-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    margin-bottom: 2.5rem;
}

.community-logo img {
    height: 120px;
    width: auto;
    object-fit: contain;
}

.community-services-banner {
    display: flex;
    width: 100%;
}

.community-services-image {
    flex: 1;
}

.community-services-image picture {
    display: block;
    width: 100%;
}

.community-services-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive Styles for Community Services Section */
@media (max-width: 992px) {
    /* Hide desktop text on mobile */
    .community-services-desktop-only {
        display: none;
    }

    /* Show mobile-only text */
    .community-services-mobile-text {
        display: block;
    }

    .community-services-logos {
        gap: 2rem;
    }

    .community-logo img {
        height: 90px;
    }
}

@media (max-width: 768px) {
    .community-services-section {
        padding: 3rem 0 0;
    }

    .community-services-title {
        font-size: 1.75rem;
        padding: 0 1rem;
    }

    .community-services-text {
        font-size: 0.9rem;
        padding: 0 1rem;
    }

    .community-services-logos {
        flex-direction: column;
        gap: 1.5rem;
    }

    .community-logo img {
        height: 80px;
    }

    .community-services-banner {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .community-services-title {
        font-size: 1.5rem;
    }

    .community-services-text {
        font-size: 0.85rem;
    }
}

/* Entrepreneurial Mindset Section Styles */
.entrepreneurial-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

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

.entrepreneurial-image-container {
    width: 100%;
    height: auto;
    margin-bottom: 2.5rem;
    overflow: hidden;
}

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

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

.entrepreneurial-cta {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
}

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

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










/* Community Services Section - using the same structure as previous sections */
.school-section {
    width: 100%;
    padding: 50px 0;
    background-color: #ffffff;
    position: relative;
    overflow: visible;
}

.school-section:nth-child(even) {
    background-color: #f9fafb;
}

/* Content wrapper with exact dimensions */
.content-wrapper {
    position: relative;
    display: flex;
    height: 500px; /* Fixed height as specified */
    width: 100%;
}

/* Left content with community services information */
.left-content {
    width: 46.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

/* Community services description container */
.contest-description {
    width: 550px;
    text-align: left;
}

.contests-title {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
}

.contests-text {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #4b5563;
    text-align: left;
}

/* Right content - community service image */
.right-content {
    position: absolute;
    left: 46.1%; /* Start exactly where left column ends */
    width: 53.9%; /* Remaining width */
    height: 100%;
    overflow: hidden;
}

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

/* Responsive styles */
@media (max-width: 1400px) {
    .content-wrapper {
        height: 450px;
    }
}

@media (max-width: 1200px) {
    .content-wrapper {
        height: 400px;
    }
    
    .contest-description {
        width: 300px;
    }
    
    .contests-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 992px) {    
    .content-wrapper {
        height: 350px;
    }
    
    .contest-description {
        width: 280px;
    }
    
    .contests-text {
        font-size: 15px;
    }
    
    .contests-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    /* Stack vertically on mobile */
    .content-wrapper {
        flex-direction: column;
        height: auto;
    }
    
    .left-content {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    
    .right-content {
        position: relative;
        left: 0;
        width: 100%;
        height: 250px;
    }
    
    .contests-title {
        font-size: 1.5rem;
        text-align: center;
    }
    
    .contest-description {
        width: 100%;
        max-width: 550px;
    }
}

@media (max-width: 576px) {
    .contests-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    
    .contests-text {
        font-size: 15px;
    }
    
    .contest-description {
        width: 90%;
    }
    
    .right-content {
        height: 200px;
    }
}











/* Accreditations Section Styles */
.accreditations-section {
    padding: 1rem 0;
    background-color: #ffffff;
}

.accreditations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 3rem auto 2rem;
    max-width: 1100px;
}

.accreditation-item {
    border: 1px solid #e0e0e0;
    padding: 1.5rem;
    text-align: center;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.accreditation-logo {
    height: 200px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accreditation-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.accreditation-details {
    margin-top: 1rem;
}

.accreditation-name {
    font-size: 1rem;
    font-weight: 600;
    color: #1E3C72;
    margin-bottom: 0.25rem;
}

.accreditation-location {
    font-size: 0.9rem;
    color: #6b7280;
}

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

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .women-empowerment-title,
    .community-title {
        font-size: 1.6rem;
    }
    
    .entrepreneurial-title,
    .linkages-title {
        font-size: 2rem;
    }
    
    .convocation-image,
    .scholar-box {
        flex: 0 0 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }
}

@media (max-width: 992px) {
    .women-empowerment-layout,
    .community-layout {
        flex-direction: column;
    }
    
    .women-empowerment-image,
    .community-image {
        margin-top: 2rem;
        order: -1;
    }
    
    .linkages-images-container {
        flex-direction: column;
    }
    
    .linkages-logos,
    .linkages-photo {
        width: 100%;
    }
    
    .linkages-logos {
        margin-bottom: 2rem;
    }
    
    .visitor-box {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
    
    .convocation-image,
    .scholar-box {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
    
    .accreditations-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .section {
        padding: 3rem 0;
    }
    
    .section-title {
        font-size: 1.75rem;
    }
    
    .women-empowerment-title,
    .community-title {
        font-size: 1.5rem;
    }
    
    .entrepreneurial-title,
    .linkages-title {
        font-size: 1.75rem;
    }
    
    .section-text,
    .linkages-description,
    .entrepreneurial-description {
        font-size: 1rem;
        padding: 0 1rem;
    }
    
    .visitor-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .convocation-image,
    .scholar-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .section {
        padding: 2.5rem 0;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .women-empowerment-title,
    .community-title {
        font-size: 1.4rem;
    }
    
    .entrepreneurial-title,
    .linkages-title {
        font-size: 1.5rem;
    }
    
    .visitor-name,
    .scholar-name {
        font-size: 1.1rem;
    }
    
    .visitor-text,
    .scholar-text {
        font-size: 0.9rem;
    }
    
    .accreditations-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}





/* US Consulate Delegation Section - using the same structure as Credence Contests */


.school-section {
    position: relative;
    overflow: hidden; /* Change from visible to hidden */
    margin-bottom: 30px; /* Add bottom margin for separation */
}


.school-section:nth-child(even) {
    background-color: #f9fafb;
}

/* Content wrapper - using exact dimensions provided */
.content-wrapper {
    position: relative;
    display: flex;
    height: 500px;
    width: 100%;
    z-index: 1; /* Ensure proper stacking context */
}

/* Left content with delegation details */
.left-content {
    width: 46.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}

/* Delegation description */
.contest-description {
    width: 550px;
    text-align: left;
}

.contests-title {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
}

.contests-text {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #4b5563;
    text-align: left;
}

/* Right content - full width image */
.right-content {
    position: absolute;
    left: 46.1%; /* Start exactly where left column ends */
    width: 53.9%; /* Remaining width */
    height: 100%;
    overflow: hidden;
}

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

/* Responsive styles */
@media (max-width: 1400px) {
    .content-wrapper {
        height: 450px;
    }
}

@media (max-width: 1200px) {
    .content-wrapper {
        height: 400px;
    }
    
    .contest-description {
        width: 300px;
    }
    
    .contests-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 992px) {    
    .content-wrapper {
        height: 350px;
    }
    
    .contest-description {
        width: 280px;
    }
    
    .contests-text {
        font-size: 15px;
    }
    
    .contests-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    /* Stack vertically on mobile */
    .content-wrapper {
        flex-direction: column;
        height: auto;
    }
    
    .left-content {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    
    .right-content {
        position: relative;
        left: 0;
        width: 100%;
        height: 250px;
    }
    
    .contests-title {
        font-size: 1.5rem;
        text-align: center;
    }
    
    .contest-description {
        width: 100%;
        max-width: 550px;
    }
}

@media (max-width: 576px) {
    .contests-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    
    .contests-text {
        font-size: 15px;
    }
    
    .contest-description {
        width: 90%;
    }
    
    .right-content {
        height: 200px;
    }
}








/* International Linkages & Collaborations Section */
.international-linkages-section {
    padding: 4rem 0;
    background-color: #ffffff;
}

.linkages-intro {
    text-align: center;
    font-size: 1rem;
    line-height: 1.6;
    color: #4b5563;
    margin-bottom: 3rem;
}

/* Full width banner */
.linkages-banner {
    width: 100%;
    margin-bottom: 3rem;
    overflow: hidden;
}

.linkages-banner picture {
    display: block;
    width: 100%;
}

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

/* Mobile Only Banner - Hidden by default */
.linkages-banner-mobile {
    display: none;
    width: 100%;
    margin-bottom: 1.5rem;
}

.linkages-banner-mobile picture {
    display: block;
    width: 100%;
}

.linkages-banner-mobile img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile Only Text for International Linkages - Hidden by default */
.linkages-mobile-text {
    display: none;
    padding: 0 1.5rem 2rem;
    text-align: center;
}

.linkages-mobile-text p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

/* Partners Grid */
.partners-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 1.5rem;
}

/* Hidden partners grid - initially hidden */
.partners-grid.partners-hidden {
    display: none;
    margin-top: 0;
}

.partners-grid.partners-hidden.show {
    display: grid;
}

/* Partner Box */
.partner-box {
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

/* Partner Image - No margins on left, right, top */
.partner-image {
    width: 100%;
    margin: 0;
}

.partner-image picture {
    display: block;
    width: 100%;
}

.partner-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Partner Description */
.partner-description {
    padding: 15px;
}

.partner-description p {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #666;
    margin: 0;
    text-align: left;
}

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

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

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

/* Responsive Design */
@media (max-width: 1200px) {
    .partners-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .partner-description {
        padding: 12px;
    }
}

@media (max-width: 992px) {
    .partners-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Hide desktop elements on mobile */
    .linkages-desktop-only {
        display: none;
    }

    .linkages-banner-desktop {
        display: none;
    }

    /* Show mobile elements */
    .linkages-banner-mobile {
        display: block;
    }

    .linkages-mobile-text {
        display: block;
    }
}

@media (max-width: 768px) {
    .international-linkages-section {
        padding: 3rem 0;
    }

    .linkages-intro {
        padding: 0 1rem;
        font-size: 0.95rem;
    }

    .partner-description p {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {
    .partners-grid {
        grid-template-columns: 1fr;
    }
    
    .section-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 1.5rem;
    }
    
    .linkages-intro {
        font-size: 0.9rem;
    }
}