.hero {
    position: relative;
    height: 100%;
    min-height: 600px;
    background-image: url("/images/sfondo\ stellato.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin-top: 50px;
    background-position: center;
}

.sfondo{
    background-image: url("/images/sfondo\ stellato.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
}
.navBarPos{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12000;
}

#get-access{
    scroll-margin-top: 100px ;
}
#readyMade{
    scroll-margin-top: 100px ;
    margin-top: 70px;
}
#LuBot{
    scroll-margin-top: 100px ;
    margin-top: 70px;
}
#recensioni{
    scroll-margin-top: 100px ;
    margin-top: 70px;
}
#galleria{
    scroll-margin-top: 100px ;
    margin-top: 50px;
}
#chiSono{
    scroll-margin-top: 100px ;
    margin-top: 70px;
}
#copy-trading{
    scroll-margin-top: 100px ;
    margin-top: 70px;
}

.marginTop{
    margin-top: 300px;
}


.testi{
    font-size: 30px;
    color: white;   
}

.testi-20{
    font-size: 20px;
    color: white;   
}

.fontH1{
    font-size: 80px;
    color: white;
}

.fontH2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}

.color-yellow{
    color: #ffee00;
}
.text-shadow{
    text-shadow: 0px 3px 7px rgba(0,0,0,0.63);
}
.box-shadow{
    -webkit-box-shadow: 0px 3px 7px 0px #000000; 
    box-shadow: 0px 3px 7px 0px #000000;
}

.fontH3{
    color: white;
    font-size: 46px;
    font-weight: bold;
}

.paragraf{
    font-size: 20px;
}
.button{
    top: 20%;

    padding: 7px 14px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-transform: uppercase;
    
    background-color: #ffee00;
    font-size: 20px;

    transition: all 0.3s ease-in-out;

}

.button:hover{
    padding: 10px 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    text-transform: uppercase;

}

.button-yellow{
    top: 20%;
    padding: 10px 18px;
    border-radius: 20px;
    background-color: #ffee00;
    font-size: 30px;
    transition: all 0.3s ease-in-out;
    z-index: 300;
}

.button-yellow:hover{
    padding: 13px 24px;
    border-radius: 20px;
    z-index: 300;
}


.button-etoro{
    top: 20%;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: #ffee00;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
    z-index: 300;
}

.button-etoro:hover{
    padding: 13px 26px;
    border-radius: 20px;
    z-index: 300;
}

.button-verde{
    top: 20%;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #00ff1e;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}
.button-verde:hover{
    padding: 7px 14px;
    border-radius: 10px;
}

.pulsante-nascosto{
    color: white;
    background-color: #ffffff00;
}

.buttonServizi{
    padding: 9px 18px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    margin-top: 1%;
    background-color: #0080ff;
    font-size: 15px;
    transition: all 0.3s ease-in-out;

}

.buttonServizi:hover{
    padding: 9px 18px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.buttonChatTel{
    padding: 9px 18px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    margin-top: 1%;
    background-color: #0080ff;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
}

.buttonChatTel:hover{
    padding: 9px 18px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
}


.button-indicatori{
    top: 5%;
    color: white;
    padding: 5px 10px;
    border-radius: 10px; 
    background-color: #ffee0000;
    font-size: 20px;

    transition: all 0.3s ease-in-out;
}

.button-indicatori:hover{
    padding: 7px 14px;
    color: black;
    background-color: #ffee00;
    text-transform: uppercase;
}

.buttonLuBotAbb{
    top: 5%;
    padding: 5px 10px;
    border-radius: 10px; 
    background-color: #95ff00;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}
.buttonLuBotAbb:hover{
    padding: 7px 14px;
}

.button-get-access{
    padding: 2px 4px;
    border-radius: 2px; 
    background-color: #ffee00;
    border-radius: 10px; 
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}
.button-get-access:hover{
    padding: 4px 6px;
}

.font-size-10{
    font-size: 20px;
}
.padreColonnaDestra{
    position: relative;
    min-height: 400px;
}

.backImg{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 80%;
    height: 70%;
    object-fit: cover;

    transition: all 0.3s ease-in-out;
}

.frontImg{
    position: absolute;
    top: 0;
    right: 0;

    width: 80%;
    height: 70%;
    object-fit: cover;

    transition: all 0.3s ease-in-out;
}

.backImg:hover{
    z-index: 220;
    border-radius: 30px;
}
.frontImg:hover{
    z-index: 110;
    border-radius: 30px;
}

.padreTesto{
    position: relative;
    z-index: 100;
}
.frontText{
    position: absolute;
    z-index: 200;
}

.img1Sec2{
    position: absolute;
    top: 0;
    right: 0;

    width: 80%;
    height: 70%;
    object-fit: cover;

}

.img2Sec2{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 80%;
    height: 70%;
    object-fit: cover;

}


.img1Sec2:hover{
    z-index: 100;
    border-radius: 30px;
    transition: all 0.3s ease-in-out;
    
}
.img2Sec2:hover{
    z-index: 200;
    border-radius: 30px;
    transition: all 0.3s ease-in-out;

}

.darkSection{
    background-color: black;
    color: white;
}
.whiteSection{
    background-color: white;
    color: black;
}

.adattaImmagine{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 110;
}

.adattaImmagineRec{
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.adattaImmagineRec:hover{
    transform: scale(1.15);
    z-index: 220;
}

.adattaImmagineGalleria{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 110;
    transition: all 0.3s ease-in-out;
}

.adattaImmagineGalleria:hover{
    transform: scale(1.15);
    object-fit: cover;
    z-index: 220;
}

.fontSection3{
    font-size: 30px;
}

.linea{
    background-color: gray;
    height: 5px;
    width: 100px;
    margin-inline: auto;
}


.inputCustom{
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid black;
    width: 100%;
    margin-top: 5px;
}


@media only screen and (max-width: 980px) {
    .backImg-ready{
        display: none; }
}

@media only screen and (max-width: 980px) {
    .display-no-sotto-980{
        display: none; }
}



@media only screen and (max-width: 980px) {
    .frontImg-ready-2{
        position: absolute;
        top: 10;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
}
@media only screen and (min-width: 980px) {
    .display-no-sopra-980{
        display: none; }
}

.sfondoVerde{
    background-color: #95ff00;
}

.background-prezzi{
    background-color: #50c701;
}