:root {
    --s1-max: 1200px;
    --section-pad-x: clamp(10px, 2vw, 20px);
    --section-pad-y: clamp(20px, 6vw, 100px);
    --section-background-gray: #f6f6f6;
    --s1-gap: clamp(16px, 3vw, 48px);

    /* Colors */
    --s1-bg: transparent; /* default: transparent */
    --s1-text: #111827; /* suitable for light/transparent bg */
    --s1-text-dim: #4b5563;
    --cta-btn-color: #ffffff; /* white */
    --cta-btn-bg: #e11d28; /* brand red */
    --cta-btn-bg-h: #c3161f;
    --img-radius: 2px;
    --s1-shadow: 0 10px 30px rgba(0, 0, 0, .15);

    /* Section 12 defaults (prevent CSS var warnings) */
    --bg: none; /* used by section-12 background layer */
    --overlay: .6; /* used by section-12 overlay opacity */
    --s12-radius: 4px; /* used by section-12 card radius */
}


.single-services body, .services-default-font {
    font-family: Inter, sans-serif, serif;
}
.single-services h2 {
    font-size: clamp(28px, 4.5vw, 48px) !important;
    line-height: clamp(34px, 5vw, 58px) !important;
}
.single-services h3 {
    font-size: clamp(22px, 3.6vw, 32px) !important;
    line-height: clamp(34px, 5vw, 50px) !important;
}
.single-services h2, .single-services h3, .services-heading-font {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: capitalize !important;
}

.single-services .container {
    width: min(var(--s1-max), 92%);
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1024px) {
    .single-services .container {
        width: 100%;
        padding: 0 var(--section-pad-x);
    }
}

@media (max-width: 640px) {
    .single-services .btn--wide {
        text-align: center;
    }
}