.info-banner-box {background: var(--sof-white);border-radius: 20px;padding: 0 115px; position: relative;}
.ib-left {flex-grow: 1;position: relative;padding: 36px 20px 36px 0;}
.ib-right {flex-shrink: 0;}
.ib-img-box {width: 100%;margin-top: -30px;margin-bottom: -30px;}
.ib-img {width: 100%;height: 100%; object-fit: contain;}
.ib-img img{max-height: 280px;}
.ib-content {line-height: 1.5;}
.ib-content h3 {font-size: 50px;color: var(--sof-green);margin-bottom: 6px;line-height: 1;}
.ib-content a {font-weight: 700;}
.ib-additional-info {font-size: 17px;font-weight: 600;color: var(--sof-white);margin-top: 8px;}
.ib-btn{margin-left: 30px;}


.info-banner-box.bg-white .btn{--sof-white: #E83A43; --sof-blue-dark: #fff;}
.info-banner-box.bg-yellow .btn{--sof-white: #E83A43; --sof-blue-dark: #fff;}
.info-banner-box.bg-white .ib-additional-info{--sof-white: #E83A43;}
.info-banner-box.bg-yellow .ib-additional-info{--sof-white: #E83A43;}

@media (max-width:1499.98px) {
    .info-banner-box {padding: 0 50px;}
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .ib-btn{margin-left: 0;}

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
  
.ib-right {margin: 0;}
.ib-content h3 {margin-bottom: 20px; font-size: 45px;}
.ib-img {height: 100%;margin-top: 0;}
.ib-img-box {width: 100%;}
.ib-time {margin-top: 34px;}
.ib-btn {padding: 0;}
.ib-additional-info span {display: inline-block;}
.ib-additional-info span + span {margin-top: 35px;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){ 
    .info-banner-box { flex-flow: column;padding: 40px 15px;width: calc(100% + 30px);margin-left: -15px;border-radius: 0;}
    .ib-left {padding: 0;}
    .info-banner-box .ib-btn-sm .btn {min-width: auto!important;}


.info-banner-box.img-hide .ib-img-box{display: none;}

.info-banner-box.img-middle .ib-img-box{margin:0 auto; width: 80%; }
.info-banner-box.img-middle .ib-img-box .ib-img{text-align: center;}
.info-banner-box.img-middle .ib-img-box .ib-img img{max-width: 300px; max-height: 220px;}
.ib-middle + *{margin-top: 20px;}
.info-banner-box.img-middle  .ib-right{display: none !important;}
.info-banner-box.img-bottom{padding-bottom: 0;}
.info-banner-box.img-bottom .ib-img-box{margin: 30px auto -30px auto; width: 80%; }
.info-banner-box.img-bottom .ib-img-box .ib-img{text-align: center;}
.info-banner-box.img-bottom .ib-img-box .ib-img img{max-width: 300px; max-height: 220px;}


.info-banner-box.img-bottom-right .ib-img-box {position: absolute;bottom: -48px;right: -10px;width: 160px;margin: 0;}
.info-banner-box.img-bottom-right .ib-right {margin-right: 0;}

.info-banner-box.img-bottom-right {padding: 44px 30px;width: 100%;margin-left: 0;border-radius: 20px;}
.info-banner-box.img-bottom-right .ib-btn{padding-right: 150px;}
}
