.elementor-kit-251{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f2eeff1-font-family:"Roboto";--e-global-typography-f2eeff1-font-weight:400;background-color:#161C24;}.elementor-kit-251 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
}


html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(at 20% 80%, #fff 1px, transparent 0px);
    background-size: 3px 3px;
    pointer-events: none;
    z-index: 999;
    opacity: 0.02;
    mix-blend-mode: plus-lighter;
    user-select: none;
    pointer-events: none;
}


@media (min-width: 1025px){
    :root{
        --colunas: 12;
        --largura: 1140px;
        --offset: 0px;
        --gutter: 20px;
        --cor: #ffffff10;
    }
}


@media (min-width: 768px) and (max-width: 1024px){
    :root{
        --colunas: 6;
        --largura: 600px;
        --offset: 48px;
        --gutter: 16px;
        --cor: #ffffff10;
    }
}


@media (max-width: 767px){
    :root{
        --colunas: 8;
        --largura: 340px;
        --offset: 0px;
        --gutter: 8px;
        --cor: #ffffff10;
    }
}

body.elementor-editor-active::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    pointer-events: none;
    z-index: 1000;
    min-height: 100vh;
    width: calc(100% - (2 * var(--offset)));
    max-width: var(--largura);
    background-size: calc(100% + var(--gutter)) 100%;
    background-image: repeating-linear-gradient( to right, var(--cor), var(--cor) calc((100% / var(--colunas)) - var(--gutter)), transparent calc((100% / var(--colunas)) - var(--gutter)), transparent calc(100% / var(--colunas)) );
}/* End custom CSS */