#alternating-services {
    animation: fadein .2s;
    content-visibility: auto;
    contain-intrinsic-size: 3200px
}

@media screen and (max-width:50rem) {
    #alternating-services {
        width: 100%;
        contain-intrinsic-size: 5200px
    }
}

@media screen and (max-width:23.4375rem) {
    #alternating-services {
        contain-intrinsic-size: 4800px;
        padding: 0 5px
    }
}

@media screen and (max-width:20rem) {
    #alternating-services {
        contain-intrinsic-size: 4900px;
        padding: 0 5px
    }
}

#alternating-services .alternating-services-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

#alternating-services .alternating-services-wrapper .unidades-notice {
    margin-bottom: -1rem
}

.section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3.75rem 0
}

.section-title.expanded {
    width: 100%
}

.section-title.no-bottom-margin {
    margin-bottom: 0
}

.section-title .section-h2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    max-width: 100%;
    text-align: center;
    color: var(--color-solid-dark)
}

@media screen and (max-width:30rem) {
    .section-title .section-h2 {
        max-width: 95%
    }
}

.section-title .section-h2.invert {
    color: var(--color-solid-white)
}

.section-title .section-divider {
    width: 9.375rem;
    height: .25rem;
    background-color: var(--color-solid-primary);
    margin-top: 1.5rem
}

.service-overview {
    display: grid;
    grid-template-columns: 26.875rem 28.75rem;
    grid-column-gap: 15.5rem;
    margin: 7.5rem 3rem 0
}

.service-overview:first-child {
    margin: 0 3rem
}

@media screen and (max-width:67.5rem) {
    .service-overview {
        grid-column-gap: 4rem;
        grid-template-columns: 25rem 25rem
    }
}

@media screen and (max-width:50rem) {
    .service-overview {
        grid-template-columns: 25rem;
        grid-template-rows: auto auto;
        margin-top: 7rem;
        grid-gap: 3rem 0
    }
}

@media screen and (max-width:30rem) {
    .service-overview {
        grid-template-columns: 23rem
    }
}

@media screen and (max-width:23.4375rem) {
    .service-overview {
        grid-template-columns: 20rem
    }
}

@media screen and (max-width:20rem) {
    .service-overview {
        grid-template-columns: 18rem
    }
}

.service-overview .image-side {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.service-overview .image-side .smart-image {
    display: flex;
    flex-grow: 0
}

.service-overview .image-side .smart-image .service-image {
    height: 22rem;
    object-fit: scale-down
}

@media screen and (max-width:50rem) {
    .service-overview .image-side .smart-image .service-image {
        height: auto
    }
}

.service-overview .content-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

@media screen and (max-width:50rem) {
    .service-overview .content-side {
        width: 100%
    }
}

.service-overview .content-side.txt-first {
    width: 28rem;
    grid-row: 1
}

@media screen and (max-width:50rem) {
    .service-overview .content-side.txt-first {
        width: auto;
        grid-row: 2
    }
}

.service-overview .content-side p {
    text-align: justify;
    margin: .5rem 0
}

.service-overview .content-side .smaller {
    font-size: .9rem;
    margin: 1rem 0
}

.service-overview .content-side .service-title {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
    color: var(--color-solid-dark);
    margin: .5rem 0
}

@media screen and (max-width:23.4375rem) {
    .service-overview .content-side .service-title {
        font-size: 1.7rem;
        line-height: 2.5rem
    }
}

.service-overview .content-side .button {
    width: 12.5rem;
    height: 3.125rem;
    font-size: .875rem;
    font-weight: 700;
    background-color: var(--color-secondary-dark);
    color: var(--color-solid-white);
    text-transform: uppercase;
    margin: .5rem 0
}

.service-overview .content-side .button:focus,
.service-overview .content-side .button:hover {
    background-color: #717b90;
    border: none
}

.service-overview .content-side .button:active {
    background-color: var(--color-secondary-dark)
}