* {
    outline: 0 !important;
    font-family: 'Montserrat', Arial;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /* letter-spacing: 1px; */
}

/* width */
/* ::-webkit-scrollbar {
    width: 10px;
} */

/* Track */
/* ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
} */

/* Handle */
/* ::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #003ca9, #007dc8);
    border-radius: 10px;
} */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to right, #003ca9, #007dc8);
} */

html {
    background: #002d57;
}

body {
    /* color: #fcc140; */
    overflow-y: auto;
}

h1,
h2,
h3 {
    text-shadow: -1px 1px 2px #fff;
}

img {
    max-width: 100%;
}

header {
    background-position: center top;
    background-size: 100% 100px;
    height: 100px;
    justify-content: center;
    margin-bottom: 20px;
}

footer {
    background-image: linear-gradient(to right, #003ca9, #007dc8);
    justify-content: center;
}

/* 
input[type="radio"]+.mauticform-radiogrp-label {
    background-color: #add8e6 !important;
} */

/* input[type="radio"]:checked+.mauticform-radiogrp-label {
    background-color: #90ee90 !important;
} */

.bg {
    position: absolute;
    background-color: transparent;
    display: flex;
    width: 100%;
    height: 100%;
    /* text-shadow: -1px 1px 0px #070707 */
}

/* .logo {
    max-width: 15% !important;
} */

#divCover {
    margin: auto;
}

/* #divCover {
    overflow-y: scroll;
} */
/* #q-bigfral {
    overflow: auto;
} */

/* #divBG {
    / background: url(../img/movimento-urbano-rua-campo-brilhante.png); /
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #002D57;
    min-height: 630px;
    margin: 0 auto;
    max-height: max-content;
    overflow: auto;
} */

#respostaDOTS {

    /* display: flex; */
    flex-direction: column;
}

/* .img-intro {
    max-width: 70% !important;
} */

.divMasterResp {
    /* background-image: url(../img/matrix/bg-resp-desk.png) !important; */
    background-position: center;
    /* background-color: #002d57 !important; */
    background-size: cover;
    width: 100% !important;
    align-items: stretch !important;
    overflow-y: auto;
}

.bgPage1 {
    background: url(../img/bg-tela-1.png);
    background-repeat: no-repeat;
    background-position: left bottom !important;
    width: 100%;
    background-size: contain;
}

.bgPage2 {

    background: url(../img/bg-tela-2.png);
    background-repeat: no-repeat;
    background-position: left bottom !important;
    background-size: contain;
}

.bgPage3 {
    background: url(../img/bg-tela-3.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
}

.bgPage4 {
    background: url(../img/bg-tela-3-1.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
}

.bgPage5 {
    background: url(../img/bg-tela-4.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
}

.bgPage6 {
    background: url(../img/bg-tela-5.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
}

.bgPage7 {
    background: url(../img/bg-tela-6.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
}

.text-resp-chamada-1 {
    color: #fff;
    font-size: 2rem;
    font-family: 'Montserrat', Arial;
    text-align: center;
    font-weight: bolder;
    padding: 12px 0;
}

.text-resp-chamada-2 {
    color: #002D57;
    background-color: #FFBF00;
    font-size: 3rem;
    font-family: 'Montserrat', Arial;
    font-weight: bolder;
    margin-left: -25px;
    padding-left: 100px;
    padding-right: 70px;
    position: relative;
    min-width: 55%;
}

.text-resp-chamada-3 {
    color: #fff;
    font-size: 1.5rem;
    font-family: 'Montserrat', Arial;
    text-align: center;
    font-weight: bold;
    line-height: normal;
    padding-top: 3rem;
}

.text-resp-chamada-4 {
    color: #002D57;
    background-color: #FFBF00;
    font-size: 45%;
    font-family: 'Montserrat', Arial;
    font-weight: bolder;
    margin-right: -44px;
    /* padding-right: 100px; */
    /* padding-left: 70px; */
    /* position: relative; */
    /* width: 55%; */
    line-height: normal;
    padding: 10px;
}


.text-desc-prod {
    color: #fff;
    font-size: 1rem;
    font-family: 'Montserrat', Arial;
    font-weight: light;
    padding: 10px;
    text-align: center;
}

.text-desc-cupom {
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    font-family: 'Montserrat', Arial;
    font-weight: bold;
    padding: 20px;
    line-height: 5rem;
}

.text-img-cupom {
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    font-family: 'Montserrat', Arial;
    color: #FFBF00;
    line-height: 2rem;
    cursor: pointer;
}

.divImgPergunta {
    font-weight: bold;
    min-width: 220px;
    max-width: 220px;
}

.divImgPergunta img {
    max-width: 180px;
    min-width: 180px !important;
}

#intro_texto {
    font-size: 2rem;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

/* .mauticform-pagebreak-wrapper {
    margin: 1rem auto !important;
} */

.btn-default-cupom a {
    font-weight: bold;
    color: #003057 !important;
    text-decoration: none;
    letter-spacing: normal;
}

.btn-default-cupom {
    width: 98%;
    margin: auto;
    margin-top: 13px;
}

.mauticform-button-wrapper .mauticform-button.btn-default,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default,
a.mauticform-button.btn.btn-default,
.btn-default-cupom {
    background: #ffc528 !important;
    font-size: 1.5rem;
    font-weight: 800;
    color: #003057 !important;
    padding: 5px 30px;
    border: solid 0px #fff !important;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: 0px 2px 5px 0px #3e3e3e;
    letter-spacing: 1px;
    max-width: 100%;
}

.mauticform-button-wrapper .mauticform-button.btn-default:hover,
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default:hover,
a.mauticform-button.btn.btn-default:hover,
.btn-default-cupom:hover {
    opacity: 90%;
}

.mauticform-errormsg {
    font-size: 0.8rem;
    display: block;
    color: red;
    margin-top: 2px;
    text-transform: uppercase;
}

.divintroducao {
    justify-content: flex-end;
    margin-top: 10%;
}

#mauticform_input_quiztdmqualpersonagem_politica_dados {
    display: flex;
    margin: auto;
    align-content: center;
    justify-content: center;
}

#mauticform_input_quiztdmqualpersonagem_politica_dados ul {
    text-align: left;
}


.intro-tit {
    text-align: center;
    font-size: 2rem;
    color: #fcc140;
    /* padding: 1rem; */
    letter-spacing: 1px;
}

.introducao {
    font-size: 1.7rem;
    color: #ffffff;
    display: unset;
}

/*
.introducao mark {
color: #ed9bbe;
font-weight: bold;
background: unset;
text-shadow: -1px 1px 2px #483b3b;
}

*/
.mark,
mark {
    padding: 0px .2em !important;
    /* text-transform: uppercase; */
    color: #FFC528;
    font-weight: bold;
    background: unset;
    letter-spacing: 1px;
}

.container {
    display: flex;
    margin: auto;
    max-width: unset;
}

.text-regulamento,
.text-regulamento * {

    letter-spacing: 0px !important;
    text-shadow: unset !important;
    color: #ffffff;
    font-size: 1rem;
    text-decoration-line: none;
    list-style-type: none;
}

.text-compartilha * {
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    font-style: italic;
}

.text-compartilha {
    padding: 2rem;
    text-align: center;
}

.mauticform-helpmessage {
    color: #fcc140;
    font-size: 1.8rem !important;
    /* padding: 10px; */
    text-align: center;
    font-weight: bold;
    margin-top: -0.5em;
}


.mauticform-innerform {
    /* display: flex;
    flex-direction: column; */
    /* align-items: flex-end; */
    /* overflow-y: auto;
    overflow-x: hidden; */
    /* padding: 5rem 0; */
    /* margin-top: 20%; */
    /* width: 680px; */
}

.div-buttons {
    /* display: flex;
    justify-content: center;
    width: 100%; */
}

.form-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: unset;
    width: unset;
    margin-left: auto;
    margin-right: auto
}

.mauticform_wrapper {
    max-width: unset !important;
    margin: auto !important;
    width: 100%;
}

.mauticform-label,
.mauticform-label b {
    color: #ffffff;
    margin-bottom: 2.5rem !important;
    font-size: 3.2rem !important;
    font-family: sans-serif;
    margin-top: 5rem;
}

.mauticform-freetext p {
    color: #002D57 !important;
    background-color: #FFBF00;
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 0;

}

.mauticform-freehtml {
    margin-bottom: 1rem;
}

#tit-item {
    font-weight: bold;
}

.mauticform-radiogrp-label {
    color: white;
}

.mauticform-radiogrp-label:hover {
    /* background: #eee; */
    cursor: pointer;
}

.mauticform-radiogrp-label img {
    min-width: 200px;
}

:checked+span {
    font-weight: bold;
    background: #eee;
}


.mauticform-radiogrp-row {
    display: inline-block;
    font-size: 1.5rem;
    text-align: center;
    padding: 0;
    margin: 12px;
    border-radius: 2px
}


.mauticform-row {
    text-align: center;
    /* padding-bottom: 20px; */
    margin: auto !important;
}

.texto-resposta {
    font-size: 1.5rem;
    color: #d0a543;
    text-align: left;
    padding-left: 5px;
}

.opt-arround {
    text-align: right;
}

.li-arround {
    border: 2px solid;
    border-radius: 50%;
    padding: 0 0.4em;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: lowercase;
    margin: auto;
    color: #d0a543;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    margin-top: 0;
    max-height: 40px;
    min-height: 40px;
    height: 40px;
}

.mauticform-field-10 .mauticform-helpmessage {
    font-weight: normal !important;
    padding-bottom: 4rem;
}

.respINTRO {
    text-align: justify;
    flex-direction: column;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
    margin-top: 55px;
}

.respDIR {
    padding: 2rem;
    flex-direction: column;
    /* border: 2px dotted #fcc140; */
}

.respLEF {
    /* padding: 2rem; */
    flex-direction: column;
    margin-left: 0 !important;
}

.respLEF div:last-child {
    padding: 2rem 0;
}


.respDesc {
    text-align: center;
    font-size: 1.5rem;
    color: #fbfbfb;
    font-style: italic;

}

.respDescCupom {
    text-align: justify;
    font-size: 1.0rem;
    color: #003ca9;

    font-weight: bold;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.respDescCupom div {
    margin: 2rem auto !important;
}

.respDescCupom div:first-child {
    padding: 0 4rem;
}


.cupom {
    background-image: url(//witbiz.digital/aw-ontex-bigfral/themes/web-quiz-bigfral/img/cupombigfral10.png);
    background-color: transparent;
    cursor: pointer;
    max-width: 350px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
}

.cupom:hover i {
    color: gray;
}

.cupom span {
    color: #003ca9;

    font-weight: bold;
    font-size: 1.5rem;
    cursor: pointer;
    background-color: #fff;
    padding: 0 0.5rem;
    border: 1px solid #fdc432;
    border-radius: 8px;
    margin-right: 12px !important;
}


.iconCopy {
    color: lightgray;
}

.iconCopy:hover {
    color: gray;
}

#mauticform_quiztdmqualpersonagem_submit {
    visibility: hidden !important;
}

.mauticform-row.mauticform-required .mauticform-label:after {
    font-size: 15px;
    font-weight: bold;
    margin-top: -1rem !important;
}

@keyframes anima {
    to {
        opacity: 1;
    }
}

.callSite {
    background-color: #3c2885;
    border-radius: 5px;
    color: #fff;
    /* margin-bottom: -5rem !important; */
    opacity: 0.8;
    animation: anima 1s cubic-bezier(0.5, -1, 0.27, 2) infinite;
    animation-direction: alternate-reverse;
    animation-delay: 1s;
}

/* ------------------------------------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */

@media only screen and (max-width: 400px) {

    .mauticform-label,
    .mauticform-label b {
        margin-top: initial
    }

    .bgPage0 {
        min-height: auto !important;
    }

    /* div#divCover {
        height: 830px !important;
        min-height: 822px !important;
    } */
}

@media only screen and (max-width: 700px) {
    html {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    main {
        padding-top: 1rem;
    }

    .respINTRO {
        margin-top: auto;
    }

    /* h1 {
        padding-top: 3.5rem;
    } */
    .introItens {
        margin-top: -1.5rem;
    }

    .logo {
        max-width: 55% !important;
    }

    .mauticform-label,
    .mauticform-label b,
    .mauticform-helpmessage {
        font-size: 1.5rem !important;
    }

    .mauticform-helpmessage {
        padding-top: 0.6rem;
    }

    .mauticform-pagebreak {
        margin: 1rem;
    }

    /* #divCover {
        margin: unset !important;
    } */

    /* .bgPage2 {
        padding-top: 6.5rem;
    } */

    .respLEF {
        padding: 1rem;
        margin-left: unset !important;
    }

    .respDIR {
        padding: 1rem;
    }

    .respDescCupom {
        padding-right: unset !important;
        margin-right: unset !important;
    }

    .respDescCupom div:first-child {
        padding: 1rem;
    }


    .cupom {
        max-width: 265px;
        height: 110px;
    }

    .cupom span {
        font-size: 1.5rem !important;
    }

    .img-final-pack {
        margin-top: 1.5rem !important;
        /* max-width: 135%; */
        /* margin-left: -5rem !important; */
    }

    #respostaDOTS {

        /* display: flex; */
        flex-direction: column;
    }

    div#dirdot_texto {
        font-size: 1rem;
    }

    span#intro_texto {
        font-size: 1.5rem;
        margin-top: 28px;
    }

    span.text-compartilha-item {
        display: block;
    }

    button#mauticform_input_quizperfilmenopausa_submit {
        font-size: 15px;
    }

    header a {
        max-height: 60% !important;

        margin-right: 20px !important;
    }
}

nav {
    background-color: #fcc140;
    align-content: center;
    padding: 20px;
}

nav img {
    padding: 10px;
    max-width: 50% !important;
    width: 50% !important;
    align-items: center;
    text-align: center;
    margin: auto;
}

h1 {
    color: #fff;
    font-weight: 700;

    font-size: 3.2rem;
}

.text-base {
    /* padding: 0.5rem; */
    color: #e24485;
    font-weight: bolder;
    font-size: 0.55rem;

}

.text-modelo-tom {
    padding: 0.5rem;
    color: #000;
    font-weight: 600;
}

.img-base {
    max-height: 10rem;
    max-width: 10rem;
    min-height: 10rem;
    min-width: 10rem;
}

.img-modelo-tom {
    max-height: 10rem;
    max-width: 10rem;
    min-height: 10rem;
    min-width: 10rem;
    margin-bottom: 30px;
}

#final-form-2 .mauticform-row {
    text-align: left;
    padding-top: 15px;
}

#final-form-2 .mauticform-row button {
    margin-left: 0px;
}


a,
a:hover,
a:focus {
    color: rgb(255, 255, 255);
}

h2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: unset;
}

.mauticform-page-2 input[type=text],
.mauticform-page-2 input[type=email],
.mauticform-page-2 input[type=date],
.mauticform-page-2 input[type=tel] {
    max-width: 100% !important;
    ;
}

.mauticform-radiogrp-radio {
    width: 3rem;
    margin: 0.5rem 0;
    height: 25px;
}

.botao-compartilha {
    display: flex;
    flex-direction: column-reverse;
}

@media (min-width: 1200px) {
    .container {
        max-width: unset;
        padding: 15px;
        display: flex;
        margin: auto;
    }

    .botao-compartilha {
        display: inline-flex;
        flex-direction: initial;
    }

}

.list-group-item.active a,
.well a {
    color: #fff;
}

hr {
    border-top: 1px solid rgba(71, 85, 143, 0.5);
}


.panel-default {
    border-color: rgba(71, 85, 143, 0.5);
    color: #000;
}

.well,
.panel-default>.panel-heading {
    background-color: #4e5d9d;
    border-color: rgba(71, 85, 143, 0.5);
    color: #fff;
}

.row {
    margin-right: unset;
    margin-left: unset;
}

.mauticform-selectbox,
.mauticform-input,
.mauticform-textarea {
    width: 100%;
    color: #000000;
}

.mauticform-input,
.mauticform-selectbox,
.mauticform-textarea {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 0 #fff inset;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px
}

@media (max-width: 1200px) {
    .introducao {
        font-size: 1.5rem;
    }
}

div#mauticform_input_quizperfilmenopausa {
    margin-top: -3rem !important;
}

label#mauticform_radiogrp_label_politica_dados_termoaceito0 {
    font-size: 18px;
}

@media only screen and (max-width: 1700px) and (min-width: 1200px) {
    .respLEF div:last-child {
        padding: 0px;
    }

    .respINTRO {
        margin-top: 3px;
    }

    #intro_texto {
        font-size: 1.7rem;
    }

    .respDesc {
        font-size: 1.4rem;
    }

    span.text-compartilha-item {
        display: block;
        padding-bottom: 10px;
    }

}

@media (max-width: 959px) {
    .mauticform-radiogrp-row {
        display: flex;
        width: 100%;
        margin-left: 30%;
    }

    .mauticform-radiogrp-radio {
        width: 3rem;
        margin: 0.75rem 0;

    }

    .img-modelo-tom {
        max-height: 10rem;
        max-width: 10rem;
        min-height: unset;
        min-width: unset;
    }

    .mauticform-page-9 {
        padding: 0rem;
    }

    .finalizacao-div {
        margin-top: unset;
        margin-left: -5%;
        padding-right: 0rem;
    }

    #final-form-1 {
        padding: 4px;
    }
}


/*Bot���o de compartilhar*/
.hidden {
    display: none;
}

svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

button,
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
}

button:hover,
.button:hover {
    border-color: #cdd;
}


.copy-link {
    padding-left: 30px;
    padding-right: 30px;
}

.share-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.share-dialog {
    display: none;
    width: 95%;
    max-width: 500px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .15);
    z-index: -1;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
}

.share-dialog.is-open {
    display: block;
    z-index: 2;
}

.container-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.targets {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.close-button {
    background-color: transparent;
    border: none;
    padding: 0;
}

.close-button svg {
    margin-right: 0;
}

.link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
}

.pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.share-button,
button.share-button,
button.share-button2 {
    background: #003057 !important;
    font-size: 1.5rem !important;
    font-weight: bold;
    color: #ffc528 !important;
    padding: 5px 30px;
    border: solid 0px #323030 !important;
    border-radius: 20px;
    text-shadow: -1px 1px black;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    box-shadow: 1px 2px 1px 0px #3e3e3e;
    letter-spacing: 1px;
    border: solid 0px #fff !important;
    border-radius: 20px !important;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    box-shadow: 1px 2px 1px 0px #3e3e3e;
    letter-spacing: 1px;
    max-width: 100%;
}

@media (max-width: 989px) {
    header a {
        margin-left: auto;
    }

    header a img {
        max-height: 70% !important;
        height: 70% !important;
    }

    /* #divBG {

        background: url(../img/movimento-urbano-rua-campo-brilhante.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 630px;
        margin: 0 auto;
        max-height: max-content;
        overflow: auto;
    } */

    .bgPage2 {

        background: url(../img/casal-sorridente-em-foto-media-do-lado-de-fora.png);

        background-repeat: no-repeat;
        background-position: left bottom !important;

    }

    .bgPage3 {
        background: url(../img/mulher-gravida-adoravel-e-fofa-posando.png);
        background-repeat: no-repeat;
        /* background-size: cover; */

    }

    .bgPage4 {
        background: url(../img/page4.png);
        background-repeat: no-repeat;
        /* background-size: cover; */

    }

    .bgPage5 {
        background: url(../img/mulhe-com-bebe.png);
        background-repeat: no-repeat;
        /* background-size: cover; */

    }

    .bgPage6 {
        background: url(../img/amigas-bigfral.png);
        background-repeat: no-repeat;
        /* background-size: cover; */

    }


    .tit-desktop {
        display: none !important;
    }

    /* #divBG {
        background: rgb(137, 216, 238);
        background-image: linear-gradient(to left, #002d57 0%, #002d57 40%, transparent 100%)
    } */

    .bgPag2,
    .bgPage3,
    .bgPage4,
    .bgPage5,
    .bgPage6,
    .bgPage7,
    .bgPage8,
    .bgPage9,
    .bgPage10 {
        background: #002d57;
        background-image: linear-gradient(to left, #002d57 0%, #002d57 40%, transparent 100%);
        ;
        background-size: cover;
    }

    .introducao {
        font-size: 20px;
    }

    .mobile-hidden {
        display: none;
    }

    div#mauticform_input_quizbigfralmenopausa2_titulo img {
        margin-top: 0 !important;
    }

    main.container.container-mob {
        margin: initial;
    }

    .col-md-8.mx-auto.ant-cupom {
        width: 95%;
    }

    element.style {
        /* max-width: 100% !important; */
        /* width: 100% !important; */
        font-size: 16px;
    }

    button#mauticform_input_quizbigfralincontinencia_submit {
        font-size: 50px;
    }

    a.mauticform-button.btn.btn-default,
    .btn-default-cupom {
        font-size: 1rem;
    }

    #mauticform_quizbigfralmenopausa2_aceito_e_declaro_compreen .mauticform-checkboxgrp-row,
    .mauticform-errormsg {
        display: flex;
        align-items: baseline;
        color: #fff;
        width: 100%;
        margin: auto;
    }

    div#mauticform_input_quizbigfralmenopausa2_link_termo_de_aceite {
        width: 100% !important;
    }
}


@media (min-width: 990px) {

    div#mauticform_quizbigfralmenopausa2_nome,
    div#mauticform_quizbigfralmenopausa2_email {
        width: 50%;
        margin-left: auto;
    }

    div#mauticform_quizbigfralmenopausa2_politica_dados {
        width: 50%;
        margin-left: auto;
    }

    div#mauticform_quizbigfralmenopausa2_pag2 {
        margin: 1rem auto 1rem 50% !important;
    }

    .text-compartilha {
        margin-top: 50px;
    }

    .text-compartilha,
    .text-compartilha * {
        padding: 6px;
        font-size: 1.5rem;
    }

    div#divCover {
        height: 100% !important;

    }

    span.text-compartilha-item {
        margin-right: 30px;
    }

    a.text-compartilha-item {
        margin-right: 5%;
    }

    #mauticform_quizbigfralmenopausa2_aceito_e_declaro_compreen .mauticform-checkboxgrp-row {
        width: 50%;
        margin-left: auto;
        color: #fff;
        display: block;
    }

    #mauticform_quizbigfralmenopausa2_aceito_e_declaro_compreen .mauticform-errormsg {
        width: 50%;
        margin-left: auto;
    }

    .introItens div {
        padding: 1rem;
    }

}


#mauticform_quizbigfralincontinencia_titulocompartilhardados {
    padding-bottom: unset;
}

/* 
#mauticform_quizbigfralincontinencia_nome,
#mauticform_quizbigfralincontinencia_email,
#mauticform_quizbigfralincontinencia_data_de_nascimento1 {
    padding-bottom: unset;
} */

input#mauticform_input_quizbigfralincontinencia_nome,
input#mauticform_input_quizbigfralincontinencia_email,
input#mauticform_input_quizbigfralincontinencia_data_de_nascimento,
input#mauticform_input_quizbigfralincontinencia_whatsapp {
    border-radius: 10px;
    padding: 8px 15px;
    background: #D9D9D9;
    text-transform: uppercase;
    color: #002D57;
    /*  box-shadow: -30px -30px 30px black; */
}

input#mauticform_input_quizbigfralincontinencia_nome::placeholder,
input#mauticform_input_quizbigfralincontinencia_email::placeholder,
input#mauticform_input_quizbigfralincontinencia_data_de_nascimento::placeholder,
input#mauticform_input_quizbigfralincontinencia_whatsapp::placeholder {
    color: #002D57;
    padding: 10px;
    text-align: center;
}

div#mauticform_quizbigfralmenopausa2_titulo img {
    /* margin-top: -15%;*/
    margin-bottom: 50px;
}

span.text-compartilha-item {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: bold;
    color: #fff;
}


img#intro_foto {
    margin-left: -47px !important;
    margin-bottom: -70px !important;
}

.mauticform-checkboxgrp-row {

    margin-left: auto;
    color: #fff;
}


div#mauticform_input_quizbigfralmenopausa2_link_termo_de_aceite a {
    color: #003057;
    font-weight: bold;
    text-decoration: none;
}

div#mauticform_input_quizbigfralmenopausa2_link_termo_de_aceite {
    margin-top: -20px;
    margin-left: auto;
    width: 50%;
}

.div-quiz {
    z-index: 10;
    background-image: linear-gradient(to left, #002d57 0%, #002d57 60%, transparent 100%);
    height: 100%;
    width: 90%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    /* justify-content: center;
    align-items: center; */
    font-size: 38px;
}

#mauticform_wrapper_quizbigfralincontinencia {
    display: flex;
    /* flex-direction: column;
    align-items: center; */
    /*  padding-left: 250px; */
    /*     position: fixed;
    z-index: 1001;
    margin: 0 auto */
    justify-content: flex-end;
    /* max-height: 500px; */
    overflow-y: auto;
}

#mauticform_wrapper_quizbigfralincontinencia form {
    /* background-color: blue; */
    /*   width: 100vw; */
    /* padding-left: 20%; */
    margin-left: auto;
    margin-right: 10%;
    display: flex;
    padding: 3rem;
}


/* .mauticform-page-wrapper.mauticform-page-2,
.mauticform-page-wrapper.mauticform-page-3,
.mauticform-page-wrapper.mauticform-page-4,
.mauticform-page-wrapper.mauticform-page-5,
.mauticform-page-wrapper.mauticform-page-6 {
    margin-right: 120px;
} */

/* #mauticform_input_quizbigfralincontinencia_pag2 {
    margin-right: 80px;
} */

.mauticform-page-wrapper.mauticform-page-2 {
    max-width: 600px;
}

#mauticform_checkboxgrp_label_aceito_e_declaro_compreen_ACEITOEDECLAROCOMPREENDEROSTERMOSECONDICOESLEGAIS0 {
    font-size: 14px;
    margin-left: 10px;
}



#mauticform_input_quizbigfralincontinencia_link_termo_de_aceite {
    font-size: 24px;
}

#mauticform_quizbigfralincontinencia_para_quem_e_o_produto,
#mauticform_quizbigfralincontinencia_qual_o_nivel_de,
#mauticform_quizbigfralincontinencia_o_que_voce_busca_em_um_pr {
    display: grid;
    justify-items: start;
    /* text-transform: uppercase; */
    gap: 15px
}

#mauticform_quizbigfralincontinencia_idade {
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr; */
    align-items: center;
    justify-content: center;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
}


#mauticform_input_quizbigfralincontinencia_capa {
    /* margin-right: 500px; */
    margin-bottom: 100px;
}

.container-perguntas-radio {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    font-size: 1.5rem;
    color: white !important;
    text-align: left;
}

.divintroducao .introducao {
    font-size: 2.6rem;
    font-weight: 700;
}

div.introducao {
    display: flex;
    flex-direction: column;
    margin-top: 37px;
}

.introducao b,
.introducao div {
    color: #002D57;
    font-weight: 800;
    background-color: #ffbf00;
    line-height: 3rem;
    padding: 0.5rem 2rem;
}

#mauticform_input_quizbigfralincontinencia_data_de_nascimento1 {
    background-color: #D9D9D9;
    border-radius: 10px;
}

#mauticform_quizbigfralincontinencia_genero {
    display: flex;
    justify-content: center;
    margin: 1rem !important;
}

#mauticform_quizbigfralincontinencia_genero .mauticform-radiogrp-row {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin: unset !important;
}

#mauticform_quizbigfralincontinencia_genero label {
    font-size: 14px !important;
    margin: unset !important;
    margin-top: 5px !important;
}

#mauticform_quizbigfralincontinencia_genero label:nth-of-type(1) {
    font-weight: 700;
}

#mauticform_quizbigfralincontinencia_genero input {
    margin: unset !important;
}

#mauticform_quizbigfralincontinencia_aceito_e_declaro_compreen {
    margin-bottom: 0px !important;
    padding-bottom: unset !important;
}

#mauticform_quizbigfralincontinencia_aceito_e_declaro_compreen .mauticform-checkboxgrp-row {
    display: flex;
    font-size: 16px !important;
}

#mauticform_input_quizbigfralincontinencia_link_termo_de_aceite a {
    color: #FFBF00;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.titulo-compartilhar-dados {
    font-size: 3rem;
    line-height: 3rem;
    /* margin-top: 25%; */
}

.titulo-compartilhar-dados p {
    color: white;
    font-weight: 700;
    /* margin-bottom: 0; */
}

.titulo-compartilhar-dados span,
.titulo-compartilhar-dados div {
    color: #002D57;
    font-weight: 800;
    background-color: #ffbf00;
    line-height: 3rem;
    padding: 0.5rem 2rem;
}

.titulo-pra-quem-produto {
    font-size: 3rem;
    line-height: 3rem;
}

.titulo-pra-quem-produto p {
    color: white;
    font-weight: 700;
}

.titulo-pra-quem-produto span,
.titulo-pra-quem-produto div {
    color: #002D57;
    font-weight: 800;
    background-color: #ffbf00;
    line-height: 3rem;
    padding: 0.5rem 2rem;
}

.titulo-idade {
    font-size: 3rem;
    line-height: 3rem;
}

.titulo-idade p {
    color: white;
    font-weight: 700;
}

.titulo-idade span,
.titulo-idade div {
    color: #002D57;
    font-weight: 800;
    background-color: #ffbf00;
    line-height: 3rem;
    padding: 0.5rem 2rem;
}

.titulo-nivel-incontinencia {
    font-size: 3rem;
    line-height: 3rem;
}

.titulo-nivel-incontinencia p {
    color: white;
    font-weight: 700;
}

.titulo-nivel-incontinencia span,
.titulo-nivel-incontinencia div {
    color: #002D57;
    font-weight: 800;
    background-color: #ffbf00;
    line-height: 3rem;
    padding: 0.5rem 2rem;
}

.titulo-busca-produto {
    font-size: 3rem;
    line-height: 3rem;
}

.titulo-busca-produto p {
    color: white;
    font-weight: 700;
}

.titulo-busca-produto span,
.titulo-busca-produto div {
    color: #002D57;
    font-weight: 800;
    background-color: #ffbf00;
    line-height: 3rem;
    padding: 0.5rem 2rem;
}

#mauticform_quizbigfralincontinencia_idade {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
}

.mauticform-page-wrapper .mauticform-page-2 input {
    padding-bottom: unset !important;
}


/* #mauticform_quizbigfralincontinencia_qual_o_nivel_de {
    max-width: 680px;
} */

#mauticform_quizbigfralincontinencia_qual_o_nivel_de .mauticform-radiogrp-row {
    display: flex;
    text-align: start;
}

#mauticform_quizbigfralincontinencia_qual_o_nivel_de input {
    height: 25px;
}

input[type="radio"]:checked+.mauticform-radiogrp-label {
    background-color: none !important;
}

/* #mauticform_quizbigfralincontinencia_idade {
    padding-left: 20%;
} */

#mauticform_quizbigfralincontinencia_qual_o_nivel_de {
    text-align: left;

}

#mauticform_quizbigfralincontinencia_qual_o_nivel_de .container-perguntas-radio {
    align-items: unset;
    width: 750px;
}

#mauticform_quizbigfralincontinencia_qual_o_nivel_de .container-perguntas-radio label {
    width: 90%;
}


#mauticform_quizbigfralincontinencia_o_que_voce_busca_em_um_pr {
    text-align: left;
    justify-content: center;
}

#mauticform_quizbigfralincontinencia_o_que_voce_busca_em_um_pr .container-perguntas-radio {
    align-items: unset;
    width: 500px;
}

#mauticform_quizbigfralincontinencia_o_que_voce_busca_em_um_pr .container-perguntas-radio label {
    width: 90%;
}



@media (max-width: 768px) {

    .bg {
        position: unset;
    }

    /* #divBG {
        overflow: hidden;
        background: url(../img/movimento-urbano-rua-campo-brilhante.png);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 630px;
        margin: 0 auto;
        max-height: max-content;
        overflow: auto;
    }
    */

    .div-quiz {
        background-image: linear-gradient(to top, #002d57 0%, #002d57 70%, transparent 100%);
        /* background-image: linear-gradient(to left, #002d57 0%, #002d57d4 70%, transparent 100%); */
        height: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 48px;
    }

    .mauticform-page-wrapper.mauticform-page-2,
    .mauticform-page-wrapper.mauticform-page-3 .mauticform-page-wrapper.mauticform-page-4 .mauticform-page-wrapper.mauticform-page-5 .mauticform-page-wrapper.mauticform-page-6 {
        margin-right: unset;
    }

    #mauticform_input_quizbigfralincontinencia_titulomob {
        display: none;
    }

    #mauticform_wrapper_quizbigfralincontinencia form {
        padding-left: unset;
        padding: 0;
        margin: 0;
    }

    .bgPage1 {
        background-position: inherit !important;
        z-index: 999;
    }

    .titulo-compartilhar-dados div {
        font-size: 2rem;
        text-align: center;
        padding: 0;
    }

    #mauticform_wrapper_quizbigfralincontinencia {
        justify-content: center;
    }

    .bgPage0 {
        background: url(../img/SAN_9330.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    .bgPage2 {
        background: url(../img/casal-sorridente-em-foto-media-do-lado-de-fora.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    #mauticform_quizpompomtipomamae_pag0 {
        padding-top: 280px;
    }

    .divintroducao .introducao {
        font-size: 25px;
    }

    .divintroducao .introducao b,
    .divintroducao .introducao b {
        font-size: 30px;
        font-weight: 900;
    }

    .mauticform-page-wrapper.mauticform-page-2 {
        max-width: 360px;
    }

    #mauticform_input_quizbigfralincontinencia_pag2 {
        margin-right: unset;
    }

    .mauticform-page-wrapper.mauticform-page-2 .mauticform-radiogrp-radio {
        width: 1rem;
        margin: 0.75rem 0;
        height: unset;
    }

    /* .titulo-compartilhar-dados {
        font-size: 25px;
    } */

    #mauticform_quizbigfralincontinencia_genero label {
        font-size: 10px !important;
    }

    #mauticform_quizbigfralincontinencia_genero {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #mauticform_input_quizbigfralincontinencia_titulomob1 {
        display: none;
    }


    .bgPage3 {
        background: url(../img/bg-tela-3.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    .divMasterResp {
        /* background-image: linear-gradient(to top, #002d57 0%, #002d57 70%, transparent 100%) !important; */
        background-color: unset !important;
        /* background: url(../img/bg-tela-6.png); */
        background-position: center;
        top: 0 !important;
    }

    .titulo-pra-quem-produto {
        font-size: 30px
    }

    #mauticform_quizbigfralincontinencia_para_quem_e_o_produto .container-perguntas-radio {
        font-size: 18px;
    }

    #mauticform_quizbigfralincontinencia_para_quem_e_o_produto .container-perguntas-radio input {
        height: 18px;
    }

    #mauticform_input_quizbigfralincontinencia_titulomob2,
    #mauticform_input_quizbigfralincontinencia_titulomob3,
    #mauticform_input_quizbigfralincontinencia_titulomob4 {
        display: none;
    }

    .bgPage4 {
        background: url(../img/bg-tela-3-1.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    .titulo-idade {
        font-size: 30px
    }

    #mauticform_wrapper_quizbigfralincontinencia {
        overflow-x: hidden;
    }

    #mauticform_quizbigfralincontinencia_idade {
        padding: 0 10%;
    }

    #mauticform_quizbigfralincontinencia_idade .container-perguntas-radio input {
        height: 18px;
    }

    #mauticform_quizbigfralincontinencia_idade {
        display: grid;
        align-items: center;
        justify-content: center;
    }

    #mauticform_quizbigfralincontinencia_idade .container-perguntas-radio {
        font-size: 18px;
    }

    .bgPage5 {
        background: url(../img/bg-tela-4.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    .titulo-nivel-incontinencia {
        font-size: 30px;
    }

    #mauticform_quizbigfralincontinencia_qual_o_nivel_de .container-perguntas-radio {
        font-size: 16px;
        width: 400px;
    }

    #mauticform_quizbigfralincontinencia_qual_o_nivel_de .container-perguntas-radio input {
        height: 18px;
    }

    #mauticform_quizbigfralincontinencia_qual_o_nivel_de .container-perguntas-radio:nth-of-type(2) {
        align-items: center;
    }

    .bgPage6 {
        background: url(../img/bg-tela-5.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    .bgPage7 {
        background: url(../img/bg-tela-6.png);
        background-repeat: no-repeat;
        background-position: unset !important;
        width: 100%;
        background-size: contain;
    }

    .titulo-busca-produto {
        font-size: 30px;
    }

    #mauticform_quizbigfralincontinencia_o_que_voce_busca_em_um_pr .container-perguntas-radio {
        font-size: 16px;
        width: 400px;
        display: flex;
        align-items: center;
    }

    #mauticform_quizbigfralincontinencia_o_que_voce_busca_em_um_pr .container-perguntas-radio input {
        height: 18px;
    }

    .mobile-ajuste {
        justify-content: center !important;
        margin-top: 25px;
    }

}

ul {
    list-style: none;
}

.title-resultado {
    font-weight: 800;
    font-size: 20px;

}