:root {
  --animate-delay: 2s;
}
.ucfirst {
    text-transform: lowercase;
}
.ucfirst:first-letter {
    text-transform: uppercase;
}
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.lora-bold {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
body {
    font-family: "Lato", sans-serif;
    overflow-x: hidden;
}
header {
    background-color:#fff;
    min-height:95px;
}
.main-section {
    aspect-ratio:0.72;
}
footer {
    min-height:353px;
    background-color:#000;
    color:#fff;
}
p {
    color:#fff;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
footer p a {
    color:inherit;
    /* text-decoration: none; */
}
footer p a:hover {
    color:inherit;
    text-decoration: underline;
}
.edera-mobile {
    background-image:url(/assets/images/edera.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    height:200px;
    background-size: contain;
}
.content h1 {
    color: #0C4E2B;
    font-size: 3rem;
    font-style: normal;
}
.content h1 span {
    color:#7B9A8A;
}
.step-wrapper {
    min-height:298px;
    background: linear-gradient(90deg, #174D2B 0%, #2A884D 100%);
    border-radius:40px;
    padding:60px 64px;
}
.step {
    width:260px;
    /* min-height:170px; */
    text-align:center;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:40px;
}
.step div {
    /* padding-bottom:40px; */
    padding-bottom:20px;
}
.step p {
    font-size:1.25rem;
    color:#fff!important;
}
.content p {
    color:#000;
}
.prodotto {
    width:180px;
    text-align:center;
    margin-left: 35px;
    margin-right: 35px;
}
.prodotto figure {
    min-height:180px;
    background-color:#fff;
}
.prodotto h4 {
    color:#0C4E2B;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 1.12rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.prodotto h4 span {
    color:#7B9A8A;
}
.prodotti-wrapper {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    scroll-behavior: smooth;
    overflow-x: scroll;
}
.prodotti-wrapper::-webkit-scrollbar { 
    display: none; /* Chrome/Safari */
}
.premi-wrapper {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    scroll-behavior: smooth;
    overflow-x: scroll;
}
.premi-wrapper::-webkit-scrollbar { 
    display: none; /* Chrome/Safari */
}
.btn-scroll {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #7B9A8A;
    border: 1px solid #7B9A8A;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    font-size: 1.2rem;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.btn-prev { left: 10; }
.btn-next { right: 0; margin-right:10px; }
.btn-prev2 { left: 10; }
.btn-next2 { right: 0; margin-right:10px; }

/* FORM REGISTRAZIONE */
.wrapper-registrazione {
    border-radius:40px;
    background: #EDF2EE;
    /* padding:120px 240px; */
    padding:40px 20px;
    overflow:hidden;
    margin-bottom:120px;
}
.form-control {
    border:1px;
    padding:12px 24px;
    border-radius:10px;
    font-family: "Lato", sans-serif;
}
.btn {
    border-radius: 10px;
    padding: 8px 20px 10px 20px;
    font-family: "Lato", sans-serif;
    font-size: 1.12rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.btn-primary {
    border: 1px solid #000;
    background: #0C4E2B;
    color: #FFF;
}
.btn-primary:hover {
    border: 1px solid #000;
    color: #0C4E2B;
    background: #FFF;
}
.form-label {
    font-family: "Lato", sans-serif;
}
.modal-body {
    border-radius: 40px;
    background:#EDF2EE;
}
.modal-content {
    border-radius: 40px;
    background:#EDF2EE;
    border:0px;
}
.border-danger {
    border: 1px solid #FF0000 !important;
}

/* SM */
@media only screen and (min-width: 576px) {}

/* MD */
@media only screen and (min-width: 768px) {}

/* LG */
@media only screen and (min-width: 992px) {
    .main-section {
        aspect-ratio:2.21;
    }
    .edera-desktop {
        background-image:url(/assets/images/edera.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        min-height:305px;
    }
    .edera-mobile {
        display:none;
    }
    .step-wrapper {
        padding:0px 64px;
    }
    .step {
        height:170px;
        margin-bottom:0px;
    }
    .step div {
        padding-bottom:40px;
    }
    .edera1 {
        float: left;
        left: -21px;
        position: absolute;
        margin-top: -279px;
    }
    .edera2 {
        float: right;
        position: absolute;
        z-index: -1;
        right: -120px;
        margin-top: -477px;
    }
    .edera3 {
        float: left;
        position: absolute;
        left: -97px;
        margin-top: 0px;
        transform: scale(0.8);
    }
    .edera4 {
        float: right;
        position: absolute;
        z-index: -1;
        right: -10px;
        margin-top: -161px;
    }
    .edera5 {
        float: left;
        position: absolute;
        margin-left: -262px;
        margin-top: 197px;
        z-index: 1;
        transform: scale(0.8);
    }
    .edera6 {
        float: right;
        position: absolute;
        margin-left: 889px;
        margin-top: -1025px;
        z-index: 1;
        transform: scale(0.8);
    }
    .edera7 {
        float: right;
        position: absolute;
        margin-left: 803px;
        margin-top: -400px;
        z-index: 1;
        transform: scale(0.8);
    }
}

/* XL */
@media only screen and (min-width: 1200px) {
    .wrapper-registrazione {
        padding:120px 240px;
    }
}

/* XXL */
@media only screen and (min-width: 1400px)  {}