.offers_wrapper .special_offer{padding-top: 60px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.offer_block .offer_content{display: flex;justify-content: space-between; position: absolute; width: 100%;right: 0%;top: 0%;gap: 10px; padding:40px 30px; box-sizing: border-box;justify-content: space-between;
    align-items: center;}
.offer_block .offer_subtitle{max-width: 70%;}
.offer_block .offer_subtitle .title{font-size: 26px;line-height: 30px;color: var(--primary_white);font-weight: 700;text-transform: uppercase;}
.offer_block .offer_social_icons{display: flex;gap: 10px;justify-content: left;}
.offer_social_icons .icon{ width:32px; height:32px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: var(--primary_white); transition: .3s ease-in-out;}
.offer_social_icons .icon:hover{background-color: var(--primary_black);}
.offer_social_icons .icon svg path{ transition: .3s ease-in-out;}
.offer_social_icons .icon:hover svg path{fill:var(--primary_white);}
.offer_block .offer_inner{position: relative;}

.offer_block .offer_main_img img{width:100%; height: 100%; object-fit: cover;}

@media screen and (min-width:200px) and (max-width:1024px){
    .offer_block .offer_content{padding:20px 20px;}
    .offers_wrapper .special_offer{padding-top: 30px;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));}
    .offer_block .offer_subtitle .title{font-size: 18px;line-height: 23px;font-weight: 700;}
    .offer_block .offer_subtitle { max-width: 100%;}
}

@media screen and (min-width:768px) and (max-width:1024px){
    .offers_wrapper .special_offer{grid-template-columns: repeat(auto-fill,minmax(320px,1fr));}
    .offer_block .offer_subtitle .title{font-size: 20px;line-height: 25px;font-weight: 700;}
}