:root {
    --body-fonts: "Inter", sans-serif;
    --bs-base-font-size: 16px;
    --bs-body-font-size: 1rem;
    --body-color: #111827;
    --sidebar-width: 16.875rem;
    --sidebarPadding: 1.25rem;
    --sidebar-gap: 1rem;
    --nav-item-margin-bottom: 0.188rem;
    --nav--font-size: clamp(0.875rem, 0.85rem + 0.20vw, 1.0000rem);
    --divider-color: #f6f6f6;
    --themeColor: #1f3a8a;
    --themeLighterColor: #6F8BDB;
    --bs-secondary-color: #31405D;
    --theme-bg-color: #F0F5FF;
    --bs-primary: #1F3A8A;
    --theme-bg-darker: #1F3A8A;
    --bs-breadcrumb-divider: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgOUw1IDVMMSAxIiBzdHJva2U9IiNEMEQ1REQiIHN0cm9rZS13aWR0aD0iMS4zIi8+PC9zdmc+");
    --primary-fonts: "Lora", serif;
    --btn-fonts: var(--primary-fonts);
    --page-header-bottom: 0.938rem;
    --page-title-size: clamp(1.375rem, 1.10rem + 0.90vw, 1.8750rem);
    --page-head-title-size: 1.250rem;
    --card-title: clamp(1rem, 0.8125rem + 0.30vw, 1.1875rem);
    --sub-title-size: 1rem;
    --sub-title-bottom: 0.75rem;
    --card-border-radius: 0.75rem;
    --badge-border-radius: 1rem;
    --content-wrapper: var(--page-header-bottom) 1.5rem;
    --card-padding: 1.25rem;
    --card-bottom: 1rem;
    --nav-icon: 1.5rem;
    --table-font-size: clamp(0.75rem, 0.65rem + 0.5vw, 0.875rem);
    --gridTable-font-size: clamp(0.65rem, 0.5rem + 1vw, 0.75rem);
    --fs-small: clamp(0.875rem, 0.85rem + 0.05vw, 0.9375rem);
    --btn-font-size: clamp(0.75rem, 0.65rem + 0.5vw, 0.875rem);
    --bs-btn-close-color: var(--themeColor);
}
html {
    font-size: var(--bs-base-font-size);
}

.gap-10 {
    gap: 0.625rem;
}

.gap-20 {
    gap: 1.25rem;
}

body {
    font-family: var(--body-fonts);
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--body-color);
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-fonts);
    color: var(--themeColor);
    font-weight: 600;
}

    .font-weight-bold {
        font-weight: 500 !important;
    }

    .page-body-wrapper {
        min-height: 100vh;
        display: flex;
        flex-direction: row;
        background: #fdfdfd;
    }
.row.flex-nowrap {
    --bs-gutter-x: 1rem;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

    .row.flex-nowrap > * {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
.row.no-gutters {
    --bs-gutter-x: 0;
}
    .row.no-gutters > * {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
.sidebar {
    gap: var(--sidebar-gap);
    background: #ffffff;
    padding: var(--sidebarPadding);
    width: var(--sidebar-width);
    z-index: 11;
    border-right: 0.125rem solid var(--divider-color);
    font-family: var(--primary-fonts);
    transition: all 0.3s ease;
    height: 100dvh;
    letter-spacing: -0.01em;
    font-size: var(--nav--font-size);
    position: sticky;
    top: 0;
}
.toggle-menu {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 400;
    border: 1px solid #e8e8e8;
    position: absolute;
    right: calc(-1 * var(--sidebarPadding) - 1rem);
    background: #ffffff;
    margin-top: -18px;
    cursor: pointer;
    color: var(--themeColor);
}

        .toggle-menu.active {
            transition: transform 0.3s ease-in-out;
            transform: rotate(180deg);
        }

    .brand-logo * {
        transition: opacity 0.1s ease;
    }
.brand-logo {
    display: block;
    max-width: 14rem;
    min-height:2rem;
}
.brand-logo .mini-logo {
    position: relative;
    display: none;
    width: 3.25rem;
    height: auto;
}

    .nav-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1;
        overflow: auto;
        scrollbar-width: thin;
    }
.nav-menu .nav-item {
  margin-bottom: var(--nav-item-margin-bottom);
}

.nav-link {
    padding: 0.625rem 0.75rem;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    color: currentColor;
    border-radius: 0.5rem;
}

        .nav-link:hover,
        .nav-link.active,
        .nav-link[aria-expanded="true"] {
            background-color: var(--theme-bg-color);
            color: var(--themeColor);
        }

.nav-icon {
    width:var(--nav-icon);
    color: var(--themeColor);
    height:var(--nav-icon);
    display: grid;
    place-content: center;
}
    .nav-icon img {
        max-width: 100%;
    }

.menu-arrow {
    font-size: 0.75rem;
    font-weight: 400;
    color: #1F3A8A;
}

    .nav-menu .nav-link[aria-expanded="true"] .menu-arrow {
        transform: rotate(180deg);
    }

.sub-menu {
    list-style: none;
    margin-left: 1.875rem;
    padding: 0;
    font-size: 0.875rem;
    --nav-item-margin-bottom: 1px;
    margin-top: var(--nav-item-margin-bottom);
}

.nav-divider {
    height: 2px;
    border-radius: 2px;
    background: var(--divider-color);
    margin-top: var(--nav-item-margin-bottom);
    margin-bottom: 0.5rem;
}

    @media (min-width: 992px) {
        .sidebar-icon-only :is(.sidebar, .main-panel) {
            --sidebar-width: 6.25rem;
        }

        .sidebar-icon-only :is(.full-logo) {
            display: none;
        }

        .sidebar-icon-only :is(.mini-logo) {
            display: block;
        }
        .sidebar-icon-only :is(.nav-link) {
            justify-content: center;
        }
        .sidebar-icon-only :is(.menu-title, .menu-arrow, .nav-menu .collapse) {
            display: none;
        }
        .modal-sm {
            --bs-modal-width: 350px;
        }
    }

.header-wrapper {
    background: #ffffff;
    padding: 1rem 1.875rem;
    box-shadow: 0px 4px 20px -8px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 9;
}

    .breadcrumb {
        background: transparent;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        font-size: 14px;
    }

    .breadcrumb-item {
        font-weight: 500;
    }

        .breadcrumb-item + .breadcrumb-item {
            padding-left: 1rem;
        }

        .breadcrumb-item a {
            color: currentColor;
            text-decoration: none;
        }

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            align-self: center;
            padding-right: 1rem;
            color: #6c757d;
            content: var(--bs-breadcrumb-divider);
        }

        .breadcrumb-item.active span {
            background-color: #f0f5ff;
            color: #344054;
            border-radius: 6px;
            padding: 6px 12px;
        }

.main-panel {
    transition: all 0.3s ease;
    width: calc(100% - var(--sidebar-width));
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content-wrapper, .no-wrapper {
    padding: var(--content-wrapper);
}
.content-wrapper :is(.container) {
     max-width: 100%;
}
.content-scroll-wrapper {
    overflow: auto;
    height: calc(100vh - 5rem);
    display: flex;
    flex-direction: column;
}
.hr-divider {
    height: 0.125rem;
    border-radius: 0.125rem;
    background: var(--divider-color);
}

.page-header {
    margin-bottom: var(--page-header-bottom);
}
    .page-header .h5 {
        margin-bottom:0;
    }
    .page-header :is(select) {
        width: 13.75rem;
    }

    .page-header .navbar-brand {
        margin: 0 0.25rem !important;
        font-size: 1.25rem;
    }
    .page-title {
        font-family: var(--primary-fonts);
        color: var(--themeColor);
        font-size: var(--page-title-size);
        padding: 0;
    }

.page-head-title {
    font-family: var(--primary-fonts);
    color:var(--themeColor);
    display: inline-block;
    font-size: var(--page-head-title-size);
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
    background-color: #f0f5ff;
    font-weight: 500;
    margin: 0 0 0 1rem;
}
    .sub-title {
        font-family: var(--primary-fonts);
        font-weight: 500;
        color: var(--themeColor);
        font-size: var(--sub-title-size);
        margin-bottom: var(--sub-title-bottom);
        line-height:normal;
    }

.card {
    border-radius: var(--card-border-radius);
    border-color: #e8e8e8;
    margin-bottom: var(--card-bottom);
}
.flex-nowrap .card {
    min-height: calc(100% - (var(--card-bottom)));
}
.card-body {
    padding: var(--card-padding);
}

.card-head {
    display: flex;
    align-content: center;
    margin-bottom: 1rem;
    gap: 1.25rem;
}

    .card-title {
        font-family: var(--primary-fonts);
        color: var(--themeColor) !important;
        font-size: var(--card-title);
        margin-bottom: 1rem;
        line-height:normal;
    }

    .card.rounded-0 {
        border-radius: var(--card-border-radius) !important;
    }

    .card-header {
        background-color: #f0f5ff !important;
        color: #4a5561;
        font-weight: 400;
        border: none;
    }

        .card-header:first-child {
            border-radius: calc(var(--card-border-radius) - 1px) calc(var(--card-border-radius) - 1px) 0 0;
        }

        .card-header :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5) {
            font-family: var(--primary-fonts);
            font-weight: 500;
            color: var(--themeColor);
            margin-bottom: 0;
            font-size: 1.125rem;
        }

    .card-footer {
        padding: .75rem 0 !important;
        background-color: transparent;
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }

.download-icon {
    width: 2.25rem;
    height: auto;
}
.block-box {
    border-radius: var(--card-border-radius);
    border-color: #e8e8e8;
    margin-bottom: var(--card-bottom);
    padding: var(--card-padding);
    border: 1px solid rgba(0, 0, 0, .125);
    min-height: calc(100% - (var(--card-bottom)));
}

    .Savings-box {
        border: 1px solid #9FBFFF;
    }

        .Savings-box .sub-title {
            font-weight: 600 !important;
        }
.equal-height-row {
    display: flex;
    height: 100%;
}
    .equal-height-row > .col {
        display: flex;
        flex-direction: column;
    }
.block-box-header {
    background-color: #f0f5ff !important;
    padding: 0.5rem 0.5rem !important;
    padding-bottom: var(--sub-title-bottom);
}
.block-box-body {
    padding: var(--card-padding);
}
.badge {
    border-radius: var(--badge-border-radius);
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: normal;
}

    .badge-success {
        background-color: #ecfdf3;
        border: 1px solid #32c554;
        color: #18662a;
    }

    .badge-danger {
        background-color: #fff3f3;
        border: 1px solid #dc3545;
        color: #dc3545;
    }

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

.btn {
    border-radius: 0.5rem;
    padding: 0.625rem 1rem;
    font-size: var(--btn-font-size);
    font-weight: 500;
    font-family: var(--btn-fonts);
    text-shadow: none !important;
    background-image: none !important;
    --bs-btn-active-shadow: none;
    --bs-btn-focus-box-shadow:none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1f3a8a;
    --bs-btn-active-bg: #1f3a8a;
    --bs-btn-border-color: #1f3a8a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3856AC;
    --bs-btn-hover-border-color: #1F3A8A;
    --bs-btn-disabled-border-color: #1F3A8A;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3856AC;

}
.btn-secondary {
    --bs-btn-color: #1F3A8A;
    --bs-btn-bg: #F0F5FF;
    --bs-btn-border-color: #1F3A8A;
    --bs-btn-hover-color: #1F3A8A;
    --bs-btn-hover-bg: #D6E3FE;
    --bs-btn-hover-border-color: #1F3A8A;
    --bs-btn-active-color: #1F3A8A;
    --bs-btn-active-bg: #D6E3FE;
    --bs-btn-active-border-color: #1F3A8A;
}
.btn-tertiary {
    --bs-btn-color: #1f3a8a;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #1f3a8a;
    --bs-btn-hover-color: #344054;
    --bs-btn-hover-bg: #F5F5F5;
    --bs-btn-hover-border-color: #1F3A8A;
}
.buttonPurple {
    --bs-btn-color: #1F3A8A;
    --bs-btn-bg: #F0F5FF;
    --bs-btn-border-color: #1F3A8A;
    --bs-btn-hover-color: #1F3A8A;
    --bs-btn-hover-bg: #D6E3FE;
    --bs-btn-hover-border-color: #1F3A8A;
    --bs-btn-active-color: #1F3A8A;
    --bs-btn-active-bg: #D6E3FE;
    --bs-btn-active-border-color: #1F3A8A;
}




    .btn-dark {
        color: #fff;
        background-color: #1f3a8a;
        border-color: #1f3a8a;
     
    }

        .btn-dark:not(.disabled):hover,
        .btn-dark.focus,
        .btn-dark:focus {
          
            color: #1f3a8a;
            background-color: #fff !important;
            border-color: #1f3a8a !important;
            box-shadow: none;
        }

    .btn-success {
        color: #fff;
        background-color: #28A745;
        border-color: #28A745;
        background-image: none;
    }

        .btn-success:is(:hover,:active,:foucs) {
            color: #fff;
            background-color: #28A745;
            border-color: #28A745 !important;
          
        }


    .btn-info {
        color: #fff;
        background-color: #1f3a8a;
        border-color: #1f3a8a;
        background-image: none;
    }

        .btn-info:not(.disabled):hover,
        .btn-info.focus,
        .btn-info:focus {
            color: #FFFFFF;
            background-color: #3856AC !important;
            border-color: #1F3A8A !important;
            box-shadow: none;
        }
.btn.btn-light {
    color: #1F3A8A;
    background-color: #F0F5FF;
    border-color: #F7F7F7;
}
.btn.btn-light:not(.disabled):hover,
.btn.btn-light.focus,
.btn.btn-light:focus {
    color: #182230;
    background-color: #F9FAFB !important;
    border-color: #F7F7F7 !important;
}
.btn-outline-light {
    color: #1F3A8A;
    background-color: #FFFFFF;
    border-color: #F7F7F7;
}

    .btn-outline-light:not(.disabled):hover,
    .btn-outline-light.focus,
    .btn-outline-light:focus {
        color: #182230;
        background-color: #F9FAFB !important;
        border-color: #F7F7F7 !important;
    }


.btn-link {
    font-size: 0.875rem;
}



.return-link {
    background: transparent !important;
    border: none;
    font-size: 0.875rem;
    outline-color: transparent;
}

[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
}
.form-control, .modal-content :is(input[type="text"],input[type="number"]), .modal-content :is(input[type="text"],input[type="number"]) {
    border-radius: 0.5rem !important;
    padding: 0.625rem 1rem;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border: 1px solid #efefef;
    color: #667085;
    height: auto !important;
    font-size: 0.875rem;
}

.control-label, .form-group label {
    font-size: 0.875rem;
    color: #31405D;
    margin-bottom: .5rem;
}

    .form-control:focus {
        border: 1px solid #efefef;
        box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    }

    .has-search {
        position: relative;
    }

        .has-search .form-control-feedback {
            position: absolute;
            z-index: 2;
            display: block;
            width: 2.5rem;
            height: 100%;
            line-height: 2.375rem;
            text-align: center;
            pointer-events: none;
            color: #aaa;
            display: grid;
            place-content: center;
        }
            .has-search .form-control-feedback .img-fluid {
                width: 1.25rem;
            }

            .has-search .form-control {
                padding-left: 2.375rem !important;
            }

    .select-wrapper {
        position: relative;
    }

        .select-wrapper select {
            width: 100%;
            padding-right: 2rem;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: white;
        }


        .select-wrapper::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 0.875rem;
            transform: translateY(-50%);
            pointer-events: none;
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            border-top: .4em solid;
            border-right: .4em solid transparent;
            border-left: .4em solid transparent;
        }

select.form-control, select.form-control-sm, .modal-content :is(select) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.625rem 2rem 0.625rem 1rem;
    background-color: #fff !important;
    color: #667085;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    height: auto !important;
    background: url("data:image/svg+xml;utf8,<svg fill='black' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 0.625rem center;
    background-size: 1.25rem 1.25rem;
    cursor: pointer;
    font-size: 0.875rem;
}
.form-control:disabled {
    background-color: var(--bs-secondary-bg) !important;
}
    .input-group:has(.far) {
        border: 1px solid #efefef !important;
        border-radius: 8px !important;
        box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    }

    .input-group :is(.form-control) {
        border: none !important;
        box-shadow: none !important;
    }

.input-group :is(.far) {
    display: grid;
    place-content: center;
    padding: 0.625rem !important;
    cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
    accent-color: var(--theme-bg-darker);
}
.form-check-input:checked {
    background-color: var(--theme-bg-darker);
    border-color: var(--theme-bg-darker);
}
    .modal-content select,
    .modal-content input[type="text"],
    .modal-content input[type="number"] {
        width: 100% !important;
    }
.modal-content input.search-sm {
    padding: 0.375rem 0.625rem !important;
    font-size: 0.625rem;
}


    /* Override for .dataTables_length select */
    .dataTables_length select {
        width: auto !important;
    }

.modal-content .row {
    --gutter-x: 10px;
    margin-right: calc(-.5 * var(--gutter-x));
    margin-left: calc(-.5 * var(--gutter-x));
}

        .modal-content .row > * {
            padding-right: var(--gutter-x);
            padding-left: var(--gutter-x);
        }
.modal-title-icon {
    width: 1.5rem;
}


.modal-body {
    font-size: 0.875rem;
}

.btn-close {
    --bs-btn-close-color: var(--themeColor);
    font-size: 0.875rem;
    --bs-btn-close-focus-shadow:none;
}

.go-top-btn {
    color: #1F3A8A;
    font-size: var(--btn-font-size);
    font-weight: 500;
    font-family: "Lora", serif;
    text-decoration: none;
}

    .theme-text {
        color: var(--themeColor) !important;
    }
.text-primary {
    color: var(--themeColor) !important;
}
.theme-lighter {
    color: var(--themeLighterColor) !important;
}

    .dark-text {
        color: #363f50 !important;
    }

.text-muted {
   
    --bs-secondary-color: #31405D;
}
    /*Modal Popup css*/
.modal-header {
    font-family: "Lora", serif;
    color: var(--themeColor) !important;
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
    border-bottom: 1px solid #F7F7F7;
    background-color: transparent !important;
    font-size: 1rem;
    align-items: center;
}

    .modal-header .close {
        margin: 0 0 -1rem auto;
        color: #797979;
        font-weight: normal;
        font-size: 2rem;
        padding: 0;
        opacity: 1;
    }
    .modal-header .h3 {
        font-size: inherit;
        margin: 0;
    }
 
    .modal-content {
        border-radius: calc(0.5rem - 1px);
    }
.modal.modal-backdrop {
    overflow:auto;
}
.form-box {
    max-width: 32rem;
}

.cms-comtent {
    font-size: 0.875rem;
}

    .cms-comtent :is(h1, h2,h3) {
        font-size: 1.25rem;
        margin-block-end: 0;
        padding: 0.625rem 0;
    }

.footer-wrapper {
    font-size: 0.75rem;
    font-weight: 400;
    border-top: 1px solid #E8E8E8;
    padding-top: 1rem;
    margin: var(--content-wrapper);
    color: #667085;
}

        .footer-wrapper .PurpleAnchor {
            color: var(--themeColor) !important;
        }

        .footer-wrapper .footer-link {
            padding: 0.5rem 1rem;
            color: #667085;
            text-decoration:none;
        }


    .PurpleAnchor {
        color: var(--themeColor) !important;
    }


    .has-error {
        border-color: red !important;
    }

    .radio-error {
        outline: 1px solid red;
    }

.nav-tabs {
    border-bottom: none !important;
    margin-bottom: -1px;
    padding: 0px 1.875rem;
    font-weight: 500;
    font-family: var(--btn-fonts);
}

        .nav-tabs .nav-link {
            padding: 0.625rem 1.875rem;
        }

        .nav-tabs .nav-link {
            border: 1px solid transparent;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-top-left-radius: 0.75rem;
            border-top-right-radius: 0.75rem;
        }

.tab-content .tab-pane {
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    margin-bottom: 0.625rem;
    border-radius: 0.75rem;
    padding:var(--card-padding)!important;
}
.cookie-message {
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 999;
    opacity:0.9;
}
.ml-auto {
    margin-left:auto;
}
.modal-content .card-header {

    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    background-color: transparent !important;
}
.max-w-220 {
   width:15rem !important;
   
}
[onclick] {
    cursor: pointer !important;
}

.form-group {
    margin-bottom: 1rem;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }

.float-right {
    float: right;
}
.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--theme-bg-darker);
}
@media screen and (max-width: 1440px) {
    .footer-wrapper .footer-link {
        padding: 0.5rem 0.625rem;
    }
    .block-box {
        --card-padding: 1rem;
    }
    .flex-nowrap .card {
        --card-padding: 1rem;
    }
  
}
@media (min-width: 1200px) and (max-width:1399px) {
    :root {
        --bs-base-font-size: 12px;
    }
}
@media (min-width: 1400px) and (max-width: 1920px) {
    :root {
        --bs-base-font-size: 14px;
    }
}
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        :root {
           /* --bs-base-font-size: clamp(0.625rem, 0.625rem + 0.5vw, 0.75rem);*/
        }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) {
        :root {
            --bs-base-font-size: clamp(0.5rem, 0.5rem + 0.5vw, 0.65rem)
        }
}