/* ------ Botttoni */ 
.btn-main {
    border-radius: 20px;
    padding: 0.2em 1.2em;
    font-weight: 500;
    font-size: 14px;
    margin: auto;
}

.btn-main-primary {
    color: #fff;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.btn-main-primary:hover {
    color: var(--color-primary);
    background-color: #fff;
    border: 1px solid var(--color-primary);
}

.btn-main-secondary {
    color: #fff;
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.btn-main-secondary:hover {
    color: var(--color-secondary);
    background-color: #fff;
     border: 1px solid var(--color-secondary);
}

.btn-main-text {
    background-color: #fff;
    border: 1px solid var(--color-text);
}

.btn-main-text:hover {
    background-color: var(--color-text);
    color: #fff;
}

/*-------- Swiper Carosello*/
#swiperHome {
    width: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    background: var(--color-secondary);
}

#swiperHome .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    height: auto;
}

#swiperHome .swiper-slide .container {
    position: relative;
    height: 100%;
}

#swiperHome .swiper-slide .text-content {
    z-index: 3;
}

#swiperHome .swiper-slide .image-content {
    height: 100%;
    min-height: 300px;
}

#swiperHome .carosello-pittogramma {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    width: 750px;
}

#swiperHome .swiper-slide .carosello-ragazza-cellulare {
    position: absolute;
    bottom: 0;
    right: 15%;
    max-height: 90%;
    width: auto;
}

#swiperHome .swiper-slide .carosello-chat-ia {
    position: absolute;
    bottom: -80px;
    right: -20px;
    width: auto;
}

#swiperHome .swiper-slide .carosello-scrivania {
    position: absolute;
    bottom: -50px;
    right: 0;
    width: auto;
}

#swiperHome .swiper-slide-container h1 {
    color: #fff;
    text-align: left;
}

#swiperHome .swiper-slide-container p {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
}

#swiperHome .swiper-slide-container h3 {
    text-align: left;
    font-weight: 800;
}

#swiperHome .swiper-slide-container a {
    text-align: left;
    background-color: #fff;
    border-radius: 20px;
    font-weight: 600;
    font-size: 20px;
    display: block;
    width: fit-content;
    padding: 0.2em 1.2em;
}

#swiperHome .swiper-slide-container a:hover {
    background-color: var(--color-text);
    color: #fff;
}

@media (max-width: 1200px) {

    #swiperHome .text-content h1 {
        font-size: 30px;
    }

    #swiperHome .text-content p,
    #swiperHome .text-content h3 {
        text-align: center;
    }

    #swiperHome .swiper-slide .carosello-ragazza-cellulare {
        right: 0;
    }

    #swiperHome .swiper-slide .carosello-chat-ia{
        width: 700px;
    }

    #swiperHome .swiper-slide .carosello-scrivania {
        width: 700px;
    }

}

@media (max-width: 992px) {

    #swiperHome .swiper-slide-container {
        text-align: center;
    }

    #swiperHome .text-content h1,
    #swiperHome .text-content p,
    #swiperHome .text-content h3,
    #swiperHome .text-content a {
        text-align: center;
    }

    #swiperHome .text-content a {
        margin: auto;
    }

    #swiperHome .swiper-slide .carosello-ragazza-cellulare,
    #swiperHome .swiper-slide .carosello-chat-ia,
    #swiperHome .swiper-slide .carosello-scrivania {
        display: none;
    }

    #swiperHome .swiper-slide .image-content {
        display: flex;
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0;
        right: 0;
    }

    #swiperHome .carosello-pittogramma {
        width: 100%;
    }

    #swiperHome .swiper-button-next,
    #swiperHome .swiper-button-prev{
        display: none;
    }
}

/*-------- Sezione lista pulsanti*/
.sez-list-pulsanti {
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
}

.sez-list-pulsanti .pulsanti-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.sez-list-pulsanti .btn-pill {
    background-color: #fff;
    border-radius: 12px;
    padding: 12px;
    font-weight: 500;
    width: 100%;
    border: 1px solid transparent;
}

.sez-list-pulsanti .btn-pill:hover {
    border: 1px solid #c1c1c1;
}

@media (max-width: 1199px) {

    .sez-list-pulsanti .pulsanti-grid {
        grid-template-columns: repeat(3, 2fr);
        gap: 20px;
    }
}

@media (max-width: 767px) {

    .sez-list-pulsanti .pulsanti-grid {
        grid-template-columns: repeat(2, 3fr);
        gap: 20px;
    }
}

/*-------- Sezione valore*/
.sez-valore{
    z-index: 9;
}

.sez-valore .valore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 300px);
    gap: 20px;
}

.valore-grid .valore-card-big {
    grid-row: span 2;
}

.valore-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.valore-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.valore-card .overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 20px;
}

.valore-card .overlay::before,
.valore-card .overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    transition: opacity 0.25s ease-in-out;
}

.valore-card .overlay::before {
    background: linear-gradient(0deg, rgba(7, 30, 58, 1) 10%, rgba(255, 255, 255, 0.25) 45%, transparent 100%);
    opacity: 1;
}

.valore-card .overlay::after {
    background: linear-gradient(0deg, rgba(7, 30, 58, 1) 10%, rgba(255, 255, 255, 0.25) 100%);
    opacity: 0;
}

.valore-card:hover .overlay::after {
    opacity: 1;
}

.valore-card h3 {
    color: #fff;
    font-weight: 700;
    z-index: 3;
}

.sez-valore h1 {
    text-align: center;
    font-size: 50px;
}

.sez-valore h4 {
    text-align: center;
    font-size: 25px;
}

@media (max-width: 1199px) {
    .sez-valore .valore-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 300px);
    }
    .valore-grid .valore-card-big {
        grid-row: span 1;
        grid-column: span 1;
    }
}

@media (max-width: 767px) {
    .sez-valore .valore-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 300px);
    }

    .valore-grid .valore-card-big {
        grid-row: span 1;
        grid-column: span 1;
    }
}

/*-------- Sezione ai*/
.sez-ai .container-ai {
    background-image: url("/media/home/busy-team-blur-business-people-office-fast-with-eco-friendly-plants-work.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100%;
    object-fit: cover;
    justify-content: center;
    align-items: baseline;
    position: relative;
    overflow: hidden;
}

.sez-ai .ai-loghi-testo{
    color: #fff;
    position:relative;
}

.sez-ai .ai-loghi-testo img{
    color: #fff;
    width: 240px;
    margin-top: 180px;
}

.sez-ai .ai-loghi-testo h1{
    font-size: 50px;
    font-weight:700;
}

.sez-ai .ai-loghi-testo h3 {
    font-weight: 300;
}

.sez-ai .overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    background: linear-gradient(0deg,var(--color-secondary) 0%, var(--color-secondary) 1%, rgba(0, 0, 0, 0) 100%);
}

.sez-ai .container-ai .rete-ai {
    position: absolute;
    top: -450px;
    right: 0;
    transform: rotate(23deg);
    width: 100%;
    max-width: 1400px;
    height: auto;
    opacity: 1;
    pointer-events: none;
}

@media (max-width: 1200px) {
    .sez-ai .container-ai .rete-ai {
        top: -300px;
    }
}

@media (max-width: 767px) {
    .sez-ai .container-ai .rete-ai {
        top: -150px;
    }
}

.sez-ai .container-ai-cards {
    background-color: var(--color-secondary);
    justify-content: center;
}

.sez-ai .container-ai-cards h4{
    color: #fff;
    font-weight:600;
    font-size: 25px;
}

.sez-ai .container-ai-cards img {
    max-height: 100px;
    margin-bottom: 15px;
}

.sez-ai .container-ai-cards h1 {
    font-size: 45px;
    font-weight: 300;
    text-align:center;
    color: #fff;
}

.sez-ai .card-ai{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
}

/*-------- Sezione supporto*/
.sez-supporto .logo-sez-supporto {
    width: 400px;
    bottom: 0;
    left: 10%;
}

.sez-supporto h1{
    font-size:50px;
    text-align:center;
}

.sez-supporto h3 {
    text-align: center;
    font-weight:400;
}

@media (max-width: 1199px) {
    .sez-supporto .logo-sez-supporto{
        width: 320px;
    }
}

@media (max-width: 767px) {
    .sez-supporto .logo-sez-supporto {
        width: 200px;
    }
}


/*-------- Sezione scelta*/
.sez-scelta .container-scelta {
    background-image: url("/media/home/bozza-uffici.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    object-fit: cover;
    justify-content: center;
    align-items: baseline;
    position: relative;
    overflow: hidden;
}

.sez-scelta .scelta-loghi-testo {
    color: #fff;
    position: relative;
}

.sez-scelta .scelta-loghi-testo img {
    color: #fff;
    width: 240px;
    margin-top: 180px;
}

.sez-scelta .scelta-loghi-testo h1 {
    font-size: 50px;
    font-weight: 700;
}

.sez-scelta .overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    background: linear-gradient(0deg,var(--color-secondary) 0%, var(--color-secondary) 0.1%, rgba(0, 0, 0, 0) 100%);
}

.sez-scelta .container-scelta .rete-scelta {
    position: absolute;
    top: -250px;
    width: 69%;
    margin: auto;
    transform: rotate(-140deg);
    left: 25%;
}

@media (max-width: 1200px){
    .sez-scelta .container-scelta .rete-scelta {
        top: -150px;
        width: 69%;
        margin: auto;
        left: 25%;
    }
}

.sez-scelta .container-scelta-cards {
    background-color: var(--color-secondary);
    justify-content: center;
}

.sez-scelta .container-scelta-cards h4 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
}

.sez-scelta .container-scelta-cards img {
    max-height: 100px;
    margin-bottom: 15px;
}

.sez-scelta .container-scelta-cards h1 {
    font-size: 45px;
    font-weight: 300;
    text-align: center;
    color: #fff;
}

.sez-scelta .card-scelta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

/*-------- Banner Affiliazione / Vas*/
.banner-aff-vas-wrapper {
    background-color: var(--color-secondary);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.banner-aff-vas-wrapper img {
    position: absolute;
    top: 200px;
    left: 0;
    transform: translateY(-50%) rotate(60deg);
    width: 60%;
    max-width: 800px;
    height: auto;
    opacity: 0.3;
    pointer-events: none;
}

.banner-aff-vas-wrapper p {
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    color: var(--color-text);
    z-index:10;
}

.banner-aff-vas-wrapper h1 {
    font-size: 50px;
    text-align: center;
    font-weight: 400;
}

/*--------Sezione contatti*/
.sez-contatti .card {
    background-color: var(--color-secondary);
    border: none;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
}

.sez-contatti .card .img-container{
    width: 100px;
    height: auto;
}

.sez-contatti .card h2{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.sez-contatti .card h3 a{
    color: var(--color-text);
    font-weight: 700;
}

.sez-contatti .input-contatti textarea{
    height: 100px;
}

.sez-contatti .input-contatti .form-control {
    color: var(--color-text);
    border: none;
    border-radius: 10px;
}

.sez-contatti .input-contatti select {
    border-radius: 10px;
}

.sez-contatti .input-contatti label {
    color: var(--color-secondary);
    font-weight: 300;
}

.form-floating > .form-control:focus ~ label {
    color: var(--color-secondary);
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: transparent;
}

.sez-contatti .sez-contatti-testo h2 {
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 15px;
    color: var(--color-text);
}

.sez-contatti .sez-contatti-testo p {
    font-size: 16px;
    text-align: start;
    color: var(--color-text);
}

@media (max-width: 1200px) {
    .sez-contatti .sez-contatti-testo p {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .sez-contatti .sez-contatti-testo h2 {
        font-size: 40px;
    }
    .sez-contatti .sez-contatti-testo p {
        font-size: 16px;
    }
}

/*--------Sezione Vas*/
.vas-footer-title {
    text-align: center;
    font-weight: 300;
    font-size: 40px;
    margin-top: 2rem;
}

.vas-footer-par{
    font-size: 25px;
    font-weight: 400;
    text-align:center;
}

.vas-footer-title strong {
    font-weight: 600;
}

/*--------Sezione info*/
.sez-info *{
    color: var(--color-text);
    text-align: center;
}

.sez-info h4 {
    font-weight:400;
}

.sez-info ul {
    list-style: inside;
}

.sez-info ul li{
    font-size: 22px;
    margin-bottom: 10px;
}

.sez-info ul.lista-soggetti{
    list-style: none;
}

.sez-info ul.lista-soggetti li{
    font-size:16px;
    font-weight: 400;
    margin-bottom: 0rem;
}


.sez-info .lista-documenti h4{
    text-align: start;
    color: var(--color-primary);
}

.sez-info .lista-documenti img {
    width: 20px;
}

.sez-info .lista-documenti span {
    font-size: 13px;
}

.sez-info .lista-documenti .link-download{
    margin-top: -10px;
    cursor:pointer;
    text-decoration: underline;
}

.sez-info .lista-documenti .link-download:hover,
.sez-info .lista-documenti span:hover
{
    color: var(--color-primary);
}


/*-------- Sezione Verifica*/
.sez-verifica .hero {
    width: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    background: var(--color-secondary);
    position: relative;
    min-height: 474.5px;
}

.sez-verifica .hero .hero-content {
    text-align: start;
    font-size: 18px;
    background: transparent;
    height: auto;
}

.sez-verifica .hero .img-container {
    height: 100px;
    width: auto;
}

.sez-verifica .hero-content .text-content {
    z-index: 3;
}

.sez-verifica .hero .carosello-pittogramma {
    position: absolute;
    right: 0;
    bottom: -60px;
    opacity: 0.2;
    width: 750px;
}

.sez-verifica .hero .hero-content .carosello-scontrino {
    position: absolute;
    bottom: -72px;
    right: 0;
    max-height: 90%;
    width: auto;
}

.sez-verifica .hero .hero-content-container h1 {
    text-align: left;
    font-weight:600;
}



.sez-verifica .hero .hero-content-container h5 {
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: var(--color-text);
}

.sez-verifica .hero .hero-content-container p {
    text-align: left;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

.sez-verifica .card img{
    width: 150px;
}

.sez-verifica .card {
    border-radius: 20px;
    border-color: transparent;
    color: var(--color-secondary);
}

.sez-verifica .card-quietanza {
    border-radius: 20px;
    border: 2px solid var(--color-secondary);
}

.sez-verifica .card-quietanza img{
    width: 100px;
}

.sez-verifica .card-quietanza .card-quietanza-info{
    color: var(--color-secondary);
    align-content:center;
    padding: 0 8px;
}

.sez-verifica .card-quietanza .btn-main{ 
    font-size: 18px;
}

@media (max-width: 1200px) {

    .sez-verifica .hero .text-content h1 {
        font-size: 30px;
    }

    .sez-verifica .hero .text-content p,
    .sez-verifica .hero .text-content h5 {
        text-align: start;
    }

    .sez-verifica .hero .hero-content .carosello-scontrino {
        right: 0;
        width:550px;
    }
}

@media (max-width: 992px) {

    .sez-verifica .hero .hero-content-container {
        text-align: center;
    }

    .sez-verifica .hero .text-content h1,
    .sez-verifica .hero .text-content p, 
    .sez-verifica .hero .text-content h5 {
        text-align: center;
    }

    .sez-verifica .hero .text-content a {
        margin: auto;
    }

    .sez-verifica .hero .hero-content .carosello-scontrino {
        display: none;
    }

    .sez-verifica .hero .hero-content .image-content {
        display: flex;
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0;
        right: 0;
    }

    .sez-verifica .hero .carosello-pittogramma {
        width: 100%;
    }
}


/*-------- Sezione Prenotazione*/
.sez-prenotazione {
    background: linear-gradient(180deg, rgba(242, 246, 254, 1) 10%, rgba(255, 255, 255, 0.25) 100%);
}

.sez-prenotazione .hero-prenotazione h1 {
    font-weight: 700;
}

.sez-prenotazione .hero-prenotazione .img-container {
    background-image: url('/media/prenota/Illustrazione.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right;
    min-height: 350px;
}

.sez-prenotazione .hero-prenotazione .prenotazione-vantaggi {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.sez-prenotazione .hero-prenotazione .prenotazione-vantaggi div{
    display:flex;
    align-items: center;
    gap: 0.5rem;
}

.sez-prenotazione .hero-prenotazione .prenotazione-vantaggi i{
    font-size: 32px;
    color: var(--color-primary);
}

.sez-prenotazione .hero-prenotazione .prenotazione-vantaggi span{
    font-size: 14px;
    line-height: 1.3rem;
    text-wrap: nowrap;
    font-weight: 500;
}

.sez-prenotazione .come-funziona {
    color: var(--color-primary);
    overflow: hidden;
}

.come-funziona h3 {
    font-weight: 700;
}

.step-wrapper {
    height: 100%;
    width:auto;
}

.step-icon {
    height: 60px;
    width: auto;
    flex-shrink: 0;
}

.step-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .5rem;
}

.step-number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-primary);
    color: #fff;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-text {
    color: #4f4f4f;
    font-size: .9rem;
    line-height: 1.5;
}

.step-arrow {
    width: 60px;
}

.qr-wrapper {
    max-width: 900px;
}

.qr-frame {
    width: 100%;
    border: 0;
    overflow: hidden;
}

@media (max-width: 992px) {
    .sez-prenotazione .hero-prenotazione .img-container {
        margin-top: 25px;
        background-position: center;
    }

    .sez-prenotazione .hero-prenotazione .prenotazione-vantaggi{
        flex-wrap: wrap;
        justify-content:start;
    }
}

@media (max-width: 542px) {

    .sez-prenotazione .step-wrapper{
        margin: auto;
    }

    .sez-prenotazione .step-wrapper .step-title{
        justify-self: center;
    }
}

/*------- Sez Modulo adesioni*/
.sez-modulo-adesioni {
    width: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
}

.sez-modulo-adesioni .container {
    position: relative;
    height: 100%;
}

.sez-modulo-adesioni .text-content {
    z-index: 3;
}


.sez-modulo-adesioni .carosello-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 750px;
}

.sez-modulo-adesioni .carosello-pittogramma {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    width: 750px;
    opacity: 0;
}

.sez-modulo-adesioni .gift-icon{
    width: 40px;
    height:auto;
}

.sez-modulo-adesioni .hero-modulo-adesioni .card{
    width: fit-content;
}

.sez-modulo-adesioni h1 {
    color: var(--color-text);
    text-align: left;
    font-weight: 600;
}

.sez-modulo-adesioni h1 span{
    color: var(--color-primary);
}

.sez-modulo-adesioni p {
    text-align: left;
    font-size: 18px;
}

.sez-modulo-adesioni a {
    font-size: 20px;
}

@media (max-width: 1200px) {

    .sez-modulo-adesioni .text-content h1 {
        font-size: 30px;
    }

    .sez-modulo-adesioni .carosello-img {
        width: 700px;
        right: -100px;
    }

}

@media (max-width: 992px) {

    .sez-modulo-adesioni .hero-modulo-adesioni {
        background-color: var(--color-secondary);
    }

    .sez-modulo-adesioni .text-content h1,
    .sez-modulo-adesioni .text-content p,
    .sez-modulo-adesioni .text-content a {
        text-align: start;
    }

    .sez-modulo-adesioni .text-content a {
        margin: auto;
    }

    .sez-modulo-adesioni .carosello-img{
        opacity: 0;
    }

    .sez-modulo-adesioni .carosello-pittogramma {
        opacity: 0.4;
        height: auto;
    }
}

@media (max-width: 767px) {
    .sez-modulo-adesioni .carosello-pittogramma {
        width: 100%;
    }
}

/* -----------Card offerta */

.card-offerta-wrapper {
    background: var(--color-primary);
    border-radius: 30px;
    position: relative;
}

.card-offerta-wrapper .card-offerta-content {
    background: #fff;
    border-radius: 28px;
    position: relative;
    overflow: hidden;
}

.card-offerta-wrapper .offer-label {
    display: block;
    color: #0d6efd;
    font-weight: 700;
    margin-bottom: 10px;
}

.card-offerta-wrapper .offer-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.2;
}

.card-offerta-wrapper .offer-title span {
    color:var(--color-primary);
}

.benefit-list {
    list-style: none;
    padding: 0;
}

.benefit-list li {
    margin-bottom: 16px;
    padding-left: 28px;
}

.benefit-list li i{
    color: var(--color-primary);
}

@media (max-width: 991px) {
    .card-offerta-wrapper .offer-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 767px) {
    .card-offerta-wrapper .offer-title {
        font-size: 1.4rem;
        text-align: center;
    }

    .card-offerta-wrapper .offer-label,
    .card-offerta-wrapper .offer-description {
        text-align: center;
    }
}


/* -----card servizi*/
.servizi-card {
    background: #fff;
    border-radius: 30px;
}

.servizi-title {
    text-align: center;
    font-weight: 700;
    color: #23354d;
    margin-bottom: 40px;
}

/* -----sez esigenze*/
.sez-esigenze .benefit-list li{
    padding-left: 0;
    font-size: 20px;
    font-weight: 300;
}

.sez-esigenze .offer-title {
    font-size: 40px;
}

.sez-esigenze img{
    max-width: 500px;
}


@media (max-width: 767px) {
    .sez-esigenze .offer-title {
        font-size: 30px;
        text-align: start;
    }

    .sez-esigenze img {
        width: auto;
        max-width: 100%;
    }

}

/*------ form modulo contatti*/
.sez-modulo-adesioni .sez-contatti .card {
    background-color: var(--color-secondary);
    border: none;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}

.sez-modulo-adesioni .sez-contatti .offer-label {
    color: #fff;
}

.sez-modulo-adesioni .sez-contatti input[type=submit] {
    font-size: 20px;
}

.sez-modulo-adesioni .sez-contatti .contatti-border {
    border-right: 2px solid #fff;
}

.sez-modulo-adesioni .sez-contatti .input-contatti .form-control {
    color: var(--color-text);
    border: none;
    border-radius: 10px;
}

.sez-modulo-adesioni .sez-contatti .input-contatti label {
    color: var(--color-secondary);
    font-weight: 300;
    left: 10px;
}

.sez-modulo-adesioni .sez-contatti .card-adesione {
    background-color: #fff;
}

.sez-modulo-adesioni .sez-contatti .form-check-label{
    color: var(--color-text) !important;
}

.sez-modulo-adesioni .sez-contatti .form-check-label a{
    font-size: 16px;
}

@media (max-width: 991px) {
    .sez-modulo-adesioni .sez-contatti .contatti-border {
        border-right: none;
    }

    .sez-modulo-adesioni .sez-contatti input[type=submit] {
        font-size: 15px;
    }
}


/*------- Modal risposta*/
.modal-form-response h5{
    color: var(--color-primary);
    font-weight: 600;
}

.modal-form-response p {
    color: var(--color-text);
}