.dashed-col>.col-inner {
    border: 1px dashed var(--fs-color-alert);
}

.sec-ib {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sec-ib .icon-box {
    justify-content: center !important;
    flex-wrap: nowrap;
}

.sec-ib .icon-box-text {
    flex: none !important;
}

.icon-box-img img,
.icon-box-img svg {
    padding-top: 0 !important;
}

/* ==========================================================================
   MIN-WIDTH (Mobile First - Ưu tiên từ thấp đến cao)
   ========================================================================== */

@media (min-width: 375px) {
    /* Mobile L */
}

@media (min-width: 430px) {
    /* Mobile XL */
}

@media (min-width: 768px) {
    /* Tablet */
}

@media (min-width: 820px) {
    /* Tablet L */
}

@media (min-width: 1024px) {

    /* Laptop / iPad Pro */
    .sec-ib .row .col:not(:last-child)::before {
        content: '';
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: 50%;
        background-color: var(--fs-color-alert);
    }
}

@media (min-width: 1280px) {
    /* Desktop */
}

@media (min-width: 1920px) {
    /* Large Desktop */
}

/* ==========================================================================
   MAX-WIDTH (Desktop First - Ưu tiên từ cao xuống thấp)
   ========================================================================== */

@media (max-width: 1920px) {
    /* Max Large Desktop */
}

@media (max-width: 1280px) {
    /* Max Desktop */
}

@media (max-width: 1024px) {

    /* Max Laptop / iPad Pro */
    .sec-ib .row .col h3.fs-16 {
        font-size: 14px !important;
    }
}

@media (max-width: 820px) {

    /* Max Tablet L */
    .sec-ib {
        padding-top: .75rem !important;
    }

    .sec-ib .col {
        padding: 0 0 .75rem .25rem !important;
    }

    .sec-ib .icon-box-img {
        width: 2rem !important;
    }

    .sec-ib .icon-box-text h3 {
        margin-bottom: 0 !important;
    }

    .sec-ib .icon-box-text {
        flex: 1 1 0px !important;
        text-align: left !important;
    }

    .sec-ib .row .col h3.fs-16,
    .sec-ib .row .col p {
        font-size: .75rem !important;
    }

}

@media (max-width: 768px) {
    /* Max Tablet */
}

@media (max-width: 430px) {

    /* Max Mobile XL */
    .sec-ib {
        padding-top: .5rem !important;
    }

    .sec-ib .col {
        padding: 0 0 .5rem .25rem !important;
    }

    .sec-ib .row .col .col-inner {
        height: 100%;
    }

    .sec-ib .icon-box {
        flex-direction: row;
        justify-content: flex-start !important;
        gap: .25rem;
        height: 100%;
    }


    .sec-ib .icon-box-img {
        width: 1rem !important;
    }

    .sec-ib .row .col h3.fs-16,
    .sec-ib .row .col p {
        font-size: .375rem !important;
    }

    .sec-ib .icon-box-text {
        padding-left: 0rem !important;
    }
}

@media (max-width: 375px) {

    /* Max Mobile L */

}