.module-image-with-expandables {
    display:flex;
    flex-wrap: wrap;
    gap:3rem;
}

.module-image-with-expandables .outer-wrapper {
    display:flex;
    flex-wrap: wrap;
    gap:5rem;
}

.module-image-with-expandables h1,
.module-image-with-expandables h2,
.module-image-with-expandables h3,
.module-image-with-expandables h4,
.module-image-with-expandables h5,
.module-image-with-expandables h6 {
    margin:0;
}

.module-image-with-expandables .intro-wrapper {
    text-align: center;
    padding:2rem;
    width:100%;
}

.module-image-with-expandables .copy-wrapper {
    width:100%;
}

.module-image-with-expandables .image-wrapper {
    width:100%;
}

.module-image-with-expandables .copy-wrapper strong {
    color:var(--dark-orange);
}

.module-image-with-expandables .copy-wrapper .copy {
    font-size:1.7rem;
    line-height: 2.6rem;
    color:var(--dark-gray);
    margin-top:1rem;
}

.module-image-with-expandables .copy-wrapper .links {
    margin-top:2rem;
}

.module-image-with-expandables .copy-wrapper ul {
    margin:0;
    padding:0;
}

.module-image-with-expandables .copy-wrapper .buttons {
    margin-top:2rem;
}

.module-image-with-expandables .copy-wrapper .label {
    font-size:1.9rem;
    line-height: 2.6rem;
    margin-top:3rem;
}

.module-image-with-expandables .image-wrapper {
    position:relative;
}

.module-image-with-expandables .image-wrapper img {
    width:100%;
    height:auto;
}

.module-image-with-expandables .image-wrapper img.desktop {
    display:none;
}

.module-image-with-expandables .image-wrapper .overlay-wrapper {
    position: absolute;
    left: 1rem;
    max-width: calc(100% - 7rem);
    bottom:-1.5rem;
    background:var(--dark-orange);
    color:#fff;
    border-bottom:1.5rem solid var(--light-orange);
    padding:2rem;
    font-size:1.9rem;
    line-height: 2.3rem;
}

.module-image-with-expandables .posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap:2rem;
}

.module-image-with-expandables .posts-wrapper .faq {
    border-bottom:1px solid var(--medium-gray);
    width:100%;
    display:flex;
    flex-wrap: wrap;
    gap:1rem;
    padding-bottom:2rem;
    padding-left:5rem;
}

.module-image-with-expandables .posts-wrapper .faq:first-child {
    border-top:1px solid var(--medium-gray);
    padding-top:2rem;
}

.module-image-with-expandables .posts-wrapper .faq .faq-question {
    font-size:1.9rem;
    line-height: 2.6rem;
    position: relative;
    width:100%;
    font-weight: bold;
}

.module-image-with-expandables .posts-wrapper .faq .faq-question:hover {
    cursor:pointer;
}

.module-image-with-expandables .posts-wrapper .faq .faq-question:before {
    content:url('/images/cho-dot-arrow.svg');
    transition: all 0.3s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left:-3.5rem;
    top:0;
}

.module-image-with-expandables .posts-wrapper .faq.active .faq-question:before {
    transform:rotate(-90deg);
}

.module-image-with-expandables .posts-wrapper .faq .faq-answer {
    display:none;
    font-size:1.6rem;
    line-height: 2.4rem;
    margin-top:1rem;
}

.module-image-with-expandables .posts-wrapper .faq .faq-answer p:first-child {
    margin-top:0;
}

.module-image-with-expandables .image-wrapper {
    order:0;
}

.module-image-with-expandables .copy-wrapper {
    order:1;
}

@media (min-width:1200px) {

    .module-image-with-expandables .intro-wrapper h2 {
        font-size:5rem;
        line-height: 5.5rem;
    }
    
    .module-image-with-expandables .outer-wrapper {
        display:grid;
        grid-template-columns: 1fr 1fr;
        align-items:flex-start;
        gap:5rem;
    }

    .module-image-with-expandables .image-wrapper img.mobile {
        display:none;
    }

    .module-image-with-expandables .image-wrapper img.desktop {
        display:block;
    }

    .module-image-with-expandables .copy-wrapper ul {
        columns:2;
    }

    .module-image-with-expandables .image-wrapper {
        order:1;
    }

    .module-image-with-expandables .copy-wrapper {
        order:0;
    }

    .module-image-with-expandables.image-left .image-wrapper {
        order:0;
    }

    .module-image-with-expandables.image-left .copy-wrapper {
        order:1;
    }

    .module-image-with-expandables .posts-wrapper .faq .faq-question {
        font-size:2.4rem;
        line-height: 2.7rem;
    }

    .module-image-with-expandables .posts-wrapper .faq .faq-answer {
        font-size:1.9rem;
        line-height: 2.7rem;
    }

    .module-image-with-expandables .image-wrapper .overlay-wrapper {
        left: 4rem;
        max-width: calc(100% - 12rem);
        padding:5rem;
        font-size:3rem;
        line-height: 4rem;
    }
}