/* Start custom CSS for html, class: .elementor-element-9936ea9 *//* =====================================================
   POSIÇÃO GERAL DO CÓDIGO - ELEMENTOR
   ===================================================== */

:root {
    --desktop-vertical: -61px;
    --desktop-horizontal: 0px;

    --tablet-vertical: 4px;
    --tablet-horizontal: 0px;

    --mobile-vertical: -7px;
    --mobile-horizontal: 0px;
}


/* =====================================================
   WRAPPER
   ===================================================== */

.sp-elementor-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}


/* =====================================================
   DESKTOP
   ===================================================== */

@media (min-width: 1025px) {

    .sp-elementor-wrapper {
        position: relative !important;

        top: var(--desktop-vertical) !important;

        left: var(--desktop-horizontal) !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 9999 !important;

        overflow: visible !important;
    }

}


/* =====================================================
   TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .sp-elementor-wrapper {
        position: relative !important;

        top: var(--tablet-vertical) !important;

        left: var(--tablet-horizontal) !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 9999 !important;

        overflow: visible !important;
    }

}


/* =====================================================
   CELULAR
   ===================================================== */

@media (max-width: 767px) {

    .sp-elementor-wrapper {
        position: relative !important;

        top: var(--mobile-vertical) !important;

        left: var(--mobile-horizontal) !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 9999 !important;

        overflow: visible !important;
    }

}


/* =====================================================
   ELEMENTOR
   ===================================================== */

.elementor-widget-html,
.elementor-widget-html .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}


/* =====================================================
   EVITAR CORTE
   ===================================================== */

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
    overflow: visible !important;
}


/* =====================================================
   EVITAR ROLAGEM HORIZONTAL
   ===================================================== */

html,
body {
    overflow-x: hidden !important;
}/* End custom CSS */