.proweb-mobile-services {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .proweb-mobile-services {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .proweb-mobile-services *,
    .proweb-mobile-services *::before,
    .proweb-mobile-services *::after {
        box-sizing: border-box;
    }

    .proweb-mobile-services__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .proweb-mobile-services__item {
        display: block !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
    }

    .proweb-mobile-services__item[hidden] {
        display: none !important;
    }

    .proweb-mobile-services__card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #211e1c !important;
        color: #fff !important;
        text-decoration: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .proweb-mobile-services__card:hover,
    .proweb-mobile-services__card:focus,
    .proweb-mobile-services__card:active,
    .proweb-mobile-services__card:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .proweb-mobile-services__image-wrap {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 1.25 / 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #ecebea !important;
    }

    .proweb-mobile-services__image-wrap img,
    .proweb-mobile-services__image {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
        border: 0 !important;
    }

    .proweb-mobile-services__title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 0 auto !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 10px 7px !important;
        background: #211e1c !important;
        color: #fff !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: none !important;
    }

    .proweb-mobile-services__actions {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 18px 0 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* Matches the booking CTA color sampled from the supplied screenshot (#21393A). */
    .proweb-mobile-services__toggle,
    .proweb-mobile-services__toggle:hover,
    .proweb-mobile-services__toggle:focus,
    .proweb-mobile-services__toggle:active {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 150px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 15px 30px !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: #21393a !important;
        color: #ffffff !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-decoration: none !important;
        box-shadow: none !important;
        outline: none !important;
        cursor: pointer !important;
        transition: transform .18s ease, opacity .18s ease !important;
    }

    .proweb-mobile-services__toggle:hover {
        opacity: .94 !important;
        transform: translateY(-1px) !important;
    }

    .proweb-mobile-services__toggle:focus-visible {
        outline: 2px solid currentColor !important;
        outline-offset: 3px !important;
    }
}

@media screen and (max-width: 420px) {
    .proweb-mobile-services__grid {
        gap: 8px !important;
    }

    .proweb-mobile-services__title {
        min-height: 54px !important;
        padding: 9px 5px !important;
        font-size: 13.5px !important;
    }

    .proweb-mobile-services__actions {
        margin-top: 16px !important;
    }

    .proweb-mobile-services__toggle,
    .proweb-mobile-services__toggle:hover,
    .proweb-mobile-services__toggle:focus,
    .proweb-mobile-services__toggle:active {
        min-width: 142px !important;
        min-height: 50px !important;
        padding: 13px 26px !important;
        border-radius: 13px !important;
        font-size: 15px !important;
    }
}