.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; }
/* ========================================== 
! 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%; }
}
/* =================================================  
! 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; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }