* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Aisha Main */
.aishaEnglish {
    background-color: #009b94;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.header-container {
    width: 1440px;
}

.mainContainer {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.heroBackground {
    position: relative;
    min-height: 798px;
    width: 100%;
    background-image: url("../images/hero-section-background-dark.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.backgroundImage {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.heroContent {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    /* padding: 0 150px 70px 150px; */
    z-index: 1000;
}

.toprightlogo {
    position: absolute;
    width: 160px;
    right: 7px;
    top: 40px;
}

.leftbottomlogo {
    position: absolute;
    width: 600px;
    left: -106px;
    top: 190px;
}

@media (max-width: 991px) {
    .mainContainer,
    .heroBackground,
    .heroContent {
        max-width: 100%;
    }

    .heroContent {
        padding: 0 70px 40px 70px;
    }

    .toprightlogo {
        display: none;
    }
}

@media (max-width: 600px) {
    .mainContainer,
    .heroBackground,
    .heroContent {
        max-width: 100%;
    }

    .heroContent {
        padding: 0 40px 30px 40px;
    }
}

/* Header */

.mainHeader {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 10px 0px;
    position: relative;
    flex-direction: row;
}

.logo {
    display: flex;
    align-items: center;
}

.logoImage {
    width: 186px;
    height: auto;
}

.pagechange a {
    color: #fff;
    font: 700 16px/90px;
}

.arabic {
    padding-right: 15px;
}

.navigation {
    display: flex;
    align-items: center;
    gap: 55px;
}

.navLink {
    color: #fff;
    font: 600 16px/90px;
    text-decoration: none;
}

    .navLink:hover {
        color: #ea0029;
    }

.navBtn {
    background-color: #009b94;
    color: #fff;
    padding: 10px 20px;
    border-radius: 24px;
    font-size: 16px;
    cursor: pointer;
    border: none;
}

    .navBtn:hover {
        background-color: #6f1120;
        color: #cecece;
    }

.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.hamburger-line {
    width: 25px;
    height: 3px;
    background-color: #303030;
}

@media (max-width: 991px) {
    .hamburger {
        display: flex;
    }

    .mainHeader {
        padding: 10px 0px;
    }

    .navigation {
        display: none;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 5px 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }

        .navigation.active {
            display: flex;
        }

    .navLink {
        font-size: 16px;
        line-height: 24px;
    }

    .navBtn {
        display: none;
        margin-bottom: 10px;
        width: 100%;
    }
}

/* Switch button */

.switchContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 60px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    padding: 0 60px;
    margin-top: 58px;
    max-height: 61px;
    flex-direction: row;
}

.benefit,
.contribute {
    font: 600 16px/90px;
}

.benefit {
    color: #303030;
}

.contribute {
    color: #ea0029;
}

.toggle {
    margin: 0px 20px;
}

/* Container for the toggle */
.toggleSwitch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    /* Hide default checkbox */
    .toggleSwitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The track */
.slider {
    position: absolute;
    cursor: pointer;
    background-color: #009b94;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    transition: background-color 0.3s;
}

    /* The circular slider */
    .slider::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        border-radius: 50%;
        transition: transform 0.3s;
    }

/* Toggled state */
.toggleSwitch input:checked + .slider {
    background-color: #009b94;
}

    .toggleSwitch input:checked + .slider::before {
        transform: translateX(26px);
    }

/* Responsive for Tablet */
@media (max-width: 991px) {
    .switchContainer {
        padding: 10px 40px;
        margin-top: 40px;
    }

    .benefit,
    .contribute {
        font: 500 14px/40px;
    }

    .toggle {
        margin: 0px 15px;
    }
}

/* Responsive for Mobile */
@media (max-width: 600px) {
    .switchContainer {
        flex-direction: column;
        padding: 10px 20px;
        margin-top: 20px;
        max-height: unset;
        border-radius: 20px;
    }

    .benefit,
    .contribute {
        font: 500 14px/30px;
        text-align: center;
    }

    .toggle {
        margin: 10px 0;
    }

    .toggleSwitch {
        width: 40px;
        height: 20px;
    }

    .slider::before {
        height: 16px;
        width: 16px;
    }

    .toggleSwitch input:checked + .slider::before {
        transform: translateX(20px);
    }
}

/* Hero section */
.heroSection {
    text-align: center;
    padding: 40px 0px;
}

.heading {
    max-width: 650px;
    color: #fff;
    font: 700 64px/80px;
    margin-bottom: 20px;
}

.heroHighlight {
    color: #ea0029;
}

.highlight {
    color: #fff;
}

.subheading {
    color: #fff;
    font: 500 24px/32px;
    max-width: 800px;
    margin: 0 auto 32px;
}

.applyButton {
    background-color: #ea0029;
    color: #fff;
    font: 800 16px;
    border: none;
    border-radius: 30px;
    padding: 13px 15px;
    min-width: 150px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .applyButton:hover {
        background-color: #009b94;
    }

/* Tablet: Adjust sizes for better readability */
@media (max-width: 991px) {
    .heading {
        font-size: 40px;
        line-height: 50px;
    }

    .subheading {
        font-size: 20px;
        line-height: 28px;
        max-width: 500px;
    }

    .applyButton {
        padding: 12px 20px;
        font-size: 14px;
    }
}

/* Mobile: Optimize layout for small screens */
@media (max-width: 600px) {
    .heroSection {
        padding: 30px 15px;
    }

    .heading {
        font-size: 28px;
        line-height: 38px;
    }

    .subheading {
        font-size: 18px;
        line-height: 26px;
        max-width: 100%;
        padding: 0 10px;
    }

    .applyButton {
        padding: 10px 18px;
        font-size: 14px;
        min-width: 130px;
    }
}

/* Partner Section */
.partnersSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    padding: 50px 0px;
}

.partnersTitle {
    color: #fff;
    font: 700 24px;
    margin-bottom: 20px;
}

.logoContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 55px;
    flex-wrap: wrap;
}

.partnerLogo {
    width: 126px;
    height: 70px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

    .partnerLogo:hover {
        transform: scale(1.03);
    }

/* Tablet: Adjust spacing for better fit */
@media (max-width: 991px) {
    .partnersSection {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0px;
    }

    .partnersTitle {
        color: #fff;
        font: 700 20px/28px;
        margin-bottom: 10px;
    }

    .logoContainer {
        gap: 50px;
    }

    .partnerLogo {
        width: 110px;
    }
}

/* Mobile: Stack logos and reduce size */
@media (max-width: 600px) {
    .logoContainer {
        flex-direction: column;
        gap: 20px;
    }

    .partnersTitle {
        color: #fff;
        font: 700 18px/26px;
        margin-bottom: 10px;
    }

    .partnerLogo {
        width: 100px;
    }
}

/* About section */

.about-container {
    width: 1440px;
}

.aboutSection {
    width: 1440px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0px;
}

.textContent {
    flex: 1;
}

.aboutSubheading {
    color: #ea0029;
    font-size: 16px;
    font-weight: 600;
    line-height: 90px;
}

.aboutTitle {
    font: 500 44px/64px;
    margin-bottom: 18px;
}

.bold {
    font-weight: 700;
}

.highlight {
    color: #fff;
    font-weight: 700;
}

.aboutDescription {
    font: 400 16px/28px;
    color: #303030;
    margin-bottom: 18px;
}

.aboutButton {
    background-color: #00b9b3;
    color: #fff;
    font: 600 16px;
    border: none;
    border-radius: 30px;
    padding: 13px 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .aboutButton:hover {
        background-color: #009b94;
    }

.imageContainer {
    flex: 1;
}

.aboutImage {
    width: 656px;
    height: auto;
}

@media (max-width: 991px) {
    .aboutSection {
        flex-direction: column;
        padding: 40px 40px;
    }

    .textContent {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .aboutTitle {
        font-size: 40px;
        line-height: 50px;
    }

    .aboutDescription {
        font-size: 20px;
        line-height: 28px;
    }

    .aboutButton {
        padding: 12px 20px;
        font-size: 14px;
    }

    .aboutImage {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 600px) {
    .aboutSection {
        flex-direction: column;
        padding: 20px 20px;
    }

    .textContent {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .aboutTitle {
        font-size: 28px;
        line-height: 38px;
    }

    .aboutDescription {
        font-size: 18px;
        line-height: 26px;
    }

    .aboutButton {
        padding: 10px 18px;
        font-size: 14px;
    }

    .aboutImage {
        width: 100%;
        height: 100%;
    }
}

/* EndowmentSection  */
.endowment {
    background-image: url("../images/endownment_bg_dark.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.endowmentContainer {
    width: 1440px;
}

.sectionTitle {
    color: #fff;
    font: 700 44px/1;
    justify-content: right;
    margin-bottom: 11px;
}

.endownmentSubheating {
    color: #ea0029;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
}



.endownmentTitle {
    color: #fff;
    font: 500 44px/1;
    text-align: center;
    margin-bottom: 30px;
}

.highlight {
    color: #fff;
}

.cardsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 32px;
    width: 1440px;
}

.pathwayCard {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    max-width: 545px;
    height: 212px;
    display: flex;
}

    .pathwayCard:hover {
        transform: scale(1.03);
    }

.pathwayLeft {
    margin-bottom: 30px;
}

.pathwayright {
    margin: 60px 0px 30px 0px;
}

.pathwayImage {
    width: 178px;
    height: 100%;
    object-fit: cover;
}

.pathwayContent {
    padding: 20px;
    flex: 1;
}

.pathwayTitle {
    color: #fff;
    font: 600 16px/1;
    margin-bottom: 8px;
}

.pathwayLine {
    margin: 4px 0px;
    border-bottom: 1px solid #7a7a7a;
    opacity: 0.3;
}

.pathwayDescription {
    color: #303030;
    font: 400 16px/25px;
}

@media (max-width: 991px) {
    .endowmentSection {
        padding: 40px 20px;
    }

    .sectionTitle {
        font-size: 40px;
        line-height: 50px;
    }

    .pathwayCard {
        width: 100%;
        flex-direction: column;
    }

    .pathwayImage {
        width: 100%;
        height: 200px;
    }
}

@media (max-width: 600px) {
    .endowmentSection {
        padding: 40px 20px;
    }

    .sectionTitle {
        font-size: 28px;
        line-height: 38px;
    }

    .pathwayCard {
        width: 100%;
        flex-direction: column;
    }

    .pathwayImage {
        width: 100%;
        height: 200px;
    }
}

/* Our Stories */
.storiesSection {
    padding: 60px 0px;
}

.storiesSubheading {
    color: #ea0029;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
}

.storycontainer {
    width: 1440px;
}

.successTitle {
    font: 700 44px/1;
    text-align: start;
    margin-bottom: 30px;
}

.storysubheating {
    color: #ea0029;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
}

.storytitle {
    font: 700 44px/1;
    text-align: start;
    margin-bottom: 30px;
}


.successDescription {
    color: #fff;
    font: 700 22px/32px;
    margin-bottom: 16px;
}


.bold {
    color: #000;
}

.highlight {
    color: #000;
}

.successDescription {
    color: #303030;
    font: 600 18px/28px;
    text-align: start;
    margin-bottom: 20px;
}

.storyRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.storyCard {
    border-radius: top;
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0px 20px 20px 0px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 30px 50px 30px 30px;
}

.storyImg {
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1;
}

.storyContent {
    padding-right: 26px;
}

.storyTitle {
    color: #ea0029;
    font: 600 18px;
    margin-bottom: 4px;
}

.storySubtitle {
    color: #000;
    font: 700 22px/32px;
    margin-bottom: 16px;
}

.storyDescription {
    color: #303030;
    font: 400 16px/25px;
    text-align: justify;
}

.storyimage {
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1;
}

    .storyimage img {
        object-fit: cover;
        align-items: center;
        width: 100%;
        height: 405px;
        border-radius: 20px;
    }

@media (max-width: 991px) {
    .storiesSection {
        padding: 40px 20px;
    }

    .sectionTitle {
        font-size: 40px;
        line-height: 50px;
    }

    .sectionDescription {
        font-size: 20px;
        line-height: 28px;
    }

    .storyCard {
        flex-direction: column;
    }

    .storyImage {
        width: 100%;
        height: 200px;
    }
}

@media (max-width: 600px) {
    .sectionTitle {
        font-size: 28px;
        line-height: 38px;
    }

    .sectionDescription {
        font-size: 18px;
        line-height: 26px;
    }
}

/* Ongoing Projects */
.projectsSection {
    position: relative;
    background-color: #fffbfb;
    padding: 60px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.projectContainer {
    width: 1440px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
}

.ongoingTitle {
    color: #fff;
    font: 700 44px/2;
    text-align: center;
    margin-bottom: 11px;
}

.ongoingDescription {
    color: #303030;
    font: 600 18px/28px;
    text-align: center;
    max-width: 1100px;
}

.projectCard {
    display: flex;
    align-items: center;
    gap: 49px;
}

.projectLeft {
    flex: 1;
}

.projectImage {
    width: 100%;
    border-radius: 20px;
}

.projectRight {
    flex: 1;
}

.projectTitle {
    font: 700 36px/44px;
    margin-bottom: 5px;
}

.bold {
    color: #000;
}

.highlight {
    color: #000;
}

.projectDescription {
    color: #303030;
    font: 400 16px/24px;
    margin-bottom: 22px;
}

.viewProjectButton {
    background-color: #009b94;
    color: #fff;
    font: 700 16px;
    border: none;
    border-radius: 30px;
    padding: 13px 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .viewProjectButton:hover {
        background-color: #c80023;
    }

.ongoingBackground {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.6;
}

@media (max-width: 991px) {
    .projectsSection {
        padding: 40px 20px;
    }

    .projectCard {
        flex-direction: column;
        padding: 0px 10px;
    }

    .projectImage {
        width: 100%;
    }

    .projectTitle {
        font-size: 28px;
        line-height: 36px;
    }

    .projectDescription {
        font-size: 20px;
        line-height: 28px;
    }

    .viewProjectButton {
        padding: 12px 20px;
        font-size: 14px;
    }

    .ongoingBackground {
        display: none;
    }
}

@media (max-width: 600px) {
    .projectTitle {
        font-size: 28px;
        line-height: 38px;
    }

    .projectDescription {
        font-size: 18px;
        line-height: 26px;
    }

    .viewProjectButton {
        padding: 10px 18px;
        font-size: 14px;
    }
}

/* Latest News  */

.newsSection {
    width: 1440px;
    padding: 60px 0px;
}

.news-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.sectionTitle {
    color: #fff;
    font: 700 44px/1;
    text-align: center;
    margin-bottom: 11px;
}

.sectionDescription {
    color: #303030;
    font: 600 18px/28px;
    text-align: justify;
}

.newsCard {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.mainNewsCard {
    flex: 2;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}

.mainNewsImage {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
}

.mainNewsContent {
    padding: 23px 35px;
}

.mainNewsTitle {
    color: #fff;
    font: 600 20px;
    margin-bottom: 16px;
}

.mainNewsDescription {
    color: #303030;
    font: 400 16px/25px;
}

.secondaryNewsCard {
    margin-top: 120px;
    flex: 1;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}

.secondaryNewsImage {
    width: 100%;
    height: auto;
    border-radius: 20px 20px 0 0;
}

.secondaryNewsContent {
    padding: 19px 30px 19px;
}

.secondaryNewsTitle {
    color: #fff;
    font: 600 22px/1;
    margin-bottom: 12px;
}

.secondaryNewsDescription {
    color: #303030;
    font: 400 16px/25px;
}

@media (max-width: 991px) {
    .newsSection {
        padding: 20px 20px;
    }

    .sectionTitle {
        font-size: 40px;
        line-height: 50px;
    }

    .sectionDescription {
        font-size: 20px;
        line-height: 28px;
    }

    .newsContainer {
        flex-direction: column;
    }

    .mainNewsCard {
        width: 100%;
    }

    .secondaryNewsCard {
        width: 100%;
        margin-top: 0px;
    }

    .mainNewsContent {
        padding: 30px 20px;
    }

    .secondaryNewsContent {
        padding: 30px 20px;
    }
}

@media (max-width: 600px) {
    .sectionTitle {
        font-size: 28px;
        line-height: 38px;
    }

    .sectionDescription {
        font-size: 18px;
        line-height: 26px;
    }
}

/* Legacy  */

.legacySection {
    position: relative;
    width: 100%;
    margin-bottom: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.legacyContainer {
    width: 1440px;
}

.legacyBackground {
    position: absolute;
    top: 35px;
    z-index: 1999;
    left: 0px;
}

.legacyContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex: 2;
}

.legacyTitle {
    color: #fff;
    font: 700 44px/1;
}

.quoteContainer {
    display: inline-flex;
    align-items: center;
    max-width: 500px;
}

.quoteSymbol {
    color: #fff;
    opacity: 0.1;
    font: 500 300px/1 Playfair, serif;
}

.quoteText {
    color: #fff;
    font: 900 32px/1;
    margin-bottom: 130px;
}

.legacyDescription {
    color: #ea0029;
    max-width: 600px;
    font: 600 19px/28px;
    text-align: justify;
}

.legacyImage {
    flex: 1;
    max-width: 176px;
    height: auto;
}

.contributeButton {
    background-color: #009b94;
    color: #fff;
    font: 700 16px;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 13px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
}

    .contributeButton:hover {
        background-color: #fff;
        color: #ea0029;
    }

@media (max-width: 991px) {
    .legacySection {
        flex-direction: column;
        padding: 20px 20px;
    }

    .legacyContent {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .legacyTitle {
        font-size: 40px;
        line-height: 50px;
    }

    .legacyBackground {
        display: none;
    }

    .quoteSymbol {
        font-size: 250px;
    }

    .quoteText {
        font-size: 24px;
    }

    .legacyDescription {
        font-size: 20px;
        line-height: 28px;
    }

    .legacyImage {
        max-width: 100%;
    }

    .contributeButton {
        padding: 12px 20px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .legacySection {
        margin-bottom: -600px;
    }

    .legacyTitle {
        font-size: 28px;
        line-height: 38px;
    }

    .legacyDescription {
        font-size: 18px;
        line-height: 26px;
    }

    .quoteSymbol {
        font-size: 250px;
    }

    .quoteText {
        font-size: 20px;
    }

    .contributeButton {
        padding: 10px 18px;
        font-size: 14px;
    }
}

/* Footer */
.footer {
    position: relative;
    background-image: url("../images/bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 300px 0px;
    width: 100%;
    height: 700px;
}

.footerContent {
    width: 1440px;
    margin: 0 auto;
}

.footerColumns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 38px;
    gap: 80px;
}

.aboutColumn {
    flex: 2;
    padding-right: 40px;
}

.footerLogo {
    width: 165px;
    height: auto;
    margin-bottom: 11px;
}

.aboutText {
    font: 400 15px/23px Roboto, sans-serif;
}

.boldText {
    font-weight: 800;
}

.quickLinksColumn,
.socialLinksColumn {
    flex: 1;
}

.columnTitle {
    font: 700 20px/1.4;
    margin-bottom: 13px;
}

.quickLinks {
    display: flex;
    flex-direction: column;
}

.footerLink {
    color: #fff;
    font: 400 16px/28px;
    text-decoration: none;
    margin-bottom: 5px;
}

    .footerLink:hover {
        text-decoration: underline;
    }

.socialMediaIcons {
    display: flex;
    justify-content: center;
    max-width: 160px;
    gap: 10px;
    flex-wrap: wrap;
}

.socialIcons {
    background: #fff;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    height: auto;
    margin-top: 10px;
}

.footerDivider {
    border: none;
    border-top: 1px solid #fff;
    margin: 38px 0;
}

.copyright {
    text-align: center;
    font: 400 16px/2;
}



/* iPad Air */

@media (max-width: 820px) {

    .about-container {
        width: 720px;
    }

    .partnersSection {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 30px;
        padding: 40px 0px;
    }

    .aboutButton {
        margin-top: 10px;
    }

    .cardsContainer {
        display: block;
        width: 720px;
    }

    .imageContainer {
        text-align: center;
    }

    .endownmentTitle {
        font: 500 36px/1;
    }

    .storycontainer {
        width: 720px;
    }

    .storyRight {
        display: block;
    }

    .storyCard {
        border-radius: 20px 20px 0px 0px;
    }

    .storyimage img {
        border-radius: 0px 0px 20px 20px;
    }

    .projectContainer {
        width: 720px;
    }

    .newsSection {
        width: 720px;
    }

    .newsCard {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin-top: 30px;
    }

    .pathwayCard {
        max-width: 500px;
        height: 350px;
    }

    .cardsContainer {
        display: flex;
        width: 720px;
        justify-content: center;
    }

    .pathwayright {
        margin: 0px 0px 30px 0px;
    }

    .pathwayCard {
        padding-right: 0px;
    }
    /* .footerContent {
  width: 720px;
}
.footer {
  padding: 0px;
  height: 100%;
} */

    .footer {
    }

    .contributeButton {
        margin-bottom: 0px;
    }

    .footerColumns {
        flex-direction: column;
        gap: 5px;
    }

    .aboutColumn,
    .quickLinksColumn,
    .socialLinksColumn {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .socialMediaIcons {
        justify-content: flex-start;
    }
}