body, html {
    overflow-x: clip !important;
}
body, html {
    overflow: unset;
}
.services {
    --FONT-CLARINS: "Tajawal Medium", "ClarinsRegular", "Clarins";
    --FONT-GOTHAM-LIGHT:"Tajawal Light" "Gotham_Light", Helvetica, Arial, sans-serif;
    --FONT-GOTHAM-BOOK:"Tajawal Regular" "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
        sans-serif;
    --FONT-GOTHAM-MEDIUM: "Tajawal Regular" "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
        Arial, sans-serif;
}

.services .services-header {
    background-color: #FBF6F3 !important;
    gap: 5rem !important;
}

.services .services-tools__container {
    margin-right: calc((100% - 37%) / 2);
}

#services-section{
    justify-content: center !important;
}

/* --- ------------------------------------------------------ --- */
/* Mobile */
@media (max-width: 480px) {
    .services .services-header {
    background-color: unset !important;
    gap: 0rem !important;
    }
    .services .services-tools__container {
        align-items: center !important;
        margin-right: 20px;
    }
    #services-section-2 {
        justify-content: center !important;
    }
    #services-section {
    justify-content: center !important;
    margin-right: 10px;
}
}

/* Tablet Portrait */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .services .services-tools__container {
    flex-direction: column !important;
    gap: 15px !important;
    margin-right: 0px !important;
    align-items: center !important;
    margin-right: unset; 
    }
    .services .services-header {
    background-color: unset !important;
    gap: 0rem !important;
    }
    .services .services-banner__right {
    margin-right: 57%;
    }
    #services-section-2 {
        justify-content: center !important;
    }

}

/* Tablet Landscape */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .services .services-tools__container {
    flex-direction: column !important;
    gap: 15px !important;
    align-items: center !important;
    margin-right: unset;
    }
    #services-section-2 {
        justify-content: center !important;
    }
}