/* offers */
.offers {padding-block: 20px; --clr-text: #343a40;}
.offers .columns {display: grid; grid-template-columns: 66% 1fr; gap: 30px; margin-bottom: 20px;}
.offers .products .head {text-align: center; margin-bottom: 35px;}
.offers .products .head :first-child {font-size: var(--fs-24); color: var(--clr-red); line-height: 1.3; margin-bottom: 20px; transition: var(--transition);}
.offers .products .head p {color: var(--clr-text); font-size: var(--fs-16); transition: var(--transition);}
.offers .products-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 30px; transition: var(--transition);}
.offers .product-item {position: relative; text-align: center; transition: .4s;}
.offers .product-item img {background: no-repeat center/cover url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images/products/product-bg.webp'); padding: 30px;}
.offers .product-item :nth-child(2) {display: block; font-size: var(--fs-18); padding: 10px; background-color: #f0f1f4; color: #000; margin: 0; transition: var(--transition);}
.offers .product-item span {display: flex; align-items: center; justify-content: center; opacity: 0; position: absolute; inset: 0; margin: auto; height: 50px; width: 160px;  background-color: var(--clr-red-dk); color: #fff; border-radius: 50px; font-size: var(--fs-18); transition: .4s;}
.offers .product-item:hover img {border: 1px solid #203d71;}
.offers .product-item:hover span {opacity: 1;}
.offers .product-item:hover strong {background-color: #203d71; color: #fff;}

/* features */
.features {--clr-dark: #343a40; --clr-maroon: #b51e25;}
.features .head {text-align: center; margin-bottom: 15px;}
.features .head :first-child {font-size: var(--fs-20); font-weight: var(--fw-600); line-height: 1.5; margin-bottom: 10px; padding: 10px; background-color: var(--clr-dark); border-bottom: 3px solid var(--clr-red-dk); color: #fff; transition: var(--transition);}
.features .head p {color: var(--clr-dark); font-size: var(--fs-16); transition: var(--transition);}
.features .timer img:nth-of-type(1) {max-width: 490px; aspect-ratio: 490/80;}
.features .timer img:nth-of-type(2) {max-width: 140px; aspect-ratio: 140/45;}
.features .timer {background: no-repeat center/cover url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images/offer-timer-bg.webp'); display: flex; flex-direction: column; justify-content: center; align-items: center; height: 510px;}
.features .time {margin-bottom: 10px;}
.features .time > * {font-size: var(--fs-50); color: var(--clr-maroon); margin-inline: 25px; transition: var(--transition);}
.features .highlights {padding-block: 15px 30px;}
.features .highlights img {max-width: 792px; margin-inline: auto;}

/* Media Quries */
@media only screen and (width <= 1200px) {
.offers .columns {gap: 20px;}
}

@media only screen and (width <= 991px) {
:root {--fs-50: 44px;}
.offers .columns {grid-template-columns: 60% 1fr}
.offers .products-grid {grid-template-columns: repeat(3, 1fr);}
}

@media only screen and (width <= 767px) {
:root {--fs-24: 22px;}
.offers {margin-top: 55px;}
.offers .columns {grid-template-columns: 1fr;}
.offers .products-grid {grid-template-columns: repeat(2, 1fr); gap: 20px;}
.offers .quote-form {max-width: 560px; margin-inline: auto;}
}

@media only screen and (width <= 575px) {
:root {--fs-50: 36px; --fs-24: 20px; --fs-20: 18px; --fs-18: 16px;}
.offers {margin-top: 135px;}
.features .time > * {margin-inline: 15px;}
}

@media only screen and (width <= 475px) {
:root {--fs-16: 15px;}
.offers .products-grid {grid-template-columns: 1fr;}
}