.apibg { background: #021851 url(../img/apibg.jpg) no-repeat center right; color:#fff;}
.textwhite{color:#fff!important;}
.btn-video-api {  margin: auto; text-align:center; }
.border-radius-20{border-radius:20px; max-width:100%;}
.offerbox {width: 100%; display: flex; border-radius: 25px; flex-direction:column; flex-basis:25%; align-items:center; text-align:center; font-size:18px; font-weight:500; color:#fff; padding: 1.5rem; background:#f36b21 url(../img/tbo-api-_bg1.png);}
.offericon{background:#fff; border:4px solid rgba(241 128 67 /80%);  width:120px; height:120px; margin-block-end:1rem; display:flex; justify-content:center; align-items:center; border-radius:50%;}
.greybg{background:#f7f7f7;}
.hoverlogo img{filter:grayscale()}
.hoverlogo:hover img{filter:initial;}
#hotel_log_slider .owl-nav .owl-prev, #hotel_log_slider .owl-nav .owl-next{font-size:3rem; color:#021851; }
#hotel_log_slider .owl-nav .owl-prev {position:absolute; inset-inline-start:1rem; top:20px }
#hotel_log_slider .owl-nav .owl-next {position:absolute; inset-inline-end:1rem;top:20px }
.offeritems{display:flex; gap:1rem; align-items:center; font-size:16px; color:#808080; font-weight:500;}
.offeritemicon{background:#f36b21; border-radius:50%; min-width:80px; height:80px; display:flex; justify-content:center; align-items:center;}
.offeritemicon svg{transform:scale(.8);}

@media screen and (max-width:768px){
    .offerbox{padding:1.5rem .5rem;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .offerbox {
        padding: 1.5rem .5rem; flex-basis:50%;
    }
}