.slide-wrapper {
    width: 80% !important;
}

@media screen and (max-width: 1200px) {
    .slide-wrapper {
        width: 70% !important;
    }
}

@media screen and (max-width: 900px) {
    .slide--text {
        font-size: 60px !important;
        line-height: 60px !important;
    }
}

@media screen and (max-width: 600px) {
    .slide--text {
        font-size: 40px !important;
        line-height: 60px !important;
    }
}

@media screen and (max-width: 550px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .slide-wrapper {
        width: 100% !important;
    }

    .slide--card {
        width: 100%;
    }

    h2.slide--text {
        text-align: center !important;
    }

    a.slide--cta {
        margin-right: auto;
        width: 100% !important;
        max-width: 330px;
    }
}



h2 {
    font-size: 60px;
    margin: 0px;
}

section#give-options {
    padding-bottom: 260px;
    padding-top: 70px;
}

section#give-options > .wp-block-group__inner-container {
    display: flex;
    width: 100%;
    max-width: 1460px;

    /* convert this into a utility class for wordpress parent objects */
}

section#give-options .column--text {
    flex-basis: 60%;
    border-right: 3px solid white;
    padding: 40px 90px;
}

section#give-options .column--text h3 {
    font-size: 40px;
}

section#give-options .column--text a {
    width: 214px;
    height: 53px;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section#give-options .column--form {
    flex-basis: 40%;
    border-left: 3px solid white;
    padding: 40px 90px;
}


@media screen and (max-width: 900px) {
    section#give-options > .wp-block-group__inner-container {
        flex-direction: column-reverse;
    }

    section#give-options .column--text {
        border-right: 0px solid white !important; 
        padding: 40px 5%;
    }

    section#give-options .column--form {
        border-left: 0px solid white !important;
        padding: 40px 5%;
    }
    
}






#passion-and-compassion {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    border-radius: 64px;
    background-color: #C0DD80;
    padding: 100px;
    position: relative;
    top: -180px;
}

#passion-and-compassion h2 {
    font-size: 60px;
    margin: 0px;
}

@media screen and (max-width: 500px) {
    #passion-and-compassion {
        padding: 100px 20px !important;
    }

    
    #passion-and-compassion h2  {
        font-size: 40px;
    }
}

#passion-and-compassion p.passion-text {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 50px;
}



#passion-and-compassion .three-col > .wp-block-group__inner-container {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto !important;
    display: flex;
    gap: 30px 60px;
    flex-wrap: wrap;
    justify-content: center;
}

.passion-column h4 {
    margin-bottom: 0px;
    font-size: 22px;
}



#our-goal {
    position: relative;
    top: -100px;
}

#our-goal.our-mission {
    top: 0px !important;
}

#our-goal > .wp-block-group__inner-container {
    display: flex;
    width: 100%;
    max-width: 1460px;
}

.our-goal__img {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
}

.our-goal__text {
    flex-basis: 50%;
    display: flex;
    align-items: center;
}

.our-goal__text a {
    font-size: 24px;
}

@media screen and (max-width: 1200px) {
    #our-goal > .wp-block-group__inner-container {
        flex-direction: column;
    }

    .our-goal__text > .wp-block-group__inner-container {
        padding: 0px 20px;
    }

    .our-goal__text > .wp-block-group__inner-container h2,
    .our-goal__text > .wp-block-group__inner-container .wp-block-buttons {
        justify-content: center;
        text-align: center;
    }

}