.module-three-up-rich-content-panel {
    background-color:var(--light-gray);
}

.module-three-up-rich-content-panel.mcs-white {
    background-color:#fff;
}

.module-three-up-rich-content-panel .columns-wrapper {
    
}

.module-three-up-rich-content-panel .intro-wrapper {
    padding-bottom:2rem;
    text-align: left;
    width:100%;
}

.module-three-up-rich-content-panel .intro-wrapper p:last-child {
    margin-bottom:0;
}

.module-three-up-rich-content-panel .intro-wrapper .headline {
    margin-top:2rem;
}

.module-three-up-rich-content-panel .inner-wrapper.panel-text-alignment-center .intro-wrapper {
    text-align: center;
}

.module-three-up-rich-content-panel .intro-wrapper h4 {
    text-transform: uppercase;
    color:var(--dark-gray);
    font-size:1.9rem;
    line-height: 2.6rem;
    font-weight: 700;
}

.module-three-up-rich-content-panel .inner-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:2rem;
    width:100%;
    margin:0;
}

.module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .columns-wrapper {
    min-height:600px;
}

.module-three-up-rich-content-panel .inner-wrapper:not(.carousel-on-mobile) .columns-wrapper {
    display: flex;
    gap:2rem;
    flex-wrap: wrap;
}

.module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .columns-wrapper {
    width:100%;
}

.module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .column-wrapper {
    width:calc(100% - 10rem);
    margin-right:2rem;
    display: flex;
    flex-wrap: wrap;
    gap:3rem;
    height:100%;
    margin:0;
    margin-right:2rem;
    background:#fff;
}

.module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .image-wrapper {
    width:100%;
}

.module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile img {
    width:100%;
    max-width: none;
}

.module-three-up-rich-content-panel .column-wrapper img {
    width:100%;
    height:auto;
    border-bottom:15px solid var(--light-orange);
    max-width: 100%;
    height:100%;
    width:auto;
    object-fit:cover;
}

.module-three-up-rich-content-panel .column-wrapper .image-wrapper i {
    font-size:3rem;
    width:8rem;
    height:8rem;
    border-radius: 50%;
    border:2px dotted #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color:var(--dark-orange);
}

.module-three-up-rich-content-panel .inner-wrapper .column-wrapper .copy-wrapper {
    margin-top:2rem;
    background:#fff;
    padding:4rem;
}

.module-three-up-rich-content-panel.mcs-white .inner-wrapper .column-wrapper .copy-wrapper {
    background:var(--light-gray);
}

.module-three-up-rich-content-panel .column-wrapper .copy-wrapper p {
    margin-bottom:0;
    color:var(--dark-gray);
}

.module-three-up-rich-content-panel .column-wrapper .copy-wrapper h5 {
    font-weight: 700;
}

.module-three-up-rich-content-panel .column-wrapper .copy-wrapper h6 {
    margin-top:2rem;
    color:var(--dark-gray);
    text-transform: uppercase;
    font-weight:700;
}

.module-three-up-rich-content-panel .column-wrapper .copy-wrapper h6 strong {
    color:var(--dark-gray);
}

.module-three-up-rich-content-panel .column-wrapper .copy-wrapper i {
    margin-top:3rem;
    font-size:3rem;
    width:8rem;
    height:8rem;
    border-radius: 50%;
    border:2px dotted #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color:var(--dark-orange);
}

.module-three-up-rich-content-panel .column-wrapper .copy-wrapper strong {
    color:#000;
}

.module-three-up-rich-content-panel .column-wrapper .buttons {
    margin-top:3rem;
}

.module-three-up-rich-content-panel .column-wrapper a.cta {
    text-decoration: underline;
    font-size:1.9rem;
    line-height:2.6rem;
    color:#000;
    position: relative;
}

.module-three-up-rich-content-panel .column-wrapper a.cta:after {
    content: '\f061';
    color:#000;
    font: var(--fa-font-solid);
    background-color:var(--yellow);
    border-radius: 50%;
    padding:2px;
    width:2.5rem;
    height:2.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size:1rem;
    margin-left:8px;
    text-decoration: none;
}

.module-three-up-rich-content-panel .flickity-page-dots {
    top:calc(100% + 1rem);
    text-align: left;
}

.module-three-up-rich-content-panel .flickity-page-dots .dot {
    background-color:var(--medium-gray);
    border-radius:5px;
    opacity:1;
    margin:0;
    margin-right:1rem;
    transition: all 0.3s ease;
}

.module-three-up-rich-content-panel .flickity-page-dots .dot.is-selected {
    background-color:var(--dark-orange);
    width:3rem;
}

@media (min-width:1200px) {

    .module-three-up-rich-content-panel .inner-wrapper .columns-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap:3rem;
        width:100%;
        margin:0;
    }

    .module-three-up-rich-content-panel .inner-wrapper .column-wrapper,
    .module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .column-wrapper {
        display: grid;
        grid-template-rows: 1fr 1fr;
        gap:3rem;
        width:100%!important;
        margin:0;
        background:transparent;
    }

    .module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .image-wrapper {
        margin-top:0;
    }

    .module-three-up-rich-content-panel .inner-wrapper .columns-wrapper .column-2 .image-wrapper {
        order:0;
    }

    .module-three-up-rich-content-panel .inner-wrapper .columns-wrapper .column-2 .copy-wrapper {
        order:1;
    }

    .module-three-up-rich-content-panel .inner-wrapper .column-wrapper .copy-wrapper {
        margin-top:0;
        padding:4rem;
    }

    .module-three-up-rich-content-panel .inner-wrapper.carousel-on-mobile .column-wrapper .copy-wrapper {
        margin-top:0;
    }

    .module-three-up-rich-content-panel .inner-wrapper {
        max-width:1200px;
        margin:0 auto;
    }

    .module-three-up-rich-content-panel .inner-wrapper .column-wrapper .image-wrapper img {
        max-width: 100%;
        height:100%;
        width:auto;
        object-fit:cover;
        max-height: none;
    }

}