body {
    margin: 0px;
    padding: 0px;
    font-family: "Roboto Slab", serif;
    box-shadow: inset 2px 0px 14px #afafaf;
    animation: fadeInAnimation ease 1.2s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
}

main {
    animation: main ease 0.8s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
}

@keyframes main {
    0% {
        opacity: 0;
        transform: translateY(100vh);
    }

    100% {
        opacity: 1;
        transform: translateY(0vh);
    }
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0.5;
        transform: translateY(-2.5vw);
    }

    100% {
        opacity: 1;
        transform: translateY(0vw);
    }
}

a {
    text-decoration: none;
}

label {
    display: flex;
    flex-direction: column;
    color: #122c51;
    font-size: 1.5vw;
    font-weight: bold;
    text-shadow: -2px 3px 3px #122c513d;
}

input[type=checkbox] {
    position: relative;
    cursor: pointer;
    box-shadow: -1px 1px 3px #0082ed3b;
    transform: scale(1.5);
}


/**Header**/

.top-desktop {
    background: #f5f5f5;
    width: 100%;
    height: 3.5vw;
    display: flex;
    box-shadow: 0 0 15px #9b9b9b, inset 0px -8px 15px -17px #9b9b9b;
    justify-content: center;
    border-bottom: 1px solid #80808063;
}

.conteudo-top {
    display: flex;
    width: 72%;
    max-width: 72%;
    align-items: center;
}

.link-top {
    font-size: 0.9vw;
    text-decoration: none;
    color: #8f8f8f;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
    padding: 10px;
}

.link-top2 {
    font-size: 0.9vw;
    text-decoration: none;
    margin-right: 0.5vw;
    margin-left: 0.5vw;
    color: #8d8d8d;
    transition: 300ms;
}

.link-top:hover {
    color: #404040;
    transition: all 250ms ease;
}

.link-top2:hover {
    color: #404040;
}

.text-top {
    font-size: 0.9vw;
    text-decoration: none;
    color: #939393;
    margin-left: 1vw;
}

.contato-topo {
    margin-top: 2vw;
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}

.botao-contato-topo {
    display: flex;
    text-decoration: none;
    color: white;
    font-size: 1vw;
    font-weight: bold;
    background: #e2232c;
    box-shadow: 3px 3px 6px #979797;
    border-radius: 8px;
    width: 15vw;
    height: 3.8vw;
    align-items: center;
    justify-content: center;
    z-index: 100;
    position: relative;
    transition: 300ms;
}

.botao-contato-topo:hover {
    transition: all 325ms ease;
    transform: scale(1.05);
    box-shadow: 2px 2px 5px #ca1212;
    background: red;
}

.menu-topo {
    width: 100%;
    max-width: 100%;
    display: flex;
    margin-top: -4vw;
    justify-content: center;
}

.menu-topo-conteudo {
    display: flex;
    width: 76%;
    max-width: 76%;
    align-items: center;
}

.logo-img {
    margin-top: -1vw;
}

.logo {
    filter: drop-shadow(-8px 7px 7px #a1a1a1);
    color: #a1a1a1;
    width: 28vw;
    height: 100%;
    margin-right: 0.02vw;
}

.central {
    display: flex;
    margin: 0vw;
    width: 47.3vw;
    box-shadow: -5px 6px 8px #c5c5c5;
    border-radius: 8px;
}

.central-atendimento {
    display: flex;
    font-size: 1.04vw;
    text-decoration: none;
    background: #9e1d29;
    border: 0.5px solid #9e1d29;
    color: white;
    font-weight: bold;
    width: 38vw;
    height: 3.8vw;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    align-items: center;
    justify-content: center;
    transition: 300ms;
}

.central-atendimento:hover {
    transition: all 325ms ease;
    background: #d70000;
    border: 0.5px solid #bb0011;
    font-size: 1.1vw;
}

.horas {
    display: flex;
    font-size: 1.19vw;
    text-align: center;
    text-decoration: none;
    background: #ff3f51;
    border: 0.5px solid #ff3f51;
    /* border-right: 0.5px solid #858585; */
    color: white;
    font-weight: bold;
    width: 8vw;
    height: 3.8vw;
    align-items: center;
    justify-content: center;
}

.atendimento-whats {
    font-size: 1.1vw;
    color: #2e2e2e;
    font-weight: bold;
    height: 3.8vw;
    width: 20vw;
    text-decoration: none;
    text-align: center;
    border: 0.5px solid #858585a3;
    border-left: transparent;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms;
}

.atendimento-whats:hover {
    color: white;
    background: linear-gradient(to right, #00b200 0%, #00f036 100%);
    transition: all 200ms ease;
}

.atendimento-ligar {
    font-size: 1.1vw;
    color: #2e2e2e;
    font-weight: bold;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 3.8vw;
    width: 20vw;
    text-decoration: none;
    text-align: center;
    border: 0.5px solid #858585a3;
    border-left: transparent;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms;
}

.atendimento-ligar:hover {
    background: #00888f;
    box-shadow: inset 0 0 10px #00c3cd;
    transition: all 200ms ease;
    color: white;
}

.conteudo-contato-top {
    width: 76%;
    max-width: 76%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu {
    display: flex;
    width: 100%;
    margin-top: -3vw;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}

.conteudo-menu {
    max-width: 76%;
    width: 76%;
    display: flex;
    align-items: center;
    background: linear-gradient(177deg, rgb(0 52 97) 11%, rgba(0,163,222,1) 61%);
    box-shadow: -5px -5px 10px -2px #6f6f6f8c, -5px 20px 13px -14px #00243a85;
    height: 5.8vw;
    border-radius: 8px;
    justify-content: center;
    z-index: 1;
}

.link-menu {
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0.25vw;
    margin-left: 0.25vw;
}

.link-menu:hover {
    color: #e7f216;
    text-shadow: 0 0 2px #e7f216;
    cursor: pointer;
    margin-top: -0.35vw;
    transition: all 200ms ease;
    transform: scale(1.05);
}

.ul-menu {
    display: flex;
    font-size: 1.2vw;
    padding-left: 0vw;
    list-style: none;
    justify-content: center;
    align-items: center;
}

.li-menu {
    color: white;
    margin-right: 0.9vw;
    margin-left: 0.9vw;
    height: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.li-menu:hover .link-menu:hover {
    color: #fdae35;
    text-shadow: 0 0 2px #fdae35;
    cursor: pointer;
    margin-top: -0.35vw;
    transition: all 200ms ease;
    transform: scale(1.05);
}

.li-menu:hover .conteudo-menu {
    color: black;
}

.dropdown {
    display: none;
    transition: 300ms;
    transform: translateX(-20vw);
    opacity: 0;
    transition: 300ms;
}

.dropdown-2 {
    display: none;
    transition: 300ms;
    transform: translateX(-20vw);
    opacity: 0;
    transition: 300ms;
}

.dropdown-3 {
    display: none;
    transition: 300ms;
    transform: translateX(-20vw);
    opacity: 0;
    transition: 300ms;
}

.dropdown-4 {
    display: none;
    transition: 300ms;
    transform: translateX(-20vw);
    opacity: 0;
    transition: 300ms;
}

.li-menu-dropdown:hover .dropdown {
    opacity: 1;
    transform: translateX(0vw);
    transition: 300ms;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 35vw;
    margin-left: 0vw;
    align-items: center;
    position: absolute;
    flex-wrap: nowrap;
    border: 1px solid #005db9;
    background: linear-gradient(177deg, rgb(0 52 97 / 71%) 11%, rgb(0 163 222 / 81%) 61%);
    box-shadow: -9px 13px 12px #00325099;
    width: 22vw;
    border-radius: 16px;
    backdrop-filter: blur(4.5px) brightness(0.3);
    padding-bottom: 1vw;
    padding-top: 1vw;
    animation: dropdown ease 300ms forwards;
}

.li-menu-dropdown:hover .dropdown-2 {
    opacity: 1;
    transform: translateX(0vw);
    transition: 300ms;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 21.5vw;
    margin-left: 0vw;
    align-items: center;
    position: absolute;
    flex-wrap: nowrap;
    border: 1px solid #005db9;
    background: linear-gradient(177deg, rgb(0 52 97 / 71%) 11%, rgb(0 163 222 / 81%) 61%);
    box-shadow: -9px 13px 12px #00325099;
    width: 22vw;
    border-radius: 32px;
    backdrop-filter: blur(16px) brightness(0.3);
    padding-bottom: 1vw;
    padding-top: 1vw;
    animation: dropdown ease 300ms forwards;
}

.li-menu-dropdown:hover .dropdown-3 {
    opacity: 1;
    transform: translateX(0vw);
    transition: 300ms;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 15vw;
    margin-left: 0vw;
    align-items: center;
    position: absolute;
    flex-wrap: nowrap;
    border: 1px solid #005db9;
    background: linear-gradient(177deg, rgb(0 52 97 / 71%) 11%, rgb(0 163 222 / 81%) 61%);
    box-shadow: -9px 13px 12px #00325099;
    width: 22vw;
    border-radius: 16px;
    backdrop-filter: blur(4.5px) brightness(0.3);
    padding-bottom: 1vw;
    padding-top: 1vw;
    transition: 300ms;
    animation: dropdown linear 300ms forwards;
}

.li-menu-dropdown:hover .dropdown-4 {
    opacity: 1;
    transform: translateX(0vw);
    transition: 300ms;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 11.5vw;
    margin-left: -0.3vw;
    align-items: center;
    position: absolute;
    flex-wrap: nowrap;
    border: 1px solid #005db9;
    background: linear-gradient(177deg, rgb(0 52 97 / 71%) 11%, rgb(0 163 222 / 81%) 61%);
    box-shadow: -9px 13px 12px #00325099;
    width: 22vw;
    border-radius: 16px;
    backdrop-filter: blur(4px) brightness(0.3);
    padding-bottom: 1vw;
    padding-top: 1vw;
    animation: dropdown ease 400ms forwards;
}

@keyframes dropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.li-dropdown {
    width: 100%;
    position: relative;
    display: block;
    padding-left: 2vw;
    height: 3.4vw;
}

.dropdown-conteudo {
    color: white;
    text-decoration: none;
    text-shadow: 0 0 25px #000000;
    height: 100%;
    display: flex;
    align-items: center;
    transition: 300ms;
}

.dropdown-conteudo:hover {
    color: #e7f216;
    cursor: pointer;
    margin-left: 0.65vw;
}

.li-menu-dropdown {
    cursor: pointer;
    color: white;
    margin-right: 0.7vw;
    margin-left: 0.7vw;
    height: 5vw;
    display: flex;
    align-items: center;
    margin-top: 0vw;
    transition: 300ms;
}

.li-menu-dropdown:hover {}

.atendimento-fixo {
    cursor: pointer;
    position: fixed;
    display: flex;
    justify-content: center;
    right: 0.15vw;
    top: 4vw;
    flex-direction: column;
    align-items: center;
    transition: 300ms;
}

.wpp-hover:hover {
    transition: all 250ms ease;
    transform: scale(1.1);
}

.botao-wpp-fixo {
    width: 4vw;
    filter: drop-shadow(2px 4px 6px #0000005c);
    color: #0000005c;
    transition: 300ms;
}

.botao-atendimento-whats {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 3vw;
    width: 9vw;
    background: #25e125;
    box-shadow: 1px 6px 11px #0000005e, inset 0px -5px 14px #00000036;
    color: white;
    border-top-left-radius: 22px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    font-size: 0.96vw;
    transition: 300ms;
}

.botao-atendimento-whats:hover {
    background: #00e700;
    box-shadow: 1px 6px 11px #06d900db, inset 0 0 14px #009f00;
    cursor: pointer;
    transform: translateX(-5px);
}


/**ICONS**/

.icon-user {
    height: auto;
    width: 6vw;
    margin-right: -1vw;
    margin-left: -2vw;
}

.icon-whats {
    width: 2vw;
    height: auto;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: scale(-1.5) scaleY(-1);
    margin-right: 0.9vw;
}

.mobile-navbar {
    display: none;
}


/**Contéudo**/

.banner {
    width: 100%;
    height: auto;
    margin-bottom: 0vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-principal {
    width: 100%;
    height: 100%;
    margin-bottom: 0.5vw;
    box-shadow: -2px 12px 12px -9px #959595;
}

.texto-banner {
    font-size: 1.2vw;
    color: #8b8b8b;
}

.menu-home {
    display: none;
}

.servicos {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.conteudo-servicos {
    width: 90%;
    max-width: 90%;
}

.titulo-servico {
    background: #00a3de;
    border-radius: 12px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.5vw;
    font-size: 2.5vw;
    box-shadow: 7px 10px 17px #8b8b8b, inset 0 0 30px #0079a79e;
    margin-bottom: 5vw;
}

.links-servicos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.box-servico {
    width: 23vw;
    max-width: 23vw;
    margin-right: 2vw;
    margin-left: 2vw;
    padding: 1vw;
    padding-bottom: 3vw;
    padding-top: 0vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 3vw;
    align-items: center;
    transition: 300ms;
}

.box-servico:hover {
    border-radius: 10px;
    box-shadow: 0px 15px 12px -2px #0034874d, inset 0 0 12px #0034874d;
    transition: 300ms;
    transform: scale(1.01);
    margin-top: -2vw;
    cursor: pointer;
}

.box-servico:hover .imagem-servico-foto {
    box-shadow: 0px 0px 17px -2px #93b8f9ba;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: 300ms;
}

.box-imagem-servico {
    width: 29vw;
    max-width: 29vw;
}

.imagem-servico-foto {
    width: 25vw;
    max-width: 25vw;
    box-shadow: 0px 0px 12px #00a3de;
    height: 100%;
    border-radius: 12px;
}

.titulo-desentupimento {
    background: #00a3de;
    border-radius: 10px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.5vw;
    width: 18vw;
    font-size: 1.2vw;
    margin-top: 2.5vw;
    box-shadow: 2px 4px 17px #8b8b8b, inset 0 0 30px #0079a79e;
    font-weight: 100;
    transition: 300ms;
}

.box-servico:hover .titulo-desentupimento {
    transform: translateY(-0.25vw) scale(1.03);
    box-shadow: 7px 10px 17px #8b8b8b;
}

.click-servico {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.saiba-mais {
    margin-top: -1vw;
    color: #007eff;
    font-size: 1.2vw;
}

.texto-desentupimento {
    color: #626262;
    line-height: 2vw;
    width: 23vw;
    height: 6vw;
    font-size: 1vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.texto-desentupimento-bairros {
    width: 100%;
    font-size: 1.2vw;
    line-height: 2.2vw;
    color: #3a3a3a;
    margin-top: -0.25vw;
    margin-bottom: -0.25vw;
    text-align: center;
}

.sobre {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.sobre-conteudo {
    width: 90%;
    max-width: 90%;
    display: flex;
    align-items: flex-start;
}

.imagem-sobre {
    width: 100%;
    height: auto;
    margin-right: 3vw;
}

.imagem-contratar-1 {
    background: url(./img/pagamentocurto.webp);
    background-size: cover;
    filter: drop-shadow(2px 4px 6px #b1b1b1);
    width: 40vw;
    height: 25vw;
    margin-bottom: 2vw;
    border-radius: 12px;
}

.imagem-contratar-2 {
    background: url(./img/fiorino.webp);
    background-size: cover;
    width: 40vw;
    height: 40vw;
    filter: drop-shadow(2px 4px 6px #b1b1b1);
    margin-bottom: 2vw;
    border-radius: 12px;
}

.sobre-container {
    width: 45%;
    max-width: 45%;
    height: auto;
    margin-left: 3vw;
}

.sobre-contratar {}

.titulo-contratar {
    background: #00a3de;
    border-radius: 12px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.5vw;
    font-size: 1.9vw;
    box-shadow: 7px 10px 17px #8b8b8b, inset 0 0 30px #0079a79e;
    margin-bottom: 3vw;
}

.texto-contratar {
    font-size: 1.2vw;
    line-height: 2.2vw;
    color: #3a3a3a;
    width: 38vw;
    margin-left: 1vw;
}

.texto-contratar-2 {
    margin-left: 2vw;
    color: #003391;
    font-weight: bold;
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}

.form-container-texto {
    width: 50vw;
    max-width: 50vw;
    margin-right: 2vw;
}

.form-container {
    display: flex;
    width: 100%;
    max-width: 100%;
}

.servico-form {}

.form {
    width: 35vw;
    max-width: 35vw;
    margin-left: 2vw;
}

.form-home {
    background: #e5e5e573;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    flex-direction: column;
    padding-left: 2vw;
    border-top: 0.5vw solid rgba(0,67,124,1);
    box-shadow: 6px 9px 13px #b5b5b5, -3px -5px 13px #00000026;
    margin-bottom: 3vw;
}

.titulo-form {
    color: #525252;
    border-bottom: 1px solid #b3b3b3;
    box-shadow: 0 16px 10px -13px #a3a3a3;
    font-size: 1.5vw;
}

.link-form {
    color: #4e4e4e;
    font-size: 1.2vw;
    margin-bottom: 1vw;
    text-decoration: none;
    margin-left: 0.5vw;
    transition: 300ms;
}

.link-form:hover {
    color: #0069c3;
    margin-left: 1.3vw;
    cursor: pointer;
}

.servico-form-conteudo {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.servico-form-conteudo-texto {
    width: 90%;
    max-width: 90%;
}

.titulo-servico-form {
    background: #00a3de;
    border-radius: 12px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.5vw;
    font-size: 1.9vw;
    box-shadow: 7px 10px 17px #8b8b8b, inset 0 0 30px #0079a79e;
    margin-bottom: 3vw;
    width: 100%;
}

.texto-form {
    font-size: 1.2vw;
    line-height: 2.2vw;
    color: #3a3a3a;
    margin-left: 1vw;
}

.col-link-form {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #b3b3b3;
    box-shadow: 0 16px 10px -13px #a3a3a3;
}

.container-botao-form {
    display: flex;
    align-items: center;
    height: 7vw;
}

.botao-form {
    width: 17vw;
    height: 3.7vw;
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    background: #00a3de;
    box-shadow: -7px 7px 12px #8d8d8d;
    color: white;
    border-radius: 12px;
    font-size: 1.1vw;
    transition: 300ms;
}

.botao-form:hover {
    background: #0080dd;
    border: 1px solid #00deff;
    margin-top: -0.3vw;
    text-shadow: -2px 3px 4px #0030445e;
    transform: scale(1.03);
    box-shadow: -2px 6px 32px #0055a3;
}


/**Footer**/

.footer {
    background: #f5f5f5;
    width: 100%;
    box-shadow: inset 0px -13px 14px #afafaf;
    box-shadow: 0 0 12px #b1b1b1;
}

.conteudo-footer {
    width: 90%;
    max-width: 90%;
    display: flex;
    margin-top: 2vw;
    justify-content: center;
}

.colunas-footer {
    width: 35%;
    display: flex;
    justify-content: center;
}

.titulo-footer {
    font-size: 1.5vw;
    color: #666666;
    margin-bottom: 1.5vw;
}

.cont-col-footer {
    display: flex;
    flex-direction: column;
}

.link-footer {
    font-size: 1.3vw;
    margin-bottom: 1.3vw;
    color: #585858;
    transition: 300ms;
}

.link-footer:hover {
    color: #0069c3;
    transform: scale(1.05);
    margin-left: 1vw;
    cursor: pointer;
}

.footer-topo {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.logo-final-footer {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logo-footer {
    width: 20vw;
    height: 100%;
    filter: drop-shadow(-2px 5px 6px #a9a9a9);
}

.texto-footer {
    font-size: 1.2vw;
    color: #5e5e5e;
    margin-top: -2.5vw;
}

.bottom-footer {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6c7176;
    flex-direction: column;
}

.bottom-footer-conteudo {
    width: 90%;
    max-width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.central-footer {
    display: flex;
    flex-direction: column;
    margin-left: 0.3vw;
    width: 100%;
}

.conteudo-central-footer {
    display: flex;
    align-items: center;
}

.atendimento-footer {
    background: #343434;
    border: 0.15px solid #343434;
    color: white;
    height: 4vw;
    width: 14vw;
    font-size: 1vw;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.horas-footer {
    background: #ff3f51;
    border: 0.15px solid #ff3f51;
    color: white;
    width: 6vw;
    height: 4vw;
    border-top-right-radius: 10px;
    font-size: 1.5vw;
    line-height: 1.5vw;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conteudo-central-footer-2 {
    display: flex;
    /* justify-content: center; */
}

.atendimento-footer-2 {
    display: flex;
    background: white;
    font-weight: bold;
    width: 10vw;
    text-decoration: none;
    color: black;
    height: 4vw;
    border: 1px solid #4a4a4a;
    text-align: center;
    font-size: 0.9vw;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    border-right: 1px solid transparent;
}

.atendimento-footer-3 {
    display: flex;
    background: white;
    width: 10vw;
    text-decoration: none;
    font-weight: bold;
    color: black;
    height: 4vw;
    border: 1px solid #4a4a4a;
    text-align: center;
    font-size: 0.9vw;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 10px;
    border-left: 1px solid grey;
}

.conteudo-central-footer .texto-bottom-footer {
    font-size: 1.1vw;
    color: white;
}

.texto-bottom-footer {
    font-size: 1.1vw;
    color: white;
    margin-top: 0vw;
    text-shadow: 0 0 3px #838383;
    text-decoration: none;
    margin-bottom: 1vw;
}

.texto-bottom-footer-2 {
    font-size: 1.2vw;
    color: white;
    margin-top: 0vw;
    text-shadow: 0 0 3px #838383;
    text-decoration: none;
    margin-bottom: 1vw;
}

.texto-bottom-footer-2:hover {
    text-decoration: underline;
    transition: all 350ms ease;
    transform: scale(1.04);
}

.link-bottom-footer {
    color: #f1f1f1;
}

.link-bottom-footer:hover {
    text-decoration: underline;
    transition: all 350ms ease;
    transform: scale(1.04);
}

.img-footer {
    width: 16vw;
    height: auto;
    filter: drop-shadow(2px 4px 6px #999999);
    color: #999999;
}

.icon-whats-footer {
    width: 2vw;
    margin-left: 0.5vw;
    margin-right: -0.5vw;
}

.box-servico:hover .imagem-servico-foto {
    box-shadow: 0px 0px 17px -2px #93b8f9ba;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: 300ms;
}

.icon-seta {
    width: 1vw;
    filter: invert(1) drop-shadow(0px 2px 4px #ffffff47);
    margin-left: 0.3vw;
    margin-top: 0.2vw;
}


/** paginas de servico e conteudo**/

.container-pg {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container-pg-2 {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.container-pg-bairros {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.bairros-servicos {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.formulario-contato {}

.container-pg-conteudo {
    width: 90%;
    max-width: 90%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.container-pg-conteudo-2 {
    width: 90%;
    max-width: 90%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.container-pg-conteudo-bairros {
    width: 90%;
    max-width: 90%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.servicos-comerciais {
    width: 30%;
    max-width: 30%;
    display: flex;
    flex-direction: column;
}

.titulo-servico-comercial {
    background: #122c51;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.5vw;
    font-size: 2vw;
    box-shadow: -6px 10px 10px #0030762b, -4px -5px 10px #00307617;
    margin-bottom: 0vw;
    margin-top: 3vw;
}

.ul-servicos {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #e1e1e161;
    box-shadow: -6px 10px 10px #0030762b;
    padding-left: 0vw;
    margin: 0vw 0vw 3vw 0vw;
}

.link-servico-comercial {
    color: #122c51;
    font-size: 1.35vw;
    font-weight: bold;
    list-style: none;
    border: 1px solid #00000000;
    height: 4vw;
    width: 100%;
    display: flex;
    align-items: center;
}

.link-servico-comercial:hover {
    border-bottom: 1px solid #094ba9;
    border-top: 1px solid #094ba9;
    transition: all 250ms ease;
    box-shadow: -3px -7px 12px -11px #0070af57, -2px 7px 15px -11px #0070af, inset 0px 0px 10px 0px #008cff00;
    cursor: pointer;
}

.pagamento-curto-ul {
    filter: drop-shadow(2px 4px 6px #b1b1b1);
}

.link-li-comercial {
    transition: 300ms;
    margin-left: 1vw;
    color: #122c51;
    font-size: 1.35vw;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    height: 4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.link-servico-comercial .link-li-comercial:hover {
    text-shadow: -2px 4px 4px #094ba945;
    transform: scale(1.03) translate(1vw, 0vw);
    color: #103e81;
}

.servico-desentupimento {
    margin-left: 2vw;
    margin-right: 2vw;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titulo-pg-desentupimento {
    background: #122c51;
    text-align: center;
    border-radius: 12px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6vw;
    font-size: 2vw;
    box-shadow: -5px 5px 10px #454d6e7d;
    margin-top: 3vw;
    margin-bottom: 1vw;
    width: 100%;
}

.texto-pg-desentupimento {
    width: 100%;
    font-size: 1.2vw;
    line-height: 2.2vw;
    color: #3a3a3a;
    margin-top: 0.75vw;
    margin-bottom: 0.75vw;
}

.subtitulo-pg-desentupimento {
    color: #00284a;
    font-size: 1.35vw;
    margin-left: 1vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.subtitulo-pg-bairros {
    text-align: center;
    background: #122c51;
    border-radius: 10px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.5vw;
    width: 100%;
    font-size: 1.75vw;
    margin-top: 2.5vw;
    box-shadow: 7px 10px 17px #8b8b8b;
    font-weight: 100;
}

.li-desentupimento {
    font-size: 1.2vw;
    color: #3a3a3a;
    margin-left: 1vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    width: 90%;
}

.li-desentupimento-1 {
    color: #122c51;
    text-shadow: -2px 3px 3px #122c5126;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    width: 18vw;
    font-size: 1.2vw;
}

.form-orcamento {
    width: 25%;
    max-width: 25%;
    margin-top: 3vw;
}

.titulo-orcamento {
    color: #122c51;
    text-shadow: -2px 3px 3px #122c513d;
    font-size: 1.7vw;
    text-align: center;
}

.form-orcamento-conteudo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #e1e1e161;
    box-shadow: -6px 10px 10px #0030762b;
    padding-top: 1vw;
    padding-bottom: 1vw;
    border-radius: 12px;
    border-top: 5px solid #122c51;
    margin-top: 0.1vw;
    align-items: center;
}

.input-orcamento-1 {
    width: 18vw;
    height: 2.75vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -5px 3px 8px -3px #808080bf;
    border-radius: 6px;
    border: 1px solid #cbcbcb96;
    transition: 300ms;
}

textarea:focus-visible {
    color: #5a5a5a;
    border-radius: 8px;
    outline: transparent;
    box-shadow: -5px 3px 8px -3px #0f77bdd9;
    border: 1px solid #0043d3a1;
    transition: all 200ms ease;
}

input:hover {
    color: #5a5a5a;
    border-radius: 14px;
    outline: transparent;
    box-shadow: -5px 3px 8px -3px #0f77bdd9;
    border: 1px solid #0073d3a1;
}

input:focus-visible {
    color: #5a5a5a;
    border-radius: 15px;
    outline: transparent;
    box-shadow: -5px 3px 8px -3px #0f77bdd9;
    border: 1px solid #0073d3a1;
    transition: all 200ms ease;
    place-content: end;
    display: flex;
    font-size: 1.4vw;
}

.input-orcamento-numero {
    display: flex;
}

.input-orcamento-ddd {
    margin-right: 0.25vw;
    width: 4vw;
    height: 2.75vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -3px 3px 8px -3px #808080bf;
    border-radius: 6px;
    border: 1px solid #80808063;
}

.input-orcamento-tel {
    margin-left: 0.25vw;
    width: 13.5vw;
    height: 2.75vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -3px 3px 8px -3px #808080bf;
    border-radius: 6px;
    border: 1px solid #cbcbcb96;
}

.mensagem {
    max-width: 18vw;
    width: 18vw;
    height: 10vw;
    max-height: 12vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -3px 3px 8px -3px #808080bf;
    border-radius: 6px;
    border: 1px solid #cbcbcb96;
}

.mensagem-contato {
    max-width: 55vw;
    width: 55vw;
    height: 10vw;
    max-height: 12vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -3px 3px 10px -3px #80808078;
    border-radius: 6px;
    border: 1px solid #cbcbcb96;
}

.botao-orcamento {
    box-shadow: -4px 5px 8px #00173878;
    background: #112c50;
    color: white;
    font-size: 1.1vw;
    font-weight: bold;
    border: 0px;
    border-radius: 12px;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    width: 17vw;
    height: 4.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    transition: 300ms;
}

.botao-orcamento:hover {
    background: #0c72a3;
    box-shadow: -2px 4px 8px #009af1d1;
    border: 1px solid #00acff;
    text-shadow: -3px 2px 4px #00000047;
    transform: scale(1.05);
}

.lista-regiao-div-bairros {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lista-regiao-bairros {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    left: 3vw;
    position: relative;
}

.li-bairros {
    width: 33%;
    margin-bottom: 0.75vw;
}

.link-regiao {
    transition: 300ms;
    text-decoration: none;
    color: #004783;
    font-size: 1.35vw;
    margin-left: 0vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    height: 2vw;
    width: 100%;
    display: flex;
}

.link-regiao:hover {
    color: #00457e;
    margin-left: 1vw;
    text-shadow: -2px 3px 4px #0047838f;
}

.titulo-regiao {
    color: #00284a;
    font-size: 1.5vw;
    margin-left: 1vw;
    margin-top: 1.5vw;
    margin-bottom: 0.5vw;
}

.contato-conteudo {
    display: flex;
    justify-content: flex-start;
}

.container-contato {}

.banner-contato {
    width: 20vw;
    height: auto;
    margin-top: 2vw;
    filter: drop-shadow(2px 4px 6px lightgrey);
    border-radius: 12px;
    color: lightgrey;
}

.formulario-contato {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin-left: 0.4vw; */
    margin-right: 0.5vw;
}

.input-contato::placeholder {
    color: rgb(199, 199, 199);
}

.input-contato {
    width: 55vw;
    height: 3.75vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -5px 3px 8px -3px #808080bf;
    border-radius: 12px;
    border: 1px solid #cbcbcb;
    margin-top: 0.75vw;
    margin-bottom: 0.75vw;
    font-size: 1.3vw;
    padding-left: 1vw;
    color: #626262;
    transition: 300ms;
}

.botao-msg {
    box-shadow: -4px 5px 8px #00173878;
    background: #112c50;
    color: white;
    font-size: 1.5vw;
    font-weight: bold;
    border: 0px;
    border-radius: 12px;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    width: 25vw;
    height: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    transition: 300ms;
}

.botao-msg:hover {
    background: #0c72a3;
    box-shadow: -2px 4px 8px #009af1d1;
    text-shadow: -3px 5px 4px #00000047;
    transform: scale(1.05);
    animation: msg linear 250ms forwards;
}

.desentupimento-emergencia {
    border-radius: 15px;
    box-shadow: -3px 8px 8px lightgrey, 0px -5px 8px lightgrey, inset 0 0 10px #d3d3d36b;
    margin-left: 1.5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 55vw;
    height: 31.5vw;
    margin-top: 2.3vw;
}

.desentupimento-emergencia-titulo {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 100%;
    margin: 0px -3.2vw;
}

.background-titulo-contato {
    background: #122c51;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    height: 5vw;
    margin-bottom: 0.75vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 8px 12px -3px #ffa9a938;
}

.desentupimento-emergencia-titulo-imagem {
    filter: drop-shadow(0px 0px 3px red);
    width: 3vw;
    height: auto;
}

.desentupimento-emergencia-texto {
    font-size: 1.2vw;
    font-weight: bold;
    line-height: 2.2vw;
    color: #5e5e5e;
    margin-top: 0vw;
    text-align: center;
    margin-bottom: 0.75vw;
}

.botao-desentupimento-emergencia {
    width: 16vw;
    height: 5vw;
    font-size: 1.5vw;
    background: #ff3535;
    color: white;
    border-radius: 12px;
    box-shadow: 3px 5px 10px #500000b3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 300ms;
}

.botao-desentupimento-emergencia:hover {
    transform: scale(1.015);
    background: red;
    box-shadow: 3px 5px 8px #d30000f5;
}

.icone-tel::before {
    content: "";
    display: block;
    background-image: url("./img/telefone.png");
    margin: 0px 0.25vw 0px -0.75vw;
    width: 3vw;
    height: 100%;
    background-size: 5.5vw 10vw;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transform: rotate(-73deg);
}

.a-icon {
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}

.send-icon {
    margin-left: -1vw;
    margin-right: 0.5vw;
}

.botao-msg .sendo-icon:hover {
    box-shadow: 0 0 5px black;
}

.trabalhe-conteudo {
    display: flex;
    flex-direction: column;
}

.trabalhe-inputs {
    display: flex;
}

.input-trabalhe {
    margin-right: 2vw;
    width: 20vw;
    height: 3.5vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -5px 3px 8px -3px #808080bf;
    border-radius: 12px;
    border: 1px solid #cbcbcb;
    margin-top: 0.75vw;
    margin-bottom: 0.75vw;
    font-size: 1.3vw;
    padding-left: 1vw;
    color: #626262;
}

.check-conteudo {
    display: flex;
}

.label-trabalhe {
    display: inline;
}

.input-trabalhe-longo {
    transition: 300ms;
    margin-right: 2vw;
    width: 31vw;
    height: 3.5vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -5px 3px 8px -3px #808080bf;
    border-radius: 12px;
    border: 1px solid #cbcbcb;
    margin-top: 0.75vw;
    margin-bottom: 0.75vw;
    font-size: 1.3vw;
    padding-left: 1vw;
    color: #626262;
}

.input-trabalhe-check {
    margin-top: 1vw;
    margin-left: 1vw;
}

.trabalhe-inputs-check {
    display: flex;
    flex-direction: column;
    margin-right: 2vw;
}

.textarea-trabalhe {
    padding: 1vw;
    font-size: 1.5vw;
    max-width: 55vw;
    width: 55vw;
    height: 10vw;
    max-height: 12vw;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    box-shadow: -3px 3px 10px -3px #80808078;
    border-radius: 6px;
    border: 1px solid #959595a1;
}

.area-trabalhe {
    margin-top: 2vw;
}

.subtitulo-trabalhe {
    text-decoration: underline;
    color: #122c51;
    font-size: 1.75vw;
    font-weight: bold;
    width: 20%;
    border-radius: 12px;
    display: flex;
    align-items: center;
}

.botao-desentupimento-emergencia-2:hover {
    transform: scale(1.015);
    transition: 300ms;
    background: red;
    box-shadow: 3px 5px 8px #d30000f5;
}

.botao-desentupimento-emergencia-2 {
    width: 100%;
    height: 5vw;
    font-size: 1.5vw;
    background: #ff3535;
    color: white;
    border-radius: 12px;
    box-shadow: 3px 5px 10px #500000b3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 1vw 0vw 2vw 0vw;
}

.banner-bairros {
    width: 100%;
    height: auto;
    filter: drop-shadow(2px 4px 6px #adadad);
}

.footer-fixo {
    display: none;
}

@media (max-width: 1827px) {

    .atendimento-ligar {
        font-size: 1.2vw;
    }

}

@media (max-width: 800px) {

    main {
        padding-top: 28.5vw;
    }

    body {
        margin: 0px;
        padding: 0px;
        font-family: "Roboto Slab", serif;
        box-shadow: inset 2px 0px 14px #afafaf;
        animation: load ease 1.1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    label {
        display: flex;
        flex-direction: column;
        color: #122c51;
        font-size: 5vw;
        font-weight: bold;
        text-shadow: -2px 3px 3px #122c511c;

    }

    @keyframes load {
        0% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
        }

    }

    /**Header**/
    .icon-mobile-wpp {
        width: 12vw;
        height: auto;
    }

    .icon-mobile-user {
        width: 28vw;
        height: auto;
    }

    .icon-mobile-ligar {
        width: 26vw;
        margin-top: -21vw;
        margin-bottom: -17vw;
        transform: rotate(268deg);
        height: auto;
    }

    header {
        animation: header-animation ease 0.8s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    @keyframes header-animation {
        0% {
            transform: translateX(-100vw);
            opacity: 0.5;
        }

        100% {
            transform: translateX(0vw);
            opacity: 1;
        }
    }

    .top-desktop {
        background: #f5f5f5;
        width: 100%;
        height: 3.5vw;
        display: flex;
        box-shadow: 0 0 15px #afafaf, inset 0px -8px 20px -17px #b1b1b1;
        justify-content: center;
        border-bottom: 1px solid #e9e9e9;
    }

    .conteudo-top {
        display: flex;
        width: 72%;
        max-width: 72%;
        align-items: center;
    }

    .link-top {
        font-size: 0.9vw;
        text-decoration: none;
        color: #8f8f8f;
        border-left: 1px solid #acacac;
        border-right: 1px solid #acacac;
        padding: 10px;
    }

    .link-top2 {
        font-size: 0.9vw;
        text-decoration: none;
        margin-right: 0.5vw;
        margin-left: 0.5vw;
        color: #8d8d8d;
    }

    .link-top:hover {
        color: #404040;
        transition: all 250ms ease;
    }

    .link-top2:hover {
        color: #404040;
        transition: all 250ms ease;
    }

    .text-top {
        font-size: 0.9vw;
        text-decoration: none;
        color: #939393;
        margin-left: 1vw;
    }

    .contato-topo {
        margin-top: 2vw;
        display: flex;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        align-items: center;
    }

    .botao-contato-topo {
        display: flex;
        text-decoration: none;
        color: white;
        font-size: 1vw;
        font-weight: bold;
        background: #e2232c;
        box-shadow: 3px 3px 6px #979797;
        border-radius: 8px;
        width: 15vw;
        height: 3.8vw;
        align-items: center;
        justify-content: center;
        z-index: 100;
        position: relative;
        transition: 300ms;
    }

    .botao-contato-topo:hover {
        transform: scale(1.05);
        box-shadow: 2px 2px 5px #ca1212;
        background: red;
    }

    .menu-topo {
        width: 100%;
        max-width: 100%;
        display: flex;
        margin-top: -4vw;
        justify-content: center;
    }

    .menu-topo-conteudo {
        display: flex;
        width: 76%;
        max-width: 76%;
        align-items: center;
    }

    .logo-img {
        margin-top: -1vw;
    }

    .logo {
        filter: drop-shadow(-2px 5px 6px #a9a9a9);
        width: 28vw;
        color: #a9a9a9;
        margin-right: 0.02vw;
        animation: logo ease 700ms forwards;
    }

    @keyframes msg {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .central {
        display: flex;
        margin: 0vw;
        width: 47.1vw;
        box-shadow: -4px 6px 13px darkgrey;
        border-radius: 6px;
    }

    .central-atendimento {
        display: flex;
        font-size: 1.04vw;
        text-decoration: none;
        background: #9e1d29;
        border: 0.5px solid #9e1d29;
        color: white;
        font-weight: bold;
        width: 38vw;
        height: 3.8vw;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        align-items: center;
        justify-content: center;
    }

    .central-atendimento:hover {
        transition: all 325ms ease;
        background: #d70000;
        border: 0.5px solid #bb0011;
        font-size: 1.1vw;
    }

    .horas {
        display: flex;
        font-size: 1.19vw;
        text-align: center;
        text-decoration: none;
        background: #ff3f51;
        border: 0.5px solid #ff3f51;
        border-right: 0.5px solid #858585;
        color: white;
        font-weight: bold;
        width: 8vw;
        height: 3.8vw;
        align-items: center;
        justify-content: center;
    }

    .atendimento-whats {
        font-size: 1.1vw;
        color: #000000;
        font-weight: bold;
        height: 3.8vw;
        width: 20vw;
        text-decoration: none;
        text-align: center;
        border: 0.5px solid #858585;
        border-left: transparent;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .atendimento-whats:hover {
        color: white;
        background: linear-gradient(to right, #00b200 0%, #00f036 100%);
        transition: all 200ms ease;
    }

    .atendimento-ligar {
        font-size: 1.1vw;
        color: #000000;
        font-weight: bold;
        height: 3.8vw;
        width: 20vw;
        text-decoration: none;
        text-align: center;
        border: 0.5px solid #858585;
        border-left: transparent;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .atendimento-ligar:hover {
        background: #00888f;
        box-shadow: inset 0 0 10px #00c3cd;
        transition: all 200ms ease;
        color: white;
    }

    .conteudo-contato-top {
        width: 76%;
        max-width: 76%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .menu {
        display: flex;
        width: 100%;
        margin-top: -3vw;
        max-width: 100%;
        justify-content: center;
        align-items: center;
    }

    .conteudo-menu {
        max-width: 76%;
        width: 76%;
        display: flex;
        align-items: center;
        background: linear-gradient(322deg, rgba(11, 207, 247, 1) 0%, rgba(1, 141, 198, 1) 12%, rgba(1, 141, 198, 1) 39%, rgba(17, 44, 80, 1) 65%, rgba(17, 44, 80, 1) 92%, rgba(0, 67, 110, 1) 97%, rgba(7, 103, 152, 1) 100%);
        box-shadow: -5px -6px 13px -2px #777777;
        height: 5.8vw;
        border-radius: 5px;
        justify-content: center;
    }

    .link-menu {
        color: white;
    }

    .ul-menu {
        display: flex;
        font-size: 1.2vw;
        padding-left: 0vw;
        list-style: none;
        justify-content: center;
        align-items: center;
    }

    .li-menu {
        color: white;
        margin-right: 0.7vw;
        margin-left: 0.7vw;
        height: 5vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .li-menu:hover {
        color: #fdae35;
        text-shadow: 0 0 2px #fdae35;
        cursor: pointer;
        margin-top: -0.35vw;
        transition: all 200ms ease;
        transform: scale(1.05);
    }

    .li-menu:hover .conteudo-menu {
        color: black;
    }

    .mobile-navbar {
        display: block;
        position: fixed;
        background: #ffffffc4;
        box-shadow: inset 0px 0px 12px #bdbdbd, 0 0 15px -3px #1b1b1b;
        -webkit-backdrop-filter: blur(22.5px);
        backdrop-filter: blur(22.5px);
        width: 100%;
        z-index: 9999;
    }

    .conteudo-navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        height: 20vw;
    }

    .logo-mobile {
        width: 60vw;
        margin-left: 11vw;
        margin-right: 11vw;
        filter: drop-shadow(-2px 5px 6px grey);
    }

    .menu-mobile {
        width: 20vw;
        height: 20vw;
        display: flex;
        background: linear-gradient(144deg, rgba(0, 204, 255, 1) 0%, rgba(28, 140, 189, 1) 6%, rgba(18, 60, 108, 1) 24%, rgba(18, 57, 103, 1) 31%, rgba(10, 58, 113, 1) 46%, rgba(23, 61, 112, 1) 57%, rgba(18, 77, 129, 1) 67%, rgba(9, 108, 162, 1) 77%, rgba(0, 141, 197, 1) 84%, rgba(14, 232, 223, 1) 100%);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        box-shadow: 0px -2px 10px 0px #20488c;
        color: white;
        justify-content: center;
        transition: 300ms;
    }

    .conteudo-menu-mobile {}

    .secao {
        margin-bottom: 10;
    }

    .second-menu {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .numero-whats {
        background: linear-gradient(0deg, rgb(88 242 45) 0%, rgb(5 177 5) 54%);
        -webkit-backdrop-filter: blur(22.5px);
        backdrop-filter: blur(22.5px);
        display: flex;
        width: 50vw;
        justify-content: center;
        align-items: center;
    }

    .ligar-menu {
        background: #122c51;
        display: flex;
        width: 50vw;
        height: 10vw;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 0 10px #00183e;
    }

    .botao-whats {
        color: white;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.5vw;
        text-decoration: none;
        box-shadow: inset 0 0 10px -5px #1f331e;
    }

    .botao-ligar {
        color: white;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        text-decoration: none;
    }

    .menu-icon-w {
        width: 7vw;
        margin-left: -1vw;
        margin-right: 0.75vw;
        margin-top: 0.88vw;
    }

    .menu-icon-t {
        width: 17vw;
        transform: scaley(-1) scalex(1);
        margin-left: -4.5vw;
        margin-right: -1vw;
        pointer-events: none;
    }

    .menu-home {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-home-conteudo {
        width: 95%;
        max-width: 95%;
    }

    .menu-mobile-lista {
        list-style: none;
    }

    .link-menu-mobile {
        padding-left: 3vw;
        color: white;
        text-decoration: none;
        font-size: 6vw;
        margin-left: -5vw;
        width: 100vw;
        height: 12.5vw;
        display: flex;
    }

    .ham-menu {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ham-menu div {
        width: 10vw;
        height: 3px;
        background-color: #fff;
        box-shadow: 0 0 3px #fafafa;
        margin-bottom: 1.75vw;
        margin-top: 1.75vw;
        border-radius: 5vw;
    }

    .menu-mobile-lista {
        display: none;
    }

    /**ICONS**/
    .icon-user {
        width: 6vw;
        margin-right: -1vw;
        margin-left: -2vw;
    }

    .icon-whats {
        width: 2vw;
    }

    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: scale(-1.5) scaleY(-1);
        margin-right: 0.9vw;
    }

    /**Contéudo**/
    .banner {
        width: 100%;
        height: auto;
        margin-bottom: 0vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .banner-principal {
        width: 100%;
        height: auto;
        margin-top: 1.5vw;
        margin-bottom: 0.5vw;
        box-shadow: 0px 5px 13px 0px #a3a3a3;
    }

    .texto-banner {
        font-size: 2vw;
        color: #8b8b8b;
        display: none;
    }

    .servicos {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 5vw;
    }

    .conteudo-servicos {
        width: 95%;
        max-width: 95%;
    }

    .titulo-servico {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20vw;
        font-size: 6vw;
        box-shadow: 3px 4px 13px #7e7e7e;
        margin-bottom: 5vw;
        text-align: center;
    }

    .links-servicos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 10vw;
    }

    .box-servico {
        width: 80vw;
        max-width: 80vw;
        margin-right: 2vw;
        margin-left: 2vw;
        padding: 1vw;
        padding-bottom: 3vw;
        padding-top: 0vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 6vw;
        align-items: center;
        transition: 300ms;
    }

    .box-servico:hover {
        border-radius: 10px;
        box-shadow: 0px 15px 12px -2px #0034874d, inset 0 0 12px #0034874d;
        transform: scale(1.01);
        margin-top: -2vw;
    }

    .box-servico:hover .imagem-servico-foto {
        box-shadow: 0px 0px 17px -2px #93b8f9ba;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .box-imagem-servico {
        width: 80vw;
        display: flex;
        max-width: 80vw;
        justify-content: center;
    }

    .imagem-servico-foto {
        width: 80vw;
        max-width: 80vw;
        box-shadow: 0px 0px 15px grey;
        border-radius: 10px;
    }

    .titulo-desentupimento {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 14.5vw;
        width: 80vw;
        font-size: 5vw;
        margin-top: 3.5vw;
        box-shadow: 0px 5px 11px #7c7c7c;
        font-weight: 100;
    }

    .box-servico:hover .titulo-desentupimento {
        transform: translateY(-0.25vw);
        box-shadow: 7px 10px 17px #8b8b8b;
    }

    .saiba-mais {
        margin-top: -1vw;
        color: #007eff;
        font-size: 4vw;
    }

    .texto-desentupimento {
        color: #626262;
        line-height: 6vw;
        width: 70vw;
        height: 18vw;
        font-size: 4vw;
        margin-top: 1vw;
    }

    .sobre {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .sobre-conteudo {
        width: 95%;
        max-width: 95%;
        display: flex;
        flex-direction: column-reverse;
    }

    .imagem-sobre {
        height: auto;
        margin-top: -1vw;
        margin-right: 0vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .imagem-contratar-1 {
        background: url(./img/pagamentocurto.webp);
        background-size: cover;
        filter: drop-shadow(2px 4px 6px #b1b1b1);
        width: 85vw;
        height: 55vw;
        margin-bottom: 2vw;
        margin-top: 0vw;
        border-radius: 10px;
        transform: scale(0.85);
    }

    .imagem-contratar-2 {
        background: url(./img/fiorino.webp);
        background-size: cover;
        width: 85vw;
        height: 85vw;
        filter: drop-shadow(2px 4px 6px #b1b1b1);
        margin-bottom: 0vw;
        border-radius: 10px;
        transform: perspective(28px);
        transform: scale(0.85);
    }

    .sobre-container {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0vw;
    }

    .sobre-contratar {
        width: 100%;
    }

    .titulo-contratar {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20vw;
        width: 100%;
        font-size: 6vw;
        box-shadow: 3px 4px 13px #7e7e7e;
        margin-bottom: 8vw;
    }

    .texto-contratar {
        font-size: 4.5vw;
        line-height: 8.5vw;
        color: #3a3a3a;
        width: 85vw;
        margin-left: 5vw;
    }

    .texto-contratar-2 {
        margin-left: 2vw;
        color: #003391;
        font-weight: bold;
        font-size: 3.55vw;
        margin-bottom: 3.5vw;
    }

    .form-container-texto {
        width: 85vw;
        max-width: 85vw;
        margin-right: 0vw;
    }

    .form-container {
        display: flex;
        width: 100%;
        max-width: 100%;
    }

    .servico-form {}

    .form {
        width: 35vw;
        max-width: 35vw;
        display: none;
        margin-left: 2vw;
    }

    .form-home {
        background: #e5e5e573;
        display: flex;
        justify-content: center;
        border-radius: 10px;
        flex-direction: column;
        padding-left: 2vw;
        border-top: 0.5vw solid #fdae35;
        box-shadow: -4px 9px 15px -3px #9f9f9f;
        margin-bottom: 3vw;
    }

    .titulo-form {
        color: #525252;
        border-bottom: 1px solid #b3b3b3;
        box-shadow: 0 16px 10px -13px #a3a3a3;
        font-size: 1.5vw;
    }

    .link-form {
        color: #4e4e4e;
        font-size: 1.2vw;
        margin-bottom: 1vw;
        text-decoration: none;
        margin-left: 0.5vw;
    }

    .link-form:hover {
        color: #0069c3;
        margin-left: 1.3vw;
        transition: all 350ms ease;
        cursor: pointer;
    }

    .servico-form-conteudo {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .servico-form-conteudo-texto {
        width: 95%;
        max-width: 95%;
    }

    .titulo-servico-form {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20vw;
        text-align: center;
        font-size: 5vw;
        box-shadow: 3px 4px 13px #7e7e7e;
        margin-bottom: 3vw;
        width: 100%;
    }

    .texto-form {
        font-size: 4.5vw;
        line-height: 8.5vw;
        color: #3a3a3a;
        margin-left: 5vw;
    }

    .col-link-form {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #b3b3b3;
        box-shadow: 0 16px 10px -13px #a3a3a3;
    }

    .container-botao-form {
        display: flex;
        align-items: center;
        height: 7vw;
    }

    .botao-form {
        width: 17vw;
        height: 3.7vw;
        display: flex;
        justify-content: center;
        cursor: pointer;
        align-items: center;
        background: #122c51;
        box-shadow: -2px 6px 10px grey;
        color: white;
        border-radius: 10px;
        font-size: 1.1vw;
    }

    .botao-form:hover {
        background: #005999;
        border: 1px solid #00a3ff;
        margin-top: -0.3vw;
        transform: scale(1.03);
        transition: 300ms;
        box-shadow: -2px 6px 10px #0055a3;
    }

    .servicos-comerciais {
        display: none;
    }

    .form-orcamento {
        display: none;
    }

    .servico-desentupimento {
        width: 100%;
    }

    .titulo-pg-desentupimento {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20vw;
        font-size: 6vw;
        box-shadow: 3px 4px 13px #7e7e7e;
        margin: 6vw 0vw 4vw 0vw;
        text-align: center;
    }

    .texto-pg-desentupimento {
        font-size: 4.5vw;
        line-height: 7.2vw;
    }

    .banner-bairros {
        margin: 1vw 0vw 1vw 0vw;
        z-index: -10;
    }

    .subtitulo-pg-desentupimento {
        font-size: 5vw;
        margin: 2vw 0vw 2vw 0vw;
    }

    .subtitulo-pg-bairros {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20vw;
        font-size: 5vw;
        box-shadow: 3px 4px 13px #7e7e7e;
        margin: 6vw 0vw 4vw 0vw;
        text-align: center;
    }

    .texto-desentupimento-bairros {
        font-size: 4.5vw;
        line-height: 7.2vw;
        text-align: justify;
    }

    .link-regiao {
        font-size: 5vw;
    }

    .titulo-regiao {
        font-size: 5vw;
        margin: 6vw 0vw 0vw 0vw;
        text-align: center;
    }

    .li-bairros {
        width: 100%;
        margin: 6vw 0vw 6vw 0vw;
    }

    .li-desentupimento {
        font-size: 4.25vw;
    }

    .botao-desentupimento-emergencia-2 {
        height: 15vw;
        font-size: 6.5vw;
    }

    .icone-tel::before {
        background-size: 20.5vw 25vw;
        width: 10vw;
    }

    /**Footer**/
    .footer {
        background: #f5f5f5;
        width: 100%;
        box-shadow: inset 0px -13px 14px #afafaf, 0 0 10px #afafaf;
        display: flex;
        flex-direction: column;
        margin-top: 7vw;
    }

    .conteudo-footer {
        width: 90%;
        max-width: 90%;
        display: flex;
        margin-top: 2vw;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .colunas-footer {
        width: 85%;
        display: flex;
        margin-bottom: 5vw;
        justify-content: center;
        align-items: center;
    }

    .titulo-footer {
        font-size: 6vw;
        color: #666666;
        margin-bottom: 5vw;
    }

    .cont-col-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .link-footer {
        font-size: 5vw;
        margin-bottom: 5.5vw;
        color: #585858;
    }

    .link-footer:hover {
        color: #0069c3;
        transform: scale(1.05);
        margin-left: 1vw;
        transition: all 350ms ease;
        cursor: pointer;
    }

    .footer-topo {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .logo-final-footer {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logo-footer {
        width: 70vw;
        height: auto;
        filter: drop-shadow(-2px 5px 6px #a9a9a9);
    }

    .texto-footer {
        font-size: 5vw;
        color: #5e5e5e;
        margin-top: -2.5vw;
        text-align: center;
    }

    .bottom-footer {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #6c7176;
        flex-direction: column;
    }

    .bottom-footer-conteudo {
        width: 90%;
        max-width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .central-footer {
        display: flex;
        flex-direction: column;
        margin-left: 0.3vw;
        width: 100%;
        align-items: center;
    }

    .conteudo-central-footer {
        display: flex;
        align-items: center;
    }

    .atendimento-footer {
        background: #343434;
        border: 0.15px solid #343434;
        color: white;
        height: 12vw;
        width: 36vw;
        font-size: 3vw;
        border-top-left-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .horas-footer {
        background: #ff3f51;
        border: 0.15px solid #ff3f51;
        color: white;
        width: 14vw;
        height: 12vw;
        border-top-right-radius: 10px;
        font-size: 4.5vw;
        line-height: 4.5vw;
        text-decoration: none;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .conteudo-central-footer-2 {
        display: flex;
        /* justify-content: center; */
    }

    .atendimento-footer-2 {
        display: flex;
        background: white;
        font-weight: 100;
        width: 25vw;
        text-decoration: none;
        color: black;
        height: 11vw;
        border: 1px solid #4a4a4a;
        text-align: center;
        font-size: 2.9vw;
        align-items: center;
        justify-content: center;
        border-bottom-left-radius: 10px;
        border-right: 1px solid transparent;
    }

    .atendimento-footer-3 {
        display: flex;
        background: white;
        width: 25vw;
        text-decoration: none;
        font-weight: 100;
        color: black;
        height: 11vw;
        border: 1px solid #4a4a4a;
        text-align: center;
        font-size: 2.6vw;
        align-items: center;
        justify-content: center;
        border-bottom-right-radius: 10px;
        border-left: 1px solid grey;
    }

    .conteudo-central-footer .texto-bottom-footer {
        font-size: 1.1vw;
        color: white;
    }

    .texto-bottom-footer {
        font-size: 4vw;
        color: white;
        margin-top: 0vw;
        text-shadow: 0 0 3px #838383;
        text-decoration: none;
        margin-bottom: 1vw;
    }

    .texto-bottom-footer-2 {
        font-size: 4vw;
        color: white;
        margin-top: 0vw;
        text-shadow: 0 0 3px #838383;
        text-decoration: none !important;
        margin-bottom: 5vw;
        margin-top: 5vw;
    }

    .texto-bottom-footer-2:hover {
        text-decoration: underline;
        transition: all 350ms ease;
        transform: scale(1.04);
    }

    .link-bottom-footer {
        color: #f1f1f1;
    }

    .link-bottom-footer:hover {
        text-decoration: underline;
        transition: all 350ms ease;
        transform: scale(1.04);
    }

    .img-footer {
        width: 65vw;
        height: auto;
        filter: drop-shadow(2px 4px 6px #999999);
        color: #999999;
        z-index: 0;
        position: relative;
    }

    .icon-whats-footer {
        width: 5vw;
        margin-left: 0.5vw;
        margin-right: -1vw;
    }

    .box-servico:hover .imagem-servico-foto {
        box-shadow: 0px 0px 17px -2px #93b8f9ba;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        transition: 300ms;
    }

    .hidden {
        display: none;
    }

    .titulo-servico-home {
        background: #122c51;
        border-radius: 10px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20vw;
        font-size: 6vw;
        box-shadow: 3px 4px 13px #7e7e7e;
        margin-bottom: 5vw;
        text-align: center;
    }

    .botoes-conteudo-home {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 8vw;
    }

    .botao-home {
        text-align: center;
        text-decoration: none;
        background: #122c51;
        display: flex;
        color: white;
        font-family: system-ui;
        width: 29vw;
        height: 20vw;
        border-radius: 10px;
        font-weight: bold;
        box-shadow: 2px 4px 10px grey;
        font-size: 3vw;
        border: 0.01px solid #00aeff;
        justify-content: center;
        align-items: center;
        margin-bottom: 5vw;
        margin-right: 2vw;
    }

    .emergencia {
        display: flex;
        justify-content: center;
        margin-top: 3vw;
        align-items: center;
    }

    .botao-emergencia {
        color: white;
        background: #ff3434;
        box-shadow: -3px -3px 12px -2px #4e4e4e, inset 0 0 15px red;
        border: 1px solid white;
        border-radius: 6px;
        font-size: 5vw;
        width: 55vw;
        display: flex;
        height: 22vw;
        text-align: center;
        align-items: center;
        justify-content: center;
        transition: 300ms;
    }

    .menu-mobile-lista {
        position: absolute;
        transition: all 250ms ease;
        margin-top: 20vw;
        left: 0;
        width: 70vw;
        height: 92vh;
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px);
        background: #07213fde;
        box-shadow: 0px 32px 30px 39px #001638a8, 155px 0px 20px #00000033, inset 0 0 36px #003a63;
        color: white;
        z-index: 10 !important;
        display: flex;
        flex-direction: column;
        padding-top: 10vw;
        align-items: flex-start;
        transition: 300ms;
        transform: translateX(-100%);
        opacity: 0;
    }
    
    .menu-mobile-lista.active{
        transform: translateX(-0);
    }
    
    .hidden{
    }
    .contato-conteudo {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    .formulario-contato {
        margin: 2vw 0vw 2vw 0vw;
    }

    .input-contato {
        width: 85vw;
        height: 13.5vw;
        box-shadow: -5px 3px 8px -3px #808080bf;
        border-radius: 12px;
        border: 1px solid #cbcbcb;
        margin: 2vw 0vw 2vw 0vw;
        font-size: 3.3vw;
        padding-left: 1vw;
        color: #626262;
        transition: 300ms;
    }
    
    input:focus-visible {
    color: #5a5a5a;
    border-radius: 15px;
    outline: transparent;
    box-shadow: -5px 3px 8px -3px #0f77bdd9;
    border: 1px solid #0073d3a1;
    transition: all 200ms ease;
    place-content: end;
    display: flex;
    font-size: 4.4vw;
}


    .mensagem-contato {
        max-width: 85vw;
        width: 85vw;
        height: 25vw;
        max-height: 25vw;
        margin: 2vw 0vw 2vw 0vw;
        box-shadow: -3px 3px 10px -3px #80808078;
        border-radius: 6px;
        border: 1px solid #cbcbcb96;
    }

    .botao-msg {
        box-shadow: -4px 5px 8px #00173878;
        background: #112c50;
        color: white;
        font-size: 5vw;
        font-weight: bold;
        border: 0px;
        border-radius: 12px;
        margin: 2vw 0vw 2vw 0vw;
        width: 60vw;
        height: 15vw;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border: 1px solid transparent;
        text-decoration: none;
        transition: 300ms;
    }

    .send-icon {
        margin-left: -1vw;
        margin-right: 1.5vw;
    }

    .desentupimento-emergencia {
        border-radius: 15px;
        box-shadow: -3px 8px 8px lightgrey, 0px -5px 8px lightgrey, inset 0 0 10px #d3d3d36b;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90vw;
        height: 85vw;
        margin: 3vw 0vw 3vw 0vw;
    }

    .background-titulo-contato {
        height: 13vw;
    }

    .desentupimento-emergencia-titulo-imagem {
        width: 9vw;
    }

    .desentupimento-emergencia-titulo {
        font-size: 3.4vw;
    }

    .desentupimento-emergencia-texto {
        font-size: 3.5vw;
        line-height: 5.2vw;
    }

    .desentupimento-emergencia-titulo {
        width: 85%;
    }

    .botao-desentupimento-emergencia {
        width: 50vw;
        height: 15vw;
        font-size: 5vw;
        background: #ff3535;
        color: white;
        border-radius: 12px;
        box-shadow: 3px 5px 10px #500000b3;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: 300ms;
        margin: 2vw 0vw 2vw 0vw;
    }

    .banner-contato {
        width: 50vw;
        height: auto;
        margin-top: 3vw;
        filter: drop-shadow(2px 4px 6px lightgrey);
        border-radius: 12px;
        color: lightgrey;
    }

    .label {
        display: flex;
        flex-direction: column;
        color: #122c51;
        font-size: 4vw !important;
        font-weight: bold;
        text-shadow: -2px 3px 3px #122c513d;
    }

    .footer-fixo {
        display: flex;
        background: #e9e9e9cc;
        backdrop-filter: blur(4.5px);
        -webkit-backdrop-filter: blur(5px);
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 27vw;
        align-items: flex-end;
        justify-content: center;
        box-shadow: 0 0 15px #001d36;
        animation: footer-fixo ease 0.9s forwards;
        z-index: 1;
    }

    @keyframes footer-fixo {
        0% {
            opacity: 0;
            bottom: -50vw;
        }

        100% {
            opacity: 1;
            transform: 0px;
        }
    }

    .footer-fixo-conteudo {
        width: 75%;
        max-width: 75%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .footer-div-fixo-orc {}

    .footer-fixo-ligar {}

    .footer-div-fixo-orc {}

    .footer-fixo-wpp {
        background: linear-gradient(322deg, rgb(11 207 247 / 78%) 0%, rgb(1 141 198 / 78%) 12%, rgb(1 141 198 / 78%) 39%, rgb(17 44 80 / 78%) 65%, rgb(17 44 80 / 78%) 92%, rgb(0 67 110 / 78%) 97%, rgb(7 103 152 / 78%) 100%);
        color: white;
        text-decoration: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding-bottom: 3vw;
        font-size: 5.5vw;
        width: 33vw;
        height: 22vw;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        backdrop-filter: blur(2.5px) brightness(0.4);
    }

    .footer-fixo-orc {
        background: linear-gradient(144deg, rgba(0, 204, 255, 1) 0%, rgba(28, 140, 189, 1) 6%, rgba(18, 60, 108, 1) 24%, rgba(18, 57, 103, 1) 31%, rgba(10, 58, 113, 1) 46%, rgba(23, 61, 112, 1) 57%, rgba(18, 77, 129, 1) 67%, rgba(9, 108, 162, 1) 77%, rgba(0, 141, 197, 1) 84%, rgba(14, 232, 223, 1) 100%);
        color: white;
        text-decoration: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding-bottom: 3vw;
        font-size: 5.5vw;
        width: 30vw;
        height: 22vw;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(2.5px) brightness(0.4);
        box-shadow: 0 0 8px #00496e;
        flex-direction: column;
    }

    .footer-fixo-wpp {
        background: linear-gradient(144deg, rgba(0, 204, 255, 1) 0%, rgba(28, 140, 189, 1) 6%, rgba(18, 60, 108, 1) 24%, rgba(18, 57, 103, 1) 31%, rgba(10, 58, 113, 1) 46%, rgba(23, 61, 112, 1) 57%, rgba(18, 77, 129, 1) 67%, rgba(9, 108, 162, 1) 77%, rgba(0, 141, 197, 1) 84%, rgba(14, 232, 223, 1) 100%);
        color: white;
        margin-left: 2vw;
        margin-right: 2vw;
        text-decoration: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 5.5vw;
        width: 30vw;
        height: 22vw;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(2.5px) brightness(0.4);
        box-shadow: 0 0 8px #00496e;
        flex-direction: column;
    }

    .footer-fixo-ligar {
        background: linear-gradient(144deg, rgba(0, 204, 255, 1) 0%, rgba(28, 140, 189, 1) 6%, rgba(18, 60, 108, 1) 24%, rgba(18, 57, 103, 1) 31%, rgba(10, 58, 113, 1) 46%, rgba(23, 61, 112, 1) 57%, rgba(18, 77, 129, 1) 67%, rgba(9, 108, 162, 1) 77%, rgba(0, 141, 197, 1) 84%, rgba(14, 232, 223, 1) 100%);
        color: white;
        text-decoration: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 5.5vw;
        width: 30vw;
        height: 25vw;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(2.5px) brightness(0.4);
        box-shadow: 0 0 8px #00496e;
        flex-direction: column;
    }
}