#basecmsofferbanner {
    width: 100%;
    float: left;
    background-color: #C58B28;
	margin-top: 100px;

}
#basecmsofferbanner .offer{
    float: left;
    padding: 28px 20px;
}
.offer-service {
	float: left;
	width: 100%;
	position: relative;
	color: var(--color-base-text);
	text-align: center
}

.page-inner-width {
	max-width: 1100px;
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.offer-banner-description {
	float: none;
	text-align: center;
	margin-inline: 5px;
	display: inline-block;
	vertical-align: middle
}

.offer-title {
	font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--global-palette9);
    margin-block: 0;
    text-overflow: ellipsis;
    position: relative;
    text-transform: uppercase;
    text-align: left;
}

.offer-title:before {
    content: "";
    left: -40px;
    right: auto;
    top: 0px;
    bottom: auto;
    position: absolute;
    height: 25px;
    width: 25px;
    -webkit-mask-image: url(../img/service-pattern.svg);
    -webkit-mask-size: 22px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--global-palette9);
}

#shopify-section-base_service {
	margin-block: 40px
}

.offer-services-wrapper {
	position: relative;
	width: auto;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

@media screen and (min-width: 1270px) {
	.offer-service.offer-service-5 {
		border-inline-end: 0
	}

	.offer-services-wrapper {
		position: relative;
		width: 100%
	}
}


@media (max-width: 1359px) {
	#basecmsofferbanner {
		margin-top: 70px;
	}
	.offer-title{
		font-size: 15px;
		line-height: 24px;
	}
	.offer-services-wrapper {
		margin: 0;
		float: none;
		display: inline-block;
		width: 100%
	}

	.offer-banner-description {
		margin-inline: 10px 0
	}

	.offer-title:before {
		left: -35px;
		top: 1px;
		height: 22px;
		width: 22px;
		-webkit-mask-size: 20px
	}
}
@media (max-width: 1199px) {
.offer-title:before {
	left: -40px
}
#basecmsofferbanner .offer{
	padding: 21px 15px;
}
}
@media (max-width: 991px) {
#basecmsofferbanner .offer {
    padding: 18px 10px;
}
#basecmsofferbanner {
    margin-top: 50px;
}
.offer-title {
    font-size: 13px;
    line-height: 22px;
}
}

@media  (max-width:767px) {
	#basecmsofferbanner {
		margin-top: 40px;
	}
	
}

@media  (max-width:660px) {
	.offer-title:before {
		left: -25px;
		top: 1px;
		height: 18px;
		width: 18px;
		-webkit-mask-size: 18px
	}

	.offer-title {
		font-size: 13px;
		line-height: 22px
	}
}

@media  (max-width:543px) {
	
}

@media  (max-width: 479px) {
	.offer-service {
		float: none
	}
	#basecmsofferbanner {
		margin-top: 30px;
	}
	.offer-title:before {
		left: -22px;
		top: 3px;
		height: 15px;
		width: 15px;
		-webkit-mask-size: 16px;
	}
	.offer-title {
		font-size: 12px;
		line-height: 22px;
	}
	#basecmsofferbanner .offer {
		padding: 13px 6px;
	}
}