@charset "utf-8";

@font-face {
    font-family: "Rotis Sans Serif";
    src: url(fonts/a78ea274-2047-4fe1-bf7c-8b9c303a89d9.eot?#iefix);
    src: url(fonts/a78ea274-2047-4fe1-bf7c-8b9c303a89d9.eot?#iefix) format("eot"), url(fonts/ab0dbe10-e14c-4114-a36c-81f498110d3b.woff2) format("woff2"), url(fonts/b811690f-c172-4bf5-89a9-70abcaacf324.woff) format("woff"), url(fonts/e0cebd99-4f75-4c30-8954-9f6070e9625e.ttf) format("truetype"), url(fonts/79754548-b86d-4d75-88c6-2e35eb93fa72.svg#79754548-b86d-4d75-88c6-2e35eb93fa72) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Rotis Sans Serif";
    src: url(fonts/5674d94c-ceed-4ab0-bb91-2a08094f49b7.eot?#iefix);
    src: url(fonts/5674d94c-ceed-4ab0-bb91-2a08094f49b7.eot?#iefix) format("eot"), url(fonts/4bc0c94e-4540-41d8-af12-eb921b493d4f.woff2) format("woff2"), url(fonts/69dfb4a1-a0ed-4805-9523-901448a8f8ae.woff) format("woff"), url(fonts/cc35ff9e-589d-48dc-9650-24af3a6d7a64.ttf) format("truetype"), url(fonts/eb0d6ce1-57c8-4787-b2e9-83d6083c1aa1.svg#eb0d6ce1-57c8-4787-b2e9-83d6083c1aa1) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Rotis Sans Serif";
    src: url(fonts/1d4af831-92f7-4b1e-abd6-2eb31620e81b.eot?#iefix);
    src: url(fonts/1d4af831-92f7-4b1e-abd6-2eb31620e81b.eot?#iefix) format("eot"), url(fonts/f1cdb76e-2d71-4832-9696-a596634a003a.woff2) format("woff2"), url(fonts/e68052a3-5d0f-4eb5-982e-2179922fe402.woff) format("woff"), url(fonts/8ab4858c-c30f-4028-a454-41b1802ec5bd.ttf) format("truetype"), url(fonts/59720784-fdd6-4c77-ac3b-4f6d8b7d1370.svg#59720784-fdd6-4c77-ac3b-4f6d8b7d1370) format("svg");
    font-weight: 800;
    font-style: normal
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Rotis Sans Serif", sans-serif, Arial;
    color: #403F38;
    font-size: 1.3rem;
    font-weight: 400;
}

.font-serifa {
    font-weight: 100;
    font-family: "'Rotis Sans Serif'", serif !important;
}

section.conteudo.banner h2 {
    font-size: 35px;
}

section.conteudo.banner h3 {
    font-size: 30px;
}

.lista-phonak li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}

.lista-phonak li:before {
    content: "\2022";
    color: #8BBC07;
    /* Define a cor da bolinha para verde */
    font-size: 20px;
    /* Define o tamanho da bolinha */
    position: absolute;
    left: -20px;
}

.btn-phonak {
    border: 1px solid #CFFB5E;
    background: #CFFB5E;
    color: #000000;
    border-radius: 14px !important;
    font-size: 27px;
    font-weight: bold;
}

.btn-phonak:hover,
.btn-phonak:focus {
    border: 1px solid #CFFB5E !important;
    background: #ffffff !important;
    color: #000000 !important;
}

.box-banner .btn-phonak {
    font-size: 17px;
}

.box-banner {
    border-radius: 17px;
    background-color: #F5F5F3;
    box-shadow: 0 0 9px 0 #00000040;
}

section.conteudo h2 {
    font-size: 50px;
}

section.conteudo h3 {
    font-size: 40px;
}

section.conteudo.calidad {
    background: linear-gradient(180deg, #ffffff 10%, #f5f5f3 10%, #f5f5f3 100%);
    
}

section.conteudo.calidad .box-calidad {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 #00000040;
}

.form-rodape {
    background-color: #D9D9D9;
    border-radius: 80px;
}

.form-rodape .form-group label {
    font-size: 16px;
    font-weight: 400;
}

.form-rodape h3 {
    font-size: 50px;
}

footer{
    background-color: #403F3A;
    color: #ffffff;
}

footer p{
    font-size: 29px;
}

footer p a{
    font-size: 40px;
}

@media (max-width: 991px){
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: 30px;
        padding-left: 30px;
    }

    .logo-phonak{
        width: 100px;
    }

    section.conteudo.banner h2 {
        font-size: 28px;
    }

    .lista-phonak{
        font-size: 17px;
    }

    .btn-phonak {
        font-size: 17px;
    }

    .check-form-politica{
        font-size: 17px;
    }

    section.conteudo h2 {
        font-size: 32px;
    }

    section.conteudo h3 {
        font-size: 20px;
    }

    .form-rodape {
        border-radius: 30px;
    }

    .form-rodape h3 {
        font-size: 24px;
    }

    .form-rodape h3.final {
        font-size: 17px;
    }

    footer p{
        font-size: 20px;
    }

    video{
        height: 200px !important;
    }
}