.elementor-175 .elementor-element.elementor-element-4c0e81cd > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-175 .elementor-element.elementor-element-4c0e81cd:not(.elementor-motion-effects-element-type-background), .elementor-175 .elementor-element.elementor-element-4c0e81cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0, 0, 0, 0.14);}.elementor-175 .elementor-element.elementor-element-4c0e81cd{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-175 .elementor-element.elementor-element-4c0e81cd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-175 .elementor-element.elementor-element-4997cabd > .elementor-element-populated{margin:4% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-175 .elementor-element.elementor-element-19963da1{text-align:center;}.elementor-175 .elementor-element.elementor-element-19963da1 .elementor-heading-title{font-weight:400;text-transform:uppercase;}.elementor-175 .elementor-element.elementor-element-19963da1 > .elementor-widget-container{margin:0% 0% -1% 0%;}.elementor-175 .elementor-element.elementor-element-45962783{text-align:center;}.elementor-175 .elementor-element.elementor-element-45962783 .elementor-heading-title{font-weight:400;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6{--grid-template-columns:repeat(0, auto);--icon-size:25px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-widget-container{text-align:center;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-social-icon{background-color:var( --e-global-color-accent );border-style:solid;border-width:0px 0px 0px 0px;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-social-icon i{color:#FFFFFF;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-icon{border-radius:0px 0px 0px 0px;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-175 .elementor-element.elementor-element-40fee0de .elementor-button .elementor-align-icon-right{margin-left:0px;}.elementor-175 .elementor-element.elementor-element-40fee0de .elementor-button .elementor-align-icon-left{margin-right:0px;}.elementor-175 .elementor-element.elementor-element-40fee0de .elementor-button{padding:12px 18px 12px 18px;}.elementor-175 .elementor-element.elementor-element-40fee0de{width:auto;max-width:auto;z-index:9999;}.elementor-175 .elementor-element.elementor-element-257b82dd > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}@media(min-width:768px){.elementor-175 .elementor-element.elementor-element-58c6da1d{width:14.032%;}.elementor-175 .elementor-element.elementor-element-4997cabd{width:71.749%;}.elementor-175 .elementor-element.elementor-element-257b82dd{width:13.959%;}}@media(max-width:767px){.elementor-175 .elementor-element.elementor-element-4c0e81cd{padding:1em 0em 1em 0em;}.elementor-175 .elementor-element.elementor-element-4997cabd > .elementor-element-populated > .elementor-widget-wrap{padding:0em 2em 0em 2em;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-widget-container{text-align:center;}}/* Start custom CSS */:root {
--cor-principal: #595353;
/* Altere para a cor principal do site */
}

/* ENTENDA O CÓDIGO */
/*
":root" significa a raiz de todo o site, geralmente a tag <html>. Ao aplicar algum estilo nela, ele passa a valer para todo o site.
*/
/*
O atributo usado aqui é diferente do normal.
No lugar de um atributo de estilo (ex: background-color), usamos uma variável.
*/
/*
Variáveis são feitas para que o seu valor seja aplicado a diversos atributos e alterados em um único lugar.
*/
/*
Nossa variável aqui se chama "--cor-principal". Você pode dar qualquer nome a uma variável, apenas lembrando de adicionar dois hífeis na frente, para indicar que é uma variável e não um atributo.
*/
/*
O valor dessa variável é uma cor. Mas variáveis também podem valer um tamanho (em px, em, %...), tipografia, peso, box-shadow, border-radius...
*/
/*
Para usar essa variável em um lugar, basta adicionar como valor do atributo o código:

var(--nome-da-variavel)

Ex: background-color: var(--cor-principal);

No exemplo, o background do elemento usará a cor que definimos como principal. Se vc altera o valor no :root, aqui também altera.
*/

.elementor-social-icon {
background-color: var(--cor-principal);
}

.back-to-top{
    position: fixed;
    z-index: 999;
    bottom: -100px;
    right: 16px;
    transition: all 0.5s ease;
}

body.scroll-top .back-to-top {
    bottom: 10px !important;
}/* End custom CSS */