@keyframes offermain {
0%   {background-color: #c9392e;}
25%  {background-color: #2e38bf;}
75%  {background-color: #2fa33f;}
100% {background-color: #c9392e;}
}

ul:nth-child(1 of .offers) {
	color: var(--clr-p);
	background-image: unset;
	font-weight: 700;
}
.info-box .mb-box ul li:not(:first-child){
	border-top: 1px solid var(--clr-p);
}

.mb-ext-box h4,
.mb-ext-box h5{
	color: #fff !important;
    animation-name: offermain;
    animation-duration: 2s;
    animation-iteration-count: infinite;
	background-image: unset;
}
.info-box .mb-ext-box h4{
	margin-bottom: 0;
	padding-top: 10px;
}
.info-box .mb-ext-box h5{
	margin-top: 0;
	padding-bottom: 10px;
}

.info-box{
	position: relative;
}
.ib-p{
	height: 100px;
    position: absolute;
    top: -55px;
	left: 3px;
}
@media(min-width: 768px){
	.info-box{
		position: absolute;
	}
	.ib-p{
		height: calc(7vw + 1px);
		max-height: 150px;
        top: calc(1vw + 1px);
        left: unset;
        right: calc(-2.25vw + 1px);
	}
}