/* ========================================================
   KHUNG QUY TRÌNH LÀM VIỆC FLATSOME (.vt-how-work-row)
======================================================== */

:root {
    /* 🔴 ĐIỀU CHỈNH PADDING 2 BÊN TRÁI/PHẢI CỦA ROW TẠI ĐÂY: */
    --padding-hai-ben: 20px; 
}

/* 1. Ép Row nhận Padding 2 bên trực tiếp từ biến ở trên */
.vt-how-work-row {
    display: flex !important;
    flex-wrap: wrap !important;
    padding-left: var(--padding-hai-ben) !important;
    padding-right: var(--padding-hai-ben) !important;
    box-sizing: border-box !important;
}

/* 2. Đảm bảo các cột co dãn full chiều cao */
.vt-how-work-row > .col {
    display: flex !important;
}

/* 3. Tạo khung viền, màu nền và bo góc cố định cho thẻ bên trong */
.vt-how-work-row > .col > .col-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    
    /* Khoảng cách đệm bên trong mỗi ô */
    padding: 24px 20px !important;
    
    /* Màu nền xám đậm hơn màu nền section rgb(33, 51, 75) */
    background-color: rgba(18, 29, 43, 0.9) !important;
    
    /* Viền 1px mỏng màu trắng đục cố định */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
}

/* 4. Tối ưu lề dưới của đoạn văn cuối cùng trong thẻ */
.vt-how-work-row .col-inner p:last-child {
    margin-bottom: 0 !important;
}