body {background: #fff;}
.inner_middle_area{margin: 30px 0px;}
.offer-detail-section{box-shadow: 0 15px 40px 5px rgb(133 132 132 / 52%); padding: 10px; border-radius: 15px; margin-bottom: 20px;}
.offer-detail-section .row{display: flex; flex-wrap: wrap;}
.dash-col{border-right: 1px dashed #c2bebe;}
.offer_detail_left img{width: 100%; height:420px; border-radius: 5px;}
.off-dtl{background: var(--main-color); padding: 0.03rem 0.4rem; display: inline-block; border-radius: 3px; font-size: 15px; font-weight: 600; color: #fff;}
.offer-des{font-size: 18px; font-weight: 600; margin-top: 10px;}
.use-coupon-offer{color: var(--main-color); font-weight: 600; display: inline-block; border: 1px dashed var(--main-color); padding: 5px 15px; margin: 0 0 11px 0; line-height: 19px;}
.scroll-height{ height: 400px;   overflow-y: auto;padding-right: 8px;}
.scroll-height::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px;}
.scroll-height::-webkit-scrollbar {width: 6px; height: 9px; background: #f5f5f5; border-radius:10px;}
.scroll-height::-webkit-scrollbar-thumb {  border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background:var(--main-color);}
@media screen and (max-width:992px){
.sidebar-wrap{margin-bottom:20px;}
}
@media screen and (max-width: 767px){
    .xs_p0 { margin: 15px 0 !important;}
    .offermob_p0{padding:0;}
    .inner_middle_area {margin: 30px 15px;}
    .dash-col {border-right:none;}
    .offer-section{height: 100%;}
    .offer-section img{height:100%; width:100%;}
    .off-dtl{margin-top: 10px;}
    .offer_detail_left img{height: 450px;}
        .scroll-height{ height: 250px;   overflow-y: auto;}
}
@media screen and (max-width:480px){
     .offer_detail_left img{height: 200px;}
}