.areas-covered-box { background: var(--sof-white); border-radius: 15px; padding: 60px 72px 50px 120px; }
.acb-head h3 { font-size: 50px; color: var(--sof-red); margin-bottom: 4px; }
.acb-body { margin-top: 37px; }
.acb-content-box { width: calc(100% - 218px); padding-right: 67px; display: flex; flex-flow: column; padding-bottom: 30px; }
.acb-list { column-count: 4; column-gap: 30px; }
.acb-item {position: relative;padding-right: 25px;padding-left: 33px;font-size: 18px;line-height: 20px;font-weight: 700;display: inline-block;width: 100%;margin-bottom: 6px;}
.acb-item::before {content: '';position: absolute;top: 2px;left: 0;width: 15px;height: 15px;background: var(--sof-green);border-radius: 50%;}
.acb-icon {position: absolute;top: -2px;right: -3px;width: 25px;height: 25px;display: flex;padding: 3px;z-index: 9;}
.acb-footer-left { font-size: 30px; line-height: 1.2; font-weight: 900; color: #588CC1; flex-grow: 1; letter-spacing: 0.05em; padding-right: 20px; }
.acb-footer {  padding-top: 60px; margin-top: auto; }
.acb-cta { font-size: 20px; font-weight: 900; padding: 5px 10px; width: 446px; border: 2px solid #333; border-radius: 10px; text-align: center; letter-spacing: 0.20em; }
.acb-cta span {font-weight: 900;letter-spacing: 0;font-family: var(--sof-primary-font);}
.acb-cta span em { font-weight: 300; font-style: italic; }
.acb-cta:hover{color:var(--sof-red); border-color:var(--sof-red);}
.acb-icon:hover { opacity: 60%; }
.tooltip-inner { color: var(--sof-red); padding: 4px 12px; background-color: #f8f8f8; border-radius: 5px; }
.tooltip { font-size: 15px; font-weight: 500; letter-spacing: 0.03em; filter: drop-shadow(0 3px 6px #000); }
.bs-tooltip-top .arrow::before { border-width: 7px 8px; border-top-color: #f8f8f8; }
.tooltip.show { opacity: 1; }
.acb-box-right { width: 218px; padding-top: 220px; }
.acb-img { width: 100%; }
.acb-img>img { object-position: bottom; }
.acb-contact-cta { background-color: var(--sof-red); color: var(--sof-white); font-size: 28px; position: absolute; top: -82px; width: 253px; height: 265px; border-radius: 50%; left: -27px; text-align: center; display: flex; justify-content: center; flex-flow: column; padding: 30px 26px 50px 26px; line-height: 1.25; font-weight: 700; }
.acb-contact-cta span { color: var(--sof-yellow); } 
.acb-contact-cta a:hover {color: var(--sof-white); text-decoration: underline; }

/* ================================= CSS START ======================================= */
@media (max-width:1499.98px) {
	.areas-covered-box { padding: 50px 50px 50px 70px; }
	.acb-content-box { padding-right: 50px; }
	.acb-list { column-count: 3; }
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	.acb-footer { flex-flow: column; }
	.acb-footer-right { margin-top: 25px; }
	.acb-list { column-gap: 28px; }
	.acb-item { padding-right: 35px; padding-left: 27px; }
	.areas-covered-box { padding: 50px 40px; }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
	.acb-head h3 { font-size: 40px; }
	.acb-body { margin-top: 27px; }
	.acb-item::before { content: none; }
	.acb-icon { right: auto; left: 0; }
	.acb-item { padding-right: 0;margin-bottom: 10px; }
	.acb-content-box { width: 100%; }
	.areas-covered-box { padding: 40px 15px; width: calc(100% + 30px); margin-left: -15px; border-radius: 0; }
	.acb-content-box { padding-right: 0; padding-bottom: 0; }
	.acb-footer { padding-top: 30px; }
	.acb-cta { padding: 8px 10px; max-width: 358px; width: 100%; }
	.acb-footer-left { padding-right: 0; }
	.acb-contact-cta { position: static; width: calc(100% + 30px); margin-left: -15px; border-radius: 0; height: auto; text-align: start; padding: 10px 15px; }
	.acb-contact-cta {margin-top: 30px;display: block;}
	.acb-contact-cta span {display: block;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {  
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
	.acb-footer-left br { display: none; }
	.acb-list { column-count: 2; }
}