/* Base spacing unit: 1rem (16px) */
:root {
    --bs-spacer: 1rem;
    --base-color: #000000;
}

.text-underline {
    text-decoration: underline;
}

.text-primary {
    color: var(--primary-color);
}

.text-secondary {
    color: var(--fs-color-secondary);
}

.text-success {
    color: var(--fs-color-success);
}

.text-alert {
    color: var(--fs-color-alert);
}

.text-link {
    color: var(--fs-experimental-link-color);
}

.color-link:hover {
    color: var(--fs-experimental-link-color-hover);
}

.bg-primary:not(.col), .bg-primary > .col-inner {
    background-color: var(--primary-color);
}

.bg-secondary:not(.col), .bg-secondary > .col-inner {
    background-color: var(--fs-color-secondary);
}

.bg-success:not(.col), .bg-success > .col-inner {
    background-color: var(--fs-color-success);
}

.bg-alert:not(.col), .bg-alert > .col-inner {
    background-color: var(--fs-color-alert);
}

.bg-link:not(.col), .bg-link > .col-inner {
    background-color: var(--fs-experimental-link-color);
}

.text-base {
    color: var(--fs-color-base);
}

.bg-base:not(.col), .bg-base > .col-inner {
    background-color: var(--fs-color-base);
}

.text-white {
    color: #fff;
}
.text-black {
    color: #000000;
}
.text-muted{
    color: #3F3F3F;
}
.text-gray-400{
    color: #ADB2B1;
    a {
        color: #ADB2B1;
        /*text-decoration: none;*/
        transition: all 0.3s ease; /* Luôn cần transition để mượt mà */
    }

    a:hover {
        color: #FFFFFF !important; /* Sáng bừng lên nếu trên nền tối */
        /* Hoặc color: #3F3F3F; nếu trên nền sáng */
    }
}
.bg-white:not(.col), .bg-white > .col-inner {
    background-color: #fff;
}

.logo-left .logo {
    /*margin-right: 0 !important;*/
}

.nav.header-nav>li>a {
    color: #fff !important;
    font-size: 0.875rem;
    /*font-weight: 400;*/
}

.nav.header-nav>li.active>a {
    /*font-size: 1rem;*/
    /*letter-spacing: -0.35px; */
    color: var(--fs-color-secondary) !important;
}
.header-wrapper.stuck{
    .nav.header-nav>li>a {
        color: var(--primary-color) !important;
        /*font-size: 0.875rem;*/
        /*font-weight: 400;*/
    }
    .nav.header-nav>li.active>a {
        /*font-size: 1rem;*/
        /*letter-spacing: -0.35px; */
        color: var(--fs-color-secondary) !important;
    }
}
.nav-column>li:hover>a,
.nav-dropdown>li:hover>a,
.nav-vertical-fly-out>li:hover>a,
.nav>li:hover>a {
    /*     color: var(--fs-color-secondary); */
}

/* Inherit trực tiếp từ body */
.text-inherit,
.text-inherit p {
    color: currentColor !important;
}

.col-h-100.col .col-inner {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
    fill: transparent !important;
}

.flickity-prev-next-button.previous {
    /*  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.11%); */
    width: calc(25vw);
    max-width: 2.25rem;
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    opacity: 1;
    display: block;

    .flickity-button-icon {
        padding: 28%;
        left: 72%;
    }
}

.flickity-prev-next-button.next {
    /*  background: linear-gradient(270deg, #FFFFFF 40.62%, rgba(255, 255, 255, 0) 99.13%); */
    width: calc(25vw);
    max-width: 2.25rem;
    /*height: 100%;*/
    /*top: 0;*/
    /*right: 0;*/
    opacity: 1;
    display: block;

    .flickity-button-icon {
        padding: 28%;
        left: 28%;
    }
}

.flickity-page-dots .dot {
    /*  background-color: var(--primary-color) !important; */
    width: 12px !important;
    height: 12px !important;

    background: #FFFFFF !important;
    border: 1px solid var(--primary-color) !important;
    opacity: 1 !important;
    /*  width: 12px; */
    /*  height: 12px; */

}

.flickity-page-dots .dot.is-selected {
    background: var(--primary-color) !important;
    /*  background-color: var(--primary-color) !important; */
    /*  border: 1px solid #184722; */
}

.slider-nav-circle .flickity-prev-next-button .arrow,
.slider-nav-circle .flickity-prev-next-button svg {

    fill: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.text-justify {
    text-align: justify !important;
}

.line-clamp-1 {
    /* Bắt buộc để -webkit-line-clamp hoạt động */
    display: -webkit-box;
    -webkit-box-orient: vertical;

    /* Cắt sau 1 dòng */
    -webkit-line-clamp: 1;

    /* Ẩn phần tràn và hiện dấu chấm lửng */
    overflow: hidden;
    text-overflow: ellipsis;

    /* ==== PHẦN QUAN TRỌNG ĐỂ ĐẢM BẢO CHIỀU CAO TỐI THIỂU ==== */
    min-height: calc(1 * 1.5em);
}

.line-clamp-2 {
    /* Bắt buộc để -webkit-line-clamp hoạt động */
    display: -webkit-box;
    -webkit-box-orient: vertical;

    /* Cắt sau 2 dòng */
    -webkit-line-clamp: 2;

    /* Ẩn phần tràn và hiện dấu chấm lửng */
    overflow: hidden;
    text-overflow: ellipsis;

    /* ==== PHẦN QUAN TRỌNG ĐỂ ĐẢM BẢO CHIỀU CAO TỐI THIỂU ==== */
    min-height: calc(2 * 1.5em);
}

.line-clamp-3 {
    /* Bắt buộc để -webkit-line-clamp hoạt động */
    display: -webkit-box;
    -webkit-box-orient: vertical;

    /* Cắt sau 2 dòng */
    -webkit-line-clamp: 3;

    /* Ẩn phần tràn và hiện dấu chấm lửng */
    overflow: hidden;
    text-overflow: ellipsis;

    /* ==== PHẦN QUAN TRỌNG ĐỂ ĐẢM BẢO CHIỀU CAO TỐI THIỂU ==== */
    min-height: calc(3 * 1.5em);
}

.line-clamp-4 {
    /* Bắt buộc để -webkit-line-clamp hoạt động */
    display: -webkit-box;
    -webkit-box-orient: vertical;

    /* Cắt sau 4 dòng */
    -webkit-line-clamp: 4;

    /* Ẩn phần tràn và hiện dấu chấm lửng */
    overflow: hidden;
    text-overflow: ellipsis;

    /* ==== PHẦN QUAN TRỌNG ĐỂ ĐẢM BẢO CHIỀU CAO TỐI THIỂU ==== */
    min-height: calc(4 * 1.5em);
}

/* Margin Utilities */
.m-0:not(.col), .m-0 > .col-inner {
    margin: 0 !important;
}

.m-1:not(.col), .m-1 > .col-inner {
    margin: calc(var(--bs-spacer) * 0.25) !important;
}

/* 4px */
.m-2:not(.col), .m-2 > .col-inner {
    margin: calc(var(--bs-spacer) * 0.5) !important;
}

/* 8px */
.m-3:not(.col), .m-3 > .col-inner {
    margin: var(--bs-spacer) !important;
}

/* 16px */
.m-4:not(.col), .m-4 > .col-inner {
    margin: calc(var(--bs-spacer) * 1.5) !important;
}

/* 24px */
.m-5:not(.col), .m-5 > .col-inner {
    margin: calc(var(--bs-spacer) * 3) !important;
}

/* 48px */
.m-auto:not(.col), .m-auto > .col-inner {
    margin: auto !important;
}

/* Margin Top */
.mt-0:not(.col), .mt-0 > .col-inner {
    margin-top: 0 !important;
}

.mt-1:not(.col), .mt-1 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 0.25) !important;
}

.mt-2:not(.col), .mt-2 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 0.5) !important;
}

.mt-3:not(.col), .mt-3 > .col-inner {
    margin-top: var(--bs-spacer) !important;
}

.mt-4:not(.col), .mt-4 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 1.5) !important;
}

.mt-5:not(.col), .mt-5 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 3) !important;
}

.mt-auto:not(.col), .mt-auto > .col-inner {
    margin-top: auto !important;
}

/* Margin Bottom */
.mb-0:not(.col), .mb-0 > .col-inner {
    margin-bottom: 0 !important;
}

.mb-1:not(.col), .mb-1 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.mb-2:not(.col), .mb-2 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.mb-3:not(.col), .mb-3 > .col-inner {
    margin-bottom: var(--bs-spacer) !important;
}

.mb-4:not(.col), .mb-4 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.mb-5:not(.col), .mb-5 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 3) !important;
}

.mb-auto:not(.col), .mb-auto > .col-inner {
    margin-bottom: auto !important;
}

/* Margin Start (Left in LTR) */
.ms-0:not(.col), .ms-0 > .col-inner {
    margin-left: 0 !important;
}

.ms-1:not(.col), .ms-1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.25) !important;
}

.ms-2:not(.col), .ms-2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.5) !important;
}

.ms-3:not(.col), .ms-3 > .col-inner {
    margin-left: var(--bs-spacer) !important;
}

.ms-4:not(.col), .ms-4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 1.5) !important;
}

.ms-5:not(.col), .ms-5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 3) !important;
}

.ms-auto:not(.col), .ms-auto > .col-inner {
    margin-left: auto !important;
}

/* Margin End (Right in LTR) */
.me-0:not(.col), .me-0 > .col-inner {
    margin-right: 0 !important;
}

.me-1:not(.col), .me-1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.25) !important;
}

.me-2:not(.col), .me-2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.5) !important;
}

.me-3:not(.col), .me-3 > .col-inner {
    margin-right: var(--bs-spacer) !important;
}

.me-4:not(.col), .me-4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 1.5) !important;
}

.me-5:not(.col), .me-5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 3) !important;
}

.me-auto:not(.col), .me-auto > .col-inner {
    margin-right: auto !important;
}

/* Margin Left */
.ml-0:not(.col), .ml-0 > .col-inner {
    margin-left: 0 !important;
}

.ml-1:not(.col), .ml-1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.25) !important;
}

.ml-2:not(.col), .ml-2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.5) !important;
}

.ml-3:not(.col), .ml-3 > .col-inner {
    margin-left: var(--bs-spacer) !important;
}

.ml-4:not(.col), .ml-4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 1.5) !important;
}

.ml-5:not(.col), .ml-5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 3) !important;
}

.ml-auto:not(.col), .ml-auto > .col-inner {
    margin-left: auto !important;
}

/* Margin Right */
.mr-0:not(.col), .mr-0 > .col-inner {
    margin-right: 0 !important;
}

.mr-1:not(.col), .mr-1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.25) !important;
}

.mr-2:not(.col), .mr-2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.5) !important;
}

.mr-3:not(.col), .mr-3 > .col-inner {
    margin-right: var(--bs-spacer) !important;
}

.mr-4:not(.col), .mr-4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 1.5) !important;
}

.mr-5:not(.col), .mr-5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 3) !important;
}

.mr-auto:not(.col), .mr-auto > .col-inner {
    margin-right: auto !important;
}

/* Margin X-axis (horizontal) */
.mx-0:not(.col), .mx-0 > .col-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1:not(.col), .mx-1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.25) !important;
    margin-right: calc(var(--bs-spacer) * 0.25) !important;
}

.mx-2:not(.col), .mx-2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.5) !important;
    margin-right: calc(var(--bs-spacer) * 0.5) !important;
}

.mx-3:not(.col), .mx-3 > .col-inner {
    margin-left: var(--bs-spacer) !important;
    margin-right: var(--bs-spacer) !important;
}

.mx-4:not(.col), .mx-4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 1.5) !important;
    margin-right: calc(var(--bs-spacer) * 1.5) !important;
}

.mx-5:not(.col), .mx-5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 3) !important;
    margin-right: calc(var(--bs-spacer) * 3) !important;
}

.mx-auto:not(.col), .mx-auto > .col-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Margin Y-axis (vertical) */
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: calc(var(--bs-spacer) * 0.25) !important;
    margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.my-2 {
    margin-top: calc(var(--bs-spacer) * 0.5) !important;
    margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.my-3 {
    margin-top: var(--bs-spacer) !important;
    margin-bottom: var(--bs-spacer) !important;
}

.my-4 {
    margin-top: calc(var(--bs-spacer) * 1.5) !important;
    margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.my-5 {
    margin-top: calc(var(--bs-spacer) * 3) !important;
    margin-bottom: calc(var(--bs-spacer) * 3) !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/* Padding Utilities */
.p-0:not(.col), .p-0 > .col-inner {
    padding: 0 !important;
}

.p-1:not(.col), .p-1 > .col-inner {
    padding: calc(var(--bs-spacer) * 0.25) !important;
}

/* 4px */
.p-2:not(.col), .p-2 > .col-inner {
    padding: calc(var(--bs-spacer) * 0.5) !important;
}

/* 8px */
.p-3:not(.col), .p-3 > .col-inner {
    padding: var(--bs-spacer) !important;
}

/* 16px */
.p-4:not(.col), .p-4 > .col-inner {
    padding: calc(var(--bs-spacer) * 1.5) !important;
}

/* 24px */
.p-5:not(.col), .p-5 > .col-inner {
    padding: calc(var(--bs-spacer) * 3) !important;
}

/* 48px */

/* Padding Top */
.pt-0:not(.col), .pt-0 > .col-inner {
    padding-top: 0 !important;
}

.pt-1:not(.col), .pt-1 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 0.25) !important;
}

.pt-2:not(.col), .pt-2 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 0.5) !important;
}

.pt-3:not(.col), .pt-3 > .col-inner {
    padding-top: var(--bs-spacer) !important;
}

.pt-4:not(.col), .pt-4 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 1.5) !important;
}

.pt-5:not(.col), .pt-5 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Bottom */
.pb-0:not(.col), .pb-0 > .col-inner {
    padding-bottom: 0 !important;
}

.pb-1:not(.col), .pb-1 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.pb-2:not(.col), .pb-2 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.pb-3:not(.col), .pb-3 > .col-inner {
    padding-bottom: var(--bs-spacer) !important;
}

.pb-4:not(.col), .pb-4 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.pb-5:not(.col), .pb-5 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Start (Left in LTR) */
.ps-0:not(.col), .ps-0 > .col-inner {
    padding-left: 0 !important;
}

.ps-1:not(.col), .ps-1 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.25) !important;
}

.ps-2:not(.col), .ps-2 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.5) !important;
}

.ps-3:not(.col), .ps-3 > .col-inner {
    padding-left: var(--bs-spacer) !important;
}

.ps-4:not(.col), .ps-4 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 1.5) !important;
}

.ps-5:not(.col), .ps-5 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 3) !important;
}

/* Padding End (Right in LTR) */
.pe-0:not(.col), .pe-0 > .col-inner {
    padding-right: 0 !important;
}

.pe-1:not(.col), .pe-1 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.25) !important;
}

.pe-2:not(.col), .pe-2 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.5) !important;
}

.pe-3:not(.col), .pe-3 > .col-inner {
    padding-right: var(--bs-spacer) !important;
}

.pe-4:not(.col), .pe-4 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 1.5) !important;
}

.pe-5:not(.col), .pe-5 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Left */
.pl-0:not(.col), .pl-0 > .col-inner {
    padding-left: 0 !important;
}

.pl-1:not(.col), .pl-1 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.25) !important;
}

.pl-2:not(.col), .pl-2 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.5) !important;
}

.pl-3:not(.col), .pl-3 > .col-inner {
    padding-left: var(--bs-spacer) !important;
}

.pl-4:not(.col), .pl-4 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 1.5) !important;
}

.pl-5:not(.col), .pl-5 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Right */
.pr-0:not(.col), .pr-0 > .col-inner {
    padding-right: 0 !important;
}

.pr-1:not(.col), .pr-1 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.25) !important;
}

.pr-2:not(.col), .pr-2 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.5) !important;
}

.pr-3:not(.col), .pr-3 > .col-inner {
    padding-right: var(--bs-spacer) !important;
}

.pr-4:not(.col), .pr-4 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 1.5) !important;
}

.pr-5:not(.col), .pr-5 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 3) !important;
}

/* Padding X-axis (horizontal) */
.px-0:not(.col), .px-0 > .col-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-1:not(.col), .px-1 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.25) !important;
    padding-right: calc(var(--bs-spacer) * 0.25) !important;
}

.px-2:not(.col), .px-2 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.5) !important;
    padding-right: calc(var(--bs-spacer) * 0.5) !important;
}

.px-3:not(.col), .px-3 > .col-inner {
    padding-left: var(--bs-spacer) !important;
    padding-right: var(--bs-spacer) !important;
}

.px-4:not(.col), .px-4 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 1.5) !important;
    padding-right: calc(var(--bs-spacer) * 1.5) !important;
}

.px-5:not(.col), .px-5 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 3) !important;
    padding-right: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Y-axis (vertical) */
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: calc(var(--bs-spacer) * 0.25) !important;
    padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.py-2 {
    padding-top: calc(var(--bs-spacer) * 0.5) !important;
    padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.py-3 {
    padding-top: var(--bs-spacer) !important;
    padding-bottom: var(--bs-spacer) !important;
}

.py-4 {
    padding-top: calc(var(--bs-spacer) * 1.5) !important;
    padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.py-5 {
    padding-top: calc(var(--bs-spacer) * 3) !important;
    padding-bottom: calc(var(--bs-spacer) * 3) !important;
}

/* Negative Margin Utilities */
.m-n1:not(.col), .m-n1 > .col-inner {
    margin: calc(var(--bs-spacer) * -0.25) !important;
}

.m-n2:not(.col), .m-n2 > .col-inner {
    margin: calc(var(--bs-spacer) * -0.5) !important;
}

.m-n3:not(.col), .m-n3 > .col-inner {
    margin: calc(var(--bs-spacer) * -1) !important;
}

.m-n4:not(.col), .m-n4 > .col-inner {
    margin: calc(var(--bs-spacer) * -1.5) !important;
}

.m-n5:not(.col), .m-n5 > .col-inner {
    margin: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Top */
.mt-n1:not(.col), .mt-n1 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -0.25) !important;
}

.mt-n2:not(.col), .mt-n2 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -0.5) !important;
}

.mt-n3:not(.col), .mt-n3 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -1) !important;
}

.mt-n4:not(.col), .mt-n4 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -1.5) !important;
}

.mt-n5:not(.col), .mt-n5 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Bottom */
.mb-n1:not(.col), .mb-n1 > .col-inner {
    margin-bottom: calc clc(var(--bs-spacer) * -0.25) !important;
}

.mb-n2:not(.col), .mb-n2 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -0.5) !important;
}

.mb-n3:not(.col), .mb-n3 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -1) !important;
}

.mb-n4:not(.col), .mb-n4 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -1.5) !important;
}

.mb-n5:not(.col), .mb-n5 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Start */
.ms-n1:not(.col), .ms-n1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.25) !important;
}

.ms-n2:not(.col), .ms-n2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.5) !important;
}

.ms-n3:not(.col), .ms-n3 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1) !important;
}

.ms-n4:not(.col), .ms-n4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1.5) !important;
}

.ms-n5:not(.col), .ms-n5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin End */
.me-n1:not(.col), .me-n1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -0.25) !important;
}

.me-n2:not(.col), .me-n2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -0.5) !important;
}

.me-n3:not(.col), .me-n3 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1) !important;
}

.me-n4:not(.col), .me-n4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1.5) !important;
}

.me-n5:not(.col), .me-n5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Left */
.ml-n1:not(.col), .ml-n1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.25) !important;
}

.ml-n2:not(.col), .ml-n2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.5) !important;
}

.ml-n3:not(.col), .ml-n3 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1) !important;
}

.ml-n4:not(.col), .ml-n4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1.5) !important;
}

.ml-n5:not(.col), .ml-n5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Right */
.mr-n1:not(.col), .mr-n1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1) !important;
    /* Đã sửa: Thêm phép nhân -1 và !important */
}

/* Margin Utilities */
.m-0:not(.col), .m-0 > .col-inner {
    margin: 0 !important;
}

.m-1:not(.col), .m-1 > .col-inner {
    margin: calc(var(--bs-spacer) * 0.25) !important;
}

/* 4px */
.m-2:not(.col), .m-2 > .col-inner {
    margin: calc(var(--bs-spacer) * 0.5) !important;
}

/* 8px */
.m-3:not(.col), .m-3 > .col-inner {
    margin: var(--bs-spacer) !important;
}

/* 16px */
.m-4:not(.col), .m-4 > .col-inner {
    margin: calc(var(--bs-spacer) * 1.5) !important;
}

/* 24px */
.m-5:not(.col), .m-5 > .col-inner {
    margin: calc(var(--bs-spacer) * 3) !important;
}

/* 48px */
.m-auto:not(.col), .m-auto > .col-inner {
    margin: auto !important;
}

/* Margin Top */
.mt-0:not(.col), .mt-0 > .col-inner {
    margin-top: 0 !important;
}

.mt-1:not(.col), .mt-1 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 0.25) !important;
}

.mt-2:not(.col), .mt-2 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 0.5) !important;
}

.mt-3:not(.col), .mt-3 > .col-inner {
    margin-top: var(--bs-spacer) !important;
}

.mt-4:not(.col), .mt-4 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 1.5) !important;
}

.mt-5:not(.col), .mt-5 > .col-inner {
    margin-top: calc(var(--bs-spacer) * 3) !important;
}

.mt-auto:not(.col), .mt-auto > .col-inner {
    margin-top: auto !important;
}

/* Margin Bottom */
.mb-0:not(.col), .mb-0 > .col-inner {
    margin-bottom: 0 !important;
}

.mb-1:not(.col), .mb-1 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.mb-2:not(.col), .mb-2 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.mb-3:not(.col), .mb-3 > .col-inner {
    margin-bottom: var(--bs-spacer) !important;
}

.mb-4:not(.col), .mb-4 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.mb-5:not(.col), .mb-5 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * 3) !important;
}

.mb-auto:not(.col), .mb-auto > .col-inner {
    margin-bottom: auto !important;
}

/* Margin Start (Left in LTR) */
.ms-0:not(.col), .ms-0 > .col-inner {
    margin-left: 0 !important;
}

.ms-1:not(.col), .ms-1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.25) !important;
}

.ms-2:not(.col), .ms-2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.5) !important;
}

.ms-3:not(.col), .ms-3 > .col-inner {
    margin-left: var(--bs-spacer) !important;
}

.ms-4:not(.col), .ms-4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 1.5) !important;
}

.ms-5:not(.col), .ms-5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 3) !important;
}

.ms-auto:not(.col), .ms-auto > .col-inner {
    margin-left: auto !important;
}

/* Margin End (Right in LTR) */
.me-0:not(.col), .me-0 > .col-inner {
    margin-right: 0 !important;
}

.me-1:not(.col), .me-1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.25) !important;
}

.me-2:not(.col), .me-2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.5) !important;
}

.me-3:not(.col), .me-3 > .col-inner {
    margin-right: var(--bs-spacer) !important;
}

.me-4:not(.col), .me-4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 1.5) !important;
}

.me-5:not(.col), .me-5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 3) !important;
}

.me-auto:not(.col), .me-auto > .col-inner {
    margin-right: auto !important;
}

/* Margin Left */
.ml-0:not(.col), .ml-0 > .col-inner {
    margin-left: 0 !important;
}

.ml-1:not(.col), .ml-1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.25) !important;
}

.ml-2:not(.col), .ml-2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.5) !important;
}

.ml-3:not(.col), .ml-3 > .col-inner {
    margin-left: var(--bs-spacer) !important;
}

.ml-4:not(.col), .ml-4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 1.5) !important;
}

.ml-5:not(.col), .ml-5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 3) !important;
}

.ml-auto:not(.col), .ml-auto > .col-inner {
    margin-left: auto !important;
}

/* Margin Right */
.mr-0:not(.col), .mr-0 > .col-inner {
    margin-right: 0 !important;
}

.mr-1:not(.col), .mr-1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.25) !important;
}

.mr-2:not(.col), .mr-2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 0.5) !important;
}

.mr-3:not(.col), .mr-3 > .col-inner {
    margin-right: var(--bs-spacer) !important;
}

.mr-4:not(.col), .mr-4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 1.5) !important;
}

.mr-5:not(.col), .mr-5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * 3) !important;
}

.mr-auto:not(.col), .mr-auto > .col-inner {
    margin-right: auto !important;
}

/* Margin X-axis (horizontal) */
.mx-0:not(.col), .mx-0 > .col-inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1:not(.col), .mx-1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.25) !important;
    margin-right: calc(var(--bs-spacer) * 0.25) !important;
}

.mx-2:not(.col), .mx-2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 0.5) !important;
    margin-right: calc(var(--bs-spacer) * 0.5) !important;
}

.mx-3:not(.col), .mx-3 > .col-inner {
    margin-left: var(--bs-spacer) !important;
    margin-right: var(--bs-spacer) !important;
}

.mx-4:not(.col), .mx-4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 1.5) !important;
    margin-right: calc(var(--bs-spacer) * 1.5) !important;
}

.mx-5:not(.col), .mx-5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * 3) !important;
    margin-right: calc(var(--bs-spacer) * 3) !important;
}

.mx-auto:not(.col), .mx-auto > .col-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Margin Y-axis (vertical) */
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: calc(var(--bs-spacer) * 0.25) !important;
    margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.my-2 {
    margin-top: calc(var(--bs-spacer) * 0.5) !important;
    margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.my-3 {
    margin-top: var(--bs-spacer) !important;
    margin-bottom: var(--bs-spacer) !important;
}

.my-4 {
    margin-top: calc(var(--bs-spacer) * 1.5) !important;
    margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.my-5 {
    margin-top: calc(var(--bs-spacer) * 3) !important;
    margin-bottom: calc(var(--bs-spacer) * 3) !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/* Padding Utilities */
.p-0:not(.col), .p-0 > .col-inner {
    padding: 0 !important;
}

.p-1:not(.col), .p-1 > .col-inner {
    padding: calc(var(--bs-spacer) * 0.25) !important;
}

/* 4px */
.p-2:not(.col), .p-2 > .col-inner {
    padding: calc(var(--bs-spacer) * 0.5) !important;
}

/* 8px */
.p-3:not(.col), .p-3 > .col-inner {
    padding: var(--bs-spacer) !important;
}

/* 16px */
.p-4:not(.col), .p-4 > .col-inner {
    padding: calc(var(--bs-spacer) * 1.5) !important;
}

/* 24px */
.p-5:not(.col), .p-5 > .col-inner {
    padding: calc(var(--bs-spacer) * 3) !important;
}

/* 48px */

/* Padding Top */
.pt-0:not(.col), .pt-0 > .col-inner {
    padding-top: 0 !important;
}

.pt-1:not(.col), .pt-1 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 0.25) !important;
}

.pt-2:not(.col), .pt-2 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 0.5) !important;
}

.pt-3:not(.col), .pt-3 > .col-inner {
    padding-top: var(--bs-spacer) !important;
}

.pt-4:not(.col), .pt-4 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 1.5) !important;
}

.pt-5:not(.col), .pt-5 > .col-inner {
    padding-top: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Bottom */
.pb-0:not(.col), .pb-0 > .col-inner {
    padding-bottom: 0 !important;
}

.pb-1:not(.col), .pb-1 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.pb-2:not(.col), .pb-2 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.pb-3:not(.col), .pb-3 > .col-inner {
    padding-bottom: var(--bs-spacer) !important;
}

.pb-4:not(.col), .pb-4 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.pb-5:not(.col), .pb-5 > .col-inner {
    padding-bottom: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Start (Left in LTR) */
.ps-0:not(.col), .ps-0 > .col-inner {
    padding-left: 0 !important;
}

.ps-1:not(.col), .ps-1 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.25) !important;
}

.ps-2:not(.col), .ps-2 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.5) !important;
}

.ps-3:not(.col), .ps-3 > .col-inner {
    padding-left: var(--bs-spacer) !important;
}

.ps-4:not(.col), .ps-4 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 1.5) !important;
}

.ps-5:not(.col), .ps-5 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 3) !important;
}

/* Padding End (Right in LTR) */
.pe-0:not(.col), .pe-0 > .col-inner {
    padding-right: 0 !important;
}

.pe-1:not(.col), .pe-1 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.25) !important;
}

.pe-2:not(.col), .pe-2 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.5) !important;
}

.pe-3:not(.col), .pe-3 > .col-inner {
    padding-right: var(--bs-spacer) !important;
}

.pe-4:not(.col), .pe-4 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 1.5) !important;
}

.pe-5:not(.col), .pe-5 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Left */
.pl-0:not(.col), .pl-0 > .col-inner {
    padding-left: 0 !important;
}

.pl-1:not(.col), .pl-1 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.25) !important;
}

.pl-2:not(.col), .pl-2 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.5) !important;
}

.pl-3:not(.col), .pl-3 > .col-inner {
    padding-left: var(--bs-spacer) !important;
}

.pl-4:not(.col), .pl-4 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 1.5) !important;
}

.pl-5:not(.col), .pl-5 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Right */
.pr-0:not(.col), .pr-0 > .col-inner {
    padding-right: 0 !important;
}

.pr-1:not(.col), .pr-1 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.25) !important;
}

.pr-2:not(.col), .pr-2 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 0.5) !important;
}

.pr-3:not(.col), .pr-3 > .col-inner {
    padding-right: var(--bs-spacer) !important;
}

.pr-4:not(.col), .pr-4 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 1.5) !important;
}

.pr-5:not(.col), .pr-5 > .col-inner {
    padding-right: calc(var(--bs-spacer) * 3) !important;
}

/* Padding X-axis (horizontal) */
.px-0:not(.col), .px-0 > .col-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-1:not(.col), .px-1 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.25) !important;
    padding-right: calc(var(--bs-spacer) * 0.25) !important;
}

.px-2:not(.col), .px-2 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 0.5) !important;
    padding-right: calc(var(--bs-spacer) * 0.5) !important;
}

.px-3:not(.col), .px-3 > .col-inner {
    padding-left: var(--bs-spacer) !important;
    padding-right: var(--bs-spacer) !important;
}

.px-4:not(.col), .px-4 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 1.5) !important;
    padding-right: calc(var(--bs-spacer) * 1.5) !important;
}

.px-5:not(.col), .px-5 > .col-inner {
    padding-left: calc(var(--bs-spacer) * 3) !important;
    padding-right: calc(var(--bs-spacer) * 3) !important;
}

/* Padding Y-axis (vertical) */
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: calc(var(--bs-spacer) * 0.25) !important;
    padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
}

.py-2 {
    padding-top: calc(var(--bs-spacer) * 0.5) !important;
    padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
}

.py-3 {
    padding-top: var(--bs-spacer) !important;
    padding-bottom: var(--bs-spacer) !important;
}

.py-4 {
    padding-top: calc(var(--bs-spacer) * 1.5) !important;
    padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
}

.py-5 {
    padding-top: calc(var(--bs-spacer) * 3) !important;
    padding-bottom: calc(var(--bs-spacer) * 3) !important;
}

/* Negative Margin Utilities */
.m-n1:not(.col), .m-n1 > .col-inner {
    margin: calc(var(--bs-spacer) * -0.25) !important;
}

.m-n2:not(.col), .m-n2 > .col-inner {
    margin: calc(var(--bs-spacer) * -0.5) !important;
}

.m-n3:not(.col), .m-n3 > .col-inner {
    margin: calc(var(--bs-spacer) * -1) !important;
}

.m-n4:not(.col), .m-n4 > .col-inner {
    margin: calc(var(--bs-spacer) * -1.5) !important;
}

.m-n5:not(.col), .m-n5 > .col-inner {
    margin: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Top */
.mt-n1:not(.col), .mt-n1 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -0.25) !important;
}

.mt-n2:not(.col), .mt-n2 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -0.5) !important;
}

.mt-n3:not(.col), .mt-n3 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -1) !important;
}

.mt-n4:not(.col), .mt-n4 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -1.5) !important;
}

.mt-n5:not(.col), .mt-n5 > .col-inner {
    margin-top: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Bottom */
.mb-n1:not(.col), .mb-n1 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -0.25) !important;
}

.mb-n2:not(.col), .mb-n2 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -0.5) !important;
}

.mb-n3:not(.col), .mb-n3 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -1) !important;
}

.mb-n4:not(.col), .mb-n4 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -1.5) !important;
}

.mb-n5:not(.col), .mb-n5 > .col-inner {
    margin-bottom: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Start */
.ms-n1:not(.col), .ms-n1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.25) !important;
}

.ms-n2:not(.col), .ms-n2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.5) !important;
}

.ms-n3:not(.col), .ms-n3 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1) !important;
}

.ms-n4:not(.col), .ms-n4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1.5) !important;
}

.ms-n5:not(.col), .ms-n5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin End */
.me-n1:not(.col), .me-n1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -0.25) !important;
}

.me-n2:not(.col), .me-n2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -0.5) !important;
}

.me-n3:not(.col), .me-n3 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1) !important;
}

.me-n4:not(.col), .me-n4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1.5) !important;
}

.me-n5:not(.col), .me-n5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Left */
.ml-n1:not(.col), .ml-n1 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.25) !important;
}

.ml-n2:not(.col), .ml-n2 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -0.5) !important;
}

.ml-n3:not(.col), .ml-n3 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1) !important;
}

.ml-n4:not(.col), .ml-n4 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -1.5) !important;
}

.ml-n5:not(.col), .ml-n5 > .col-inner {
    margin-left: calc(var(--bs-spacer) * -3) !important;
}

/* Negative Margin Right */
.mr-n1:not(.col), .mr-n1 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -0.25) !important;
}

.mr-n2:not(.col), .mr-n2 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -0.5) !important;
}

.mr-n3:not(.col), .mr-n3 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1) !important;
}

.mr-n4:not(.col), .mr-n4 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -1.5) !important;
}

.mr-n5:not(.col), .mr-n5 > .col-inner {
    margin-right: calc(var(--bs-spacer) * -3) !important;
}

/* Responsive Breakpoints */
/* Small devices (≥576px) */
@media (min-width: 576px) {
    .m-sm-0:not(.col), .m-sm-0 > .col-inner {
        margin: 0 !important;
    }

    .m-sm-1:not(.col), .m-sm-1 > .col-inner {
        margin: calc(var(--bs-spacer) * 0.25) !important;
    }

    .m-sm-2:not(.col), .m-sm-2 > .col-inner {
        margin: calc(var(--bs-spacer) * 0.5) !important;
    }

    .m-sm-3:not(.col), .m-sm-3 > .col-inner {
        margin: var(--bs-spacer) !important;
    }

    .m-sm-4:not(.col), .m-sm-4 > .col-inner {
        margin: calc(var(--bs-spacer) * 1.5) !important;
    }

    .m-sm-5:not(.col), .m-sm-5 > .col-inner {
        margin: calc(var(--bs-spacer) * 3) !important;
    }

    .m-sm-auto:not(.col), .m-sm-auto > .col-inner {
        margin: auto !important;
    }

    .mt-sm-0:not(.col), .mt-sm-0 > .col-inner {
        margin-top: 0 !important;
    }

    .mt-sm-1:not(.col), .mt-sm-1 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mt-sm-2:not(.col), .mt-sm-2 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mt-sm-3:not(.col), .mt-sm-3 > .col-inner {
        margin-top: var(--bs-spacer) !important;
    }

    .mt-sm-4:not(.col), .mt-sm-4 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mt-sm-5:not(.col), .mt-sm-5 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 3) !important;
    }

    .mt-sm-auto:not(.col), .mt-sm-auto > .col-inner {
        margin-top: auto !important;
    }

    .mb-sm-0:not(.col), .mb-sm-0 > .col-inner {
        margin-bottom: 0 !important;
    }

    .mb-sm-1:not(.col), .mb-sm-1 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mb-sm-2:not(.col), .mb-sm-2 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mb-sm-3:not(.col), .mb-sm-3 > .col-inner {
        margin-bottom: var(--bs-spacer) !important;
    }

    .mb-sm-4:not(.col), .mb-sm-4 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mb-sm-5:not(.col), .mb-sm-5 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .mb-sm-auto:not(.col), .mb-sm-auto > .col-inner {
        margin-bottom: auto !important;
    }

    .ms-sm-0:not(.col), .ms-sm-0 > .col-inner {
        margin-left: 0 !important;
    }

    .ms-sm-1:not(.col), .ms-sm-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ms-sm-2:not(.col), .ms-sm-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ms-sm-3:not(.col), .ms-sm-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
    }

    .ms-sm-4:not(.col), .ms-sm-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ms-sm-5:not(.col), .ms-sm-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
    }

    .ms-sm-auto:not(.col), .ms-sm-auto > .col-inner {
        margin-left: auto !important;
    }

    .me-sm-0:not(.col), .me-sm-0 > .col-inner {
        margin-right: 0 !important;
    }

    .me-sm-1:not(.col), .me-sm-1 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .me-sm-2:not(.col), .me-sm-2 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .me-sm-3:not(.col), .me-sm-3 > .col-inner {
        margin-right: var(--bs-spacer) !important;
    }

    .me-sm-4:not(.col), .me-sm-4 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .me-sm-5:not(.col), .me-sm-5 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .me-sm-auto:not(.col), .me-sm-auto > .col-inner {
        margin-right: auto !important;
    }

    .ml-sm-0:not(.col), .ml-sm-0 > .col-inner {
        margin-left: 0 !important;
    }

    .ml-sm-1:not(.col), .ml-sm-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ml-sm-2:not(.col), .ml-sm-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ml-sm-3:not(.col), .ml-sm-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
    }

    .ml-sm-4:not(.col), .ml-sm-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ml-sm-5:not(.col), .ml-sm-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
    }

    .ml-sm-auto:not(.col), .ml-sm-auto > .col-inner {
        margin-left: auto !important;
    }

    .mr-sm-0:not(.col), .mr-sm-0 > .col-inner {
        margin-right: 0 !important;
    }

    .mr-sm-1:not(.col), .mr-sm-1 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mr-sm-2:not(.col), .mr-sm-2 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mr-sm-3:not(.col), .mr-sm-3 > .col-inner {
        margin-right: var(--bs-spacer) !important;
    }

    .mr-sm-4:not(.col), .mr-sm-4 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mr-sm-5:not(.col), .mr-sm-5 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .mr-sm-auto:not(.col), .mr-sm-auto > .col-inner {
        margin-right: auto !important;
    }

    .mx-sm-0:not(.col), .mx-sm-0 > .col-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-sm-1:not(.col), .mx-sm-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mx-sm-2:not(.col), .mx-sm-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mx-sm-3:not(.col), .mx-sm-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
        margin-right: var(--bs-spacer) !important;
    }

    .mx-sm-4:not(.col), .mx-sm-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mx-sm-5:not(.col), .mx-sm-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .mx-sm-auto:not(.col), .mx-sm-auto > .col-inner {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: calc(var(--bs-spacer) * 0.25) !important;
        margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .my-sm-2 {
        margin-top: calc(var(--bs-spacer) * 0.5) !important;
        margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .my-sm-3 {
        margin-top: var(--bs-spacer) !important;
        margin-bottom: var(--bs-spacer) !important;
    }

    .my-sm-4 {
        margin-top: calc(var(--bs-spacer) * 1.5) !important;
        margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .my-sm-5 {
        margin-top: calc(var(--bs-spacer) * 3) !important;
        margin-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .p-sm-0:not(.col), .p-sm-0 > .col-inner {
        padding: 0 !important;
    }

    .p-sm-1:not(.col), .p-sm-1 > .col-inner {
        padding: calc(var(--bs-spacer) * 0.25) !important;
    }

    .p-sm-2:not(.col), .p-sm-2 > .col-inner {
        padding: calc(var(--bs-spacer) * 0.5) !important;
    }

    .p-sm-3:not(.col), .p-sm-3 > .col-inner {
        padding: var(--bs-spacer) !important;
    }

    .p-sm-4:not(.col), .p-sm-4 > .col-inner {
        padding: calc(var(--bs-spacer) * 1.5) !important;
    }

    .p-sm-5:not(.col), .p-sm-5 > .col-inner {
        padding: calc(var(--bs-spacer) * 3) !important;
    }

    .pt-sm-0:not(.col), .pt-sm-0 > .col-inner {
        padding-top: 0 !important;
    }

    .pt-sm-1:not(.col), .pt-sm-1 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pt-sm-2:not(.col), .pt-sm-2 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pt-sm-3:not(.col), .pt-sm-3 > .col-inner {
        padding-top: var(--bs-spacer) !important;
    }

    .pt-sm-4:not(.col), .pt-sm-4 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pt-sm-5:not(.col), .pt-sm-5 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 3) !important;
    }

    .pb-sm-0:not(.col), .pb-sm-0 > .col-inner {
        padding-bottom: 0 !important;
    }

    .pb-sm-1:not(.col), .pb-sm-1 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pb-sm-2:not(.col), .pb-sm-2 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pb-sm-3:not(.col), .pb-sm-3 > .col-inner {
        padding-bottom: var(--bs-spacer) !important;
    }

    .pb-sm-4:not(.col), .pb-sm-4 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pb-sm-5:not(.col), .pb-sm-5 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .ps-sm-0:not(.col), .ps-sm-0 > .col-inner {
        padding-left: 0 !important;
    }

    .ps-sm-1:not(.col), .ps-sm-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ps-sm-2:not(.col), .ps-sm-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ps-sm-3:not(.col), .ps-sm-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
    }

    .ps-sm-4:not(.col), .ps-sm-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ps-sm-5:not(.col), .ps-sm-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
    }

    .pe-sm-0:not(.col), .pe-sm-0 > .col-inner {
        padding-right: 0 !important;
    }

    .pe-sm-1:not(.col), .pe-sm-1 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pe-sm-2:not(.col), .pe-sm-2 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pe-sm-3:not(.col), .pe-sm-3 > .col-inner {
        padding-right: var(--bs-spacer) !important;
    }

    .pe-sm-4:not(.col), .pe-sm-4 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pe-sm-5:not(.col), .pe-sm-5 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .pl-sm-0:not(.col), .pl-sm-0 > .col-inner {
        padding-left: 0 !important;
    }

    .pl-sm-1:not(.col), .pl-sm-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pl-sm-2:not(.col), .pl-sm-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pl-sm-3:not(.col), .pl-sm-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
    }

    .pl-sm-4:not(.col), .pl-sm-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pl-sm-5:not(.col), .pl-sm-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
    }

    .pr-sm-0:not(.col), .pr-sm-0 > .col-inner {
        padding-right: 0 !important;
    }

    .pr-sm-1:not(.col), .pr-sm-1 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pr-sm-2:not(.col), .pr-sm-2 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pr-sm-3:not(.col), .pr-sm-3 > .col-inner {
        padding-right: var(--bs-spacer) !important;
    }

    .pr-sm-4:not(.col), .pr-sm-4 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pr-sm-5:not(.col), .pr-sm-5 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .px-sm-0:not(.col), .px-sm-0 > .col-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-sm-1:not(.col), .px-sm-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .px-sm-2:not(.col), .px-sm-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .px-sm-3:not(.col), .px-sm-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
        padding-right: var(--bs-spacer) !important;
    }

    .px-sm-4:not(.col), .px-sm-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .px-sm-5:not(.col), .px-sm-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: calc(var(--bs-spacer) * 0.25) !important;
        padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .py-sm-2 {
        padding-top: calc(var(--bs-spacer) * 0.5) !important;
        padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .py-sm-3 {
        padding-top: var(--bs-spacer) !important;
        padding-bottom: var(--bs-spacer) !important;
    }

    .py-sm-4 {
        padding-top: calc(var(--bs-spacer) * 1.5) !important;
        padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .py-sm-5 {
        padding-top: calc(var(--bs-spacer) * 3) !important;
        padding-bottom: calc(var(--bs-spacer) * 3) !important;
    }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
    .m-md-0:not(.col), .m-md-0 > .col-inner {
        margin: 0 !important;
    }

    .m-md-1:not(.col), .m-md-1 > .col-inner {
        margin: calc(var(--bs-spacer) * 0.25) !important;
    }

    .m-md-2:not(.col), .m-md-2 > .col-inner {
        margin: calc(var(--bs-spacer) * 0.5) !important;
    }

    .m-md-3:not(.col), .m-md-3 > .col-inner {
        margin: var(--bs-spacer) !important;
    }

    .m-md-4:not(.col), .m-md-4 > .col-inner {
        margin: calc(var(--bs-spacer) * 1.5) !important;
    }

    .m-md-5:not(.col), .m-md-5 > .col-inner {
        margin: calc(var(--bs-spacer) * 3) !important;
    }

    .m-md-auto:not(.col), .m-md-auto > .col-inner {
        margin: auto !important;
    }

    .mt-md-0:not(.col), .mt-md-0 > .col-inner {
        margin-top: 0 !important;
    }

    .mt-md-1:not(.col), .mt-md-1 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mt-md-2:not(.col), .mt-md-2 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mt-md-3:not(.col), .mt-md-3 > .col-inner {
        margin-top: var(--bs-spacer) !important;
    }

    .mt-md-4:not(.col), .mt-md-4 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mt-md-5:not(.col), .mt-md-5 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 3) !important;
    }

    .mt-md-auto:not(.col), .mt-md-auto > .col-inner {
        margin-top: auto !important;
    }

    .mb-md-0:not(.col), .mb-md-0 > .col-inner {
        margin-bottom: 0 !important;
    }

    .mb-md-1:not(.col), .mb-md-1 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mb-md-2:not(.col), .mb-md-2 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mb-md-3:not(.col), .mb-md-3 > .col-inner {
        margin-bottom: var(--bs-spacer) !important;
    }

    .mb-md-4:not(.col), .mb-md-4 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mb-md-5:not(.col), .mb-md-5 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .mb-md-auto:not(.col), .mb-md-auto > .col-inner {
        margin-bottom: auto !important;
    }

    .ms-md-0:not(.col), .ms-md-0 > .col-inner {
        margin-left: 0 !important;
    }

    .ms-md-1:not(.col), .ms-md-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ms-md-2:not(.col), .ms-md-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ms-md-3:not(.col), .ms-md-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
    }

    .ms-md-4:not(.col), .ms-md-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ms-md-5:not(.col), .ms-md-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
    }

    .ms-md-auto:not(.col), .ms-md-auto > .col-inner {
        margin-left: auto !important;
    }

    .me-md-0:not(.col), .me-md-0 > .col-inner {
        margin-right: 0 !important;
    }

    .me-md-1:not(.col), .me-md-1 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .me-md-2:not(.col), .me-md-2 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .me-md-3:not(.col), .me-md-3 > .col-inner {
        margin-right: var(--bs-spacer) !important;
    }

    .me-md-4:not(.col), .me-md-4 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .me-md-5:not(.col), .me-md-5 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .me-md-auto:not(.col), .me-md-auto > .col-inner {
        margin-right: auto !important;
    }

    .ml-md-0:not(.col), .ml-md-0 > .col-inner {
        margin-left: 0 !important;
    }

    .ml-md-1:not(.col), .ml-md-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ml-md-2:not(.col), .ml-md-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ml-md-3:not(.col), .ml-md-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
    }

    .ml-md-4:not(.col), .ml-md-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ml-md-5:not(.col), .ml-md-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
    }

    .ml-md-auto:not(.col), .ml-md-auto > .col-inner {
        margin-left: auto !important;
    }

    .mr-md-0:not(.col), .mr-md-0 > .col-inner {
        margin-right: 0 !important;
    }

    .mr-md-1:not(.col), .mr-md-1 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mr-md-2:not(.col), .mr-md-2 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mr-md-3:not(.col), .mr-md-3 > .col-inner {
        margin-right: var(--bs-spacer) !important;
    }

    .mr-md-4:not(.col), .mr-md-4 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mr-md-5:not(.col), .mr-md-5 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .mr-md-auto:not(.col), .mr-md-auto > .col-inner {
        margin-right: auto !important;
    }

    .mx-md-0:not(.col), .mx-md-0 > .col-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-md-1:not(.col), .mx-md-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mx-md-2:not(.col), .mx-md-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mx-md-3:not(.col), .mx-md-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
        margin-right: var(--bs-spacer) !important;
    }

    .mx-md-4:not(.col), .mx-md-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mx-md-5:not(.col), .mx-md-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .mx-md-auto:not(.col), .mx-md-auto > .col-inner {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: calc(var(--bs-spacer) * 0.25) !important;
        margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .my-md-2 {
        margin-top: calc(var(--bs-spacer) * 0.5) !important;
        margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .my-md-3 {
        margin-top: var(--bs-spacer) !important;
        margin-bottom: var(--bs-spacer) !important;
    }

    .my-md-4 {
        margin-top: calc(var(--bs-spacer) * 1.5) !important;
        margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .my-md-5 {
        margin-top: calc(var(--bs-spacer) * 3) !important;
        margin-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .p-md-0:not(.col), .p-md-0 > .col-inner {
        padding: 0 !important;
    }

    .p-md-1:not(.col), .p-md-1 > .col-inner {
        padding: calc(var(--bs-spacer) * 0.25) !important;
    }

    .p-md-2:not(.col), .p-md-2 > .col-inner {
        padding: calc(var(--bs-spacer) * 0.5) !important;
    }

    .p-md-3:not(.col), .p-md-3 > .col-inner {
        padding: var(--bs-spacer) !important;
    }

    .p-md-4:not(.col), .p-md-4 > .col-inner {
        padding: calc(var(--bs-spacer) * 1.5) !important;
    }

    .p-md-5:not(.col), .p-md-5 > .col-inner {
        padding: calc(var(--bs-spacer) * 3) !important;
    }

    .pt-md-0:not(.col), .pt-md-0 > .col-inner {
        padding-top: 0 !important;
    }

    .pt-md-1:not(.col), .pt-md-1 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pt-md-2:not(.col), .pt-md-2 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pt-md-3:not(.col), .pt-md-3 > .col-inner {
        padding-top: var(--bs-spacer) !important;
    }

    .pt-md-4:not(.col), .pt-md-4 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pt-md-5:not(.col), .pt-md-5 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 3) !important;
    }

    .pb-md-0:not(.col), .pb-md-0 > .col-inner {
        padding-bottom: 0 !important;
    }

    .pb-md-1:not(.col), .pb-md-1 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pb-md-2:not(.col), .pb-md-2 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pb-md-3:not(.col), .pb-md-3 > .col-inner {
        padding-bottom: var(--bs-spacer) !important;
    }

    .pb-md-4:not(.col), .pb-md-4 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pb-md-5:not(.col), .pb-md-5 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .ps-md-0:not(.col), .ps-md-0 > .col-inner {
        padding-left: 0 !important;
    }

    .ps-md-1:not(.col), .ps-md-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ps-md-2:not(.col), .ps-md-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ps-md-3:not(.col), .ps-md-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
    }

    .ps-md-4:not(.col), .ps-md-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ps-md-5:not(.col), .ps-md-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
    }

    .pe-md-0:not(.col), .pe-md-0 > .col-inner {
        padding-right: 0 !important;
    }

    .pe-md-1:not(.col), .pe-md-1 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pe-md-2:not(.col), .pe-md-2 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pe-md-3:not(.col), .pe-md-3 > .col-inner {
        padding-right: var(--bs-spacer) !important;
    }

    .pe-md-4:not(.col), .pe-md-4 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pe-md-5:not(.col), .pe-md-5 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .pl-md-0:not(.col), .pl-md-0 > .col-inner {
        padding-left: 0 !important;
    }

    .pl-md-1:not(.col), .pl-md-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pl-md-2:not(.col), .pl-md-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pl-md-3:not(.col), .pl-md-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
    }

    .pl-md-4:not(.col), .pl-md-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pl-md-5:not(.col), .pl-md-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
    }

    .pr-md-0:not(.col), .pr-md-0 > .col-inner {
        padding-right: 0 !important;
    }

    .pr-md-1:not(.col), .pr-md-1 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pr-md-2:not(.col), .pr-md-2 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pr-md-3:not(.col), .pr-md-3 > .col-inner {
        padding-right: var(--bs-spacer) !important;
    }

    .pr-md-4:not(.col), .pr-md-4 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pr-md-5:not(.col), .pr-md-5 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .px-md-0:not(.col), .px-md-0 > .col-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-md-1:not(.col), .px-md-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .px-md-2:not(.col), .px-md-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .px-md-3:not(.col), .px-md-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
        padding-right: var(--bs-spacer) !important;
    }

    .px-md-4:not(.col), .px-md-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .px-md-5:not(.col), .px-md-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: calc(var(--bs-spacer) * 0.25) !important;
        padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .py-md-2 {
        padding-top: calc(var(--bs-spacer) * 0.5) !important;
        padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .py-md-3 {
        padding-top: var(--bs-spacer) !important;
        padding-bottom: var(--bs-spacer) !important;
    }

    .py-md-4 {
        padding-top: calc(var(--bs-spacer) * 1.5) !important;
        padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .py-md-5 {
        padding-top: calc(var(--bs-spacer) * 3) !important;
        padding-bottom: calc(var(--bs-spacer) * 3) !important;
    }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
    .m-lg-0:not(.col), .m-lg-0 > .col-inner {
        margin: 0 !important;
    }

    .m-lg-1:not(.col), .m-lg-1 > .col-inner {
        margin: calc(var(--bs-spacer) * 0.25) !important;
    }

    .m-lg-2:not(.col), .m-lg-2 > .col-inner {
        margin: calc(var(--bs-spacer) * 0.5) !important;
    }

    .m-lg-3:not(.col), .m-lg-3 > .col-inner {
        margin: var(--bs-spacer) !important;
    }

    .m-lg-4:not(.col), .m-lg-4 > .col-inner {
        margin: calc(var(--bs-spacer) * 1.5) !important;
    }

    .m-lg-5:not(.col), .m-lg-5 > .col-inner {
        margin: calc(var(--bs-spacer) * 3) !important;
    }

    .m-lg-auto:not(.col), .m-lg-auto > .col-inner {
        margin: auto !important;
    }

    .mt-lg-0:not(.col), .mt-lg-0 > .col-inner {
        margin-top: 0 !important;
    }

    .mt-lg-1:not(.col), .mt-lg-1 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mt-lg-2:not(.col), .mt-lg-2 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mt-lg-3:not(.col), .mt-lg-3 > .col-inner {
        margin-top: var(--bs-spacer) !important;
    }

    .mt-lg-4:not(.col), .mt-lg-4 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mt-lg-5:not(.col), .mt-lg-5 > .col-inner {
        margin-top: calc(var(--bs-spacer) * 3) !important;
    }

    .mt-lg-auto:not(.col), .mt-lg-auto > .col-inner {
        margin-top: auto !important;
    }

    .mb-lg-0:not(.col), .mb-lg-0 > .col-inner {
        margin-bottom: 0 !important;
    }

    .mb-lg-1:not(.col), .mb-lg-1 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mb-lg-2:not(.col), .mb-lg-2 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mb-lg-3:not(.col), .mb-lg-3 > .col-inner {
        margin-bottom: var(--bs-spacer) !important;
    }

    .mb-lg-4:not(.col), .mb-lg-4 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mb-lg-5:not(.col), .mb-lg-5 > .col-inner {
        margin-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .mb-lg-auto:not(.col), .mb-lg-auto > .col-inner {
        margin-bottom: auto !important;
    }

    .ms-lg-0:not(.col), .ms-lg-0 > .col-inner {
        margin-left: 0 !important;
    }

    .ms-lg-1:not(.col), .ms-lg-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ms-lg-2:not(.col), .ms-lg-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ms-lg-3:not(.col), .ms-lg-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
    }

    .ms-lg-4:not(.col), .ms-lg-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ms-lg-5:not(.col), .ms-lg-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
    }

    .ms-lg-auto:not(.col), .ms-lg-auto > .col-inner {
        margin-left: auto !important;
    }

    .me-lg-0:not(.col), .me-lg-0 > .col-inner {
        margin-right: 0 !important;
    }

    .me-lg-1:not(.col), .me-lg-1 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .me-lg-2:not(.col), .me-lg-2 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .me-lg-3:not(.col), .me-lg-3 > .col-inner {
        margin-right: var(--bs-spacer) !important;
    }

    .me-lg-4:not(.col), .me-lg-4 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .me-lg-5:not(.col), .me-lg-5 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .me-lg-auto:not(.col), .me-lg-auto > .col-inner {
        margin-right: auto !important;
    }

    .ml-lg-0:not(.col), .ml-lg-0 > .col-inner {
        margin-left: 0 !important;
    }

    .ml-lg-1:not(.col), .ml-lg-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ml-lg-2:not(.col), .ml-lg-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ml-lg-3:not(.col), .ml-lg-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
    }

    .ml-lg-4:not(.col), .ml-lg-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ml-lg-5:not(.col), .ml-lg-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
    }

    .ml-lg-auto:not(.col), .ml-lg-auto > .col-inner {
        margin-left: auto !important;
    }

    .mr-lg-0:not(.col), .mr-lg-0 > .col-inner {
        margin-right: 0 !important;
    }

    .mr-lg-1:not(.col), .mr-lg-1 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mr-lg-2:not(.col), .mr-lg-2 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mr-lg-3:not(.col), .mr-lg-3 > .col-inner {
        margin-right: var(--bs-spacer) !important;
    }

    .mr-lg-4:not(.col), .mr-lg-4 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mr-lg-5:not(.col), .mr-lg-5 > .col-inner {
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .mr-lg-auto:not(.col), .mr-lg-auto > .col-inner {
        margin-right: auto !important;
    }

    .mx-lg-0:not(.col), .mx-lg-0 > .col-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-lg-1:not(.col), .mx-lg-1 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.25) !important;
        margin-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .mx-lg-2:not(.col), .mx-lg-2 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 0.5) !important;
        margin-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .mx-lg-3:not(.col), .mx-lg-3 > .col-inner {
        margin-left: var(--bs-spacer) !important;
        margin-right: var(--bs-spacer) !important;
    }

    .mx-lg-4:not(.col), .mx-lg-4 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 1.5) !important;
        margin-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .mx-lg-5:not(.col), .mx-lg-5 > .col-inner {
        margin-left: calc(var(--bs-spacer) * 3) !important;
        margin-right: calc(var(--bs-spacer) * 3) !important;
    }

    .mx-lg-auto:not(.col), .mx-lg-auto > .col-inner {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: calc(var(--bs-spacer) * 0.25) !important;
        margin-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .my-lg-2 {
        margin-top: calc(var(--bs-spacer) * 0.5) !important;
        margin-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .my-lg-3 {
        margin-top: var(--bs-spacer) !important;
        margin-bottom: var(--bs-spacer) !important;
    }

    .my-lg-4 {
        margin-top: calc(var(--bs-spacer) * 1.5) !important;
        margin-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .my-lg-5 {
        margin-top: calc(var(--bs-spacer) * 3) !important;
        margin-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .p-lg-0:not(.col), .p-lg-0 > .col-inner {
        padding: 0 !important;
    }

    .p-lg-1:not(.col), .p-lg-1 > .col-inner {
        padding: calc(var(--bs-spacer) * 0.25) !important;
    }

    .p-lg-2:not(.col), .p-lg-2 > .col-inner {
        padding: calc(var(--bs-spacer) * 0.5) !important;
    }

    .p-lg-3:not(.col), .p-lg-3 > .col-inner {
        padding: var(--bs-spacer) !important;
    }

    .p-lg-4:not(.col), .p-lg-4 > .col-inner {
        padding: calc(var(--bs-spacer) * 1.5) !important;
    }

    .p-lg-5:not(.col), .p-lg-5 > .col-inner {
        padding: calc(var(--bs-spacer) * 3) !important;
    }

    .pt-lg-0:not(.col), .pt-lg-0 > .col-inner {
        padding-top: 0 !important;
    }

    .pt-lg-1:not(.col), .pt-lg-1 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pt-lg-2:not(.col), .pt-lg-2 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pt-lg-3:not(.col), .pt-lg-3 > .col-inner {
        padding-top: var(--bs-spacer) !important;
    }

    .pt-lg-4:not(.col), .pt-lg-4 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pt-lg-5:not(.col), .pt-lg-5 > .col-inner {
        padding-top: calc(var(--bs-spacer) * 3) !important;
    }

    .pb-lg-0:not(.col), .pb-lg-0 > .col-inner {
        padding-bottom: 0 !important;
    }

    .pb-lg-1:not(.col), .pb-lg-1 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pb-lg-2:not(.col), .pb-lg-2 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pb-lg-3:not(.col), .pb-lg-3 > .col-inner {
        padding-bottom: var(--bs-spacer) !important;
    }

    .pb-lg-4:not(.col), .pb-lg-4 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pb-lg-5:not(.col), .pb-lg-5 > .col-inner {
        padding-bottom: calc(var(--bs-spacer) * 3) !important;
    }

    .ps-lg-0:not(.col), .ps-lg-0 > .col-inner {
        padding-left: 0 !important;
    }

    .ps-lg-1:not(.col), .ps-lg-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .ps-lg-2:not(.col), .ps-lg-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .ps-lg-3:not(.col), .ps-lg-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
    }

    .ps-lg-4:not(.col), .ps-lg-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .ps-lg-5:not(.col), .ps-lg-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
    }

    .pe-lg-0:not(.col), .pe-lg-0 > .col-inner {
        padding-right: 0 !important;
    }

    .pe-lg-1:not(.col), .pe-lg-1 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pe-lg-2:not(.col), .pe-lg-2 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pe-lg-3:not(.col), .pe-lg-3 > .col-inner {
        padding-right: var(--bs-spacer) !important;
    }

    .pe-lg-4:not(.col), .pe-lg-4 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pe-lg-5:not(.col), .pe-lg-5 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .pl-lg-0:not(.col), .pl-lg-0 > .col-inner {
        padding-left: 0 !important;
    }

    .pl-lg-1:not(.col), .pl-lg-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pl-lg-2:not(.col), .pl-lg-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pl-lg-3:not(.col), .pl-lg-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
    }

    .pl-lg-4:not(.col), .pl-lg-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pl-lg-5:not(.col), .pl-lg-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
    }

    .pr-lg-0:not(.col), .pr-lg-0 > .col-inner {
        padding-right: 0 !important;
    }

    .pr-lg-1:not(.col), .pr-lg-1 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .pr-lg-2:not(.col), .pr-lg-2 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .pr-lg-3:not(.col), .pr-lg-3 > .col-inner {
        padding-right: var(--bs-spacer) !important;
    }

    .pr-lg-4:not(.col), .pr-lg-4 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .pr-lg-5:not(.col), .pr-lg-5 > .col-inner {
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .px-lg-0:not(.col), .px-lg-0 > .col-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .px-lg-1:not(.col), .px-lg-1 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.25) !important;
        padding-right: calc(var(--bs-spacer) * 0.25) !important;
    }

    .px-lg-2:not(.col), .px-lg-2 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 0.5) !important;
        padding-right: calc(var(--bs-spacer) * 0.5) !important;
    }

    .px-lg-3:not(.col), .px-lg-3 > .col-inner {
        padding-left: var(--bs-spacer) !important;
        padding-right: var(--bs-spacer) !important;
    }

    .px-lg-4:not(.col), .px-lg-4 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 1.5) !important;
        padding-right: calc(var(--bs-spacer) * 1.5) !important;
    }

    .px-lg-5:not(.col), .px-lg-5 > .col-inner {
        padding-left: calc(var(--bs-spacer) * 3) !important;
        padding-right: calc(var(--bs-spacer) * 3) !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: calc(var(--bs-spacer) * 0.25) !important;
        padding-bottom: calc(var(--bs-spacer) * 0.25) !important;
    }

    .py-lg-2 {
        padding-top: calc(var(--bs-spacer) * 0.5) !important;
        padding-bottom: calc(var(--bs-spacer) * 0.5) !important;
    }

    .py-lg-3 {
        padding-top: var(--bs-spacer) !important;
        padding-bottom: var(--bs-spacer) !important;
    }

    .py-lg-4 {
        padding-top: calc(var(--bs-spacer) * 1.5) !important;
        padding-bottom: calc(var(--bs-spacer) * 1.5);
    }

    .py-lg-5 {
        padding-top: calc(var(--bs-spacer) * 3) !important;
        padding-bottom: calc(var(--bs-spacer) * 3) !important;
    }
}

/*! Bootstrap 5.0.x - Display + Flex utilities only */
.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1400px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

/* Flex utilities */
.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-fill {
    flex: 1 1 auto !important
}

/* Justify content */
.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

/* Align items */
.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

/* Align content */
.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

/* Align self */
.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

/* Order */
.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

/* Responsive flex utilities */
@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }
}

@media (min-width:1400px) {
    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }
}

/* --- Border Radius Utilities --- */

/* Base & Sizes */
.rounded:not(.col), .rounded > .col-inner {
    border-radius: 0.25rem !important;
}

.rounded-lg:not(.col), .rounded-lg > .col-inner {
    border-radius: 0.5rem !important;
}

.rounded-xl:not(.col), .rounded-xl > .col-inner {
    border-radius: 0.75rem !important;
}

.rounded-0:not(.col), .rounded-0 > .col-inner {
    border-radius: 0 !important;
}

.rounded-circle:not(.col), .rounded-circle > .col-inner {
    border-radius: 50% !important;
}

/* Directional - Top */
.rounded-top:not(.col), .rounded-top > .col-inner {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

/* Directional - Right */
.rounded-right:not(.col), .rounded-right > .col-inner {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

/* Directional - Bottom */
.rounded-bottom:not(.col), .rounded-bottom > .col-inner {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

/* Directional - Left */
.rounded-left:not(.col), .rounded-left > .col-inner {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

/* Helper cho các size khác (Tùy chọn) */
.rounded-top-lg:not(.col), .rounded-top-lg > .col-inner {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.rounded-bottom-lg:not(.col), .rounded-bottom-lg > .col-inner {
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

/* --- Base Sizes (Mobile-first) --- */
.rounded-6:not(.col), .rounded-6 > .col-inner { border-radius: 6px !important; }
.rounded-10:not(.col), .rounded-10 > .col-inner { border-radius: 10px !important; }
.rounded-16:not(.col), .rounded-16 > .col-inner { border-radius: 16px !important; }
.rounded-20:not(.col), .rounded-20 > .col-inner { border-radius: 20px !important; }
.rounded-30:not(.col), .rounded-30 > .col-inner { border-radius: 30px !important; }
.rounded-40:not(.col), .rounded-40 > .col-inner { border-radius: 40px !important; }
.rounded-60:not(.col), .rounded-60 > .col-inner { border-radius: 60px !important; }
.rounded-pill:not(.col), .rounded-pill > .col-inner { border-radius: 50rem !important; }

/* --- Special Shapes (Custom Utilities) --- */
/* Bo lệch đối xứng (Thay cho Service Cards) */
.rounded-custom-asym:not(.col), .rounded-custom-asym > .col-inner { 
    border-radius: 20px 40px !important; 
}
.rounded-custom-asym:not(.col), .rounded-custom-asym > .col-inner { 
    border-radius: 20px 40px !important; 
}
/* Nhấn góc trên bên phải (Thay cho Metric) */
.rounded-custom-asym-2:not(.col), .rounded-custom-asym-2 > .col-inner { 
    border-radius: 30px 40px !important; 
}

/* Section Transitions (Top/Bottom 60px) */
.rounded-top-60:not(.col), .rounded-top-60 > .col-inner { 
    border-top-left-radius: 60px !important; 
    border-top-right-radius: 60px !important; 
}
.rounded-bottom-60:not(.col), .rounded-bottom-60 > .col-inner { 
    border-bottom-right-radius: 60px !important; 
    border-bottom-left-radius: 60px !important; 
}

/* --- Responsive Breakpoints --- */

/* Small devices (≥576px) */
@media (min-width: 576px) {
    .rounded-6-sm:not(.col), .rounded-6-sm > .col-inner { border-radius: 6px !important; }
    .rounded-10-sm:not(.col), .rounded-10-sm > .col-inner { border-radius: 10px !important; }
    .rounded-20-sm:not(.col), .rounded-20-sm > .col-inner { border-radius: 20px !important; }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
    .rounded-16-md:not(.col), .rounded-16-md > .col-inner { border-radius: 16px !important; }
    .rounded-30-md:not(.col), .rounded-30-md > .col-inner { border-radius: 30px !important; }
    .rounded-40-md:not(.col), .rounded-40-md > .col-inner { border-radius: 40px !important; }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
    .rounded-custom-asym-lg:not(.col), .rounded-custom-asym-lg > .col-inner { border-radius: 20px 40px !important; }
    .rounded-custom-tr-lg:not(.col), .rounded-custom-tr-lg > .col-inner { border-radius: 10px 20px 10px 10px !important; }
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .rounded-top-60-xl:not(.col), .rounded-top-60-xl > .col-inner { 
        border-top-left-radius: 60px !important; border-top-right-radius: 60px !important; 
    }
    .rounded-bottom-60-xl:not(.col), .rounded-bottom-60-xl > .col-inner { 
        border-bottom-right-radius: 60px !important; border-bottom-left-radius: 60px !important; 
    }
}

/* XXL devices (≥1400px) */
@media (min-width: 1400px) {
    .rounded-top-60-xxl:not(.col), .rounded-top-60-xxl > .col-inner { 
        border-top-left-radius: 60px !important; border-top-right-radius: 60px !important; 
    }
    .rounded-bottom-60-xxl:not(.col), .rounded-bottom-60-xxl > .col-inner { 
        border-bottom-right-radius: 60px !important; border-bottom-left-radius: 60px !important; 
    }
}

/* --- Border Utilities --- */

/* Border Style & Width */
.border:not(.col),
.border>.col-inner {
    border: 1px solid currentColor !important;
}

.border-top:not(.col),
.border-top>.col-inner {
    border-top: 1px solid currentColor !important;
}

.border-right :not(.col),
.border-right>.col-inner {
    border-right: 1px solid currentColor !important;
}

.border-bottom :not(.col),
.border-bottom>.col-inner {
    border-bottom: 1px solid currentColor !important;
}

.border-left:not(.col),
.border-left>.col-inner {
    border-left: 1px solid currentColor !important;
}

.border-0 :not(.col),
.border-0>.col-inner {
    border: 0 !important;
}

/* Border Width Modifiers (Optional) */
.border-2:not(.col),
.border-2>.col-inner {
    border-width: 2px !important;
}

.border-1.5:not(.col),
.border-1.5>.col-inner {
    border-width: 1.5px !important;
}

.border-3:not(.col),
.border-3>.col-inner {
    border-width: 3px !important;
}

/* Border Colors */
.border-primary:not(.col),
.border-primary>.col-inner {
    border-color: var(--primary-color) !important;
}

.border-secondary:not(.col),
.border-secondary>.col-inner {
    border-color: var(--fs-color-secondary) !important;
}

.border-success:not(.col),
.border-success>.col-inner {
    border-color: var(--fs-color-success) !important;
}

.border-alert :not(.col),
.border-alert>.col-inner {
    border-color: var(--fs-color-alert) !important;
}

.border-link:not(.col),
.border-link>.col-inner {
    border-color: var(--fs-experimental-link-color) !important;
}

/* Border Opacity / Soft Border (Optional) */
.border-transparent:not(.col),
.border-transparent>.col-inner {
    border-color: transparent !important;
}
.gap-2 { gap: 0.5rem; }

.rounded-full:not(.col),
.rounded-full>.col-inner  { border-radius: 9999px; }
/* --- Font Size Utilities --- */
.text-xs     { font-size: 0.75rem !important; line-height: 1rem; }     /* 12px */
.text-sm     { font-size: 0.875rem !important; line-height: 1.25rem; }  /* 14px */
.text-md   { font-size: 1rem !important; line-height: 1.5rem; }      /* 16px */
.text-lg     { font-size: 1.125rem !important; line-height: 1.75rem; } /* 18px */
.text-xl     { font-size: 1.25rem !important; line-height: 1.75rem; }  /* 20px */
.text-2xl    { font-size: 1.5rem !important; line-height: 2rem; }     /* 24px */
.text-3xl    { font-size: 1.875rem !important; line-height: 2.25rem; } /* 30px */
.text-4xl    { font-size: 2.25rem !important; line-height: 2.5rem; }   /* 36px */
.text-5xl    { font-size: 3rem !important; line-height: 1.2; }          /* 48px */
.text-6xl    { font-size: 3.75rem !important; line-height: 1.2; }       /* 60px */
.text-7xl    { font-size: 4.5rem !important; line-height: 1.2; }        /* 72px */
.text-8xl    { font-size: 6rem !important; line-height: 1.2; }          /* 96px */
.text-9xl    { font-size: 8rem !important; line-height: 1.2; }          /* 128px */
/* --- Font Weight Utilities --- */
.font-thin       { font-weight: 100 !important; }
.font-extralight { font-weight: 200 !important; }
.font-light      { font-weight: 300 !important; }
.font-normal     { font-weight: 400 !important; }
.font-medium     { font-weight: 500 !important; }
.font-semibold   { font-weight: 600 !important; }
.font-bold       { font-weight: 700 !important; }
.font-extrabold  { font-weight: 800 !important; }
.font-black      { font-weight: 900 !important; }
.transition-all { transition: all 0.3s ease; }

/* --- QPH Typography Utilities (Mobile-first) --- */

/* --- Font Size & Line Height --- */

/* Big Numbers & Hero */
.text-80 { font-size: 5rem !important; line-height: 1.3 !important; }        /* 80px/130% */
.text-60 { font-size: 3.75rem !important; line-height: 5.125rem !important; } /* 60px/82px */
.text-40 { font-size: 2.5rem !important; line-height: 3.5rem !important; }    /* 40px/56px */
.text-36 { font-size: 2.25rem !important; line-height: 3.063rem !important; } /* 36px/49px */

/* Subtitles & Menu */
.text-18 { font-size: 1.125rem !important; line-height: 1.5rem !important; }  /* 18px/24px */
.text-16 { font-size: 1rem !important; line-height: 1.5rem !important; }     /* 16px/24px */
.text-15 { font-size: 0.938rem !important; line-height: 1.25rem !important; } /* 15px/20px */

/* Body & Text */
.text-body-15 { font-size: 0.938rem !important; line-height: 1.625rem !important; } /* 15px/26px */
.text-body-13 { font-size: 0.813rem !important; line-height: 1.5rem !important; }    /* 13px/24px */

/* Small & Tags */
.text-14 { font-size: 0.875rem !important; line-height: 1.313rem !important; } /* 14px/21px */
.text-13 { font-size: 0.813rem !important; line-height: 1.25rem !important; }  /* 13px/20px */
.text-10 { font-size: 0.625rem !important; line-height: 1.5rem !important; }  /* 10px/24px */

/* --- Responsive Breakpoints --- */

/* Small devices (≥576px) */
@media (min-width: 576px) {
    .text-15-sm { font-size: 0.938rem !important; line-height: 1.25rem !important; }
    .text-16-sm { font-size: 1rem !important; line-height: 1.5rem !important; }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
    .text-18-md { font-size: 1.125rem !important; line-height: 1.5rem !important; }
    .text-36-md { font-size: 2.25rem !important; line-height: 3.063rem !important; }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
    .text-40-lg { font-size: 2.5rem !important; line-height: 3.5rem !important; }
    .text-body-15-lg { font-size: 0.938rem !important; line-height: 1.625rem !important; }
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .text-60-xl { font-size: 3.75rem !important; line-height: 5.125rem !important; }
    .text-80-xl { font-size: 5rem !important; line-height: 1.3 !important; }
}

/* XXL devices (≥1400px) */
@media (min-width: 1400px) {
    .text-60-xxl { font-size: 3.75rem !important; line-height: 5.125rem !important; }
}

/* --- Font Weight Utilities (Bổ sung Responsive nếu cần) --- */
@media (min-width: 992px) {
    .font-semibold-lg { font-weight: 600 !important; }
    .font-bold-lg { font-weight: 700 !important; }
}

/* Áp dụng vào col-inner của khối group-content */
.bg-linear-gradient > .col-inner {
    /* Loại bỏ background mặc định của Flatsome */
    /*background: none !important;*/
    
    /* Thiết lập độ dày viền (stroke-width: 1.5) */
    border: 1.5px solid transparent;
    
    /* Bo góc 60px theo thiết kế */
    border-radius: 60px;
    
    /* Đổ bóng (Shadow) */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    
    /* Tạo lớp nền trắng và viền Gradient */
    background-image: 
        linear-gradient(#FFFFFF, #FFFFFF), 
        linear-gradient(180deg, #F0C777 0%, #FFFFFF 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;

    /* Quan trọng: Để slider không bị tràn ra ngoài góc bo 60px */
    overflow: hidden;
    
    /* Thêm khoảng cách nội dung (nếu p-5 chưa đủ) */
    position: relative;
}

/* Đảm bảo slider bên trong hiển thị tốt trên nền trắng */
.bg-linear-gradient .slider-wrapper {
    z-index: 1;
}