/**
 * This CSS was automatically generated from a source file.
 * Editing this file directly isn't recommended. Modifying the styles of this module can be done
 * with an external stylesheet attached to the page or module.
 */

@media (min-width:1024px) {
    .tab-images {
        display: flex;
        align-items: stretch
    }
}

.tab-images__tabs {
    width: 90%;
    margin: 0 auto
}

@media (min-width:1024px) {
    .tab-images__tabs {
        max-width: 600px;
        margin: 0
    }
}

@media (min-width:1024px) {
    .tab-images__tabs-wrapper {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
}

.tab-images__tabs-list {
    padding-left: 0;
    margin: 0
}

.tab-images__tabs-list li {
    display: block;
    padding-left: 0
}

.tab-images__tabs-list li+li {
    margin-top: 0
}

.tab-images__tabs-list li::before {
    display: none
}

.tab-images__tabs-tab {
    display: block;
    padding: 0 0 25px 0;
    border-bottom: var(--borders);
    border-radius: var(--global-corners);
    cursor: pointer;
    transition: all .3s
}

.tab-images__tabs-tab:focus-visible h1,
.tab-images__tabs-tab:focus-visible h2,
.tab-images__tabs-tab:focus-visible h3,
.tab-images__tabs-tab:focus-visible h4,
.tab-images__tabs-tab:focus-visible h5,
.tab-images__tabs-tab:focus-visible h6,
.tab-images__tabs-tab:hover h1,
.tab-images__tabs-tab:hover h2,
.tab-images__tabs-tab:hover h3,
.tab-images__tabs-tab:hover h4,
.tab-images__tabs-tab:hover h5,
.tab-images__tabs-tab:hover h6 {
    color: var(--links-hover)
}

.tab-images__tabs-tab::before {
    display: none
}

.tab-images__tabs-tab p {
    margin-bottom: 0
}

.tab-images__tabs-image {
    margin-top: 1rem
}

.tab-images__tabs-image .theme-ctas {
    margin-top: 1.5rem;
    align-items: flex-start
}

.tab-images__tabs-image-wrapper {
    margin-top: 1.5rem;
    padding: 2rem;
    background-color: var(--light-bg, var(--panel-background-color))
}

@media (min-width:1024px) {
    .tab-images__tabs-image-wrapper {
        display: none !important
    }
}

@media (max-width:1024px) {
    .tab-images__panel-image  {
        display: none !important
    }
}


.tab-images__tabs-image--fill .tab-images__tabs-image-wrapper {
    padding: 0
}

.tab-images__panel {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--l