/* ===========================
 TOP OFFERS SLIDER
=========================== */


.offers-section{

padding:25px 0;

}



.section-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:18px;

}



.offers-slider{

position:relative;

overflow:hidden;

}



.offers-row{

display:flex;

gap:18px;

overflow-x:auto;

scroll-behavior:smooth;

scrollbar-width:none;

}



.offers-row::-webkit-scrollbar{

display:none;

}




.offer-card{

position:relative;

flex:0 0 calc(25% - 14px);

height:190px;

border-radius:20px;

overflow:hidden;

text-decoration:none;

color:#fff;

}




.offer-card img{

position:absolute;

width:100%;

height:100%;

object-fit:cover;

}




.offer-overlay{

position:absolute;

inset:0;

background:
linear-gradient(
90deg,
rgba(0,0,0,.7),
rgba(0,0,0,.15)
);

}




.offer-left{

position:absolute;

left:20px;

bottom:20px;

z-index:2;

}



.offer-left h4{

margin:0;

font-size:22px;

}



.offer-left p{

margin:8px 0 12px;

}



.offer-left span{

background:#fff;

color:#111;

padding:7px 16px;

border-radius:20px;

font-size:14px;

}




/* ARROWS */


.offer-arrow{

position:absolute;

top:50%;

transform:translateY(-50%);

z-index:5;

width:42px;

height:42px;

border-radius:50%;

border:none;

background:#fff;

font-size:30px;

cursor:pointer;

box-shadow:0 4px 15px rgba(0,0,0,.25);

}



.offer-arrow.prev{

left:10px;

}



.offer-arrow.next{

right:10px;

}




.offer-arrow:hover{

background:#ff5200;

color:#fff;

}




/* Tablet */

@media(max-width:992px){


.offer-card{

flex:0 0 calc(50% - 9px);

}


}



/* Mobile */

@media(max-width:600px){


.offers-section{

padding:15px 10px;

}



.offer-card{

flex:0 0 90%;

height:170px;

}



.offer-arrow{

width:35px;

height:35px;

font-size:22px;

}


}