/* 
 * Custom CSS
 * Add your custom styles here - no compilation needed!
 */


/*General */

.o-container {
    padding: 40px 15px;
}

.blockh1,
.block h2,
.block h3 {
    margin: 0;
}


/*main content*/

.main-content .o-container {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.main-content .c-btn {
    width: fit-content;
}

.main-content .o-container .c-main-content__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-content .o-container .c-main-content__container .c-main-content__copy {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-content .o-container .c-main-content__container .c-main-content__copy p {
    margin: 0;
}

.main-content .o-container .c-main-content__container.full {
    width: 100%;
}

.main-content .o-container .c-main-content__container.six-six {
    width: 66.66%;
}

.main-content .o-container .c-main-content__container.fifty {
    width: 50%;
}

.main-content .o-container .c-main-content__image {
    flex: 1;
}

@media (max-width: 768px) {
    .main-content .o-container {
        flex-direction: column;
    }

    .main-content .o-container .c-main-content__container.six-six,
    .main-content .o-container .c-main-content__container.fifty {
        width: 100%;
    }

    .main-content .o-container .c-main-content__image {
        flex: none;
        height: 300px;
    }
}

/*CTA*/
.cta .o-container .c-cta__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cta .o-container .c-cta__container.center {
    align-items: center;
    text-align: center;
    justify-content: center;
}

.cta .o-container .c-cta__container .superheading {
    font-size: 14px;
    text-transform: uppercase;
}