* {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Suvinil-Book';
    color: #fff;
}

strong,
span {
    font-family: 'Suvinil-Bold';
}

body,
main {
    min-height: 100vh;
}

.background-1 {
    background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/1c50a507-d9c4-468e-b9a0-a5465d6e31f0.png');
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50em;
}

.header {
    justify-content: center;
}

.header .header-title {
    justify-content: center;
margin: 5em auto;
}

.header .header-form {
margin: 5em auto;
}

.header .header-title .logo-title {
    margin-top: 2em;
}

.header-title .subtitle {
    margin: 0.5em auto;
    font-size: 1.5em;
    text-align: justify;
}

.form-header h2 {
    font-size: 1.8em;
    margin-bottom: 0.5em;
    text-align: center;
}

.form-content .form-radio {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0;
    margin: 1em auto;
    color: #fff;
}

.form-content .form-radio input {
    margin: 0;
}

.form-content input {
    padding: 10px;
    font-size: 1em;
    font-family: 'Suvinil-Bold';
    margin: 0.5em auto;
    border: 1px solid #d13092;
    border-radius: 15px;
    box-sizing: border-box;
}

.form-content input::placeholder {
    color: #d13092;
    font-weight: 400;
}


.form-content .form .form-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #fff;
}

.form-content .form .form-check input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #d13092;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 1em;
}

.form-content .form .form-check input[type="checkbox"]:checked {
    background-color: #d13092;
}

.form-content .form .form-check input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
}


.form-content .form .form-check-label {
    font-size: 1em;
    font-family: 'Suvinil-Bold';
}

#labelOptin {
    font-size: 0.8em;
}


.form-content .form .form-check-label a {
    color: #fff;
    white-space: nowrap;
}

.form-content .form .form-check-label a:hover {
    color: #d13092;
    text-decoration: underline;
}

.form-content .form-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.form-content button {
    background-color: #f929aa;
    color: white;
    font-size: 1.3em;
    font-family: 'Suvinil-Bold';
    border: none;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 0.5em 1.5em;
}

.form-content button:hover {
    background-color: #d13093bb;
    color: #fff;
}

.form-content p {
    font-size: 1em;
    color: white;
    margin-top: 10px;
    font-family: 'Suvinil-Light';
    font-weight: 700;
    margin-bottom: 10em;
}

.form-content p span {
    display: block;
}

/* SECTION 2 */

.background-2 {
    background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/97e23da8-34c1-417c-8c60-1d3de86aa128.png');
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}

.manual {
    text-align: end;
    padding: 5em;
}

.surpresas {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.surpresas h2 {
    font-size: 2em;
}

.surpresas .surpresas-title-span {
    font-family: 'Suvinil-Bold';
    text-transform: uppercase;
}

.surpresas ul {
    margin: 1em;
    font-size: 1.8em;
    color: #fff;
}


.surpresas ul li {
    margin: 1em auto;
    width: auto;
    font-family: 'Suvinil-Book';
}

.surpresas ul li::marker {
    color: #a1005c;
    font-size: 1.8em;

}


footer .footer {
    padding: 0;
    margin: 0;
}

footer .footer .footer-logo {
    width: 100%;
}


/* CSS RESPONSIVE */

@media screen and (min-width:320px) and (max-width:479px) {
    .background-1 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/0fd93ddf-6bb3-413e-8b14-3f048803ddb5.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: 0%;
    }

    .background-2 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/22674dc4-29ce-48ab-843e-52dd6aadc301.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
    }

    .header {
        padding: 0;
    }

    .header .header-title {
margin: unset;
justify-content: flex-start;
    }
.header .header-form {
    margin: unset;
}
.header-form .form-content {
padding: 0;

}

    .header .header-title .logo {
        margin-bottom: 0;
    }
.header .header-title .logo-title {
    margin-top: 0em;
}

    .header-title .subtitle {
        font-size: 0.9em;
        text-align: left;
    }


    .header-form .form-header h2 {
        font-size: 1em;
        text-align: left;
    }

    .header-form .form-content .form-radio {
        font-size: 0.7em;
    }

    .form-content .form .form-check input[type="radio"] {
        border: 2px solid #d13092;
        border-radius: 50%;
        padding: 7px;
        cursor: pointer;
        position: relative;
    }

    .form-content .form .form-check-label {
        font-size: 0.85em;
        margin: 5px;
        font-family: 'Suvinil-Bold';
    }

#labelOptin {
        font-size: 0.7em;
    }

    .form-content button {
        font-size: 1.3em;
        padding: 0.5em 1.5em;
    }

    .form-content p {
        font-size: 1em;
        text-align: center;
    }

    .manual {
        padding: 2em;
    }

    .surpresas h2 {
        font-size: 1em;
        text-align: left;
    }

    .surpresas ul {
        font-size: 1em;
    }

}

@media screen and (min-width: 360px) and (max-width: 479px) {
    .header-form .form-content .form-radio {
        font-size: 0.8em;
    }
.header .header-title {
margin: unset;
    }
.header .header-form {
    margin: unset;
}

}


/* CSS RESPONSIVE */

@media screen and (min-width:480px) and (max-width:575px) {
    .background-1 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/0fd93ddf-6bb3-413e-8b14-3f048803ddb5.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: 0%;
        height: 55em;
    }

    .background-2 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/22674dc4-29ce-48ab-843e-52dd6aadc301.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
    }

    .header {
        padding: 0;
    }

    .header .header-title {
        justify-content: flex-start;
    }
.header .header-title {
margin: unset;
    }
.header .header-form {
    margin: unset;
}

    .header .header-title .logo {
        margin-bottom: 0;
    }

    .header-title .subtitle {
        font-size: 0.9em;
        text-align: left;
    }


    .header-form .form-header h2 {
        font-size: 1em;
        text-align: left;
    }

    .header-form .form-content .form-radio {
        font-size: 1em;
    }

    .form-content .form .form-check input[type="radio"] {
        border: 2px solid #d13092;
        border-radius: 50%;
        padding: 7px;
        cursor: pointer;
        position: relative;
    }

    .form-content .form .form-check-label {
        font-size: 1em;
        margin: 5px;
        font-family: 'Suvinil-Bold';
    }

    .form-content button {
        font-size: 1.5em;
        padding: 0.5em 1.5em;
    }

    .form-content p {
        font-size: 1.3em;
        text-align: center;
    }

    .manual {
        padding: 2em;
    }

    .surpresas h2 {
        font-size: 1em;
        text-align: left;
    }

    .surpresas ul {
        font-size: 1em;
    }

}


@media screen and (min-width:576px) and (max-width:768px) {
    .background-1 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/0fd93ddf-6bb3-413e-8b14-3f048803ddb5.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: 0%;
height: 65em;
    }

    .background-2 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/22674dc4-29ce-48ab-843e-52dd6aadc301.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
    }

    .header {
        padding: 0;
        justify-content: center;
    }

    .header .header-title {
        justify-content: flex-start;
    }
.header .header-title {
margin: unset;
    }
.header .header-form {
    margin: unset;
}

    .header .header-title .logo {
        margin-bottom: 0;
    }

    .header-title .subtitle {
        font-size: 1.3em;
        text-align: left;
    }


    .header-form .form-header h2 {
        font-size: 1.3em;
        text-align: left;
    }

    .header-form .form-content .form-radio {
        font-size: 0.9em;
    }

    .form-content .form .form-check input[type="radio"] {
        border: 2px solid #d13092;
        border-radius: 50%;
        padding: 10px;
        cursor: pointer;
        position: relative;
    }

    .form-content .form .form-check-label {
        font-size: 1em;
        margin: 5px;
        font-family: 'Suvinil-Bold';
    }

    .form-content button {
        font-size: 1.5em;
        margin-top: 5px;
        padding: 0.5em 1.5em;
    }

    .form-content p {
        font-size: 1em;
        text-align: center;
    }

    .surpresas h2 {
        font-size: 1.3em;
        text-align: left;
    }

    .surpresas ul {
        font-size: 1.3em;
    }

    #labelOptin {
        font-size: 1em;
        margin: 1em;
    }

}

@media screen and (min-width:730px) and (max-width: 768px) {
   

    .form-content .form .form-check input[type="radio"] {
        padding: 10px;
    }

    .form-content .form .form-check input[type="checkbox"] {
        margin-right: 0;
    }

    .surpresas h2 {
        font-size: 1.8em;
        text-align: left;
    }

    .surpresas ul {
        font-size: 1.5em;
    }
}



@media screen and (min-width:769px) and (max-width:991px) {
    .background-1 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/0fd93ddf-6bb3-413e-8b14-3f048803ddb5.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: 0%;
height: 75em;
    }

    .background-2 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/22674dc4-29ce-48ab-843e-52dd6aadc301.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 90%;
    }

    .header {
        padding: 0;
        justify-content: center;
    }

    .header .header-title {
        justify-content: flex-start;
    }
.header .header-title {
margin: unset;
    }
.header .header-form {
    margin: unset;
}

    .header .header-title .logo {
        margin-bottom: 0;
    }

    .header-title .subtitle {
        font-size: 1.5em;
        text-align: left;
    }


    .header-form .form-header h2 {
        font-size: 1.5em;
        text-align: left;
    }

    .header-form .form-content .form-radio {
        font-size: 0.7em;
    }

    .form-content .form .form-check input[type="radio"] {
        border: 2px solid #d13092;
        border-radius: 50%;
        padding: 10px;
        cursor: pointer;
        position: relative;
    }

    .form-content .form .form-check-label {
        font-size: 2em;
        margin: 5px;
        font-family: 'Suvinil-Bold';
    }

    .form-content button {
        font-size: 2em;
        margin-top: 5px;
        padding: 0.5em 2.5em;
    }

    .form-content p {
        font-size: 1.8em;
        text-align: center;
    }

    .surpresas h2 {
        font-size: 2em;
        margin: 1em;
        text-align: left;
    }

    .surpresas ul {
        font-size: 2em;
    }

    #labelOptin {
        font-size: 1em;
        margin: 1em;
    }
}


@media screen and (min-width:992px) and (max-width:1024px) {
    .background-1 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/1c50a507-d9c4-468e-b9a0-a5465d6e31f0.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: left;
        height: 35em;
    }

.header .header-title {
    justify-content: center;
margin: 2em auto;
}

.header .header-form {
margin: 2em auto;
}

    .form-header h2 {
        font-size: 1em;
        text-align: center;
    }
.form-content button {
        font-size: 1.5em;
    }

}

@media screen and (min-width:1025px) and (max-width:1200px) {

background-1 {
        background-image: url('https://image.a.suvinil.com.br/lib/fe331171756404787c1272/m/1/1c50a507-d9c4-468e-b9a0-a5465d6e31f0.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: left;
        height: 40em;
    }

    .header {
        justify-content: center;
    }
.header .header-form {
    margin: 2em auto;
}
.header .header-title {
    justify-content: center;
    margin: 2em auto;
}
.form-header h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    text-align: center;
}
    .form-content button {
        font-size: 1.8em;
    }

    #labelOptin {
        font-size: 1em;
    }

    .form-content .form .form-check-label {
        font-size: 1.3em;
    }

}


@media screen and (min-width:1201px) {
.form-content button {
                font-size: 1.8em;
        padding: 0.5em 2.5em;
    }

}