html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
}

.elementor,
.elementor-page,
.elementor-location-single,
.elementor-location-archive {
    max-width: 100%;
    overflow-x: clip;
}

.tb-hero,
.tb-about,
.tb-achievements {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overscroll-behavior-x: none;
    touch-action: pan-y pinch-zoom;
}

.tb-representation {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overscroll-behavior-x: none;
    touch-action: pan-y pinch-zoom;
}

.elementor-widget-thalitha_primeira_tela,
.elementor-widget-thalitha_apresentacao,
.elementor-widget-thalitha_realizacoes,
.elementor-widget-thalitha_representacao,
.elementor-widget-thalitha_primeira_tela > .elementor-widget-container,
.elementor-widget-thalitha_apresentacao > .elementor-widget-container,
.elementor-widget-thalitha_realizacoes > .elementor-widget-container {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    overflow-x: clip;
}

.elementor-widget-thalitha_representacao > .elementor-widget-container {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    overflow-x: clip;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip !important;
    }
}
