.column-text-grid { display: grid; gap: 32px; }

.column-text-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }

.column-text-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }

.column-text-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }

.column-text-grid.text-center .column-text-icon { margin-left: auto; margin-right: auto; }

.column-text-box { padding: 32px 32px 32px 0; font-size: 18px; }

.column-text-icon { width: 68px; height: 68px; margin-bottom: 24px; }

.column-text-icon img { width: 100%; height: 100%; object-fit: contain; }

.column-text-box h2 { font-size: 40px; line-height: 1.2; color: var(--views-green); margin-bottom: 16px; }

/* ====================================================== 

! Extra large devices (large desktops, less than 1600px)

====================================================== */

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

/* ========================================== 

! Large devices (desktops, less than 1200px)

=========================================== */

@media (max-width:1199.98px) {

.column-text-grid { gap: 16px; }

.column-text-box h2 { font-size: 32px; }

}

/*==========================================

! Medium devices (tablets, less than 992px)

========================================== */

@media (max-width:991.98px) {

.column-text-grid { grid-template-columns: repeat(2, 1fr) !important; }

}

/* =================================================  

! Small devices (landscape phones, less than 768px)

================================================= */

@media (max-width:767.98px) {

.column-text-grid { grid-template-columns: 1fr !important; gap: 32px; }

.column-text-box { padding: 0; font-size: 16px; }

.column-text-icon { width: 48px; height: 48px; margin-bottom: 24px; }

.column-text-box h2 { font-size: 28px; }

}

/* ======================================================

! Extra small devices (portrait phones, less than 576px)

====================================================== */

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