@media only screen and (min-width:0rem) {
    #services-30 {
        padding: var(--sectionPadding);
        background-color: #fafbfc;
        padding-top: clamp(12.5rem,28.76vw,20rem)
    }

    #services-30 .cs-text {
        opacity: .8
    }

    #services-30 .cs-container,#services-30 .cs-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    #services-30 .cs-container {
        max-width: 34.375rem;
        margin: auto;
        gap: clamp(3rem,6vw,4rem)
    }

    #services-30 .cs-content {
        text-align: center
    }
}

@media only screen and (min-width:48rem) {
    #services-30 .cs-container {
        max-width: 80rem
    }
}

@media only screen and (min-width:64rem) {
    #services-30 {
        padding-top: clamp(9.375rem,21.57vw,15rem)
    }
}