:root {
    --color-1: #000000;
    --color-2: #037BFE;
    --color-3: #141b4d;
    --color-4: #021689;
    --color-5: #ffd800;
    --color-6: rgba(0, 0, 0, 0.13);
    --font-1: 'Barlow';
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

input,
select {
    cursor: pointer;
}

.thank-you-msg p {

    font-size: 20px;
    text-align: center;
}

.header {
    background-color: #1a1c27;
}

.header img {
    max-width: 100%;
    margin: 0px auto;
    height: auto;
    display: block;
    padding: 5px;
}

/*
COLORI:
Arancione: #FE9F1C
verde pulsante: #7ED321
azzurro form: #037BFE
grigio chiaro sfondo: #F9F9F9
nero: #11100F


FONT: Nunito
_____________________
*/
.informativa td {

    font-size: max(9px, 0.5vw);
}


h1 {
    text-align: center;
    margin: 1% auto;
    display: block;
    width: 100%;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--font-1), sans-serif;
    transition: all 0.2s;
}

.informativa {
    font-size: max(10px, 0.4vw);
}

body,
html {
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
    font-style: normal;
    font-weight: 400;
    font-size: max(19px, 1.1vw);

    background-color: WHITE;

}

a {
    text-decoration: none;
}




.tit {
    margin: 0 auto;
    display: block;
    font-size: max(18px, 1.5vw);
    text-align: center;
    width: fit-content;
}

.logo {
    WIDTH: AUTO;
    WIDTH: 9%;
    MARGIN: 0.5%;
    margin-bottom: 0%;
}

.fascia1 {
    background: url('sfondo.png') no-repeat;
    background-size: 100%;
}

form {
    padding-bottom: 2%;

}


.dentro_sopra_form {
    background-color: #0f2b4b;
    color: #fff;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    text-align: center;
    padding: 4% 4%;
    font-size: 1.4vw;
    font-weight: 700;
    line-height: 125%;
    font-size: max(15px, 1.5vw);
}

#nome,
#email,
#provincia,
#cognome,
#telefono {
    width: 90%;
    background: #ededed;
    display: inline-block;
    border: 0;
}

#nome,
#cognome {
    width: 44.5%;
}

.div_Sesso label {
    cursor: pointer;

}

#aaa {
    width: 95%;
    margin: 0 auto;
}


.div_Sesso {
    font-size: max(16px, 0.9vw);
    width: 80%;
    margin: 0 auto;
    margin-left: 2%;
    text-align: left;
}

.div_Sesso input {
    width: 1vw;
    height: 1vw;
    display: inline-block;
    min-width: 15px;
    position: relative;
    top: 0.1vw;
    margin-right: -0.5%;
    margin-left: 2%;
}

.mezzo {
    width: 97%;
    margin: 1% 0 2%;
    border-radius: 5px;
    font-size: max(15px, 1vw);
    color: #555;
    border: 1px solid #d1d1d1;
    display: block;
    padding: 2.5% 2%;
    font-weight: 400;
    margin: 1% auto;
    font-family: 'barlow';
}

#privacy1 {
    float: left;
    margin-left: 2%;
    margin-top: 2%;
    height: 1vw;
    width: 1vw;
}


.cont_form {
    width: 25%;
    background: #fff;
    float: right;
    border-radius: 20px;
    margin: 2% 5% 0 0;
    z-index: 99999;
    position: relative;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.6);

}

.dentro_form {
    display: block;
    margin: 0 auto;
    color: #000;
    padding: 0;
    width: fit-content;
    margin: 0 auto;
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 3%;
}

.sottotitolo {
    font-size: max(12px, 0.9vw);
    text-align: center;
    width: 100%;
    margin: 3% auto;
}


.bottone {
    width: 70%;
    MARGIN: 2% AUTO;
    border-radius: 35px;
    background: #7ED321;
    color: white;
    border: 0px;
    padding: 3% 4%;
    font-size: max(20px, 1.2vw);
    font-weight: bold;
}

.bottone2 {
    width: fit-content;
    border-radius: 10px;
    background: #009a11;
    color: white;
    border: 0px;
    text-align: center;
    padding: 1% 3%;
    font-size: max(15px, 1.2vw);
    font-weight: bold;
    margin: 1% auto;
    display: block;
}

.bottone4 {
    width: fit-content;
    border-radius: 9px;
    background: #009a11;
    color: white;
    border: 0px;
    text-align: center;
    padding: 3.5% 5%;
    font-size: max(15px, 1.2vw);
    font-weight: bold;
    margin: 1% auto;
    display: block;
    width: 95%;
}

.offerta {
    margin: 8%;
    width: 38%;
    margin-top: 1%;
    margin-bottom: 1.5%;
    margin-left: 3%;

}

.privacy {
    font-size: max(8px, 0.6vw);
    float: left;
    margin-top: 2%;
    width: 88%;
    margin-left: 2%;

}

input {
    cursor: pointer;
}

.cont_ele {
    width: 80%;
    margin: 0 auto;
    margin-top: 2%;
    display: flex;
}

h4 {

    margin: 2% 0%;
    font-size: max(18px, 1.7vw);
    width: 100%;
    margin: 4% 0%;
}

.cont_ele .ele p {
    font-size: max(12px, 0.8vw);
    line-height: 170%;

}

.fascia2 {
    padding-bottom: 2%;
}

img,
svg {
    vertical-align: middle;
}

.icon img {
    margin-top: 26%;
}

.cont_ele>div {
    margin: 0 auto;
    width: 30%;
}

.fascia3 {
    background-color: #efefef;
    padding: 1%;
}

.fascia3 .ele {
    display: block;
    margin: 2% auto;
    text-align: center;
    width: 20%;
}

.fascia3 .ele1 {
    display: block;
    margin: 1% auto;
    text-align: center;
    width: 37%;
}

.fascia3 p {
    font-size: max(12px, 1vw);
}

.cont2 {
    display: flex;
    width: 60%;
    margin: 0 auto;
}

.ele2 {
    width: 46%;
    text-align: center;
    margin: 3% auto;
    padding: 2%;
    margin-top: 0;
    margin-bottom: 0;

}

.ele2 img {
    width: 25%;
}

.videoele {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 5% !important;
}

.video-container {
    width: 100%;
    max-width: 100%;
}

video {
    width: 100%;
    height: auto;
}


.ele2 h3 {
    font-weight: 700;
    font-size: max(15px, 1.5vw);
    margin: 0% auto;
    margin-top: 3%;
}

.ele2 ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    color: #555;
}

.ele2 ul li {
    margin-bottom: 5px;
    font-size: max(12px, 1vw);
    margin: 2%;

}

.ele2 button {
    background-color: #00b300;
    /* Verde brillante */
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 1em;
    cursor: pointer;
}



.alert-msg {
    color: red;
}

.faq {
    background-color: #ededed;
    background-color: #ededed;
    padding-bottom: 1%;
}


.domande {
    font-weight: bold;

    width: 60%;
    margin: 0 auto;
    border: 1px solid black;
    padding: 2%;
    padding-top: 0.5%;
}




/* TERZA FASCIA */
.fascia4 .cont_ele2 {
    display: flex;
    width: 59%;
    margin: 0 auto;
}

.testoinfondo {
    width: 54%;
    margin: 0 auto;
    margin-bottom: 5%;
    font-size: max(15px, 1vw);
    font-style: italic;
}

.fascia4 .ele2 {
    margin: 0 auto;
    background: white;
    border-radius: 38px;
    margin: 5%;
    font-size: 1.1vw;
    color: black;
    padding: 23px;
    width: 45%;
    font-weight: 400;
    margin: 0 auto;
}

.fascia4 img {
    margin-top: 0%;
    width: 100%;
}

.fascia4 .ele2 {
    margin: 0 auto;
    background: white;
    border-radius: 38px;
    margin: 5%;
    font-size: MAX(15PX, 1.1vw);
    color: black;
    padding: 23px;
    width: 45%;
    font-weight: 400;
    margin: 3% auto;
    text-align: LEFT;
    line-height: 149%;
}

.fascia4 .ele2 .pulsante2 {
    font-size: 1.5vw;
    width: fit-content;
    border-radius: 12px;
    float: left;
    margin-top: 3%;
    margin-left: -1%;
    padding: 3%;
    padding-inline: 5%;
    cursor: pointer;
    color: #FFF;
    background-color: #eb5844;
    border-color: #eb5844;
    width: 71%;
    padding: 3%;
    border-radius: 20px;
    margin: 1.5% auto;
    font-size: 1.5vw;
    font-weight: 900;
    text-align: S;
}





.domande span {
    float: right;
    font-size: 2vw;
    color: gray;
    cursor: pointer;
    vertical-align: text-top;
    display: block;
    margin-top: -1%;

    transition: 0.4s all;
    margin-right: -2%;
}

.nasc {
    color: #000;
}

.domande div {
    width: 97%;
    margin: 2% auto;
    text-align: left;
    background-color: white;
    border-radius: 0px;
    padding: 1%;
    margin-bottom: 0px;
    margin: 0;
    font-size: max(13px, 1vw);
    padding-top: 3%;
    padding-bottom: 1px;
    color: #000;
    font-size: max(15px, 1.4vw);
    font-weight: bold;

}

.domande span img {
    width: 2vw;
    min-width: 20px;
    cursor: pointer;
}

.nasc {
    margin-top: 0 !important;
    font-size: max(15px, 1vw) !important;
    margin-top: -2% !important;
    font-weight: normal !important;

    padding-right: 4% !important;
    text-align: left;
}

.domande hr {
    margin-top: 2%;
    width: 98%;
}


.bottone3 {
    width: fit-content;
    border-radius: 35px;
    background: #7ED321;
    color: white;
    border: 0px;
    text-align: center;
    padding: 2% 11%;
    font-size: max(15px, 1vw);
    font-weight: bold;
    margin: 3% auto;
    display: block;
}

.footer {
    background-color: black;
    color: white;
    width: 100%;
    padding: 1%;
    text-align: center;
}

.single-services-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    padding: 2%;
    border-radius: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: #1995ad;
    height: 27vw;
    margin: 4%;
    border-radius: 13px;
    min-height: 400px;

    height: auto;
}

.pulsante2 {
    font-size: 1.5vw;
    width: fit-content;
    border-radius: 12px;
    padding: 3%;
    padding-inline: 5%;
    cursor: pointer;
    color: #FFF;
    background-color: black;
    width: 71%;
    padding: 4%;
    border-radius: 10px;
    margin: 1% auto;
    font-size: 1.3vw;
    font-weight: 700;
    text-align: center;
}

.single-services-box .icon {
    background-color: #ffe9e3;
    position: relative;
    border-radius: 50%;
    width: 90px;
    text-align: center;
    height: 90px;
    line-height: 90px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--mainColor);
    font-size: 40px;
    margin-bottom: 30px;
}

.single-services-box .icon .circles-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.single-services-box .icon .circles-box .circle-one {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 12px;
    height: 12px;
    z-index: 1;
    border-radius: 50%;
    background-color: var(--mainColor);
}

.single-services-box .icon .circles-box .circle-two {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    z-index: 1;
    border-radius: 50%;
    background-color: #1c17a0;
}

.single-services-box h3 {
    font-size: 25px;
    margin-bottom: 12px;
    text-align: center;
}

.single-services-box .learn-more-btn {
    margin-top: 10px;
}

.single-services-box:hover {

    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.single-services-box:hover .icon {
    background-color: var(--whiteColor);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.col-lg-4:nth-child(2) .single-services-box .icon,
.col-lg-4:nth-child(8) .single-services-box .icon,
.col-lg-4:nth-child(14) .single-services-box .icon {
    background-color: #e5e0f2;
    color: #290390;
}

.col-lg-4:nth-child(2) .single-services-box .icon .circles-box,
.col-lg-4:nth-child(8) .single-services-box .icon .circles-box,
.col-lg-4:nth-child(14) .single-services-box .icon .circles-box {
    -webkit-animation-name: rotatemetwo;
    animation-name: rotatemetwo;
}

.col-lg-4:nth-child(2) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(8) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(14) .single-services-box .icon .circles-box .circle-one {
    background-color: #290390;
}

.col-lg-4:nth-child(2) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(8) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(14) .single-services-box .icon .circles-box .circle-two {
    background-color: var(--mainColor);
}

.col-lg-4:nth-child(2) .single-services-box:hover .icon,
.col-lg-4:nth-child(8) .single-services-box:hover .icon,
.col-lg-4:nth-child(14) .single-services-box:hover .icon {
    background-color: var(--whiteColor);
}

.col-lg-4:nth-child(3) .single-services-box .icon,
.col-lg-4:nth-child(9) .single-services-box .icon,
.col-lg-4:nth-child(15) .single-services-box .icon {
    background-color: #e4f4f3;
    color: #1fa299;
}

.col-lg-4:nth-child(3) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(9) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(15) .single-services-box .icon .circles-box .circle-one {
    background-color: #1fa299;
}

.col-lg-4:nth-child(3) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(9) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(15) .single-services-box .icon .circles-box .circle-two {
    background-color: var(--mainColor);
}

.col-lg-4:nth-child(3) .single-services-box:hover .icon,
.col-lg-4:nth-child(9) .single-services-box:hover .icon,
.col-lg-4:nth-child(15) .single-services-box:hover .icon {
    background-color: var(--whiteColor);
}

.col-lg-4:nth-child(4) .single-services-box .icon,
.col-lg-4:nth-child(10) .single-services-box .icon,
.col-lg-4:nth-child(16) .single-services-box .icon {
    background-color: #f3e3f6;
    color: #9916b1;
}

.col-lg-4:nth-child(4) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(10) .single-services-box .icon .circles-box .circle-one,
.col-lg-4:nth-child(16) .single-services-box .icon .circles-box .circle-one {
    background-color: #9916b1;
}

.col-lg-4:nth-child(4) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(10) .single-services-box .icon .circles-box .circle-two,
.col-lg-4:nth-child(16) .single-services-box .icon .circles-box .circle-two {
    background-color: var(--mainColor);
}

.col-lg-4:nth-child(4) .single-services-box:hover .icon,
.col-lg-4:nth-child(10) .single-services-box:hover .icon,
.col-lg-4:nth-child(16) .single-services-box:hover .icon {
    background-color: var(--whiteColor);
}

.col-lg-4:nth-child(5) .single-services-box .icon,
.col-lg-4:nth-child(11) .single-services-box .icon,
.col-lg-4:nth-child(17) .single-services-box .icon {
    background-color: #f9e1f0;
    color: #cb0680;
}

/*
@File: Dibiz Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Navbar Area CSS
** - Search Overlay CSS
** - Main Banner Area CSS
** - Boxes Area CSS
** - Featured Services Area CSS
** - About Area CSS
** - What We Do Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Testimonials Area CSS
** - Partner Area CSS
** - History Area CSS
** - Portfolio Area CSS
** - Portfolio Details Area CSS
** - SEO Analysis Area CSS
** - How It's Work Area CSS
** - Team Area CSS
** - Pricing Area CSS
** - Gallery Area CSS
** - Subscribe Area CSS
** - Project Start Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Products Area CSS
** - Products Details Area CSS
** - Cart Area CSS
** - Checkout Area CSS
** - Page Title Area CSS
** - Pagination CSS
** - Widget Sidebar CSS
** - Profile Authentication Area CSS
** - 404 Error Area CSS
** - Terms of Service Area CSS
** - Privacy Policy Area CSS
** - Coming Soon Area CSS
** - FAQ Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top CSS
** - Sidebar Modal CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&amp;display=swap");

:root {
    --fontFamily: 'Barlow', arial;
    --mainColor: #fe4c1c;
    --optionalColor: #4b5280;
    --whiteColor: #ffffff;
    --blackColor: #080e32;
    --fontSize: 16px;
    --transition: .5s;
}

body {
    padding: 0;
    margin: 0;
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
}

h2,
h3 {
    font-weight: 800;
}

.cont_ele a {
    color: var(--blackColor);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-decoration: none;
    outline: 0 !important;
    font-size: max(15px, 1.5vw);
    color: white;
}

a:hover {
    color: var(--mainColor);
    text-decoration: none;
}

:focus {
    outline: 0 !important;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    color: white;
    font-size: var(--fontSize);
    margin-bottom: 15px;
    line-height: 1.8;
    font-size: max(14px, 1vw);
    text-align: center;
}

p:last-child {
    margin-bottom: 0;
    text-align: center;
    color: black;
}


/*section-title*/
.section-title {
    max-width: 720px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.section-title h2 {
    margin-bottom: 0;
    font-size: 42px;
}

/*default-btn*/

/*form-control*/

/*================================================
Top Header Area CSS
=================================================*/

/*================================================
Navbar Area CSS
=================================================*/

/*================================================
Search Overlay CSS
=================================================*/

/*================================================
Main Banner Area CSS
=================================================*/

/*================================================
Boxes Area CSS
=================================================*/

/*================================================
Featured Services Area CSS
=================================================*/

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotatemetwo {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotatemetwo {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


.imgmobile {
    display: none;
}






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

    .cont_form {
        width: 28%;
        min-width: 319px;
        background: #fff;
        float: right;
        border-radius: 20px;
        margin: 2% 2% 0 0;
        z-index: 99999;
        position: relative;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.6);
    }

    .offerta {

        margin-bottom: 8.5%;

    }
}

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

    .fascia2 {
        background-color: #E5E5E5;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .header {

        padding-bottom: 1%;

    }

    .bottone {
        width: 70%;
        MARGIN: 5% AUTO;
        border-radius: 35px;
        background: #7ED321;
        color: white;
        border: 0px;
        padding: 3% 4%;
        font-size: max(20px, 1.2vw);
        font-weight: bold;
    }

    .tit {
        margin: 5% auto;
        display: block;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        width: fit-content;
    }

    .privacy {
        font-size: 10px;
        float: right;
        margin-top: 2%;
        width: 90%;
    }

    #privacy1 {
        width: 20px;
        height: 20px;
    }

    .imgmobile {
        display: block;
        width: 100%;
    }

    .fascia1 {
        background: none;
    }

    .offerta {
        display: none;
    }

    .cont_form {
        width: 100%;
        margin: 0;
        box-shadow: none;
        float: none;
        display: block;
    }

    .dentro_sopra_form {

        border-top-left-radius: 0;
        border-top-right-radius: 0;

        font-size: max(15px, 1.2vw);
    }

    .testo_header {
        display: inline-block;
        vertical-align: middle;
        margin: 2%;
        margin-left: 0;
        margin-bottom: 0px;
        font-size: 15px;
        font-weight: bold;
        width: 64%;
    }

    .logo {
        /* WIDTH: AUTO; */
        WIDTH: 25%;
        MARGIN: 0.5%;
        margin-bottom: 0%;
    }


    .cont_ele>div {
        margin: 0 auto;
        width: 85%;
        text-align: center;
        margin-top: 60px;
        color: white;
    }

    .cont_ele {
        width: 100%;
        margin: 0 auto;
        margin-top: 5%;
        display: block;
    }

    .single-services-box .icon {

        margin: 10% auto;
    }

    .cont_ele a {

        -webkit-transition: var(--transition);
        transition: var(--transition);
        text-decoration: none;
        outline: 0 !important;
        font-size: 20px;
    }

    .fascia3 .ele1 {
        display: block;
        margin: 1% auto;
        text-align: center;
        width: 70%;
    }

    .fascia3 p {
        font-size: 15px;
    }

    .bottone2 {
        width: fit-content;
        border-radius: 35px;
        background: #009a11;
        color: white;
        border: 0px;
        text-align: center;
        padding: 3% 10%;
        font-size: 20px;
        font-weight: bold;
        margin: 2% auto;
        display: block;
        margin-bottom: 5%;
    }

    .cont2 {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .ele2 {
        background-color: white;
        width: 70%;
        text-align: center;
        margin: 7% auto;
        padding: 2%;
    }

    .bottone3 {
        width: fit-content;
        border-radius: 35px;
        background: #7ED321;
        color: white;
        border: 0px;
        text-align: center;
        padding: 2% 11%;
        font-size: 18px;
        font-weight: bold;
        margin: 3% auto;
        display: block;
    }

    .domande {
        font-weight: bold;
        width: 90%;
        margin: 0 auto;
        border: 1px solid black;
        padding: 2%;
        padding-top: 0.5%;
    }

    .single-services-box h3 {
        font-size: 25px;
        margin-bottom: 0;
    }

    .footer {
        font-size: 12PX;
    }

    h4 {
        margin: 2% 0%;
        font-size: 25px;
        width: 100%;
        margin: 4% 0%;
    }

    .div_Sesso {
        margin-bottom: 1%;
    }

    .sottotitolo {
        font-size: 13px;

    }


    .div_Sesso {
        font-size: 13px
    }

    .div_Sesso input {
        width: 16px;
        height: 16px;
        display: inline-block;
        min-width: 15px;
        position: relative;
        top: 2px;
        margin-right: -0.5%;
        margin-left: 2%;
    }

    .fascia4 .cont_ele2 {
        display: block;
        width: 59%;
        margin: 0 auto;
    }

    .header {
        display: none;
    }

    .privacy {
        font-size: 10px;
        float: right;
        margin-top: 2%;
        width: 88%;
    }

    .fascia2 {
        background-color: #E5E5E5;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-inline: 7%;
    }

    .pulsante2 {
        font-size: 1.5vw;
        width: fit-content;
        border-radius: 12px;
        padding: 3%;
        padding-inline: 5%;
        cursor: pointer;
        color: #FFF;
        background-color: black;
        width: 79%;
        padding: 4%;
        border-radius: 10px;
        margin: 3% auto;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }

    .fascia4 .cont_ele2 {
        display: block;
        width: 100%;
        margin: 0 auto;
        TEXT-ALIGN: CENTER;
    }

    H1 {
        text-align: center !important;
    }

    .fascia4 .ele2 {
        margin: 0 auto;
        background: white;
        border-radius: 38px;
        margin: 5%;
        font-size: MAX(15PX, 1.1vw);
        color: black;
        padding: 23px;
        width: 99%;
        font-weight: 400;
        margin: 1% auto;
        text-align: center;
        line-height: 149%;
    }

    .testoinfondo {
        width: 90%;
        margin: 5% auto;
        margin-bottom: 5%;
        font-size: max(15px, 1vw);
        font-style: italic;
    }

    .fascia4 .ele2 {
        margin: 0 auto;
        background: white;
        border-radius: 38px;
        margin: 5%;
        font-size: MAX(15PX, 1.1vw);
        color: black;
        padding: 0px;
        width: 100%;
        font-weight: 400;
        margin: 5% auto;
        text-align: center;
        line-height: 149%;
    }

    H1 {
        font-size: 30px;
        text-align: center !important;
    }

    .bottone4 {
        float: left;
        margin-top: 4% !important;
        margin: 3% auto !important;
        display: block !important;
        float: none !important;
    }

    .dentro_sopra_form {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-size: 24px;
    }

    .fascia4 h1 {
        margin-bottom: 5% !important;
    }

    .fascia4 .ele2 {
        width: 80%;
        margin: 0 auto;
        margin-top: 5%;
    }

    .videoele {
        width: 100% !important;
    }

    .bottone4 {
        float: left;
        margin-top: 4% !important;
        margin: 3% auto !important;
        display: block !important;
        float: none !important;
        font-size: 17px;
    }

    .cont_ele>div {
        margin: 0 auto;
        width: 85%;
        text-align: center;
        margin-bottom: 8%;
    }
}