.text-icon-container .heading { margin-bottom: 30px; }
.text-icon-head { gap: 40px; }
.text-icon-cta { margin-top: 40px; }
.text-icon-list { gap: 20px; }
.text-icon-box { gap: 62px; }
.text-icon-icon { width: 48px; height: 48px; }
.text-icon-icon img { width: 100%; height: 100%; object-fit: contain; }
.text-icon-left { max-width: 520px; }
.text-icon-body { margin-top: 100px; gap: 100px; }
.ti-stack-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -50px; }
.ti-stack-item { width: 25%; padding: 0 15px; margin-bottom: 50px; }
.ti-stack-icon { width: 50px; height: 53px; margin-bottom: 20px; }
.ti-stack-icon img { width: 100%; height: 100%; object-fit: contain; }
.text-icon-quarter-circle-1 { width: 500px; height: auto; position: absolute; bottom: -20px; left: 0; z-index: 9; }
.text-icon-quarter-circle-1 img { width: 100%; height: 100%; object-fit: contain; }
.text-icon-dashed-line-1 { width: 150vw; height: 1px; position: absolute; bottom: -10px; left: 260px; transform: rotate(-22.7deg); background-image: linear-gradient(90deg, var(--fig-black), var(--fig-black) 60%, transparent 60%, transparent 100%); background-size: 20px 1px; opacity: 0.2; transform-origin: bottom left; z-index: 9; }
.text-icon-quarter-circle-2 { width: 328px; height: auto; position: absolute; bottom: -62px; right: 0; z-index: 9; }
.text-icon-quarter-circle-2 img { width: 100%; height: 100%; object-fit: contain; }
.text-icon-dashed-line-2 { width: 150vw; height: 1px; position: absolute; bottom: -72px; right: 60px; transform: rotate(28.4deg); background-image: linear-gradient(90deg, var(--fig-black), var(--fig-black) 60%, transparent 60%, transparent 100%); background-size: 20px 1px; opacity: 0.3; transform-origin: bottom right; z-index: 9; }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
.text-icon-box { gap: 30px; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.ti-stack-item { width: 50%; }
.text-icon-quarter-circle-1 { bottom: -40px; }
.text-icon-dashed-line-1 { bottom: -20px; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
.text-icon-list { gap: 48px; margin-top: 68px; }
.text-icon-box { padding: 0 30px; gap: 20px; }
.text-icon-body { margin-top: 75px; gap: 75px; }
.text-icon-left { max-width: 100%; }
.ti-stack-item { width: 100%; }
.ti-stack-text { line-height: 1.4; }
.text-icon-quarter-circle-1 { left: -280px; bottom: -10px; }
.text-icon-dashed-line-1 { left: 20px; bottom: -2px; }
.text-icon-quarter-circle-2 { width: 50%; right: -15%; }
.text-icon-dashed-line-2 { right: 20px; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }