:root {
    /* Primary Colors */
    --color-default: #133327;
    --color-default-hover: #194333;
    --color-primary-400: #11fdb6;
    --color-primary: #1CD199;
    --color-primary-600: #198764;
    --color-primary-active: #11fdb6;

    /* Secondary Colors */
    --color-secondary: #FF9700;
    --color-secondary-hover: #985a0e;
    --color-alt: #FFF5E6;

    /* Monochrome */
    --color-dark: #1f2937;
    --color-black: #000000;
    --color-black-2: #111827;
    --color-white: #ffffff;

    /* Gray Scale */
    --color-gray: rgba(0, 0, 0, 0.2);
    --color-gray2: #9ca3af;
    --color-gray3: #d1d5db;
    --color-gray4: #e5e7eb;
    --color-gray5: #f3f4f6;
    --color-gray-disabled: #9ca3af;
    --color-light-gray: #f9fafb;
    --color-gray-ui: #f3f4f6;

    /* Status Colors */
    --color-error: #ef4444;
    --color-red: #ef4444;
    --color-error2: #dc2626;
    --color-success: #10b981;
    --color-green: #A5FF43;
    --color-pink: #ec4899;

    /* Shadows */
    --shadow1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow2: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* ##### KLASY POMOCNICZE ##### */
.radius-5, .b-radius-5 {border-radius: 5px;}
.radius-15 {border-radius: 15px;}
.radius-20 {border-radius: 20px;}
.radius-30 {border-radius: 30px;}
.radius-45 {border-radius: 45px;}
.b-r-l-0 {border-radius: 0 4px 4px 0 !important}
.overflow-hidden {overflow: hidden;}
.overflow-x-hidden {overflow-x: hidden;}
.overflow-auto {overflow: auto;}
.cursor-pointer {cursor: pointer}
.ls-025{letter-spacing: 0.25px;}
.ls-0{letter-spacing: 0 !important}

.ff-main { font-family: 'Montserrat', sans-serif;}
.ff-alt { font-family: 'Montserrat', sans-serif;}

.fa-2x {vertical-align: -15% !important;}

.wrap {overflow: hidden;}
.flex-center{display: flex !important; align-items: center !important; justify-content: center !important;}
.object-fit-cover{object-fit: cover; width: 100%; height: 100%;}
.fit-cover-image-inside{height: 100%;}
.fit-cover-image-inside img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex-center-y{display: flex; align-items: center}

.fw-300, .fw-light {font-weight: 300 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-400, .fw-normal {font-weight: normal !important;}
.fw-500 {font-weight: 500 !important;}
.fw-700, .fw-bold {font-weight: bold !important;}
.fw-800 {font-weight: 800 !important;}
.fw-900 {font-weight: 900 !important;}
.tt-uppercase {text-transform: uppercase !important;}
.tt-lowercase {text-transform: lowercase !important;}
.tt-capitalize {text-transform: lowercase !important;}
.tt-capitalize:first-letter {text-transform: uppercase !important;}
.tt-none {text-transform: none !important;}
.fs-italic {font-style: italic !important;}

.clear {clear: both !important;}
.m-center {margin: 0 auto; float: none !important;}
.full {width: 100% !important;}
.w-auto {width: auto !important;}
.h-100 {height: 100% !important;}
.no-wrap {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fixed {position: fixed;}
.vh100 {min-height: 100vh}
.full-height {height: calc(100vh - 59px);}
.max-full-height {max-height: calc(100vh - 59px);}
.min-full-height {min-height: calc(100vh - 59px);}
.lh-1-2 {line-height: 1.2}
.text-link, .link-inherit, .link-inherit-wraper a {text-decoration: underline !important; color: inherit !important;}
.text-link:hover, .link-inherit:hover, .link-inherit-wraper a:hover {text-decoration: none !important;}

.t-underline {text-decoration: underline;}
.link-underline-wraper a {text-decoration: underline;}
.link-underline-wraper a:hover, .link-underline-wraper a:focus {text-decoration: none;}

.table-wrapper {overflow-y: auto; width: 100%;}
.table-fixed {table-layout: fixed;}
.table-hover tbody tr {cursor: pointer;}
.table-hover tbody tr:hover td {background: #f4fbff;}
.table-no-cell-borders td, .table-no-cell-borders th {border: 0 !important;}

.cr-poitner, [data-target], [data-src]:not(img), [onclick] {cursor: pointer !important;}
.cr-default {cursor: default !important;}

.obj-fit-cover {
    object-fit: cover;
    height: 100%;
}

.fade {opacity: 0; transition: opacity .15s linear;}
.fade.show {opacity: 1;}
.collapse:not(.show) {display: none;}
.collapsing {position: relative; height: 0; overflow: hidden; transition: height .35s ease;}

.position-absolute, .p-absolute {position: absolute !important;}
.position-relative, .p-relative, .bx-rel {position: relative !important;}
.position-static, .p-static {position: static !important;}
.position-fixed, .p-fixed {position: fixed !important;}
.position-inherit, .p-inherit {position: inherit !important;}

.z-1 {z-index: 1;}
.z-2 {z-index: 2;}
.z-3 {z-index: 3;}
.z-4 {z-index: 4;}
.z-5 {z-index: 5;}
.z-6 {z-index: 6;}
.z-7 {z-index: 7;}
.z-8 {z-index: 8;}
.z-9 {z-index: 9;}
.z-10 {z-index: 10;}

[class*='transform-center'], .preloader-in2 .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.transform-center-x {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.transform-center-y {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.transform-50 {transform: translate(-50%, -50%);}
.transform-50-y {transform: translateY(-50%);}
.transform-50-x {transform: translateX(-50%);}

.img-max-auto img {
    max-width: 100% !important;
    height: auto !important;
}


/* ##### TEXT COLORS ##### */
.color-inherit {color: inherit !important;}
.color-default {color: var(--color-default) !important;}
.color-default-hover {color: var(--color-default-hover) !important;}
.color-primary-400 {color: var(--color-primary-400) !important;}
.color-primary {color: var(--color-primary) !important;}
.color-primary-600 {color: var(--color-primary-600) !important;}
.color-gray {color: var(--color-gray) !important;}
.color-gray-ui {color: var(--color-gray-ui) !important;}

.color-secondary {color: var(--color-secondary) !important;}
.color-secondary-hover {color: var(--color-secondary-hover) !important;}
.color-alt {color: var(--color-alt) !important;}
.color-dark {color: var(--color-dark) !important;}
.color-black {color: var(--color-black) !important;}
.color-black-2 {color: var(--color-black-2) !important;}
.color-white {color: var(--color-white) !important;}
.color-red {color: var(--color-red) !important;}

.color-gray2 {color: var(--color-gray2) !important;}
.color-gray3 {color: var(--color-gray3) !important;}
.color-gray4 {color: var(--color-gray4) !important;}
.color-gray-disabled {color: var(--color-gray-disabled) !important;}
.color-light-gray {color: var(--color-light-gray) !important;}
.color-error {color: var(--color-error) !important;}
.color-error2 {color: var(--color-error2) !important;}
.color-success {color: var(--color-success) !important;}
.color-green {color: var(--color-green) !important;}
.color-pink {color: var(--color-pink) !important;}

/* Hover effects for interactive elements */
a[class*='color-']:hover,
a[class*='color-']:focus,
[data-target][class*='color-']:hover,
[data-src][class*='color-']:hover {opacity: 0.6;}

/* ##### BACKGROUND COLORS ##### */
.bg-default {background-color: var(--color-default) !important;}
.bg-primary {background-color: var(--color-primary) !important;}
.bg-primary-light {background-color: #dfe3e6 !important;}
.bg-primary-600 {background-color: var(--color-primary-600) !important;}
.bg-primary-400 {background-color: var(--color-primary-400) !important;}
.bg-primary-active {background-color: var(--color-primary-active) !important;}
.bg-black {background-color: var(--color-black) !important;}
.bg-alt {background-color: var(--color-alt) !important;}
.bg-secondary {background-color: var(--color-secondary) !important;}
.bg-white {background-color: var(--color-white) !important;}
.bg-gray {background-color: var(--color-gray) !important;}
.bg-gray2 {background-color: var(--color-gray2) !important;}
.bg-gray3 {background-color: var(--color-gray3) !important;}
.bg-gray4 {background-color: var(--color-gray4) !important;}
.bg-gray5 {background-color: var(--color-gray5) !important;}
.bg-light-gray {background-color: var(--color-light-gray) !important;}
.bg-gray-ui {background-color: var(--color-gray-ui) !important;}
.bg-green {background-color: var(--color-green) !important;}

.bg-pink {background-color: var(--color-pink) !important;}
.bg-success {background-color: var(--color-success) !important;}
.bg-error {background-color: var(--color-error) !important;}

/* ##### BOX-SHADOW ##### */
.box-shadow-0, .bx-sh-0 {box-shadow: none !important;}
.box-shadow-1, .bx-sh-1 {box-shadow: var(--shadow1) !important;}
.box-shadow-2, .bx-sh-2 {box-shadow: var(--shadow2) !important;}

/* ##### BX-SCROLL ##### */
.bx-scroll-y {
    overflow: hidden;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
.bx-scroll-x {
    overflow: hidden;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
[class*='bx-scroll-']::-webkit-scrollbar, .table-wrapper::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
[class*='bx-scroll-']::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #999;
    -webkit-border-radius: 4px;
    outline: 2px solid #f1f1f1;
    outline-offset: -2px;
    border: 2px solid #f1f1f1;
}
[class*='bx-scroll-']::-webkit-scrollbar-track-piece, .table-wrapper::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    -webkit-border-radius: 0;
}

[class*='bx-scroll-'].scroll-white::-webkit-scrollbar-thumb {border-radius: 0;}
[class*='bx-scroll-'].scroll-white::-webkit-scrollbar {width: 6px; height: 6px;}
[class*='bx-scroll-'].scroll-white::-webkit-scrollbar-thumb {background-color: #fff; outline: none; border: none;}
[class*='bx-scroll-'].scroll-white::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, .2);}

/* ##### ALERT ##### */
.alert {
    padding: 10px;
    border: 1px solid transparent;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 20px;
}

.alert.fixed {
    position: fixed;
    z-index: 10000;
    width: 300px;
    font-size: 14px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -50px;
    margin-bottom: 0;
}

.alert p a {text-decoration: underline;}
.alert p a:hover {text-decoration: none;}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-success a {color: #3c763d !important;}

.alert-info {
    color: var(--color-primary);
    border-color: var(--color-primary-400);
    overflow: hidden;
}

.alert-info a {
    color: var(--color-primary) !important;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-warning a {color: #8a6d3b !important;}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-danger a {color: #a94442 !important;}

/* ##### FLOAT & ALIGN ##### */
.fl {float: left !important;}
.fr {float: right !important;}

.t-center, .text-center {text-align: center !important;}
.t-right, .text-right {text-align: right !important;}
.t-left, .text-left {text-align: left !important;}
.t-justify, .text-justify {text-align: justify !important;}

/* ##### WIDTH ##### */
.w-inherit {width: inherit !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-33 {width: 33% !important;}
.w-50 {width: 50% !important;}
.w-60 {width: 60% !important;}
.w-66 {width: 66.6% !important;}
.w-75 {width: 75% !important;}
.w-100 {width: 100% !important;}
.mw-xl{max-width: 1536px !important}
.mw-33{max-width: 33% !important}

/* ##### GAP ##### */
.gap-0 {gap: 0 !important;}
.gap-1 {gap: 1px !important;}
.gap-5 {gap: 5px !important;}
.gap-10 {gap: 10px !important;}
.gap-15 {gap: 15px !important;}
.gap-20 {gap: 20px !important;}
.gap-30 {gap: 30px !important;}
.gap-40 {gap: 40px !important;}
.gap-50 {gap: 50px !important;}


/* ##### MARGIN & PADDING ##### */
.mx-auto {margin-left: auto !important; margin-right: auto !important;}
.m-0, .nom {margin: 0 !important;}
.m-1 {margin: 1px !important;}
.m-2 {margin: 2px !important;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-30 {margin: 30px !important;}
.m-40 {margin: 40px !important;}
.m-50 {margin: 50px !important;}
.m-60 {margin: 60px !important;}
.m-70 {margin: 70px !important;}

.mt-0, .nom-t {margin-top: 0 !important;}
.mt-1 {margin-top: 1px !important;}
.mt-2 {margin-top: 2px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-8 {margin-top: 8px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-16 {margin-top: 16px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-44 {margin-top: 44px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-100 {margin-top: 100px !important;}

.mr-0, .nom-r {margin-right: 0 !important;}
.mr-1 {margin-right: 1px !important;}
.mr-2 {margin-right: 2px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-8 {margin-right: 8px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-16 {margin-right: 16px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-24 {margin-right: 24px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-32 {margin-right: 32px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-60 {margin-right: 60px !important;}
.mr-70 {margin-right: 70px !important;}

.ml-0, .nom-l {margin-left: 0 !important;}
.ml-1 {margin-left: 1px !important;}
.ml-2 {margin-left: 2px !important;}
.ml-4 {margin-left: 4px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-8 {margin-left: 8px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-32 {margin-left: 32px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-70 {margin-left: 70px !important;}

.mb-0, .nom-b {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1px !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-3 {margin-bottom: 3px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-8 {margin-bottom: 8px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-12 {margin-bottom: 12px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-16 {margin-bottom: 16px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-29 {margin-bottom: 29px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-100 {margin-bottom: 100px !important;}

.my-0 {margin-bottom: 0 !important; margin-top: 0 !important;}
.my-2 {margin-bottom: 2px !important; margin-top:  2px !important;}
.my-3 {margin-bottom: 3px !important; margin-top:3px !important;}
.my-4 {margin-bottom: 4px !important; margin-top:4px !important;}
.my-5 {margin-bottom: 5px !important; margin-top: 5px !important;}
.my-8 {margin-bottom: 8px !important; margin-top: 8px !important;}
.my-10 {margin-bottom: 10px !important; margin-top: 10px !important;}
.my-15 {margin-bottom: 15px !important; margin-top: 15px !important;}
.my-16 {margin-bottom: 16px !important; margin-top: 16px !important;}
.my-20 {margin-bottom: 20px !important; margin-top: 20px !important;}
.my-30 {margin-bottom: 30px !important; margin-top: 30px !important;}
.my-40 {margin-bottom: 40px !important; margin-top: 40px !important;}
.my-50 {margin-bottom: 50px !important; margin-top: 50px !important;}
.my-60 {margin-bottom: 60px !important; margin-top: 60px !important;}
.my-80 {margin-bottom: 80px !important; margin-top: 80px !important;}

.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.mx-5 {margin-left: 5px !important; margin-right: 5px !important;}
.mx-10 {margin-left: 10px !important; margin-right: 10px !important;}
.mx-15 {margin-left: 15px !important; margin-right: 15px !important;}
.mx-20 {margin-left: 20px !important; margin-right: 20px !important;}
.mx-30 {margin-left: 30px !important; margin-right: 30px !important;}
.mx-40 {margin-left: 40px !important; margin-right: 40px !important;}
.mx-50 {margin-left: 50px !important; margin-right: 50px !important;}
.mx-60 {margin-left: 60px !important; margin-right: 60px !important;}

.m-auto {margin: auto;}
.ml-auto {margin-left: auto !important;}
.mr-auto {margin-right: auto;}
.mt-auto {margin-top: auto !important;}
.mb-auto {margin-bottom: auto;}

.p-0, .nop {padding: 0 !important;}
.p-2 {padding: 2px !important;}
.p-5 {padding: 5px !important;}
.p-7 {padding: 7.5px !important;}
.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-16 {padding: 16px !important;}
.p-20 {padding: 20px !important;}
.p-25 {padding: 25px !important;}
.p-30 {padding: 30px !important;}
.p-40 {padding: 40px !important;}
.p-50 {padding: 50px !important;}
.p-60 {padding: 60px !important;}
.p-60 {padding: 80px !important;}
.p-80 {padding: 80px !important;}

.pt-0, .nop-t {padding-top: 0 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-8 {padding-top: 8px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-80 {padding-top: 80px !important;}

.pr-0, .nop-r {padding-right: 0 !important;}
.pr-4 {padding-right: 4px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-60 {padding-right: 60px !important;}
.pr-100 {padding-right: 100px !important;}

.pl-0, .nop-l {padding-left: 0 !important;}
.pl-4 {padding-left: 4px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-60 {padding-left: 60px !important;}

.pb-0, .nop-b {padding-bottom: 0 !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-8 {padding-bottom: 8px !important;}
.pb-12 {padding-bottom: 12px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-80 {padding-bottom: 80px !important;}

.py-0 {padding-bottom: 0 !important; padding-top: 0 !important;}
.py-5 {padding-bottom: 5px !important; padding-top: 5px !important;}
.py-7 {padding-bottom: 7px !important; padding-top: 7px !important;}
.py-8 {padding-bottom: 8px !important; padding-top:8px !important;}
.py-10 {padding-bottom: 10px !important; padding-top: 10px !important;}
.py-15 {padding-bottom: 15px !important; padding-top: 15px !important;}
.py-16 {padding-bottom: 15px !important; padding-top: 16px !important;}
.py-20 {padding-bottom: 20px !important; padding-top: 20px !important;}
.py-30 {padding-bottom: 30px !important; padding-top: 30px !important;}
.py-35 {padding-bottom: 35px !important; padding-top: 35px !important;}
.py-40 {padding-bottom: 40px !important; padding-top: 40px !important;}
.py-50 {padding-bottom: 50px !important; padding-top: 50px !important;}
.py-60 {padding-bottom: 60px !important; padding-top: 60px !important;}
.py-100 {padding-bottom: 100px !important; padding-top: 100px !important;}

.px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.px-5 {padding-left: 5px !important; padding-right: 5px !important;}
.px-10 {padding-left: 10px !important; padding-right: 10px !important;}
.px-15 {padding-left: 15px !important; padding-right: 15px !important;}
.px-16 {padding-left: 16px !important; padding-right: 16px !important;}
.px-20 {padding-left: 20px !important; padding-right: 20px !important;}
.px-24 {padding-left: 24px !important; padding-right: 24px !important;}
.px-25 {padding-left: 25px !important; padding-right: 25px !important;}
.px-30 {padding-left: 30px !important; padding-right: 30px !important;}
.px-32 {padding-left: 32px !important; padding-right: 32px !important;}
.px-40 {padding-left: 40px !important; padding-right: 40px !important;}
.px-50 {padding-left: 50px !important; padding-right: 50px !important;}
.px-60 {padding-left: 60px !important; padding-right: 60px !important;}
.px-100 {padding-left: 100px !important; padding-right: 100px !important;}

/* ##### FONT SIZE ##### */
.fs-small, .fs-small  p{font-size: 12px !important;}
.fs-normal, .fs-normal  p {font-size: 14px !important;}
.fs-big, .fs-big p {font-size: 18px !important;}
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-18 {font-size: 18px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 {font-size: 22px !important;}
.fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}
.fs-28 {font-size: 28px !important;}
.fs-30 {font-size: 30px !important;}
.fs-32 {font-size: 32px !important;}
.fs-36 {font-size: 36px !important;}
.fs-40 {font-size: 40px !important;}
.fs-50 {font-size: 50px !important;}
.fs-60 {font-size: 60px !important;}
.fs-85 {font-size: 85px !important;}
.fs-100 {font-size: 100px !important;}

.fs-1-00rem{font-size: 1rem !important }
.fs-1-42rem{font-size: 1.14286rem !important }
.fs-1-57rem{font-size: 1.57143rem !important }


/* ##### BORDERS ##### */
.br {border: 1px solid var(--color-default) !important;}
.brt {border-top: 1px solid var(--color-default) !important;}
.brr {border-right: 1px solid var(--color-default) !important;}
.brb {border-bottom: 1px solid var(--color-default) !important;}
.brl {border-left: 1px solid var(--color-default) !important;}

.br-none {border: none !important;}
.brt-none {border-top: none !important;}
.brr-none {border-right: none !important;}
.brb-none {border-bottom: none !important;}
.brl-none {border-left: none !important;}

.outline-none, .outline-none:focus {outline: none !important;}

@media (min-width: 478px) {
    /* ##### FLOAT & ALIGN ##### */
    .fl-xs {float: left !important;}
    .fr-xs {float: right !important;}

    .t-xs-center, .text-xs-center {text-align: center !important;}
    .t-xs-right, .text-xs-right {text-align: right !important;}
    .t-xs-left, .text-xs-left {text-align: left !important;}
    .t-xs-justify, .text-xs-justify {text-align: justify !important;}

    /* ##### WIDTH ##### */
    .w-xs-inherit {width: inherit !important;}
    .w-xs-25 {width: 25% !important;}
    .w-xs-50 {width: 50% !important;}
    .w-xs-75 {width: 75% !important;}
    .w-xs-100 {width: 100% !important;}

    /* ##### GAP ##### */
    .gap-xs-0 {gap: 0 !important;}
    .gap-xs-1 {gap: 1px !important;}
    .gap-xs-5 {gap: 5px !important;}
    .gap-xs-10 {gap: 10px !important;}
    .gap-xs-15 {gap: 15px !important;}
    .gap-xs-20 {gap: 20px !important;}
    .gap-xs-30 {gap: 30px !important;}
    .gap-xs-40 {gap: 40px !important;}
    .gap-xs-50 {gap: 50px !important;}

    /* ##### MARGIN & PADDING ##### */
    .m-xs-0, .nom-xs {margin: 0 !important;}
    .m-xs-1 {margin: 1px !important;}
    .m-xs-2 {margin: 2px !important;}
    .m-xs-5 {margin: 5px !important;}
    .m-xs-10 {margin: 10px !important;}
    .m-xs-15 {margin: 15px !important;}
    .m-xs-20 {margin: 20px !important;}
    .m-xs-30 {margin: 30px !important;}
    .m-xs-40 {margin: 40px !important;}
    .m-xs-50 {margin: 50px !important;}
    .m-xs-60 {margin: 60px !important;}

    .mt-xs-0 {margin-top: 0 !important;}
    .mt-xs-1 {margin-top: 1px !important;}
    .mt-xs-2 {margin-top: 2px !important;}
    .mt-xs-5 {margin-top: 5px !important;}
    .mt-xs-10 {margin-top: 10px !important;}
    .mt-xs-15 {margin-top: 15px !important;}
    .mt-xs-20 {margin-top: 20px !important;}
    .mt-xs-30 {margin-top: 30px !important;}
    .mt-xs-40 {margin-top: 40px !important;}
    .mt-xs-50 {margin-top: 50px !important;}
    .mt-xs-60 {margin-top: 60px !important;}

    .mr-xs-0 {margin-right: 0 !important;}
    .mr-xs-1 {margin-right: 1px !important;}
    .mr-xs-2 {margin-right: 2px !important;}
    .mr-xs-5 {margin-right: 5px !important;}
    .mr-xs-10 {margin-right: 10px !important;}
    .mr-xs-15 {margin-right: 15px !important;}
    .mr-xs-20 {margin-right: 20px !important;}
    .mr-xs-30 {margin-right: 30px !important;}
    .mr-xs-40 {margin-right: 40px !important;}
    .mr-xs-50 {margin-right: 50px !important;}
    .mr-xs-60 {margin-right: 60px !important;}

    .ml-xs-0 {margin-left: 0 !important;}
    .ml-xs-1 {margin-left: 1px !important;}
    .ml-xs-2 {margin-left: 2px !important;}
    .ml-xs-5 {margin-left: 5px !important;}
    .ml-xs-10 {margin-left: 10px !important;}
    .ml-xs-15 {margin-left: 15px !important;}
    .ml-xs-20 {margin-left: 20px !important;}
    .ml-xs-30 {margin-left: 30px !important;}
    .ml-xs-40 {margin-left: 40px !important;}
    .ml-xs-50 {margin-left: 50px !important;}
    .ml-xs-60 {margin-left: 60px !important;}

    .mb-xs-0 {margin-bottom: 0 !important;}
    .mb-xs-1 {margin-bottom: 1px !important;}
    .mb-xs-2 {margin-bottom: 2px !important;}
    .mb-xs-5 {margin-bottom: 5px !important;}
    .mb-xs-10 {margin-bottom: 10px !important;}
    .mb-xs-15 {margin-bottom: 15px !important;}
    .mb-xs-20 {margin-bottom: 20px !important;}
    .mb-xs-30 {margin-bottom: 30px !important;}
    .mb-xs-40 {margin-bottom: 40px !important;}
    .mb-xs-50 {margin-bottom: 50px !important;}
    .mb-xs-60 {margin-bottom: 60px !important;}
    .mb-xs-100 {margin-bottom: 100px !important;}

    .my-xs-0 {margin-bottom: 0 !important; margin-top: 0 !important;}
    .my-xs-5 {margin-bottom: 5px !important; margin-top: 5px !important;}
    .my-xs-10 {margin-bottom: 10px !important; margin-top: 10px !important;}
    .my-xs-15 {margin-bottom: 15px !important; margin-top: 15px !important;}
    .my-xs-20 {margin-bottom: 20px !important; margin-top: 20px !important;}
    .my-xs-30 {margin-bottom: 30px !important; margin-top: 30px !important;}
    .my-xs-40 {margin-bottom: 40px !important; margin-top: 40px !important;}
    .my-xs-50 {margin-bottom: 50px !important; margin-top: 50px !important;}
    .my-xs-60 {margin-bottom: 60px !important; margin-top: 60px !important;}

    .p-xs-0 {padding: 0 !important;}
    .p-xs-5 {padding: 5px !important;}
    .p-xs-10 {padding: 10px !important;}
    .p-xs-15 {padding: 15px !important;}
    .p-xs-20 {padding: 20px !important;}
    .p-xs-30 {padding: 30px !important;}
    .p-xs-40 {padding: 40px !important;}
    .p-xs-50 {padding: 50px !important;}
    .p-xs-60 {padding: 60px !important;}

    .pt-xs-0 {padding-top: 0 !important;}
    .pt-xs-5 {padding-top: 5px !important;}
    .pt-xs-10 {padding-top: 10px !important;}
    .pt-xs-15 {padding-top: 15px !important;}
    .pt-xs-20 {padding-top: 20px !important;}
    .pt-xs-30 {padding-top: 30px !important;}
    .pt-xs-40 {padding-top: 40px !important;}
    .pt-xs-50 {padding-top: 50px !important;}
    .pt-xs-60 {padding-top: 60px !important;}

    .pr-xs-0 {padding-right: 0 !important;}
    .pr-xs-5 {padding-right: 5px !important;}
    .pr-xs-10 {padding-right: 10px !important;}
    .pr-xs-15 {padding-right: 15px !important;}
    .pr-xs-20 {padding-right: 20px !important;}
    .pr-xs-30 {padding-right: 30px !important;}
    .pr-xs-40 {padding-right: 40px !important;}
    .pr-xs-50 {padding-right: 50px !important;}
    .pr-xs-60 {padding-right: 60px !important;}

    .pl-xs-0 {padding-left: 0 !important;}
    .pl-xs-5 {padding-left: 5px !important;}
    .pl-xs-10 {padding-left: 10px !important;}
    .pl-xs-15 {padding-left: 15px !important;}
    .pl-xs-20 {padding-left: 20px !important;}
    .pl-xs-30 {padding-left: 30px !important;}
    .pl-xs-40 {padding-left: 40px !important;}
    .pl-xs-50 {padding-left: 50px !important;}
    .pl-xs-60 {padding-left: 60px !important;}

    .pb-xs-0 {padding-bottom: 0 !important;}
    .pb-xs-5 {padding-bottom: 5px !important;}
    .pb-xs-10 {padding-bottom: 10px !important;}
    .pb-xs-15 {padding-bottom: 15px !important;}
    .pb-xs-20 {padding-bottom: 20px !important;}
    .pb-xs-30 {padding-bottom: 30px !important;}
    .pb-xs-40 {padding-bottom: 40px !important;}
    .pb-xs-50 {padding-bottom: 50px !important;}
    .pb-xs-60 {padding-bottom: 60px !important;}

    .px-xs-0 {padding-left: 0 !important; padding-right: 0 !important;}
    .px-xs-5 {padding-left: 5px !important; padding-right: 5px !important;}
    .px-xs-10 {padding-left: 10px !important; padding-right: 10px !important;}
    .px-xs-15 {padding-left: 15px !important; padding-right: 15px !important;}
    .px-xs-20 {padding-left: 20px !important; padding-right: 20px !important;}
    .px-xs-24 {padding-left: 24px !important; padding-right: 24px !important;}
    .px-xs-30 {padding-left: 30px !important; padding-right: 30px !important;}
    .px-xs-40 {padding-left: 40px !important; padding-right: 40px !important;}
    .px-xs-50 {padding-left: 50px !important; padding-right: 50px !important;}
    .px-xs-60 {padding-left: 60px !important; padding-right: 60px !important;}
    .px-xs-100 {padding-left: 100px !important; padding-right: 100px !important;}

    .fs-xs-10 {font-size: 10px !important;}
    .fs-xs-11 {font-size: 11px !important;}
    .fs-xs-12 {font-size: 12px !important;}
    .fs-xs-13 {font-size: 13px !important;}
    .fs-xs-14 {font-size: 14px !important;}
    .fs-xs-15 {font-size: 15px !important;}
    .fs-xs-16 {font-size: 16px !important;}
    .fs-xs-17 {font-size: 17px !important;}
    .fs-xs-18 {font-size: 18px !important;}
    .fs-xs-19 {font-size: 19px !important;}
    .fs-xs-20 {font-size: 20px !important;}
    .fs-xs-21 {font-size: 21px !important;}
    .fs-xs-22 {font-size: 22px !important;}
    .fs-xs-23 {font-size: 23px !important;}
    .fs-xs-24 {font-size: 24px !important;}
    .fs-xs-26 {font-size: 26px !important;}
    .fs-xs-28 {font-size: 28px !important;}
    .fs-xs-30 {font-size: 30px !important;}
    .fs-xs-32 {font-size: 32px !important;}
    .fs-xs-36 {font-size: 36px !important;}
    .fs-xs-40 {font-size: 40px !important;}
    .fs-xs-50 {font-size: 48px !important;}
    .fs-xs-60 {font-size: 60px !important;}

    /* ##### BORDERS ##### */
    .br-xs {border: 1px solid #202020 !important;}
    .brt-xs {border-top: 1px solid #202020 !important;}
    .brr-xs {border-right: 1px solid #202020 !important;}
    .brb-xs {border-bottom: 1px solid #202020 !important;}
    .brl-xs {border-left: 1px solid #202020 !important;}

    .br-xs-none {border: none !important;}
    .brt-xs-none {border-top: none !important;}
    .brr-xs-none {border-right: none !important;}
    .brb-xs-none {border-bottom: none !important;}
    .brl-xs-none {border-left: none !important;}
}

@media (min-width: 576px) {
    /* ##### FLOAT & ALIGN ##### */
    .fl-sm {float: left !important;}
    .fr-sm {float: right !important;}

    .t-sm-center, .text-sm-center {text-align: center !important;}
    .t-sm-right, .text-sm-right {text-align: right !important;}
    .t-sm-left, .text-sm-left {text-align: left !important;}
    .t-sm-justify, .text-sm-justify {text-align: justify !important;}

    /* ##### WIDTH ##### */
    .w-sm-inherit {width: inherit !important;}
    .w-sm-25 {width: 25% !important;}
    .w-sm-50 {width: 50% !important;}
    .w-sm-75 {width: 75% !important;}
    .w-sm-100 {width: 100% !important;}

    /* ##### GAP ##### */
    .gap-sm-0 {gap: 0 !important;}
    .gap-sm-1 {gap: 1px !important;}
    .gap-sm-5 {gap: 5px !important;}
    .gap-sm-10 {gap: 10px !important;}
    .gap-sm-15 {gap: 15px !important;}
    .gap-sm-20 {gap: 20px !important;}
    .gap-sm-30 {gap: 30px !important;}
    .gap-sm-40 {gap: 40px !important;}
    .gap-sm-50 {gap: 50px !important;}

    /* ##### MARGIN & PADDING ##### */
    .m-sm-0, .nom-sm {margin: 0 !important;}
    .m-sm-1 {margin: 1px !important;}
    .m-sm-2 {margin: 2px !important;}
    .m-sm-5 {margin: 5px !important;}
    .m-sm-10 {margin: 10px !important;}
    .m-sm-15 {margin: 15px !important;}
    .m-sm-20 {margin: 20px !important;}
    .m-sm-30 {margin: 30px !important;}
    .m-sm-40 {margin: 40px !important;}
    .m-sm-50 {margin: 50px !important;}
    .m-sm-60 {margin: 60px !important;}
    .m-sm-70 {margin: 70px !important;}

    .mt-sm-0 {margin-top: 0 !important;}
    .mt-sm-1 {margin-top: 1px !important;}
    .mt-sm-2 {margin-top: 2px !important;}
    .mt-sm-5 {margin-top: 5px !important;}
    .mt-sm-10 {margin-top: 10px !important;}
    .mt-sm-15 {margin-top: 15px !important;}
    .mt-sm-20 {margin-top: 20px !important;}
    .mt-sm-30 {margin-top: 30px !important;}
    .mt-sm-40 {margin-top: 40px !important;}
    .mt-sm-50 {margin-top: 50px !important;}
    .mt-sm-60 {margin-top: 60px !important;}
    .mt-sm-70 {margin-top: 70px !important;}

    .mr-sm-0 {margin-right: 0 !important;}
    .mr-sm-1 {margin-right: 1px !important;}
    .mr-sm-2 {margin-right: 2px !important;}
    .mr-sm-5 {margin-right: 5px !important;}
    .mr-sm-10 {margin-right: 10px !important;}
    .mr-sm-15 {margin-right: 15px !important;}
    .mr-sm-20 {margin-right: 20px !important;}
    .mr-sm-30 {margin-right: 30px !important;}
    .mr-sm-40 {margin-right: 40px !important;}
    .mr-sm-50 {margin-right: 50px !important;}
    .mr-sm-60 {margin-right: 60px !important;}
    .mr-sm-70 {margin-right: 70px !important;}

    .ml-sm-0 {margin-left: 0 !important;}
    .ml-sm-1 {margin-left: 1px !important;}
    .ml-sm-2 {margin-left: 2px !important;}
    .ml-sm-5 {margin-left: 5px !important;}
    .ml-sm-10 {margin-left: 10px !important;}
    .ml-sm-15 {margin-left: 15px !important;}
    .ml-sm-20 {margin-left: 20px !important;}
    .ml-sm-30 {margin-left: 30px !important;}
    .ml-sm-40 {margin-left: 40px !important;}
    .ml-sm-50 {margin-left: 50px !important;}
    .ml-sm-60 {margin-left: 60px !important;}
    .ml-sm-70 {margin-left: 70px !important;}

    .mb-sm-0 {margin-bottom: 0 !important;}
    .mb-sm-1 {margin-bottom: 1px !important;}
    .mb-sm-2 {margin-bottom: 2px !important;}
    .mb-sm-5 {margin-bottom: 5px !important;}
    .mb-sm-10 {margin-bottom: 10px !important;}
    .mb-sm-15 {margin-bottom: 15px !important;}
    .mb-sm-20 {margin-bottom: 20px !important;}
    .mb-sm-30 {margin-bottom: 30px !important;}
    .mb-sm-40 {margin-bottom: 40px !important;}
    .mb-sm-50 {margin-bottom: 50px !important;}
    .mb-sm-60 {margin-bottom: 60px !important;}
    .mb-sm-70 {margin-bottom: 70px !important;}
    .mb-sm-100 {margin-bottom: 100px !important;}

    .m-sm-auto {margin: auto;}
    .ml-sm-auto {margin-left: auto;}
    .mr-sm-auto {margin-right: auto;}
    .mt-sm-auto {margin-top: auto;}
    .mb-sm-auto {margin-bottom: auto;}

    .p-sm-0 {padding: 0 !important;}
    .p-sm-5 {padding: 5px !important;}
    .p-sm-10 {padding: 10px !important;}
    .p-sm-15 {padding: 15px !important;}
    .p-sm-20 {padding: 20px !important;}
    .p-sm-25 {padding: 25px !important;}
    .p-sm-30 {padding: 30px !important;}
    .p-sm-40 {padding: 40px !important;}
    .p-sm-50 {padding: 50px !important;}
    .p-sm-60 {padding: 60px !important;}

    .pt-sm-0 {padding-top: 0 !important;}
    .pt-sm-5 {padding-top: 5px !important;}
    .pt-sm-10 {padding-top: 10px !important;}
    .pt-sm-15 {padding-top: 15px !important;}
    .pt-sm-20 {padding-top: 20px !important;}
    .pt-sm-30 {padding-top: 30px !important;}
    .pt-sm-40 {padding-top: 40px !important;}
    .pt-sm-50 {padding-top: 50px !important;}
    .pt-sm-60 {padding-top: 60px !important;}

    .pr-sm-0 {padding-right: 0 !important;}
    .pr-sm-5 {padding-right: 5px !important;}
    .pr-sm-10 {padding-right: 10px !important;}
    .pr-sm-15 {padding-right: 15px !important;}
    .pr-sm-20 {padding-right: 20px !important;}
    .pr-sm-30 {padding-right: 30px !important;}
    .pr-sm-40 {padding-right: 40px !important;}
    .pr-sm-50 {padding-right: 50px !important;}
    .pr-sm-60 {padding-right: 60px !important;}
    .pr-sm-120 {padding-right: 120px !important;}

    .pl-sm-0 {padding-left: 0 !important;}
    .pl-sm-5 {padding-left: 5px !important;}
    .pl-sm-10 {padding-left: 10px !important;}
    .pl-sm-15 {padding-left: 15px !important;}
    .pl-sm-20 {padding-left: 20px !important;}
    .pl-sm-30 {padding-left: 30px !important;}
    .pl-sm-40 {padding-left: 40px !important;}
    .pl-sm-50 {padding-left: 50px !important;}
    .pl-sm-60 {padding-left: 60px !important;}

    .pb-sm-0 {padding-bottom: 0 !important;}
    .pb-sm-5 {padding-bottom: 5px !important;}
    .pb-sm-10 {padding-bottom: 10px !important;}
    .pb-sm-15 {padding-bottom: 15px !important;}
    .pb-sm-20 {padding-bottom: 20px !important;}
    .pb-sm-30 {padding-bottom: 30px !important;}
    .pb-sm-40 {padding-bottom: 40px !important;}
    .pb-sm-50 {padding-bottom: 50px !important;}
    .pb-sm-60 {padding-bottom: 60px !important;}

    .px-sm-0 {padding-left: 0 !important; padding-right: 0 !important;}
    .px-sm-5 {padding-left: 5px !important; padding-right: 5px !important;}
    .px-sm-10 {padding-left: 10px !important; padding-right: 10px !important;}
    .px-sm-15 {padding-left: 15px !important; padding-right: 15px !important;}
    .px-sm-20 {padding-left: 20px !important; padding-right: 20px !important;}
    .px-sm-30 {padding-left: 30px !important; padding-right: 30px !important;}
    .px-sm-40 {padding-left: 40px !important; padding-right: 40px !important;}
    .px-sm-50 {padding-left: 50px !important; padding-right: 50px !important;}
    .px-sm-60 {padding-left: 60px !important; padding-right: 60px !important;}
    .px-sm-100 {padding-left: 100px !important; padding-right: 100px !important;}

    /* ##### FONT SIZE ##### */
    .fs-sm-10 {font-size: 10px !important;}
    .fs-sm-11 {font-size: 11px !important;}
    .fs-sm-12 {font-size: 12px !important;}
    .fs-sm-13 {font-size: 13px !important;}
    .fs-sm-14 {font-size: 14px !important;}
    .fs-sm-15 {font-size: 15px !important;}
    .fs-sm-16 {font-size: 16px !important;}
    .fs-sm-18 {font-size: 18px !important;}
    .fs-sm-20 {font-size: 20px !important;}
    .fs-sm-22 {font-size: 22px !important;}
    .fs-sm-24 {font-size: 24px !important;}
    .fs-sm-26 {font-size: 26px !important;}
    .fs-sm-28 {font-size: 28px !important;}
    .fs-sm-30 {font-size: 30px !important;}
    .fs-sm-36 {font-size: 36px !important;}
    .fs-sm-40 {font-size: 40px !important;}
    .fs-sm-50 {font-size: 50px !important;}
    .fs-sm-60 {font-size: 60px !important;}
    .fs-sm-85 {font-size: 85px !important;}
    .fs-sm-100 {font-size: 100px !important;}

    /* ##### BORDERS ##### */
    .br-sm {border: 1px solid var(--color-default) !important;}
    .brt-sm {border-top: 1px solid var(--color-default) !important;}
    .brr-sm {border-right: 1px solid var(--color-default) !important;}
    .brb-sm {border-bottom: 1px solid var(--color-default) !important;}
    .brl-sm {border-left: 1px solid var(--color-default) !important;}

    .br-sm-none {border: none !important;}
    .brt-sm-none {border-top: none !important;}
    .brr-sm-none {border-right: none !important;}
    .brb-sm-none {border-bottom: none !important;}
    .brl-sm-none {border-left: none !important;}
}

@media (min-width: 720px) {
    /* ##### FLOAT & ALIGN ##### */
    .fw-md-600{font-weight: 600 !important;}
    .min-h-md-260 {min-height: 260px;}
    .fl-md {float: left !important;}
    .fr-md {float: right !important;}

    .t-md-center, .text-md-center {text-align: center !important;}
    .t-md-right, .text-md-right {text-align: right !important;}
    .t-md-left, .text-md-left {text-align: left !important;}
    .t-md-justify, .text-md-justify {text-align: justify !important;}

    /* ##### WIDTH ##### */
    .w-md-inherit {width: inherit !important;}
    .w-md-25 {width: 25% !important;}
    .w-md-50 {width: 50% !important;}
    .w-md-75 {width: 75% !important;}
    .w-md-100 {width: 100% !important;}

    /* ##### GAP ##### */
    .gap-md-0 {gap: 0 !important;}
    .gap-md-1 {gap: 1px !important;}
    .gap-md-5 {gap: 5px !important;}
    .gap-md-10 {gap: 10px !important;}
    .gap-md-15 {gap: 15px !important;}
    .gap-md-20 {gap: 20px !important;}
    .gap-md-30 {gap: 30px !important;}
    .gap-md-40 {gap: 40px !important;}
    .gap-md-50 {gap: 50px !important;}

    /* ##### MARGIN & PADDING ##### */
    .m-md-0, .nom-md {margin: 0 !important;}
    .m-md-1 {margin: 1px !important;}
    .m-md-2 {margin: 2px !important;}
    .m-md-5 {margin: 5px !important;}
    .m-md-10 {margin: 10px !important;}
    .m-md-15 {margin: 15px !important;}
    .m-md-20 {margin: 20px !important;}
    .m-md-30 {margin: 30px !important;}
    .m-md-40 {margin: 40px !important;}
    .m-md-50 {margin: 50px !important;}
    .m-md-60 {margin: 60px !important;}
    .m-md-70 {margin: 70px !important;}

    .mt-md-0 {margin-top: 0 !important;}
    .mt-md-1 {margin-top: 1px !important;}
    .mt-md-2 {margin-top: 2px !important;}
    .mt-md-5 {margin-top: 5px !important;}
    .mt-md-10 {margin-top: 10px !important;}
    .mt-md-15 {margin-top: 15px !important;}
    .mt-md-20 {margin-top: 20px !important;}
    .mt-md-30 {margin-top: 30px !important;}
    .mt-md-40 {margin-top: 40px !important;}
    .mt-md-50 {margin-top: 50px !important;}
    .mt-md-60 {margin-top: 60px !important;}
    .mt-md-70 {margin-top: 70px !important;}

    .mr-md-0 {margin-right: 0 !important;}
    .mr-md-1 {margin-right: 1px !important;}
    .mr-md-2 {margin-right: 2px !important;}
    .mr-md-5 {margin-right: 5px !important;}
    .mr-md-10 {margin-right: 10px !important;}
    .mr-md-15 {margin-right: 15px !important;}
    .mr-md-20 {margin-right: 20px !important;}
    .mr-md-30 {margin-right: 30px !important;}
    .mr-md-40 {margin-right: 40px !important;}
    .mr-md-50 {margin-right: 50px !important;}
    .mr-md-60 {margin-right: 60px !important;}
    .mr-md-70 {margin-right: 70px !important;}

    .ml-md-0 {margin-left: 0 !important;}
    .ml-md-1 {margin-left: 1px !important;}
    .ml-md-2 {margin-left: 2px !important;}
    .ml-md-5 {margin-left: 5px !important;}
    .ml-md-10 {margin-left: 10px !important;}
    .ml-md-15 {margin-left: 15px !important;}
    .ml-md-20 {margin-left: 20px !important;}
    .ml-md-30 {margin-left: 30px !important;}
    .ml-md-40 {margin-left: 40px !important;}
    .ml-md-50 {margin-left: 50px !important;}
    .ml-md-60 {margin-left: 60px !important;}
    .ml-md-70 {margin-left: 70px !important;}

    .mb-md-0 {margin-bottom: 0 !important;}
    .mb-md-1 {margin-bottom: 1px !important;}
    .mb-md-2 {margin-bottom: 2px !important;}
    .mb-md-5 {margin-bottom: 5px !important;}
    .mb-md-10 {margin-bottom: 10px !important;}
    .mb-md-15 {margin-bottom: 15px !important;}
    .mb-md-20 {margin-bottom: 20px !important;}
    .mb-md-30 {margin-bottom: 30px !important;}
    .mb-md-40 {margin-bottom: 40px !important;}
    .mb-md-50 {margin-bottom: 50px !important;}
    .mb-md-60 {margin-bottom: 60px !important;}
    .mb-md-70 {margin-bottom: 70px !important;}
    .mb-md-100 {margin-bottom: 100px !important;}

    .m-md-auto {margin: auto;}
    .ml-md-auto {margin-left: auto;}
    .mr-md-auto {margin-right: auto;}
    .mt-md-auto {margin-top: auto;}
    .mb-md-auto {margin-bottom: auto;}

    .p-md-0, .nop-md {padding: 0 !important;}
    .p-md-5 {padding: 5px !important;}
    .p-md-10 {padding: 10px !important;}
    .p-md-15 {padding: 15px !important;}
    .p-md-20 {padding: 20px !important;}
    .p-md-25 {padding: 25px !important;}
    .p-md-30 {padding: 30px !important;}
    .p-md-40 {padding: 40px !important;}
    .p-md-50 {padding: 50px !important;}
    .p-md-60 {padding: 60px !important;}

    .pt-md-0 {padding-top: 0 !important;}
    .pt-md-5 {padding-top: 5px !important;}
    .pt-md-10 {padding-top: 10px !important;}
    .pt-md-15 {padding-top: 15px !important;}
    .pt-md-20 {padding-top: 20px !important;}
    .pt-md-30 {padding-top: 30px !important;}
    .pt-md-40 {padding-top: 40px !important;}
    .pt-md-50 {padding-top: 50px !important;}
    .pt-md-60 {padding-top: 60px !important;}

    .pr-md-0 {padding-right: 0 !important;}
    .pr-md-5 {padding-right: 5px !important;}
    .pr-md-10 {padding-right: 10px !important;}
    .pr-md-15 {padding-right: 15px !important;}
    .pr-md-20 {padding-right: 20px !important;}
    .pr-md-30 {padding-right: 30px !important;}
    .pr-md-40 {padding-right: 40px !important;}
    .pr-md-50 {padding-right: 50px !important;}
    .pr-md-60 {padding-right: 60px !important;}
    .pr-md-80 {padding-right: 80px !important;}
    .pr-md-100 {padding-right: 100px !important;}
    .pr-md-120 {padding-right: 120px !important;}

    .pl-md-0 {padding-left: 0 !important;}
    .pl-md-5 {padding-left: 5px !important;}
    .pl-md-10 {padding-left: 10px !important;}
    .pl-md-15 {padding-left: 15px !important;}
    .pl-md-20 {padding-left: 20px !important;}
    .pl-md-30 {padding-left: 30px !important;}
    .pl-md-40 {padding-left: 40px !important;}
    .pl-md-50 {padding-left: 50px !important;}
    .pl-md-60 {padding-left: 60px !important;}
    .pl-md-140 {padding-left: 60px !important;}

    .pb-md-0 {padding-bottom: 0 !important;}
    .pb-md-5 {padding-bottom: 5px !important;}
    .pb-md-10 {padding-bottom: 10px !important;}
    .pb-md-15 {padding-bottom: 15px !important;}
    .pb-md-20 {padding-bottom: 20px !important;}
    .pb-md-30 {padding-bottom: 30px !important;}
    .pb-md-40 {padding-bottom: 40px !important;}
    .pb-md-50 {padding-bottom: 50px !important;}
    .pb-md-60 {padding-bottom: 60px !important;}

    .px-md-0 {padding-left: 0 !important; padding-right: 0 !important;}
    .px-md-5 {padding-left: 5px !important; padding-right: 5px !important;}
    .px-md-10 {padding-left: 10px !important; padding-right: 10px !important;}
    .px-md-15 {padding-left: 15px !important; padding-right: 15px !important;}
    .px-md-20 {padding-left: 20px !important; padding-right: 20px !important;}
    .px-md-30 {padding-left: 30px !important; padding-right: 30px !important;}
    .px-md-40 {padding-left: 40px !important; padding-right: 40px !important;}
    .px-md-50 {padding-left: 50px !important; padding-right: 50px !important;}
    .px-md-60 {padding-left: 60px !important; padding-right: 60px !important;}
    .px-md-100 {padding-left: 100px !important; padding-right: 100px !important;}

    /* ##### FONT SIZE ##### */
    .fs-md-10 {font-size: 10px !important;}
    .fs-md-11 {font-size: 11px !important;}
    .fs-md-12 {font-size: 12px !important;}
    .fs-md-13 {font-size: 13px !important;}
    .fs-md-14 {font-size: 14px !important;}
    .fs-md-15 {font-size: 15px !important;}
    .fs-md-16 {font-size: 16px !important;}
    .fs-md-18 {font-size: 18px !important;}
    .fs-md-20 {font-size: 20px !important;}
    .fs-md-22 {font-size: 22px !important;}
    .fs-md-24 {font-size: 24px !important;}
    .fs-md-26 {font-size: 26px !important;}
    .fs-md-28 {font-size: 28px !important;}
    .fs-md-30 {font-size: 30px !important;}
    .fs-md-36 {font-size: 36px !important;}
    .fs-md-40 {font-size: 40px !important;}
    .fs-md-50 {font-size: 50px !important;}
    .fs-md-60 {font-size: 60px !important;}
    .fs-md-100 {font-size: 100px !important;}

    /* ##### BORDERS ##### */
    .br-md {border: 1px solid var(--color-default) !important;}
    .brt-md {border-top: 1px solid var(--color-default) !important;}
    .brr-md {border-right: 1px solid var(--color-default) !important;}
    .brb-md {border-bottom: 1px solid var(--color-default) !important;}
    .brl-md {border-left: 1px solid var(--color-default) !important;}

    .br-md-none {border: none !important;}
    .brt-md-none {border-top: none !important;}
    .brr-md-none {border-right: none !important;}
    .brb-md-none {border-bottom: none !important;}
    .brl-md-none {border-left: none !important;}
}

@media (min-width: 992px) {
    /* ##### FLOAT & ALIGN ##### */

    .fl-lg {float: left !important;}
    .fr-lg {float: right !important;}

    .t-lg-center, .text-lg-center {text-align: center !important;}
    .t-lg-right, .text-lg-right {text-align: right !important;}
    .t-lg-left, .text-lg-left {text-align: left !important;}
    .t-lg-justify, .text-lg-justify {text-align: justify !important;}

    /* ##### WIDTH ##### */
    .w-lg-inherit {width: inherit !important;}
    .w-lg-25 {width: 25% !important;}
    .w-lg-50 {width: 50% !important;}
    .w-lg-75 {width: 75% !important;}
    .w-lg-100 {width: 100% !important;}

    /* ##### GAP ##### */
    .gap-lg-0 {gap: 0 !important;}
    .gap-lg-1 {gap: 1px !important;}
    .gap-lg-5 {gap: 5px !important;}
    .gap-lg-10 {gap: 10px !important;}
    .gap-lg-15 {gap: 15px !important;}
    .gap-lg-20 {gap: 20px !important;}
    .gap-lg-30 {gap: 30px !important;}
    .gap-lg-40 {gap: 40px !important;}
    .gap-lg-50 {gap: 50px !important;}

    /* ##### MARGIN & PADDING ##### */
    .m-lg-0, .nom-lg {margin: 0 !important;}
    .m-lg-1 {margin: 1px !important;}
    .m-lg-2 {margin: 2px !important;}
    .m-lg-5 {margin: 5px !important;}
    .m-lg-10 {margin: 10px !important;}
    .m-lg-15 {margin: 15px !important;}
    .m-lg-20 {margin: 20px !important;}
    .m-lg-30 {margin: 30px !important;}
    .m-lg-40 {margin: 40px !important;}
    .m-lg-50 {margin: 50px !important;}
    .m-lg-60 {margin: 60px !important;}
    .m-lg-70 {margin: 70px !important;}

    .mt-lg-0 {margin-top: 0 !important;}
    .mt-lg-1 {margin-top: 1px !important;}
    .mt-lg-2 {margin-top: 2px !important;}
    .mt-lg-5 {margin-top: 5px !important;}
    .mt-lg-10 {margin-top: 10px !important;}
    .mt-lg-15 {margin-top: 15px !important;}
    .mt-lg-20 {margin-top: 20px !important;}
    .mt-lg-30 {margin-top: 30px !important;}
    .mt-lg-40 {margin-top: 40px !important;}
    .mt-lg-50 {margin-top: 50px !important;}
    .mt-lg-60 {margin-top: 60px !important;}
    .mt-lg-70 {margin-top: 70px !important;}
    .mt-lg-80 {margin-top: 80px !important;}
    .mt-lg-130 {margin-top: 130px !important;}
    .mt-lg-148 {margin-top: 148px !important;}

    .mr-lg-0 {margin-right: 0 !important;}
    .mr-lg-1 {margin-right: 1px !important;}
    .mr-lg-2 {margin-right: 2px !important;}
    .mr-lg-5 {margin-right: 5px !important;}
    .mr-lg-10 {margin-right: 10px !important;}
    .mr-lg-15 {margin-right: 15px !important;}
    .mr-lg-20 {margin-right: 20px !important;}
    .mr-lg-30 {margin-right: 30px !important;}
    .mr-lg-40 {margin-right: 40px !important;}
    .mr-lg-50 {margin-right: 50px !important;}
    .mr-lg-60 {margin-right: 60px !important;}
    .mr-lg-70 {margin-right: 70px !important;}
    .mr-lg-130 {margin-right: 130px !important;}
    .mr-lg-250 {margin-right: 250px !important;}

    .ml-lg-0 {margin-left: 0 !important;}
    .ml-lg-1 {margin-left: 1px !important;}
    .ml-lg-2 {margin-left: 2px !important;}
    .ml-lg-5 {margin-left: 5px !important;}
    .ml-lg-10 {margin-left: 10px !important;}
    .ml-lg-15 {margin-left: 15px !important;}
    .ml-lg-20 {margin-left: 20px !important;}
    .ml-lg-30 {margin-left: 30px !important;}
    .ml-lg-40 {margin-left: 40px !important;}
    .ml-lg-50 {margin-left: 50px !important;}
    .ml-lg-60 {margin-left: 60px !important;}
    .ml-lg-70 {margin-left: 70px !important;}
    .ml-lg-130 {margin-left: 130px !important;}

    .mb-lg-0 {margin-bottom: 0 !important;}
    .mb-lg-1 {margin-bottom: 1px !important;}
    .mb-lg-2 {margin-bottom: 2px !important;}
    .mb-lg-5 {margin-bottom: 5px !important;}
    .mb-lg-10 {margin-bottom: 10px !important;}
    .mb-lg-15 {margin-bottom: 15px !important;}
    .mb-lg-16 {margin-bottom: 16px !important;}
    .mb-lg-20 {margin-bottom: 20px !important;}
    .mb-lg-30 {margin-bottom: 30px !important;}
    .mb-lg-40 {margin-bottom: 40px !important;}
    .mb-lg-50 {margin-bottom: 50px !important;}
    .mb-lg-60 {margin-bottom: 60px !important;}
    .mb-lg-70 {margin-bottom: 70px !important;}
    .mb-lg-80 {margin-bottom: 80px !important;}
    .mb-lg-100 {margin-bottom: 100px !important;}

    .m-lg-auto {margin: auto;}
    .ml-lg-auto {margin-left: auto;}
    .mr-lg-auto {margin-right: auto;}
    .mt-lg-auto {margin-top: auto;}
    .mb-lg-auto {margin-bottom: auto;}

    .mx-lg-0 {margin-left: 0 !important; margin-right: 0 !important;}
    .mx-lg-5 {margin-left: 5px !important; margin-right: 5px !important;}
    .mx-lg-10 {margin-left: 10px !important; margin-right: 10px !important;}
    .mx-lg-15 {margin-left: 15px !important; margin-right: 15px !important;}
    .mx-lg-20 {margin-left: 20px !important; margin-right: 20px !important;}
    .mx-lg-30 {margin-left: 30px !important; margin-right: 30px !important;}
    .mx-lg-40 {margin-left: 40px !important; margin-right: 40px !important;}
    .mx-lg-50 {margin-left: 50px !important; margin-right: 50px !important;}
    .mx-lg-60 {margin-left: 60px !important; margin-right: 60px !important;}

    .my-lg-0 {margin-bottom: 0 !important; margin-top: 0 !important;}
    .my-lg-5 {margin-bottom: 5px !important; margin-top: 5px !important;}
    .my-lg-8 {margin-bottom: 8px !important; margin-top: 8px !important;}
    .my-lg-10 {margin-bottom: 10px !important; margin-top: 10px !important;}
    .my-lg-15 {margin-bottom: 15px !important; margin-top: 15px !important;}
    .my-lg-20 {margin-bottom: 20px !important; margin-top: 20px !important;}
    .my-lg-30 {margin-bottom: 30px !important; margin-top: 30px !important;}
    .my-lg-40 {margin-bottom: 40px !important; margin-top: 40px !important;}
    .my-lg-50 {margin-bottom: 50px !important; margin-top: 50px !important;}
    .my-lg-60 {margin-bottom: 60px !important; margin-top: 60px !important;}
    .my-lg-80 {margin-bottom: 80px !important; margin-top: 80px !important;}

    .p-lg-0, .nop-lg {padding: 0 !important;}
    .p-lg-5 {padding: 10px !important;}
    .p-lg-10 {padding: 10px !important;}
    .p-lg-15 {padding: 15px !important;}
    .p-lg-20 {padding: 20px !important;}
    .p-lg-25 {padding: 25px !important;}
    .p-lg-30 {padding: 30px !important;}
    .p-lg-32 {padding: 32px !important;}
    .p-lg-40 {padding: 40px !important;}
    .p-lg-50 {padding: 50px !important;}
    .p-lg-60 {padding: 60px !important;}
    .p-lg-80 {padding: 80px !important;}

    .pt-lg-0 {padding-top: 0 !important;}
    .pt-lg-5 {padding-top: 5px !important;}
    .pt-lg-10 {padding-top: 10px !important;}
    .pt-lg-15 {padding-top: 15px !important;}
    .pt-lg-20 {padding-top: 20px !important;}
    .pt-lg-30 {padding-top: 30px !important;}
    .pt-lg-40 {padding-top: 40px !important;}
    .pt-lg-50 {padding-top: 50px !important;}
    .pt-lg-60 {padding-top: 60px !important;}

    .pr-lg-0 {padding-right: 0 !important;}
    .pr-lg-5 {padding-right: 5px !important;}
    .pr-lg-10 {padding-right: 10px !important;}
    .pr-lg-15 {padding-right: 15px !important;}
    .pr-lg-28 {padding-right: 28px !important;}
    .pr-lg-25 {padding-right: 25px !important;}
    .pr-lg-20 {padding-right: 20px !important;}
    .pr-lg-30 {padding-right: 30px !important;}
    .pr-lg-40 {padding-right: 40px !important;}
    .pr-lg-50 {padding-right: 50px !important;}
    .pr-lg-60 {padding-right: 60px !important;}
    .pr-lg-80 {padding-right: 80px !important;}
    .pr-lg-100 {padding-right: 100px !important;}

    .pl-lg-0 {padding-left: 0 !important;}
    .pl-lg-5 {padding-left: 5px !important;}
    .pl-lg-10 {padding-left: 10px !important;}
    .pl-lg-15 {padding-left: 15px !important;}
    .pl-lg-20 {padding-left: 20px !important;}
    .pl-lg-25 {padding-left: 25px !important;}
    .pl-lg-30 {padding-left: 30px !important;}
    .pl-lg-40 {padding-left: 40px !important;}
    .pl-lg-50 {padding-left: 50px !important;}
    .pl-lg-60 {padding-left: 60px !important;}
    .pl-lg-90 {padding-left: 90px !important;}
    .pl-lg-100 {padding-left: 100px !important;}

    .pb-lg-0 {padding-bottom: 0 !important;}
    .pb-lg-5 {padding-bottom: 5px !important;}
    .pb-lg-10 {padding-bottom: 10px !important;}
    .pb-lg-15 {padding-bottom: 15px !important;}
    .pb-lg-20 {padding-bottom: 20px !important;}
    .pb-lg-30 {padding-bottom: 30px !important;}
    .pb-lg-40 {padding-bottom: 40px !important;}
    .pb-lg-50 {padding-bottom: 50px !important;}
    .pb-lg-60 {padding-bottom: 60px !important;}

    .py-lg-0 {padding-bottom: 0 !important; padding-top: 0 !important;}
    .py-lg-5 {padding-bottom: 5px !important; padding-top: 5px !important;}
    .py-lg-8 {padding-bottom: 8px !important; padding-top: 8px !important;}
    .py-lg-7 {padding-bottom: 7px !important; padding-top: 7px !important;}
    .py-lg-10 {padding-bottom: 10px !important; padding-top: 10px !important;}
    .py-lg-15 {padding-bottom: 15px !important; padding-top: 15px !important;}
    .py-lg-16 {padding-bottom: 16px !important; padding-top: 16px !important;}
    .py-lg-20 {padding-bottom: 20px !important; padding-top: 20px !important;}
    .py-lg-30 {padding-bottom: 30px !important; padding-top: 30px !important;}
    .py-lg-32 {padding-bottom: 30px !important; padding-top: 32px !important;}
    .py-lg-35 {padding-bottom: 35px !important; padding-top: 35px !important;}
    .py-lg-40 {padding-bottom: 40px !important; padding-top: 40px !important;}
    .py-lg-50 {padding-bottom: 50px !important; padding-top: 50px !important;}
    .py-lg-60 {padding-bottom: 60px !important; padding-top: 60px !important;}
    .py-lg-80 {padding-bottom: 80px !important; padding-top: 80px !important;}
    .py-lg-100 {padding-bottom: 100px !important; padding-top: 100px !important;}

    .px-lg-0 {padding-left: 0 !important; padding-right: 0 !important;}
    .px-lg-5 {padding-left: 5px !important; padding-right: 5px !important;}
    .px-lg-10 {padding-left: 10px !important; padding-right: 10px !important;}
    .px-lg-15 {padding-left: 15px !important; padding-right: 15px !important;}
    .px-lg-16 {padding-left: 16px !important; padding-right: 16px !important;}
    .px-lg-20 {padding-left: 20px !important; padding-right: 20px !important;}
    .px-lg-30 {padding-left: 30px !important; padding-right: 30px !important;}
    .px-lg-32 {padding-left: 32px !important; padding-right: 32px !important;}
    .px-lg-40 {padding-left: 40px !important; padding-right: 40px !important;}
    .px-lg-50 {padding-left: 50px !important; padding-right: 50px !important;}
    .px-lg-60 {padding-left: 60px !important; padding-right: 60px !important;}
    .px-lg-80 {padding-left: 80px !important; padding-right: 80px !important;}
    .px-lg-100 {padding-left: 100px !important; padding-right: 100px !important;}

    /* ##### FONT SIZE ##### */
    .fs-small, .fs-small  p {font-size: 14px !important;}
    .fs-normal, .fs-normal  p{font-size:16px !important;}
    .fs-big, .fs-big p{font-size:20px !important;}
    .fs-lg-10 {font-size: 10px !important;}
    .fs-lg-11 {font-size: 11px !important;}
    .fs-lg-12 {font-size: 12px !important;}
    .fs-lg-13 {font-size: 13px !important;}
    .fs-lg-14 {font-size: 14px !important;}
    .fs-lg-15 {font-size: 15px !important;}
    .fs-lg-16 {font-size: 16px !important;}
    .fs-lg-18 {font-size: 18px !important;}
    .fs-lg-20 {font-size: 20px !important;}
    .fs-lg-22 {font-size: 22px !important;}
    .fs-lg-24 {font-size: 24px !important;}
    .fs-lg-25 {font-size: 25px !important;}
    .fs-lg-26 {font-size: 26px !important;}
    .fs-lg-28 {font-size: 28px !important;}
    .fs-lg-30 {font-size: 30px !important;}
    .fs-lg-32 {font-size: 32px !important;}
    .fs-lg-36 {font-size: 36px !important;}
    .fs-lg-40 {font-size: 40px !important;}
    .fs-lg-50 {font-size: 50px !important;}
    .fs-lg-60 {font-size: 60px !important;}
    .fs-lg-100 {font-size: 100px !important;}
    .fs-lg-140 {font-size: 140px !important;}
    .fs-lg-170 {font-size: 170px !important;}

    /* ##### BORDERS ##### */
    .br-lg {border: 1px solid var(--color-default) !important;}
    .brt-lg {border-top: 1px solid var(--color-default) !important;}
    .brr-lg {border-right: 1px solid var(--color-default) !important;}
    .brb-lg {border-bottom: 1px solid var(--color-default) !important;}
    .brl-lg {border-left: 1px solid var(--color-default) !important;}

    .br-lg-none {border: none !important;}
    .brt-lg-none {border-top: none !important;}
    .brr-lg-none {border-right: none !important;}
    .brb-lg-none {border-bottom: none !important;}
    .brl-lg-none {border-left: none !important;}
}

@media (min-width: 1110px) {
    /* ##### FLOAT & ALIGN ##### */
    .fl-xl {float: left !important;}
    .fr-xl {float: right !important;}

    .t-xl-center {text-align: center !important;}
    .t-xl-right {text-align: right !important;}
    .t-xl-left {text-align: left !important;}
    .t-xl-justify {text-align: justify !important;}

    /* ##### WIDTH ##### */
    .w-xl-inherit {width: inherit !important;}
    .w-xl-25 {width: 25% !important;}
    .w-xl-33 {width: 33.3% !important;}
    .w-xl-50 {width: 50% !important;}
    .w-xl-50 {width: 50% !important;}
    .w-xl-75 {width: 75% !important;}
    .w-xl-100 {width: 100% !important;}

    /* ##### GAP ##### */
    .gap-xl-0 {gap: 0 !important;}
    .gap-xl-1 {gap: 1px !important;}
    .gap-xl-5 {gap: 5px !important;}
    .gap-xl-10 {gap: 10px !important;}
    .gap-xl-15 {gap: 15px !important;}
    .gap-xl-20 {gap: 20px !important;}
    .gap-xl-30 {gap: 30px !important;}
    .gap-xl-40 {gap: 40px !important;}
    .gap-xl-50 {gap: 50px !important;}

    /* ##### MARGIN & PADDING ##### */
    .m-xl-0, .nom-xl {margin: 0 !important;}
    .m-xl-1 {margin: 1px !important;}
    .m-xl-2 {margin: 2px !important;}
    .m-xl-5 {margin: 5px !important;}
    .m-xl-10 {margin: 10px !important;}
    .m-xl-15 {margin: 15px !important;}
    .m-xl-20 {margin: 20px !important;}
    .m-xl-30 {margin: 30px !important;}
    .m-xl-40 {margin: 40px !important;}
    .m-xl-50 {margin: 50px !important;}
    .m-xl-60 {margin: 60px !important;}
    .m-xl-70 {margin: 70px !important;}

    .mt-xl-0 {margin-top: 0 !important;}
    .mt-xl-5 {margin-top: 5px !important;}
    .mt-xl-1 {margin-top: 1px !important;}
    .mt-xl-2 {margin-top: 2px !important;}
    .mt-xl-10 {margin-top: 10px !important;}
    .mt-xl-15 {margin-top: 15px !important;}
    .mt-xl-20 {margin-top: 20px !important;}
    .mt-xl-30 {margin-top: 30px !important;}
    .mt-xl-40 {margin-top: 40px !important;}
    .mt-xl-50 {margin-top: 50px !important;}
    .mt-xl-60 {margin-top: 60px !important;}
    .mt-xl-70 {margin-top: 70px !important;}

    .mr-xl-0 {margin-right: 0 !important;}
    .mr-xl-5 {margin-right: 5px !important;}
    .mr-xl-1 {margin-right: 1px !important;}
    .mr-xl-2 {margin-right: 2px !important;}
    .mr-xl-10 {margin-right: 10px !important;}
    .mr-xl-15 {margin-right: 15px !important;}
    .mr-xl-20 {margin-right: 20px !important;}
    .mr-xl-30 {margin-right: 30px !important;}
    .mr-xl-40 {margin-right: 40px !important;}
    .mr-xl-50 {margin-right: 50px !important;}
    .mr-xl-60 {margin-right: 60px !important;}
    .mr-xl-70 {margin-right: 70px !important;}

    .ml-xl-0 {margin-left: 0 !important;}
    .ml-xl-1 {margin-left: 1px !important;}
    .ml-xl-2 {margin-left: 2px !important;}
    .ml-xl-5 {margin-left: 5px !important;}
    .ml-xl-10 {margin-left: 10px !important;}
    .ml-xl-15 {margin-left: 15px !important;}
    .ml-xl-20 {margin-left: 20px !important;}
    .ml-xl-30 {margin-left: 30px !important;}
    .ml-xl-40 {margin-left: 40px !important;}
    .ml-xl-50 {margin-left: 50px !important;}
    .ml-xl-60 {margin-left: 60px !important;}
    .ml-xl-70 {margin-left: 70px !important;}

    .mb-xl-0 {margin-bottom: 0 !important;}
    .mb-xl-1 {margin-bottom: 1px !important;}
    .mb-xl-2 {margin-bottom: 2px !important;}
    .mb-xl-5 {margin-bottom: 5px !important;}
    .mb-xl-10 {margin-bottom: 10px !important;}
    .mb-xl-15 {margin-bottom: 15px !important;}
    .mb-xl-20 {margin-bottom: 20px !important;}
    .mb-xl-30 {margin-bottom: 30px !important;}
    .mb-xl-40 {margin-bottom: 40px !important;}
    .mb-xl-50 {margin-bottom: 50px !important;}
    .mb-xl-60 {margin-bottom: 60px !important;}
    .mb-xl-70 {margin-bottom: 70px !important;}
    .mb-xl-100 {margin-bottom: 100px !important;}

    .m-xl-auto {margin: auto;}
    .ml-xl-auto {margin-left: auto;}
    .mr-xl-auto {margin-right: auto;}
    .mt-xl-auto {margin-top: auto;}
    .mb-xl-auto {margin-bottom: auto;}

    .p-xl-0, .nop-xl {padding: 0 !important;}
    .p-xl-5 {padding: 5px !important;}
    .p-xl-10 {padding: 10px !important;}
    .p-xl-15 {padding: 15px !important;}
    .p-xl-20 {padding: 20px !important;}
    .p-xl-25 {padding: 25px !important;}
    .p-xl-30 {padding: 30px !important;}
    .p-xl-40 {padding: 40px !important;}
    .p-xl-50 {padding: 50px !important;}
    .p-xl-60 {padding: 60px !important;}

    .pt-xl-0 {padding-top: 0 !important;}
    .pt-xl-5 {padding-top: 5px !important;}
    .pt-xl-10 {padding-top: 10px !important;}
    .pt-xl-15 {padding-top: 15px !important;}
    .pt-xl-20 {padding-top: 20px !important;}
    .pt-xl-30 {padding-top: 30px !important;}
    .pt-xl-40 {padding-top: 40px !important;}
    .pt-xl-50 {padding-top: 50px !important;}
    .pt-xl-60 {padding-top: 60px !important;}

    .pr-xl-0 {padding-right: 0 !important;}
    .pr-xl-5 {padding-right: 5px !important;}
    .pr-xl-10 {padding-right: 10px !important;}
    .pr-xl-15 {padding-right: 15px !important;}
    .pr-xl-20 {padding-right: 20px !important;}
    .pr-xl-30 {padding-right: 30px !important;}
    .pr-xl-40 {padding-right: 40px !important;}
    .pr-xl-50 {padding-right: 50px !important;}
    .pr-xl-60 {padding-right: 60px !important;}
    .pr-xl-120 {padding-right: 120px !important;}
    .pr-xl-140 {padding-right: 140px !important;}
    .pr-xl-160 {padding-right: 160px !important;}

    .pl-xl-0 {padding-left: 0 !important;}
    .pl-xl-5 {padding-left: 5px !important;}
    .pl-xl-10 {padding-left: 10px !important;}
    .pl-xl-15 {padding-left: 15px !important;}
    .pl-xl-20 {padding-left: 20px !important;}
    .pl-xl-30 {padding-left: 30px !important;}
    .pl-xl-40 {padding-left: 40px !important;}
    .pl-xl-50 {padding-left: 50px !important;}
    .pl-xl-60 {padding-left: 60px !important;}
    .pl-xl-90 {padding-left: 90px !important;}

    .pb-xl-0 {padding-left: 0 !important;}
    .pb-xl-5 {padding-left: 5px !important;}
    .pb-xl-10 {padding-left: 10px !important;}
    .pb-xl-15 {padding-left: 15px !important;}
    .pb-xl-20 {padding-left: 20px !important;}
    .pb-xl-30 {padding-left: 30px !important;}
    .pb-xl-40 {padding-left: 40px !important;}
    .pb-xl-50 {padding-left: 50px !important;}
    .pb-xl-60 {padding-left: 60px !important;}

    /* ##### FONT SIZE ##### */
    .fs-xl-10 {font-size: 10px !important;}
    .fs-xl-11 {font-size: 11px !important;}
    .fs-xl-12 {font-size: 12px !important;}
    .fs-xl-13 {font-size: 13px !important;}
    .fs-xl-14 {font-size: 14px !important;}
    .fs-xl-15 {font-size: 15px !important;}
    .fs-xl-16 {font-size: 16px !important;}
    .fs-xl-18 {font-size: 18px !important;}
    .fs-xl-20 {font-size: 20px !important;}
    .fs-xl-22 {font-size: 22px !important;}
    .fs-xl-24 {font-size: 24px !important;}
    .fs-xl-26 {font-size: 26px !important;}
    .fs-xl-28 {font-size: 28px !important;}
    .fs-xl-30 {font-size: 30px !important;}
    .fs-xl-36 {font-size: 36px !important;}
    .fs-xl-40 {font-size: 40px !important;}
    .fs-xl-50 {font-size: 50px !important;}
    .fs-xl-60 {font-size: 60px !important;}
    .fs-xl-100 {font-size: 100px !important;}
    .fs-xl-140 {font-size: 140px !important;}
    .fs-xl-170 {font-size: 170px !important;}

    /* ##### BORDERS ##### */
    /* ##### BORDERS ##### */
    .br-xl {border: 1px solid var(--color-default) !important;}
    .brt-xl {border-top: 1px solid var(--color-default) !important;}
    .brr-xl {border-right: 1px solid var(--color-default) !important;}
    .brb-xl {border-bottom: 1px solid var(--color-default) !important;}
    .brl-xl {border-left: 1px solid var(--color-default) !important;}

    .br-xl-none {border: none !important;}
    .brt-xl-none {border-top: none !important;}
    .brr-xl-none {border-right: none !important;}
    .brb-xl-none {border-bottom: none !important;}
    .brl-xl-none {border-left: none !important;}
}

@media (min-width: 1380px) {
    /* ##### FLOAT & ALIGN ##### */
    .fl-xxl {float: left !important;}
    .fr-xxl {float: right !important;}

    .min-h-xxl-260 {min-height: 260px;}

    .t-xxl-center {text-align: center !important;}
    .t-xxl-right {text-align: right !important;}
    .t-xxl-left {text-align: left !important;}
    .t-xxl-justify {text-align: justify !important;}

    /* ##### WIDTH ##### */
    .w-xxl-inherit {width: inherit !important;}
    .w-xxl-25 {width: 25% !important;}
    .w-xxl-50 {width: 50% !important;}
    .w-xxl-75 {width: 75% !important;}
    .w-xxl-100 {width: 100% !important;}

    /* ##### GAP ##### */
    .gap-xxl-0 {gap: 0 !important;}
    .gap-xxl-1 {gap: 1px !important;}
    .gap-xxl-5 {gap: 5px !important;}
    .gap-xxl-10 {gap: 10px !important;}
    .gap-xxl-15 {gap: 15px !important;}
    .gap-xxl-20 {gap: 20px !important;}
    .gap-xxl-30 {gap: 30px !important;}
    .gap-xxl-40 {gap: 40px !important;}
    .gap-xxl-50 {gap: 50px !important;}

    /* ##### MARGIN & PADDING ##### */
    .m-xxl-0, .nom-xxl {margin: 0 !important;}
    .m-xxl-1 {margin: 1px !important;}
    .m-xxl-2 {margin: 2px !important;}
    .m-xxl-5 {margin: 5px !important;}
    .m-xxl-10 {margin: 10px !important;}
    .m-xxl-15 {margin: 15px !important;}
    .m-xxl-20 {margin: 20px !important;}
    .m-xxl-30 {margin: 30px !important;}
    .m-xxl-40 {margin: 40px !important;}
    .m-xxl-50 {margin: 50px !important;}
    .m-xxl-60 {margin: 60px !important;}

    .mt-xxl-0 {margin-top: 0 !important;}
    .mt-xxl-5 {margin-top: 5px !important;}
    .mt-xxl-1 {margin-top: 1px !important;}
    .mt-xxl-2 {margin-top: 2px !important;}
    .mt-xxl-10 {margin-top: 10px !important;}
    .mt-xxl-15 {margin-top: 15px !important;}
    .mt-xxl-20 {margin-top: 20px !important;}
    .mt-xxl-30 {margin-top: 30px !important;}
    .mt-xxl-40 {margin-top: 40px !important;}
    .mt-xxl-50 {margin-top: 50px !important;}
    .mt-xxl-60 {margin-top: 60px !important;}
    .mt-xxl-60 {margin-top: 80px !important;}
    .mt-xxl-100 {margin-top: 100px !important;}
    .mt-xxl-158 {margin-top: 158px !important;}

    .mr-xxl-0 {margin-right: 0 !important;}
    .mr-xxl-5 {margin-right: 5px !important;}
    .mr-xxl-1 {margin-right: 1px !important;}
    .mr-xxl-2 {margin-right: 2px !important;}
    .mr-xxl-10 {margin-right: 10px !important;}
    .mr-xxl-15 {margin-right: 15px !important;}
    .mr-xxl-20 {margin-right: 20px !important;}
    .mr-xxl-30 {margin-right: 30px !important;}
    .mr-xxl-40 {margin-right: 40px !important;}
    .mr-xxl-50 {margin-right: 50px !important;}
    .mr-xxl-60 {margin-right: 60px !important;}
    .mr-xxl-100 {margin-right: 100px !important;}
    .mr-xxl-200 {margin-right: 200px !important;}

    .ml-xxl-0 {margin-left: 0 !important;}
    .ml-xxl-1 {margin-left: 1px !important;}
    .ml-xxl-2 {margin-left: 2px !important;}
    .ml-xxl-5 {margin-left: 5px !important;}
    .ml-xxl-10 {margin-left: 10px !important;}
    .ml-xxl-15 {margin-left: 15px !important;}
    .ml-xxl-20 {margin-left: 20px !important;}
    .ml-xxl-30 {margin-left: 30px !important;}
    .ml-xxl-40 {margin-left: 40px !important;}
    .ml-xxl-50 {margin-left: 50px !important;}
    .ml-xxl-60 {margin-left: 60px !important;}
    .ml-xxl-100 {margin-left: 100px !important;}
    .ml-xxl-200 {margin-left: 200px !important;}

    .mb-xxl-0 {margin-bottom: 0 !important;}
    .mb-xxl-1 {margin-bottom: 1px !important;}
    .mb-xxl-2 {margin-bottom: 2px !important;}
    .mb-xxl-5 {margin-bottom: 5px !important;}
    .mb-xxl-10 {margin-bottom: 10px !important;}
    .mb-xxl-15 {margin-bottom: 15px !important;}
    .mb-xxl-20 {margin-bottom: 20px !important;}
    .mb-xxl-30 {margin-bottom: 30px !important;}
    .mb-xxl-40 {margin-bottom: 40px !important;}
    .mb-xxl-50 {margin-bottom: 50px !important;}
    .mb-xxl-60 {margin-bottom: 60px !important;}
    .mb-xxl-80 {margin-bottom: 80px !important;}

    .m-xxl-auto {margin: auto;}
    .ml-xxl-auto {margin-left: auto;}
    .mr-xxl-auto {margin-right: auto;}
    .mt-xxl-auto {margin-top: auto;}
    .mb-xxl-auto {margin-bottom: auto;}

    .p-xxl-0, .nop-xxl {padding: 0 !important;}
    .p-xxl-5 {padding: 5px !important;}
    .p-xxl-10 {padding: 10px !important;}
    .p-xxl-15 {padding: 15px !important;}
    .p-xxl-20 {padding: 20px !important;}
    .p-xxl-25 {padding: 25px !important;}
    .p-xxl-30 {padding: 30px !important;}
    .p-xxl-40 {padding: 40px !important;}
    .p-xxl-50 {padding: 50px !important;}
    .p-xxl-60 {padding: 60px !important;}

    .pt-xxl-0 {padding-top: 0 !important;}
    .pt-xxl-5 {padding-top: 5px !important;}
    .pt-xxl-10 {padding-top: 10px !important;}
    .pt-xxl-15 {padding-top: 15px !important;}
    .pt-xxl-20 {padding-top: 20px !important;}
    .pt-xxl-30 {padding-top: 30px !important;}
    .pt-xxl-40 {padding-top: 40px !important;}
    .pt-xxl-50 {padding-top: 50px !important;}
    .pt-xxl-60 {padding-top: 60px !important;}

    .pr-xxl-0 {padding-right: 0 !important;}
    .pr-xxl-5 {padding-right: 5px !important;}
    .pr-xxl-10 {padding-right: 10px !important;}
    .pr-xxl-15 {padding-right: 15px !important;}
    .pr-xxl-20 {padding-right: 20px !important;}
    .pr-xxl-30 {padding-right: 30px !important;}
    .pr-xxl-40 {padding-right: 40px !important;}
    .pr-xxl-50 {padding-right: 50px !important;}
    .pr-xxl-60 {padding-right: 60px !important;}
    .pr-xxl-100 {padding-right: 100px !important;}

    .pl-xxl-0 {padding-left: 0 !important;}
    .pl-xxl-5 {padding-left: 5px !important;}
    .pl-xxl-10 {padding-left: 10px !important;}
    .pl-xxl-15 {padding-left: 15px !important;}
    .pl-xxl-20 {padding-left: 20px !important;}
    .pl-xxl-30 {padding-left: 30px !important;}
    .pl-xxl-40 {padding-left: 40px !important;}
    .pl-xxl-50 {padding-left: 50px !important;}
    .pl-xxl-60 {padding-left: 60px !important;}
    .pl-xxl-100 {padding-left: 100px !important;}
    .pl-xxl-140 {padding-left: 140px !important;}

    .pb-xxl-0 {padding-left: 0 !important;}
    .pb-xxl-5 {padding-left: 5px !important;}
    .pb-xxl-10 {padding-left: 10px !important;}
    .pb-xxl-15 {padding-left: 15px !important;}
    .pb-xxl-20 {padding-left: 20px !important;}
    .pb-xxl-30 {padding-left: 30px !important;}
    .pb-xxl-40 {padding-left: 40px !important;}
    .pb-xxl-50 {padding-left: 50px !important;}
    .pb-xxl-60 {padding-left: 60px !important;}

    .py-xxl-0 {padding-bottom: 0 !important; padding-top: 0 !important;}
    .py-xxl-5 {padding-bottom: 5px !important; padding-top: 5px !important;}
    .py-xxl-10 {padding-bottom: 10px !important; padding-top: 10px !important;}
    .py-xxl-15 {padding-bottom: 15px !important; padding-top: 15px !important;}
    .py-xxl-20 {padding-bottom: 20px !important; padding-top: 20px !important;}
    .py-xxl-30 {padding-bottom: 30px !important; padding-top: 30px !important;}
    .py-xxl-35 {padding-bottom: 35px !important; padding-top: 35px !important;}
    .py-xxl-40 {padding-bottom: 40px !important; padding-top: 40px !important;}
    .py-xxl-50 {padding-bottom: 50px !important; padding-top: 50px !important;}
    .py-xxl-60 {padding-bottom: 60px !important; padding-top: 60px !important;}
    .py-xxl-100 {padding-bottom: 100px !important; padding-top: 100px !important;}
    .py-xxl-160 {padding-bottom: 160px !important; padding-top: 160px !important;}

    .px-xxl-0 {padding-left: 0 !important; padding-right: 0 !important;}
    .px-xxl-5 {padding-left: 5px !important; padding-right: 5px !important;}
    .px-xxl-10 {padding-left: 10px !important; padding-right: 10px !important;}
    .px-xxl-15 {padding-left: 15px !important; padding-right: 15px !important;}
    .px-xxl-20 {padding-left: 20px !important; padding-right: 20px !important;}
    .px-xxl-30 {padding-left: 30px !important; padding-right: 30px !important;}
    .px-xxl-35 {padding-left: 35px !important; padding-right: 35px !important;}
    .px-xxl-40 {padding-left: 40px !important; padding-right: 40px !important;}
    .px-xxl-50 {padding-left: 50px !important; padding-right: 50px !important;}
    .px-xxl-60 {padding-left: 60px !important; padding-right: 60px !important;}
    .px-xxl-70 {padding-left: 60px !important; padding-right: 70px !important;}
    .px-xxl-100 {padding-left: 100px !important; padding-right: 100px !important;}
    .px-xxl-160 {padding-left: 160px !important; padding-right: 160px !important;}

    /* ##### FONT SIZE ##### */
    .fs-xxl-10 {font-size: 10px !important;}
    .fs-xxl-11 {font-size: 11px !important;}
    .fs-xxl-12 {font-size: 12px !important;}
    .fs-xxl-13 {font-size: 13px !important;}
    .fs-xxl-14 {font-size: 14px !important;}
    .fs-xxl-15 {font-size: 15px !important;}
    .fs-xxl-16 {font-size: 16px !important;}
    .fs-xxl-18 {font-size: 18px !important;}
    .fs-xxl-20 {font-size: 20px !important;}
    .fs-xxl-22 {font-size: 22px !important;}
    .fs-xxl-24 {font-size: 24px !important;}
    .fs-xxl-26 {font-size: 26px !important;}
    .fs-xxl-28 {font-size: 28px !important;}
    .fs-xxl-30 {font-size: 30px !important;}
    .fs-xxl-36 {font-size: 36px !important;}
    .fs-xxl-40 {font-size: 40px !important;}
    .fs-xxl-50 {font-size: 50px !important;}
    .fs-xxl-60 {font-size: 60px !important;}
    .fs-xxl-100 {font-size: 100px !important;}
    .fs-xxl-140 {font-size: 140px !important;}
    .fs-xxl-170 {font-size: 170px !important;}

    /* ##### BORDERS ##### */
    .br-xxl {border: 1px solid var(--color-default) !important;}
    .brt-xxl {border-top: 1px solid var(--color-default) !important;}
    .brr-xxl {border-right: 1px solid var(--color-default) !important;}
    .brb-xxl {border-bottom: 1px solid var(--color-default) !important;}
    .brl-xxl {border-left: 1px solid var(--color-default) !important;}

    .br-xxl-none {border: none !important;}
    .brt-xxl-none {border-top: none !important;}
    .brr-xxl-none {border-right: none !important;}
    .brb-xxl-none {border-bottom: none !important;}
    .brl-xxl-none {border-left: none !important;}
}

.lh-normal {line-height: normal !important;}
.br-2x {border-width: 2px !important;}
.br-3x {border-width: 3px !important;}
.br-4x {border-width: 4px !important;}
.br-primary {border-color: var(--color-primary) !important;}
.br-primary-400 {border-color: var(--color-primary-400) !important;}
.br-secondary {border-color: var(--color-secondary) !important;}
.br-black {border-color: var(--color-black) !important;}
.br-gray {border-color: var(--color-gray) !important;}
.br-gray2 {border-color: var(--color-gray2) !important;}
.br-light-gray {border-color: var(--color-light-gray) !important;}
.br-white {border-color: var(--color-white) !important;}
.br-red {border-color: var(--color-error) !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: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media all and (max-width: 1199px) {

}

@media all and (max-width: 991px) {
    .full-height {height: calc(100vh - 59px);}
    .max-full-height {max-height: calc(100vh - 59px);}
    .min-full-height {min-height: calc(100vh - 59px);}

    [class*='bx-scroll-']::-webkit-scrollbar, .table-wrapper::-webkit-scrollbar {width: 7px; height: 7px;}
}


@media all and (max-width: 991px){
    .mw-75px-mobile-only{max-width: 75px !important}
}



/* ===== GSAP SPECIFIC CSS ADDITIONS ===== */
/* Dodaj to do helper.css lub jako osobny plik */