/* Component: arcadian-comp-tabbed-content — extracted from main-with-blocks.css for R1 conditional loading */

.tabbed-content-two-col__wrapper {
    margin: 6.4rem auto
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__wrapper {
        margin: 4.8rem auto
    }
}

@media (width <= 640.98px) {
    .tabbed-content-two-col__wrapper {
        margin: 2.4rem auto
    }
}

.tabbed-content-two-col__content-container {
    flex-direction: column;
    gap: 4rem;
    display: flex
}

.tabbed-content-two-col__content-grid {
    grid-template-columns:1fr 1fr;
    display: grid
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__content-grid {
        grid-template-rows:auto auto;
        grid-template-columns:1fr;
        gap: 4.8rem
    }
}

.tabbed-content-two-col__trigger {
    cursor: pointer;
    justify-content: space-between;
    display: flex
}

.tabbed-content-two-col__content-column {
    grid-template-columns:1fr;
    display: grid
}

.tabbed-content-two-col__content-column .wp-element-button {
    border-radius: unset;
    background-color: #000;
    border: 1px solid #000;
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
    display: block
}

.tabbed-content-two-col__content-column .wp-element-button:hover {
    background-color: #000;
    border: 1px solid #000
}

.tabbed-content-two-col__content-wrapper {
    opacity: 0;
    visibility: hidden;
    grid-area: 1/1;
    transition: max-height .2s
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__content-wrapper {
        grid-area: 2/1
    }
}

.tabbed-content-two-col__content-wrapper.tabbed-content-two-col__active {
    opacity: 1;
    visibility: visible
}

.tabbed-content-two-col__content-image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.tabbed-content-two-col__mobile-select {
    display: none
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__mobile-select {
        display: block
    }
}

.tabbed-content-two-col__trigger-group {
    display: block
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__trigger-group {
        display: none
    }
}

.tabbed-content-two-col__heading {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__heading {
        font-size: 2.8rem
    }
}

.tabbed-content-two-col__content--title h3 {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 150%
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__content--title h3 {
        font-size: 2rem
    }
}

.tabbed-content-two-col__trigger--text h3 {
    font-family: Libre Baskerville, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 150%
}

.tabbed-content-two-col__mobile-select {
    font-family: Red Hat Display, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 175%
}

.tabbed-content-two-col__wrapper {
    margin: 10.4rem auto;
    overflow-x: clip
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__wrapper {
        margin: 4.8rem auto
    }
}

.tabbed-content-two-col__heading {
    color: #d52838;
    margin: 0
}

.tabbed-content-two-col__content-container {
    gap: 4.8rem
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__content-container {
        gap: 2rem
    }
}

.tabbed-content-two-col__cta-container {
    gap: 2.4rem;
    display: flex
}

@media (width <= 640.98px) {
    .tabbed-content-two-col__cta-container {
        flex-direction: column;
        gap: 1.6rem;
        margin-top: 2.4rem
    }
}

.tabbed-content-two-col__cta-container .cta-button--secondary a {
    color: #d52838;
    border-color: #d52838
}

.tabbed-content-two-col__cta-container .cta-button--secondary a:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 13 13' fill='none'><path d='M9.58594 2H0V0H13V13H11V3.41436L1.70718 12.7072L0.292969 11.293L9.58594 2Z' fill='%23d52838'/></svg>")
}

.tabbed-content-two-col__content-grid {
    gap: 7.2rem
}

@media (width <= 1024.98px) {
    .tabbed-content-two-col__content-grid {
        gap: 4.8rem
    }
    .tabbed-content-two-col__trigger-column {
        background-color: #f4f4f4;
        border-left: 2px solid #d52838;
        align-items: center;
        display: flex;
        position: relative
    }
    .tabbed-content-two-col__trigger-column:after {
        content: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Drop Down Arrow'><path id='Vector 45 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.99918 6.04733L12.1846 0.861878L13.1274 1.80469L6.99918 7.93295L0.870924 1.80469L1.81373 0.861878L6.99918 6.04733Z' fill='%232B2824'/></g></svg>");
        position: absolute;
        right: 2rem
    }
}

.tabbed-content-two-col__mobile-select {
    appearance: none;
    width: 100%;
    padding: 1.2rem 4rem 1.2rem 2rem
}

.tabbed-content-two-col__trigger {
    isolation: isolate;
    border-bottom: 1px solid #ebebeb;
    grid-template-rows:1fr;
    grid-template-columns:1fr;
    display: grid
}

.tabbed-content-two-col__trigger:first-of-type {
    border-top: 1px solid #ebebeb
}

.tabbed-content-two-col__trigger:after {
    content: " ";
    pointer-events: none;
    opacity: 0;
    border-bottom: 1px solid #d52838;
    grid-area: 1/1;
    width: 0%;
    height: 100%;
    transition: width .4s ease-out, opacity .4s ease-out
}

.tabbed-content-two-col__trigger.tabbed-content-two-col__trigger-active:after {
    opacity: 1;
    width: 100%
}

.tabbed-content-two-col__trigger.tabbed-content-two-col__trigger-active h3 {
    color: #d52838
}

.tabbed-content-two-col__trigger--text {
    grid-area: 1/1
}

.tabbed-content-two-col__trigger--text h3 {
    color: #898989;
    margin: 2.4rem 3.2rem;
    font-family: Red Hat Display, Helvetica, Arial, sans-serif;
    transition: color .4s
}

.tabbed-content-two-col__content-wrapper {
    transition: opacity .2s, visibility 0s .3s
}

.tabbed-content-two-col__content-wrapper.tabbed-content-two-col__active {
    transition: opacity .2s .1s, visibility
}

.tabbed-content-two-col__content--title h3 {
    color: #d52838;
    margin: 0
}

.tabbed-content-two-col__content-image-wrapper {
    margin-top: 4rem
}