.module-expandables {
    display:flex;
    flex-wrap: wrap;
    gap:3rem;
    border-radius: 15px;
    padding:3rem;
    background-color:var(--light-gray);
    background-image:var(--background-medium-tan-dots);
    background-position:top right;
}

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

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

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

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

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

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

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

.module-expandables .posts-wrapper .faq {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    gap:1rem;
    padding-bottom:2rem;
}

.module-expandables .posts-wrapper .faq:first-child {
    padding-top:2rem;
}

.module-expandables .posts-wrapper .faq .faq-question {
    font-size:1.9rem;
    line-height: 2.6rem;
    position: relative;
    width:100%;
    font-weight: bold;
    display: flex;
    gap:1rem;
    align-items:flex-end;
}

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

.module-expandables .posts-wrapper .faq .subtitle {
    font-size:1.6rem;
    line-height: 2.4rem;
    color:var(--dark-gray);
    text-transform: uppercase;
}

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

.module-expandables .posts-wrapper .faq .faq-answer p {
    margin:0;
}

.module-expandables .posts-wrapper .faq .faq-answer .short-bio,
.module-expandables .posts-wrapper .faq .faq-answer .full-bio,
.module-expandables .posts-wrapper .faq .faq-answer .full-bio p {
    color:var(--dark-gray);
    font-size:1.7rem;
    line-height: 2.5rem;
}

.module-expandables .posts-wrapper .faq .faq-answer .read-more {
    position: relative;
    text-decoration: underline;
    display: inline-block;
    margin-top:1rem;
    color:#000;
    cursor: pointer;
    font-weight: bold;
    font-size:2rem;
    line-height: 2.3rem;
}

.module-expandables .posts-wrapper .faq .faq-answer .read-more:after {
    content:url('/images/cho-dot-arrow.svg');
    transition: all 0.3s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform:rotate(90deg);
    position: absolute;
    left:calc(100% + 1rem);
    top:-2px;
}

.module-expandables .posts-wrapper .faq:hover .faq-answer .read-more:after {
    content:url('/images/cho-dot-arrow.svg');
    top:2px;
}

.module-expandables .posts-wrapper .faq .faq-answer .full-bio .read-more:after {
    content:url('/images/cho-dot-arrow.svg');
    transition: all 0.3s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform:rotate(-90deg);
    position: absolute;
    left:calc(100% + 1.5rem);
    top:-5px;
}

@media (min-width:1200px) {

    .module-expandables {
        padding:10rem!important;
    }

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

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