@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root{
    --hover: #005591;
    --fig: "Figtree", sans-serif;
    --roboto: "Roboto", sans-serif;
}

body{
    font-family: var(--fig);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.27;
}

.tupp{
    text-transform: uppercase;
}

.tlc{
    text-transform: lowercase;
}

html::-webkit-scrollbar{
    width: 10px;
}

html::-webkit-scrollbar-track{
    background: #f2F2F2;
}

html::-webkit-scrollbar-thumb{
    background: var(--title);
    border-radius: 15px;
}

a{
    text-decoration: none;
    color: #000;
}

p{
    margin: 0;
}

hr{
    opacity: 100%;
    -webkit-opacity: 100%;
    background: var(--line);
    margin: 0;
}

.sectitle{
    color: var(--title);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.0625;
}

.sectitle strong{
    color: #6D6E71;
    font-weight: inherit;
}

.text{
    color: var(--text);
}

.text p:not(:last-child){
    margin-bottom: 1rem;
}

.telp,
.mailp{
    display: block;
    word-break: break-word;
}

.dbtn{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 7px;
    width: fit-content;
    color: var(--white);
    /* border: 2px solid var(--main); */
    border-radius: 0;
    background: var(--main);
    padding: 4px 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dbtn.w{
    color: var(--title);
    background: var(--white);
}

.dbtn:hover{
    color: var(--white);
    background: var(--hover);
}

.wpcf7-not-valid-tip{
    position: absolute;
    font-size: 14px !important;
    top: 100%;
}

h1.entry-title{
    text-align: center;
    margin: 30px 0;
}

.ban{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background: #F4F4F4;
    padding: 37px 0 41px;
}

.ban .sectitle{
    width: fit-content;
    font-size: 26px;
}

.ban .line{
    position: absolute;
    right: 0;
    height: 1px;
    background: var(--main);
}

form{
    background: #6D6E71;
    padding: 33px 2.8rem;
}

form .row{
    grid-gap: 23px 0 !important;
    border: 1px solid var(--white);
    padding: 2rem 26px;
}

form label,
form input,
form select,
form textarea{
    color: var(--white);
    font-size: 12px;
    font-weight: 300;
}

form label{
    display: block;
    display: -webkit-block;
    margin-bottom: 5px;
}

form input,
form select,
form textarea{
    width: 100%;
    border: 1px solid var(--white);
    border-radius: 0 !important;
    background: #ffffff4a;
    padding: 9px 1rem !important;
}

form textarea{
    height: 101px;
    resize: none;
}

form button{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100% !important;
    font-size: 12px;
    padding: 9px 14px !important;
}

form button::after{
    content: url('data:image/svg+xml;utf8,<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.34457 19.4153C8.19904 19.2698 8.11728 19.0724 8.11728 18.8666C8.11728 18.6608 8.19904 18.4634 8.34457 18.3179L16.8412 9.82131L8.34457 1.32471C8.27251 1.25266 8.21535 1.16711 8.17635 1.07296C8.13735 0.978814 8.11728 0.877906 8.11728 0.776C8.11728 0.674094 8.13735 0.573186 8.17635 0.479038C8.21535 0.384889 8.27251 0.299343 8.34457 0.227285C8.41663 0.155227 8.50217 0.0980671 8.59632 0.0590695C8.69047 0.0200718 8.79138 0 8.89328 0C8.99519 0 9.0961 0.0200718 9.19024 0.0590695C9.28439 0.0980671 9.36994 0.155227 9.442 0.227285L18.4873 9.27259C18.6328 9.41812 18.7146 9.6155 18.7146 9.82131C18.7146 10.0271 18.6328 10.2245 18.4873 10.37L9.442 19.4153C9.29647 19.5609 9.09909 19.6426 8.89328 19.6426C8.68747 19.6426 8.4901 19.5609 8.34457 19.4153Z" fill="white"/><path d="M0.226277 10.3694C0.118098 10.2608 0.0444948 10.1226 0.0147517 9.97224C-0.0149914 9.82188 0.000457671 9.66608 0.0591501 9.52449C0.117843 9.38291 0.217149 9.26187 0.344545 9.17665C0.471942 9.09143 0.621721 9.04585 0.774992 9.04565H17.9393C18.1456 9.04565 18.3434 9.1276 18.4893 9.27347C18.6352 9.41934 18.7171 9.61718 18.7171 9.82347C18.7171 10.0298 18.6352 10.2276 18.4893 10.3735C18.3434 10.5193 18.1456 10.6013 17.9393 10.6013L0.774991 10.597C0.67321 10.5971 0.572417 10.5771 0.478382 10.5381C0.384347 10.4992 0.298918 10.4421 0.226984 10.3701" fill="white"/></svg>');
    height: 20px;
}

form input::placeholder{color:var(--white)}
form input:-moz-placeholder{color:var(--white)}
form input::-moz-placeholder{color:var(--white)}
form input:-ms-input-placeholder{color:var(--white)}
form input::-webkit-input-placeholder{color:var(--white)}
form textarea::placeholder{color:var(--white)}
form textarea:-moz-placeholder{color:var(--white)}
form textarea::-moz-placeholder{color:var(--white)}
form textarea:-ms-input-placeholder{color:var(--white)}
form textarea::-webkit-input-placeholder{color:var(--white)}

.loader{
    position: fixed;
    inset: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-color: var(--white);
}

.loader::before{
    content: '';
    position: absolute;
    width: 50px;
    aspect-ratio: 1/1;
    border: 3px solid var(--main);
    border-radius: 50%;
    clip-path: polygon(0 0,70% 0,70% 50%,100% 50%,100% 100%,0 100%);
    -webkit-clip-path: polygon(0 0,70% 0,70% 50%,100% 50%,100% 100%,0 100%);
    animation: 1s linear infinite forwards rotate;
    -webkit-animation: 1s linear infinite forwards rotate;
    -moz-animation: 1s linear infinite forwards rotate;
    -ms-animation: 1s linear infinite forwards rotate;
    -o-animation: 1s linear infinite forwards rotate;
}

.w{
    color: var(--white);
}

@keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-webkit-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-moz-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-ms-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}
@-o-keyframes rotate{from{transform: rotateZ(0);-webkit-transform: rotateZ(0);-moz-transform: rotateZ(0);-ms-transform: rotateZ(0);-o-transform: rotateZ(0);}to{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}}

@media(max-width:992px){
    br{
        display: none;
        display: -webkit-none;
    }
    .ban{
        padding: 1.5rem 0;
    }
    .ban .line{
        display: none;
        display: -webkit-none;
    }
}

@media(max-width:575px){
    .dbtn{
        justify-content: center;
        -webkit-justify-content: center;
        width: 100%;
    }
    form,
    form .row{
        margin: 0;
        padding: 1rem;
    }
}

@media(max-width:375px){
    .contato .row{
        border: none;
        padding: 0;
    }
}