.offerte-pagina { overflow-x:hidden; }
.offerte-pagina h2 { color:#ADBF00; padding-left: calc( 8.3334% + 140px ); text-transform: none; }
.offerte-pagina h2,.offerte-pagina .sottotitolo  { display: inline;}
.offerte-pagina .sottotitolo { margin-left:20px; }

.offerte-pagina article { width:30vw;}
.offerte-pagina article a { margin:16px; overflow: hidden; display: block; position: relative;   }
.offerte-pagina article a figure {aspect-ratio: 3 / 4; overflow: hidden; border-radius: 20px; background-color: #000; }
.offerte-pagina article a figure img { transition: opacity .3s; :100%; height: 100%; object-fit: cover; object-position: center; opacity: .6;}
.offerte-pagina article a:hover figure img { opacity: 1;}
.offerte-pagina article a span { z-index:100;position: absolute; top:10px; left:10px; font-weight: 500; color: #F7F6F0;  }
.offerte-pagina article a p.alpaca { margin:0px; position: absolute; bottom:100px; left:20px; font-size: 45px; color: #F7F6F0; line-height: 45px; width: calc( 100% - 40px); }
.offerte-pagina article a p.button { position: absolute; left:20px; bottom: 20px; margin: 0px; color: #F7F6F0}
.offerte-pagina article a span { padding-left: 45px; background-repeat: no-repeat;}
.offerte-pagina article a span sup { font-size: 12px;}

.offerte-pagina article a span.pacchetto { background-image: url('../../../assets/images/pacchetto.svg');}
.offerte-pagina article a span.offerta { background-image: url('../../../assets/images/offerta.svg');}

.offerte-pagina .slick-arrow { background-image: url('../../../assets/images/freccia.svg'); transition: opacity .3s; cursor: pointer; border:none; background-color: transparent; filter:invert(100); text-indent: -10000px; width:40px; height:40px; position:absolute; top: -40px; right: 140px; }
.offerte-pagina .slick-arrow.slick-prev { transform: rotate(180deg); right: 240px;}
.offerte-pagina .slick-arrow:hover { opacity: .3; }

.noSlick { display:flex; flex-wrap: wrap; padding: 40px;  }
.noSlick article { width:25%; }

@media screen and ( max-width:1800px){
    .offerte-pagina .slick-arrow { right:80px;}
    .offerte-pagina .slick-arrow.slick-prev { right: 160px; }
}

@media screen and ( max-width:1380px){
    .noSlick article { width:33%; }
    .offerte-pagina .slick-arrow { right:20px;}
    .offerte-pagina .slick-arrow.slick-prev { right: 100px; }

}

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

.offerte-pagina h2, .offerte-pagina .sottotitolo { display: block; margin:0px; padding-left: 20px;}
.offerte-pagina article a p.alpaca { font-size: 30px; line-height: 1.18em; }
.offerte-pagina article { width:35vw;}

.noSlick article a figure { aspect-ratio: 4/3;}
.offerte-pagina .noSlick article { width:50%;}
.noSlick { padding:0px;}

}
@media screen and ( max-width:768px){
    .offerte-pagina article { width: 40vw;}
    }

    @media screen and ( max-width:500px){
        .offerte-pagina article { width: 80vw;}
        .offerte-pagina .slick-arrow { display: none !important;}
        .home .offerte-pagina { margin-top: 40px;}
        .offerte-pagina .noSlick article { width:100%;}

        }