.f-collage-tabs .f-tab-header {
    font-family: var(--font-stack-header);
    font-size: calc((var(--font-h3-mobile)) / (var(--font-base-size)) * 1rem);
    padding: 4px 0
}

@media screen and (min-width: 768px) {
    .f-collage-tabs .f-tab-header {
        font-size: calc((var(--font-h3-tablet)) / (var(--font-base-size)) * 1rem)
    }
}

@media screen and (min-width: 1024px) {
    .f-collage-tabs .f-tab-header {
        padding: 6px 0;
        font-size: calc((var(--font-h3-desktop)) / (var(--font-base-size)) * 1rem)
    }
}

.f-collage-tabs .f-tab-header::after {
    bottom: 0
}

.f-collage-tabs__header {
    box-shadow: none;
    gap: 24px;
    overflow-y: hidden;
    overflow-x: auto
}

@media screen and (min-width: 768px) {
    .f-collage-tabs__header {
        gap: 40px
    }
}

.f-collage-tabs__header::-webkit-scrollbar {
    display: none;
    width: 0
}

.f-collage-tab--image {
    width: 100%
}

.f-collage-tab--image .f-image {
    min-height: 100%
}

@media screen and (min-width: 768px) {
    .f-collage-tab--image {
        width: var(--tab-image-width, 50%)
    }
}

.f-collage-tab--content {
    max-width: 100%;
    padding: 48px 20px;
    word-wrap: break-word
}

@media screen and (min-width: 768px) {
    .f-collage-tab--content {
        padding: 48px var(--md-tab-content-px, 48px);
        max-width: calc(100% - var(--tab-image-width, 50%))
    }
}

@media screen and (min-width: 1280px) {
    .f-collage-tab--content {
        padding: 48px var(--tab-content-px, 100px)
    }
}

.f-collage-tab--description p {
    margin-bottom: 12px
}

.f-collage-tab--description p:last-child {
    margin-bottom: 0
}

.f-collage-tab--heading + .f-collage-tab--description, .f-collage-tab--subheading + .f-collage-tab--heading {
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .f-collage-tab--subheading + .f-collage-tab--heading {
        margin-top: 12px
    }
}

.f-collage-tab--button {
    margin-top: 32px
}