@charset "UTF-8";
/* =========================================================================
   Main Stylesheet
   ========================================================================= */
/* =========================================================================
   Abstract Styles Consolidation
   ========================================================================= */
/* =========================================================================
   SCSS Mixins
   ========================================================================= */
/* =========================================================================
   Transition Mixins
   ========================================================================= */
/* =========================================================================
   Gradient Mixin
   ========================================================================= */
/* =========================================================================
   Background Overlay Mixin
   ========================================================================= */
/* =========================================================================
   Animation Mixins
   ========================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&display=swap");

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    65% {
        transform: translate(0, 30px);
    }

    100% {
        transform: translate(0, 0px);
    }
}

/* =========================================================================
   Box Shadow Mixins
   ========================================================================= */
/* =========================================================================
   Border Radius Mixin
   ========================================================================= */
/* =========================================================================
   Button Mixins
   ========================================================================= */
:root {
    --white: #ffffff;
    --white-rgb: 255, 255, 255;
    --white-50:  #ffffff;
    --white-100: #fafafa;
    --white-200: #f5f5f5;
    --white-300: #eeeeee;
    --white-400: #e0e0e0;
    --white-500: #cccccc;
    --white-600: #a6a6a6;
    --white-700: #808080;
    --white-800: #595959;
    --white-900: #333333;
    --white-950: #1a1a1a;

    --black: #000000;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --light: var(--white);
    --light-dark: var(--neutral-100);
    --light-rgb: var(--white-rgb);
    --dark: var(--neutral-950);
    --dark-dark: var(--black);
    --dark-rgb: var(--black-rgb);
    --primary: var(--blue-700);
    --primary-dark: var(--blue-800);
    --primary-rgb: var(--blue-rgb);
    --secondary: var(--gray-700);
    --secondary-dark: var(--gray-800);
    --secondary-rgb: var(--gray-rgb);
    --success: var(--green-700);
    --success-dark: var(--green-800);
    --success-rgb: var(--green-rgb);
    --danger: var(--red-700);
    --danger-dark: var(--red-800);
    --danger-rgb: var(--red-rgb);
    --warning: var(--yellow-500);
    --warning-dark: var(--yellow-600);
    --warning-rgb: var(--yellow-rgb);
    --info: var(--sky-400);
    --info-dark: var(--sky-500);
    --info-rgb: var(--sky-rgb);

    --red-rgb: 177, 30, 27;
    --red-50: #FCF3F2;
    --red-100: #FAE3E2;
    --red-200: #F7CCCB;
    --red-300: #F4A6A5;
    --red-400: #EE6E6C;
    --red-500: #E64341;
    --red-600: #D42422;
    --red-700: #B11E1B;
    --red-800: #911F1C;
    --red-900: #77221F;
    --red-950: #400E0C;
    --orange-rgb: 186, 66, 13;
    --orange-50: #FEF7EE;
    --orange-100: #FCEED7;
    --orange-200: #F9D8AD;
    --orange-300: #F7BB76;
    --orange-400: #F28F36;
    --orange-500: #F17313;
    --orange-600: #E25706;
    --orange-700: #BA420D;
    --orange-800: #933615;
    --orange-900: #753017;
    --orange-950: #3E160A;
    --dark-red-rgb: 190, 30, 45;
    --dark-red-50:  #FDF2F4;
    --dark-red-100: #FBE3E7;
    --dark-red-200: #F7CCD3;
    --dark-red-300: #F2A6B1;
    --dark-red-400: #EA6E7F;
    --dark-red-500: #E04258;
    --dark-red-600: #BE1E2D;
    --dark-red-700: #9F1A26;
    --dark-red-800: #821A22;
    --dark-red-900: #6B1B20;
    --dark-red-950: #3A0C11;
    --amber-rgb: 173, 84, 13;
    --amber-50: #FEFBEC;
    --amber-100: #FCF3CB;
    --amber-200: #FAE792;
    --amber-300: #F8D455;
    --amber-400: #F5BC1E;
    --amber-500: #F09E0F;
    --amber-600: #D37709;
    --amber-700: #AD540D;
    --amber-800: #8C4113;
    --amber-900: #723715;
    --amber-950: #401C07;
    --yellow-rgb: 156, 99, 15;
    --yellow-50: #FEFCEA;
    --yellow-100: #FDF9C8;
    --yellow-200: #FCF194;
    --yellow-300: #FBE152;
    --yellow-400: #F5CA0F;
    --yellow-500: #E6B313;
    --yellow-600: #C68A0B;
    --yellow-700: #9C630F;
    --yellow-800: #804E13;
    --yellow-900: #6C4018;
    --yellow-950: #3E210B;
    --lime-rgb: 85, 124, 24;
    --lime-50: #F8FEE9;
    --lime-100: #EFFCCF;
    --lime-200: #DFF8A4;
    --lime-300: #C7F26C;
    --lime-400: #ABE435;
    --lime-500: #8FCC21;
    --lime-600: #6FA12A;
    --lime-700: #557C18;
    --lime-800: #456219;
    --lime-900: #3C531B;
    --lime-950: #1E2E0A;
    --green-rgb: 51, 128, 63;
    --green-50: #F2FDF5;
    --green-100: #E2FBE8;
    --green-200: #C6F6D2;
    --green-300: #99EFAE;
    --green-400: #66DC7E;
    --green-500: #4FC65F;
    --green-600: #3EA34B;
    --green-700: #33803F;
    --green-800: #2B6536;
    --green-900: #26532F;
    --green-950: #112D18;
    --emerald-rgb: 42, 120, 88;
    --emerald-50: #EFFCF5;
    --emerald-100: #D8F9E6;
    --emerald-200: #B6F2D2;
    --emerald-300: #86E6B8;
    --emerald-400: #55D197;
    --emerald-500: #44B982;
    --emerald-600: #35966A;
    --emerald-700: #2A7858;
    --emerald-800: #235F47;
    --emerald-900: #1E4D3C;
    --emerald-950: #0E2B22;
    --teal-rgb: 44, 118, 111;
    --teal-50: #F3FDFA;
    --teal-100: #D5FAF1;
    --teal-200: #ACF4E4;
    --teal-300: #7CE9D5;
    --teal-400: #52D2BE;
    --teal-500: #44B8A7;
    --teal-600: #359489;
    --teal-700: #2C766F;
    --teal-800: #255E59;
    --teal-900: #234D4A;
    --teal-950: #112E2E;
    --cyan-rgb: 42, 115, 46;
    --cyan-50: #EFFDFF;
    --cyan-100: #D fused #D7F9FD;
    --cyan-200: #B4F2FB;
    --cyan-300: #80E7FA;
    --cyan-400: #4BD0EE;
    --cyan-500: #3FB5D7;
    --cyan-600: #3190B4;
    --cyan-700: #2A7392;
    --cyan-800: #275D76;
    --cyan-900: #244D62;
    --cyan-950: #153243;
    --sky-rgb: 35, 103, 163;
    --sky-50: #F1F9FF;
    --sky-100: #E3F1FD;
    --sky-200: #C1E5FC;
    --sky-300: #8BD2FD;
    --sky-400: #4EB9FA;
    --sky-500: #38A3EE;
    --sky-600: #2982CB;
    --sky-700: #2167A3;
    --sky-800: #1F5786;
    --sky-900: #1D496D;
    --sky-950: #132E48;
    --blue-rgb: 35, 70, 221;
    --blue-50: #F0F6FE;
    --blue-100: #DEEAFC;
    --blue-200: #C4DAFC;
    --blue-300: #9AC4FD;
    --blue-400: #65A0FD;
    --blue-500: #447DFC;
    --blue-600: #2D5CF2;
    --blue-700: #2346DD;
    --blue-800: #233889;
    --blue-900: #223BB1;
    --blue-950: #192452;
    --indigo-rgb: 64, 46, 207;
    --indigo-50: #EFF2FE;
    --indigo-100: #E1E7FD;
    --indigo-200: #C9D2FC;
    --indigo-300: #A6B3FD;
    --indigo-400: #7E86FB;
    --indigo-500: #615FF8;
    --indigo-600: #4C3AED;
    --indigo-700: #402ECF;
    --indigo-800: #352AA5;
    --indigo-900: #302C80;
    --indigo-950: #1D1A4A;
    --dark-blue-rgb: 11, 42, 111;
    --dark-blue-50: #f2f5fb;
    --dark-blue-100: #e6ecf8;
    --dark-blue-200: #c0cff0;
    --dark-blue-300: #9ab2e8;
    --dark-blue-400: #6f8fdd;
    --dark-blue-500: #4a70d0;
    --dark-blue-600: #2f55b8;
    --dark-blue-700: #1f3f9a;
    --dark-blue-800: #152e7e;
    --dark-blue-900: #0b2a6f;
    --dark-blue-950: #071a44;
    --violet-rgb: 102, 21, 222;
    --violet-50: #F5F3FE;
    --violet-100: #ECE9FC;
    --violet-200: #DCD6FC;
    --violet-300: #C2B4FD;
    --violet-400: #A185FC;
    --violet-500: #8554FD;
    --violet-600: #7529F4;
    --violet-700: #6615DE;
    --violet-800: #5516B9;
    --violet-900: #471A94;
    --violet-950: #2B0F63;
    --purple-rgb: 119, 17, 210;
    --purple-50: #F9F5FE;
    --purple-100: #F1E8FD;
    --purple-200: #E6D5FD;
    --purple-300: #D4B3FE;
    --purple-400: #B87EFE;
    --purple-500: #A14DFD;
    --purple-600: #8B21F1;
    --purple-700: #7711D2;
    --purple-800: #641AA9;
    --purple-900: #521B86;
    --purple-950: #360862;
    --fuchsia-rgb: 153, 20, 177;
    --fuchsia-50: #FBF4FE;
    --fuchsia-100: #F7E8FE;
    --fuchsia-200: #F0D1FC;
    --fuchsia-300: #E8ABFB;
    --fuchsia-400: #DD72FA;
    --fuchsia-500: #CF3EF3;
    --fuchsia-600: #B715D6;
    --fuchsia-700: #9914B1;
    --fuchsia-800: #7E178F;
    --fuchsia-900: #691D74;
    --fuchsia-950: #44084C;
    --pink-rgb: 181, 26, 91;
    --pink-50: #FBF2F7;
    --pink-100: #F9E8F2;
    --pink-200: #F5D0E7;
    --pink-300: #F1A9D3;
    --pink-400: #E96EB3;
    --pink-500: #E34798;
    --pink-600: #D32475;
    --pink-700: #B51A5B;
    --pink-800: #951B4C;
    --pink-900: #7B1E42;
    --pink-950: #4A0D24;
    --rose-rgb: 182, 20, 58;
    --rose-50: #FCF1F2;
    --rose-100: #FAE5E6;
    --rose-200: #F7CED3;
    --rose-300: #F5A5AE;
    --rose-400: #F06E80;
    --rose-500: #EB3D5B;
    --rose-600: #D81A45;
    --rose-700: #B6143A;
    --rose-800: #971838;
    --rose-900: #7F1B37;
    --rose-950: #460A19;
    --slate-rgb: 53, 65, 86;
    --slate-50: #F8FAFB;
    --slate-100: #F2F5F9;
    --slate-200: #E3E8F0;
    --slate-300: #CCD5E1;
    --slate-400: #93A1B7;
    --slate-500: #65738C;
    --slate-600: #48556A;
    --slate-700: #354156;
    --slate-800: #1F283B;
    --slate-900: #10172A;
    --slate-950: #030616;
    --gray-rgb: 56, 65, 81;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D2D5DB;
    --gray-400: #9AA1AD;
    --gray-500: #6B7281;
    --gray-600: #4C5564;
    --gray-700: #384151;
    --gray-800: #202937;
    --gray-900: #121827;
    --gray-950: #040711;
    --zinc-rgb: 63, 63, 70;
    --zinc-50: #FAFAFA;
    --zinc-100: #F4F4F5;
    --zinc-200: #E4E4E7;
    --zinc-300: #D4D4D8;
    --zinc-400: #9F9FA8;
    --zinc-500: #71717A;
    --zinc-600: #52525B;
    --zinc-700: #3F3F46;
    --zinc-800: #27272A;
    --zinc-900: #18181B;
    --zinc-950: #09090B;
    --neutral-rgb: 64, 64, 64;
    --neutral-50: #FAFAFA;
    --neutral-100: #F5F5F5;
    --neutral-200: #E5E5E5;
    --neutral-300: #D4D4D4;
    --neutral-400: #A1A1A1;
    --neutral-500: #737373;
    --neutral-600: #525252;
    --neutral-700: #404040;
    --neutral-800: #262626;
    --neutral-900: #171717;
    --neutral-950: #0A0A0A;
    --stone-rgb: 68, 64, 60;
    --stone-50: #FAFAF9;
    --stone-100: #F5F5F4;
    --stone-200: #E7E5E4;
    --stone-300: #D6D3D1;
    --stone-400: #A5A09C;
    --stone-500: #77716C;
    --stone-600: #57534E;
    --stone-700: #44403C;
    --stone-800: #282524;
    --stone-900: #1B1917;
    --stone-950: #0C0A09;
    --facebook: #4267B2;
    --instagram: #C13584;
    --linkedin: #0A66C2;
    --x: #14171A;
    --youtube: #FF0000;
    --pinterest: #E60023;
    --dribbble: #E94C88;
    --reddit: #FF4500;
    --whatsapp: #28D146;
    --yelp: #FF1A1A;
    --tumblr: #35465C;
    --medium: #000000;
    --quora: #B92B27;
    --discord: #5865F2;
    --twitch: #9146FF;
    --vimo: #19B7EA;
    --threads: #000000;
    --airbnb: #FF585D;
    --skype: #009EDC;
    --slack: #4A154B;
    --intercom: #041527;
    --facebook-rgb: 66, 103, 178;
    --instagram-rgb: 193, 53, 132;
    --linkedin-rgb: 10, 102, 194;
    --x-rgb: 20, 23, 26;
    --youtube-rgb: 255, 0, 0;
    --pinterest-rgb: 230, 0, 35;
    --dribbble-rgb: 233, 76, 136;
    --reddit-rgb: 255, 69, 0;
    --whatsapp-rgb: 40, 209, 70;
    --yelp-rgb: 255, 26, 26;
    --tumblr-rgb: 53, 70, 92;
    --medium-rgb: 0, 0, 0;
    --quora-rgb: 185, 43, 39;
    --discord-rgb: 88, 101, 242;
    --twitch-rgb: 145, 70, 255;
    --vimo-rgb: 25, 183, 234;
    --threads-rgb: 0, 0, 0;
    --airbnb-rgb: 255, 88, 93;
    --skype-rgb: 0, 158, 220;
    --slack-rgb: 74, 21, 75;
    --intercom-rgb: 4, 21, 39;
    --font-serif: "Playfair Display", serif;
    --font-sans-serif: "Montserrat", sans-serif;
    --font-primary: "Inter", sans-serif;
    --font-handwriting: "Caveat", cursive;
    --font-monospace: "Anonymous Pro", monospace;
    /* Body Text Sizes */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-md: 1.125rem;
    --text-lg: 1.5rem;
    --text-xl: 2rem;
    --text-2xl: 2.5rem;
    --text-base: 0.875rem;
    --text-lead: var(--text-md);
    /* Display Headings */
    --display-1: 3.5rem;
    --display-2: 3rem;
    --display-3: 2.5rem;
    --display-4: 2.25rem;
    --display-5: 2rem;
    --display-6: 1.75rem;
    --display-7: 1.4rem;
    /* Headings */
    --h1: 1.75rem;
    --h2: 1.5rem;
    --h3: 1.25rem;
    --h4: 1.125rem;
    --h5: 1rem;
    --h6: 0.875rem;
    /* Button Text */
    --btn-sm-text: 0.75rem;
    --btn-text: 0.875rem;
    --btn-xl-text: 1rem;
    --ls-xs: 0.125rem;
    --ls-sm: 0.25rem;
    --ls-md: 0.5rem;
    --ls-lg: 0.75rem;
    --ls-xl: 1rem;
    --ls-2xl: 1.25rem;
    --opacity-0: 0;
    --opacity-05: .05;
    --opacity-10: .1;
    --opacity-20: .2;
    --opacity-30: .3;
    --opacity-40: .4;
    --opacity-50: .5;
    --opacity-60: .6;
    --opacity-70: .7;
    --opacity-80: .8;
    --opacity-90: .9;
    --opacity-1: 1;
    --btn-sm-padding-x: .5rem;
    --btn-sm-padding-y: 0.25rem;
    --btn-sm-size: 2rem;
    --btn-padding-x: 1rem;
    --btn-padding-y: 0.25rem;
    --btn-size: 2.375rem;
    --btn-lg-padding-x: 1rem;
    --btn-lg-padding-y: 0.25rem;
    --btn-lg-size: 2.75rem;
    --btn-xl-padding-x: 1.25rem;
    --btn-xl-padding-y: 0.25rem;
    --btn-xl-size: 3rem;
}

/* ============================
   Medium Devices (Tablets)
   Min Width: 768px
   ============================ */
@media (min-width: 768px) {
    :root {
        --text-md: 1.125rem;
        --text-lg: 1.625rem;
        --text-xl: 2.25rem;
        --text-2xl: 2.75rem;
        --text-base: 1rem;
        --text-lead: 1.125rem;
        --display-1: 4.5rem;
        --display-2: 4rem;
        --display-3: 3.5rem;
        --display-4: 3rem;
        --display-5: 2.5rem;
        --display-6: 2.25rem;
        --h1: 2rem;
        --h2: 1.75rem;
        --h3: 1.5rem;
        --h4: 1.25rem;
        --h5: 1.125rem;
        --h6: 1rem;
        --btn-lg-padding-x: 1.5rem;
        --btn-lg-padding-y: 0.25rem;
        --btn-lg-size: 3rem;
        --btn-xl-padding-x: 1.5rem;
        --btn-xl-padding-y: 0.25rem;
        --btn-xl-size: 3.625rem;
    }
}

/* ============================
   Large Devices (Desktops)
   Min Width: 1200px
   ============================ */
@media (min-width: 1200px) {
    :root {
        --text-md: 1.125rem;
        --text-lg: 1.75rem;
        --text-xl: 2.5rem;
        --text-2xl: 3rem;
        --text-base: 1rem;
        --text-lead: 1.125rem;
        --display-1: 6rem;
        --display-2: 5.5rem;
        --display-3: 5rem;
        --display-4: 4.5rem;
        --display-5: 4rem;
        --display-6: 3.5rem;
        --h1: 3rem;
        --h2: 2.5rem;
        --h3: 2.125rem;
        --h4: 1.75rem;
        --h5: 1.5rem;
        --h6: 1.125rem;
    }
}

/* =========================================================================
   Base Styles Consolidation
   ========================================================================= */
/* =========================================================================
   Animation Utility Classes
   ========================================================================= */
.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

/* =========================================================================
   Background Style Utilities
   ========================================================================= */
.bg-st {
    background-position: left top;
}

.bg-et {
    background-position: right top;
}

.bg-cc {
    background-position: center center;
}

.bg-sb {
    background-position: left bottom;
}

.bg-eb {
    background-position: right bottom;
}

.bg-tc {
    background-position: top center;
}

.bg-bc {
    background-position: bottom center;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-blend-multiply {
    background-blend-mode: multiply;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-repeat {
    background-repeat: no-repeat;
}

.bg-size-contain {
    background-size: contain !important;
}

.bg-size-cover {
    background-size: cover !important;
}

/* =========================================================================
   Border Utility Classes
   ========================================================================= */
/* =========================================================================
   Color Utility Classes
   ========================================================================= */
.text-white {
    color: var(--white) !important;
}

.text-white-50 {
    color: var(--white-50) !important;
}

.text-white-100 {
    color: var(--white-100) !important;
}

.text-white-200 {
    color: var(--white-200) !important;
}

.text-white-300 {
    color: var(--white-300) !important;
}

.text-white-400 {
    color: var(--white-400) !important;
}

.text-white-500 {
    color: var(--white-500) !important;
}

.text-white-600 {
    color: var(--white-600) !important;
}

.text-white-700 {
    color: var(--white-700) !important;
}

.text-white-800 {
    color: var(--white-800) !important;
}

.text-white-900 {
    color: var(--white-900) !important;
}

.text-white-950 {
    color: var(--white-950) !important;
}

.text-black {
    color: var(--black) !important;
}

.text-slate-50 {
    color: var(--slate-50) !important;
}

.text-slate-100 {
    color: var(--slate-100) !important;
}

.text-slate-200 {
    color: var(--slate-200) !important;
}

.text-slate-300 {
    color: var(--slate-300) !important;
}

.text-slate-400 {
    color: var(--slate-400) !important;
}

.text-slate-500 {
    color: var(--slate-500) !important;
}

.text-slate-600 {
    color: var(--slate-600) !important;
}

.text-slate-700 {
    color: var(--slate-700) !important;
}

.text-slate-800 {
    color: var(--slate-800) !important;
}

.text-slate-900 {
    color: var(--slate-900) !important;
}

.text-slate-950 {
    color: var(--slate-950) !important;
}

.text-red-50 {
    color: var(--red-50) !important;
}

.text-red-100 {
    color: var(--red-100) !important;
}

.text-red-200 {
    color: var(--red-200) !important;
}

.text-red-300 {
    color: var(--red-300) !important;
}

.text-red-400 {
    color: var(--red-400) !important;
}

.text-red-500 {
    color: var(--red-500) !important;
}

.text-red-600 {
    color: var(--red-600) !important;
}

.text-red-700 {
    color: var(--red-700) !important;
}

.text-red-800 {
    color: var(--red-800) !important;
}

.text-red-900 {
    color: var(--red-900) !important;
}

.text-red-950 {
    color: var(--red-950) !important;
}

.text-orange-50 {
    color: var(--orange-50) !important;
}

.text-orange-100 {
    color: var(--orange-100) !important;
}

.text-orange-200 {
    color: var(--orange-200) !important;
}

.text-orange-300 {
    color: var(--orange-300) !important;
}

.text-orange-400 {
    color: var(--orange-400) !important;
}

.text-orange-500 {
    color: var(--orange-500) !important;
}

.text-orange-600 {
    color: var(--orange-600) !important;
}

.text-orange-700 {
    color: var(--orange-700) !important;
}

.text-orange-800 {
    color: var(--orange-800) !important;
}

.text-orange-900 {
    color: var(--orange-900) !important;
}

.text-orange-950 {
    color: var(--orange-950) !important;
}

.text-dark-red-50 {
    color: var(--dark-red-50) !important;
}

.text-dark-red-100 {
    color: var(--dark-red-100) !important;
}

.text-dark-red-200 {
    color: var(--dark-red-200) !important;
}

.text-dark-red-300 {
    color: var(--dark-red-300) !important;
}

.text-dark-red-400 {
    color: var(--dark-red-400) !important;
}

.text-dark-red-500 {
    color: var(--dark-red-500) !important;
}

.text-dark-red-600 {
    color: var(--dark-red-600) !important;
}

.text-dark-red-700 {
    color: var(--dark-red-700) !important;
}

.text-dark-red-800 {
    color: var(--dark-red-800) !important;
}

.text-dark-red-900 {
    color: var(--dark-red-900) !important;
}

.text-dark-red-950 {
    color: var(--dark-red-950) !important;
}

.text-amber-50 {
    color: var(--amber-50) !important;
}

.text-amber-100 {
    color: var(--amber-100) !important;
}

.text-amber-200 {
    color: var(--amber-200) !important;
}

.text-amber-300 {
    color: var(--amber-300) !important;
}

.text-amber-400 {
    color: var(--amber-400) !important;
}

.text-amber-500 {
    color: var(--amber-500) !important;
}

.text-amber-600 {
    color: var(--amber-600) !important;
}

.text-amber-700 {
    color: var(--amber-700) !important;
}

.text-amber-800 {
    color: var(--amber-800) !important;
}

.text-amber-900 {
    color: var(--amber-900) !important;
}

.text-amber-950 {
    color: var(--amber-950) !important;
}

.text-yellow-50 {
    color: var(--yellow-50) !important;
}

.text-yellow-100 {
    color: var(--yellow-100) !important;
}

.text-yellow-200 {
    color: var(--yellow-200) !important;
}

.text-yellow-300 {
    color: var(--yellow-300) !important;
}

.text-yellow-400 {
    color: var(--yellow-400) !important;
}

.text-yellow-500 {
    color: var(--yellow-500) !important;
}

.text-yellow-600 {
    color: var(--yellow-600) !important;
}

.text-yellow-700 {
    color: var(--yellow-700) !important;
}

.text-yellow-800 {
    color: var(--yellow-800) !important;
}

.text-yellow-900 {
    color: var(--yellow-900) !important;
}

.text-yellow-950 {
    color: var(--yellow-950) !important;
}

.text-lime-50 {
    color: var(--lime-50) !important;
}

.text-lime-100 {
    color: var(--lime-100) !important;
}

.text-lime-200 {
    color: var(--lime-200) !important;
}

.text-lime-300 {
    color: var(--lime-300) !important;
}

.text-lime-400 {
    color: var(--lime-400) !important;
}

.text-lime-500 {
    color: var(--lime-500) !important;
}

.text-lime-600 {
    color: var(--lime-600) !important;
}

.text-lime-700 {
    color: var(--lime-700) !important;
}

.text-lime-800 {
    color: var(--lime-800) !important;
}

.text-lime-900 {
    color: var(--lime-900) !important;
}

.text-lime-950 {
    color: var(--lime-950) !important;
}

.text-green-50 {
    color: var(--green-50) !important;
}

.text-green-100 {
    color: var(--green-100) !important;
}

.text-green-200 {
    color: var(--green-200) !important;
}

.text-green-300 {
    color: var(--green-300) !important;
}

.text-green-400 {
    color: var(--green-400) !important;
}

.text-green-500 {
    color: var(--green-500) !important;
}

.text-green-600 {
    color: var(--green-600) !important;
}

.text-green-700 {
    color: var(--green-700) !important;
}

.text-green-800 {
    color: var(--green-800) !important;
}

.text-green-900 {
    color: var(--green-900) !important;
}

.text-green-950 {
    color: var(--green-950) !important;
}

.text-emerald-50 {
    color: var(--emerald-50) !important;
}

.text-emerald-100 {
    color: var(--emerald-100) !important;
}

.text-emerald-200 {
    color: var(--emerald-200) !important;
}

.text-emerald-300 {
    color: var(--emerald-300) !important;
}

.text-emerald-400 {
    color: var(--emerald-400) !important;
}

.text-emerald-500 {
    color: var(--emerald-500) !important;
}

.text-emerald-600 {
    color: var(--emerald-600) !important;
}

.text-emerald-700 {
    color: var(--emerald-700) !important;
}

.text-emerald-800 {
    color: var(--emerald-800) !important;
}

.text-emerald-900 {
    color: var(--emerald-900) !important;
}

.text-emerald-950 {
    color: var(--emerald-950) !important;
}

.text-teal-50 {
    color: var(--teal-50) !important;
}

.text-teal-100 {
    color: var(--teal-100) !important;
}

.text-teal-200 {
    color: var(--teal-200) !important;
}

.text-teal-300 {
    color: var(--teal-300) !important;
}

.text-teal-400 {
    color: var(--teal-400) !important;
}

.text-teal-500 {
    color: var(--teal-500) !important;
}

.text-teal-600 {
    color: var(--teal-600) !important;
}

.text-teal-700 {
    color: var(--teal-700) !important;
}

.text-teal-800 {
    color: var(--teal-800) !important;
}

.text-teal-900 {
    color: var(--teal-900) !important;
}

.text-teal-950 {
    color: var(--teal-950) !important;
}

.text-cyan-50 {
    color: var(--cyan-50) !important;
}

.text-cyan-100 {
    color: var(--cyan-100) !important;
}

.text-cyan-200 {
    color: var(--cyan-200) !important;
}

.text-cyan-300 {
    color: var(--cyan-300) !important;
}

.text-cyan-400 {
    color: var(--cyan-400) !important;
}

.text-cyan-500 {
    color: var(--cyan-500) !important;
}

.text-cyan-600 {
    color: var(--cyan-600) !important;
}

.text-cyan-700 {
    color: var(--cyan-700) !important;
}

.text-cyan-800 {
    color: var(--cyan-800) !important;
}

.text-cyan-900 {
    color: var(--cyan-900) !important;
}

.text-cyan-950 {
    color: var(--cyan-950) !important;
}

.text-sky-50 {
    color: var(--sky-50) !important;
}

.text-sky-100 {
    color: var(--sky-100) !important;
}

.text-sky-200 {
    color: var(--sky-200) !important;
}

.text-sky-300 {
    color: var(--sky-300) !important;
}

.text-sky-400 {
    color: var(--sky-400) !important;
}

.text-sky-500 {
    color: var(--sky-500) !important;
}

.text-sky-600 {
    color: var(--sky-600) !important;
}

.text-sky-700 {
    color: var(--sky-700) !important;
}

.text-sky-800 {
    color: var(--sky-800) !important;
}

.text-sky-900 {
    color: var(--sky-900) !important;
}

.text-sky-950 {
    color: var(--sky-950) !important;
}

.text-blue-50 {
    color: var(--blue-50) !important;
}

.text-blue-100 {
    color: var(--blue-100) !important;
}

.text-blue-200 {
    color: var(--blue-200) !important;
}

.text-blue-300 {
    color: var(--blue-300) !important;
}

.text-blue-400 {
    color: var(--blue-400) !important;
}

.text-blue-500 {
    color: var(--blue-500) !important;
}

.text-blue-600 {
    color: var(--blue-600) !important;
}

.text-blue-700 {
    color: var(--blue-700) !important;
}

.text-blue-800 {
    color: var(--blue-800) !important;
}

.text-blue-900 {
    color: var(--blue-900) !important;
}

.text-blue-950 {
    color: var(--blue-950) !important;
}

.text-indigo-50 {
    color: var(--indigo-50) !important;
}

.text-indigo-100 {
    color: var(--indigo-100) !important;
}

.text-indigo-200 {
    color: var(--indigo-200) !important;
}

.text-indigo-300 {
    color: var(--indigo-300) !important;
}

.text-indigo-400 {
    color: var(--indigo-400) !important;
}

.text-indigo-500 {
    color: var(--indigo-500) !important;
}

.text-indigo-600 {
    color: var(--indigo-600) !important;
}

.text-indigo-700 {
    color: var(--indigo-700) !important;
}

.text-indigo-800 {
    color: var(--indigo-800) !important;
}

.text-indigo-900 {
    color: var(--indigo-900) !important;
}

.text-indigo-950 {
    color: var(--indigo-950) !important;
}

.text-dark-blue-50 {
    color: var(--dark-blue-50) !important;
}

.text-dark-blue-100 {
    color: var(--dark-blue-100) !important;
}

.text-dark-blue-200 {
    color: var(--dark-blue-200) !important;
}

.text-dark-blue-300 {
    color: var(--dark-blue-300) !important;
}

.text-dark-blue-400 {
    color: var(--dark-blue-400) !important;
}

.text-dark-blue-500 {
    color: var(--dark-blue-500) !important;
}

.text-dark-blue-600 {
    color: var(--dark-blue-600) !important;
}

.text-dark-blue-700 {
    color: var(--dark-blue-700) !important;
}

.text-dark-blue-800 {
    color: var(--dark-blue-800) !important;
}

.text-dark-blue-900 {
    color: var(--dark-blue-900) !important;
}

.text-dark-blue-950 {
    color: var(--dark-blue-950) !important;
}

.text-violet-50 {
    color: var(--violet-50) !important;
}

.text-violet-100 {
    color: var(--violet-100) !important;
}

.text-violet-200 {
    color: var(--violet-200) !important;
}

.text-violet-300 {
    color: var(--violet-300) !important;
}

.text-violet-400 {
    color: var(--violet-400) !important;
}

.text-violet-500 {
    color: var(--violet-500) !important;
}

.text-violet-600 {
    color: var(--violet-600) !important;
}

.text-violet-700 {
    color: var(--violet-700) !important;
}

.text-violet-800 {
    color: var(--violet-800) !important;
}

.text-violet-900 {
    color: var(--violet-900) !important;
}

.text-violet-950 {
    color: var(--violet-950) !important;
}

.text-purple-50 {
    color: var(--purple-50) !important;
}

.text-purple-100 {
    color: var(--purple-100) !important;
}

.text-purple-200 {
    color: var(--purple-200) !important;
}

.text-purple-300 {
    color: var(--purple-300) !important;
}

.text-purple-400 {
    color: var(--purple-400) !important;
}

.text-purple-500 {
    color: var(--purple-500) !important;
}

.text-purple-600 {
    color: var(--purple-600) !important;
}

.text-purple-700 {
    color: var(--purple-700) !important;
}

.text-purple-800 {
    color: var(--purple-800) !important;
}

.text-purple-900 {
    color: var(--purple-900) !important;
}

.text-purple-950 {
    color: var(--purple-950) !important;
}

.text-fuchsia-50 {
    color: var(--fuchsia-50) !important;
}

.text-fuchsia-100 {
    color: var(--fuchsia-100) !important;
}

.text-fuchsia-200 {
    color: var(--fuchsia-200) !important;
}

.text-fuchsia-300 {
    color: var(--fuchsia-300) !important;
}

.text-fuchsia-400 {
    color: var(--fuchsia-400) !important;
}

.text-fuchsia-500 {
    color: var(--fuchsia-500) !important;
}

.text-fuchsia-600 {
    color: var(--fuchsia-600) !important;
}

.text-fuchsia-700 {
    color: var(--fuchsia-700) !important;
}

.text-fuchsia-800 {
    color: var(--fuchsia-800) !important;
}

.text-fuchsia-900 {
    color: var(--fuchsia-900) !important;
}

.text-fuchsia-950 {
    color: var(--fuchsia-950) !important;
}

.text-pink-50 {
    color: var(--pink-50) !important;
}

.text-pink-100 {
    color: var(--pink-100) !important;
}

.text-pink-200 {
    color: var(--pink-200) !important;
}

.text-pink-300 {
    color: var(--pink-300) !important;
}

.text-pink-400 {
    color: var(--pink-400) !important;
}

.text-pink-500 {
    color: var(--pink-500) !important;
}

.text-pink-600 {
    color: var(--pink-600) !important;
}

.text-pink-700 {
    color: var(--pink-700) !important;
}

.text-pink-800 {
    color: var(--pink-800) !important;
}

.text-pink-900 {
    color: var(--pink-900) !important;
}

.text-pink-950 {
    color: var(--pink-950) !important;
}

.text-rose-50 {
    color: var(--rose-50) !important;
}

.text-rose-100 {
    color: var(--rose-100) !important;
}

.text-rose-200 {
    color: var(--rose-200) !important;
}

.text-rose-300 {
    color: var(--rose-300) !important;
}

.text-rose-400 {
    color: var(--rose-400) !important;
}

.text-rose-500 {
    color: var(--rose-500) !important;
}

.text-rose-600 {
    color: var(--rose-600) !important;
}

.text-rose-700 {
    color: var(--rose-700) !important;
}

.text-rose-800 {
    color: var(--rose-800) !important;
}

.text-rose-900 {
    color: var(--rose-900) !important;
}

.text-rose-950 {
    color: var(--rose-950) !important;
}

.text-gray-50 {
    color: var(--gray-50) !important;
}

.text-gray-100 {
    color: var(--gray-100) !important;
}

.text-gray-200 {
    color: var(--gray-200) !important;
}

.text-gray-300 {
    color: var(--gray-300) !important;
}

.text-gray-400 {
    color: var(--gray-400) !important;
}

.text-gray-500 {
    color: var(--gray-500) !important;
}

.text-gray-600 {
    color: var(--gray-600) !important;
}

.text-gray-700 {
    color: var(--gray-700) !important;
}

.text-gray-800 {
    color: var(--gray-800) !important;
}

.text-gray-900 {
    color: var(--gray-900) !important;
}

.text-gray-950 {
    color: var(--gray-950) !important;
}

.text-zinc-50 {
    color: var(--zinc-50) !important;
}

.text-zinc-100 {
    color: var(--zinc-100) !important;
}

.text-zinc-200 {
    color: var(--zinc-200) !important;
}

.text-zinc-300 {
    color: var(--zinc-300) !important;
}

.text-zinc-400 {
    color: var(--zinc-400) !important;
}

.text-zinc-500 {
    color: var(--zinc-500) !important;
}

.text-zinc-600 {
    color: var(--zinc-600) !important;
}

.text-zinc-700 {
    color: var(--zinc-700) !important;
}

.text-zinc-800 {
    color: var(--zinc-800) !important;
}

.text-zinc-900 {
    color: var(--zinc-900) !important;
}

.text-zinc-950 {
    color: var(--zinc-950) !important;
}

.text-neutral-50 {
    color: var(--neutral-50) !important;
}

.text-neutral-100 {
    color: var(--neutral-100) !important;
}

.text-neutral-200 {
    color: var(--neutral-200) !important;
}

.text-neutral-300 {
    color: var(--neutral-300) !important;
}

.text-neutral-400 {
    color: var(--neutral-400) !important;
}

.text-neutral-500 {
    color: var(--neutral-500) !important;
}

.text-neutral-600 {
    color: var(--neutral-600) !important;
}

.text-neutral-700 {
    color: var(--neutral-700) !important;
}

.text-neutral-800 {
    color: var(--neutral-800) !important;
}

.text-neutral-900 {
    color: var(--neutral-900) !important;
}

.text-neutral-950 {
    color: var(--neutral-950) !important;
}

.text-stone-50 {
    color: var(--stone-50) !important;
}

.text-stone-100 {
    color: var(--stone-100) !important;
}

.text-stone-200 {
    color: var(--stone-200) !important;
}

.text-stone-300 {
    color: var(--stone-300) !important;
}

.text-stone-400 {
    color: var(--stone-400) !important;
}

.text-stone-500 {
    color: var(--stone-500) !important;
}

.text-stone-600 {
    color: var(--stone-600) !important;
}

.text-stone-700 {
    color: var(--stone-700) !important;
}

.text-stone-800 {
    color: var(--stone-800) !important;
}

.text-stone-900 {
    color: var(--stone-900) !important;
}

.text-stone-950 {
    color: var(--stone-950) !important;
}

/* =========================================================================
   Background Color Utilities
   ========================================================================= */
.bg-gradient-to-end {
    background-image: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
}

.bg-gradient-to-top {
    background-image: linear-gradient(to top, var(--gradient-start), var(--gradient-end));
}

.bg-gradient-to-top-right {
    background-image: linear-gradient(to top right, var(--gradient-start), var(--gradient-end));
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-red-50 {
    background-color: var(--red-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-50:hover {
    background-color: var(--red-50) !important;
}

.from-red-50 {
    --gradient-start: var(--red-50) !important;
}

.to-red-50 {
    --gradient-end: var(--red-50) !important;
}

.bg-overlay-red-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-100 {
    background-color: var(--red-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-100:hover {
    background-color: var(--red-100) !important;
}

.from-red-100 {
    --gradient-start: var(--red-100) !important;
}

.to-red-100 {
    --gradient-end: var(--red-100) !important;
}

.bg-overlay-red-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-200 {
    background-color: var(--red-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-200:hover {
    background-color: var(--red-200) !important;
}

.from-red-200 {
    --gradient-start: var(--red-200) !important;
}

.to-red-200 {
    --gradient-end: var(--red-200) !important;
}

.bg-overlay-red-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-300 {
    background-color: var(--red-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-300:hover {
    background-color: var(--red-300) !important;
}

.from-red-300 {
    --gradient-start: var(--red-300) !important;
}

.to-red-300 {
    --gradient-end: var(--red-300) !important;
}

.bg-overlay-red-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-400 {
    background-color: var(--red-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-400:hover {
    background-color: var(--red-400) !important;
}

.from-red-400 {
    --gradient-start: var(--red-400) !important;
}

.to-red-400 {
    --gradient-end: var(--red-400) !important;
}

.bg-overlay-red-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-500 {
    background-color: var(--red-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-500:hover {
    background-color: var(--red-500) !important;
}

.from-red-500 {
    --gradient-start: var(--red-500) !important;
}

.to-red-500 {
    --gradient-end: var(--red-500) !important;
}

.bg-overlay-red-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-600 {
    background-color: var(--red-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-600:hover {
    background-color: var(--red-600) !important;
}

.from-red-600 {
    --gradient-start: var(--red-600) !important;
}

.to-red-600 {
    --gradient-end: var(--red-600) !important;
}

.bg-overlay-red-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-700 {
    background-color: var(--red-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-700:hover {
    background-color: var(--red-700) !important;
}

.from-red-700 {
    --gradient-start: var(--red-700) !important;
}

.to-red-700 {
    --gradient-end: var(--red-700) !important;
}

.bg-overlay-red-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-800 {
    background-color: var(--red-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-800:hover {
    background-color: var(--red-800) !important;
}

.from-red-800 {
    --gradient-start: var(--red-800) !important;
}

.to-red-800 {
    --gradient-end: var(--red-800) !important;
}

.bg-overlay-red-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-900 {
    background-color: var(--red-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-900:hover {
    background-color: var(--red-900) !important;
}

.from-red-900 {
    --gradient-start: var(--red-900) !important;
}

.to-red-900 {
    --gradient-end: var(--red-900) !important;
}

.bg-overlay-red-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-red-950 {
    background-color: var(--red-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-red-950:hover {
    background-color: var(--red-950) !important;
}

.from-red-950 {
    --gradient-start: var(--red-950) !important;
}

.to-red-950 {
    --gradient-end: var(--red-950) !important;
}

.bg-overlay-red-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--red-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-50 {
    background-color: var(--orange-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-50:hover {
    background-color: var(--orange-50) !important;
}

.from-orange-50 {
    --gradient-start: var(--orange-50) !important;
}

.to-orange-50 {
    --gradient-end: var(--orange-50) !important;
}

.bg-overlay-orange-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-100 {
    background-color: var(--orange-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-100:hover {
    background-color: var(--orange-100) !important;
}

.from-orange-100 {
    --gradient-start: var(--orange-100) !important;
}

.to-orange-100 {
    --gradient-end: var(--orange-100) !important;
}

.bg-overlay-orange-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-200 {
    background-color: var(--orange-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-200:hover {
    background-color: var(--orange-200) !important;
}

.from-orange-200 {
    --gradient-start: var(--orange-200) !important;
}

.to-orange-200 {
    --gradient-end: var(--orange-200) !important;
}

.bg-overlay-orange-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-300 {
    background-color: var(--orange-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-300:hover {
    background-color: var(--orange-300) !important;
}

.from-orange-300 {
    --gradient-start: var(--orange-300) !important;
}

.to-orange-300 {
    --gradient-end: var(--orange-300) !important;
}

.bg-overlay-orange-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-400 {
    background-color: var(--orange-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-400:hover {
    background-color: var(--orange-400) !important;
}

.from-orange-400 {
    --gradient-start: var(--orange-400) !important;
}

.to-orange-400 {
    --gradient-end: var(--orange-400) !important;
}

.bg-overlay-orange-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-500 {
    background-color: var(--orange-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-500:hover {
    background-color: var(--orange-500) !important;
}

.from-orange-500 {
    --gradient-start: var(--orange-500) !important;
}

.to-orange-500 {
    --gradient-end: var(--orange-500) !important;
}

.bg-overlay-orange-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-600 {
    background-color: var(--orange-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-600:hover {
    background-color: var(--orange-600) !important;
}

.from-orange-600 {
    --gradient-start: var(--orange-600) !important;
}

.to-orange-600 {
    --gradient-end: var(--orange-600) !important;
}

.bg-overlay-orange-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-700 {
    background-color: var(--orange-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-700:hover {
    background-color: var(--orange-700) !important;
}

.from-orange-700 {
    --gradient-start: var(--orange-700) !important;
}

.to-orange-700 {
    --gradient-end: var(--orange-700) !important;
}

.bg-overlay-orange-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-800 {
    background-color: var(--orange-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-800:hover {
    background-color: var(--orange-800) !important;
}

.from-orange-800 {
    --gradient-start: var(--orange-800) !important;
}

.to-orange-800 {
    --gradient-end: var(--orange-800) !important;
}

.bg-overlay-orange-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-900 {
    background-color: var(--orange-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-900:hover {
    background-color: var(--orange-900) !important;
}

.from-orange-900 {
    --gradient-start: var(--orange-900) !important;
}

.to-orange-900 {
    --gradient-end: var(--orange-900) !important;
}

.bg-overlay-orange-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-orange-950 {
    background-color: var(--orange-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-orange-950:hover {
    background-color: var(--orange-950) !important;
}

.from-orange-950 {
    --gradient-start: var(--orange-950) !important;
}

.to-orange-950 {
    --gradient-end: var(--orange-950) !important;
}

.bg-overlay-orange-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--orange-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-50 {
    background-color: var(--dark-red-50) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-50:hover {
    background-color: var(--dark-red-50) !important;
}

.from-dark-red-50 {
    --gradient-start: var(--dark-red-50) !important;
}

.to-dark-red-50 {
    --gradient-end: var(--dark-red-50) !important;
}

.bg-overlay-dark-red-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-100 {
    background-color: var(--dark-red-100) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-100:hover {
    background-color: var(--dark-red-100) !important;
}

.from-dark-red-100 {
    --gradient-start: var(--dark-red-100) !important;
}

.to-dark-red-100 {
    --gradient-end: var(--dark-red-100) !important;
}

.bg-overlay-dark-red-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-200 {
    background-color: var(--dark-red-200) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-200:hover {
    background-color: var(--dark-red-200) !important;
}

.from-dark-red-200 {
    --gradient-start: var(--dark-red-200) !important;
}

.to-dark-red-200 {
    --gradient-end: var(--dark-red-200) !important;
}

.bg-overlay-dark-red-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-300 {
    background-color: var(--dark-red-300) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-300:hover {
    background-color: var(--dark-red-300) !important;
}

.from-dark-red-300 {
    --gradient-start: var(--dark-red-300) !important;
}

.to-dark-red-300 {
    --gradient-end: var(--dark-red-300) !important;
}

.bg-overlay-dark-red-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-400 {
    background-color: var(--dark-red-400) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-400:hover {
    background-color: var(--dark-red-400) !important;
}

.from-dark-red-400 {
    --gradient-start: var(--dark-red-400) !important;
}

.to-dark-red-400 {
    --gradient-end: var(--dark-red-400) !important;
}

.bg-overlay-dark-red-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-500 {
    background-color: var(--dark-red-500) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-500:hover {
    background-color: var(--dark-red-500) !important;
}

.from-dark-red-500 {
    --gradient-start: var(--dark-red-500) !important;
}

.to-dark-red-500 {
    --gradient-end: var(--dark-red-500) !important;
}

.bg-overlay-dark-red-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-600 {
    background-color: var(--dark-red-600) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-600:hover {
    background-color: var(--dark-red-600) !important;
}

.from-dark-red-600 {
    --gradient-start: var(--dark-red-600) !important;
}

.to-dark-red-600 {
    --gradient-end: var(--dark-red-600) !important;
}

.bg-overlay-dark-red-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-700 {
    background-color: var(--dark-red-700) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-700:hover {
    background-color: var(--dark-red-700) !important;
}

.from-dark-red-700 {
    --gradient-start: var(--dark-red-700) !important;
}

.to-dark-red-700 {
    --gradient-end: var(--dark-red-700) !important;
}

.bg-overlay-dark-red-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-800 {
    background-color: var(--dark-red-800) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-800:hover {
    background-color: var(--dark-red-800) !important;
}

.from-dark-red-800 {
    --gradient-start: var(--dark-red-800) !important;
}

.to-dark-red-800 {
    --gradient-end: var(--dark-red-800) !important;
}

.bg-overlay-dark-red-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-900 {
    background-color: var(--dark-red-900) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-900:hover {
    background-color: var(--dark-red-900) !important;
}

.from-dark-red-900 {
    --gradient-start: var(--dark-red-900) !important;
}

.to-dark-red-900 {
    --gradient-end: var(--dark-red-900) !important;
}

.bg-overlay-dark-red-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-red-950 {
    background-color: var(--dark-red-950) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-red-950:hover {
    background-color: var(--dark-red-950) !important;
}

.from-dark-red-950 {
    --gradient-start: var(--dark-red-950) !important;
}

.to-dark-red-950 {
    --gradient-end: var(--dark-red-950) !important;
}

.bg-overlay-dark-red-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-red-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-50 {
    background-color: var(--amber-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-50:hover {
    background-color: var(--amber-50) !important;
}

.from-amber-50 {
    --gradient-start: var(--amber-50) !important;
}

.to-amber-50 {
    --gradient-end: var(--amber-50) !important;
}

.bg-overlay-amber-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-100 {
    background-color: var(--amber-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-100:hover {
    background-color: var(--amber-100) !important;
}

.from-amber-100 {
    --gradient-start: var(--amber-100) !important;
}

.to-amber-100 {
    --gradient-end: var(--amber-100) !important;
}

.bg-overlay-amber-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-200 {
    background-color: var(--amber-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-200:hover {
    background-color: var(--amber-200) !important;
}

.from-amber-200 {
    --gradient-start: var(--amber-200) !important;
}

.to-amber-200 {
    --gradient-end: var(--amber-200) !important;
}

.bg-overlay-amber-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-300 {
    background-color: var(--amber-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-300:hover {
    background-color: var(--amber-300) !important;
}

.from-amber-300 {
    --gradient-start: var(--amber-300) !important;
}

.to-amber-300 {
    --gradient-end: var(--amber-300) !important;
}

.bg-overlay-amber-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-400 {
    background-color: var(--amber-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-400:hover {
    background-color: var(--amber-400) !important;
}

.from-amber-400 {
    --gradient-start: var(--amber-400) !important;
}

.to-amber-400 {
    --gradient-end: var(--amber-400) !important;
}

.bg-overlay-amber-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-500 {
    background-color: var(--amber-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-500:hover {
    background-color: var(--amber-500) !important;
}

.from-amber-500 {
    --gradient-start: var(--amber-500) !important;
}

.to-amber-500 {
    --gradient-end: var(--amber-500) !important;
}

.bg-overlay-amber-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-600 {
    background-color: var(--amber-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-600:hover {
    background-color: var(--amber-600) !important;
}

.from-amber-600 {
    --gradient-start: var(--amber-600) !important;
}

.to-amber-600 {
    --gradient-end: var(--amber-600) !important;
}

.bg-overlay-amber-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-700 {
    background-color: var(--amber-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-700:hover {
    background-color: var(--amber-700) !important;
}

.from-amber-700 {
    --gradient-start: var(--amber-700) !important;
}

.to-amber-700 {
    --gradient-end: var(--amber-700) !important;
}

.bg-overlay-amber-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-800 {
    background-color: var(--amber-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-800:hover {
    background-color: var(--amber-800) !important;
}

.from-amber-800 {
    --gradient-start: var(--amber-800) !important;
}

.to-amber-800 {
    --gradient-end: var(--amber-800) !important;
}

.bg-overlay-amber-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-900 {
    background-color: var(--amber-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-900:hover {
    background-color: var(--amber-900) !important;
}

.from-amber-900 {
    --gradient-start: var(--amber-900) !important;
}

.to-amber-900 {
    --gradient-end: var(--amber-900) !important;
}

.bg-overlay-amber-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-amber-950 {
    background-color: var(--amber-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-amber-950:hover {
    background-color: var(--amber-950) !important;
}

.from-amber-950 {
    --gradient-start: var(--amber-950) !important;
}

.to-amber-950 {
    --gradient-end: var(--amber-950) !important;
}

.bg-overlay-amber-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--amber-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-50 {
    background-color: var(--yellow-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-50:hover {
    background-color: var(--yellow-50) !important;
}

.from-yellow-50 {
    --gradient-start: var(--yellow-50) !important;
}

.to-yellow-50 {
    --gradient-end: var(--yellow-50) !important;
}

.bg-overlay-yellow-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-100 {
    background-color: var(--yellow-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-100:hover {
    background-color: var(--yellow-100) !important;
}

.from-yellow-100 {
    --gradient-start: var(--yellow-100) !important;
}

.to-yellow-100 {
    --gradient-end: var(--yellow-100) !important;
}

.bg-overlay-yellow-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-200 {
    background-color: var(--yellow-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-200:hover {
    background-color: var(--yellow-200) !important;
}

.from-yellow-200 {
    --gradient-start: var(--yellow-200) !important;
}

.to-yellow-200 {
    --gradient-end: var(--yellow-200) !important;
}

.bg-overlay-yellow-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-300 {
    background-color: var(--yellow-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-300:hover {
    background-color: var(--yellow-300) !important;
}

.from-yellow-300 {
    --gradient-start: var(--yellow-300) !important;
}

.to-yellow-300 {
    --gradient-end: var(--yellow-300) !important;
}

.bg-overlay-yellow-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-400 {
    background-color: var(--yellow-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-400:hover {
    background-color: var(--yellow-400) !important;
}

.from-yellow-400 {
    --gradient-start: var(--yellow-400) !important;
}

.to-yellow-400 {
    --gradient-end: var(--yellow-400) !important;
}

.bg-overlay-yellow-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-500 {
    background-color: var(--yellow-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-500:hover {
    background-color: var(--yellow-500) !important;
}

.from-yellow-500 {
    --gradient-start: var(--yellow-500) !important;
}

.to-yellow-500 {
    --gradient-end: var(--yellow-500) !important;
}

.bg-overlay-yellow-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-600 {
    background-color: var(--yellow-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-600:hover {
    background-color: var(--yellow-600) !important;
}

.from-yellow-600 {
    --gradient-start: var(--yellow-600) !important;
}

.to-yellow-600 {
    --gradient-end: var(--yellow-600) !important;
}

.bg-overlay-yellow-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-700 {
    background-color: var(--yellow-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-700:hover {
    background-color: var(--yellow-700) !important;
}

.from-yellow-700 {
    --gradient-start: var(--yellow-700) !important;
}

.to-yellow-700 {
    --gradient-end: var(--yellow-700) !important;
}

.bg-overlay-yellow-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-800 {
    background-color: var(--yellow-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-800:hover {
    background-color: var(--yellow-800) !important;
}

.from-yellow-800 {
    --gradient-start: var(--yellow-800) !important;
}

.to-yellow-800 {
    --gradient-end: var(--yellow-800) !important;
}

.bg-overlay-yellow-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-900 {
    background-color: var(--yellow-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-900:hover {
    background-color: var(--yellow-900) !important;
}

.from-yellow-900 {
    --gradient-start: var(--yellow-900) !important;
}

.to-yellow-900 {
    --gradient-end: var(--yellow-900) !important;
}

.bg-overlay-yellow-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-yellow-950 {
    background-color: var(--yellow-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-yellow-950:hover {
    background-color: var(--yellow-950) !important;
}

.from-yellow-950 {
    --gradient-start: var(--yellow-950) !important;
}

.to-yellow-950 {
    --gradient-end: var(--yellow-950) !important;
}

.bg-overlay-yellow-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--yellow-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-50 {
    background-color: var(--lime-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-50:hover {
    background-color: var(--lime-50) !important;
}

.from-lime-50 {
    --gradient-start: var(--lime-50) !important;
}

.to-lime-50 {
    --gradient-end: var(--lime-50) !important;
}

.bg-overlay-lime-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-100 {
    background-color: var(--lime-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-100:hover {
    background-color: var(--lime-100) !important;
}

.from-lime-100 {
    --gradient-start: var(--lime-100) !important;
}

.to-lime-100 {
    --gradient-end: var(--lime-100) !important;
}

.bg-overlay-lime-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-200 {
    background-color: var(--lime-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-200:hover {
    background-color: var(--lime-200) !important;
}

.from-lime-200 {
    --gradient-start: var(--lime-200) !important;
}

.to-lime-200 {
    --gradient-end: var(--lime-200) !important;
}

.bg-overlay-lime-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-300 {
    background-color: var(--lime-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-300:hover {
    background-color: var(--lime-300) !important;
}

.from-lime-300 {
    --gradient-start: var(--lime-300) !important;
}

.to-lime-300 {
    --gradient-end: var(--lime-300) !important;
}

.bg-overlay-lime-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-400 {
    background-color: var(--lime-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-400:hover {
    background-color: var(--lime-400) !important;
}

.from-lime-400 {
    --gradient-start: var(--lime-400) !important;
}

.to-lime-400 {
    --gradient-end: var(--lime-400) !important;
}

.bg-overlay-lime-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-500 {
    background-color: var(--lime-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-500:hover {
    background-color: var(--lime-500) !important;
}

.from-lime-500 {
    --gradient-start: var(--lime-500) !important;
}

.to-lime-500 {
    --gradient-end: var(--lime-500) !important;
}

.bg-overlay-lime-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-600 {
    background-color: var(--lime-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-600:hover {
    background-color: var(--lime-600) !important;
}

.from-lime-600 {
    --gradient-start: var(--lime-600) !important;
}

.to-lime-600 {
    --gradient-end: var(--lime-600) !important;
}

.bg-overlay-lime-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-700 {
    background-color: var(--lime-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-700:hover {
    background-color: var(--lime-700) !important;
}

.from-lime-700 {
    --gradient-start: var(--lime-700) !important;
}

.to-lime-700 {
    --gradient-end: var(--lime-700) !important;
}

.bg-overlay-lime-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-800 {
    background-color: var(--lime-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-800:hover {
    background-color: var(--lime-800) !important;
}

.from-lime-800 {
    --gradient-start: var(--lime-800) !important;
}

.to-lime-800 {
    --gradient-end: var(--lime-800) !important;
}

.bg-overlay-lime-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-900 {
    background-color: var(--lime-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-900:hover {
    background-color: var(--lime-900) !important;
}

.from-lime-900 {
    --gradient-start: var(--lime-900) !important;
}

.to-lime-900 {
    --gradient-end: var(--lime-900) !important;
}

.bg-overlay-lime-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-lime-950 {
    background-color: var(--lime-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-lime-950:hover {
    background-color: var(--lime-950) !important;
}

.from-lime-950 {
    --gradient-start: var(--lime-950) !important;
}

.to-lime-950 {
    --gradient-end: var(--lime-950) !important;
}

.bg-overlay-lime-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--lime-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-50 {
    background-color: var(--green-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-50:hover {
    background-color: var(--green-50) !important;
}

.from-green-50 {
    --gradient-start: var(--green-50) !important;
}

.to-green-50 {
    --gradient-end: var(--green-50) !important;
}

.bg-overlay-green-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-100 {
    background-color: var(--green-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-100:hover {
    background-color: var(--green-100) !important;
}

.from-green-100 {
    --gradient-start: var(--green-100) !important;
}

.to-green-100 {
    --gradient-end: var(--green-100) !important;
}

.bg-overlay-green-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-200 {
    background-color: var(--green-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-200:hover {
    background-color: var(--green-200) !important;
}

.from-green-200 {
    --gradient-start: var(--green-200) !important;
}

.to-green-200 {
    --gradient-end: var(--green-200) !important;
}

.bg-overlay-green-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-300 {
    background-color: var(--green-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-300:hover {
    background-color: var(--green-300) !important;
}

.from-green-300 {
    --gradient-start: var(--green-300) !important;
}

.to-green-300 {
    --gradient-end: var(--green-300) !important;
}

.bg-overlay-green-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-400 {
    background-color: var(--green-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-400:hover {
    background-color: var(--green-400) !important;
}

.from-green-400 {
    --gradient-start: var(--green-400) !important;
}

.to-green-400 {
    --gradient-end: var(--green-400) !important;
}

.bg-overlay-green-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-500 {
    background-color: var(--green-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-500:hover {
    background-color: var(--green-500) !important;
}

.from-green-500 {
    --gradient-start: var(--green-500) !important;
}

.to-green-500 {
    --gradient-end: var(--green-500) !important;
}

.bg-overlay-green-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-600 {
    background-color: var(--green-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-600:hover {
    background-color: var(--green-600) !important;
}

.from-green-600 {
    --gradient-start: var(--green-600) !important;
}

.to-green-600 {
    --gradient-end: var(--green-600) !important;
}

.bg-overlay-green-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-700 {
    background-color: var(--green-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-700:hover {
    background-color: var(--green-700) !important;
}

.from-green-700 {
    --gradient-start: var(--green-700) !important;
}

.to-green-700 {
    --gradient-end: var(--green-700) !important;
}

.bg-overlay-green-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-800 {
    background-color: var(--green-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-800:hover {
    background-color: var(--green-800) !important;
}

.from-green-800 {
    --gradient-start: var(--green-800) !important;
}

.to-green-800 {
    --gradient-end: var(--green-800) !important;
}

.bg-overlay-green-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-900 {
    background-color: var(--green-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-900:hover {
    background-color: var(--green-900) !important;
}

.from-green-900 {
    --gradient-start: var(--green-900) !important;
}

.to-green-900 {
    --gradient-end: var(--green-900) !important;
}

.bg-overlay-green-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-green-950 {
    background-color: var(--green-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-green-950:hover {
    background-color: var(--green-950) !important;
}

.from-green-950 {
    --gradient-start: var(--green-950) !important;
}

.to-green-950 {
    --gradient-end: var(--green-950) !important;
}

.bg-overlay-green-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--green-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-50 {
    background-color: var(--emerald-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-50:hover {
    background-color: var(--emerald-50) !important;
}

.from-emerald-50 {
    --gradient-start: var(--emerald-50) !important;
}

.to-emerald-50 {
    --gradient-end: var(--emerald-50) !important;
}

.bg-overlay-emerald-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-100 {
    background-color: var(--emerald-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-100:hover {
    background-color: var(--emerald-100) !important;
}

.from-emerald-100 {
    --gradient-start: var(--emerald-100) !important;
}

.to-emerald-100 {
    --gradient-end: var(--emerald-100) !important;
}

.bg-overlay-emerald-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-200 {
    background-color: var(--emerald-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-200:hover {
    background-color: var(--emerald-200) !important;
}

.from-emerald-200 {
    --gradient-start: var(--emerald-200) !important;
}

.to-emerald-200 {
    --gradient-end: var(--emerald-200) !important;
}

.bg-overlay-emerald-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-300 {
    background-color: var(--emerald-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-300:hover {
    background-color: var(--emerald-300) !important;
}

.from-emerald-300 {
    --gradient-start: var(--emerald-300) !important;
}

.to-emerald-300 {
    --gradient-end: var(--emerald-300) !important;
}

.bg-overlay-emerald-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-400 {
    background-color: var(--emerald-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-400:hover {
    background-color: var(--emerald-400) !important;
}

.from-emerald-400 {
    --gradient-start: var(--emerald-400) !important;
}

.to-emerald-400 {
    --gradient-end: var(--emerald-400) !important;
}

.bg-overlay-emerald-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-500 {
    background-color: var(--emerald-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-500:hover {
    background-color: var(--emerald-500) !important;
}

.from-emerald-500 {
    --gradient-start: var(--emerald-500) !important;
}

.to-emerald-500 {
    --gradient-end: var(--emerald-500) !important;
}

.bg-overlay-emerald-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-600 {
    background-color: var(--emerald-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-600:hover {
    background-color: var(--emerald-600) !important;
}

.from-emerald-600 {
    --gradient-start: var(--emerald-600) !important;
}

.to-emerald-600 {
    --gradient-end: var(--emerald-600) !important;
}

.bg-overlay-emerald-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-700 {
    background-color: var(--emerald-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-700:hover {
    background-color: var(--emerald-700) !important;
}

.from-emerald-700 {
    --gradient-start: var(--emerald-700) !important;
}

.to-emerald-700 {
    --gradient-end: var(--emerald-700) !important;
}

.bg-overlay-emerald-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-800 {
    background-color: var(--emerald-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-800:hover {
    background-color: var(--emerald-800) !important;
}

.from-emerald-800 {
    --gradient-start: var(--emerald-800) !important;
}

.to-emerald-800 {
    --gradient-end: var(--emerald-800) !important;
}

.bg-overlay-emerald-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-900 {
    background-color: var(--emerald-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-900:hover {
    background-color: var(--emerald-900) !important;
}

.from-emerald-900 {
    --gradient-start: var(--emerald-900) !important;
}

.to-emerald-900 {
    --gradient-end: var(--emerald-900) !important;
}

.bg-overlay-emerald-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-emerald-950 {
    background-color: var(--emerald-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-emerald-950:hover {
    background-color: var(--emerald-950) !important;
}

.from-emerald-950 {
    --gradient-start: var(--emerald-950) !important;
}

.to-emerald-950 {
    --gradient-end: var(--emerald-950) !important;
}

.bg-overlay-emerald-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--emerald-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-50 {
    background-color: var(--teal-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-50:hover {
    background-color: var(--teal-50) !important;
}

.from-teal-50 {
    --gradient-start: var(--teal-50) !important;
}

.to-teal-50 {
    --gradient-end: var(--teal-50) !important;
}

.bg-overlay-teal-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-100 {
    background-color: var(--teal-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-100:hover {
    background-color: var(--teal-100) !important;
}

.from-teal-100 {
    --gradient-start: var(--teal-100) !important;
}

.to-teal-100 {
    --gradient-end: var(--teal-100) !important;
}

.bg-overlay-teal-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-200 {
    background-color: var(--teal-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-200:hover {
    background-color: var(--teal-200) !important;
}

.from-teal-200 {
    --gradient-start: var(--teal-200) !important;
}

.to-teal-200 {
    --gradient-end: var(--teal-200) !important;
}

.bg-overlay-teal-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-300 {
    background-color: var(--teal-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-300:hover {
    background-color: var(--teal-300) !important;
}

.from-teal-300 {
    --gradient-start: var(--teal-300) !important;
}

.to-teal-300 {
    --gradient-end: var(--teal-300) !important;
}

.bg-overlay-teal-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-400 {
    background-color: var(--teal-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-400:hover {
    background-color: var(--teal-400) !important;
}

.from-teal-400 {
    --gradient-start: var(--teal-400) !important;
}

.to-teal-400 {
    --gradient-end: var(--teal-400) !important;
}

.bg-overlay-teal-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-500 {
    background-color: var(--teal-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-500:hover {
    background-color: var(--teal-500) !important;
}

.from-teal-500 {
    --gradient-start: var(--teal-500) !important;
}

.to-teal-500 {
    --gradient-end: var(--teal-500) !important;
}

.bg-overlay-teal-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-600 {
    background-color: var(--teal-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-600:hover {
    background-color: var(--teal-600) !important;
}

.from-teal-600 {
    --gradient-start: var(--teal-600) !important;
}

.to-teal-600 {
    --gradient-end: var(--teal-600) !important;
}

.bg-overlay-teal-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-700 {
    background-color: var(--teal-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-700:hover {
    background-color: var(--teal-700) !important;
}

.from-teal-700 {
    --gradient-start: var(--teal-700) !important;
}

.to-teal-700 {
    --gradient-end: var(--teal-700) !important;
}

.bg-overlay-teal-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-800 {
    background-color: var(--teal-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-800:hover {
    background-color: var(--teal-800) !important;
}

.from-teal-800 {
    --gradient-start: var(--teal-800) !important;
}

.to-teal-800 {
    --gradient-end: var(--teal-800) !important;
}

.bg-overlay-teal-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-900 {
    background-color: var(--teal-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-900:hover {
    background-color: var(--teal-900) !important;
}

.from-teal-900 {
    --gradient-start: var(--teal-900) !important;
}

.to-teal-900 {
    --gradient-end: var(--teal-900) !important;
}

.bg-overlay-teal-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-teal-950 {
    background-color: var(--teal-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-teal-950:hover {
    background-color: var(--teal-950) !important;
}

.from-teal-950 {
    --gradient-start: var(--teal-950) !important;
}

.to-teal-950 {
    --gradient-end: var(--teal-950) !important;
}

.bg-overlay-teal-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--teal-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-50 {
    background-color: var(--cyan-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-50:hover {
    background-color: var(--cyan-50) !important;
}

.from-cyan-50 {
    --gradient-start: var(--cyan-50) !important;
}

.to-cyan-50 {
    --gradient-end: var(--cyan-50) !important;
}

.bg-overlay-cyan-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-100 {
    background-color: var(--cyan-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-100:hover {
    background-color: var(--cyan-100) !important;
}

.from-cyan-100 {
    --gradient-start: var(--cyan-100) !important;
}

.to-cyan-100 {
    --gradient-end: var(--cyan-100) !important;
}

.bg-overlay-cyan-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-200 {
    background-color: var(--cyan-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-200:hover {
    background-color: var(--cyan-200) !important;
}

.from-cyan-200 {
    --gradient-start: var(--cyan-200) !important;
}

.to-cyan-200 {
    --gradient-end: var(--cyan-200) !important;
}

.bg-overlay-cyan-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-300 {
    background-color: var(--cyan-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-300:hover {
    background-color: var(--cyan-300) !important;
}

.from-cyan-300 {
    --gradient-start: var(--cyan-300) !important;
}

.to-cyan-300 {
    --gradient-end: var(--cyan-300) !important;
}

.bg-overlay-cyan-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-400 {
    background-color: var(--cyan-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-400:hover {
    background-color: var(--cyan-400) !important;
}

.from-cyan-400 {
    --gradient-start: var(--cyan-400) !important;
}

.to-cyan-400 {
    --gradient-end: var(--cyan-400) !important;
}

.bg-overlay-cyan-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-500 {
    background-color: var(--cyan-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-500:hover {
    background-color: var(--cyan-500) !important;
}

.from-cyan-500 {
    --gradient-start: var(--cyan-500) !important;
}

.to-cyan-500 {
    --gradient-end: var(--cyan-500) !important;
}

.bg-overlay-cyan-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-600 {
    background-color: var(--cyan-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-600:hover {
    background-color: var(--cyan-600) !important;
}

.from-cyan-600 {
    --gradient-start: var(--cyan-600) !important;
}

.to-cyan-600 {
    --gradient-end: var(--cyan-600) !important;
}

.bg-overlay-cyan-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-700 {
    background-color: var(--cyan-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-700:hover {
    background-color: var(--cyan-700) !important;
}

.from-cyan-700 {
    --gradient-start: var(--cyan-700) !important;
}

.to-cyan-700 {
    --gradient-end: var(--cyan-700) !important;
}

.bg-overlay-cyan-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-800 {
    background-color: var(--cyan-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-800:hover {
    background-color: var(--cyan-800) !important;
}

.from-cyan-800 {
    --gradient-start: var(--cyan-800) !important;
}

.to-cyan-800 {
    --gradient-end: var(--cyan-800) !important;
}

.bg-overlay-cyan-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-900 {
    background-color: var(--cyan-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-900:hover {
    background-color: var(--cyan-900) !important;
}

.from-cyan-900 {
    --gradient-start: var(--cyan-900) !important;
}

.to-cyan-900 {
    --gradient-end: var(--cyan-900) !important;
}

.bg-overlay-cyan-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-cyan-950 {
    background-color: var(--cyan-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-cyan-950:hover {
    background-color: var(--cyan-950) !important;
}

.from-cyan-950 {
    --gradient-start: var(--cyan-950) !important;
}

.to-cyan-950 {
    --gradient-end: var(--cyan-950) !important;
}

.bg-overlay-cyan-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--cyan-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-50 {
    background-color: var(--sky-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-50:hover {
    background-color: var(--sky-50) !important;
}

.from-sky-50 {
    --gradient-start: var(--sky-50) !important;
}

.to-sky-50 {
    --gradient-end: var(--sky-50) !important;
}

.bg-overlay-sky-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-100 {
    background-color: var(--sky-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-100:hover {
    background-color: var(--sky-100) !important;
}

.from-sky-100 {
    --gradient-start: var(--sky-100) !important;
}

.to-sky-100 {
    --gradient-end: var(--sky-100) !important;
}

.bg-overlay-sky-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-200 {
    background-color: var(--sky-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-200:hover {
    background-color: var(--sky-200) !important;
}

.from-sky-200 {
    --gradient-start: var(--sky-200) !important;
}

.to-sky-200 {
    --gradient-end: var(--sky-200) !important;
}

.bg-overlay-sky-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-300 {
    background-color: var(--sky-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-300:hover {
    background-color: var(--sky-300) !important;
}

.from-sky-300 {
    --gradient-start: var(--sky-300) !important;
}

.to-sky-300 {
    --gradient-end: var(--sky-300) !important;
}

.bg-overlay-sky-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-400 {
    background-color: var(--sky-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-400:hover {
    background-color: var(--sky-400) !important;
}

.from-sky-400 {
    --gradient-start: var(--sky-400) !important;
}

.to-sky-400 {
    --gradient-end: var(--sky-400) !important;
}

.bg-overlay-sky-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-500 {
    background-color: var(--sky-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-500:hover {
    background-color: var(--sky-500) !important;
}

.from-sky-500 {
    --gradient-start: var(--sky-500) !important;
}

.to-sky-500 {
    --gradient-end: var(--sky-500) !important;
}

.bg-overlay-sky-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-600 {
    background-color: var(--sky-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-600:hover {
    background-color: var(--sky-600) !important;
}

.from-sky-600 {
    --gradient-start: var(--sky-600) !important;
}

.to-sky-600 {
    --gradient-end: var(--sky-600) !important;
}

.bg-overlay-sky-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-700 {
    background-color: var(--sky-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-700:hover {
    background-color: var(--sky-700) !important;
}

.from-sky-700 {
    --gradient-start: var(--sky-700) !important;
}

.to-sky-700 {
    --gradient-end: var(--sky-700) !important;
}

.bg-overlay-sky-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-800 {
    background-color: var(--sky-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-800:hover {
    background-color: var(--sky-800) !important;
}

.from-sky-800 {
    --gradient-start: var(--sky-800) !important;
}

.to-sky-800 {
    --gradient-end: var(--sky-800) !important;
}

.bg-overlay-sky-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-900 {
    background-color: var(--sky-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-900:hover {
    background-color: var(--sky-900) !important;
}

.from-sky-900 {
    --gradient-start: var(--sky-900) !important;
}

.to-sky-900 {
    --gradient-end: var(--sky-900) !important;
}

.bg-overlay-sky-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-sky-950 {
    background-color: var(--sky-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-sky-950:hover {
    background-color: var(--sky-950) !important;
}

.from-sky-950 {
    --gradient-start: var(--sky-950) !important;
}

.to-sky-950 {
    --gradient-end: var(--sky-950) !important;
}

.bg-overlay-sky-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--sky-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-50 {
    background-color: var(--blue-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-50:hover {
    background-color: var(--blue-50) !important;
}

.from-blue-50 {
    --gradient-start: var(--blue-50) !important;
}

.to-blue-50 {
    --gradient-end: var(--blue-50) !important;
}

.bg-overlay-blue-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-100 {
    background-color: var(--blue-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-100:hover {
    background-color: var(--blue-100) !important;
}

.from-blue-100 {
    --gradient-start: var(--blue-100) !important;
}

.to-blue-100 {
    --gradient-end: var(--blue-100) !important;
}

.bg-overlay-blue-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-200 {
    background-color: var(--blue-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-200:hover {
    background-color: var(--blue-200) !important;
}

.from-blue-200 {
    --gradient-start: var(--blue-200) !important;
}

.to-blue-200 {
    --gradient-end: var(--blue-200) !important;
}

.bg-overlay-blue-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-300 {
    background-color: var(--blue-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-300:hover {
    background-color: var(--blue-300) !important;
}

.from-blue-300 {
    --gradient-start: var(--blue-300) !important;
}

.to-blue-300 {
    --gradient-end: var(--blue-300) !important;
}

.bg-overlay-blue-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-400 {
    background-color: var(--blue-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-400:hover {
    background-color: var(--blue-400) !important;
}

.from-blue-400 {
    --gradient-start: var(--blue-400) !important;
}

.to-blue-400 {
    --gradient-end: var(--blue-400) !important;
}

.bg-overlay-blue-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-500 {
    background-color: var(--blue-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-500:hover {
    background-color: var(--blue-500) !important;
}

.from-blue-500 {
    --gradient-start: var(--blue-500) !important;
}

.to-blue-500 {
    --gradient-end: var(--blue-500) !important;
}

.bg-overlay-blue-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-600 {
    background-color: var(--blue-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-600:hover {
    background-color: var(--blue-600) !important;
}

.from-blue-600 {
    --gradient-start: var(--blue-600) !important;
}

.to-blue-600 {
    --gradient-end: var(--blue-600) !important;
}

.bg-overlay-blue-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-700 {
    background-color: var(--blue-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-700:hover {
    background-color: var(--blue-700) !important;
}

.from-blue-700 {
    --gradient-start: var(--blue-700) !important;
}

.to-blue-700 {
    --gradient-end: var(--blue-700) !important;
}

.bg-overlay-blue-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-800 {
    background-color: var(--blue-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-800:hover {
    background-color: var(--blue-800) !important;
}

.from-blue-800 {
    --gradient-start: var(--blue-800) !important;
}

.to-blue-800 {
    --gradient-end: var(--blue-800) !important;
}

.bg-overlay-blue-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-900 {
    background-color: var(--blue-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-900:hover {
    background-color: var(--blue-900) !important;
}

.from-blue-900 {
    --gradient-start: var(--blue-900) !important;
}

.to-blue-900 {
    --gradient-end: var(--blue-900) !important;
}

.bg-overlay-blue-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-blue-950 {
    background-color: var(--blue-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-blue-950:hover {
    background-color: var(--blue-950) !important;
}

.from-blue-950 {
    --gradient-start: var(--blue-950) !important;
}

.to-blue-950 {
    --gradient-end: var(--blue-950) !important;
}

.bg-overlay-blue-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--blue-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-50 {
    background-color: var(--indigo-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-50:hover {
    background-color: var(--indigo-50) !important;
}

.from-indigo-50 {
    --gradient-start: var(--indigo-50) !important;
}

.to-indigo-50 {
    --gradient-end: var(--indigo-50) !important;
}

.bg-overlay-indigo-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-100 {
    background-color: var(--indigo-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-100:hover {
    background-color: var(--indigo-100) !important;
}

.from-indigo-100 {
    --gradient-start: var(--indigo-100) !important;
}

.to-indigo-100 {
    --gradient-end: var(--indigo-100) !important;
}

.bg-overlay-indigo-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-200 {
    background-color: var(--indigo-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-200:hover {
    background-color: var(--indigo-200) !important;
}

.from-indigo-200 {
    --gradient-start: var(--indigo-200) !important;
}

.to-indigo-200 {
    --gradient-end: var(--indigo-200) !important;
}

.bg-overlay-indigo-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-300 {
    background-color: var(--indigo-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-300:hover {
    background-color: var(--indigo-300) !important;
}

.from-indigo-300 {
    --gradient-start: var(--indigo-300) !important;
}

.to-indigo-300 {
    --gradient-end: var(--indigo-300) !important;
}

.bg-overlay-indigo-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-400 {
    background-color: var(--indigo-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-400:hover {
    background-color: var(--indigo-400) !important;
}

.from-indigo-400 {
    --gradient-start: var(--indigo-400) !important;
}

.to-indigo-400 {
    --gradient-end: var(--indigo-400) !important;
}

.bg-overlay-indigo-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-500 {
    background-color: var(--indigo-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-500:hover {
    background-color: var(--indigo-500) !important;
}

.from-indigo-500 {
    --gradient-start: var(--indigo-500) !important;
}

.to-indigo-500 {
    --gradient-end: var(--indigo-500) !important;
}

.bg-overlay-indigo-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-600 {
    background-color: var(--indigo-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-600:hover {
    background-color: var(--indigo-600) !important;
}

.from-indigo-600 {
    --gradient-start: var(--indigo-600) !important;
}

.to-indigo-600 {
    --gradient-end: var(--indigo-600) !important;
}

.bg-overlay-indigo-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-700 {
    background-color: var(--indigo-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-700:hover {
    background-color: var(--indigo-700) !important;
}

.from-indigo-700 {
    --gradient-start: var(--indigo-700) !important;
}

.to-indigo-700 {
    --gradient-end: var(--indigo-700) !important;
}

.bg-overlay-indigo-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-800 {
    background-color: var(--indigo-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-800:hover {
    background-color: var(--indigo-800) !important;
}

.from-indigo-800 {
    --gradient-start: var(--indigo-800) !important;
}

.to-indigo-800 {
    --gradient-end: var(--indigo-800) !important;
}

.bg-overlay-indigo-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-900 {
    background-color: var(--indigo-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-900:hover {
    background-color: var(--indigo-900) !important;
}

.from-indigo-900 {
    --gradient-start: var(--indigo-900) !important;
}

.to-indigo-900 {
    --gradient-end: var(--indigo-900) !important;
}

.bg-overlay-indigo-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-indigo-950 {
    background-color: var(--indigo-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-indigo-950:hover {
    background-color: var(--indigo-950) !important;
}

.from-indigo-950 {
    --gradient-start: var(--indigo-950) !important;
}

.to-indigo-950 {
    --gradient-end: var(--indigo-950) !important;
}

.bg-overlay-indigo-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--indigo-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-dark-blue-50 {
    background-color: var(--dark-blue-50) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-50:hover {
    background-color: var(--dark-blue-50) !important;
}

.from-dark-blue-50 {
    --gradient-start: var(--dark-blue-50) !important;
}

.to-dark-blue-50 {
    --gradient-end: var(--dark-blue-50) !important;
}

.bg-overlay-dark-blue-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 100 */
.bg-dark-blue-100 {
    background-color: var(--dark-blue-100) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-100:hover {
    background-color: var(--dark-blue-100) !important;
}

.from-dark-blue-100 {
    --gradient-start: var(--dark-blue-100) !important;
}

.to-dark-blue-100 {
    --gradient-end: var(--dark-blue-100) !important;
}

.bg-overlay-dark-blue-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 200 */
.bg-dark-blue-200 {
    background-color: var(--dark-blue-200) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-200:hover {
    background-color: var(--dark-blue-200) !important;
}

.from-dark-blue-200 {
    --gradient-start: var(--dark-blue-200) !important;
}

.to-dark-blue-200 {
    --gradient-end: var(--dark-blue-200) !important;
}

.bg-overlay-dark-blue-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 300 */
.bg-dark-blue-300 {
    background-color: var(--dark-blue-300) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-300:hover {
    background-color: var(--dark-blue-300) !important;
}

.from-dark-blue-300 {
    --gradient-start: var(--dark-blue-300) !important;
}

.to-dark-blue-300 {
    --gradient-end: var(--dark-blue-300) !important;
}

.bg-overlay-dark-blue-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 400 */
.bg-dark-blue-400 {
    background-color: var(--dark-blue-400) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-400:hover {
    background-color: var(--dark-blue-400) !important;
}

.from-dark-blue-400 {
    --gradient-start: var(--dark-blue-400) !important;
}

.to-dark-blue-400 {
    --gradient-end: var(--dark-blue-400) !important;
}

.bg-overlay-dark-blue-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 500 */
.bg-dark-blue-500 {
    background-color: var(--dark-blue-500) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-500:hover {
    background-color: var(--dark-blue-500) !important;
}

.from-dark-blue-500 {
    --gradient-start: var(--dark-blue-500) !important;
}

.to-dark-blue-500 {
    --gradient-end: var(--dark-blue-500) !important;
}

.bg-overlay-dark-blue-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 600 */
.bg-dark-blue-600 {
    background-color: var(--dark-blue-600) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-600:hover {
    background-color: var(--dark-blue-600) !important;
}

.from-dark-blue-600 {
    --gradient-start: var(--dark-blue-600) !important;
}

.to-dark-blue-600 {
    --gradient-end: var(--dark-blue-600) !important;
}

.bg-overlay-dark-blue-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 700 */
.bg-dark-blue-700 {
    background-color: var(--dark-blue-700) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-700:hover {
    background-color: var(--dark-blue-700) !important;
}

.from-dark-blue-700 {
    --gradient-start: var(--dark-blue-700) !important;
}

.to-dark-blue-700 {
    --gradient-end: var(--dark-blue-700) !important;
}

.bg-overlay-dark-blue-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 800 */
.bg-dark-blue-800 {
    background-color: var(--dark-blue-800) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-800:hover {
    background-color: var(--dark-blue-800) !important;
}

.from-dark-blue-800 {
    --gradient-start: var(--dark-blue-800) !important;
}

.to-dark-blue-800 {
    --gradient-end: var(--dark-blue-800) !important;
}

.bg-overlay-dark-blue-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 900 */
.bg-dark-blue-900 {
    background-color: var(--dark-blue-900) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-900:hover {
    background-color: var(--dark-blue-900) !important;
}

.from-dark-blue-900 {
    --gradient-start: var(--dark-blue-900) !important;
}

.to-dark-blue-900 {
    --gradient-end: var(--dark-blue-900) !important;
}

.bg-overlay-dark-blue-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* 950 */
.bg-dark-blue-950 {
    background-color: var(--dark-blue-950) !important;
    transition: all ease 0.3s;
}

.hover-bg-dark-blue-950:hover {
    background-color: var(--dark-blue-950) !important;
}

.from-dark-blue-950 {
    --gradient-start: var(--dark-blue-950) !important;
}

.to-dark-blue-950 {
    --gradient-end: var(--dark-blue-950) !important;
}

.bg-overlay-dark-blue-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--dark-blue-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-50 {
    background-color: var(--violet-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-50:hover {
    background-color: var(--violet-50) !important;
}

.from-violet-50 {
    --gradient-start: var(--violet-50) !important;
}

.to-violet-50 {
    --gradient-end: var(--violet-50) !important;
}

.bg-overlay-violet-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-100 {
    background-color: var(--violet-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-100:hover {
    background-color: var(--violet-100) !important;
}

.from-violet-100 {
    --gradient-start: var(--violet-100) !important;
}

.to-violet-100 {
    --gradient-end: var(--violet-100) !important;
}

.bg-overlay-violet-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-200 {
    background-color: var(--violet-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-200:hover {
    background-color: var(--violet-200) !important;
}

.from-violet-200 {
    --gradient-start: var(--violet-200) !important;
}

.to-violet-200 {
    --gradient-end: var(--violet-200) !important;
}

.bg-overlay-violet-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-300 {
    background-color: var(--violet-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-300:hover {
    background-color: var(--violet-300) !important;
}

.from-violet-300 {
    --gradient-start: var(--violet-300) !important;
}

.to-violet-300 {
    --gradient-end: var(--violet-300) !important;
}

.bg-overlay-violet-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-400 {
    background-color: var(--violet-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-400:hover {
    background-color: var(--violet-400) !important;
}

.from-violet-400 {
    --gradient-start: var(--violet-400) !important;
}

.to-violet-400 {
    --gradient-end: var(--violet-400) !important;
}

.bg-overlay-violet-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-500 {
    background-color: var(--violet-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-500:hover {
    background-color: var(--violet-500) !important;
}

.from-violet-500 {
    --gradient-start: var(--violet-500) !important;
}

.to-violet-500 {
    --gradient-end: var(--violet-500) !important;
}

.bg-overlay-violet-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-600 {
    background-color: var(--violet-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-600:hover {
    background-color: var(--violet-600) !important;
}

.from-violet-600 {
    --gradient-start: var(--violet-600) !important;
}

.to-violet-600 {
    --gradient-end: var(--violet-600) !important;
}

.bg-overlay-violet-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-700 {
    background-color: var(--violet-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-700:hover {
    background-color: var(--violet-700) !important;
}

.from-violet-700 {
    --gradient-start: var(--violet-700) !important;
}

.to-violet-700 {
    --gradient-end: var(--violet-700) !important;
}

.bg-overlay-violet-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-800 {
    background-color: var(--violet-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-800:hover {
    background-color: var(--violet-800) !important;
}

.from-violet-800 {
    --gradient-start: var(--violet-800) !important;
}

.to-violet-800 {
    --gradient-end: var(--violet-800) !important;
}

.bg-overlay-violet-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-900 {
    background-color: var(--violet-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-900:hover {
    background-color: var(--violet-900) !important;
}

.from-violet-900 {
    --gradient-start: var(--violet-900) !important;
}

.to-violet-900 {
    --gradient-end: var(--violet-900) !important;
}

.bg-overlay-violet-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-violet-950 {
    background-color: var(--violet-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-violet-950:hover {
    background-color: var(--violet-950) !important;
}

.from-violet-950 {
    --gradient-start: var(--violet-950) !important;
}

.to-violet-950 {
    --gradient-end: var(--violet-950) !important;
}

.bg-overlay-violet-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--violet-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-50 {
    background-color: var(--purple-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-50:hover {
    background-color: var(--purple-50) !important;
}

.from-purple-50 {
    --gradient-start: var(--purple-50) !important;
}

.to-purple-50 {
    --gradient-end: var(--purple-50) !important;
}

.bg-overlay-purple-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-100 {
    background-color: var(--purple-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-100:hover {
    background-color: var(--purple-100) !important;
}

.from-purple-100 {
    --gradient-start: var(--purple-100) !important;
}

.to-purple-100 {
    --gradient-end: var(--purple-100) !important;
}

.bg-overlay-purple-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-200 {
    background-color: var(--purple-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-200:hover {
    background-color: var(--purple-200) !important;
}

.from-purple-200 {
    --gradient-start: var(--purple-200) !important;
}

.to-purple-200 {
    --gradient-end: var(--purple-200) !important;
}

.bg-overlay-purple-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-300 {
    background-color: var(--purple-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-300:hover {
    background-color: var(--purple-300) !important;
}

.from-purple-300 {
    --gradient-start: var(--purple-300) !important;
}

.to-purple-300 {
    --gradient-end: var(--purple-300) !important;
}

.bg-overlay-purple-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-400 {
    background-color: var(--purple-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-400:hover {
    background-color: var(--purple-400) !important;
}

.from-purple-400 {
    --gradient-start: var(--purple-400) !important;
}

.to-purple-400 {
    --gradient-end: var(--purple-400) !important;
}

.bg-overlay-purple-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-500 {
    background-color: var(--purple-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-500:hover {
    background-color: var(--purple-500) !important;
}

.from-purple-500 {
    --gradient-start: var(--purple-500) !important;
}

.to-purple-500 {
    --gradient-end: var(--purple-500) !important;
}

.bg-overlay-purple-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-600 {
    background-color: var(--purple-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-600:hover {
    background-color: var(--purple-600) !important;
}

.from-purple-600 {
    --gradient-start: var(--purple-600) !important;
}

.to-purple-600 {
    --gradient-end: var(--purple-600) !important;
}

.bg-overlay-purple-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-700 {
    background-color: var(--purple-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-700:hover {
    background-color: var(--purple-700) !important;
}

.from-purple-700 {
    --gradient-start: var(--purple-700) !important;
}

.to-purple-700 {
    --gradient-end: var(--purple-700) !important;
}

.bg-overlay-purple-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-800 {
    background-color: var(--purple-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-800:hover {
    background-color: var(--purple-800) !important;
}

.from-purple-800 {
    --gradient-start: var(--purple-800) !important;
}

.to-purple-800 {
    --gradient-end: var(--purple-800) !important;
}

.bg-overlay-purple-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-900 {
    background-color: var(--purple-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-900:hover {
    background-color: var(--purple-900) !important;
}

.from-purple-900 {
    --gradient-start: var(--purple-900) !important;
}

.to-purple-900 {
    --gradient-end: var(--purple-900) !important;
}

.bg-overlay-purple-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-purple-950 {
    background-color: var(--purple-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-purple-950:hover {
    background-color: var(--purple-950) !important;
}

.from-purple-950 {
    --gradient-start: var(--purple-950) !important;
}

.to-purple-950 {
    --gradient-end: var(--purple-950) !important;
}

.bg-overlay-purple-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--purple-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-50 {
    background-color: var(--fuchsia-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-50:hover {
    background-color: var(--fuchsia-50) !important;
}

.from-fuchsia-50 {
    --gradient-start: var(--fuchsia-50) !important;
}

.to-fuchsia-50 {
    --gradient-end: var(--fuchsia-50) !important;
}

.bg-overlay-fuchsia-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-100 {
    background-color: var(--fuchsia-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-100:hover {
    background-color: var(--fuchsia-100) !important;
}

.from-fuchsia-100 {
    --gradient-start: var(--fuchsia-100) !important;
}

.to-fuchsia-100 {
    --gradient-end: var(--fuchsia-100) !important;
}

.bg-overlay-fuchsia-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-200 {
    background-color: var(--fuchsia-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-200:hover {
    background-color: var(--fuchsia-200) !important;
}

.from-fuchsia-200 {
    --gradient-start: var(--fuchsia-200) !important;
}

.to-fuchsia-200 {
    --gradient-end: var(--fuchsia-200) !important;
}

.bg-overlay-fuchsia-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-300 {
    background-color: var(--fuchsia-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-300:hover {
    background-color: var(--fuchsia-300) !important;
}

.from-fuchsia-300 {
    --gradient-start: var(--fuchsia-300) !important;
}

.to-fuchsia-300 {
    --gradient-end: var(--fuchsia-300) !important;
}

.bg-overlay-fuchsia-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-400 {
    background-color: var(--fuchsia-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-400:hover {
    background-color: var(--fuchsia-400) !important;
}

.from-fuchsia-400 {
    --gradient-start: var(--fuchsia-400) !important;
}

.to-fuchsia-400 {
    --gradient-end: var(--fuchsia-400) !important;
}

.bg-overlay-fuchsia-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-500 {
    background-color: var(--fuchsia-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-500:hover {
    background-color: var(--fuchsia-500) !important;
}

.from-fuchsia-500 {
    --gradient-start: var(--fuchsia-500) !important;
}

.to-fuchsia-500 {
    --gradient-end: var(--fuchsia-500) !important;
}

.bg-overlay-fuchsia-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-600 {
    background-color: var(--fuchsia-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-600:hover {
    background-color: var(--fuchsia-600) !important;
}

.from-fuchsia-600 {
    --gradient-start: var(--fuchsia-600) !important;
}

.to-fuchsia-600 {
    --gradient-end: var(--fuchsia-600) !important;
}

.bg-overlay-fuchsia-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-700 {
    background-color: var(--fuchsia-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-700:hover {
    background-color: var(--fuchsia-700) !important;
}

.from-fuchsia-700 {
    --gradient-start: var(--fuchsia-700) !important;
}

.to-fuchsia-700 {
    --gradient-end: var(--fuchsia-700) !important;
}

.bg-overlay-fuchsia-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-800 {
    background-color: var(--fuchsia-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-800:hover {
    background-color: var(--fuchsia-800) !important;
}

.from-fuchsia-800 {
    --gradient-start: var(--fuchsia-800) !important;
}

.to-fuchsia-800 {
    --gradient-end: var(--fuchsia-800) !important;
}

.bg-overlay-fuchsia-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-900 {
    background-color: var(--fuchsia-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-900:hover {
    background-color: var(--fuchsia-900) !important;
}

.from-fuchsia-900 {
    --gradient-start: var(--fuchsia-900) !important;
}

.to-fuchsia-900 {
    --gradient-end: var(--fuchsia-900) !important;
}

.bg-overlay-fuchsia-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-fuchsia-950 {
    background-color: var(--fuchsia-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-fuchsia-950:hover {
    background-color: var(--fuchsia-950) !important;
}

.from-fuchsia-950 {
    --gradient-start: var(--fuchsia-950) !important;
}

.to-fuchsia-950 {
    --gradient-end: var(--fuchsia-950) !important;
}

.bg-overlay-fuchsia-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--fuchsia-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-50 {
    background-color: var(--pink-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-50:hover {
    background-color: var(--pink-50) !important;
}

.from-pink-50 {
    --gradient-start: var(--pink-50) !important;
}

.to-pink-50 {
    --gradient-end: var(--pink-50) !important;
}

.bg-overlay-pink-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-100 {
    background-color: var(--pink-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-100:hover {
    background-color: var(--pink-100) !important;
}

.from-pink-100 {
    --gradient-start: var(--pink-100) !important;
}

.to-pink-100 {
    --gradient-end: var(--pink-100) !important;
}

.bg-overlay-pink-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-200 {
    background-color: var(--pink-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-200:hover {
    background-color: var(--pink-200) !important;
}

.from-pink-200 {
    --gradient-start: var(--pink-200) !important;
}

.to-pink-200 {
    --gradient-end: var(--pink-200) !important;
}

.bg-overlay-pink-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-300 {
    background-color: var(--pink-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-300:hover {
    background-color: var(--pink-300) !important;
}

.from-pink-300 {
    --gradient-start: var(--pink-300) !important;
}

.to-pink-300 {
    --gradient-end: var(--pink-300) !important;
}

.bg-overlay-pink-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-400 {
    background-color: var(--pink-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-400:hover {
    background-color: var(--pink-400) !important;
}

.from-pink-400 {
    --gradient-start: var(--pink-400) !important;
}

.to-pink-400 {
    --gradient-end: var(--pink-400) !important;
}

.bg-overlay-pink-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-500 {
    background-color: var(--pink-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-500:hover {
    background-color: var(--pink-500) !important;
}

.from-pink-500 {
    --gradient-start: var(--pink-500) !important;
}

.to-pink-500 {
    --gradient-end: var(--pink-500) !important;
}

.bg-overlay-pink-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-600 {
    background-color: var(--pink-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-600:hover {
    background-color: var(--pink-600) !important;
}

.from-pink-600 {
    --gradient-start: var(--pink-600) !important;
}

.to-pink-600 {
    --gradient-end: var(--pink-600) !important;
}

.bg-overlay-pink-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-700 {
    background-color: var(--pink-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-700:hover {
    background-color: var(--pink-700) !important;
}

.from-pink-700 {
    --gradient-start: var(--pink-700) !important;
}

.to-pink-700 {
    --gradient-end: var(--pink-700) !important;
}

.bg-overlay-pink-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-800 {
    background-color: var(--pink-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-800:hover {
    background-color: var(--pink-800) !important;
}

.from-pink-800 {
    --gradient-start: var(--pink-800) !important;
}

.to-pink-800 {
    --gradient-end: var(--pink-800) !important;
}

.bg-overlay-pink-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-900 {
    background-color: var(--pink-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-900:hover {
    background-color: var(--pink-900) !important;
}

.from-pink-900 {
    --gradient-start: var(--pink-900) !important;
}

.to-pink-900 {
    --gradient-end: var(--pink-900) !important;
}

.bg-overlay-pink-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-pink-950 {
    background-color: var(--pink-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-pink-950:hover {
    background-color: var(--pink-950) !important;
}

.from-pink-950 {
    --gradient-start: var(--pink-950) !important;
}

.to-pink-950 {
    --gradient-end: var(--pink-950) !important;
}

.bg-overlay-pink-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--pink-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-50 {
    background-color: var(--rose-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-50:hover {
    background-color: var(--rose-50) !important;
}

.from-rose-50 {
    --gradient-start: var(--rose-50) !important;
}

.to-rose-50 {
    --gradient-end: var(--rose-50) !important;
}

.bg-overlay-rose-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-100 {
    background-color: var(--rose-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-100:hover {
    background-color: var(--rose-100) !important;
}

.from-rose-100 {
    --gradient-start: var(--rose-100) !important;
}

.to-rose-100 {
    --gradient-end: var(--rose-100) !important;
}

.bg-overlay-rose-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-200 {
    background-color: var(--rose-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-200:hover {
    background-color: var(--rose-200) !important;
}

.from-rose-200 {
    --gradient-start: var(--rose-200) !important;
}

.to-rose-200 {
    --gradient-end: var(--rose-200) !important;
}

.bg-overlay-rose-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-300 {
    background-color: var(--rose-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-300:hover {
    background-color: var(--rose-300) !important;
}

.from-rose-300 {
    --gradient-start: var(--rose-300) !important;
}

.to-rose-300 {
    --gradient-end: var(--rose-300) !important;
}

.bg-overlay-rose-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-400 {
    background-color: var(--rose-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-400:hover {
    background-color: var(--rose-400) !important;
}

.from-rose-400 {
    --gradient-start: var(--rose-400) !important;
}

.to-rose-400 {
    --gradient-end: var(--rose-400) !important;
}

.bg-overlay-rose-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-500 {
    background-color: var(--rose-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-500:hover {
    background-color: var(--rose-500) !important;
}

.from-rose-500 {
    --gradient-start: var(--rose-500) !important;
}

.to-rose-500 {
    --gradient-end: var(--rose-500) !important;
}

.bg-overlay-rose-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-600 {
    background-color: var(--rose-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-600:hover {
    background-color: var(--rose-600) !important;
}

.from-rose-600 {
    --gradient-start: var(--rose-600) !important;
}

.to-rose-600 {
    --gradient-end: var(--rose-600) !important;
}

.bg-overlay-rose-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-700 {
    background-color: var(--rose-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-700:hover {
    background-color: var(--rose-700) !important;
}

.from-rose-700 {
    --gradient-start: var(--rose-700) !important;
}

.to-rose-700 {
    --gradient-end: var(--rose-700) !important;
}

.bg-overlay-rose-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-800 {
    background-color: var(--rose-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-800:hover {
    background-color: var(--rose-800) !important;
}

.from-rose-800 {
    --gradient-start: var(--rose-800) !important;
}

.to-rose-800 {
    --gradient-end: var(--rose-800) !important;
}

.bg-overlay-rose-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-900 {
    background-color: var(--rose-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-900:hover {
    background-color: var(--rose-900) !important;
}

.from-rose-900 {
    --gradient-start: var(--rose-900) !important;
}

.to-rose-900 {
    --gradient-end: var(--rose-900) !important;
}

.bg-overlay-rose-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-rose-950 {
    background-color: var(--rose-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-rose-950:hover {
    background-color: var(--rose-950) !important;
}

.from-rose-950 {
    --gradient-start: var(--rose-950) !important;
}

.to-rose-950 {
    --gradient-end: var(--rose-950) !important;
}

.bg-overlay-rose-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--rose-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-50 {
    background-color: var(--slate-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-50:hover {
    background-color: var(--slate-50) !important;
}

.from-slate-50 {
    --gradient-start: var(--slate-50) !important;
}

.to-slate-50 {
    --gradient-end: var(--slate-50) !important;
}

.bg-overlay-slate-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-100 {
    background-color: var(--slate-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-100:hover {
    background-color: var(--slate-100) !important;
}

.from-slate-100 {
    --gradient-start: var(--slate-100) !important;
}

.to-slate-100 {
    --gradient-end: var(--slate-100) !important;
}

.bg-overlay-slate-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-200 {
    background-color: var(--slate-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-200:hover {
    background-color: var(--slate-200) !important;
}

.from-slate-200 {
    --gradient-start: var(--slate-200) !important;
}

.to-slate-200 {
    --gradient-end: var(--slate-200) !important;
}

.bg-overlay-slate-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-300 {
    background-color: var(--slate-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-300:hover {
    background-color: var(--slate-300) !important;
}

.from-slate-300 {
    --gradient-start: var(--slate-300) !important;
}

.to-slate-300 {
    --gradient-end: var(--slate-300) !important;
}

.bg-overlay-slate-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-400 {
    background-color: var(--slate-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-400:hover {
    background-color: var(--slate-400) !important;
}

.from-slate-400 {
    --gradient-start: var(--slate-400) !important;
}

.to-slate-400 {
    --gradient-end: var(--slate-400) !important;
}

.bg-overlay-slate-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-500 {
    background-color: var(--slate-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-500:hover {
    background-color: var(--slate-500) !important;
}

.from-slate-500 {
    --gradient-start: var(--slate-500) !important;
}

.to-slate-500 {
    --gradient-end: var(--slate-500) !important;
}

.bg-overlay-slate-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-600 {
    background-color: var(--slate-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-600:hover {
    background-color: var(--slate-600) !important;
}

.from-slate-600 {
    --gradient-start: var(--slate-600) !important;
}

.to-slate-600 {
    --gradient-end: var(--slate-600) !important;
}

.bg-overlay-slate-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-700 {
    background-color: var(--slate-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-700:hover {
    background-color: var(--slate-700) !important;
}

.from-slate-700 {
    --gradient-start: var(--slate-700) !important;
}

.to-slate-700 {
    --gradient-end: var(--slate-700) !important;
}

.bg-overlay-slate-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-800 {
    background-color: var(--slate-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-800:hover {
    background-color: var(--slate-800) !important;
}

.from-slate-800 {
    --gradient-start: var(--slate-800) !important;
}

.to-slate-800 {
    --gradient-end: var(--slate-800) !important;
}

.bg-overlay-slate-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-900 {
    background-color: var(--slate-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-900:hover {
    background-color: var(--slate-900) !important;
}

.from-slate-900 {
    --gradient-start: var(--slate-900) !important;
}

.to-slate-900 {
    --gradient-end: var(--slate-900) !important;
}

.bg-overlay-slate-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-slate-950 {
    background-color: var(--slate-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-slate-950:hover {
    background-color: var(--slate-950) !important;
}

.from-slate-950 {
    --gradient-start: var(--slate-950) !important;
}

.to-slate-950 {
    --gradient-end: var(--slate-950) !important;
}

.bg-overlay-slate-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--slate-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-50 {
    background-color: var(--gray-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-50:hover {
    background-color: var(--gray-50) !important;
}

.from-gray-50 {
    --gradient-start: var(--gray-50) !important;
}

.to-gray-50 {
    --gradient-end: var(--gray-50) !important;
}

.bg-overlay-gray-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-100 {
    background-color: var(--gray-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-100:hover {
    background-color: var(--gray-100) !important;
}

.from-gray-100 {
    --gradient-start: var(--gray-100) !important;
}

.to-gray-100 {
    --gradient-end: var(--gray-100) !important;
}

.bg-overlay-gray-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-200 {
    background-color: var(--gray-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-200:hover {
    background-color: var(--gray-200) !important;
}

.from-gray-200 {
    --gradient-start: var(--gray-200) !important;
}

.to-gray-200 {
    --gradient-end: var(--gray-200) !important;
}

.bg-overlay-gray-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-300 {
    background-color: var(--gray-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-300:hover {
    background-color: var(--gray-300) !important;
}

.from-gray-300 {
    --gradient-start: var(--gray-300) !important;
}

.to-gray-300 {
    --gradient-end: var(--gray-300) !important;
}

.bg-overlay-gray-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-400 {
    background-color: var(--gray-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-400:hover {
    background-color: var(--gray-400) !important;
}

.from-gray-400 {
    --gradient-start: var(--gray-400) !important;
}

.to-gray-400 {
    --gradient-end: var(--gray-400) !important;
}

.bg-overlay-gray-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-500 {
    background-color: var(--gray-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-500:hover {
    background-color: var(--gray-500) !important;
}

.from-gray-500 {
    --gradient-start: var(--gray-500) !important;
}

.to-gray-500 {
    --gradient-end: var(--gray-500) !important;
}

.bg-overlay-gray-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-600 {
    background-color: var(--gray-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-600:hover {
    background-color: var(--gray-600) !important;
}

.from-gray-600 {
    --gradient-start: var(--gray-600) !important;
}

.to-gray-600 {
    --gradient-end: var(--gray-600) !important;
}

.bg-overlay-gray-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-700 {
    background-color: var(--gray-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-700:hover {
    background-color: var(--gray-700) !important;
}

.from-gray-700 {
    --gradient-start: var(--gray-700) !important;
}

.to-gray-700 {
    --gradient-end: var(--gray-700) !important;
}

.bg-overlay-gray-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-800 {
    background-color: var(--gray-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-800:hover {
    background-color: var(--gray-800) !important;
}

.from-gray-800 {
    --gradient-start: var(--gray-800) !important;
}

.to-gray-800 {
    --gradient-end: var(--gray-800) !important;
}

.bg-overlay-gray-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-900 {
    background-color: var(--gray-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-900:hover {
    background-color: var(--gray-900) !important;
}

.from-gray-900 {
    --gradient-start: var(--gray-900) !important;
}

.to-gray-900 {
    --gradient-end: var(--gray-900) !important;
}

.bg-overlay-gray-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-gray-950 {
    background-color: var(--gray-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-gray-950:hover {
    background-color: var(--gray-950) !important;
}

.from-gray-950 {
    --gradient-start: var(--gray-950) !important;
}

.to-gray-950 {
    --gradient-end: var(--gray-950) !important;
}

.bg-overlay-gray-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--gray-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-50 {
    background-color: var(--zinc-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-50:hover {
    background-color: var(--zinc-50) !important;
}

.from-zinc-50 {
    --gradient-start: var(--zinc-50) !important;
}

.to-zinc-50 {
    --gradient-end: var(--zinc-50) !important;
}

.bg-overlay-zinc-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-100 {
    background-color: var(--zinc-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-100:hover {
    background-color: var(--zinc-100) !important;
}

.from-zinc-100 {
    --gradient-start: var(--zinc-100) !important;
}

.to-zinc-100 {
    --gradient-end: var(--zinc-100) !important;
}

.bg-overlay-zinc-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-200 {
    background-color: var(--zinc-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-200:hover {
    background-color: var(--zinc-200) !important;
}

.from-zinc-200 {
    --gradient-start: var(--zinc-200) !important;
}

.to-zinc-200 {
    --gradient-end: var(--zinc-200) !important;
}

.bg-overlay-zinc-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-300 {
    background-color: var(--zinc-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-300:hover {
    background-color: var(--zinc-300) !important;
}

.from-zinc-300 {
    --gradient-start: var(--zinc-300) !important;
}

.to-zinc-300 {
    --gradient-end: var(--zinc-300) !important;
}

.bg-overlay-zinc-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-400 {
    background-color: var(--zinc-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-400:hover {
    background-color: var(--zinc-400) !important;
}

.from-zinc-400 {
    --gradient-start: var(--zinc-400) !important;
}

.to-zinc-400 {
    --gradient-end: var(--zinc-400) !important;
}

.bg-overlay-zinc-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-500 {
    background-color: var(--zinc-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-500:hover {
    background-color: var(--zinc-500) !important;
}

.from-zinc-500 {
    --gradient-start: var(--zinc-500) !important;
}

.to-zinc-500 {
    --gradient-end: var(--zinc-500) !important;
}

.bg-overlay-zinc-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-600 {
    background-color: var(--zinc-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-600:hover {
    background-color: var(--zinc-600) !important;
}

.from-zinc-600 {
    --gradient-start: var(--zinc-600) !important;
}

.to-zinc-600 {
    --gradient-end: var(--zinc-600) !important;
}

.bg-overlay-zinc-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-700 {
    background-color: var(--zinc-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-700:hover {
    background-color: var(--zinc-700) !important;
}

.from-zinc-700 {
    --gradient-start: var(--zinc-700) !important;
}

.to-zinc-700 {
    --gradient-end: var(--zinc-700) !important;
}

.bg-overlay-zinc-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-800 {
    background-color: var(--zinc-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-800:hover {
    background-color: var(--zinc-800) !important;
}

.from-zinc-800 {
    --gradient-start: var(--zinc-800) !important;
}

.to-zinc-800 {
    --gradient-end: var(--zinc-800) !important;
}

.bg-overlay-zinc-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-900 {
    background-color: var(--zinc-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-900:hover {
    background-color: var(--zinc-900) !important;
}

.from-zinc-900 {
    --gradient-start: var(--zinc-900) !important;
}

.to-zinc-900 {
    --gradient-end: var(--zinc-900) !important;
}

.bg-overlay-zinc-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-zinc-950 {
    background-color: var(--zinc-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-zinc-950:hover {
    background-color: var(--zinc-950) !important;
}

.from-zinc-950 {
    --gradient-start: var(--zinc-950) !important;
}

.to-zinc-950 {
    --gradient-end: var(--zinc-950) !important;
}

.bg-overlay-zinc-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--zinc-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-50 {
    background-color: var(--neutral-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-50:hover {
    background-color: var(--neutral-50) !important;
}

.from-neutral-50 {
    --gradient-start: var(--neutral-50) !important;
}

.to-neutral-50 {
    --gradient-end: var(--neutral-50) !important;
}

.bg-overlay-neutral-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-100 {
    background-color: var(--neutral-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-100:hover {
    background-color: var(--neutral-100) !important;
}

.from-neutral-100 {
    --gradient-start: var(--neutral-100) !important;
}

.to-neutral-100 {
    --gradient-end: var(--neutral-100) !important;
}

.bg-overlay-neutral-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-200 {
    background-color: var(--neutral-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-200:hover {
    background-color: var(--neutral-200) !important;
}

.from-neutral-200 {
    --gradient-start: var(--neutral-200) !important;
}

.to-neutral-200 {
    --gradient-end: var(--neutral-200) !important;
}

.bg-overlay-neutral-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-300 {
    background-color: var(--neutral-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-300:hover {
    background-color: var(--neutral-300) !important;
}

.from-neutral-300 {
    --gradient-start: var(--neutral-300) !important;
}

.to-neutral-300 {
    --gradient-end: var(--neutral-300) !important;
}

.bg-overlay-neutral-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-400 {
    background-color: var(--neutral-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-400:hover {
    background-color: var(--neutral-400) !important;
}

.from-neutral-400 {
    --gradient-start: var(--neutral-400) !important;
}

.to-neutral-400 {
    --gradient-end: var(--neutral-400) !important;
}

.bg-overlay-neutral-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-500 {
    background-color: var(--neutral-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-500:hover {
    background-color: var(--neutral-500) !important;
}

.from-neutral-500 {
    --gradient-start: var(--neutral-500) !important;
}

.to-neutral-500 {
    --gradient-end: var(--neutral-500) !important;
}

.bg-overlay-neutral-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-600 {
    background-color: var(--neutral-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-600:hover {
    background-color: var(--neutral-600) !important;
}

.from-neutral-600 {
    --gradient-start: var(--neutral-600) !important;
}

.to-neutral-600 {
    --gradient-end: var(--neutral-600) !important;
}

.bg-overlay-neutral-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-700 {
    background-color: var(--neutral-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-700:hover {
    background-color: var(--neutral-700) !important;
}

.from-neutral-700 {
    --gradient-start: var(--neutral-700) !important;
}

.to-neutral-700 {
    --gradient-end: var(--neutral-700) !important;
}

.bg-overlay-neutral-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-800 {
    background-color: var(--neutral-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-800:hover {
    background-color: var(--neutral-800) !important;
}

.from-neutral-800 {
    --gradient-start: var(--neutral-800) !important;
}

.to-neutral-800 {
    --gradient-end: var(--neutral-800) !important;
}

.bg-overlay-neutral-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-900 {
    background-color: var(--neutral-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-900:hover {
    background-color: var(--neutral-900) !important;
}

.from-neutral-900 {
    --gradient-start: var(--neutral-900) !important;
}

.to-neutral-900 {
    --gradient-end: var(--neutral-900) !important;
}

.bg-overlay-neutral-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-neutral-950 {
    background-color: var(--neutral-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-neutral-950:hover {
    background-color: var(--neutral-950) !important;
}

.from-neutral-950 {
    --gradient-start: var(--neutral-950) !important;
}

.to-neutral-950 {
    --gradient-end: var(--neutral-950) !important;
}

.bg-overlay-neutral-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--neutral-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-50 {
    background-color: var(--stone-50) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-50:hover {
    background-color: var(--stone-50) !important;
}

.from-stone-50 {
    --gradient-start: var(--stone-50) !important;
}

.to-stone-50 {
    --gradient-end: var(--stone-50) !important;
}

.bg-overlay-stone-50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-50);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-100 {
    background-color: var(--stone-100) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-100:hover {
    background-color: var(--stone-100) !important;
}

.from-stone-100 {
    --gradient-start: var(--stone-100) !important;
}

.to-stone-100 {
    --gradient-end: var(--stone-100) !important;
}

.bg-overlay-stone-100:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-100);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-200 {
    background-color: var(--stone-200) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-200:hover {
    background-color: var(--stone-200) !important;
}

.from-stone-200 {
    --gradient-start: var(--stone-200) !important;
}

.to-stone-200 {
    --gradient-end: var(--stone-200) !important;
}

.bg-overlay-stone-200:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-200);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-300 {
    background-color: var(--stone-300) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-300:hover {
    background-color: var(--stone-300) !important;
}

.from-stone-300 {
    --gradient-start: var(--stone-300) !important;
}

.to-stone-300 {
    --gradient-end: var(--stone-300) !important;
}

.bg-overlay-stone-300:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-300);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-400 {
    background-color: var(--stone-400) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-400:hover {
    background-color: var(--stone-400) !important;
}

.from-stone-400 {
    --gradient-start: var(--stone-400) !important;
}

.to-stone-400 {
    --gradient-end: var(--stone-400) !important;
}

.bg-overlay-stone-400:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-400);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-500 {
    background-color: var(--stone-500) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-500:hover {
    background-color: var(--stone-500) !important;
}

.from-stone-500 {
    --gradient-start: var(--stone-500) !important;
}

.to-stone-500 {
    --gradient-end: var(--stone-500) !important;
}

.bg-overlay-stone-500:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-500);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-600 {
    background-color: var(--stone-600) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-600:hover {
    background-color: var(--stone-600) !important;
}

.from-stone-600 {
    --gradient-start: var(--stone-600) !important;
}

.to-stone-600 {
    --gradient-end: var(--stone-600) !important;
}

.bg-overlay-stone-600:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-600);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-700 {
    background-color: var(--stone-700) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-700:hover {
    background-color: var(--stone-700) !important;
}

.from-stone-700 {
    --gradient-start: var(--stone-700) !important;
}

.to-stone-700 {
    --gradient-end: var(--stone-700) !important;
}

.bg-overlay-stone-700:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-700);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-800 {
    background-color: var(--stone-800) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-800:hover {
    background-color: var(--stone-800) !important;
}

.from-stone-800 {
    --gradient-start: var(--stone-800) !important;
}

.to-stone-800 {
    --gradient-end: var(--stone-800) !important;
}

.bg-overlay-stone-800:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-800);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-900 {
    background-color: var(--stone-900) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-900:hover {
    background-color: var(--stone-900) !important;
}

.from-stone-900 {
    --gradient-start: var(--stone-900) !important;
}

.to-stone-900 {
    --gradient-end: var(--stone-900) !important;
}

.bg-overlay-stone-900:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-900);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

.bg-stone-950 {
    background-color: var(--stone-950) !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-bg-stone-950:hover {
    background-color: var(--stone-950) !important;
}

.from-stone-950 {
    --gradient-start: var(--stone-950) !important;
}

.to-stone-950 {
    --gradient-end: var(--stone-950) !important;
}

.bg-overlay-stone-950:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: var(--stone-950);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
}

/* =========================================================================
   Border Color Utilities
   ========================================================================= */
.border-white {
    border-color: var(--white) !important;
}

.border-black {
    border-color: var(--black) !important;
}

.border-red-50 {
    --bs-border-color: var(--red-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-50:hover {
    border-color: var(--red-50) !important;
}

.border-red-100 {
    --bs-border-color: var(--red-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-100:hover {
    border-color: var(--red-100) !important;
}

.border-red-200 {
    --bs-border-color: var(--red-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-200:hover {
    border-color: var(--red-200) !important;
}

.border-red-300 {
    --bs-border-color: var(--red-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-300:hover {
    border-color: var(--red-300) !important;
}

.border-red-400 {
    --bs-border-color: var(--red-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-400:hover {
    border-color: var(--red-400) !important;
}

.border-red-500 {
    --bs-border-color: var(--red-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-500:hover {
    border-color: var(--red-500) !important;
}

.border-red-600 {
    --bs-border-color: var(--red-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-600:hover {
    border-color: var(--red-600) !important;
}

.border-red-700 {
    --bs-border-color: var(--red-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-700:hover {
    border-color: var(--red-700) !important;
}

.border-red-800 {
    --bs-border-color: var(--red-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-800:hover {
    border-color: var(--red-800) !important;
}

.border-red-900 {
    --bs-border-color: var(--red-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-900:hover {
    border-color: var(--red-900) !important;
}

.border-red-950 {
    --bs-border-color: var(--red-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-red-950:hover {
    border-color: var(--red-950) !important;
}

.border-orange-50 {
    --bs-border-color: var(--orange-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-50:hover {
    border-color: var(--orange-50) !important;
}

.border-orange-100 {
    --bs-border-color: var(--orange-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-100:hover {
    border-color: var(--orange-100) !important;
}

.border-orange-200 {
    --bs-border-color: var(--orange-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-200:hover {
    border-color: var(--orange-200) !important;
}

.border-orange-300 {
    --bs-border-color: var(--orange-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-300:hover {
    border-color: var(--orange-300) !important;
}

.border-orange-400 {
    --bs-border-color: var(--orange-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-400:hover {
    border-color: var(--orange-400) !important;
}

.border-orange-500 {
    --bs-border-color: var(--orange-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-500:hover {
    border-color: var(--orange-500) !important;
}

.border-orange-600 {
    --bs-border-color: var(--orange-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-600:hover {
    border-color: var(--orange-600) !important;
}

.border-orange-700 {
    --bs-border-color: var(--orange-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-700:hover {
    border-color: var(--orange-700) !important;
}

.border-orange-800 {
    --bs-border-color: var(--orange-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-800:hover {
    border-color: var(--orange-800) !important;
}

.border-orange-900 {
    --bs-border-color: var(--orange-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-900:hover {
    border-color: var(--orange-900) !important;
}

.border-orange-950 {
    --bs-border-color: var(--orange-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-orange-950:hover {
    border-color: var(--orange-950) !important;
}

.border-dark-red-50 {
    --bs-border-color: var(--dark-red-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-50:hover {
    border-color: var(--dark-red-50) !important;
}

.border-dark-red-100 {
    --bs-border-color: var(--dark-red-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-100:hover {
    border-color: var(--dark-red-100) !important;
}

.border-dark-red-200 {
    --bs-border-color: var(--dark-red-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-200:hover {
    border-color: var(--dark-red-200) !important;
}

.border-dark-red-300 {
    --bs-border-color: var(--dark-red-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-300:hover {
    border-color: var(--dark-red-300) !important;
}

.border-dark-red-400 {
    --bs-border-color: var(--dark-red-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-400:hover {
    border-color: var(--dark-red-400) !important;
}

.border-dark-red-500 {
    --bs-border-color: var(--dark-red-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-500:hover {
    border-color: var(--dark-red-500) !important;
}

.border-dark-red-600 {
    --bs-border-color: var(--dark-red-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-600:hover {
    border-color: var(--dark-red-600) !important;
}

.border-dark-red-700 {
    --bs-border-color: var(--dark-red-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-700:hover {
    border-color: var(--dark-red-700) !important;
}

.border-dark-red-800 {
    --bs-border-color: var(--dark-red-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-800:hover {
    border-color: var(--dark-red-800) !important;
}

.border-dark-red-900 {
    --bs-border-color: var(--dark-red-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-900:hover {
    border-color: var(--dark-red-900) !important;
}

.border-dark-red-950 {
    --bs-border-color: var(--dark-red-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-red-950:hover {
    border-color: var(--dark-red-950) !important;
}

.border-amber-50 {
    --bs-border-color: var(--amber-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-50:hover {
    border-color: var(--amber-50) !important;
}

.border-amber-100 {
    --bs-border-color: var(--amber-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-100:hover {
    border-color: var(--amber-100) !important;
}

.border-amber-200 {
    --bs-border-color: var(--amber-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-200:hover {
    border-color: var(--amber-200) !important;
}

.border-amber-300 {
    --bs-border-color: var(--amber-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-300:hover {
    border-color: var(--amber-300) !important;
}

.border-amber-400 {
    --bs-border-color: var(--amber-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-400:hover {
    border-color: var(--amber-400) !important;
}

.border-amber-500 {
    --bs-border-color: var(--amber-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-500:hover {
    border-color: var(--amber-500) !important;
}

.border-amber-600 {
    --bs-border-color: var(--amber-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-600:hover {
    border-color: var(--amber-600) !important;
}

.border-amber-700 {
    --bs-border-color: var(--amber-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-700:hover {
    border-color: var(--amber-700) !important;
}

.border-amber-800 {
    --bs-border-color: var(--amber-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-800:hover {
    border-color: var(--amber-800) !important;
}

.border-amber-900 {
    --bs-border-color: var(--amber-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-900:hover {
    border-color: var(--amber-900) !important;
}

.border-amber-950 {
    --bs-border-color: var(--amber-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-amber-950:hover {
    border-color: var(--amber-950) !important;
}

.border-yellow-50 {
    --bs-border-color: var(--yellow-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-50:hover {
    border-color: var(--yellow-50) !important;
}

.border-yellow-100 {
    --bs-border-color: var(--yellow-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-100:hover {
    border-color: var(--yellow-100) !important;
}

.border-yellow-200 {
    --bs-border-color: var(--yellow-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-200:hover {
    border-color: var(--yellow-200) !important;
}

.border-yellow-300 {
    --bs-border-color: var(--yellow-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-300:hover {
    border-color: var(--yellow-300) !important;
}

.border-yellow-400 {
    --bs-border-color: var(--yellow-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-400:hover {
    border-color: var(--yellow-400) !important;
}

.border-yellow-500 {
    --bs-border-color: var(--yellow-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-500:hover {
    border-color: var(--yellow-500) !important;
}

.border-yellow-600 {
    --bs-border-color: var(--yellow-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-600:hover {
    border-color: var(--yellow-600) !important;
}

.border-yellow-700 {
    --bs-border-color: var(--yellow-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-700:hover {
    border-color: var(--yellow-700) !important;
}

.border-yellow-800 {
    --bs-border-color: var(--yellow-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-800:hover {
    border-color: var(--yellow-800) !important;
}

.border-yellow-900 {
    --bs-border-color: var(--yellow-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-900:hover {
    border-color: var(--yellow-900) !important;
}

.border-yellow-950 {
    --bs-border-color: var(--yellow-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-yellow-950:hover {
    border-color: var(--yellow-950) !important;
}

.border-lime-50 {
    --bs-border-color: var(--lime-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-50:hover {
    border-color: var(--lime-50) !important;
}

.border-lime-100 {
    --bs-border-color: var(--lime-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-100:hover {
    border-color: var(--lime-100) !important;
}

.border-lime-200 {
    --bs-border-color: var(--lime-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-200:hover {
    border-color: var(--lime-200) !important;
}

.border-lime-300 {
    --bs-border-color: var(--lime-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-300:hover {
    border-color: var(--lime-300) !important;
}

.border-lime-400 {
    --bs-border-color: var(--lime-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-400:hover {
    border-color: var(--lime-400) !important;
}

.border-lime-500 {
    --bs-border-color: var(--lime-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-500:hover {
    border-color: var(--lime-500) !important;
}

.border-lime-600 {
    --bs-border-color: var(--lime-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-600:hover {
    border-color: var(--lime-600) !important;
}

.border-lime-700 {
    --bs-border-color: var(--lime-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-700:hover {
    border-color: var(--lime-700) !important;
}

.border-lime-800 {
    --bs-border-color: var(--lime-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-800:hover {
    border-color: var(--lime-800) !important;
}

.border-lime-900 {
    --bs-border-color: var(--lime-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-900:hover {
    border-color: var(--lime-900) !important;
}

.border-lime-950 {
    --bs-border-color: var(--lime-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-lime-950:hover {
    border-color: var(--lime-950) !important;
}

.border-green-50 {
    --bs-border-color: var(--green-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-50:hover {
    border-color: var(--green-50) !important;
}

.border-green-100 {
    --bs-border-color: var(--green-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-100:hover {
    border-color: var(--green-100) !important;
}

.border-green-200 {
    --bs-border-color: var(--green-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-200:hover {
    border-color: var(--green-200) !important;
}

.border-green-300 {
    --bs-border-color: var(--green-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-300:hover {
    border-color: var(--green-300) !important;
}

.border-green-400 {
    --bs-border-color: var(--green-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-400:hover {
    border-color: var(--green-400) !important;
}

.border-green-500 {
    --bs-border-color: var(--green-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-500:hover {
    border-color: var(--green-500) !important;
}

.border-green-600 {
    --bs-border-color: var(--green-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-600:hover {
    border-color: var(--green-600) !important;
}

.border-green-700 {
    --bs-border-color: var(--green-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-700:hover {
    border-color: var(--green-700) !important;
}

.border-green-800 {
    --bs-border-color: var(--green-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-800:hover {
    border-color: var(--green-800) !important;
}

.border-green-900 {
    --bs-border-color: var(--green-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-900:hover {
    border-color: var(--green-900) !important;
}

.border-green-950 {
    --bs-border-color: var(--green-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-green-950:hover {
    border-color: var(--green-950) !important;
}

.border-emerald-50 {
    --bs-border-color: var(--emerald-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-50:hover {
    border-color: var(--emerald-50) !important;
}

.border-emerald-100 {
    --bs-border-color: var(--emerald-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-100:hover {
    border-color: var(--emerald-100) !important;
}

.border-emerald-200 {
    --bs-border-color: var(--emerald-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-200:hover {
    border-color: var(--emerald-200) !important;
}

.border-emerald-300 {
    --bs-border-color: var(--emerald-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-300:hover {
    border-color: var(--emerald-300) !important;
}

.border-emerald-400 {
    --bs-border-color: var(--emerald-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-400:hover {
    border-color: var(--emerald-400) !important;
}

.border-emerald-500 {
    --bs-border-color: var(--emerald-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-500:hover {
    border-color: var(--emerald-500) !important;
}

.border-emerald-600 {
    --bs-border-color: var(--emerald-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-600:hover {
    border-color: var(--emerald-600) !important;
}

.border-emerald-700 {
    --bs-border-color: var(--emerald-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-700:hover {
    border-color: var(--emerald-700) !important;
}

.border-emerald-800 {
    --bs-border-color: var(--emerald-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-800:hover {
    border-color: var(--emerald-800) !important;
}

.border-emerald-900 {
    --bs-border-color: var(--emerald-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-900:hover {
    border-color: var(--emerald-900) !important;
}

.border-emerald-950 {
    --bs-border-color: var(--emerald-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-emerald-950:hover {
    border-color: var(--emerald-950) !important;
}

.border-teal-50 {
    --bs-border-color: var(--teal-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-50:hover {
    border-color: var(--teal-50) !important;
}

.border-teal-100 {
    --bs-border-color: var(--teal-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-100:hover {
    border-color: var(--teal-100) !important;
}

.border-teal-200 {
    --bs-border-color: var(--teal-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-200:hover {
    border-color: var(--teal-200) !important;
}

.border-teal-300 {
    --bs-border-color: var(--teal-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-300:hover {
    border-color: var(--teal-300) !important;
}

.border-teal-400 {
    --bs-border-color: var(--teal-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-400:hover {
    border-color: var(--teal-400) !important;
}

.border-teal-500 {
    --bs-border-color: var(--teal-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-500:hover {
    border-color: var(--teal-500) !important;
}

.border-teal-600 {
    --bs-border-color: var(--teal-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-600:hover {
    border-color: var(--teal-600) !important;
}

.border-teal-700 {
    --bs-border-color: var(--teal-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-700:hover {
    border-color: var(--teal-700) !important;
}

.border-teal-800 {
    --bs-border-color: var(--teal-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-800:hover {
    border-color: var(--teal-800) !important;
}

.border-teal-900 {
    --bs-border-color: var(--teal-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-900:hover {
    border-color: var(--teal-900) !important;
}

.border-teal-950 {
    --bs-border-color: var(--teal-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-teal-950:hover {
    border-color: var(--teal-950) !important;
}

.border-cyan-50 {
    --bs-border-color: var(--cyan-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-50:hover {
    border-color: var(--cyan-50) !important;
}

.border-cyan-100 {
    --bs-border-color: var(--cyan-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-100:hover {
    border-color: var(--cyan-100) !important;
}

.border-cyan-200 {
    --bs-border-color: var(--cyan-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-200:hover {
    border-color: var(--cyan-200) !important;
}

.border-cyan-300 {
    --bs-border-color: var(--cyan-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-300:hover {
    border-color: var(--cyan-300) !important;
}

.border-cyan-400 {
    --bs-border-color: var(--cyan-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-400:hover {
    border-color: var(--cyan-400) !important;
}

.border-cyan-500 {
    --bs-border-color: var(--cyan-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-500:hover {
    border-color: var(--cyan-500) !important;
}

.border-cyan-600 {
    --bs-border-color: var(--cyan-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-600:hover {
    border-color: var(--cyan-600) !important;
}

.border-cyan-700 {
    --bs-border-color: var(--cyan-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-700:hover {
    border-color: var(--cyan-700) !important;
}

.border-cyan-800 {
    --bs-border-color: var(--cyan-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-800:hover {
    border-color: var(--cyan-800) !important;
}

.border-cyan-900 {
    --bs-border-color: var(--cyan-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-900:hover {
    border-color: var(--cyan-900) !important;
}

.border-cyan-950 {
    --bs-border-color: var(--cyan-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-cyan-950:hover {
    border-color: var(--cyan-950) !important;
}

.border-sky-50 {
    --bs-border-color: var(--sky-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-50:hover {
    border-color: var(--sky-50) !important;
}

.border-sky-100 {
    --bs-border-color: var(--sky-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-100:hover {
    border-color: var(--sky-100) !important;
}

.border-sky-200 {
    --bs-border-color: var(--sky-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-200:hover {
    border-color: var(--sky-200) !important;
}

.border-sky-300 {
    --bs-border-color: var(--sky-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-300:hover {
    border-color: var(--sky-300) !important;
}

.border-sky-400 {
    --bs-border-color: var(--sky-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-400:hover {
    border-color: var(--sky-400) !important;
}

.border-sky-500 {
    --bs-border-color: var(--sky-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-500:hover {
    border-color: var(--sky-500) !important;
}

.border-sky-600 {
    --bs-border-color: var(--sky-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-600:hover {
    border-color: var(--sky-600) !important;
}

.border-sky-700 {
    --bs-border-color: var(--sky-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-700:hover {
    border-color: var(--sky-700) !important;
}

.border-sky-800 {
    --bs-border-color: var(--sky-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-800:hover {
    border-color: var(--sky-800) !important;
}

.border-sky-900 {
    --bs-border-color: var(--sky-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-900:hover {
    border-color: var(--sky-900) !important;
}

.border-sky-950 {
    --bs-border-color: var(--sky-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-sky-950:hover {
    border-color: var(--sky-950) !important;
}

.border-blue-50 {
    --bs-border-color: var(--blue-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-50:hover {
    border-color: var(--blue-50) !important;
}

.border-blue-100 {
    --bs-border-color: var(--blue-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-100:hover {
    border-color: var(--blue-100) !important;
}

.border-blue-200 {
    --bs-border-color: var(--blue-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-200:hover {
    border-color: var(--blue-200) !important;
}

.border-blue-300 {
    --bs-border-color: var(--blue-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-300:hover {
    border-color: var(--blue-300) !important;
}

.border-blue-400 {
    --bs-border-color: var(--blue-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-400:hover {
    border-color: var(--blue-400) !important;
}

.border-blue-500 {
    --bs-border-color: var(--blue-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-500:hover {
    border-color: var(--blue-500) !important;
}

.border-blue-600 {
    --bs-border-color: var(--blue-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-600:hover {
    border-color: var(--blue-600) !important;
}

.border-blue-700 {
    --bs-border-color: var(--blue-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-700:hover {
    border-color: var(--blue-700) !important;
}

.border-blue-800 {
    --bs-border-color: var(--blue-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-800:hover {
    border-color: var(--blue-800) !important;
}

.border-blue-900 {
    --bs-border-color: var(--blue-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-900:hover {
    border-color: var(--blue-900) !important;
}

.border-blue-950 {
    --bs-border-color: var(--blue-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-blue-950:hover {
    border-color: var(--blue-950) !important;
}

.border-indigo-50 {
    --bs-border-color: var(--indigo-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-50:hover {
    border-color: var(--indigo-50) !important;
}

.border-indigo-100 {
    --bs-border-color: var(--indigo-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-100:hover {
    border-color: var(--indigo-100) !important;
}

.border-indigo-200 {
    --bs-border-color: var(--indigo-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-200:hover {
    border-color: var(--indigo-200) !important;
}

.border-indigo-300 {
    --bs-border-color: var(--indigo-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-300:hover {
    border-color: var(--indigo-300) !important;
}

.border-indigo-400 {
    --bs-border-color: var(--indigo-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-400:hover {
    border-color: var(--indigo-400) !important;
}

.border-indigo-500 {
    --bs-border-color: var(--indigo-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-500:hover {
    border-color: var(--indigo-500) !important;
}

.border-indigo-600 {
    --bs-border-color: var(--indigo-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-600:hover {
    border-color: var(--indigo-600) !important;
}

.border-indigo-700 {
    --bs-border-color: var(--indigo-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-700:hover {
    border-color: var(--indigo-700) !important;
}

.border-indigo-800 {
    --bs-border-color: var(--indigo-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-800:hover {
    border-color: var(--indigo-800) !important;
}

.border-indigo-900 {
    --bs-border-color: var(--indigo-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-900:hover {
    border-color: var(--indigo-900) !important;
}

.border-indigo-950 {
    --bs-border-color: var(--indigo-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-indigo-950:hover {
    border-color: var(--indigo-950) !important;
}

.border-dark-blue-50 {
    --bs-border-color: var(--dark-blue-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-50:hover {
    border-color: var(--dark-blue-50) !important;
}

.border-dark-blue-100 {
    --bs-border-color: var(--dark-blue-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-100:hover {
    border-color: var(--dark-blue-100) !important;
}

.border-dark-blue-200 {
    --bs-border-color: var(--dark-blue-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-200:hover {
    border-color: var(--dark-blue-200) !important;
}

.border-dark-blue-300 {
    --bs-border-color: var(--dark-blue-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-300:hover {
    border-color: var(--dark-blue-300) !important;
}

.border-dark-blue-400 {
    --bs-border-color: var(--dark-blue-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-400:hover {
    border-color: var(--dark-blue-400) !important;
}

.border-dark-blue-500 {
    --bs-border-color: var(--dark-blue-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-500:hover {
    border-color: var(--dark-blue-500) !important;
}

.border-dark-blue-600 {
    --bs-border-color: var(--dark-blue-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-600:hover {
    border-color: var(--dark-blue-600) !important;
}

.border-dark-blue-700 {
    --bs-border-color: var(--dark-blue-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-700:hover {
    border-color: var(--dark-blue-700) !important;
}

.border-dark-blue-800 {
    --bs-border-color: var(--dark-blue-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-800:hover {
    border-color: var(--dark-blue-800) !important;
}

.border-dark-blue-900 {
    --bs-border-color: var(--dark-blue-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-900:hover {
    border-color: var(--dark-blue-900) !important;
}

.border-dark-blue-950 {
    --bs-border-color: var(--dark-blue-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-dark-blue-950:hover {
    border-color: var(--dark-blue-950) !important;
}

.border-violet-50 {
    --bs-border-color: var(--violet-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-50:hover {
    border-color: var(--violet-50) !important;
}

.border-violet-100 {
    --bs-border-color: var(--violet-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-100:hover {
    border-color: var(--violet-100) !important;
}

.border-violet-200 {
    --bs-border-color: var(--violet-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-200:hover {
    border-color: var(--violet-200) !important;
}

.border-violet-300 {
    --bs-border-color: var(--violet-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-300:hover {
    border-color: var(--violet-300) !important;
}

.border-violet-400 {
    --bs-border-color: var(--violet-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-400:hover {
    border-color: var(--violet-400) !important;
}

.border-violet-500 {
    --bs-border-color: var(--violet-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-500:hover {
    border-color: var(--violet-500) !important;
}

.border-violet-600 {
    --bs-border-color: var(--violet-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-600:hover {
    border-color: var(--violet-600) !important;
}

.border-violet-700 {
    --bs-border-color: var(--violet-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-700:hover {
    border-color: var(--violet-700) !important;
}

.border-violet-800 {
    --bs-border-color: var(--violet-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-800:hover {
    border-color: var(--violet-800) !important;
}

.border-violet-900 {
    --bs-border-color: var(--violet-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-900:hover {
    border-color: var(--violet-900) !important;
}

.border-violet-950 {
    --bs-border-color: var(--violet-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-violet-950:hover {
    border-color: var(--violet-950) !important;
}

.border-purple-50 {
    --bs-border-color: var(--purple-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-50:hover {
    border-color: var(--purple-50) !important;
}

.border-purple-100 {
    --bs-border-color: var(--purple-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-100:hover {
    border-color: var(--purple-100) !important;
}

.border-purple-200 {
    --bs-border-color: var(--purple-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-200:hover {
    border-color: var(--purple-200) !important;
}

.border-purple-300 {
    --bs-border-color: var(--purple-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-300:hover {
    border-color: var(--purple-300) !important;
}

.border-purple-400 {
    --bs-border-color: var(--purple-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-400:hover {
    border-color: var(--purple-400) !important;
}

.border-purple-500 {
    --bs-border-color: var(--purple-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-500:hover {
    border-color: var(--purple-500) !important;
}

.border-purple-600 {
    --bs-border-color: var(--purple-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-600:hover {
    border-color: var(--purple-600) !important;
}

.border-purple-700 {
    --bs-border-color: var(--purple-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-700:hover {
    border-color: var(--purple-700) !important;
}

.border-purple-800 {
    --bs-border-color: var(--purple-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-800:hover {
    border-color: var(--purple-800) !important;
}

.border-purple-900 {
    --bs-border-color: var(--purple-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-900:hover {
    border-color: var(--purple-900) !important;
}

.border-purple-950 {
    --bs-border-color: var(--purple-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-purple-950:hover {
    border-color: var(--purple-950) !important;
}

.border-fuchsia-50 {
    --bs-border-color: var(--fuchsia-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-50:hover {
    border-color: var(--fuchsia-50) !important;
}

.border-fuchsia-100 {
    --bs-border-color: var(--fuchsia-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-100:hover {
    border-color: var(--fuchsia-100) !important;
}

.border-fuchsia-200 {
    --bs-border-color: var(--fuchsia-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-200:hover {
    border-color: var(--fuchsia-200) !important;
}

.border-fuchsia-300 {
    --bs-border-color: var(--fuchsia-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-300:hover {
    border-color: var(--fuchsia-300) !important;
}

.border-fuchsia-400 {
    --bs-border-color: var(--fuchsia-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-400:hover {
    border-color: var(--fuchsia-400) !important;
}

.border-fuchsia-500 {
    --bs-border-color: var(--fuchsia-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-500:hover {
    border-color: var(--fuchsia-500) !important;
}

.border-fuchsia-600 {
    --bs-border-color: var(--fuchsia-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-600:hover {
    border-color: var(--fuchsia-600) !important;
}

.border-fuchsia-700 {
    --bs-border-color: var(--fuchsia-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-700:hover {
    border-color: var(--fuchsia-700) !important;
}

.border-fuchsia-800 {
    --bs-border-color: var(--fuchsia-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-800:hover {
    border-color: var(--fuchsia-800) !important;
}

.border-fuchsia-900 {
    --bs-border-color: var(--fuchsia-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-900:hover {
    border-color: var(--fuchsia-900) !important;
}

.border-fuchsia-950 {
    --bs-border-color: var(--fuchsia-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-fuchsia-950:hover {
    border-color: var(--fuchsia-950) !important;
}

.border-pink-50 {
    --bs-border-color: var(--pink-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-50:hover {
    border-color: var(--pink-50) !important;
}

.border-pink-100 {
    --bs-border-color: var(--pink-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-100:hover {
    border-color: var(--pink-100) !important;
}

.border-pink-200 {
    --bs-border-color: var(--pink-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-200:hover {
    border-color: var(--pink-200) !important;
}

.border-pink-300 {
    --bs-border-color: var(--pink-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-300:hover {
    border-color: var(--pink-300) !important;
}

.border-pink-400 {
    --bs-border-color: var(--pink-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-400:hover {
    border-color: var(--pink-400) !important;
}

.border-pink-500 {
    --bs-border-color: var(--pink-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-500:hover {
    border-color: var(--pink-500) !important;
}

.border-pink-600 {
    --bs-border-color: var(--pink-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-600:hover {
    border-color: var(--pink-600) !important;
}

.border-pink-700 {
    --bs-border-color: var(--pink-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-700:hover {
    border-color: var(--pink-700) !important;
}

.border-pink-800 {
    --bs-border-color: var(--pink-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-800:hover {
    border-color: var(--pink-800) !important;
}

.border-pink-900 {
    --bs-border-color: var(--pink-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-900:hover {
    border-color: var(--pink-900) !important;
}

.border-pink-950 {
    --bs-border-color: var(--pink-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-pink-950:hover {
    border-color: var(--pink-950) !important;
}

.border-rose-50 {
    --bs-border-color: var(--rose-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-50:hover {
    border-color: var(--rose-50) !important;
}

.border-rose-100 {
    --bs-border-color: var(--rose-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-100:hover {
    border-color: var(--rose-100) !important;
}

.border-rose-200 {
    --bs-border-color: var(--rose-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-200:hover {
    border-color: var(--rose-200) !important;
}

.border-rose-300 {
    --bs-border-color: var(--rose-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-300:hover {
    border-color: var(--rose-300) !important;
}

.border-rose-400 {
    --bs-border-color: var(--rose-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-400:hover {
    border-color: var(--rose-400) !important;
}

.border-rose-500 {
    --bs-border-color: var(--rose-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-500:hover {
    border-color: var(--rose-500) !important;
}

.border-rose-600 {
    --bs-border-color: var(--rose-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-600:hover {
    border-color: var(--rose-600) !important;
}

.border-rose-700 {
    --bs-border-color: var(--rose-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-700:hover {
    border-color: var(--rose-700) !important;
}

.border-rose-800 {
    --bs-border-color: var(--rose-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-800:hover {
    border-color: var(--rose-800) !important;
}

.border-rose-900 {
    --bs-border-color: var(--rose-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-900:hover {
    border-color: var(--rose-900) !important;
}

.border-rose-950 {
    --bs-border-color: var(--rose-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-rose-950:hover {
    border-color: var(--rose-950) !important;
}

.border-slate-50 {
    --bs-border-color: var(--slate-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-50:hover {
    border-color: var(--slate-50) !important;
}

.border-slate-100 {
    --bs-border-color: var(--slate-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-100:hover {
    border-color: var(--slate-100) !important;
}

.border-slate-200 {
    --bs-border-color: var(--slate-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-200:hover {
    border-color: var(--slate-200) !important;
}

.border-slate-300 {
    --bs-border-color: var(--slate-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-300:hover {
    border-color: var(--slate-300) !important;
}

.border-slate-400 {
    --bs-border-color: var(--slate-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-400:hover {
    border-color: var(--slate-400) !important;
}

.border-slate-500 {
    --bs-border-color: var(--slate-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-500:hover {
    border-color: var(--slate-500) !important;
}

.border-slate-600 {
    --bs-border-color: var(--slate-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-600:hover {
    border-color: var(--slate-600) !important;
}

.border-slate-700 {
    --bs-border-color: var(--slate-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-700:hover {
    border-color: var(--slate-700) !important;
}

.border-slate-800 {
    --bs-border-color: var(--slate-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-800:hover {
    border-color: var(--slate-800) !important;
}

.border-slate-900 {
    --bs-border-color: var(--slate-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-900:hover {
    border-color: var(--slate-900) !important;
}

.border-slate-950 {
    --bs-border-color: var(--slate-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-slate-950:hover {
    border-color: var(--slate-950) !important;
}

.border-gray-50 {
    --bs-border-color: var(--gray-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-50:hover {
    border-color: var(--gray-50) !important;
}

.border-gray-100 {
    --bs-border-color: var(--gray-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-100:hover {
    border-color: var(--gray-100) !important;
}

.border-gray-200 {
    --bs-border-color: var(--gray-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-200:hover {
    border-color: var(--gray-200) !important;
}

.border-gray-300 {
    --bs-border-color: var(--gray-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-300:hover {
    border-color: var(--gray-300) !important;
}

.border-gray-400 {
    --bs-border-color: var(--gray-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-400:hover {
    border-color: var(--gray-400) !important;
}

.border-gray-500 {
    --bs-border-color: var(--gray-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-500:hover {
    border-color: var(--gray-500) !important;
}

.border-gray-600 {
    --bs-border-color: var(--gray-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-600:hover {
    border-color: var(--gray-600) !important;
}

.border-gray-700 {
    --bs-border-color: var(--gray-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-700:hover {
    border-color: var(--gray-700) !important;
}

.border-gray-800 {
    --bs-border-color: var(--gray-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-800:hover {
    border-color: var(--gray-800) !important;
}

.border-gray-900 {
    --bs-border-color: var(--gray-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-900:hover {
    border-color: var(--gray-900) !important;
}

.border-gray-950 {
    --bs-border-color: var(--gray-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-gray-950:hover {
    border-color: var(--gray-950) !important;
}

.border-zinc-50 {
    --bs-border-color: var(--zinc-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-50:hover {
    border-color: var(--zinc-50) !important;
}

.border-zinc-100 {
    --bs-border-color: var(--zinc-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-100:hover {
    border-color: var(--zinc-100) !important;
}

.border-zinc-200 {
    --bs-border-color: var(--zinc-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-200:hover {
    border-color: var(--zinc-200) !important;
}

.border-zinc-300 {
    --bs-border-color: var(--zinc-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-300:hover {
    border-color: var(--zinc-300) !important;
}

.border-zinc-400 {
    --bs-border-color: var(--zinc-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-400:hover {
    border-color: var(--zinc-400) !important;
}

.border-zinc-500 {
    --bs-border-color: var(--zinc-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-500:hover {
    border-color: var(--zinc-500) !important;
}

.border-zinc-600 {
    --bs-border-color: var(--zinc-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-600:hover {
    border-color: var(--zinc-600) !important;
}

.border-zinc-700 {
    --bs-border-color: var(--zinc-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-700:hover {
    border-color: var(--zinc-700) !important;
}

.border-zinc-800 {
    --bs-border-color: var(--zinc-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-800:hover {
    border-color: var(--zinc-800) !important;
}

.border-zinc-900 {
    --bs-border-color: var(--zinc-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-900:hover {
    border-color: var(--zinc-900) !important;
}

.border-zinc-950 {
    --bs-border-color: var(--zinc-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-zinc-950:hover {
    border-color: var(--zinc-950) !important;
}

.border-neutral-50 {
    --bs-border-color: var(--neutral-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-50:hover {
    border-color: var(--neutral-50) !important;
}

.border-neutral-100 {
    --bs-border-color: var(--neutral-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-100:hover {
    border-color: var(--neutral-100) !important;
}

.border-neutral-200 {
    --bs-border-color: var(--neutral-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-200:hover {
    border-color: var(--neutral-200) !important;
}

.border-neutral-300 {
    --bs-border-color: var(--neutral-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-300:hover {
    border-color: var(--neutral-300) !important;
}

.border-neutral-400 {
    --bs-border-color: var(--neutral-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-400:hover {
    border-color: var(--neutral-400) !important;
}

.border-neutral-500 {
    --bs-border-color: var(--neutral-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-500:hover {
    border-color: var(--neutral-500) !important;
}

.border-neutral-600 {
    --bs-border-color: var(--neutral-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-600:hover {
    border-color: var(--neutral-600) !important;
}

.border-neutral-700 {
    --bs-border-color: var(--neutral-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-700:hover {
    border-color: var(--neutral-700) !important;
}

.border-neutral-800 {
    --bs-border-color: var(--neutral-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-800:hover {
    border-color: var(--neutral-800) !important;
}

.border-neutral-900 {
    --bs-border-color: var(--neutral-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-900:hover {
    border-color: var(--neutral-900) !important;
}

.border-neutral-950 {
    --bs-border-color: var(--neutral-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-neutral-950:hover {
    border-color: var(--neutral-950) !important;
}

.border-stone-50 {
    --bs-border-color: var(--stone-50);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-50:hover {
    border-color: var(--stone-50) !important;
}

.border-stone-100 {
    --bs-border-color: var(--stone-100);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-100:hover {
    border-color: var(--stone-100) !important;
}

.border-stone-200 {
    --bs-border-color: var(--stone-200);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-200:hover {
    border-color: var(--stone-200) !important;
}

.border-stone-300 {
    --bs-border-color: var(--stone-300);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-300:hover {
    border-color: var(--stone-300) !important;
}

.border-stone-400 {
    --bs-border-color: var(--stone-400);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-400:hover {
    border-color: var(--stone-400) !important;
}

.border-stone-500 {
    --bs-border-color: var(--stone-500);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-500:hover {
    border-color: var(--stone-500) !important;
}

.border-stone-600 {
    --bs-border-color: var(--stone-600);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-600:hover {
    border-color: var(--stone-600) !important;
}

.border-stone-700 {
    --bs-border-color: var(--stone-700);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-700:hover {
    border-color: var(--stone-700) !important;
}

.border-stone-800 {
    --bs-border-color: var(--stone-800);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-800:hover {
    border-color: var(--stone-800) !important;
}

.border-stone-900 {
    --bs-border-color: var(--stone-900);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-900:hover {
    border-color: var(--stone-900) !important;
}

.border-stone-950 {
    --bs-border-color: var(--stone-950);
    border-color: var(--bs-border-color) !important;
}

.hover-border-stone-950:hover {
    border-color: var(--stone-950) !important;
}

/* =========================================================================
   Opacity Utility Classes
   ========================================================================= */
.opacity-05 {
    opacity: 0.05;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

/* =========================================================================
   CSS Reset and Base Styles
   ========================================================================= */
:hover {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

html {
    overflow-y: scroll;
}

body {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    font-family: var(--font-primary);
    color: var(--black);
    font-weight: 400;
    background: #fff;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
    color: var(--gray-600);
    opacity: 0.5;
}

img {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

iframe {
    display: block;
    width: 100%;
    border: none;
}

video {
    display: block;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}

audio,
canvas,
progress,
video {
    vertical-align: middle;
}

i {
    font-style: normal;
}

ul li {
    margin-bottom: 0.5rem;
}

/* =========================================================================
   Responsive Layout Adjustments
   ========================================================================= */
@media all and (max-width: 320px) {
    .screen-spacer {
        padding: 0 0%;
    }
}

@media all and (min-width: 321px) and (max-width: 415px) {
    .screen-spacer {
        padding: 0 1%;
    }
}

@media all and (min-width: 416px) and (max-width: 575px) {
    .screen-spacer {
        padding: 0 2%;
    }
}

@media all and (min-width: 576px) and (max-width: 767px) {
    .screen-spacer {
        padding: 0 3%;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .screen-spacer {
        padding: 0 3%;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .screen-spacer {
        padding: 0 5%;
    }
}

@media all and (min-width: 1200px) and (max-width: 1400px) {
    .screen-spacer {
        padding: 0 5%;
    }
}

@media all and (min-width: 1400px) {
    .screen-spacer {
        padding: 0 10%;
    }
}

/* =========================================================================
   Box Shadow Styles
   ========================================================================= */
.shadow-xs {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) !important;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
}

.shadow-md {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15) !important;
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15) !important;
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15) !important;
}

/* =========================================================================
   Sizing Utility Classes
   ========================================================================= */
.icon {
    height: var(--icon-size, 1.5rem);
    width: var(--icon-size, 1.5rem);
}

.icon-xs {
    --icon-size: 1rem;
}

.icon-sm {
    --icon-size: 1.5rem;
}

.icon-md {
    --icon-size: 2.5rem;
}

.icon-lg {
    --icon-size: 3rem;
}

.icon-xl {
    --icon-size: 4rem;
}

.icon-2xl {
    --icon-size: 5rem;
}

.avatar {
    width: var(--size, 2.5rem);
    min-width: var(--size, 2.5rem);
}

.avatar-xs {
    --size: 1rem;
}

.avatar-sm {
    --size: 1.5rem;
}

.avatar-md {
    --size: 2.5rem;
}

.avatar-lg {
    --size: 3rem;
}

.avatar-xl {
    --size: 5.5rem;
}

.avatar-2xl {
    --size: 8rem;
}

.w-25 {
    width: 25% !important;
}

.h-25 {
    height: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.h-50 {
    height: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.h-75 {
    height: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }
}

@media (min-width: 1440px) {
    .w-2xl-25 {
        width: 25% !important;
    }

    .h-2xl-25 {
        height: 25% !important;
    }

    .w-2xl-50 {
        width: 50% !important;
    }

    .h-2xl-50 {
        height: 50% !important;
    }

    .w-2xl-75 {
        width: 75% !important;
    }

    .h-2xl-75 {
        height: 75% !important;
    }

    .w-2xl-100 {
        width: 100% !important;
    }

    .h-2xl-100 {
        height: 100% !important;
    }
}

/* =========================================================================
   Spacing Utility Classes
   ========================================================================= */
.m-0 {
    margin: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

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

.mt-0 {
    margin-top: 0 !important;
}

.me-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.m-n0 {
    margin: 0 !important;
}

.mx-n0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

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

.mt-n0 {
    margin-top: 0 !important;
}

.me-n0 {
    margin-right: 0 !important;
}

.mb-n0 {
    margin-bottom: 0 !important;
}

.ms-n0 {
    margin-left: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

.pt-0 {
    padding-top: 0 !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mx-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mx-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mx-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mx-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.m-5 {
    margin: 2rem !important;
}

.mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.me-5 {
    margin-right: 2rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

.ms-5 {
    margin-left: 2rem !important;
}

.m-n5 {
    margin: -2rem !important;
}

.mx-n5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
}

.my-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
}

.mt-n5 {
    margin-top: -2rem !important;
}

.me-n5 {
    margin-right: -2rem !important;
}

.mb-n5 {
    margin-bottom: -2rem !important;
}

.ms-n5 {
    margin-left: -2rem !important;
}

.p-5 {
    padding: 2rem !important;
}

.px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.pt-5 {
    padding-top: 2rem !important;
}

.pe-5 {
    padding-right: 2rem !important;
}

.pb-5 {
    padding-bottom: 2rem !important;
}

.ps-5 {
    padding-left: 2rem !important;
}

.m-6 {
    margin: 2.5rem !important;
}

.mx-6 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.my-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.mt-6 {
    margin-top: 2.5rem !important;
}

.me-6 {
    margin-right: 2.5rem !important;
}

.mb-6 {
    margin-bottom: 2.5rem !important;
}

.ms-6 {
    margin-left: 2.5rem !important;
}

.m-n6 {
    margin: -2.5rem !important;
}

.mx-n6 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
}

.my-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
}

.mt-n6 {
    margin-top: -2.5rem !important;
}

.me-n6 {
    margin-right: -2.5rem !important;
}

.mb-n6 {
    margin-bottom: -2.5rem !important;
}

.ms-n6 {
    margin-left: -2.5rem !important;
}

.p-6 {
    padding: 2.5rem !important;
}

.px-6 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.py-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.pt-6 {
    padding-top: 2.5rem !important;
}

.pe-6 {
    padding-right: 2.5rem !important;
}

.pb-6 {
    padding-bottom: 2.5rem !important;
}

.ps-6 {
    padding-left: 2.5rem !important;
}

.m-7 {
    margin: 3rem !important;
}

.mx-7 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.my-7 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-7 {
    margin-top: 3rem !important;
}

.me-7 {
    margin-right: 3rem !important;
}

.mb-7 {
    margin-bottom: 3rem !important;
}

.ms-7 {
    margin-left: 3rem !important;
}

.m-n7 {
    margin: -3rem !important;
}

.mx-n7 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}

.my-n7 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.mt-n7 {
    margin-top: -3rem !important;
}

.me-n7 {
    margin-right: -3rem !important;
}

.mb-n7 {
    margin-bottom: -3rem !important;
}

.ms-n7 {
    margin-left: -3rem !important;
}

.p-7 {
    padding: 3rem !important;
}

.px-7 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-7 {
    padding-top: 3rem !important;
}

.pe-7 {
    padding-right: 3rem !important;
}

.pb-7 {
    padding-bottom: 3rem !important;
}

.ps-7 {
    padding-left: 3rem !important;
}

.m-8 {
    margin: 3.5rem !important;
}

.mx-8 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
}

.my-8 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
}

.mt-8 {
    margin-top: 3.5rem !important;
}

.me-8 {
    margin-right: 3.5rem !important;
}

.mb-8 {
    margin-bottom: 3.5rem !important;
}

.ms-8 {
    margin-left: 3.5rem !important;
}

.m-n8 {
    margin: -3.5rem !important;
}

.mx-n8 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important;
}

.my-n8 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
}

.mt-n8 {
    margin-top: -3.5rem !important;
}

.me-n8 {
    margin-right: -3.5rem !important;
}

.mb-n8 {
    margin-bottom: -3.5rem !important;
}

.ms-n8 {
    margin-left: -3.5rem !important;
}

.p-8 {
    padding: 3.5rem !important;
}

.px-8 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
}

.py-8 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.pt-8 {
    padding-top: 3.5rem !important;
}

.pe-8 {
    padding-right: 3.5rem !important;
}

.pb-8 {
    padding-bottom: 3.5rem !important;
}

.ps-8 {
    padding-left: 3.5rem !important;
}

.m-9 {
    margin: 4rem !important;
}

.mx-9 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.my-9 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mt-9 {
    margin-top: 4rem !important;
}

.me-9 {
    margin-right: 4rem !important;
}

.mb-9 {
    margin-bottom: 4rem !important;
}

.ms-9 {
    margin-left: 4rem !important;
}

.m-n9 {
    margin: -4rem !important;
}

.mx-n9 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
}

.my-n9 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}

.mt-n9 {
    margin-top: -4rem !important;
}

.me-n9 {
    margin-right: -4rem !important;
}

.mb-n9 {
    margin-bottom: -4rem !important;
}

.ms-n9 {
    margin-left: -4rem !important;
}

.p-9 {
    padding: 4rem !important;
}

.px-9 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.py-9 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.pt-9 {
    padding-top: 4rem !important;
}

.pe-9 {
    padding-right: 4rem !important;
}

.pb-9 {
    padding-bottom: 4rem !important;
}

.ps-9 {
    padding-left: 4rem !important;
}

.m-10 {
    margin: 4.5rem !important;
}

.mx-10 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
}

.my-10 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
}

.mt-10 {
    margin-top: 4.5rem !important;
}

.me-10 {
    margin-right: 4.5rem !important;
}

.mb-10 {
    margin-bottom: 4.5rem !important;
}

.ms-10 {
    margin-left: 4.5rem !important;
}

.m-n10 {
    margin: -4.5rem !important;
}

.mx-n10 {
    margin-left: -4.5rem !important;
    margin-right: -4.5rem !important;
}

.my-n10 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
}

.mt-n10 {
    margin-top: -4.5rem !important;
}

.me-n10 {
    margin-right: -4.5rem !important;
}

.mb-n10 {
    margin-bottom: -4.5rem !important;
}

.ms-n10 {
    margin-left: -4.5rem !important;
}

.p-10 {
    padding: 4.5rem !important;
}

.px-10 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
}

.py-10 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.pt-10 {
    padding-top: 4.5rem !important;
}

.pe-10 {
    padding-right: 4.5rem !important;
}

.pb-10 {
    padding-bottom: 4.5rem !important;
}

.ps-10 {
    padding-left: 4.5rem !important;
}

.m-11 {
    margin: 5rem !important;
}

.mx-11 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.my-11 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.mt-11 {
    margin-top: 5rem !important;
}

.me-11 {
    margin-right: 5rem !important;
}

.mb-11 {
    margin-bottom: 5rem !important;
}

.ms-11 {
    margin-left: 5rem !important;
}

.m-n11 {
    margin: -5rem !important;
}

.mx-n11 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
}

.my-n11 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
}

.mt-n11 {
    margin-top: -5rem !important;
}

.me-n11 {
    margin-right: -5rem !important;
}

.mb-n11 {
    margin-bottom: -5rem !important;
}

.ms-n11 {
    margin-left: -5rem !important;
}

.p-11 {
    padding: 5rem !important;
}

.px-11 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.py-11 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.pt-11 {
    padding-top: 5rem !important;
}

.pe-11 {
    padding-right: 5rem !important;
}

.pb-11 {
    padding-bottom: 5rem !important;
}

.ps-11 {
    padding-left: 5rem !important;
}

.m-12 {
    margin: 5.5rem !important;
}

.mx-12 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
}

.my-12 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
}

.mt-12 {
    margin-top: 5.5rem !important;
}

.me-12 {
    margin-right: 5.5rem !important;
}

.mb-12 {
    margin-bottom: 5.5rem !important;
}

.ms-12 {
    margin-left: 5.5rem !important;
}

.m-n12 {
    margin: -5.5rem !important;
}

.mx-n12 {
    margin-left: -5.5rem !important;
    margin-right: -5.5rem !important;
}

.my-n12 {
    margin-top: -5.5rem !important;
    margin-bottom: -5.5rem !important;
}

.mt-n12 {
    margin-top: -5.5rem !important;
}

.me-n12 {
    margin-right: -5.5rem !important;
}

.mb-n12 {
    margin-bottom: -5.5rem !important;
}

.ms-n12 {
    margin-left: -5.5rem !important;
}

.p-12 {
    padding: 5.5rem !important;
}

.px-12 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
}

.py-12 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
}

.pt-12 {
    padding-top: 5.5rem !important;
}

.pe-12 {
    padding-right: 5.5rem !important;
}

.pb-12 {
    padding-bottom: 5.5rem !important;
}

.ps-12 {
    padding-left: 5.5rem !important;
}

.m-13 {
    margin: 6rem !important;
}

.mx-13 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.my-13 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.mt-13 {
    margin-top: 6rem !important;
}

.me-13 {
    margin-right: 6rem !important;
}

.mb-13 {
    margin-bottom: 6rem !important;
}

.ms-13 {
    margin-left: 6rem !important;
}

.m-n13 {
    margin: -6rem !important;
}

.mx-n13 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
}

.my-n13 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
}

.mt-n13 {
    margin-top: -6rem !important;
}

.me-n13 {
    margin-right: -6rem !important;
}

.mb-n13 {
    margin-bottom: -6rem !important;
}

.ms-n13 {
    margin-left: -6rem !important;
}

.p-13 {
    padding: 6rem !important;
}

.px-13 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.py-13 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.pt-13 {
    padding-top: 6rem !important;
}

.pe-13 {
    padding-right: 6rem !important;
}

.pb-13 {
    padding-bottom: 6rem !important;
}

.ps-13 {
    padding-left: 6rem !important;
}

.m-14 {
    margin: 6.5rem !important;
}

.mx-14 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
}

.my-14 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
}

.mt-14 {
    margin-top: 6.5rem !important;
}

.me-14 {
    margin-right: 6.5rem !important;
}

.mb-14 {
    margin-bottom: 6.5rem !important;
}

.ms-14 {
    margin-left: 6.5rem !important;
}

.m-n14 {
    margin: -6.5rem !important;
}

.mx-n14 {
    margin-left: -6.5rem !important;
    margin-right: -6.5rem !important;
}

.my-n14 {
    margin-top: -6.5rem !important;
    margin-bottom: -6.5rem !important;
}

.mt-n14 {
    margin-top: -6.5rem !important;
}

.me-n14 {
    margin-right: -6.5rem !important;
}

.mb-n14 {
    margin-bottom: -6.5rem !important;
}

.ms-n14 {
    margin-left: -6.5rem !important;
}

.p-14 {
    padding: 6.5rem !important;
}

.px-14 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
}

.py-14 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
}

.pt-14 {
    padding-top: 6.5rem !important;
}

.pe-14 {
    padding-right: 6.5rem !important;
}

.pb-14 {
    padding-bottom: 6.5rem !important;
}

.ps-14 {
    padding-left: 6.5rem !important;
}

.m-15 {
    margin: 7.5rem !important;
}

.mx-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
}

.my-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
}

.mt-15 {
    margin-top: 7.5rem !important;
}

.me-15 {
    margin-right: 7.5rem !important;
}

.mb-15 {
    margin-bottom: 7.5rem !important;
}

.ms-15 {
    margin-left: 7.5rem !important;
}

.m-n15 {
    margin: -7.5rem !important;
}

.mx-n15 {
    margin-left: -7.5rem !important;
    margin-right: -7.5rem !important;
}

.my-n15 {
    margin-top: -7.5rem !important;
    margin-bottom: -7.5rem !important;
}

.mt-n15 {
    margin-top: -7.5rem !important;
}

.me-n15 {
    margin-right: -7.5rem !important;
}

.mb-n15 {
    margin-bottom: -7.5rem !important;
}

.ms-n15 {
    margin-left: -7.5rem !important;
}

.p-15 {
    padding: 7.5rem !important;
}

.px-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
}

.py-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
}

.pt-15 {
    padding-top: 7.5rem !important;
}

.pe-15 {
    padding-right: 7.5rem !important;
}

.pb-15 {
    padding-bottom: 7.5rem !important;
}

.ps-15 {
    padding-left: 7.5rem !important;
}

.m-16 {
    margin: 8.5rem !important;
}

.mx-16 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
}

.my-16 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
}

.mt-16 {
    margin-top: 8.5rem !important;
}

.me-16 {
    margin-right: 8.5rem !important;
}

.mb-16 {
    margin-bottom: 8.5rem !important;
}

.ms-16 {
    margin-left: 8.5rem !important;
}

.m-n16 {
    margin: -8.5rem !important;
}

.mx-n16 {
    margin-left: -8.5rem !important;
    margin-right: -8.5rem !important;
}

.my-n16 {
    margin-top: -8.5rem !important;
    margin-bottom: -8.5rem !important;
}

.mt-n16 {
    margin-top: -8.5rem !important;
}

.me-n16 {
    margin-right: -8.5rem !important;
}

.mb-n16 {
    margin-bottom: -8.5rem !important;
}

.ms-n16 {
    margin-left: -8.5rem !important;
}

.p-16 {
    padding: 8.5rem !important;
}

.px-16 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
}

.py-16 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
}

.pt-16 {
    padding-top: 8.5rem !important;
}

.pe-16 {
    padding-right: 8.5rem !important;
}

.pb-16 {
    padding-bottom: 8.5rem !important;
}

.ps-16 {
    padding-left: 8.5rem !important;
}

.m-17 {
    margin: 9.5rem !important;
}

.mx-17 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
}

.my-17 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
}

.mt-17 {
    margin-top: 9.5rem !important;
}

.me-17 {
    margin-right: 9.5rem !important;
}

.mb-17 {
    margin-bottom: 9.5rem !important;
}

.ms-17 {
    margin-left: 9.5rem !important;
}

.m-n17 {
    margin: -9.5rem !important;
}

.mx-n17 {
    margin-left: -9.5rem !important;
    margin-right: -9.5rem !important;
}

.my-n17 {
    margin-top: -9.5rem !important;
    margin-bottom: -9.5rem !important;
}

.mt-n17 {
    margin-top: -9.5rem !important;
}

.me-n17 {
    margin-right: -9.5rem !important;
}

.mb-n17 {
    margin-bottom: -9.5rem !important;
}

.ms-n17 {
    margin-left: -9.5rem !important;
}

.p-17 {
    padding: 9.5rem !important;
}

.px-17 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
}

.py-17 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
}

.pt-17 {
    padding-top: 9.5rem !important;
}

.pe-17 {
    padding-right: 9.5rem !important;
}

.pb-17 {
    padding-bottom: 9.5rem !important;
}

.ps-17 {
    padding-left: 9.5rem !important;
}

.m-18 {
    margin: 10.5rem !important;
}

.mx-18 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
}

.my-18 {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
}

.mt-18 {
    margin-top: 10.5rem !important;
}

.me-18 {
    margin-right: 10.5rem !important;
}

.mb-18 {
    margin-bottom: 10.5rem !important;
}

.ms-18 {
    margin-left: 10.5rem !important;
}

.m-n18 {
    margin: -10.5rem !important;
}

.mx-n18 {
    margin-left: -10.5rem !important;
    margin-right: -10.5rem !important;
}

.my-n18 {
    margin-top: -10.5rem !important;
    margin-bottom: -10.5rem !important;
}

.mt-n18 {
    margin-top: -10.5rem !important;
}

.me-n18 {
    margin-right: -10.5rem !important;
}

.mb-n18 {
    margin-bottom: -10.5rem !important;
}

.ms-n18 {
    margin-left: -10.5rem !important;
}

.p-18 {
    padding: 10.5rem !important;
}

.px-18 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
}

.py-18 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
}

.pt-18 {
    padding-top: 10.5rem !important;
}

.pe-18 {
    padding-right: 10.5rem !important;
}

.pb-18 {
    padding-bottom: 10.5rem !important;
}

.ps-18 {
    padding-left: 10.5rem !important;
}

.m-19 {
    margin: 11.5rem !important;
}

.mx-19 {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
}

.my-19 {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
}

.mt-19 {
    margin-top: 11.5rem !important;
}

.me-19 {
    margin-right: 11.5rem !important;
}

.mb-19 {
    margin-bottom: 11.5rem !important;
}

.ms-19 {
    margin-left: 11.5rem !important;
}

.m-n19 {
    margin: -11.5rem !important;
}

.mx-n19 {
    margin-left: -11.5rem !important;
    margin-right: -11.5rem !important;
}

.my-n19 {
    margin-top: -11.5rem !important;
    margin-bottom: -11.5rem !important;
}

.mt-n19 {
    margin-top: -11.5rem !important;
}

.me-n19 {
    margin-right: -11.5rem !important;
}

.mb-n19 {
    margin-bottom: -11.5rem !important;
}

.ms-n19 {
    margin-left: -11.5rem !important;
}

.p-19 {
    padding: 11.5rem !important;
}

.px-19 {
    padding-left: 11.5rem !important;
    padding-right: 11.5rem !important;
}

.py-19 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
}

.pt-19 {
    padding-top: 11.5rem !important;
}

.pe-19 {
    padding-right: 11.5rem !important;
}

.pb-19 {
    padding-bottom: 11.5rem !important;
}

.ps-19 {
    padding-left: 11.5rem !important;
}

.m-20 {
    margin: 12.5rem !important;
}

.mx-20 {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
}

.my-20 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
}

.mt-20 {
    margin-top: 12.5rem !important;
}

.me-20 {
    margin-right: 12.5rem !important;
}

.mb-20 {
    margin-bottom: 12.5rem !important;
}

.ms-20 {
    margin-left: 12.5rem !important;
}

.m-n20 {
    margin: -12.5rem !important;
}

.mx-n20 {
    margin-left: -12.5rem !important;
    margin-right: -12.5rem !important;
}

.my-n20 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
}

.mt-n20 {
    margin-top: -12.5rem !important;
}

.me-n20 {
    margin-right: -12.5rem !important;
}

.mb-n20 {
    margin-bottom: -12.5rem !important;
}

.ms-n20 {
    margin-left: -12.5rem !important;
}

.p-20 {
    padding: 12.5rem !important;
}

.px-20 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
}

.py-20 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
}

.pt-20 {
    padding-top: 12.5rem !important;
}

.pe-20 {
    padding-right: 12.5rem !important;
}

.pb-20 {
    padding-bottom: 12.5rem !important;
}

.ps-20 {
    padding-left: 12.5rem !important;
}

/* =========================================================================
   Responsive Spacing Utilities
   ========================================================================= */
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0rem !important;
    }

    .mx-sm-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-sm-0 {
        margin-top: 0rem !important;
    }

    .me-sm-0 {
        margin-right: 0rem !important;
    }

    .mb-sm-0 {
        margin-bottom: 0rem !important;
    }

    .ms-sm-0 {
        margin-left: 0rem !important;
    }

    .m-sm-n0 {
        margin: 0rem !important;
    }

    .mx-sm-n0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-sm-n0 {
        margin-top: 0rem !important;
    }

    .me-sm-n0 {
        margin-right: 0rem !important;
    }

    .mb-sm-n0 {
        margin-bottom: 0rem !important;
    }

    .ms-sm-n0 {
        margin-left: 0rem !important;
    }

    .p-sm-0 {
        padding: 0rem !important;
    }

    .px-sm-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

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

    .pt-sm-0 {
        padding-top: 0rem !important;
    }

    .pe-sm-0 {
        padding-right: 0rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0rem !important;
    }

    .ps-sm-0 {
        padding-left: 0rem !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mx-sm-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mx-sm-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .me-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .px-sm-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mx-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mx-sm-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .me-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .px-sm-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mx-sm-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .mt-sm-n3 {
        margin-top: -1rem !important;
    }

    .me-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-sm-n3 {
        margin-left: -1rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mx-sm-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 2rem !important;
    }

    .mx-sm-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mt-sm-5 {
        margin-top: 2rem !important;
    }

    .me-sm-5 {
        margin-right: 2rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important;
    }

    .ms-sm-5 {
        margin-left: 2rem !important;
    }

    .m-sm-n5 {
        margin: -2rem !important;
    }

    .mx-sm-n5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .my-sm-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .mt-sm-n5 {
        margin-top: -2rem !important;
    }

    .me-sm-n5 {
        margin-right: -2rem !important;
    }

    .mb-sm-n5 {
        margin-bottom: -2rem !important;
    }

    .ms-sm-n5 {
        margin-left: -2rem !important;
    }

    .p-sm-5 {
        padding: 2rem !important;
    }

    .px-sm-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pt-sm-5 {
        padding-top: 2rem !important;
    }

    .pe-sm-5 {
        padding-right: 2rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important;
    }

    .ps-sm-5 {
        padding-left: 2rem !important;
    }

    .m-sm-6 {
        margin: 2.5rem !important;
    }

    .mx-sm-6 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }

    .my-sm-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mt-sm-6 {
        margin-top: 2.5rem !important;
    }

    .me-sm-6 {
        margin-right: 2.5rem !important;
    }

    .mb-sm-6 {
        margin-bottom: 2.5rem !important;
    }

    .ms-sm-6 {
        margin-left: 2.5rem !important;
    }

    .m-sm-n6 {
        margin: -2.5rem !important;
    }

    .mx-sm-n6 {
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }

    .my-sm-n6 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .mt-sm-n6 {
        margin-top: -2.5rem !important;
    }

    .me-sm-n6 {
        margin-right: -2.5rem !important;
    }

    .mb-sm-n6 {
        margin-bottom: -2.5rem !important;
    }

    .ms-sm-n6 {
        margin-left: -2.5rem !important;
    }

    .p-sm-6 {
        padding: 2.5rem !important;
    }

    .px-sm-6 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .py-sm-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pt-sm-6 {
        padding-top: 2.5rem !important;
    }

    .pe-sm-6 {
        padding-right: 2.5rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 2.5rem !important;
    }

    .ps-sm-6 {
        padding-left: 2.5rem !important;
    }

    .m-sm-7 {
        margin: 3rem !important;
    }

    .mx-sm-7 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .my-sm-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-sm-7 {
        margin-top: 3rem !important;
    }

    .me-sm-7 {
        margin-right: 3rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 3rem !important;
    }

    .ms-sm-7 {
        margin-left: 3rem !important;
    }

    .m-sm-n7 {
        margin: -3rem !important;
    }

    .mx-sm-n7 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .my-sm-n7 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-sm-n7 {
        margin-top: -3rem !important;
    }

    .me-sm-n7 {
        margin-right: -3rem !important;
    }

    .mb-sm-n7 {
        margin-bottom: -3rem !important;
    }

    .ms-sm-n7 {
        margin-left: -3rem !important;
    }

    .p-sm-7 {
        padding: 3rem !important;
    }

    .px-sm-7 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .py-sm-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-7 {
        padding-top: 3rem !important;
    }

    .pe-sm-7 {
        padding-right: 3rem !important;
    }

    .pb-sm-7 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-7 {
        padding-left: 3rem !important;
    }

    .m-sm-8 {
        margin: 3.5rem !important;
    }

    .mx-sm-8 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important;
    }

    .my-sm-8 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .mt-sm-8 {
        margin-top: 3.5rem !important;
    }

    .me-sm-8 {
        margin-right: 3.5rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 3.5rem !important;
    }

    .ms-sm-8 {
        margin-left: 3.5rem !important;
    }

    .m-sm-n8 {
        margin: -3.5rem !important;
    }

    .mx-sm-n8 {
        margin-left: -3.5rem !important;
        margin-right: -3.5rem !important;
    }

    .my-sm-n8 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .mt-sm-n8 {
        margin-top: -3.5rem !important;
    }

    .me-sm-n8 {
        margin-right: -3.5rem !important;
    }

    .mb-sm-n8 {
        margin-bottom: -3.5rem !important;
    }

    .ms-sm-n8 {
        margin-left: -3.5rem !important;
    }

    .p-sm-8 {
        padding: 3.5rem !important;
    }

    .px-sm-8 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .py-sm-8 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-sm-8 {
        padding-top: 3.5rem !important;
    }

    .pe-sm-8 {
        padding-right: 3.5rem !important;
    }

    .pb-sm-8 {
        padding-bottom: 3.5rem !important;
    }

    .ps-sm-8 {
        padding-left: 3.5rem !important;
    }

    .m-sm-9 {
        margin: 4rem !important;
    }

    .mx-sm-9 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .my-sm-9 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-sm-9 {
        margin-top: 4rem !important;
    }

    .me-sm-9 {
        margin-right: 4rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 4rem !important;
    }

    .ms-sm-9 {
        margin-left: 4rem !important;
    }

    .m-sm-n9 {
        margin: -4rem !important;
    }

    .mx-sm-n9 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .my-sm-n9 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .mt-sm-n9 {
        margin-top: -4rem !important;
    }

    .me-sm-n9 {
        margin-right: -4rem !important;
    }

    .mb-sm-n9 {
        margin-bottom: -4rem !important;
    }

    .ms-sm-n9 {
        margin-left: -4rem !important;
    }

    .p-sm-9 {
        padding: 4rem !important;
    }

    .px-sm-9 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-sm-9 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-sm-9 {
        padding-top: 4rem !important;
    }

    .pe-sm-9 {
        padding-right: 4rem !important;
    }

    .pb-sm-9 {
        padding-bottom: 4rem !important;
    }

    .ps-sm-9 {
        padding-left: 4rem !important;
    }

    .m-sm-10 {
        margin: 4.5rem !important;
    }

    .mx-sm-10 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .my-sm-10 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .mt-sm-10 {
        margin-top: 4.5rem !important;
    }

    .me-sm-10 {
        margin-right: 4.5rem !important;
    }

    .mb-sm-10 {
        margin-bottom: 4.5rem !important;
    }

    .ms-sm-10 {
        margin-left: 4.5rem !important;
    }

    .m-sm-n10 {
        margin: -4.5rem !important;
    }

    .mx-sm-n10 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .my-sm-n10 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .mt-sm-n10 {
        margin-top: -4.5rem !important;
    }

    .me-sm-n10 {
        margin-right: -4.5rem !important;
    }

    .mb-sm-n10 {
        margin-bottom: -4.5rem !important;
    }

    .ms-sm-n10 {
        margin-left: -4.5rem !important;
    }

    .p-sm-10 {
        padding: 4.5rem !important;
    }

    .px-sm-10 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .py-sm-10 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pt-sm-10 {
        padding-top: 4.5rem !important;
    }

    .pe-sm-10 {
        padding-right: 4.5rem !important;
    }

    .pb-sm-10 {
        padding-bottom: 4.5rem !important;
    }

    .ps-sm-10 {
        padding-left: 4.5rem !important;
    }

    .m-sm-11 {
        margin: 5rem !important;
    }

    .mx-sm-11 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .my-sm-11 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-sm-11 {
        margin-top: 5rem !important;
    }

    .me-sm-11 {
        margin-right: 5rem !important;
    }

    .mb-sm-11 {
        margin-bottom: 5rem !important;
    }

    .ms-sm-11 {
        margin-left: 5rem !important;
    }

    .m-sm-n11 {
        margin: -5rem !important;
    }

    .mx-sm-n11 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .my-sm-n11 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-sm-n11 {
        margin-top: -5rem !important;
    }

    .me-sm-n11 {
        margin-right: -5rem !important;
    }

    .mb-sm-n11 {
        margin-bottom: -5rem !important;
    }

    .ms-sm-n11 {
        margin-left: -5rem !important;
    }

    .p-sm-11 {
        padding: 5rem !important;
    }

    .px-sm-11 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .py-sm-11 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-sm-11 {
        padding-top: 5rem !important;
    }

    .pe-sm-11 {
        padding-right: 5rem !important;
    }

    .pb-sm-11 {
        padding-bottom: 5rem !important;
    }

    .ps-sm-11 {
        padding-left: 5rem !important;
    }

    .m-sm-12 {
        margin: 5.5rem !important;
    }

    .mx-sm-12 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important;
    }

    .my-sm-12 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important;
    }

    .mt-sm-12 {
        margin-top: 5.5rem !important;
    }

    .me-sm-12 {
        margin-right: 5.5rem !important;
    }

    .mb-sm-12 {
        margin-bottom: 5.5rem !important;
    }

    .ms-sm-12 {
        margin-left: 5.5rem !important;
    }

    .m-sm-n12 {
        margin: -5.5rem !important;
    }

    .mx-sm-n12 {
        margin-left: -5.5rem !important;
        margin-right: -5.5rem !important;
    }

    .my-sm-n12 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important;
    }

    .mt-sm-n12 {
        margin-top: -5.5rem !important;
    }

    .me-sm-n12 {
        margin-right: -5.5rem !important;
    }

    .mb-sm-n12 {
        margin-bottom: -5.5rem !important;
    }

    .ms-sm-n12 {
        margin-left: -5.5rem !important;
    }

    .p-sm-12 {
        padding: 5.5rem !important;
    }

    .px-sm-12 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }

    .py-sm-12 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }

    .pt-sm-12 {
        padding-top: 5.5rem !important;
    }

    .pe-sm-12 {
        padding-right: 5.5rem !important;
    }

    .pb-sm-12 {
        padding-bottom: 5.5rem !important;
    }

    .ps-sm-12 {
        padding-left: 5.5rem !important;
    }

    .m-sm-13 {
        margin: 6rem !important;
    }

    .mx-sm-13 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .my-sm-13 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .mt-sm-13 {
        margin-top: 6rem !important;
    }

    .me-sm-13 {
        margin-right: 6rem !important;
    }

    .mb-sm-13 {
        margin-bottom: 6rem !important;
    }

    .ms-sm-13 {
        margin-left: 6rem !important;
    }

    .m-sm-n13 {
        margin: -6rem !important;
    }

    .mx-sm-n13 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-sm-n13 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .mt-sm-n13 {
        margin-top: -6rem !important;
    }

    .me-sm-n13 {
        margin-right: -6rem !important;
    }

    .mb-sm-n13 {
        margin-bottom: -6rem !important;
    }

    .ms-sm-n13 {
        margin-left: -6rem !important;
    }

    .p-sm-13 {
        padding: 6rem !important;
    }

    .px-sm-13 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-sm-13 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .pt-sm-13 {
        padding-top: 6rem !important;
    }

    .pe-sm-13 {
        padding-right: 6rem !important;
    }

    .pb-sm-13 {
        padding-bottom: 6rem !important;
    }

    .ps-sm-13 {
        padding-left: 6rem !important;
    }

    .m-sm-14 {
        margin: 6.5rem !important;
    }

    .mx-sm-14 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important;
    }

    .my-sm-14 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important;
    }

    .mt-sm-14 {
        margin-top: 6.5rem !important;
    }

    .me-sm-14 {
        margin-right: 6.5rem !important;
    }

    .mb-sm-14 {
        margin-bottom: 6.5rem !important;
    }

    .ms-sm-14 {
        margin-left: 6.5rem !important;
    }

    .m-sm-n14 {
        margin: -6.5rem !important;
    }

    .mx-sm-n14 {
        margin-left: -6.5rem !important;
        margin-right: -6.5rem !important;
    }

    .my-sm-n14 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important;
    }

    .mt-sm-n14 {
        margin-top: -6.5rem !important;
    }

    .me-sm-n14 {
        margin-right: -6.5rem !important;
    }

    .mb-sm-n14 {
        margin-bottom: -6.5rem !important;
    }

    .ms-sm-n14 {
        margin-left: -6.5rem !important;
    }

    .p-sm-14 {
        padding: 6.5rem !important;
    }

    .px-sm-14 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }

    .py-sm-14 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important;
    }

    .pt-sm-14 {
        padding-top: 6.5rem !important;
    }

    .pe-sm-14 {
        padding-right: 6.5rem !important;
    }

    .pb-sm-14 {
        padding-bottom: 6.5rem !important;
    }

    .ps-sm-14 {
        padding-left: 6.5rem !important;
    }

    .m-sm-15 {
        margin: 7.5rem !important;
    }

    .mx-sm-15 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important;
    }

    .my-sm-15 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-sm-15 {
        margin-top: 7.5rem !important;
    }

    .me-sm-15 {
        margin-right: 7.5rem !important;
    }

    .mb-sm-15 {
        margin-bottom: 7.5rem !important;
    }

    .ms-sm-15 {
        margin-left: 7.5rem !important;
    }

    .m-sm-n15 {
        margin: -7.5rem !important;
    }

    .mx-sm-n15 {
        margin-left: -7.5rem !important;
        margin-right: -7.5rem !important;
    }

    .my-sm-n15 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important;
    }

    .mt-sm-n15 {
        margin-top: -7.5rem !important;
    }

    .me-sm-n15 {
        margin-right: -7.5rem !important;
    }

    .mb-sm-n15 {
        margin-bottom: -7.5rem !important;
    }

    .ms-sm-n15 {
        margin-left: -7.5rem !important;
    }

    .p-sm-15 {
        padding: 7.5rem !important;
    }

    .px-sm-15 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }

    .py-sm-15 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }

    .pt-sm-15 {
        padding-top: 7.5rem !important;
    }

    .pe-sm-15 {
        padding-right: 7.5rem !important;
    }

    .pb-sm-15 {
        padding-bottom: 7.5rem !important;
    }

    .ps-sm-15 {
        padding-left: 7.5rem !important;
    }

    .m-sm-16 {
        margin: 8.5rem !important;
    }

    .mx-sm-16 {
        margin-left: 8.5rem !important;
        margin-right: 8.5rem !important;
    }

    .my-sm-16 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important;
    }

    .mt-sm-16 {
        margin-top: 8.5rem !important;
    }

    .me-sm-16 {
        margin-right: 8.5rem !important;
    }

    .mb-sm-16 {
        margin-bottom: 8.5rem !important;
    }

    .ms-sm-16 {
        margin-left: 8.5rem !important;
    }

    .m-sm-n16 {
        margin: -8.5rem !important;
    }

    .mx-sm-n16 {
        margin-left: -8.5rem !important;
        margin-right: -8.5rem !important;
    }

    .my-sm-n16 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important;
    }

    .mt-sm-n16 {
        margin-top: -8.5rem !important;
    }

    .me-sm-n16 {
        margin-right: -8.5rem !important;
    }

    .mb-sm-n16 {
        margin-bottom: -8.5rem !important;
    }

    .ms-sm-n16 {
        margin-left: -8.5rem !important;
    }

    .p-sm-16 {
        padding: 8.5rem !important;
    }

    .px-sm-16 {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }

    .py-sm-16 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important;
    }

    .pt-sm-16 {
        padding-top: 8.5rem !important;
    }

    .pe-sm-16 {
        padding-right: 8.5rem !important;
    }

    .pb-sm-16 {
        padding-bottom: 8.5rem !important;
    }

    .ps-sm-16 {
        padding-left: 8.5rem !important;
    }

    .m-sm-17 {
        margin: 9.5rem !important;
    }

    .mx-sm-17 {
        margin-left: 9.5rem !important;
        margin-right: 9.5rem !important;
    }

    .my-sm-17 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important;
    }

    .mt-sm-17 {
        margin-top: 9.5rem !important;
    }

    .me-sm-17 {
        margin-right: 9.5rem !important;
    }

    .mb-sm-17 {
        margin-bottom: 9.5rem !important;
    }

    .ms-sm-17 {
        margin-left: 9.5rem !important;
    }

    .m-sm-n17 {
        margin: -9.5rem !important;
    }

    .mx-sm-n17 {
        margin-left: -9.5rem !important;
        margin-right: -9.5rem !important;
    }

    .my-sm-n17 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important;
    }

    .mt-sm-n17 {
        margin-top: -9.5rem !important;
    }

    .me-sm-n17 {
        margin-right: -9.5rem !important;
    }

    .mb-sm-n17 {
        margin-bottom: -9.5rem !important;
    }

    .ms-sm-n17 {
        margin-left: -9.5rem !important;
    }

    .p-sm-17 {
        padding: 9.5rem !important;
    }

    .px-sm-17 {
        padding-left: 9.5rem !important;
        padding-right: 9.5rem !important;
    }

    .py-sm-17 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important;
    }

    .pt-sm-17 {
        padding-top: 9.5rem !important;
    }

    .pe-sm-17 {
        padding-right: 9.5rem !important;
    }

    .pb-sm-17 {
        padding-bottom: 9.5rem !important;
    }

    .ps-sm-17 {
        padding-left: 9.5rem !important;
    }

    .m-sm-18 {
        margin: 10.5rem !important;
    }

    .mx-sm-18 {
        margin-left: 10.5rem !important;
        margin-right: 10.5rem !important;
    }

    .my-sm-18 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important;
    }

    .mt-sm-18 {
        margin-top: 10.5rem !important;
    }

    .me-sm-18 {
        margin-right: 10.5rem !important;
    }

    .mb-sm-18 {
        margin-bottom: 10.5rem !important;
    }

    .ms-sm-18 {
        margin-left: 10.5rem !important;
    }

    .m-sm-n18 {
        margin: -10.5rem !important;
    }

    .mx-sm-n18 {
        margin-left: -10.5rem !important;
        margin-right: -10.5rem !important;
    }

    .my-sm-n18 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important;
    }

    .mt-sm-n18 {
        margin-top: -10.5rem !important;
    }

    .me-sm-n18 {
        margin-right: -10.5rem !important;
    }

    .mb-sm-n18 {
        margin-bottom: -10.5rem !important;
    }

    .ms-sm-n18 {
        margin-left: -10.5rem !important;
    }

    .p-sm-18 {
        padding: 10.5rem !important;
    }

    .px-sm-18 {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important;
    }

    .py-sm-18 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important;
    }

    .pt-sm-18 {
        padding-top: 10.5rem !important;
    }

    .pe-sm-18 {
        padding-right: 10.5rem !important;
    }

    .pb-sm-18 {
        padding-bottom: 10.5rem !important;
    }

    .ps-sm-18 {
        padding-left: 10.5rem !important;
    }

    .m-sm-19 {
        margin: 11.5rem !important;
    }

    .mx-sm-19 {
        margin-left: 11.5rem !important;
        margin-right: 11.5rem !important;
    }

    .my-sm-19 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important;
    }

    .mt-sm-19 {
        margin-top: 11.5rem !important;
    }

    .me-sm-19 {
        margin-right: 11.5rem !important;
    }

    .mb-sm-19 {
        margin-bottom: 11.5rem !important;
    }

    .ms-sm-19 {
        margin-left: 11.5rem !important;
    }

    .m-sm-n19 {
        margin: -11.5rem !important;
    }

    .mx-sm-n19 {
        margin-left: -11.5rem !important;
        margin-right: -11.5rem !important;
    }

    .my-sm-n19 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important;
    }

    .mt-sm-n19 {
        margin-top: -11.5rem !important;
    }

    .me-sm-n19 {
        margin-right: -11.5rem !important;
    }

    .mb-sm-n19 {
        margin-bottom: -11.5rem !important;
    }

    .ms-sm-n19 {
        margin-left: -11.5rem !important;
    }

    .p-sm-19 {
        padding: 11.5rem !important;
    }

    .px-sm-19 {
        padding-left: 11.5rem !important;
        padding-right: 11.5rem !important;
    }

    .py-sm-19 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important;
    }

    .pt-sm-19 {
        padding-top: 11.5rem !important;
    }

    .pe-sm-19 {
        padding-right: 11.5rem !important;
    }

    .pb-sm-19 {
        padding-bottom: 11.5rem !important;
    }

    .ps-sm-19 {
        padding-left: 11.5rem !important;
    }

    .m-sm-20 {
        margin: 12.5rem !important;
    }

    .mx-sm-20 {
        margin-left: 12.5rem !important;
        margin-right: 12.5rem !important;
    }

    .my-sm-20 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important;
    }

    .mt-sm-20 {
        margin-top: 12.5rem !important;
    }

    .me-sm-20 {
        margin-right: 12.5rem !important;
    }

    .mb-sm-20 {
        margin-bottom: 12.5rem !important;
    }

    .ms-sm-20 {
        margin-left: 12.5rem !important;
    }

    .m-sm-n20 {
        margin: -12.5rem !important;
    }

    .mx-sm-n20 {
        margin-left: -12.5rem !important;
        margin-right: -12.5rem !important;
    }

    .my-sm-n20 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important;
    }

    .mt-sm-n20 {
        margin-top: -12.5rem !important;
    }

    .me-sm-n20 {
        margin-right: -12.5rem !important;
    }

    .mb-sm-n20 {
        margin-bottom: -12.5rem !important;
    }

    .ms-sm-n20 {
        margin-left: -12.5rem !important;
    }

    .p-sm-20 {
        padding: 12.5rem !important;
    }

    .px-sm-20 {
        padding-left: 12.5rem !important;
        padding-right: 12.5rem !important;
    }

    .py-sm-20 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important;
    }

    .pt-sm-20 {
        padding-top: 12.5rem !important;
    }

    .pe-sm-20 {
        padding-right: 12.5rem !important;
    }

    .pb-sm-20 {
        padding-bottom: 12.5rem !important;
    }

    .ps-sm-20 {
        padding-left: 12.5rem !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0rem !important;
    }

    .mx-md-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-md-0 {
        margin-top: 0rem !important;
    }

    .me-md-0 {
        margin-right: 0rem !important;
    }

    .mb-md-0 {
        margin-bottom: 0rem !important;
    }

    .ms-md-0 {
        margin-left: 0rem !important;
    }

    .m-md-n0 {
        margin: 0rem !important;
    }

    .mx-md-n0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-md-n0 {
        margin-top: 0rem !important;
    }

    .me-md-n0 {
        margin-right: 0rem !important;
    }

    .mb-md-n0 {
        margin-bottom: 0rem !important;
    }

    .ms-md-n0 {
        margin-left: 0rem !important;
    }

    .p-md-0 {
        padding: 0rem !important;
    }

    .px-md-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

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

    .pt-md-0 {
        padding-top: 0rem !important;
    }

    .pe-md-0 {
        padding-right: 0rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0rem !important;
    }

    .ps-md-0 {
        padding-left: 0rem !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mx-md-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mx-md-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }

    .me-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-md-n1 {
        margin-left: -0.25rem !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .px-md-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mx-md-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mx-md-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }

    .me-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-md-n2 {
        margin-left: -0.5rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .px-md-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mx-md-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .mt-md-n3 {
        margin-top: -1rem !important;
    }

    .me-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-md-n3 {
        margin-left: -1rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mx-md-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }

    .me-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 2rem !important;
    }

    .mx-md-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .my-md-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mt-md-5 {
        margin-top: 2rem !important;
    }

    .me-md-5 {
        margin-right: 2rem !important;
    }

    .mb-md-5 {
        margin-bottom: 2rem !important;
    }

    .ms-md-5 {
        margin-left: 2rem !important;
    }

    .m-md-n5 {
        margin: -2rem !important;
    }

    .mx-md-n5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .my-md-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .mt-md-n5 {
        margin-top: -2rem !important;
    }

    .me-md-n5 {
        margin-right: -2rem !important;
    }

    .mb-md-n5 {
        margin-bottom: -2rem !important;
    }

    .ms-md-n5 {
        margin-left: -2rem !important;
    }

    .p-md-5 {
        padding: 2rem !important;
    }

    .px-md-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .py-md-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pt-md-5 {
        padding-top: 2rem !important;
    }

    .pe-md-5 {
        padding-right: 2rem !important;
    }

    .pb-md-5 {
        padding-bottom: 2rem !important;
    }

    .ps-md-5 {
        padding-left: 2rem !important;
    }

    .m-md-6 {
        margin: 2.5rem !important;
    }

    .mx-md-6 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }

    .my-md-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mt-md-6 {
        margin-top: 2.5rem !important;
    }

    .me-md-6 {
        margin-right: 2.5rem !important;
    }

    .mb-md-6 {
        margin-bottom: 2.5rem !important;
    }

    .ms-md-6 {
        margin-left: 2.5rem !important;
    }

    .m-md-n6 {
        margin: -2.5rem !important;
    }

    .mx-md-n6 {
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }

    .my-md-n6 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .mt-md-n6 {
        margin-top: -2.5rem !important;
    }

    .me-md-n6 {
        margin-right: -2.5rem !important;
    }

    .mb-md-n6 {
        margin-bottom: -2.5rem !important;
    }

    .ms-md-n6 {
        margin-left: -2.5rem !important;
    }

    .p-md-6 {
        padding: 2.5rem !important;
    }

    .px-md-6 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .py-md-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pt-md-6 {
        padding-top: 2.5rem !important;
    }

    .pe-md-6 {
        padding-right: 2.5rem !important;
    }

    .pb-md-6 {
        padding-bottom: 2.5rem !important;
    }

    .ps-md-6 {
        padding-left: 2.5rem !important;
    }

    .m-md-7 {
        margin: 3rem !important;
    }

    .mx-md-7 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .my-md-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-md-7 {
        margin-top: 3rem !important;
    }

    .me-md-7 {
        margin-right: 3rem !important;
    }

    .mb-md-7 {
        margin-bottom: 3rem !important;
    }

    .ms-md-7 {
        margin-left: 3rem !important;
    }

    .m-md-n7 {
        margin: -3rem !important;
    }

    .mx-md-n7 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .my-md-n7 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-md-n7 {
        margin-top: -3rem !important;
    }

    .me-md-n7 {
        margin-right: -3rem !important;
    }

    .mb-md-n7 {
        margin-bottom: -3rem !important;
    }

    .ms-md-n7 {
        margin-left: -3rem !important;
    }

    .p-md-7 {
        padding: 3rem !important;
    }

    .px-md-7 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .py-md-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-7 {
        padding-top: 3rem !important;
    }

    .pe-md-7 {
        padding-right: 3rem !important;
    }

    .pb-md-7 {
        padding-bottom: 3rem !important;
    }

    .ps-md-7 {
        padding-left: 3rem !important;
    }

    .m-md-8 {
        margin: 3.5rem !important;
    }

    .mx-md-8 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important;
    }

    .my-md-8 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .mt-md-8 {
        margin-top: 3.5rem !important;
    }

    .me-md-8 {
        margin-right: 3.5rem !important;
    }

    .mb-md-8 {
        margin-bottom: 3.5rem !important;
    }

    .ms-md-8 {
        margin-left: 3.5rem !important;
    }

    .m-md-n8 {
        margin: -3.5rem !important;
    }

    .mx-md-n8 {
        margin-left: -3.5rem !important;
        margin-right: -3.5rem !important;
    }

    .my-md-n8 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .mt-md-n8 {
        margin-top: -3.5rem !important;
    }

    .me-md-n8 {
        margin-right: -3.5rem !important;
    }

    .mb-md-n8 {
        margin-bottom: -3.5rem !important;
    }

    .ms-md-n8 {
        margin-left: -3.5rem !important;
    }

    .p-md-8 {
        padding: 3.5rem !important;
    }

    .px-md-8 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .py-md-8 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-md-8 {
        padding-top: 3.5rem !important;
    }

    .pe-md-8 {
        padding-right: 3.5rem !important;
    }

    .pb-md-8 {
        padding-bottom: 3.5rem !important;
    }

    .ps-md-8 {
        padding-left: 3.5rem !important;
    }

    .m-md-9 {
        margin: 4rem !important;
    }

    .mx-md-9 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .my-md-9 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-md-9 {
        margin-top: 4rem !important;
    }

    .me-md-9 {
        margin-right: 4rem !important;
    }

    .mb-md-9 {
        margin-bottom: 4rem !important;
    }

    .ms-md-9 {
        margin-left: 4rem !important;
    }

    .m-md-n9 {
        margin: -4rem !important;
    }

    .mx-md-n9 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .my-md-n9 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .mt-md-n9 {
        margin-top: -4rem !important;
    }

    .me-md-n9 {
        margin-right: -4rem !important;
    }

    .mb-md-n9 {
        margin-bottom: -4rem !important;
    }

    .ms-md-n9 {
        margin-left: -4rem !important;
    }

    .p-md-9 {
        padding: 4rem !important;
    }

    .px-md-9 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-md-9 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-md-9 {
        padding-top: 4rem !important;
    }

    .pe-md-9 {
        padding-right: 4rem !important;
    }

    .pb-md-9 {
        padding-bottom: 4rem !important;
    }

    .ps-md-9 {
        padding-left: 4rem !important;
    }

    .m-md-10 {
        margin: 4.5rem !important;
    }

    .mx-md-10 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .my-md-10 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .mt-md-10 {
        margin-top: 4.5rem !important;
    }

    .me-md-10 {
        margin-right: 4.5rem !important;
    }

    .mb-md-10 {
        margin-bottom: 4.5rem !important;
    }

    .ms-md-10 {
        margin-left: 4.5rem !important;
    }

    .m-md-n10 {
        margin: -4.5rem !important;
    }

    .mx-md-n10 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .my-md-n10 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .mt-md-n10 {
        margin-top: -4.5rem !important;
    }

    .me-md-n10 {
        margin-right: -4.5rem !important;
    }

    .mb-md-n10 {
        margin-bottom: -4.5rem !important;
    }

    .ms-md-n10 {
        margin-left: -4.5rem !important;
    }

    .p-md-10 {
        padding: 4.5rem !important;
    }

    .px-md-10 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .py-md-10 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pt-md-10 {
        padding-top: 4.5rem !important;
    }

    .pe-md-10 {
        padding-right: 4.5rem !important;
    }

    .pb-md-10 {
        padding-bottom: 4.5rem !important;
    }

    .ps-md-10 {
        padding-left: 4.5rem !important;
    }

    .m-md-11 {
        margin: 5rem !important;
    }

    .mx-md-11 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .my-md-11 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-md-11 {
        margin-top: 5rem !important;
    }

    .me-md-11 {
        margin-right: 5rem !important;
    }

    .mb-md-11 {
        margin-bottom: 5rem !important;
    }

    .ms-md-11 {
        margin-left: 5rem !important;
    }

    .m-md-n11 {
        margin: -5rem !important;
    }

    .mx-md-n11 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .my-md-n11 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-md-n11 {
        margin-top: -5rem !important;
    }

    .me-md-n11 {
        margin-right: -5rem !important;
    }

    .mb-md-n11 {
        margin-bottom: -5rem !important;
    }

    .ms-md-n11 {
        margin-left: -5rem !important;
    }

    .p-md-11 {
        padding: 5rem !important;
    }

    .px-md-11 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .py-md-11 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-md-11 {
        padding-top: 5rem !important;
    }

    .pe-md-11 {
        padding-right: 5rem !important;
    }

    .pb-md-11 {
        padding-bottom: 5rem !important;
    }

    .ps-md-11 {
        padding-left: 5rem !important;
    }

    .m-md-12 {
        margin: 5.5rem !important;
    }

    .mx-md-12 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important;
    }

    .my-md-12 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important;
    }

    .mt-md-12 {
        margin-top: 5.5rem !important;
    }

    .me-md-12 {
        margin-right: 5.5rem !important;
    }

    .mb-md-12 {
        margin-bottom: 5.5rem !important;
    }

    .ms-md-12 {
        margin-left: 5.5rem !important;
    }

    .m-md-n12 {
        margin: -5.5rem !important;
    }

    .mx-md-n12 {
        margin-left: -5.5rem !important;
        margin-right: -5.5rem !important;
    }

    .my-md-n12 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important;
    }

    .mt-md-n12 {
        margin-top: -5.5rem !important;
    }

    .me-md-n12 {
        margin-right: -5.5rem !important;
    }

    .mb-md-n12 {
        margin-bottom: -5.5rem !important;
    }

    .ms-md-n12 {
        margin-left: -5.5rem !important;
    }

    .p-md-12 {
        padding: 5.5rem !important;
    }

    .px-md-12 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }

    .py-md-12 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }

    .pt-md-12 {
        padding-top: 5.5rem !important;
    }

    .pe-md-12 {
        padding-right: 5.5rem !important;
    }

    .pb-md-12 {
        padding-bottom: 5.5rem !important;
    }

    .ps-md-12 {
        padding-left: 5.5rem !important;
    }

    .m-md-13 {
        margin: 6rem !important;
    }

    .mx-md-13 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .my-md-13 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .mt-md-13 {
        margin-top: 6rem !important;
    }

    .me-md-13 {
        margin-right: 6rem !important;
    }

    .mb-md-13 {
        margin-bottom: 6rem !important;
    }

    .ms-md-13 {
        margin-left: 6rem !important;
    }

    .m-md-n13 {
        margin: -6rem !important;
    }

    .mx-md-n13 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-md-n13 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .mt-md-n13 {
        margin-top: -6rem !important;
    }

    .me-md-n13 {
        margin-right: -6rem !important;
    }

    .mb-md-n13 {
        margin-bottom: -6rem !important;
    }

    .ms-md-n13 {
        margin-left: -6rem !important;
    }

    .p-md-13 {
        padding: 6rem !important;
    }

    .px-md-13 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-md-13 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .pt-md-13 {
        padding-top: 6rem !important;
    }

    .pe-md-13 {
        padding-right: 6rem !important;
    }

    .pb-md-13 {
        padding-bottom: 6rem !important;
    }

    .ps-md-13 {
        padding-left: 6rem !important;
    }

    .m-md-14 {
        margin: 6.5rem !important;
    }

    .mx-md-14 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important;
    }

    .my-md-14 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important;
    }

    .mt-md-14 {
        margin-top: 6.5rem !important;
    }

    .me-md-14 {
        margin-right: 6.5rem !important;
    }

    .mb-md-14 {
        margin-bottom: 6.5rem !important;
    }

    .ms-md-14 {
        margin-left: 6.5rem !important;
    }

    .m-md-n14 {
        margin: -6.5rem !important;
    }

    .mx-md-n14 {
        margin-left: -6.5rem !important;
        margin-right: -6.5rem !important;
    }

    .my-md-n14 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important;
    }

    .mt-md-n14 {
        margin-top: -6.5rem !important;
    }

    .me-md-n14 {
        margin-right: -6.5rem !important;
    }

    .mb-md-n14 {
        margin-bottom: -6.5rem !important;
    }

    .ms-md-n14 {
        margin-left: -6.5rem !important;
    }

    .p-md-14 {
        padding: 6.5rem !important;
    }

    .px-md-14 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }

    .py-md-14 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important;
    }

    .pt-md-14 {
        padding-top: 6.5rem !important;
    }

    .pe-md-14 {
        padding-right: 6.5rem !important;
    }

    .pb-md-14 {
        padding-bottom: 6.5rem !important;
    }

    .ps-md-14 {
        padding-left: 6.5rem !important;
    }

    .m-md-15 {
        margin: 7.5rem !important;
    }

    .mx-md-15 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important;
    }

    .my-md-15 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-md-15 {
        margin-top: 7.5rem !important;
    }

    .me-md-15 {
        margin-right: 7.5rem !important;
    }

    .mb-md-15 {
        margin-bottom: 7.5rem !important;
    }

    .ms-md-15 {
        margin-left: 7.5rem !important;
    }

    .m-md-n15 {
        margin: -7.5rem !important;
    }

    .mx-md-n15 {
        margin-left: -7.5rem !important;
        margin-right: -7.5rem !important;
    }

    .my-md-n15 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important;
    }

    .mt-md-n15 {
        margin-top: -7.5rem !important;
    }

    .me-md-n15 {
        margin-right: -7.5rem !important;
    }

    .mb-md-n15 {
        margin-bottom: -7.5rem !important;
    }

    .ms-md-n15 {
        margin-left: -7.5rem !important;
    }

    .p-md-15 {
        padding: 7.5rem !important;
    }

    .px-md-15 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }

    .py-md-15 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }

    .pt-md-15 {
        padding-top: 7.5rem !important;
    }

    .pe-md-15 {
        padding-right: 7.5rem !important;
    }

    .pb-md-15 {
        padding-bottom: 7.5rem !important;
    }

    .ps-md-15 {
        padding-left: 7.5rem !important;
    }

    .m-md-16 {
        margin: 8.5rem !important;
    }

    .mx-md-16 {
        margin-left: 8.5rem !important;
        margin-right: 8.5rem !important;
    }

    .my-md-16 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important;
    }

    .mt-md-16 {
        margin-top: 8.5rem !important;
    }

    .me-md-16 {
        margin-right: 8.5rem !important;
    }

    .mb-md-16 {
        margin-bottom: 8.5rem !important;
    }

    .ms-md-16 {
        margin-left: 8.5rem !important;
    }

    .m-md-n16 {
        margin: -8.5rem !important;
    }

    .mx-md-n16 {
        margin-left: -8.5rem !important;
        margin-right: -8.5rem !important;
    }

    .my-md-n16 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important;
    }

    .mt-md-n16 {
        margin-top: -8.5rem !important;
    }

    .me-md-n16 {
        margin-right: -8.5rem !important;
    }

    .mb-md-n16 {
        margin-bottom: -8.5rem !important;
    }

    .ms-md-n16 {
        margin-left: -8.5rem !important;
    }

    .p-md-16 {
        padding: 8.5rem !important;
    }

    .px-md-16 {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }

    .py-md-16 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important;
    }

    .pt-md-16 {
        padding-top: 8.5rem !important;
    }

    .pe-md-16 {
        padding-right: 8.5rem !important;
    }

    .pb-md-16 {
        padding-bottom: 8.5rem !important;
    }

    .ps-md-16 {
        padding-left: 8.5rem !important;
    }

    .m-md-17 {
        margin: 9.5rem !important;
    }

    .mx-md-17 {
        margin-left: 9.5rem !important;
        margin-right: 9.5rem !important;
    }

    .my-md-17 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important;
    }

    .mt-md-17 {
        margin-top: 9.5rem !important;
    }

    .me-md-17 {
        margin-right: 9.5rem !important;
    }

    .mb-md-17 {
        margin-bottom: 9.5rem !important;
    }

    .ms-md-17 {
        margin-left: 9.5rem !important;
    }

    .m-md-n17 {
        margin: -9.5rem !important;
    }

    .mx-md-n17 {
        margin-left: -9.5rem !important;
        margin-right: -9.5rem !important;
    }

    .my-md-n17 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important;
    }

    .mt-md-n17 {
        margin-top: -9.5rem !important;
    }

    .me-md-n17 {
        margin-right: -9.5rem !important;
    }

    .mb-md-n17 {
        margin-bottom: -9.5rem !important;
    }

    .ms-md-n17 {
        margin-left: -9.5rem !important;
    }

    .p-md-17 {
        padding: 9.5rem !important;
    }

    .px-md-17 {
        padding-left: 9.5rem !important;
        padding-right: 9.5rem !important;
    }

    .py-md-17 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important;
    }

    .pt-md-17 {
        padding-top: 9.5rem !important;
    }

    .pe-md-17 {
        padding-right: 9.5rem !important;
    }

    .pb-md-17 {
        padding-bottom: 9.5rem !important;
    }

    .ps-md-17 {
        padding-left: 9.5rem !important;
    }

    .m-md-18 {
        margin: 10.5rem !important;
    }

    .mx-md-18 {
        margin-left: 10.5rem !important;
        margin-right: 10.5rem !important;
    }

    .my-md-18 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important;
    }

    .mt-md-18 {
        margin-top: 10.5rem !important;
    }

    .me-md-18 {
        margin-right: 10.5rem !important;
    }

    .mb-md-18 {
        margin-bottom: 10.5rem !important;
    }

    .ms-md-18 {
        margin-left: 10.5rem !important;
    }

    .m-md-n18 {
        margin: -10.5rem !important;
    }

    .mx-md-n18 {
        margin-left: -10.5rem !important;
        margin-right: -10.5rem !important;
    }

    .my-md-n18 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important;
    }

    .mt-md-n18 {
        margin-top: -10.5rem !important;
    }

    .me-md-n18 {
        margin-right: -10.5rem !important;
    }

    .mb-md-n18 {
        margin-bottom: -10.5rem !important;
    }

    .ms-md-n18 {
        margin-left: -10.5rem !important;
    }

    .p-md-18 {
        padding: 10.5rem !important;
    }

    .px-md-18 {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important;
    }

    .py-md-18 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important;
    }

    .pt-md-18 {
        padding-top: 10.5rem !important;
    }

    .pe-md-18 {
        padding-right: 10.5rem !important;
    }

    .pb-md-18 {
        padding-bottom: 10.5rem !important;
    }

    .ps-md-18 {
        padding-left: 10.5rem !important;
    }

    .m-md-19 {
        margin: 11.5rem !important;
    }

    .mx-md-19 {
        margin-left: 11.5rem !important;
        margin-right: 11.5rem !important;
    }

    .my-md-19 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important;
    }

    .mt-md-19 {
        margin-top: 11.5rem !important;
    }

    .me-md-19 {
        margin-right: 11.5rem !important;
    }

    .mb-md-19 {
        margin-bottom: 11.5rem !important;
    }

    .ms-md-19 {
        margin-left: 11.5rem !important;
    }

    .m-md-n19 {
        margin: -11.5rem !important;
    }

    .mx-md-n19 {
        margin-left: -11.5rem !important;
        margin-right: -11.5rem !important;
    }

    .my-md-n19 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important;
    }

    .mt-md-n19 {
        margin-top: -11.5rem !important;
    }

    .me-md-n19 {
        margin-right: -11.5rem !important;
    }

    .mb-md-n19 {
        margin-bottom: -11.5rem !important;
    }

    .ms-md-n19 {
        margin-left: -11.5rem !important;
    }

    .p-md-19 {
        padding: 11.5rem !important;
    }

    .px-md-19 {
        padding-left: 11.5rem !important;
        padding-right: 11.5rem !important;
    }

    .py-md-19 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important;
    }

    .pt-md-19 {
        padding-top: 11.5rem !important;
    }

    .pe-md-19 {
        padding-right: 11.5rem !important;
    }

    .pb-md-19 {
        padding-bottom: 11.5rem !important;
    }

    .ps-md-19 {
        padding-left: 11.5rem !important;
    }

    .m-md-20 {
        margin: 12.5rem !important;
    }

    .mx-md-20 {
        margin-left: 12.5rem !important;
        margin-right: 12.5rem !important;
    }

    .my-md-20 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important;
    }

    .mt-md-20 {
        margin-top: 12.5rem !important;
    }

    .me-md-20 {
        margin-right: 12.5rem !important;
    }

    .mb-md-20 {
        margin-bottom: 12.5rem !important;
    }

    .ms-md-20 {
        margin-left: 12.5rem !important;
    }

    .m-md-n20 {
        margin: -12.5rem !important;
    }

    .mx-md-n20 {
        margin-left: -12.5rem !important;
        margin-right: -12.5rem !important;
    }

    .my-md-n20 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important;
    }

    .mt-md-n20 {
        margin-top: -12.5rem !important;
    }

    .me-md-n20 {
        margin-right: -12.5rem !important;
    }

    .mb-md-n20 {
        margin-bottom: -12.5rem !important;
    }

    .ms-md-n20 {
        margin-left: -12.5rem !important;
    }

    .p-md-20 {
        padding: 12.5rem !important;
    }

    .px-md-20 {
        padding-left: 12.5rem !important;
        padding-right: 12.5rem !important;
    }

    .py-md-20 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important;
    }

    .pt-md-20 {
        padding-top: 12.5rem !important;
    }

    .pe-md-20 {
        padding-right: 12.5rem !important;
    }

    .pb-md-20 {
        padding-bottom: 12.5rem !important;
    }

    .ps-md-20 {
        padding-left: 12.5rem !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0rem !important;
    }

    .mx-lg-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-lg-0 {
        margin-top: 0rem !important;
    }

    .me-lg-0 {
        margin-right: 0rem !important;
    }

    .mb-lg-0 {
        margin-bottom: 0rem !important;
    }

    .ms-lg-0 {
        margin-left: 0rem !important;
    }

    .m-lg-n0 {
        margin: 0rem !important;
    }

    .mx-lg-n0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-lg-n0 {
        margin-top: 0rem !important;
    }

    .me-lg-n0 {
        margin-right: 0rem !important;
    }

    .mb-lg-n0 {
        margin-bottom: 0rem !important;
    }

    .ms-lg-n0 {
        margin-left: 0rem !important;
    }

    .p-lg-0 {
        padding: 0rem !important;
    }

    .px-lg-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

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

    .pt-lg-0 {
        padding-top: 0rem !important;
    }

    .pe-lg-0 {
        padding-right: 0rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0rem !important;
    }

    .ps-lg-0 {
        padding-left: 0rem !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mx-lg-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mx-lg-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .me-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .px-lg-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mx-lg-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mx-lg-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .me-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .px-lg-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mx-lg-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .mt-lg-n3 {
        margin-top: -1rem !important;
    }

    .me-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-lg-n3 {
        margin-left: -1rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mx-lg-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 2rem !important;
    }

    .mx-lg-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mt-lg-5 {
        margin-top: 2rem !important;
    }

    .me-lg-5 {
        margin-right: 2rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 2rem !important;
    }

    .ms-lg-5 {
        margin-left: 2rem !important;
    }

    .m-lg-n5 {
        margin: -2rem !important;
    }

    .mx-lg-n5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .my-lg-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .mt-lg-n5 {
        margin-top: -2rem !important;
    }

    .me-lg-n5 {
        margin-right: -2rem !important;
    }

    .mb-lg-n5 {
        margin-bottom: -2rem !important;
    }

    .ms-lg-n5 {
        margin-left: -2rem !important;
    }

    .p-lg-5 {
        padding: 2rem !important;
    }

    .px-lg-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pt-lg-5 {
        padding-top: 2rem !important;
    }

    .pe-lg-5 {
        padding-right: 2rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 2rem !important;
    }

    .ps-lg-5 {
        padding-left: 2rem !important;
    }

    .m-lg-6 {
        margin: 2.5rem !important;
    }

    .mx-lg-6 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }

    .my-lg-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mt-lg-6 {
        margin-top: 2.5rem !important;
    }

    .me-lg-6 {
        margin-right: 2.5rem !important;
    }

    .mb-lg-6 {
        margin-bottom: 2.5rem !important;
    }

    .ms-lg-6 {
        margin-left: 2.5rem !important;
    }

    .m-lg-n6 {
        margin: -2.5rem !important;
    }

    .mx-lg-n6 {
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }

    .my-lg-n6 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .mt-lg-n6 {
        margin-top: -2.5rem !important;
    }

    .me-lg-n6 {
        margin-right: -2.5rem !important;
    }

    .mb-lg-n6 {
        margin-bottom: -2.5rem !important;
    }

    .ms-lg-n6 {
        margin-left: -2.5rem !important;
    }

    .p-lg-6 {
        padding: 2.5rem !important;
    }

    .px-lg-6 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .py-lg-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pt-lg-6 {
        padding-top: 2.5rem !important;
    }

    .pe-lg-6 {
        padding-right: 2.5rem !important;
    }

    .pb-lg-6 {
        padding-bottom: 2.5rem !important;
    }

    .ps-lg-6 {
        padding-left: 2.5rem !important;
    }

    .m-lg-7 {
        margin: 3rem !important;
    }

    .mx-lg-7 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .my-lg-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-lg-7 {
        margin-top: 3rem !important;
    }

    .me-lg-7 {
        margin-right: 3rem !important;
    }

    .mb-lg-7 {
        margin-bottom: 3rem !important;
    }

    .ms-lg-7 {
        margin-left: 3rem !important;
    }

    .m-lg-n7 {
        margin: -3rem !important;
    }

    .mx-lg-n7 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .my-lg-n7 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-lg-n7 {
        margin-top: -3rem !important;
    }

    .me-lg-n7 {
        margin-right: -3rem !important;
    }

    .mb-lg-n7 {
        margin-bottom: -3rem !important;
    }

    .ms-lg-n7 {
        margin-left: -3rem !important;
    }

    .p-lg-7 {
        padding: 3rem !important;
    }

    .px-lg-7 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .py-lg-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-7 {
        padding-top: 3rem !important;
    }

    .pe-lg-7 {
        padding-right: 3rem !important;
    }

    .pb-lg-7 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-7 {
        padding-left: 3rem !important;
    }

    .m-lg-8 {
        margin: 3.5rem !important;
    }

    .mx-lg-8 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important;
    }

    .my-lg-8 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .mt-lg-8 {
        margin-top: 3.5rem !important;
    }

    .me-lg-8 {
        margin-right: 3.5rem !important;
    }

    .mb-lg-8 {
        margin-bottom: 3.5rem !important;
    }

    .ms-lg-8 {
        margin-left: 3.5rem !important;
    }

    .m-lg-n8 {
        margin: -3.5rem !important;
    }

    .mx-lg-n8 {
        margin-left: -3.5rem !important;
        margin-right: -3.5rem !important;
    }

    .my-lg-n8 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .mt-lg-n8 {
        margin-top: -3.5rem !important;
    }

    .me-lg-n8 {
        margin-right: -3.5rem !important;
    }

    .mb-lg-n8 {
        margin-bottom: -3.5rem !important;
    }

    .ms-lg-n8 {
        margin-left: -3.5rem !important;
    }

    .p-lg-8 {
        padding: 3.5rem !important;
    }

    .px-lg-8 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .py-lg-8 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-lg-8 {
        padding-top: 3.5rem !important;
    }

    .pe-lg-8 {
        padding-right: 3.5rem !important;
    }

    .pb-lg-8 {
        padding-bottom: 3.5rem !important;
    }

    .ps-lg-8 {
        padding-left: 3.5rem !important;
    }

    .m-lg-9 {
        margin: 4rem !important;
    }

    .mx-lg-9 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .my-lg-9 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-lg-9 {
        margin-top: 4rem !important;
    }

    .me-lg-9 {
        margin-right: 4rem !important;
    }

    .mb-lg-9 {
        margin-bottom: 4rem !important;
    }

    .ms-lg-9 {
        margin-left: 4rem !important;
    }

    .m-lg-n9 {
        margin: -4rem !important;
    }

    .mx-lg-n9 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .my-lg-n9 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .mt-lg-n9 {
        margin-top: -4rem !important;
    }

    .me-lg-n9 {
        margin-right: -4rem !important;
    }

    .mb-lg-n9 {
        margin-bottom: -4rem !important;
    }

    .ms-lg-n9 {
        margin-left: -4rem !important;
    }

    .p-lg-9 {
        padding: 4rem !important;
    }

    .px-lg-9 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-lg-9 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-lg-9 {
        padding-top: 4rem !important;
    }

    .pe-lg-9 {
        padding-right: 4rem !important;
    }

    .pb-lg-9 {
        padding-bottom: 4rem !important;
    }

    .ps-lg-9 {
        padding-left: 4rem !important;
    }

    .m-lg-10 {
        margin: 4.5rem !important;
    }

    .mx-lg-10 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .my-lg-10 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .mt-lg-10 {
        margin-top: 4.5rem !important;
    }

    .me-lg-10 {
        margin-right: 4.5rem !important;
    }

    .mb-lg-10 {
        margin-bottom: 4.5rem !important;
    }

    .ms-lg-10 {
        margin-left: 4.5rem !important;
    }

    .m-lg-n10 {
        margin: -4.5rem !important;
    }

    .mx-lg-n10 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .my-lg-n10 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .mt-lg-n10 {
        margin-top: -4.5rem !important;
    }

    .me-lg-n10 {
        margin-right: -4.5rem !important;
    }

    .mb-lg-n10 {
        margin-bottom: -4.5rem !important;
    }

    .ms-lg-n10 {
        margin-left: -4.5rem !important;
    }

    .p-lg-10 {
        padding: 4.5rem !important;
    }

    .px-lg-10 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .py-lg-10 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pt-lg-10 {
        padding-top: 4.5rem !important;
    }

    .pe-lg-10 {
        padding-right: 4.5rem !important;
    }

    .pb-lg-10 {
        padding-bottom: 4.5rem !important;
    }

    .ps-lg-10 {
        padding-left: 4.5rem !important;
    }

    .m-lg-11 {
        margin: 5rem !important;
    }

    .mx-lg-11 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .my-lg-11 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-lg-11 {
        margin-top: 5rem !important;
    }

    .me-lg-11 {
        margin-right: 5rem !important;
    }

    .mb-lg-11 {
        margin-bottom: 5rem !important;
    }

    .ms-lg-11 {
        margin-left: 5rem !important;
    }

    .m-lg-n11 {
        margin: -5rem !important;
    }

    .mx-lg-n11 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .my-lg-n11 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-lg-n11 {
        margin-top: -5rem !important;
    }

    .me-lg-n11 {
        margin-right: -5rem !important;
    }

    .mb-lg-n11 {
        margin-bottom: -5rem !important;
    }

    .ms-lg-n11 {
        margin-left: -5rem !important;
    }

    .p-lg-11 {
        padding: 5rem !important;
    }

    .px-lg-11 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .py-lg-11 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-lg-11 {
        padding-top: 5rem !important;
    }

    .pe-lg-11 {
        padding-right: 5rem !important;
    }

    .pb-lg-11 {
        padding-bottom: 5rem !important;
    }

    .ps-lg-11 {
        padding-left: 5rem !important;
    }

    .m-lg-12 {
        margin: 5.5rem !important;
    }

    .mx-lg-12 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important;
    }

    .my-lg-12 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important;
    }

    .mt-lg-12 {
        margin-top: 5.5rem !important;
    }

    .me-lg-12 {
        margin-right: 5.5rem !important;
    }

    .mb-lg-12 {
        margin-bottom: 5.5rem !important;
    }

    .ms-lg-12 {
        margin-left: 5.5rem !important;
    }

    .m-lg-n12 {
        margin: -5.5rem !important;
    }

    .mx-lg-n12 {
        margin-left: -5.5rem !important;
        margin-right: -5.5rem !important;
    }

    .my-lg-n12 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important;
    }

    .mt-lg-n12 {
        margin-top: -5.5rem !important;
    }

    .me-lg-n12 {
        margin-right: -5.5rem !important;
    }

    .mb-lg-n12 {
        margin-bottom: -5.5rem !important;
    }

    .ms-lg-n12 {
        margin-left: -5.5rem !important;
    }

    .p-lg-12 {
        padding: 5.5rem !important;
    }

    .px-lg-12 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }

    .py-lg-12 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }

    .pt-lg-12 {
        padding-top: 5.5rem !important;
    }

    .pe-lg-12 {
        padding-right: 5.5rem !important;
    }

    .pb-lg-12 {
        padding-bottom: 5.5rem !important;
    }

    .ps-lg-12 {
        padding-left: 5.5rem !important;
    }

    .m-lg-13 {
        margin: 6rem !important;
    }

    .mx-lg-13 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .my-lg-13 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .mt-lg-13 {
        margin-top: 6rem !important;
    }

    .me-lg-13 {
        margin-right: 6rem !important;
    }

    .mb-lg-13 {
        margin-bottom: 6rem !important;
    }

    .ms-lg-13 {
        margin-left: 6rem !important;
    }

    .m-lg-n13 {
        margin: -6rem !important;
    }

    .mx-lg-n13 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-lg-n13 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .mt-lg-n13 {
        margin-top: -6rem !important;
    }

    .me-lg-n13 {
        margin-right: -6rem !important;
    }

    .mb-lg-n13 {
        margin-bottom: -6rem !important;
    }

    .ms-lg-n13 {
        margin-left: -6rem !important;
    }

    .p-lg-13 {
        padding: 6rem !important;
    }

    .px-lg-13 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-lg-13 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .pt-lg-13 {
        padding-top: 6rem !important;
    }

    .pe-lg-13 {
        padding-right: 6rem !important;
    }

    .pb-lg-13 {
        padding-bottom: 6rem !important;
    }

    .ps-lg-13 {
        padding-left: 6rem !important;
    }

    .m-lg-14 {
        margin: 6.5rem !important;
    }

    .mx-lg-14 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important;
    }

    .my-lg-14 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important;
    }

    .mt-lg-14 {
        margin-top: 6.5rem !important;
    }

    .me-lg-14 {
        margin-right: 6.5rem !important;
    }

    .mb-lg-14 {
        margin-bottom: 6.5rem !important;
    }

    .ms-lg-14 {
        margin-left: 6.5rem !important;
    }

    .m-lg-n14 {
        margin: -6.5rem !important;
    }

    .mx-lg-n14 {
        margin-left: -6.5rem !important;
        margin-right: -6.5rem !important;
    }

    .my-lg-n14 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important;
    }

    .mt-lg-n14 {
        margin-top: -6.5rem !important;
    }

    .me-lg-n14 {
        margin-right: -6.5rem !important;
    }

    .mb-lg-n14 {
        margin-bottom: -6.5rem !important;
    }

    .ms-lg-n14 {
        margin-left: -6.5rem !important;
    }

    .p-lg-14 {
        padding: 6.5rem !important;
    }

    .px-lg-14 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }

    .py-lg-14 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important;
    }

    .pt-lg-14 {
        padding-top: 6.5rem !important;
    }

    .pe-lg-14 {
        padding-right: 6.5rem !important;
    }

    .pb-lg-14 {
        padding-bottom: 6.5rem !important;
    }

    .ps-lg-14 {
        padding-left: 6.5rem !important;
    }

    .m-lg-15 {
        margin: 7.5rem !important;
    }

    .mx-lg-15 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important;
    }

    .my-lg-15 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-lg-15 {
        margin-top: 7.5rem !important;
    }

    .me-lg-15 {
        margin-right: 7.5rem !important;
    }

    .mb-lg-15 {
        margin-bottom: 7.5rem !important;
    }

    .ms-lg-15 {
        margin-left: 7.5rem !important;
    }

    .m-lg-n15 {
        margin: -7.5rem !important;
    }

    .mx-lg-n15 {
        margin-left: -7.5rem !important;
        margin-right: -7.5rem !important;
    }

    .my-lg-n15 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important;
    }

    .mt-lg-n15 {
        margin-top: -7.5rem !important;
    }

    .me-lg-n15 {
        margin-right: -7.5rem !important;
    }

    .mb-lg-n15 {
        margin-bottom: -7.5rem !important;
    }

    .ms-lg-n15 {
        margin-left: -7.5rem !important;
    }

    .p-lg-15 {
        padding: 7.5rem !important;
    }

    .px-lg-15 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }

    .py-lg-15 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }

    .pt-lg-15 {
        padding-top: 7.5rem !important;
    }

    .pe-lg-15 {
        padding-right: 7.5rem !important;
    }

    .pb-lg-15 {
        padding-bottom: 7.5rem !important;
    }

    .ps-lg-15 {
        padding-left: 7.5rem !important;
    }

    .m-lg-16 {
        margin: 8.5rem !important;
    }

    .mx-lg-16 {
        margin-left: 8.5rem !important;
        margin-right: 8.5rem !important;
    }

    .my-lg-16 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important;
    }

    .mt-lg-16 {
        margin-top: 8.5rem !important;
    }

    .me-lg-16 {
        margin-right: 8.5rem !important;
    }

    .mb-lg-16 {
        margin-bottom: 8.5rem !important;
    }

    .ms-lg-16 {
        margin-left: 8.5rem !important;
    }

    .m-lg-n16 {
        margin: -8.5rem !important;
    }

    .mx-lg-n16 {
        margin-left: -8.5rem !important;
        margin-right: -8.5rem !important;
    }

    .my-lg-n16 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important;
    }

    .mt-lg-n16 {
        margin-top: -8.5rem !important;
    }

    .me-lg-n16 {
        margin-right: -8.5rem !important;
    }

    .mb-lg-n16 {
        margin-bottom: -8.5rem !important;
    }

    .ms-lg-n16 {
        margin-left: -8.5rem !important;
    }

    .p-lg-16 {
        padding: 8.5rem !important;
    }

    .px-lg-16 {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }

    .py-lg-16 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important;
    }

    .pt-lg-16 {
        padding-top: 8.5rem !important;
    }

    .pe-lg-16 {
        padding-right: 8.5rem !important;
    }

    .pb-lg-16 {
        padding-bottom: 8.5rem !important;
    }

    .ps-lg-16 {
        padding-left: 8.5rem !important;
    }

    .m-lg-17 {
        margin: 9.5rem !important;
    }

    .mx-lg-17 {
        margin-left: 9.5rem !important;
        margin-right: 9.5rem !important;
    }

    .my-lg-17 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important;
    }

    .mt-lg-17 {
        margin-top: 9.5rem !important;
    }

    .me-lg-17 {
        margin-right: 9.5rem !important;
    }

    .mb-lg-17 {
        margin-bottom: 9.5rem !important;
    }

    .ms-lg-17 {
        margin-left: 9.5rem !important;
    }

    .m-lg-n17 {
        margin: -9.5rem !important;
    }

    .mx-lg-n17 {
        margin-left: -9.5rem !important;
        margin-right: -9.5rem !important;
    }

    .my-lg-n17 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important;
    }

    .mt-lg-n17 {
        margin-top: -9.5rem !important;
    }

    .me-lg-n17 {
        margin-right: -9.5rem !important;
    }

    .mb-lg-n17 {
        margin-bottom: -9.5rem !important;
    }

    .ms-lg-n17 {
        margin-left: -9.5rem !important;
    }

    .p-lg-17 {
        padding: 9.5rem !important;
    }

    .px-lg-17 {
        padding-left: 9.5rem !important;
        padding-right: 9.5rem !important;
    }

    .py-lg-17 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important;
    }

    .pt-lg-17 {
        padding-top: 9.5rem !important;
    }

    .pe-lg-17 {
        padding-right: 9.5rem !important;
    }

    .pb-lg-17 {
        padding-bottom: 9.5rem !important;
    }

    .ps-lg-17 {
        padding-left: 9.5rem !important;
    }

    .m-lg-18 {
        margin: 10.5rem !important;
    }

    .mx-lg-18 {
        margin-left: 10.5rem !important;
        margin-right: 10.5rem !important;
    }

    .my-lg-18 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important;
    }

    .mt-lg-18 {
        margin-top: 10.5rem !important;
    }

    .me-lg-18 {
        margin-right: 10.5rem !important;
    }

    .mb-lg-18 {
        margin-bottom: 10.5rem !important;
    }

    .ms-lg-18 {
        margin-left: 10.5rem !important;
    }

    .m-lg-n18 {
        margin: -10.5rem !important;
    }

    .mx-lg-n18 {
        margin-left: -10.5rem !important;
        margin-right: -10.5rem !important;
    }

    .my-lg-n18 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important;
    }

    .mt-lg-n18 {
        margin-top: -10.5rem !important;
    }

    .me-lg-n18 {
        margin-right: -10.5rem !important;
    }

    .mb-lg-n18 {
        margin-bottom: -10.5rem !important;
    }

    .ms-lg-n18 {
        margin-left: -10.5rem !important;
    }

    .p-lg-18 {
        padding: 10.5rem !important;
    }

    .px-lg-18 {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important;
    }

    .py-lg-18 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important;
    }

    .pt-lg-18 {
        padding-top: 10.5rem !important;
    }

    .pe-lg-18 {
        padding-right: 10.5rem !important;
    }

    .pb-lg-18 {
        padding-bottom: 10.5rem !important;
    }

    .ps-lg-18 {
        padding-left: 10.5rem !important;
    }

    .m-lg-19 {
        margin: 11.5rem !important;
    }

    .mx-lg-19 {
        margin-left: 11.5rem !important;
        margin-right: 11.5rem !important;
    }

    .my-lg-19 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important;
    }

    .mt-lg-19 {
        margin-top: 11.5rem !important;
    }

    .me-lg-19 {
        margin-right: 11.5rem !important;
    }

    .mb-lg-19 {
        margin-bottom: 11.5rem !important;
    }

    .ms-lg-19 {
        margin-left: 11.5rem !important;
    }

    .m-lg-n19 {
        margin: -11.5rem !important;
    }

    .mx-lg-n19 {
        margin-left: -11.5rem !important;
        margin-right: -11.5rem !important;
    }

    .my-lg-n19 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important;
    }

    .mt-lg-n19 {
        margin-top: -11.5rem !important;
    }

    .me-lg-n19 {
        margin-right: -11.5rem !important;
    }

    .mb-lg-n19 {
        margin-bottom: -11.5rem !important;
    }

    .ms-lg-n19 {
        margin-left: -11.5rem !important;
    }

    .p-lg-19 {
        padding: 11.5rem !important;
    }

    .px-lg-19 {
        padding-left: 11.5rem !important;
        padding-right: 11.5rem !important;
    }

    .py-lg-19 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important;
    }

    .pt-lg-19 {
        padding-top: 11.5rem !important;
    }

    .pe-lg-19 {
        padding-right: 11.5rem !important;
    }

    .pb-lg-19 {
        padding-bottom: 11.5rem !important;
    }

    .ps-lg-19 {
        padding-left: 11.5rem !important;
    }

    .m-lg-20 {
        margin: 12.5rem !important;
    }

    .mx-lg-20 {
        margin-left: 12.5rem !important;
        margin-right: 12.5rem !important;
    }

    .my-lg-20 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important;
    }

    .mt-lg-20 {
        margin-top: 12.5rem !important;
    }

    .me-lg-20 {
        margin-right: 12.5rem !important;
    }

    .mb-lg-20 {
        margin-bottom: 12.5rem !important;
    }

    .ms-lg-20 {
        margin-left: 12.5rem !important;
    }

    .m-lg-n20 {
        margin: -12.5rem !important;
    }

    .mx-lg-n20 {
        margin-left: -12.5rem !important;
        margin-right: -12.5rem !important;
    }

    .my-lg-n20 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important;
    }

    .mt-lg-n20 {
        margin-top: -12.5rem !important;
    }

    .me-lg-n20 {
        margin-right: -12.5rem !important;
    }

    .mb-lg-n20 {
        margin-bottom: -12.5rem !important;
    }

    .ms-lg-n20 {
        margin-left: -12.5rem !important;
    }

    .p-lg-20 {
        padding: 12.5rem !important;
    }

    .px-lg-20 {
        padding-left: 12.5rem !important;
        padding-right: 12.5rem !important;
    }

    .py-lg-20 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important;
    }

    .pt-lg-20 {
        padding-top: 12.5rem !important;
    }

    .pe-lg-20 {
        padding-right: 12.5rem !important;
    }

    .pb-lg-20 {
        padding-bottom: 12.5rem !important;
    }

    .ps-lg-20 {
        padding-left: 12.5rem !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0rem !important;
    }

    .mx-xl-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

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

    .mt-xl-0 {
        margin-top: 0rem !important;
    }

    .me-xl-0 {
        margin-right: 0rem !important;
    }

    .mb-xl-0 {
        margin-bottom: 0rem !important;
    }

    .ms-xl-0 {
        margin-left: 0rem !important;
    }

    .m-xl-n0 {
        margin: 0rem !important;
    }

    .mx-xl-n0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .my-xl-n0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mt-xl-n0 {
        margin-top: 0rem !important;
    }

    .me-xl-n0 {
        margin-right: 0rem !important;
    }

    .mb-xl-n0 {
        margin-bottom: 0rem !important;
    }

    .ms-xl-n0 {
        margin-left: 0rem !important;
    }

    .p-xl-0 {
        padding: 0rem !important;
    }

    .px-xl-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

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

    .pt-xl-0 {
        padding-top: 0rem !important;
    }

    .pe-xl-0 {
        padding-right: 0rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0rem !important;
    }

    .ps-xl-0 {
        padding-left: 0rem !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mx-xl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mx-xl-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .my-xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .me-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .px-xl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mx-xl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mx-xl-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .me-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .px-xl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mx-xl-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .mt-xl-n3 {
        margin-top: -1rem !important;
    }

    .me-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-xl-n3 {
        margin-left: -1rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mx-xl-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 2rem !important;
    }

    .mx-xl-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .my-xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mt-xl-5 {
        margin-top: 2rem !important;
    }

    .me-xl-5 {
        margin-right: 2rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 2rem !important;
    }

    .ms-xl-5 {
        margin-left: 2rem !important;
    }

    .m-xl-n5 {
        margin: -2rem !important;
    }

    .mx-xl-n5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .my-xl-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .mt-xl-n5 {
        margin-top: -2rem !important;
    }

    .me-xl-n5 {
        margin-right: -2rem !important;
    }

    .mb-xl-n5 {
        margin-bottom: -2rem !important;
    }

    .ms-xl-n5 {
        margin-left: -2rem !important;
    }

    .p-xl-5 {
        padding: 2rem !important;
    }

    .px-xl-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .py-xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pt-xl-5 {
        padding-top: 2rem !important;
    }

    .pe-xl-5 {
        padding-right: 2rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important;
    }

    .ps-xl-5 {
        padding-left: 2rem !important;
    }

    .m-xl-6 {
        margin: 2.5rem !important;
    }

    .mx-xl-6 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }

    .my-xl-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mt-xl-6 {
        margin-top: 2.5rem !important;
    }

    .me-xl-6 {
        margin-right: 2.5rem !important;
    }

    .mb-xl-6 {
        margin-bottom: 2.5rem !important;
    }

    .ms-xl-6 {
        margin-left: 2.5rem !important;
    }

    .m-xl-n6 {
        margin: -2.5rem !important;
    }

    .mx-xl-n6 {
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }

    .my-xl-n6 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .mt-xl-n6 {
        margin-top: -2.5rem !important;
    }

    .me-xl-n6 {
        margin-right: -2.5rem !important;
    }

    .mb-xl-n6 {
        margin-bottom: -2.5rem !important;
    }

    .ms-xl-n6 {
        margin-left: -2.5rem !important;
    }

    .p-xl-6 {
        padding: 2.5rem !important;
    }

    .px-xl-6 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .py-xl-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pt-xl-6 {
        padding-top: 2.5rem !important;
    }

    .pe-xl-6 {
        padding-right: 2.5rem !important;
    }

    .pb-xl-6 {
        padding-bottom: 2.5rem !important;
    }

    .ps-xl-6 {
        padding-left: 2.5rem !important;
    }

    .m-xl-7 {
        margin: 3rem !important;
    }

    .mx-xl-7 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .my-xl-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-xl-7 {
        margin-top: 3rem !important;
    }

    .me-xl-7 {
        margin-right: 3rem !important;
    }

    .mb-xl-7 {
        margin-bottom: 3rem !important;
    }

    .ms-xl-7 {
        margin-left: 3rem !important;
    }

    .m-xl-n7 {
        margin: -3rem !important;
    }

    .mx-xl-n7 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .my-xl-n7 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-xl-n7 {
        margin-top: -3rem !important;
    }

    .me-xl-n7 {
        margin-right: -3rem !important;
    }

    .mb-xl-n7 {
        margin-bottom: -3rem !important;
    }

    .ms-xl-n7 {
        margin-left: -3rem !important;
    }

    .p-xl-7 {
        padding: 3rem !important;
    }

    .px-xl-7 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .py-xl-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-7 {
        padding-top: 3rem !important;
    }

    .pe-xl-7 {
        padding-right: 3rem !important;
    }

    .pb-xl-7 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-7 {
        padding-left: 3rem !important;
    }

    .m-xl-8 {
        margin: 3.5rem !important;
    }

    .mx-xl-8 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important;
    }

    .my-xl-8 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .mt-xl-8 {
        margin-top: 3.5rem !important;
    }

    .me-xl-8 {
        margin-right: 3.5rem !important;
    }

    .mb-xl-8 {
        margin-bottom: 3.5rem !important;
    }

    .ms-xl-8 {
        margin-left: 3.5rem !important;
    }

    .m-xl-n8 {
        margin: -3.5rem !important;
    }

    .mx-xl-n8 {
        margin-left: -3.5rem !important;
        margin-right: -3.5rem !important;
    }

    .my-xl-n8 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .mt-xl-n8 {
        margin-top: -3.5rem !important;
    }

    .me-xl-n8 {
        margin-right: -3.5rem !important;
    }

    .mb-xl-n8 {
        margin-bottom: -3.5rem !important;
    }

    .ms-xl-n8 {
        margin-left: -3.5rem !important;
    }

    .p-xl-8 {
        padding: 3.5rem !important;
    }

    .px-xl-8 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .py-xl-8 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-xl-8 {
        padding-top: 3.5rem !important;
    }

    .pe-xl-8 {
        padding-right: 3.5rem !important;
    }

    .pb-xl-8 {
        padding-bottom: 3.5rem !important;
    }

    .ps-xl-8 {
        padding-left: 3.5rem !important;
    }

    .m-xl-9 {
        margin: 4rem !important;
    }

    .mx-xl-9 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .my-xl-9 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-xl-9 {
        margin-top: 4rem !important;
    }

    .me-xl-9 {
        margin-right: 4rem !important;
    }

    .mb-xl-9 {
        margin-bottom: 4rem !important;
    }

    .ms-xl-9 {
        margin-left: 4rem !important;
    }

    .m-xl-n9 {
        margin: -4rem !important;
    }

    .mx-xl-n9 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .my-xl-n9 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .mt-xl-n9 {
        margin-top: -4rem !important;
    }

    .me-xl-n9 {
        margin-right: -4rem !important;
    }

    .mb-xl-n9 {
        margin-bottom: -4rem !important;
    }

    .ms-xl-n9 {
        margin-left: -4rem !important;
    }

    .p-xl-9 {
        padding: 4rem !important;
    }

    .px-xl-9 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-xl-9 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-xl-9 {
        padding-top: 4rem !important;
    }

    .pe-xl-9 {
        padding-right: 4rem !important;
    }

    .pb-xl-9 {
        padding-bottom: 4rem !important;
    }

    .ps-xl-9 {
        padding-left: 4rem !important;
    }

    .m-xl-10 {
        margin: 4.5rem !important;
    }

    .mx-xl-10 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .my-xl-10 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .mt-xl-10 {
        margin-top: 4.5rem !important;
    }

    .me-xl-10 {
        margin-right: 4.5rem !important;
    }

    .mb-xl-10 {
        margin-bottom: 4.5rem !important;
    }

    .ms-xl-10 {
        margin-left: 4.5rem !important;
    }

    .m-xl-n10 {
        margin: -4.5rem !important;
    }

    .mx-xl-n10 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .my-xl-n10 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .mt-xl-n10 {
        margin-top: -4.5rem !important;
    }

    .me-xl-n10 {
        margin-right: -4.5rem !important;
    }

    .mb-xl-n10 {
        margin-bottom: -4.5rem !important;
    }

    .ms-xl-n10 {
        margin-left: -4.5rem !important;
    }

    .p-xl-10 {
        padding: 4.5rem !important;
    }

    .px-xl-10 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .py-xl-10 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pt-xl-10 {
        padding-top: 4.5rem !important;
    }

    .pe-xl-10 {
        padding-right: 4.5rem !important;
    }

    .pb-xl-10 {
        padding-bottom: 4.5rem !important;
    }

    .ps-xl-10 {
        padding-left: 4.5rem !important;
    }

    .m-xl-11 {
        margin: 5rem !important;
    }

    .mx-xl-11 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .my-xl-11 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-xl-11 {
        margin-top: 5rem !important;
    }

    .me-xl-11 {
        margin-right: 5rem !important;
    }

    .mb-xl-11 {
        margin-bottom: 5rem !important;
    }

    .ms-xl-11 {
        margin-left: 5rem !important;
    }

    .m-xl-n11 {
        margin: -5rem !important;
    }

    .mx-xl-n11 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .my-xl-n11 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-xl-n11 {
        margin-top: -5rem !important;
    }

    .me-xl-n11 {
        margin-right: -5rem !important;
    }

    .mb-xl-n11 {
        margin-bottom: -5rem !important;
    }

    .ms-xl-n11 {
        margin-left: -5rem !important;
    }

    .p-xl-11 {
        padding: 5rem !important;
    }

    .px-xl-11 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .py-xl-11 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-xl-11 {
        padding-top: 5rem !important;
    }

    .pe-xl-11 {
        padding-right: 5rem !important;
    }

    .pb-xl-11 {
        padding-bottom: 5rem !important;
    }

    .ps-xl-11 {
        padding-left: 5rem !important;
    }

    .m-xl-12 {
        margin: 5.5rem !important;
    }

    .mx-xl-12 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important;
    }

    .my-xl-12 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important;
    }

    .mt-xl-12 {
        margin-top: 5.5rem !important;
    }

    .me-xl-12 {
        margin-right: 5.5rem !important;
    }

    .mb-xl-12 {
        margin-bottom: 5.5rem !important;
    }

    .ms-xl-12 {
        margin-left: 5.5rem !important;
    }

    .m-xl-n12 {
        margin: -5.5rem !important;
    }

    .mx-xl-n12 {
        margin-left: -5.5rem !important;
        margin-right: -5.5rem !important;
    }

    .my-xl-n12 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important;
    }

    .mt-xl-n12 {
        margin-top: -5.5rem !important;
    }

    .me-xl-n12 {
        margin-right: -5.5rem !important;
    }

    .mb-xl-n12 {
        margin-bottom: -5.5rem !important;
    }

    .ms-xl-n12 {
        margin-left: -5.5rem !important;
    }

    .p-xl-12 {
        padding: 5.5rem !important;
    }

    .px-xl-12 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }

    .py-xl-12 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }

    .pt-xl-12 {
        padding-top: 5.5rem !important;
    }

    .pe-xl-12 {
        padding-right: 5.5rem !important;
    }

    .pb-xl-12 {
        padding-bottom: 5.5rem !important;
    }

    .ps-xl-12 {
        padding-left: 5.5rem !important;
    }

    .m-xl-13 {
        margin: 6rem !important;
    }

    .mx-xl-13 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .my-xl-13 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .mt-xl-13 {
        margin-top: 6rem !important;
    }

    .me-xl-13 {
        margin-right: 6rem !important;
    }

    .mb-xl-13 {
        margin-bottom: 6rem !important;
    }

    .ms-xl-13 {
        margin-left: 6rem !important;
    }

    .m-xl-n13 {
        margin: -6rem !important;
    }

    .mx-xl-n13 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-xl-n13 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .mt-xl-n13 {
        margin-top: -6rem !important;
    }

    .me-xl-n13 {
        margin-right: -6rem !important;
    }

    .mb-xl-n13 {
        margin-bottom: -6rem !important;
    }

    .ms-xl-n13 {
        margin-left: -6rem !important;
    }

    .p-xl-13 {
        padding: 6rem !important;
    }

    .px-xl-13 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-xl-13 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .pt-xl-13 {
        padding-top: 6rem !important;
    }

    .pe-xl-13 {
        padding-right: 6rem !important;
    }

    .pb-xl-13 {
        padding-bottom: 6rem !important;
    }

    .ps-xl-13 {
        padding-left: 6rem !important;
    }

    .m-xl-14 {
        margin: 6.5rem !important;
    }

    .mx-xl-14 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important;
    }

    .my-xl-14 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important;
    }

    .mt-xl-14 {
        margin-top: 6.5rem !important;
    }

    .me-xl-14 {
        margin-right: 6.5rem !important;
    }

    .mb-xl-14 {
        margin-bottom: 6.5rem !important;
    }

    .ms-xl-14 {
        margin-left: 6.5rem !important;
    }

    .m-xl-n14 {
        margin: -6.5rem !important;
    }

    .mx-xl-n14 {
        margin-left: -6.5rem !important;
        margin-right: -6.5rem !important;
    }

    .my-xl-n14 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important;
    }

    .mt-xl-n14 {
        margin-top: -6.5rem !important;
    }

    .me-xl-n14 {
        margin-right: -6.5rem !important;
    }

    .mb-xl-n14 {
        margin-bottom: -6.5rem !important;
    }

    .ms-xl-n14 {
        margin-left: -6.5rem !important;
    }

    .p-xl-14 {
        padding: 6.5rem !important;
    }

    .px-xl-14 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }

    .py-xl-14 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important;
    }

    .pt-xl-14 {
        padding-top: 6.5rem !important;
    }

    .pe-xl-14 {
        padding-right: 6.5rem !important;
    }

    .pb-xl-14 {
        padding-bottom: 6.5rem !important;
    }

    .ps-xl-14 {
        padding-left: 6.5rem !important;
    }

    .m-xl-15 {
        margin: 7.5rem !important;
    }

    .mx-xl-15 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important;
    }

    .my-xl-15 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-xl-15 {
        margin-top: 7.5rem !important;
    }

    .me-xl-15 {
        margin-right: 7.5rem !important;
    }

    .mb-xl-15 {
        margin-bottom: 7.5rem !important;
    }

    .ms-xl-15 {
        margin-left: 7.5rem !important;
    }

    .m-xl-n15 {
        margin: -7.5rem !important;
    }

    .mx-xl-n15 {
        margin-left: -7.5rem !important;
        margin-right: -7.5rem !important;
    }

    .my-xl-n15 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important;
    }

    .mt-xl-n15 {
        margin-top: -7.5rem !important;
    }

    .me-xl-n15 {
        margin-right: -7.5rem !important;
    }

    .mb-xl-n15 {
        margin-bottom: -7.5rem !important;
    }

    .ms-xl-n15 {
        margin-left: -7.5rem !important;
    }

    .p-xl-15 {
        padding: 7.5rem !important;
    }

    .px-xl-15 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }

    .py-xl-15 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }

    .pt-xl-15 {
        padding-top: 7.5rem !important;
    }

    .pe-xl-15 {
        padding-right: 7.5rem !important;
    }

    .pb-xl-15 {
        padding-bottom: 7.5rem !important;
    }

    .ps-xl-15 {
        padding-left: 7.5rem !important;
    }

    .m-xl-16 {
        margin: 8.5rem !important;
    }

    .mx-xl-16 {
        margin-left: 8.5rem !important;
        margin-right: 8.5rem !important;
    }

    .my-xl-16 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important;
    }

    .mt-xl-16 {
        margin-top: 8.5rem !important;
    }

    .me-xl-16 {
        margin-right: 8.5rem !important;
    }

    .mb-xl-16 {
        margin-bottom: 8.5rem !important;
    }

    .ms-xl-16 {
        margin-left: 8.5rem !important;
    }

    .m-xl-n16 {
        margin: -8.5rem !important;
    }

    .mx-xl-n16 {
        margin-left: -8.5rem !important;
        margin-right: -8.5rem !important;
    }

    .my-xl-n16 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important;
    }

    .mt-xl-n16 {
        margin-top: -8.5rem !important;
    }

    .me-xl-n16 {
        margin-right: -8.5rem !important;
    }

    .mb-xl-n16 {
        margin-bottom: -8.5rem !important;
    }

    .ms-xl-n16 {
        margin-left: -8.5rem !important;
    }

    .p-xl-16 {
        padding: 8.5rem !important;
    }

    .px-xl-16 {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }

    .py-xl-16 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important;
    }

    .pt-xl-16 {
        padding-top: 8.5rem !important;
    }

    .pe-xl-16 {
        padding-right: 8.5rem !important;
    }

    .pb-xl-16 {
        padding-bottom: 8.5rem !important;
    }

    .ps-xl-16 {
        padding-left: 8.5rem !important;
    }

    .m-xl-17 {
        margin: 9.5rem !important;
    }

    .mx-xl-17 {
        margin-left: 9.5rem !important;
        margin-right: 9.5rem !important;
    }

    .my-xl-17 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important;
    }

    .mt-xl-17 {
        margin-top: 9.5rem !important;
    }

    .me-xl-17 {
        margin-right: 9.5rem !important;
    }

    .mb-xl-17 {
        margin-bottom: 9.5rem !important;
    }

    .ms-xl-17 {
        margin-left: 9.5rem !important;
    }

    .m-xl-n17 {
        margin: -9.5rem !important;
    }

    .mx-xl-n17 {
        margin-left: -9.5rem !important;
        margin-right: -9.5rem !important;
    }

    .my-xl-n17 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important;
    }

    .mt-xl-n17 {
        margin-top: -9.5rem !important;
    }

    .me-xl-n17 {
        margin-right: -9.5rem !important;
    }

    .mb-xl-n17 {
        margin-bottom: -9.5rem !important;
    }

    .ms-xl-n17 {
        margin-left: -9.5rem !important;
    }

    .p-xl-17 {
        padding: 9.5rem !important;
    }

    .px-xl-17 {
        padding-left: 9.5rem !important;
        padding-right: 9.5rem !important;
    }

    .py-xl-17 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important;
    }

    .pt-xl-17 {
        padding-top: 9.5rem !important;
    }

    .pe-xl-17 {
        padding-right: 9.5rem !important;
    }

    .pb-xl-17 {
        padding-bottom: 9.5rem !important;
    }

    .ps-xl-17 {
        padding-left: 9.5rem !important;
    }

    .m-xl-18 {
        margin: 10.5rem !important;
    }

    .mx-xl-18 {
        margin-left: 10.5rem !important;
        margin-right: 10.5rem !important;
    }

    .my-xl-18 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important;
    }

    .mt-xl-18 {
        margin-top: 10.5rem !important;
    }

    .me-xl-18 {
        margin-right: 10.5rem !important;
    }

    .mb-xl-18 {
        margin-bottom: 10.5rem !important;
    }

    .ms-xl-18 {
        margin-left: 10.5rem !important;
    }

    .m-xl-n18 {
        margin: -10.5rem !important;
    }

    .mx-xl-n18 {
        margin-left: -10.5rem !important;
        margin-right: -10.5rem !important;
    }

    .my-xl-n18 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important;
    }

    .mt-xl-n18 {
        margin-top: -10.5rem !important;
    }

    .me-xl-n18 {
        margin-right: -10.5rem !important;
    }

    .mb-xl-n18 {
        margin-bottom: -10.5rem !important;
    }

    .ms-xl-n18 {
        margin-left: -10.5rem !important;
    }

    .p-xl-18 {
        padding: 10.5rem !important;
    }

    .px-xl-18 {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important;
    }

    .py-xl-18 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important;
    }

    .pt-xl-18 {
        padding-top: 10.5rem !important;
    }

    .pe-xl-18 {
        padding-right: 10.5rem !important;
    }

    .pb-xl-18 {
        padding-bottom: 10.5rem !important;
    }

    .ps-xl-18 {
        padding-left: 10.5rem !important;
    }

    .m-xl-19 {
        margin: 11.5rem !important;
    }

    .mx-xl-19 {
        margin-left: 11.5rem !important;
        margin-right: 11.5rem !important;
    }

    .my-xl-19 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important;
    }

    .mt-xl-19 {
        margin-top: 11.5rem !important;
    }

    .me-xl-19 {
        margin-right: 11.5rem !important;
    }

    .mb-xl-19 {
        margin-bottom: 11.5rem !important;
    }

    .ms-xl-19 {
        margin-left: 11.5rem !important;
    }

    .m-xl-n19 {
        margin: -11.5rem !important;
    }

    .mx-xl-n19 {
        margin-left: -11.5rem !important;
        margin-right: -11.5rem !important;
    }

    .my-xl-n19 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important;
    }

    .mt-xl-n19 {
        margin-top: -11.5rem !important;
    }

    .me-xl-n19 {
        margin-right: -11.5rem !important;
    }

    .mb-xl-n19 {
        margin-bottom: -11.5rem !important;
    }

    .ms-xl-n19 {
        margin-left: -11.5rem !important;
    }

    .p-xl-19 {
        padding: 11.5rem !important;
    }

    .px-xl-19 {
        padding-left: 11.5rem !important;
        padding-right: 11.5rem !important;
    }

    .py-xl-19 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important;
    }

    .pt-xl-19 {
        padding-top: 11.5rem !important;
    }

    .pe-xl-19 {
        padding-right: 11.5rem !important;
    }

    .pb-xl-19 {
        padding-bottom: 11.5rem !important;
    }

    .ps-xl-19 {
        padding-left: 11.5rem !important;
    }

    .m-xl-20 {
        margin: 12.5rem !important;
    }

    .mx-xl-20 {
        margin-left: 12.5rem !important;
        margin-right: 12.5rem !important;
    }

    .my-xl-20 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important;
    }

    .mt-xl-20 {
        margin-top: 12.5rem !important;
    }

    .me-xl-20 {
        margin-right: 12.5rem !important;
    }

    .mb-xl-20 {
        margin-bottom: 12.5rem !important;
    }

    .ms-xl-20 {
        margin-left: 12.5rem !important;
    }

    .m-xl-n20 {
        margin: -12.5rem !important;
    }

    .mx-xl-n20 {
        margin-left: -12.5rem !important;
        margin-right: -12.5rem !important;
    }

    .my-xl-n20 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important;
    }

    .mt-xl-n20 {
        margin-top: -12.5rem !important;
    }

    .me-xl-n20 {
        margin-right: -12.5rem !important;
    }

    .mb-xl-n20 {
        margin-bottom: -12.5rem !important;
    }

    .ms-xl-n20 {
        margin-left: -12.5rem !important;
    }

    .p-xl-20 {
        padding: 12.5rem !important;
    }

    .px-xl-20 {
        padding-left: 12.5rem !important;
        padding-right: 12.5rem !important;
    }

    .py-xl-20 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important;
    }

    .pt-xl-20 {
        padding-top: 12.5rem !important;
    }

    .pe-xl-20 {
        padding-right: 12.5rem !important;
    }

    .pb-xl-20 {
        padding-bottom: 12.5rem !important;
    }

    .ps-xl-20 {
        padding-left: 12.5rem !important;
    }
}

@media (min-width: 1400px) {
    .m-2xl-0 {
        margin: 0rem !important;
    }

    .mx-2xl-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .my-2xl-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mt-2xl-0 {
        margin-top: 0rem !important;
    }

    .me-2xl-0 {
        margin-right: 0rem !important;
    }

    .mb-2xl-0 {
        margin-bottom: 0rem !important;
    }

    .ms-2xl-0 {
        margin-left: 0rem !important;
    }

    .m-2xl-n0 {
        margin: 0rem !important;
    }

    .mx-2xl-n0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .my-2xl-n0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mt-2xl-n0 {
        margin-top: 0rem !important;
    }

    .me-2xl-n0 {
        margin-right: 0rem !important;
    }

    .mb-2xl-n0 {
        margin-bottom: 0rem !important;
    }

    .ms-2xl-n0 {
        margin-left: 0rem !important;
    }

    .p-2xl-0 {
        padding: 0rem !important;
    }

    .px-2xl-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .py-2xl-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .pt-2xl-0 {
        padding-top: 0rem !important;
    }

    .pe-2xl-0 {
        padding-right: 0rem !important;
    }

    .pb-2xl-0 {
        padding-bottom: 0rem !important;
    }

    .ps-2xl-0 {
        padding-left: 0rem !important;
    }

    .m-2xl-1 {
        margin: 0.25rem !important;
    }

    .mx-2xl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .my-2xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .mt-2xl-1 {
        margin-top: 0.25rem !important;
    }

    .me-2xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-2xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-2xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-2xl-n1 {
        margin: -0.25rem !important;
    }

    .mx-2xl-n1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .my-2xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .mt-2xl-n1 {
        margin-top: -0.25rem !important;
    }

    .me-2xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-2xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-2xl-n1 {
        margin-left: -0.25rem !important;
    }

    .p-2xl-1 {
        padding: 0.25rem !important;
    }

    .px-2xl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .py-2xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .pt-2xl-1 {
        padding-top: 0.25rem !important;
    }

    .pe-2xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-2xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-2xl-1 {
        padding-left: 0.25rem !important;
    }

    .m-2xl-2 {
        margin: 0.5rem !important;
    }

    .mx-2xl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .my-2xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .mt-2xl-2 {
        margin-top: 0.5rem !important;
    }

    .me-2xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-2xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-2xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-2xl-n2 {
        margin: -0.5rem !important;
    }

    .mx-2xl-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .my-2xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .mt-2xl-n2 {
        margin-top: -0.5rem !important;
    }

    .me-2xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-2xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-2xl-n2 {
        margin-left: -0.5rem !important;
    }

    .p-2xl-2 {
        padding: 0.5rem !important;
    }

    .px-2xl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .py-2xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .pt-2xl-2 {
        padding-top: 0.5rem !important;
    }

    .pe-2xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-2xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-2xl-2 {
        padding-left: 0.5rem !important;
    }

    .m-2xl-3 {
        margin: 1rem !important;
    }

    .mx-2xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .my-2xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mt-2xl-3 {
        margin-top: 1rem !important;
    }

    .me-2xl-3 {
        margin-right: 1rem !important;
    }

    .mb-2xl-3 {
        margin-bottom: 1rem !important;
    }

    .ms-2xl-3 {
        margin-left: 1rem !important;
    }

    .m-2xl-n3 {
        margin: -1rem !important;
    }

    .mx-2xl-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .my-2xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .mt-2xl-n3 {
        margin-top: -1rem !important;
    }

    .me-2xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-2xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-2xl-n3 {
        margin-left: -1rem !important;
    }

    .p-2xl-3 {
        padding: 1rem !important;
    }

    .px-2xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .py-2xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pt-2xl-3 {
        padding-top: 1rem !important;
    }

    .pe-2xl-3 {
        padding-right: 1rem !important;
    }

    .pb-2xl-3 {
        padding-bottom: 1rem !important;
    }

    .ps-2xl-3 {
        padding-left: 1rem !important;
    }

    .m-2xl-4 {
        margin: 1.5rem !important;
    }

    .mx-2xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .my-2xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-2xl-4 {
        margin-top: 1.5rem !important;
    }

    .me-2xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-2xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-2xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-2xl-n4 {
        margin: -1.5rem !important;
    }

    .mx-2xl-n4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .my-2xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .mt-2xl-n4 {
        margin-top: -1.5rem !important;
    }

    .me-2xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-2xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-2xl-n4 {
        margin-left: -1.5rem !important;
    }

    .p-2xl-4 {
        padding: 1.5rem !important;
    }

    .px-2xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .py-2xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-2xl-4 {
        padding-top: 1.5rem !important;
    }

    .pe-2xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-2xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-2xl-4 {
        padding-left: 1.5rem !important;
    }

    .m-2xl-5 {
        margin: 2rem !important;
    }

    .mx-2xl-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .my-2xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .mt-2xl-5 {
        margin-top: 2rem !important;
    }

    .me-2xl-5 {
        margin-right: 2rem !important;
    }

    .mb-2xl-5 {
        margin-bottom: 2rem !important;
    }

    .ms-2xl-5 {
        margin-left: 2rem !important;
    }

    .m-2xl-n5 {
        margin: -2rem !important;
    }

    .mx-2xl-n5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .my-2xl-n5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .mt-2xl-n5 {
        margin-top: -2rem !important;
    }

    .me-2xl-n5 {
        margin-right: -2rem !important;
    }

    .mb-2xl-n5 {
        margin-bottom: -2rem !important;
    }

    .ms-2xl-n5 {
        margin-left: -2rem !important;
    }

    .p-2xl-5 {
        padding: 2rem !important;
    }

    .px-2xl-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .py-2xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pt-2xl-5 {
        padding-top: 2rem !important;
    }

    .pe-2xl-5 {
        padding-right: 2rem !important;
    }

    .pb-2xl-5 {
        padding-bottom: 2rem !important;
    }

    .ps-2xl-5 {
        padding-left: 2rem !important;
    }

    .m-2xl-6 {
        margin: 2.5rem !important;
    }

    .mx-2xl-6 {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }

    .my-2xl-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .mt-2xl-6 {
        margin-top: 2.5rem !important;
    }

    .me-2xl-6 {
        margin-right: 2.5rem !important;
    }

    .mb-2xl-6 {
        margin-bottom: 2.5rem !important;
    }

    .ms-2xl-6 {
        margin-left: 2.5rem !important;
    }

    .m-2xl-n6 {
        margin: -2.5rem !important;
    }

    .mx-2xl-n6 {
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }

    .my-2xl-n6 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important;
    }

    .mt-2xl-n6 {
        margin-top: -2.5rem !important;
    }

    .me-2xl-n6 {
        margin-right: -2.5rem !important;
    }

    .mb-2xl-n6 {
        margin-bottom: -2.5rem !important;
    }

    .ms-2xl-n6 {
        margin-left: -2.5rem !important;
    }

    .p-2xl-6 {
        padding: 2.5rem !important;
    }

    .px-2xl-6 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .py-2xl-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pt-2xl-6 {
        padding-top: 2.5rem !important;
    }

    .pe-2xl-6 {
        padding-right: 2.5rem !important;
    }

    .pb-2xl-6 {
        padding-bottom: 2.5rem !important;
    }

    .ps-2xl-6 {
        padding-left: 2.5rem !important;
    }

    .m-2xl-7 {
        margin: 3rem !important;
    }

    .mx-2xl-7 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .my-2xl-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-2xl-7 {
        margin-top: 3rem !important;
    }

    .me-2xl-7 {
        margin-right: 3rem !important;
    }

    .mb-2xl-7 {
        margin-bottom: 3rem !important;
    }

    .ms-2xl-7 {
        margin-left: 3rem !important;
    }

    .m-2xl-n7 {
        margin: -3rem !important;
    }

    .mx-2xl-n7 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .my-2xl-n7 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-2xl-n7 {
        margin-top: -3rem !important;
    }

    .me-2xl-n7 {
        margin-right: -3rem !important;
    }

    .mb-2xl-n7 {
        margin-bottom: -3rem !important;
    }

    .ms-2xl-n7 {
        margin-left: -3rem !important;
    }

    .p-2xl-7 {
        padding: 3rem !important;
    }

    .px-2xl-7 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .py-2xl-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-2xl-7 {
        padding-top: 3rem !important;
    }

    .pe-2xl-7 {
        padding-right: 3rem !important;
    }

    .pb-2xl-7 {
        padding-bottom: 3rem !important;
    }

    .ps-2xl-7 {
        padding-left: 3rem !important;
    }

    .m-2xl-8 {
        margin: 3.5rem !important;
    }

    .mx-2xl-8 {
        margin-left: 3.5rem !important;
        margin-right: 3.5rem !important;
    }

    .my-2xl-8 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important;
    }

    .mt-2xl-8 {
        margin-top: 3.5rem !important;
    }

    .me-2xl-8 {
        margin-right: 3.5rem !important;
    }

    .mb-2xl-8 {
        margin-bottom: 3.5rem !important;
    }

    .ms-2xl-8 {
        margin-left: 3.5rem !important;
    }

    .m-2xl-n8 {
        margin: -3.5rem !important;
    }

    .mx-2xl-n8 {
        margin-left: -3.5rem !important;
        margin-right: -3.5rem !important;
    }

    .my-2xl-n8 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important;
    }

    .mt-2xl-n8 {
        margin-top: -3.5rem !important;
    }

    .me-2xl-n8 {
        margin-right: -3.5rem !important;
    }

    .mb-2xl-n8 {
        margin-bottom: -3.5rem !important;
    }

    .ms-2xl-n8 {
        margin-left: -3.5rem !important;
    }

    .p-2xl-8 {
        padding: 3.5rem !important;
    }

    .px-2xl-8 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .py-2xl-8 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-2xl-8 {
        padding-top: 3.5rem !important;
    }

    .pe-2xl-8 {
        padding-right: 3.5rem !important;
    }

    .pb-2xl-8 {
        padding-bottom: 3.5rem !important;
    }

    .ps-2xl-8 {
        padding-left: 3.5rem !important;
    }

    .m-2xl-9 {
        margin: 4rem !important;
    }

    .mx-2xl-9 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .my-2xl-9 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-2xl-9 {
        margin-top: 4rem !important;
    }

    .me-2xl-9 {
        margin-right: 4rem !important;
    }

    .mb-2xl-9 {
        margin-bottom: 4rem !important;
    }

    .ms-2xl-9 {
        margin-left: 4rem !important;
    }

    .m-2xl-n9 {
        margin: -4rem !important;
    }

    .mx-2xl-n9 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .my-2xl-n9 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .mt-2xl-n9 {
        margin-top: -4rem !important;
    }

    .me-2xl-n9 {
        margin-right: -4rem !important;
    }

    .mb-2xl-n9 {
        margin-bottom: -4rem !important;
    }

    .ms-2xl-n9 {
        margin-left: -4rem !important;
    }

    .p-2xl-9 {
        padding: 4rem !important;
    }

    .px-2xl-9 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-2xl-9 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-2xl-9 {
        padding-top: 4rem !important;
    }

    .pe-2xl-9 {
        padding-right: 4rem !important;
    }

    .pb-2xl-9 {
        padding-bottom: 4rem !important;
    }

    .ps-2xl-9 {
        padding-left: 4rem !important;
    }

    .m-2xl-10 {
        margin: 4.5rem !important;
    }

    .mx-2xl-10 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .my-2xl-10 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important;
    }

    .mt-2xl-10 {
        margin-top: 4.5rem !important;
    }

    .me-2xl-10 {
        margin-right: 4.5rem !important;
    }

    .mb-2xl-10 {
        margin-bottom: 4.5rem !important;
    }

    .ms-2xl-10 {
        margin-left: 4.5rem !important;
    }

    .m-2xl-n10 {
        margin: -4.5rem !important;
    }

    .mx-2xl-n10 {
        margin-left: -4.5rem !important;
        margin-right: -4.5rem !important;
    }

    .my-2xl-n10 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important;
    }

    .mt-2xl-n10 {
        margin-top: -4.5rem !important;
    }

    .me-2xl-n10 {
        margin-right: -4.5rem !important;
    }

    .mb-2xl-n10 {
        margin-bottom: -4.5rem !important;
    }

    .ms-2xl-n10 {
        margin-left: -4.5rem !important;
    }

    .p-2xl-10 {
        padding: 4.5rem !important;
    }

    .px-2xl-10 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }

    .py-2xl-10 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pt-2xl-10 {
        padding-top: 4.5rem !important;
    }

    .pe-2xl-10 {
        padding-right: 4.5rem !important;
    }

    .pb-2xl-10 {
        padding-bottom: 4.5rem !important;
    }

    .ps-2xl-10 {
        padding-left: 4.5rem !important;
    }

    .m-2xl-11 {
        margin: 5rem !important;
    }

    .mx-2xl-11 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .my-2xl-11 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-2xl-11 {
        margin-top: 5rem !important;
    }

    .me-2xl-11 {
        margin-right: 5rem !important;
    }

    .mb-2xl-11 {
        margin-bottom: 5rem !important;
    }

    .ms-2xl-11 {
        margin-left: 5rem !important;
    }

    .m-2xl-n11 {
        margin: -5rem !important;
    }

    .mx-2xl-n11 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .my-2xl-n11 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .mt-2xl-n11 {
        margin-top: -5rem !important;
    }

    .me-2xl-n11 {
        margin-right: -5rem !important;
    }

    .mb-2xl-n11 {
        margin-bottom: -5rem !important;
    }

    .ms-2xl-n11 {
        margin-left: -5rem !important;
    }

    .p-2xl-11 {
        padding: 5rem !important;
    }

    .px-2xl-11 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .py-2xl-11 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .pt-2xl-11 {
        padding-top: 5rem !important;
    }

    .pe-2xl-11 {
        padding-right: 5rem !important;
    }

    .pb-2xl-11 {
        padding-bottom: 5rem !important;
    }

    .ps-2xl-11 {
        padding-left: 5rem !important;
    }

    .m-2xl-12 {
        margin: 5.5rem !important;
    }

    .mx-2xl-12 {
        margin-left: 5.5rem !important;
        margin-right: 5.5rem !important;
    }

    .my-2xl-12 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important;
    }

    .mt-2xl-12 {
        margin-top: 5.5rem !important;
    }

    .me-2xl-12 {
        margin-right: 5.5rem !important;
    }

    .mb-2xl-12 {
        margin-bottom: 5.5rem !important;
    }

    .ms-2xl-12 {
        margin-left: 5.5rem !important;
    }

    .m-2xl-n12 {
        margin: -5.5rem !important;
    }

    .mx-2xl-n12 {
        margin-left: -5.5rem !important;
        margin-right: -5.5rem !important;
    }

    .my-2xl-n12 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important;
    }

    .mt-2xl-n12 {
        margin-top: -5.5rem !important;
    }

    .me-2xl-n12 {
        margin-right: -5.5rem !important;
    }

    .mb-2xl-n12 {
        margin-bottom: -5.5rem !important;
    }

    .ms-2xl-n12 {
        margin-left: -5.5rem !important;
    }

    .p-2xl-12 {
        padding: 5.5rem !important;
    }

    .px-2xl-12 {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }

    .py-2xl-12 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }

    .pt-2xl-12 {
        padding-top: 5.5rem !important;
    }

    .pe-2xl-12 {
        padding-right: 5.5rem !important;
    }

    .pb-2xl-12 {
        padding-bottom: 5.5rem !important;
    }

    .ps-2xl-12 {
        padding-left: 5.5rem !important;
    }

    .m-2xl-13 {
        margin: 6rem !important;
    }

    .mx-2xl-13 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .my-2xl-13 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .mt-2xl-13 {
        margin-top: 6rem !important;
    }

    .me-2xl-13 {
        margin-right: 6rem !important;
    }

    .mb-2xl-13 {
        margin-bottom: 6rem !important;
    }

    .ms-2xl-13 {
        margin-left: 6rem !important;
    }

    .m-2xl-n13 {
        margin: -6rem !important;
    }

    .mx-2xl-n13 {
        margin-left: -6rem !important;
        margin-right: -6rem !important;
    }

    .my-2xl-n13 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .mt-2xl-n13 {
        margin-top: -6rem !important;
    }

    .me-2xl-n13 {
        margin-right: -6rem !important;
    }

    .mb-2xl-n13 {
        margin-bottom: -6rem !important;
    }

    .ms-2xl-n13 {
        margin-left: -6rem !important;
    }

    .p-2xl-13 {
        padding: 6rem !important;
    }

    .px-2xl-13 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .py-2xl-13 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .pt-2xl-13 {
        padding-top: 6rem !important;
    }

    .pe-2xl-13 {
        padding-right: 6rem !important;
    }

    .pb-2xl-13 {
        padding-bottom: 6rem !important;
    }

    .ps-2xl-13 {
        padding-left: 6rem !important;
    }

    .m-2xl-14 {
        margin: 6.5rem !important;
    }

    .mx-2xl-14 {
        margin-left: 6.5rem !important;
        margin-right: 6.5rem !important;
    }

    .my-2xl-14 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important;
    }

    .mt-2xl-14 {
        margin-top: 6.5rem !important;
    }

    .me-2xl-14 {
        margin-right: 6.5rem !important;
    }

    .mb-2xl-14 {
        margin-bottom: 6.5rem !important;
    }

    .ms-2xl-14 {
        margin-left: 6.5rem !important;
    }

    .m-2xl-n14 {
        margin: -6.5rem !important;
    }

    .mx-2xl-n14 {
        margin-left: -6.5rem !important;
        margin-right: -6.5rem !important;
    }

    .my-2xl-n14 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important;
    }

    .mt-2xl-n14 {
        margin-top: -6.5rem !important;
    }

    .me-2xl-n14 {
        margin-right: -6.5rem !important;
    }

    .mb-2xl-n14 {
        margin-bottom: -6.5rem !important;
    }

    .ms-2xl-n14 {
        margin-left: -6.5rem !important;
    }

    .p-2xl-14 {
        padding: 6.5rem !important;
    }

    .px-2xl-14 {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }

    .py-2xl-14 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important;
    }

    .pt-2xl-14 {
        padding-top: 6.5rem !important;
    }

    .pe-2xl-14 {
        padding-right: 6.5rem !important;
    }

    .pb-2xl-14 {
        padding-bottom: 6.5rem !important;
    }

    .ps-2xl-14 {
        padding-left: 6.5rem !important;
    }

    .m-2xl-15 {
        margin: 7.5rem !important;
    }

    .mx-2xl-15 {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important;
    }

    .my-2xl-15 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-2xl-15 {
        margin-top: 7.5rem !important;
    }

    .me-2xl-15 {
        margin-right: 7.5rem !important;
    }

    .mb-2xl-15 {
        margin-bottom: 7.5rem !important;
    }

    .ms-2xl-15 {
        margin-left: 7.5rem !important;
    }

    .m-2xl-n15 {
        margin: -7.5rem !important;
    }

    .mx-2xl-n15 {
        margin-left: -7.5rem !important;
        margin-right: -7.5rem !important;
    }

    .my-2xl-n15 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important;
    }

    .mt-2xl-n15 {
        margin-top: -7.5rem !important;
    }

    .me-2xl-n15 {
        margin-right: -7.5rem !important;
    }

    .mb-2xl-n15 {
        margin-bottom: -7.5rem !important;
    }

    .ms-2xl-n15 {
        margin-left: -7.5rem !important;
    }

    .p-2xl-15 {
        padding: 7.5rem !important;
    }

    .px-2xl-15 {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }

    .py-2xl-15 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }

    .pt-2xl-15 {
        padding-top: 7.5rem !important;
    }

    .pe-2xl-15 {
        padding-right: 7.5rem !important;
    }

    .pb-2xl-15 {
        padding-bottom: 7.5rem !important;
    }

    .ps-2xl-15 {
        padding-left: 7.5rem !important;
    }

    .m-2xl-16 {
        margin: 8.5rem !important;
    }

    .mx-2xl-16 {
        margin-left: 8.5rem !important;
        margin-right: 8.5rem !important;
    }

    .my-2xl-16 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important;
    }

    .mt-2xl-16 {
        margin-top: 8.5rem !important;
    }

    .me-2xl-16 {
        margin-right: 8.5rem !important;
    }

    .mb-2xl-16 {
        margin-bottom: 8.5rem !important;
    }

    .ms-2xl-16 {
        margin-left: 8.5rem !important;
    }

    .m-2xl-n16 {
        margin: -8.5rem !important;
    }

    .mx-2xl-n16 {
        margin-left: -8.5rem !important;
        margin-right: -8.5rem !important;
    }

    .my-2xl-n16 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important;
    }

    .mt-2xl-n16 {
        margin-top: -8.5rem !important;
    }

    .me-2xl-n16 {
        margin-right: -8.5rem !important;
    }

    .mb-2xl-n16 {
        margin-bottom: -8.5rem !important;
    }

    .ms-2xl-n16 {
        margin-left: -8.5rem !important;
    }

    .p-2xl-16 {
        padding: 8.5rem !important;
    }

    .px-2xl-16 {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }

    .py-2xl-16 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important;
    }

    .pt-2xl-16 {
        padding-top: 8.5rem !important;
    }

    .pe-2xl-16 {
        padding-right: 8.5rem !important;
    }

    .pb-2xl-16 {
        padding-bottom: 8.5rem !important;
    }

    .ps-2xl-16 {
        padding-left: 8.5rem !important;
    }

    .m-2xl-17 {
        margin: 9.5rem !important;
    }

    .mx-2xl-17 {
        margin-left: 9.5rem !important;
        margin-right: 9.5rem !important;
    }

    .my-2xl-17 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important;
    }

    .mt-2xl-17 {
        margin-top: 9.5rem !important;
    }

    .me-2xl-17 {
        margin-right: 9.5rem !important;
    }

    .mb-2xl-17 {
        margin-bottom: 9.5rem !important;
    }

    .ms-2xl-17 {
        margin-left: 9.5rem !important;
    }

    .m-2xl-n17 {
        margin: -9.5rem !important;
    }

    .mx-2xl-n17 {
        margin-left: -9.5rem !important;
        margin-right: -9.5rem !important;
    }

    .my-2xl-n17 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important;
    }

    .mt-2xl-n17 {
        margin-top: -9.5rem !important;
    }

    .me-2xl-n17 {
        margin-right: -9.5rem !important;
    }

    .mb-2xl-n17 {
        margin-bottom: -9.5rem !important;
    }

    .ms-2xl-n17 {
        margin-left: -9.5rem !important;
    }

    .p-2xl-17 {
        padding: 9.5rem !important;
    }

    .px-2xl-17 {
        padding-left: 9.5rem !important;
        padding-right: 9.5rem !important;
    }

    .py-2xl-17 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important;
    }

    .pt-2xl-17 {
        padding-top: 9.5rem !important;
    }

    .pe-2xl-17 {
        padding-right: 9.5rem !important;
    }

    .pb-2xl-17 {
        padding-bottom: 9.5rem !important;
    }

    .ps-2xl-17 {
        padding-left: 9.5rem !important;
    }

    .m-2xl-18 {
        margin: 10.5rem !important;
    }

    .mx-2xl-18 {
        margin-left: 10.5rem !important;
        margin-right: 10.5rem !important;
    }

    .my-2xl-18 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important;
    }

    .mt-2xl-18 {
        margin-top: 10.5rem !important;
    }

    .me-2xl-18 {
        margin-right: 10.5rem !important;
    }

    .mb-2xl-18 {
        margin-bottom: 10.5rem !important;
    }

    .ms-2xl-18 {
        margin-left: 10.5rem !important;
    }

    .m-2xl-n18 {
        margin: -10.5rem !important;
    }

    .mx-2xl-n18 {
        margin-left: -10.5rem !important;
        margin-right: -10.5rem !important;
    }

    .my-2xl-n18 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important;
    }

    .mt-2xl-n18 {
        margin-top: -10.5rem !important;
    }

    .me-2xl-n18 {
        margin-right: -10.5rem !important;
    }

    .mb-2xl-n18 {
        margin-bottom: -10.5rem !important;
    }

    .ms-2xl-n18 {
        margin-left: -10.5rem !important;
    }

    .p-2xl-18 {
        padding: 10.5rem !important;
    }

    .px-2xl-18 {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important;
    }

    .py-2xl-18 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important;
    }

    .pt-2xl-18 {
        padding-top: 10.5rem !important;
    }

    .pe-2xl-18 {
        padding-right: 10.5rem !important;
    }

    .pb-2xl-18 {
        padding-bottom: 10.5rem !important;
    }

    .ps-2xl-18 {
        padding-left: 10.5rem !important;
    }

    .m-2xl-19 {
        margin: 11.5rem !important;
    }

    .mx-2xl-19 {
        margin-left: 11.5rem !important;
        margin-right: 11.5rem !important;
    }

    .my-2xl-19 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important;
    }

    .mt-2xl-19 {
        margin-top: 11.5rem !important;
    }

    .me-2xl-19 {
        margin-right: 11.5rem !important;
    }

    .mb-2xl-19 {
        margin-bottom: 11.5rem !important;
    }

    .ms-2xl-19 {
        margin-left: 11.5rem !important;
    }

    .m-2xl-n19 {
        margin: -11.5rem !important;
    }

    .mx-2xl-n19 {
        margin-left: -11.5rem !important;
        margin-right: -11.5rem !important;
    }

    .my-2xl-n19 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important;
    }

    .mt-2xl-n19 {
        margin-top: -11.5rem !important;
    }

    .me-2xl-n19 {
        margin-right: -11.5rem !important;
    }

    .mb-2xl-n19 {
        margin-bottom: -11.5rem !important;
    }

    .ms-2xl-n19 {
        margin-left: -11.5rem !important;
    }

    .p-2xl-19 {
        padding: 11.5rem !important;
    }

    .px-2xl-19 {
        padding-left: 11.5rem !important;
        padding-right: 11.5rem !important;
    }

    .py-2xl-19 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important;
    }

    .pt-2xl-19 {
        padding-top: 11.5rem !important;
    }

    .pe-2xl-19 {
        padding-right: 11.5rem !important;
    }

    .pb-2xl-19 {
        padding-bottom: 11.5rem !important;
    }

    .ps-2xl-19 {
        padding-left: 11.5rem !important;
    }

    .m-2xl-20 {
        margin: 12.5rem !important;
    }

    .mx-2xl-20 {
        margin-left: 12.5rem !important;
        margin-right: 12.5rem !important;
    }

    .my-2xl-20 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important;
    }

    .mt-2xl-20 {
        margin-top: 12.5rem !important;
    }

    .me-2xl-20 {
        margin-right: 12.5rem !important;
    }

    .mb-2xl-20 {
        margin-bottom: 12.5rem !important;
    }

    .ms-2xl-20 {
        margin-left: 12.5rem !important;
    }

    .m-2xl-n20 {
        margin: -12.5rem !important;
    }

    .mx-2xl-n20 {
        margin-left: -12.5rem !important;
        margin-right: -12.5rem !important;
    }

    .my-2xl-n20 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important;
    }

    .mt-2xl-n20 {
        margin-top: -12.5rem !important;
    }

    .me-2xl-n20 {
        margin-right: -12.5rem !important;
    }

    .mb-2xl-n20 {
        margin-bottom: -12.5rem !important;
    }

    .ms-2xl-n20 {
        margin-left: -12.5rem !important;
    }

    .p-2xl-20 {
        padding: 12.5rem !important;
    }

    .px-2xl-20 {
        padding-left: 12.5rem !important;
        padding-right: 12.5rem !important;
    }

    .py-2xl-20 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important;
    }

    .pt-2xl-20 {
        padding-top: 12.5rem !important;
    }

    .pe-2xl-20 {
        padding-right: 12.5rem !important;
    }

    .pb-2xl-20 {
        padding-bottom: 12.5rem !important;
    }

    .ps-2xl-20 {
        padding-left: 12.5rem !important;
    }
}

/* =========================================================================
   Google Fonts Import
   ========================================================================= */
/* =========================================================================
   Font Family Variables
   ========================================================================= */
/* =========================================================================
   Font Family Utility Classes
   ========================================================================= */
.font-serif {
    font-family: var(--font-serif) !important;
}

.font-sans-serif {
    font-family: var(--font-sans-serif) !important;
}

.font-primary {
    font-family: var(--font-primary) !important;
}

.font-handwriting {
    font-family: var(--font-handwriting) !important;
}

.font-monospace {
    font-family: var(--font-monospace) !important;
}

/* =========================================================================
   Font Size Variables
   ========================================================================= */
/* =========================================================================
   Font Size Utility Classes (.fs-*)
   ========================================================================= */
.fs-xs {
    font-size: var(--text-xs) !important;
}

.fs-sm {
    font-size: var(--text-sm) !important;
}

.fs-md {
    font-size: var(--text-md) !important;
}

.fs-lg {
    font-size: var(--text-lg) !important;
}

.fs-xl {
    font-size: var(--text-xl) !important;
}

.fs-2xl {
    font-size: var(--text-2xl) !important;
}

.fs-base {
    font-size: var(--text-base) !important;
}

/* =========================================================================
   Headings (h1–h6 and .h1–.h6)
   ========================================================================= */
h1,
.h1 {
    color: var(--neutral-950);
    font-family: var(--font-primary);
    font-size: var(--h1) !important;
}

h2,
.h2 {
    color: var(--neutral-950);
    font-family: var(--font-primary);
    font-size: var(--h2) !important;
}

h3,
.h3 {
    color: var(--neutral-950);
    font-family: var(--font-primary);
    font-size: var(--h3) !important;
}

h4,
.h4 {
    color: var(--neutral-950);
    font-family: var(--font-primary);
    font-size: var(--h4) !important;
}

h5,
.h5 {
    color: var(--neutral-950);
    font-family: var(--font-primary);
    font-size: var(--h5) !important;
}

h6,
.h6 {
    color: var(--neutral-950);
    font-family: var(--font-primary);
    font-size: var(--h6) !important;
}

/* =========================================================================
   Display Headings (.display-1 to .display-6)
   ========================================================================= */
.display-1 {
    font-size: var(--display-1) !important;
}

.display-2 {
    font-size: var(--display-2) !important;
}

.display-3 {
    font-size: var(--display-3) !important;
}

.display-4 {
    font-size: var(--display-4) !important;
}

.display-5 {
    font-size: var(--display-5) !important;
}

.display-6 {
    font-size: var(--display-6) !important;
}

.display-7 {
    font-size: var(--display-7) !important;
}

/* =========================================================================
   Letter Spacing Utility Classes (.ls-*)
   ========================================================================= */
.ls-xs {
    letter-spacing: var(--ls-xs);
}

.ls-sm {
    letter-spacing: var(--ls-sm);
}

.ls-md {
    letter-spacing: var(--ls-md);
}

.ls-lg {
    letter-spacing: var(--ls-lg);
}

.ls-xl {
    letter-spacing: var(--ls-xl);
}

.ls-2xl {
    letter-spacing: var(--ls-2xl);
}

/* =========================================================================
   Anchor Link Styles
   ========================================================================= */
a {
    color: var(--blue-700);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--blue-900);
}

a.underline {
    text-decoration: underline;
}

a.underline:hover,
a.underline:focus {
    color: var(--blue-900);
}

a.hover-underline {
    color: var(--blue-700);
    text-decoration: none;
    position: relative;
}

a.hover-underline:hover,
a.hover-underline:focus {
    color: var(--blue-900);
}

/* =========================================================================
   Lead Text Utility (.lead)
   ========================================================================= */
.lead {
    font-size: var(--text-lead) !important;
    font-weight: 400 !important;
}

/* =========================================================================
   Base Body Font Size
   ========================================================================= */
body {
    --base-font-size: var(--text-base);
    font-size: var(--base-font-size);
}

/* =========================================================================
   Component Styles Consolidation
   ========================================================================= */
/* =========================================================================
   Button Styles
   ========================================================================= */
.btn {
    --bs-btn-padding-x: var(--btn-padding-x);
    --bs-btn-padding-y: var(--btn-padding-y);
    --bs-btn-font-size: var(--btn-text);
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-weight: 500;
    min-width: var(--btn-size);
    min-height: var(--btn-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    line-height: 1.25;
}

.btn.icon {
    padding: 0;
    min-width: 2.375rem;
    min-height: 2.375rem;
}

.btn.icon i {
    font-size: 0.875rem;
}

.btn[class*=btn-expand] {
    background: transparent !important;
    border: transparent !important;
    position: relative;
    padding: 0 1.25rem 0 0;
}

.btn[class*=btn-expand]:hover {
    background-color: transparent !important;
    border: transparent !important;
    color: var(--white) !important;
}

.btn[class*=btn-expand]:hover:before {
    width: 100%;
}

.btn[class*=btn-expand]:hover .icon--block {
    left: 0.25rem;
}

.btn[class*=btn-expand]:hover span {
    padding-left: 2.7rem;
    padding-right: 0.3rem;
}

.btn[class*=btn-expand]:before {
    content: "";
    transition: all 0.5s cubic-bezier(0.4, 1.7, 0.7, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3rem;
    z-index: 0;
    height: 100%;
    width: 2.375rem;
}

.btn[class*=btn-expand] .icon--block {
    position: absolute;
    height: 100%;
    width: 2.375rem;
    z-index: 1;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s cubic-bezier(0.65, 0, 0.076, 1);
}

.btn[class*=btn-expand] span {
    padding-left: 3rem;
    position: relative;
    z-index: 3;
    transition: all 0.2s ease;
}

.btn.disabled,
.btn:disabled {
    opacity: var(--opacity-60);
}

.btn-light {
    background-color: var(--light) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--light) !important;
}

.btn-light:hover,
.btn-light:focus-visible {
    background-color: var(--light-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--light-dark) !important;
}

.btn-outline-light {
    background-color: transparent !important;
    color: var(--light) !important;
    border-color: var(--light) !important;
}

.btn-outline-light:hover,
.btn-outline-light:focus-visible {
    background-color: transparent !important;
    color: var(--light-dark) !important;
    border-color: var(--light-dark) !important;
}

.btn-soft-light {
    background-color: rgba(var(--light-rgb), var(--opacity-10)) !important;
    color: var(--light) !important;
    border-color: rgba(var(--light-rgb), var(--opacity-0)) !important;
}

.btn-soft-light:hover,
.btn-soft-light:focus-visible {
    background-color: rgba(var(--light-rgb), var(--opacity-20)) !important;
}

.btn-ghost-light {
    background-color: rgba(var(--light-rgb), var(--opacity-0)) !important;
    color: var(--light) !important;
    border-color: rgba(var(--light-rgb), var(--opacity-0)) !important;
}

.btn-ghost-light:hover,
.btn-ghost-light:focus-visible {
    background-color: rgba(var(--light-rgb), var(--opacity-20)) !important;
}

.btn-link-light {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--light) !important;
    border-color: transparent !important;
}

.btn-link-light:hover,
.btn-link-light:focus-visible {
    background-color: transparent !important;
    color: var(--light-dark) !important;
    border-color: transparent !important;
}

.btn-expand-light {
    color: var(--light);
}

.btn-expand-light:before {
    background-color: var(--light);
}

.btn-expand-light i,
.btn-expand-light SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-dark {
    background-color: var(--dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--dark) !important;
}

.btn-dark:hover,
.btn-dark:focus-visible {
    background-color: var(--dark-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--dark-dark) !important;
}

.btn-outline-dark {
    background-color: transparent !important;
    color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus-visible {
    background-color: transparent !important;
    color: var(--dark-dark) !important;
    border-color: var(--dark-dark) !important;
}

.btn-soft-dark {
    background-color: rgba(var(--dark-rgb), var(--opacity-10)) !important;
    color: var(--dark) !important;
    border-color: rgba(var(--dark-rgb), var(--opacity-0)) !important;
}

.btn-soft-dark:hover,
.btn-soft-dark:focus-visible {
    background-color: rgba(var(--dark-rgb), var(--opacity-20)) !important;
}

.btn-ghost-dark {
    background-color: rgba(var(--dark-rgb), var(--opacity-0)) !important;
    color: var(--dark) !important;
    border-color: rgba(var(--dark-rgb), var(--opacity-0)) !important;
}

.btn-ghost-dark:hover,
.btn-ghost-dark:focus-visible {
    background-color: rgba(var(--dark-rgb), var(--opacity-20)) !important;
}

.btn-link-dark {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--dark) !important;
    border-color: transparent !important;
}

.btn-link-dark:hover,
.btn-link-dark:focus-visible {
    background-color: transparent !important;
    color: var(--dark-dark) !important;
    border-color: transparent !important;
}

.btn-expand-dark {
    color: var(--dark);
}

.btn-expand-dark:before {
    background-color: var(--dark);
}

.btn-expand-dark i,
.btn-expand-dark SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-primary {
    background-color: var(--primary) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
    background-color: var(--primary-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--primary-dark) !important;
}

.btn-outline-primary {
    background-color: transparent !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
    background-color: transparent !important;
    color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-soft-primary {
    background-color: rgba(var(--primary-rgb), var(--opacity-10)) !important;
    color: var(--primary) !important;
    border-color: rgba(var(--primary-rgb), var(--opacity-0)) !important;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus-visible {
    background-color: rgba(var(--primary-rgb), var(--opacity-20)) !important;
}

.btn-ghost-primary {
    background-color: rgba(var(--primary-rgb), var(--opacity-0)) !important;
    color: var(--primary) !important;
    border-color: rgba(var(--primary-rgb), var(--opacity-0)) !important;
}

.btn-ghost-primary:hover,
.btn-ghost-primary:focus-visible {
    background-color: rgba(var(--primary-rgb), var(--opacity-20)) !important;
}

.btn-link-primary {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--primary) !important;
    border-color: transparent !important;
}

.btn-link-primary:hover,
.btn-link-primary:focus-visible {
    background-color: transparent !important;
    color: var(--primary-dark) !important;
    border-color: transparent !important;
}

.btn-expand-primary {
    color: var(--primary);
}

.btn-expand-primary:before {
    background-color: var(--primary);
}

.btn-expand-primary i,
.btn-expand-primary SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-secondary {
    background-color: var(--secondary) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--secondary) !important;
}

.btn-secondary:hover,
.btn-secondary:focus-visible {
    background-color: var(--secondary-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--secondary-dark) !important;
}

.btn-outline-secondary {
    background-color: transparent !important;
    color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus-visible {
    background-color: transparent !important;
    color: var(--secondary-dark) !important;
    border-color: var(--secondary-dark) !important;
}

.btn-soft-secondary {
    background-color: rgba(var(--secondary-rgb), var(--opacity-10)) !important;
    color: var(--secondary) !important;
    border-color: rgba(var(--secondary-rgb), var(--opacity-0)) !important;
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus-visible {
    background-color: rgba(var(--secondary-rgb), var(--opacity-20)) !important;
}

.btn-ghost-secondary {
    background-color: rgba(var(--secondary-rgb), var(--opacity-0)) !important;
    color: var(--secondary) !important;
    border-color: rgba(var(--secondary-rgb), var(--opacity-0)) !important;
}

.btn-ghost-secondary:hover,
.btn-ghost-secondary:focus-visible {
    background-color: rgba(var(--secondary-rgb), var(--opacity-20)) !important;
}

.btn-link-secondary {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--secondary) !important;
    border-color: transparent !important;
}

.btn-link-secondary:hover,
.btn-link-secondary:focus-visible {
    background-color: transparent !important;
    color: var(--secondary-dark) !important;
    border-color: transparent !important;
}

.btn-expand-secondary {
    color: var(--secondary);
}

.btn-expand-secondary:before {
    background-color: var(--secondary);
}

.btn-expand-secondary i,
.btn-expand-secondary SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-success {
    background-color: var(--success) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--success) !important;
}

.btn-success:hover,
.btn-success:focus-visible {
    background-color: var(--success-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--success-dark) !important;
}

.btn-outline-success {
    background-color: transparent !important;
    color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus-visible {
    background-color: transparent !important;
    color: var(--success-dark) !important;
    border-color: var(--success-dark) !important;
}

.btn-soft-success {
    background-color: rgba(var(--success-rgb), var(--opacity-10)) !important;
    color: var(--success) !important;
    border-color: rgba(var(--success-rgb), var(--opacity-0)) !important;
}

.btn-soft-success:hover,
.btn-soft-success:focus-visible {
    background-color: rgba(var(--success-rgb), var(--opacity-20)) !important;
}

.btn-ghost-success {
    background-color: rgba(var(--success-rgb), var(--opacity-0)) !important;
    color: var(--success) !important;
    border-color: rgba(var(--success-rgb), var(--opacity-0)) !important;
}

.btn-ghost-success:hover,
.btn-ghost-success:focus-visible {
    background-color: rgba(var(--success-rgb), var(--opacity-20)) !important;
}

.btn-link-success {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--success) !important;
    border-color: transparent !important;
}

.btn-link-success:hover,
.btn-link-success:focus-visible {
    background-color: transparent !important;
    color: var(--success-dark) !important;
    border-color: transparent !important;
}

.btn-expand-success {
    color: var(--success);
}

.btn-expand-success:before {
    background-color: var(--success);
}

.btn-expand-success i,
.btn-expand-success SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-danger {
    background-color: var(--danger) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--danger) !important;
}

.btn-danger:hover,
.btn-danger:focus-visible {
    background-color: var(--danger-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--danger-dark) !important;
}

.btn-outline-danger {
    background-color: transparent !important;
    color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus-visible {
    background-color: transparent !important;
    color: var(--danger-dark) !important;
    border-color: var(--danger-dark) !important;
}

.btn-soft-danger {
    background-color: rgba(var(--danger-rgb), var(--opacity-10)) !important;
    color: var(--danger) !important;
    border-color: rgba(var(--danger-rgb), var(--opacity-0)) !important;
}

.btn-soft-danger:hover,
.btn-soft-danger:focus-visible {
    background-color: rgba(var(--danger-rgb), var(--opacity-20)) !important;
}

.btn-ghost-danger {
    background-color: rgba(var(--danger-rgb), var(--opacity-0)) !important;
    color: var(--danger) !important;
    border-color: rgba(var(--danger-rgb), var(--opacity-0)) !important;
}

.btn-ghost-danger:hover,
.btn-ghost-danger:focus-visible {
    background-color: rgba(var(--danger-rgb), var(--opacity-20)) !important;
}

.btn-link-danger {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--danger) !important;
    border-color: transparent !important;
}

.btn-link-danger:hover,
.btn-link-danger:focus-visible {
    background-color: transparent !important;
    color: var(--danger-dark) !important;
    border-color: transparent !important;
}

.btn-expand-danger {
    color: var(--danger);
}

.btn-expand-danger:before {
    background-color: var(--danger);
}

.btn-expand-danger i,
.btn-expand-danger SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-warning {
    background-color: var(--warning) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--warning) !important;
}

.btn-warning:hover,
.btn-warning:focus-visible {
    background-color: var(--warning-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--warning-dark) !important;
}

.btn-outline-warning {
    background-color: transparent !important;
    color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus-visible {
    background-color: transparent !important;
    color: var(--warning-dark) !important;
    border-color: var(--warning-dark) !important;
}

.btn-soft-warning {
    background-color: rgba(var(--warning-rgb), var(--opacity-10)) !important;
    color: var(--warning) !important;
    border-color: rgba(var(--warning-rgb), var(--opacity-0)) !important;
}

.btn-soft-warning:hover,
.btn-soft-warning:focus-visible {
    background-color: rgba(var(--warning-rgb), var(--opacity-20)) !important;
}

.btn-ghost-warning {
    background-color: rgba(var(--warning-rgb), var(--opacity-0)) !important;
    color: var(--warning) !important;
    border-color: rgba(var(--warning-rgb), var(--opacity-0)) !important;
}

.btn-ghost-warning:hover,
.btn-ghost-warning:focus-visible {
    background-color: rgba(var(--warning-rgb), var(--opacity-20)) !important;
}

.btn-link-warning {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--warning) !important;
    border-color: transparent !important;
}

.btn-link-warning:hover,
.btn-link-warning:focus-visible {
    background-color: transparent !important;
    color: var(--warning-dark) !important;
    border-color: transparent !important;
}

.btn-expand-warning {
    color: var(--warning);
}

.btn-expand-warning:before {
    background-color: var(--warning);
}

.btn-expand-warning i,
.btn-expand-warning SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-info {
    background-color: var(--info) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--info) !important;
}

.btn-info:hover,
.btn-info:focus-visible {
    background-color: var(--info-dark) !important;
    color: var(--bs-btn-color) !important;
    border-color: var(--info-dark) !important;
}

.btn-outline-info {
    background-color: transparent !important;
    color: var(--info) !important;
    border-color: var(--info) !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus-visible {
    background-color: transparent !important;
    color: var(--info-dark) !important;
    border-color: var(--info-dark) !important;
}

.btn-soft-info {
    background-color: rgba(var(--info-rgb), var(--opacity-10)) !important;
    color: var(--info) !important;
    border-color: rgba(var(--info-rgb), var(--opacity-0)) !important;
}

.btn-soft-info:hover,
.btn-soft-info:focus-visible {
    background-color: rgba(var(--info-rgb), var(--opacity-20)) !important;
}

.btn-ghost-info {
    background-color: rgba(var(--info-rgb), var(--opacity-0)) !important;
    color: var(--info) !important;
    border-color: rgba(var(--info-rgb), var(--opacity-0)) !important;
}

.btn-ghost-info:hover,
.btn-ghost-info:focus-visible {
    background-color: rgba(var(--info-rgb), var(--opacity-20)) !important;
}

.btn-link-info {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--info) !important;
    border-color: transparent !important;
}

.btn-link-info:hover,
.btn-link-info:focus-visible {
    background-color: transparent !important;
    color: var(--info-dark) !important;
    border-color: transparent !important;
}

.btn-expand-info {
    color: var(--info);
}

.btn-expand-info:before {
    background-color: var(--info);
}

.btn-expand-info i,
.btn-expand-info SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-red {
    background-color: var(--red-700) !important;
    color: var(--white) !important;
    border-color: var(--red-700) !important;
}

.btn-red:hover,
.btn-red:focus-visible {
    background-color: var(--red-800) !important;
    color: var(--white) !important;
    border-color: var(--red-800) !important;
}

.btn-outline-red {
    background-color: transparent !important;
    color: var(--red-700) !important;
    border-color: var(--red-700) !important;
}

.btn-outline-red:hover,
.btn-outline-red:focus-visible {
    background-color: transparent !important;
    color: var(--red-800) !important;
    border-color: var(--red-800) !important;
}

.btn-soft-red {
    background-color: rgba(var(--red-rgb), var(--opacity-10)) !important;
    color: var(--red-700) !important;
    border-color: rgba(var(--red-rgb), var(--opacity-0)) !important;
}

.btn-soft-red:hover,
.btn-soft-red:focus-visible {
    background-color: rgba(var(--red-rgb), var(--opacity-20)) !important;
}

.btn-ghost-red {
    background-color: rgba(var(--red-rgb), var(--opacity-0)) !important;
    color: var(--red-700) !important;
    border-color: rgba(var(--red-rgb), var(--opacity-0)) !important;
}

.btn-ghost-red:hover,
.btn-ghost-red:focus-visible {
    background-color: rgba(var(--red-rgb), var(--opacity-20)) !important;
}

.btn-link-red {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--red-700) !important;
    border-color: transparent !important;
}

.btn-link-red:hover,
.btn-link-red:focus-visible {
    background-color: transparent !important;
    color: var(--red-700) !important;
    border-color: transparent !important;
}

.btn-expand-red {
    color: var(--red-700);
}

.btn-expand-red:before {
    background-color: var(--red-700);
}

.btn-expand-red i,
.btn-expand-red SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-orange {
    background-color: var(--orange-700) !important;
    color: var(--white) !important;
    border-color: var(--orange-700) !important;
}

.btn-orange:hover,
.btn-orange:focus-visible {
    background-color: var(--orange-800) !important;
    color: var(--white) !important;
    border-color: var(--orange-800) !important;
}

.btn-outline-orange {
    background-color: transparent !important;
    color: var(--orange-700) !important;
    border-color: var(--orange-700) !important;
}

.btn-outline-orange:hover,
.btn-outline-orange:focus-visible {
    background-color: transparent !important;
    color: var(--orange-800) !important;
    border-color: var(--orange-800) !important;
}

.btn-soft-orange {
    background-color: rgba(var(--orange-rgb), var(--opacity-10)) !important;
    color: var(--orange-700) !important;
    border-color: rgba(var(--orange-rgb), var(--opacity-0)) !important;
}

.btn-soft-orange:hover,
.btn-soft-orange:focus-visible {
    background-color: rgba(var(--orange-rgb), var(--opacity-20)) !important;
}

.btn-ghost-orange {
    background-color: rgba(var(--orange-rgb), var(--opacity-0)) !important;
    color: var(--orange-700) !important;
    border-color: rgba(var(--orange-rgb), var(--opacity-0)) !important;
}

.btn-ghost-orange:hover,
.btn-ghost-orange:focus-visible {
    background-color: rgba(var(--orange-rgb), var(--opacity-20)) !important;
}

.btn-link-orange {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--orange-700) !important;
    border-color: transparent !important;
}

.btn-link-orange:hover,
.btn-link-orange:focus-visible {
    background-color: transparent !important;
    color: var(--orange-700) !important;
    border-color: transparent !important;
}

.btn-expand-orange {
    color: var(--orange-700);
}

.btn-expand-orange:before {
    background-color: var(--orange-700);
}

.btn-expand-orange i,
.btn-expand-orange SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-amber {
    background-color: var(--amber-700) !important;
    color: var(--white) !important;
    border-color: var(--amber-700) !important;
}

.btn-amber:hover,
.btn-amber:focus-visible {
    background-color: var(--amber-800) !important;
    color: var(--white) !important;
    border-color: var(--amber-800) !important;
}

.btn-outline-amber {
    background-color: transparent !important;
    color: var(--amber-700) !important;
    border-color: var(--amber-700) !important;
}

.btn-outline-amber:hover,
.btn-outline-amber:focus-visible {
    background-color: transparent !important;
    color: var(--amber-800) !important;
    border-color: var(--amber-800) !important;
}

.btn-soft-amber {
    background-color: rgba(var(--amber-rgb), var(--opacity-10)) !important;
    color: var(--amber-700) !important;
    border-color: rgba(var(--amber-rgb), var(--opacity-0)) !important;
}

.btn-soft-amber:hover,
.btn-soft-amber:focus-visible {
    background-color: rgba(var(--amber-rgb), var(--opacity-20)) !important;
}

.btn-ghost-amber {
    background-color: rgba(var(--amber-rgb), var(--opacity-0)) !important;
    color: var(--amber-700) !important;
    border-color: rgba(var(--amber-rgb), var(--opacity-0)) !important;
}

.btn-ghost-amber:hover,
.btn-ghost-amber:focus-visible {
    background-color: rgba(var(--amber-rgb), var(--opacity-20)) !important;
}

.btn-link-amber {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--amber-700) !important;
    border-color: transparent !important;
}

.btn-link-amber:hover,
.btn-link-amber:focus-visible {
    background-color: transparent !important;
    color: var(--amber-700) !important;
    border-color: transparent !important;
}

.btn-expand-amber {
    color: var(--amber-700);
}

.btn-expand-amber:before {
    background-color: var(--amber-700);
}

.btn-expand-amber i,
.btn-expand-amber SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-yellow {
    background-color: var(--yellow-700) !important;
    color: var(--white) !important;
    border-color: var(--yellow-700) !important;
}

.btn-yellow:hover,
.btn-yellow:focus-visible {
    background-color: var(--yellow-800) !important;
    color: var(--white) !important;
    border-color: var(--yellow-800) !important;
}

.btn-outline-yellow {
    background-color: transparent !important;
    color: var(--yellow-700) !important;
    border-color: var(--yellow-700) !important;
}

.btn-outline-yellow:hover,
.btn-outline-yellow:focus-visible {
    background-color: transparent !important;
    color: var(--yellow-800) !important;
    border-color: var(--yellow-800) !important;
}

.btn-soft-yellow {
    background-color: rgba(var(--yellow-rgb), var(--opacity-10)) !important;
    color: var(--yellow-700) !important;
    border-color: rgba(var(--yellow-rgb), var(--opacity-0)) !important;
}

.btn-soft-yellow:hover,
.btn-soft-yellow:focus-visible {
    background-color: rgba(var(--yellow-rgb), var(--opacity-20)) !important;
}

.btn-ghost-yellow {
    background-color: rgba(var(--yellow-rgb), var(--opacity-0)) !important;
    color: var(--yellow-700) !important;
    border-color: rgba(var(--yellow-rgb), var(--opacity-0)) !important;
}

.btn-ghost-yellow:hover,
.btn-ghost-yellow:focus-visible {
    background-color: rgba(var(--yellow-rgb), var(--opacity-20)) !important;
}

.btn-link-yellow {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--yellow-700) !important;
    border-color: transparent !important;
}

.btn-link-yellow:hover,
.btn-link-yellow:focus-visible {
    background-color: transparent !important;
    color: var(--yellow-700) !important;
    border-color: transparent !important;
}

.btn-expand-yellow {
    color: var(--yellow-700);
}

.btn-expand-yellow:before {
    background-color: var(--yellow-700);
}

.btn-expand-yellow i,
.btn-expand-yellow SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-lime {
    background-color: var(--lime-700) !important;
    color: var(--white) !important;
    border-color: var(--lime-700) !important;
}

.btn-lime:hover,
.btn-lime:focus-visible {
    background-color: var(--lime-800) !important;
    color: var(--white) !important;
    border-color: var(--lime-800) !important;
}

.btn-outline-lime {
    background-color: transparent !important;
    color: var(--lime-700) !important;
    border-color: var(--lime-700) !important;
}

.btn-outline-lime:hover,
.btn-outline-lime:focus-visible {
    background-color: transparent !important;
    color: var(--lime-800) !important;
    border-color: var(--lime-800) !important;
}

.btn-soft-lime {
    background-color: rgba(var(--lime-rgb), var(--opacity-10)) !important;
    color: var(--lime-700) !important;
    border-color: rgba(var(--lime-rgb), var(--opacity-0)) !important;
}

.btn-soft-lime:hover,
.btn-soft-lime:focus-visible {
    background-color: rgba(var(--lime-rgb), var(--opacity-20)) !important;
}

.btn-ghost-lime {
    background-color: rgba(var(--lime-rgb), var(--opacity-0)) !important;
    color: var(--lime-700) !important;
    border-color: rgba(var(--lime-rgb), var(--opacity-0)) !important;
}

.btn-ghost-lime:hover,
.btn-ghost-lime:focus-visible {
    background-color: rgba(var(--lime-rgb), var(--opacity-20)) !important;
}

.btn-link-lime {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--lime-700) !important;
    border-color: transparent !important;
}

.btn-link-lime:hover,
.btn-link-lime:focus-visible {
    background-color: transparent !important;
    color: var(--lime-700) !important;
    border-color: transparent !important;
}

.btn-expand-lime {
    color: var(--lime-700);
}

.btn-expand-lime:before {
    background-color: var(--lime-700);
}

.btn-expand-lime i,
.btn-expand-lime SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-green {
    background-color: var(--green-700) !important;
    color: var(--white) !important;
    border-color: var(--green-700) !important;
}

.btn-green:hover,
.btn-green:focus-visible {
    background-color: var(--green-800) !important;
    color: var(--white) !important;
    border-color: var(--green-800) !important;
}

.btn-outline-green {
    background-color: transparent !important;
    color: var(--green-700) !important;
    border-color: var(--green-700) !important;
}

.btn-outline-green:hover,
.btn-outline-green:focus-visible {
    background-color: transparent !important;
    color: var(--green-800) !important;
    border-color: var(--green-800) !important;
}

.btn-soft-green {
    background-color: rgba(var(--green-rgb), var(--opacity-10)) !important;
    color: var(--green-700) !important;
    border-color: rgba(var(--green-rgb), var(--opacity-0)) !important;
}

.btn-soft-green:hover,
.btn-soft-green:focus-visible {
    background-color: rgba(var(--green-rgb), var(--opacity-20)) !important;
}

.btn-ghost-green {
    background-color: rgba(var(--green-rgb), var(--opacity-0)) !important;
    color: var(--green-700) !important;
    border-color: rgba(var(--green-rgb), var(--opacity-0)) !important;
}

.btn-ghost-green:hover,
.btn-ghost-green:focus-visible {
    background-color: rgba(var(--green-rgb), var(--opacity-20)) !important;
}

.btn-link-green {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--green-700) !important;
    border-color: transparent !important;
}

.btn-link-green:hover,
.btn-link-green:focus-visible {
    background-color: transparent !important;
    color: var(--green-700) !important;
    border-color: transparent !important;
}

.btn-expand-green {
    color: var(--green-700);
}

.btn-expand-green:before {
    background-color: var(--green-700);
}

.btn-expand-green i,
.btn-expand-green SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-emerald {
    background-color: var(--emerald-700) !important;
    color: var(--white) !important;
    border-color: var(--emerald-700) !important;
}

.btn-emerald:hover,
.btn-emerald:focus-visible {
    background-color: var(--emerald-800) !important;
    color: var(--white) !important;
    border-color: var(--emerald-800) !important;
}

.btn-outline-emerald {
    background-color: transparent !important;
    color: var(--emerald-700) !important;
    border-color: var(--emerald-700) !important;
}

.btn-outline-emerald:hover,
.btn-outline-emerald:focus-visible {
    background-color: transparent !important;
    color: var(--emerald-800) !important;
    border-color: var(--emerald-800) !important;
}

.btn-soft-emerald {
    background-color: rgba(var(--emerald-rgb), var(--opacity-10)) !important;
    color: var(--emerald-700) !important;
    border-color: rgba(var(--emerald-rgb), var(--opacity-0)) !important;
}

.btn-soft-emerald:hover,
.btn-soft-emerald:focus-visible {
    background-color: rgba(var(--emerald-rgb), var(--opacity-20)) !important;
}

.btn-ghost-emerald {
    background-color: rgba(var(--emerald-rgb), var(--opacity-0)) !important;
    color: var(--emerald-700) !important;
    border-color: rgba(var(--emerald-rgb), var(--opacity-0)) !important;
}

.btn-ghost-emerald:hover,
.btn-ghost-emerald:focus-visible {
    background-color: rgba(var(--emerald-rgb), var(--opacity-20)) !important;
}

.btn-link-emerald {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--emerald-700) !important;
    border-color: transparent !important;
}

.btn-link-emerald:hover,
.btn-link-emerald:focus-visible {
    background-color: transparent !important;
    color: var(--emerald-700) !important;
    border-color: transparent !important;
}

.btn-expand-emerald {
    color: var(--emerald-700);
}

.btn-expand-emerald:before {
    background-color: var(--emerald-700);
}

.btn-expand-emerald i,
.btn-expand-emerald SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-dark-blue {
    background-color: var(--dark-blue-700) !important;
    color: var(--white) !important;
    border-color: var(--dark-blue-700) !important;
}

.btn-dark-blue:hover,
.btn-dark-blue:focus-visible {
    background-color: var(--dark-blue-800) !important;
    color: var(--white) !important;
    border-color: var(--dark-blue-800) !important;
}

.btn-outline-dark-blue {
    background-color: transparent !important;
    color: var(--dark-blue-700) !important;
    border-color: var(--dark-blue-700) !important;
}

.btn-outline-dark-blue:hover,
.btn-outline-dark-blue:focus-visible {
    background-color: transparent !important;
    color: var(--dark-blue-800) !important;
    border-color: var(--dark-blue-800) !important;
}

.btn-soft-dark-blue {
    background-color: rgba(var(--dark-blue-rgb), var(--opacity-10)) !important;
    color: var(--dark-blue-700) !important;
    border-color: rgba(var(--dark-blue-rgb), var(--opacity-0)) !important;
}

.btn-soft-dark-blue:hover,
.btn-soft-dark-blue:focus-visible {
    background-color: rgba(var(--dark-blue-rgb), var(--opacity-20)) !important;
}

.btn-ghost-dark-blue {
    background-color: rgba(var(--dark-blue-rgb), var(--opacity-0)) !important;
    color: var(--dark-blue-700) !important;
    border-color: rgba(var(--dark-blue-rgb), var(--opacity-0)) !important;
}

.btn-ghost-dark-blue:hover,
.btn-ghost-dark-blue:focus-visible {
    background-color: rgba(var(--dark-blue-rgb), var(--opacity-20)) !important;
}

.btn-link-dark-blue {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--dark-blue-700) !important;
    border-color: transparent !important;
}

.btn-link-dark-blue:hover,
.btn-link-dark-blue:focus-visible {
    background-color: transparent !important;
    color: var(--dark-blue-700) !important;
    border-color: transparent !important;
}

.btn-expand-dark-blue {
    color: var(--dark-blue-700);
}

.btn-expand-dark-blue:before {
    background-color: var(--dark-blue-700);
}

.btn-expand-dark-blue i,
.btn-expand-dark-blue SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-teal {
    background-color: var(--teal-700) !important;
    color: var(--white) !important;
    border-color: var(--teal-700) !important;
}

.btn-teal:hover,
.btn-teal:focus-visible {
    background-color: var(--teal-800) !important;
    color: var(--white) !important;
    border-color: var(--teal-800) !important;
}

.btn-outline-teal {
    background-color: transparent !important;
    color: var(--teal-700) !important;
    border-color: var(--teal-700) !important;
}

.btn-outline-teal:hover,
.btn-outline-teal:focus-visible {
    background-color: transparent !important;
    color: var(--teal-800) !important;
    border-color: var(--teal-800) !important;
}

.btn-soft-teal {
    background-color: rgba(var(--teal-rgb), var(--opacity-10)) !important;
    color: var(--teal-700) !important;
    border-color: rgba(var(--teal-rgb), var(--opacity-0)) !important;
}

.btn-soft-teal:hover,
.btn-soft-teal:focus-visible {
    background-color: rgba(var(--teal-rgb), var(--opacity-20)) !important;
}

.btn-ghost-teal {
    background-color: rgba(var(--teal-rgb), var(--opacity-0)) !important;
    color: var(--teal-700) !important;
    border-color: rgba(var(--teal-rgb), var(--opacity-0)) !important;
}

.btn-ghost-teal:hover,
.btn-ghost-teal:focus-visible {
    background-color: rgba(var(--teal-rgb), var(--opacity-20)) !important;
}

.btn-link-teal {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--teal-700) !important;
    border-color: transparent !important;
}

.btn-link-teal:hover,
.btn-link-teal:focus-visible {
    background-color: transparent !important;
    color: var(--teal-700) !important;
    border-color: transparent !important;
}

.btn-expand-teal {
    color: var(--teal-700);
}

.btn-expand-teal:before {
    background-color: var(--teal-700);
}

.btn-expand-teal i,
.btn-expand-teal SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-cyan {
    background-color: var(--cyan-700) !important;
    color: var(--white) !important;
    border-color: var(--cyan-700) !important;
}

.btn-cyan:hover,
.btn-cyan:focus-visible {
    background-color: var(--cyan-800) !important;
    color: var(--white) !important;
    border-color: var(--cyan-800) !important;
}

.btn-outline-cyan {
    background-color: transparent !important;
    color: var(--cyan-700) !important;
    border-color: var(--cyan-700) !important;
}

.btn-outline-cyan:hover,
.btn-outline-cyan:focus-visible {
    background-color: transparent !important;
    color: var(--cyan-800) !important;
    border-color: var(--cyan-800) !important;
}

.btn-soft-cyan {
    background-color: rgba(var(--cyan-rgb), var(--opacity-10)) !important;
    color: var(--cyan-700) !important;
    border-color: rgba(var(--cyan-rgb), var(--opacity-0)) !important;
}

.btn-soft-cyan:hover,
.btn-soft-cyan:focus-visible {
    background-color: rgba(var(--cyan-rgb), var(--opacity-20)) !important;
}

.btn-ghost-cyan {
    background-color: rgba(var(--cyan-rgb), var(--opacity-0)) !important;
    color: var(--cyan-700) !important;
    border-color: rgba(var(--cyan-rgb), var(--opacity-0)) !important;
}

.btn-ghost-cyan:hover,
.btn-ghost-cyan:focus-visible {
    background-color: rgba(var(--cyan-rgb), var(--opacity-20)) !important;
}

.btn-link-cyan {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--cyan-700) !important;
    border-color: transparent !important;
}

.btn-link-cyan:hover,
.btn-link-cyan:focus-visible {
    background-color: transparent !important;
    color: var(--cyan-700) !important;
    border-color: transparent !important;
}

.btn-expand-cyan {
    color: var(--cyan-700);
}

.btn-expand-cyan:before {
    background-color: var(--cyan-700);
}

.btn-expand-cyan i,
.btn-expand-cyan SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-sky {
    background-color: var(--sky-700) !important;
    color: var(--white) !important;
    border-color: var(--sky-700) !important;
}

.btn-sky:hover,
.btn-sky:focus-visible {
    background-color: var(--sky-800) !important;
    color: var(--white) !important;
    border-color: var(--sky-800) !important;
}

.btn-outline-sky {
    background-color: transparent !important;
    color: var(--sky-700) !important;
    border-color: var(--sky-700) !important;
}

.btn-outline-sky:hover,
.btn-outline-sky:focus-visible {
    background-color: transparent !important;
    color: var(--sky-800) !important;
    border-color: var(--sky-800) !important;
}

.btn-soft-sky {
    background-color: rgba(var(--sky-rgb), var(--opacity-10)) !important;
    color: var(--sky-700) !important;
    border-color: rgba(var(--sky-rgb), var(--opacity-0)) !important;
}

.btn-soft-sky:hover,
.btn-soft-sky:focus-visible {
    background-color: rgba(var(--sky-rgb), var(--opacity-20)) !important;
}

.btn-ghost-sky {
    background-color: rgba(var(--sky-rgb), var(--opacity-0)) !important;
    color: var(--sky-700) !important;
    border-color: rgba(var(--sky-rgb), var(--opacity-0)) !important;
}

.btn-ghost-sky:hover,
.btn-ghost-sky:focus-visible {
    background-color: rgba(var(--sky-rgb), var(--opacity-20)) !important;
}

.btn-link-sky {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--sky-700) !important;
    border-color: transparent !important;
}

.btn-link-sky:hover,
.btn-link-sky:focus-visible {
    background-color: transparent !important;
    color: var(--sky-700) !important;
    border-color: transparent !important;
}

.btn-expand-sky {
    color: var(--sky-700);
}

.btn-expand-sky:before {
    background-color: var(--sky-700);
}

.btn-expand-sky i,
.btn-expand-sky SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-blue {
    background-color: var(--blue-700) !important;
    color: var(--white) !important;
    border-color: var(--blue-700) !important;
}

.btn-blue:hover,
.btn-blue:focus-visible {
    background-color: var(--blue-800) !important;
    color: var(--white) !important;
    border-color: var(--blue-800) !important;
}

.btn-outline-blue {
    background-color: transparent !important;
    color: var(--blue-700) !important;
    border-color: var(--blue-700) !important;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus-visible {
    background-color: transparent !important;
    color: var(--blue-800) !important;
    border-color: var(--blue-800) !important;
}

.btn-soft-blue {
    background-color: rgba(var(--blue-rgb), var(--opacity-10)) !important;
    color: var(--blue-700) !important;
    border-color: rgba(var(--blue-rgb), var(--opacity-0)) !important;
}

.btn-soft-blue:hover,
.btn-soft-blue:focus-visible {
    background-color: rgba(var(--blue-rgb), var(--opacity-20)) !important;
}

.btn-ghost-blue {
    background-color: rgba(var(--blue-rgb), var(--opacity-0)) !important;
    color: var(--blue-700) !important;
    border-color: rgba(var(--blue-rgb), var(--opacity-0)) !important;
}

.btn-ghost-blue:hover,
.btn-ghost-blue:focus-visible {
    background-color: rgba(var(--blue-rgb), var(--opacity-20)) !important;
}

.btn-link-blue {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--blue-700) !important;
    border-color: transparent !important;
}

.btn-link-blue:hover,
.btn-link-blue:focus-visible {
    background-color: transparent !important;
    color: var(--blue-700) !important;
    border-color: transparent !important;
}

.btn-expand-blue {
    color: var(--blue-700);
}

.btn-expand-blue:before {
    background-color: var(--blue-700);
}

.btn-expand-blue i,
.btn-expand-blue SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-indigo {
    background-color: var(--indigo-700) !important;
    color: var(--white) !important;
    border-color: var(--indigo-700) !important;
}

.btn-indigo:hover,
.btn-indigo:focus-visible {
    background-color: var(--indigo-800) !important;
    color: var(--white) !important;
    border-color: var(--indigo-800) !important;
}

.btn-outline-indigo {
    background-color: transparent !important;
    color: var(--indigo-700) !important;
    border-color: var(--indigo-700) !important;
}

.btn-outline-indigo:hover,
.btn-outline-indigo:focus-visible {
    background-color: transparent !important;
    color: var(--indigo-800) !important;
    border-color: var(--indigo-800) !important;
}

.btn-soft-indigo {
    background-color: rgba(var(--indigo-rgb), var(--opacity-10)) !important;
    color: var(--indigo-700) !important;
    border-color: rgba(var(--indigo-rgb), var(--opacity-0)) !important;
}

.btn-soft-indigo:hover,
.btn-soft-indigo:focus-visible {
    background-color: rgba(var(--indigo-rgb), var(--opacity-20)) !important;
}

.btn-ghost-indigo {
    background-color: rgba(var(--indigo-rgb), var(--opacity-0)) !important;
    color: var(--indigo-700) !important;
    border-color: rgba(var(--indigo-rgb), var(--opacity-0)) !important;
}

.btn-ghost-indigo:hover,
.btn-ghost-indigo:focus-visible {
    background-color: rgba(var(--indigo-rgb), var(--opacity-20)) !important;
}

.btn-link-indigo {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--indigo-700) !important;
    border-color: transparent !important;
}

.btn-link-indigo:hover,
.btn-link-indigo:focus-visible {
    background-color: transparent !important;
    color: var(--indigo-700) !important;
    border-color: transparent !important;
}

.btn-expand-indigo {
    color: var(--indigo-700);
}

.btn-expand-indigo:before {
    background-color: var(--indigo-700);
}

.btn-expand-indigo i,
.btn-expand-indigo SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-violet {
    background-color: var(--violet-700) !important;
    color: var(--white) !important;
    border-color: var(--violet-700) !important;
}

.btn-violet:hover,
.btn-violet:focus-visible {
    background-color: var(--violet-800) !important;
    color: var(--white) !important;
    border-color: var(--violet-800) !important;
}

.btn-outline-violet {
    background-color: transparent !important;
    color: var(--violet-700) !important;
    border-color: var(--violet-700) !important;
}

.btn-outline-violet:hover,
.btn-outline-violet:focus-visible {
    background-color: transparent !important;
    color: var(--violet-800) !important;
    border-color: var(--violet-800) !important;
}

.btn-soft-violet {
    background-color: rgba(var(--violet-rgb), var(--opacity-10)) !important;
    color: var(--violet-700) !important;
    border-color: rgba(var(--violet-rgb), var(--opacity-0)) !important;
}

.btn-soft-violet:hover,
.btn-soft-violet:focus-visible {
    background-color: rgba(var(--violet-rgb), var(--opacity-20)) !important;
}

.btn-ghost-violet {
    background-color: rgba(var(--violet-rgb), var(--opacity-0)) !important;
    color: var(--violet-700) !important;
    border-color: rgba(var(--violet-rgb), var(--opacity-0)) !important;
}

.btn-ghost-violet:hover,
.btn-ghost-violet:focus-visible {
    background-color: rgba(var(--violet-rgb), var(--opacity-20)) !important;
}

.btn-link-violet {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--violet-700) !important;
    border-color: transparent !important;
}

.btn-link-violet:hover,
.btn-link-violet:focus-visible {
    background-color: transparent !important;
    color: var(--violet-700) !important;
    border-color: transparent !important;
}

.btn-expand-violet {
    color: var(--violet-700);
}

.btn-expand-violet:before {
    background-color: var(--violet-700);
}

.btn-expand-violet i,
.btn-expand-violet SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-purple {
    background-color: var(--purple-700) !important;
    color: var(--white) !important;
    border-color: var(--purple-700) !important;
}

.btn-purple:hover,
.btn-purple:focus-visible {
    background-color: var(--purple-800) !important;
    color: var(--white) !important;
    border-color: var(--purple-800) !important;
}

.btn-outline-purple {
    background-color: transparent !important;
    color: var(--purple-700) !important;
    border-color: var(--purple-700) !important;
}

.btn-outline-purple:hover,
.btn-outline-purple:focus-visible {
    background-color: transparent !important;
    color: var(--purple-800) !important;
    border-color: var(--purple-800) !important;
}

.btn-soft-purple {
    background-color: rgba(var(--purple-rgb), var(--opacity-10)) !important;
    color: var(--purple-700) !important;
    border-color: rgba(var(--purple-rgb), var(--opacity-0)) !important;
}

.btn-soft-purple:hover,
.btn-soft-purple:focus-visible {
    background-color: rgba(var(--purple-rgb), var(--opacity-20)) !important;
}

.btn-ghost-purple {
    background-color: rgba(var(--purple-rgb), var(--opacity-0)) !important;
    color: var(--purple-700) !important;
    border-color: rgba(var(--purple-rgb), var(--opacity-0)) !important;
}

.btn-ghost-purple:hover,
.btn-ghost-purple:focus-visible {
    background-color: rgba(var(--purple-rgb), var(--opacity-20)) !important;
}

.btn-link-purple {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--purple-700) !important;
    border-color: transparent !important;
}

.btn-link-purple:hover,
.btn-link-purple:focus-visible {
    background-color: transparent !important;
    color: var(--purple-700) !important;
    border-color: transparent !important;
}

.btn-expand-purple {
    color: var(--purple-700);
}

.btn-expand-purple:before {
    background-color: var(--purple-700);
}

.btn-expand-purple i,
.btn-expand-purple SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-fuchsia {
    background-color: var(--fuchsia-700) !important;
    color: var(--white) !important;
    border-color: var(--fuchsia-700) !important;
}

.btn-fuchsia:hover,
.btn-fuchsia:focus-visible {
    background-color: var(--fuchsia-800) !important;
    color: var(--white) !important;
    border-color: var(--fuchsia-800) !important;
}

.btn-outline-fuchsia {
    background-color: transparent !important;
    color: var(--fuchsia-700) !important;
    border-color: var(--fuchsia-700) !important;
}

.btn-outline-fuchsia:hover,
.btn-outline-fuchsia:focus-visible {
    background-color: transparent !important;
    color: var(--fuchsia-800) !important;
    border-color: var(--fuchsia-800) !important;
}

.btn-soft-fuchsia {
    background-color: rgba(var(--fuchsia-rgb), var(--opacity-10)) !important;
    color: var(--fuchsia-700) !important;
    border-color: rgba(var(--fuchsia-rgb), var(--opacity-0)) !important;
}

.btn-soft-fuchsia:hover,
.btn-soft-fuchsia:focus-visible {
    background-color: rgba(var(--fuchsia-rgb), var(--opacity-20)) !important;
}

.btn-ghost-fuchsia {
    background-color: rgba(var(--fuchsia-rgb), var(--opacity-0)) !important;
    color: var(--fuchsia-700) !important;
    border-color: rgba(var(--fuchsia-rgb), var(--opacity-0)) !important;
}

.btn-ghost-fuchsia:hover,
.btn-ghost-fuchsia:focus-visible {
    background-color: rgba(var(--fuchsia-rgb), var(--opacity-20)) !important;
}

.btn-link-fuchsia {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--fuchsia-700) !important;
    border-color: transparent !important;
}

.btn-link-fuchsia:hover,
.btn-link-fuchsia:focus-visible {
    background-color: transparent !important;
    color: var(--fuchsia-700) !important;
    border-color: transparent !important;
}

.btn-expand-fuchsia {
    color: var(--fuchsia-700);
}

.btn-expand-fuchsia:before {
    background-color: var(--fuchsia-700);
}

.btn-expand-fuchsia i,
.btn-expand-fuchsia SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-pink {
    background-color: var(--pink-700) !important;
    color: var(--white) !important;
    border-color: var(--pink-700) !important;
}

.btn-pink:hover,
.btn-pink:focus-visible {
    background-color: var(--pink-800) !important;
    color: var(--white) !important;
    border-color: var(--pink-800) !important;
}

.btn-outline-pink {
    background-color: transparent !important;
    color: var(--pink-700) !important;
    border-color: var(--pink-700) !important;
}

.btn-outline-pink:hover,
.btn-outline-pink:focus-visible {
    background-color: transparent !important;
    color: var(--pink-800) !important;
    border-color: var(--pink-800) !important;
}

.btn-soft-pink {
    background-color: rgba(var(--pink-rgb), var(--opacity-10)) !important;
    color: var(--pink-700) !important;
    border-color: rgba(var(--pink-rgb), var(--opacity-0)) !important;
}

.btn-soft-pink:hover,
.btn-soft-pink:focus-visible {
    background-color: rgba(var(--pink-rgb), var(--opacity-20)) !important;
}

.btn-ghost-pink {
    background-color: rgba(var(--pink-rgb), var(--opacity-0)) !important;
    color: var(--pink-700) !important;
    border-color: rgba(var(--pink-rgb), var(--opacity-0)) !important;
}

.btn-ghost-pink:hover,
.btn-ghost-pink:focus-visible {
    background-color: rgba(var(--pink-rgb), var(--opacity-20)) !important;
}

.btn-link-pink {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--pink-700) !important;
    border-color: transparent !important;
}

.btn-link-pink:hover,
.btn-link-pink:focus-visible {
    background-color: transparent !important;
    color: var(--pink-700) !important;
    border-color: transparent !important;
}

.btn-expand-pink {
    color: var(--pink-700);
}

.btn-expand-pink:before {
    background-color: var(--pink-700);
}

.btn-expand-pink i,
.btn-expand-pink SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-rose {
    background-color: var(--rose-700) !important;
    color: var(--white) !important;
    border-color: var(--rose-700) !important;
}

.btn-rose:hover,
.btn-rose:focus-visible {
    background-color: var(--rose-800) !important;
    color: var(--white) !important;
    border-color: var(--rose-800) !important;
}

.btn-outline-rose {
    background-color: transparent !important;
    color: var(--rose-700) !important;
    border-color: var(--rose-700) !important;
}

.btn-outline-rose:hover,
.btn-outline-rose:focus-visible {
    background-color: transparent !important;
    color: var(--rose-800) !important;
    border-color: var(--rose-800) !important;
}

.btn-soft-rose {
    background-color: rgba(var(--rose-rgb), var(--opacity-10)) !important;
    color: var(--rose-700) !important;
    border-color: rgba(var(--rose-rgb), var(--opacity-0)) !important;
}

.btn-soft-rose:hover,
.btn-soft-rose:focus-visible {
    background-color: rgba(var(--rose-rgb), var(--opacity-20)) !important;
}

.btn-ghost-rose {
    background-color: rgba(var(--rose-rgb), var(--opacity-0)) !important;
    color: var(--rose-700) !important;
    border-color: rgba(var(--rose-rgb), var(--opacity-0)) !important;
}

.btn-ghost-rose:hover,
.btn-ghost-rose:focus-visible {
    background-color: rgba(var(--rose-rgb), var(--opacity-20)) !important;
}

.btn-link-rose {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--rose-700) !important;
    border-color: transparent !important;
}

.btn-link-rose:hover,
.btn-link-rose:focus-visible {
    background-color: transparent !important;
    color: var(--rose-700) !important;
    border-color: transparent !important;
}

.btn-expand-rose {
    color: var(--rose-700);
}

.btn-expand-rose:before {
    background-color: var(--rose-700);
}

.btn-expand-rose i,
.btn-expand-rose SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-slate {
    background-color: var(--slate-700) !important;
    color: var(--white) !important;
    border-color: var(--slate-700) !important;
}

.btn-slate:hover,
.btn-slate:focus-visible {
    background-color: var(--slate-800) !important;
    color: var(--white) !important;
    border-color: var(--slate-800) !important;
}

.btn-outline-slate {
    background-color: transparent !important;
    color: var(--slate-700) !important;
    border-color: var(--slate-700) !important;
}

.btn-outline-slate:hover,
.btn-outline-slate:focus-visible {
    background-color: transparent !important;
    color: var(--slate-800) !important;
    border-color: var(--slate-800) !important;
}

.btn-soft-slate {
    background-color: rgba(var(--slate-rgb), var(--opacity-10)) !important;
    color: var(--slate-700) !important;
    border-color: rgba(var(--slate-rgb), var(--opacity-0)) !important;
}

.btn-soft-slate:hover,
.btn-soft-slate:focus-visible {
    background-color: rgba(var(--slate-rgb), var(--opacity-20)) !important;
}

.btn-ghost-slate {
    background-color: rgba(var(--slate-rgb), var(--opacity-0)) !important;
    color: var(--slate-700) !important;
    border-color: rgba(var(--slate-rgb), var(--opacity-0)) !important;
}

.btn-ghost-slate:hover,
.btn-ghost-slate:focus-visible {
    background-color: rgba(var(--slate-rgb), var(--opacity-20)) !important;
}

.btn-link-slate {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--slate-700) !important;
    border-color: transparent !important;
}

.btn-link-slate:hover,
.btn-link-slate:focus-visible {
    background-color: transparent !important;
    color: var(--slate-700) !important;
    border-color: transparent !important;
}

.btn-expand-slate {
    color: var(--slate-700);
}

.btn-expand-slate:before {
    background-color: var(--slate-700);
}

.btn-expand-slate i,
.btn-expand-slate SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-gray {
    background-color: var(--gray-700) !important;
    color: var(--white) !important;
    border-color: var(--gray-700) !important;
}

.btn-gray:hover,
.btn-gray:focus-visible {
    background-color: var(--gray-800) !important;
    color: var(--white) !important;
    border-color: var(--gray-800) !important;
}

.btn-outline-gray {
    background-color: transparent !important;
    color: var(--gray-700) !important;
    border-color: var(--gray-700) !important;
}

.btn-outline-gray:hover,
.btn-outline-gray:focus-visible {
    background-color: transparent !important;
    color: var(--gray-800) !important;
    border-color: var(--gray-800) !important;
}

.btn-soft-gray {
    background-color: rgba(var(--gray-rgb), var(--opacity-10)) !important;
    color: var(--gray-700) !important;
    border-color: rgba(var(--gray-rgb), var(--opacity-0)) !important;
}

.btn-soft-gray:hover,
.btn-soft-gray:focus-visible {
    background-color: rgba(var(--gray-rgb), var(--opacity-20)) !important;
}

.btn-ghost-gray {
    background-color: rgba(var(--gray-rgb), var(--opacity-0)) !important;
    color: var(--gray-700) !important;
    border-color: rgba(var(--gray-rgb), var(--opacity-0)) !important;
}

.btn-ghost-gray:hover,
.btn-ghost-gray:focus-visible {
    background-color: rgba(var(--gray-rgb), var(--opacity-20)) !important;
}

.btn-link-gray {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--gray-700) !important;
    border-color: transparent !important;
}

.btn-link-gray:hover,
.btn-link-gray:focus-visible {
    background-color: transparent !important;
    color: var(--gray-700) !important;
    border-color: transparent !important;
}

.btn-expand-gray {
    color: var(--gray-700);
}

.btn-expand-gray:before {
    background-color: var(--gray-700);
}

.btn-expand-gray i,
.btn-expand-gray SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-zinc {
    background-color: var(--zinc-700) !important;
    color: var(--white) !important;
    border-color: var(--zinc-700) !important;
}

.btn-zinc:hover,
.btn-zinc:focus-visible {
    background-color: var(--zinc-800) !important;
    color: var(--white) !important;
    border-color: var(--zinc-800) !important;
}

.btn-outline-zinc {
    background-color: transparent !important;
    color: var(--zinc-700) !important;
    border-color: var(--zinc-700) !important;
}

.btn-outline-zinc:hover,
.btn-outline-zinc:focus-visible {
    background-color: transparent !important;
    color: var(--zinc-800) !important;
    border-color: var(--zinc-800) !important;
}

.btn-soft-zinc {
    background-color: rgba(var(--zinc-rgb), var(--opacity-10)) !important;
    color: var(--zinc-700) !important;
    border-color: rgba(var(--zinc-rgb), var(--opacity-0)) !important;
}

.btn-soft-zinc:hover,
.btn-soft-zinc:focus-visible {
    background-color: rgba(var(--zinc-rgb), var(--opacity-20)) !important;
}

.btn-ghost-zinc {
    background-color: rgba(var(--zinc-rgb), var(--opacity-0)) !important;
    color: var(--zinc-700) !important;
    border-color: rgba(var(--zinc-rgb), var(--opacity-0)) !important;
}

.btn-ghost-zinc:hover,
.btn-ghost-zinc:focus-visible {
    background-color: rgba(var(--zinc-rgb), var(--opacity-20)) !important;
}

.btn-link-zinc {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--zinc-700) !important;
    border-color: transparent !important;
}

.btn-link-zinc:hover,
.btn-link-zinc:focus-visible {
    background-color: transparent !important;
    color: var(--zinc-700) !important;
    border-color: transparent !important;
}

.btn-expand-zinc {
    color: var(--zinc-700);
}

.btn-expand-zinc:before {
    background-color: var(--zinc-700);
}

.btn-expand-zinc i,
.btn-expand-zinc SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-neutral {
    background-color: var(--neutral-700) !important;
    color: var(--white) !important;
    border-color: var(--neutral-700) !important;
}

.btn-neutral:hover,
.btn-neutral:focus-visible {
    background-color: var(--neutral-800) !important;
    color: var(--white) !important;
    border-color: var(--neutral-800) !important;
}

.btn-outline-neutral {
    background-color: transparent !important;
    color: var(--neutral-700) !important;
    border-color: var(--neutral-700) !important;
}

.btn-outline-neutral:hover,
.btn-outline-neutral:focus-visible {
    background-color: transparent !important;
    color: var(--neutral-800) !important;
    border-color: var(--neutral-800) !important;
}

.btn-soft-neutral {
    background-color: rgba(var(--neutral-rgb), var(--opacity-10)) !important;
    color: var(--neutral-700) !important;
    border-color: rgba(var(--neutral-rgb), var(--opacity-0)) !important;
}

.btn-soft-neutral:hover,
.btn-soft-neutral:focus-visible {
    background-color: rgba(var(--neutral-rgb), var(--opacity-20)) !important;
}

.btn-ghost-neutral {
    background-color: rgba(var(--neutral-rgb), var(--opacity-0)) !important;
    color: var(--neutral-700) !important;
    border-color: rgba(var(--neutral-rgb), var(--opacity-0)) !important;
}

.btn-ghost-neutral:hover,
.btn-ghost-neutral:focus-visible {
    background-color: rgba(var(--neutral-rgb), var(--opacity-20)) !important;
}

.btn-link-neutral {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--neutral-700) !important;
    border-color: transparent !important;
}

.btn-link-neutral:hover,
.btn-link-neutral:focus-visible {
    background-color: transparent !important;
    color: var(--neutral-700) !important;
    border-color: transparent !important;
}

.btn-expand-neutral {
    color: var(--neutral-700);
}

.btn-expand-neutral:before {
    background-color: var(--neutral-700);
}

.btn-expand-neutral i,
.btn-expand-neutral SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-stone {
    background-color: var(--stone-700) !important;
    color: var(--white) !important;
    border-color: var(--stone-700) !important;
}

.btn-stone:hover,
.btn-stone:focus-visible {
    background-color: var(--stone-800) !important;
    color: var(--white) !important;
    border-color: var(--stone-800) !important;
}

.btn-outline-stone {
    background-color: transparent !important;
    color: var(--stone-700) !important;
    border-color: var(--stone-700) !important;
}

.btn-outline-stone:hover,
.btn-outline-stone:focus-visible {
    background-color: transparent !important;
    color: var(--stone-800) !important;
    border-color: var(--stone-800) !important;
}

.btn-soft-stone {
    background-color: rgba(var(--stone-rgb), var(--opacity-10)) !important;
    color: var(--stone-700) !important;
    border-color: rgba(var(--stone-rgb), var(--opacity-0)) !important;
}

.btn-soft-stone:hover,
.btn-soft-stone:focus-visible {
    background-color: rgba(var(--stone-rgb), var(--opacity-20)) !important;
}

.btn-ghost-stone {
    background-color: rgba(var(--stone-rgb), var(--opacity-0)) !important;
    color: var(--stone-700) !important;
    border-color: rgba(var(--stone-rgb), var(--opacity-0)) !important;
}

.btn-ghost-stone:hover,
.btn-ghost-stone:focus-visible {
    background-color: rgba(var(--stone-rgb), var(--opacity-20)) !important;
}

.btn-link-stone {
    text-decoration: underline;
    background-color: transparent !important;
    color: var(--stone-700) !important;
    border-color: transparent !important;
}

.btn-link-stone:hover,
.btn-link-stone:focus-visible {
    background-color: transparent !important;
    color: var(--stone-700) !important;
    border-color: transparent !important;
}

.btn-expand-stone {
    color: var(--stone-700);
}

.btn-expand-stone:before {
    background-color: var(--stone-700);
}

.btn-expand-stone i,
.btn-expand-stone SVG {
    position: relative;
    z-index: 2;
    color: var(--white);
    transition: all ease 0.4s;
}

.btn-icon {
    padding: 0;
    min-width: 2.375rem;
    min-height: 2.375rem;
}

.btn-icon-facebook {
    background-color: var(--facebook) !important;
    color: var(--white) !important;
    border-color: var(--facebook) !important;
}

.btn-icon-facebook:hover,
.btn-icon-facebook:focus-visible {
    background-color: var(--facebook) !important;
    color: var(--white) !important;
    border-color: var(--facebook) !important;
}

.btn-icon-outline-facebook {
    background-color: transparent !important;
    color: var(--facebook) !important;
    border-color: var(--facebook) !important;
}

.btn-icon-outline-facebook:hover,
.btn-icon-outline-facebook:focus-visible {
    background-color: transparent !important;
    color: var(--facebook) !important;
    border-color: var(--facebook) !important;
}

.btn-icon-soft-facebook {
    background-color: rgba(var(--facebook-rgb), var(--opacity-10)) !important;
    color: var(--facebook) !important;
    border-color: rgba(var(--facebook-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-facebook:hover,
.btn-icon-soft-facebook:focus-visible {
    background-color: rgba(var(--facebook-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-facebook {
    background-color: rgba(var(--facebook-rgb), var(--opacity-0)) !important;
    color: var(--facebook) !important;
    border-color: rgba(var(--facebook-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-facebook:hover,
.btn-icon-ghost-facebook:focus-visible {
    background-color: rgba(var(--facebook-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-facebook {
    background-color: rgba(var(--facebook-rgb), var(--opacity-0)) !important;
    color: var(--facebook) !important;
    border-color: rgba(var(--facebook-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-facebook:hover,
.btn-icon-link-facebook:focus-visible {
    background-color: rgba(var(--facebook-rgb), var(--opacity-0)) !important;
}

.btn-icon-instagram {
    background-color: var(--instagram) !important;
    color: var(--white) !important;
    border-color: var(--instagram) !important;
}

.btn-icon-instagram:hover,
.btn-icon-instagram:focus-visible {
    background-color: var(--instagram) !important;
    color: var(--white) !important;
    border-color: var(--instagram) !important;
}

.btn-icon-outline-instagram {
    background-color: transparent !important;
    color: var(--instagram) !important;
    border-color: var(--instagram) !important;
}

.btn-icon-outline-instagram:hover,
.btn-icon-outline-instagram:focus-visible {
    background-color: transparent !important;
    color: var(--instagram) !important;
    border-color: var(--instagram) !important;
}

.btn-icon-soft-instagram {
    background-color: rgba(var(--instagram-rgb), var(--opacity-10)) !important;
    color: var(--instagram) !important;
    border-color: rgba(var(--instagram-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-instagram:hover,
.btn-icon-soft-instagram:focus-visible {
    background-color: rgba(var(--instagram-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-instagram {
    background-color: rgba(var(--instagram-rgb), var(--opacity-0)) !important;
    color: var(--instagram) !important;
    border-color: rgba(var(--instagram-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-instagram:hover,
.btn-icon-ghost-instagram:focus-visible {
    background-color: rgba(var(--instagram-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-instagram {
    background-color: rgba(var(--instagram-rgb), var(--opacity-0)) !important;
    color: var(--instagram) !important;
    border-color: rgba(var(--instagram-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-instagram:hover,
.btn-icon-link-instagram:focus-visible {
    background-color: rgba(var(--instagram-rgb), var(--opacity-0)) !important;
}

.btn-icon-linkedin {
    background-color: var(--linkedin) !important;
    color: var(--white) !important;
    border-color: var(--linkedin) !important;
}

.btn-icon-linkedin:hover,
.btn-icon-linkedin:focus-visible {
    background-color: var(--linkedin) !important;
    color: var(--white) !important;
    border-color: var(--linkedin) !important;
}

.btn-icon-outline-linkedin {
    background-color: transparent !important;
    color: var(--linkedin) !important;
    border-color: var(--linkedin) !important;
}

.btn-icon-outline-linkedin:hover,
.btn-icon-outline-linkedin:focus-visible {
    background-color: transparent !important;
    color: var(--linkedin) !important;
    border-color: var(--linkedin) !important;
}

.btn-icon-soft-linkedin {
    background-color: rgba(var(--linkedin-rgb), var(--opacity-10)) !important;
    color: var(--linkedin) !important;
    border-color: rgba(var(--linkedin-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-linkedin:hover,
.btn-icon-soft-linkedin:focus-visible {
    background-color: rgba(var(--linkedin-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-linkedin {
    background-color: rgba(var(--linkedin-rgb), var(--opacity-0)) !important;
    color: var(--linkedin) !important;
    border-color: rgba(var(--linkedin-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-linkedin:hover,
.btn-icon-ghost-linkedin:focus-visible {
    background-color: rgba(var(--linkedin-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-linkedin {
    background-color: rgba(var(--linkedin-rgb), var(--opacity-0)) !important;
    color: var(--linkedin) !important;
    border-color: rgba(var(--linkedin-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-linkedin:hover,
.btn-icon-link-linkedin:focus-visible {
    background-color: rgba(var(--linkedin-rgb), var(--opacity-0)) !important;
}

.btn-icon-x {
    background-color: var(--x) !important;
    color: var(--white) !important;
    border-color: var(--x) !important;
}

.btn-icon-x:hover,
.btn-icon-x:focus-visible {
    background-color: var(--x) !important;
    color: var(--white) !important;
    border-color: var(--x) !important;
}

.btn-icon-outline-x {
    background-color: transparent !important;
    color: var(--x) !important;
    border-color: var(--x) !important;
}

.btn-icon-outline-x:hover,
.btn-icon-outline-x:focus-visible {
    background-color: transparent !important;
    color: var(--x) !important;
    border-color: var(--x) !important;
}

.btn-icon-soft-x {
    background-color: rgba(var(--x-rgb), var(--opacity-10)) !important;
    color: var(--x) !important;
    border-color: rgba(var(--x-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-x:hover,
.btn-icon-soft-x:focus-visible {
    background-color: rgba(var(--x-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-x {
    background-color: rgba(var(--x-rgb), var(--opacity-0)) !important;
    color: var(--x) !important;
    border-color: rgba(var(--x-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-x:hover,
.btn-icon-ghost-x:focus-visible {
    background-color: rgba(var(--x-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-x {
    background-color: rgba(var(--x-rgb), var(--opacity-0)) !important;
    color: var(--x) !important;
    border-color: rgba(var(--x-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-x:hover,
.btn-icon-link-x:focus-visible {
    background-color: rgba(var(--x-rgb), var(--opacity-0)) !important;
}

.btn-icon-youtube {
    background-color: var(--youtube) !important;
    color: var(--white) !important;
    border-color: var(--youtube) !important;
}

.btn-icon-youtube:hover,
.btn-icon-youtube:focus-visible {
    background-color: var(--youtube) !important;
    color: var(--white) !important;
    border-color: var(--youtube) !important;
}

.btn-icon-outline-youtube {
    background-color: transparent !important;
    color: var(--youtube) !important;
    border-color: var(--youtube) !important;
}

.btn-icon-outline-youtube:hover,
.btn-icon-outline-youtube:focus-visible {
    background-color: transparent !important;
    color: var(--youtube) !important;
    border-color: var(--youtube) !important;
}

.btn-icon-soft-youtube {
    background-color: rgba(var(--youtube-rgb), var(--opacity-10)) !important;
    color: var(--youtube) !important;
    border-color: rgba(var(--youtube-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-youtube:hover,
.btn-icon-soft-youtube:focus-visible {
    background-color: rgba(var(--youtube-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-youtube {
    background-color: rgba(var(--youtube-rgb), var(--opacity-0)) !important;
    color: var(--youtube) !important;
    border-color: rgba(var(--youtube-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-youtube:hover,
.btn-icon-ghost-youtube:focus-visible {
    background-color: rgba(var(--youtube-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-youtube {
    background-color: rgba(var(--youtube-rgb), var(--opacity-0)) !important;
    color: var(--youtube) !important;
    border-color: rgba(var(--youtube-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-youtube:hover,
.btn-icon-link-youtube:focus-visible {
    background-color: rgba(var(--youtube-rgb), var(--opacity-0)) !important;
}

.btn-icon-pinterest {
    background-color: var(--pinterest) !important;
    color: var(--white) !important;
    border-color: var(--pinterest) !important;
}

.btn-icon-pinterest:hover,
.btn-icon-pinterest:focus-visible {
    background-color: var(--pinterest) !important;
    color: var(--white) !important;
    border-color: var(--pinterest) !important;
}

.btn-icon-outline-pinterest {
    background-color: transparent !important;
    color: var(--pinterest) !important;
    border-color: var(--pinterest) !important;
}

.btn-icon-outline-pinterest:hover,
.btn-icon-outline-pinterest:focus-visible {
    background-color: transparent !important;
    color: var(--pinterest) !important;
    border-color: var(--pinterest) !important;
}

.btn-icon-soft-pinterest {
    background-color: rgba(var(--pinterest-rgb), var(--opacity-10)) !important;
    color: var(--pinterest) !important;
    border-color: rgba(var(--pinterest-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-pinterest:hover,
.btn-icon-soft-pinterest:focus-visible {
    background-color: rgba(var(--pinterest-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-pinterest {
    background-color: rgba(var(--pinterest-rgb), var(--opacity-0)) !important;
    color: var(--pinterest) !important;
    border-color: rgba(var(--pinterest-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-pinterest:hover,
.btn-icon-ghost-pinterest:focus-visible {
    background-color: rgba(var(--pinterest-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-pinterest {
    background-color: rgba(var(--pinterest-rgb), var(--opacity-0)) !important;
    color: var(--pinterest) !important;
    border-color: rgba(var(--pinterest-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-pinterest:hover,
.btn-icon-link-pinterest:focus-visible {
    background-color: rgba(var(--pinterest-rgb), var(--opacity-0)) !important;
}

.btn-icon-dribbble {
    background-color: var(--dribbble) !important;
    color: var(--white) !important;
    border-color: var(--dribbble) !important;
}

.btn-icon-dribbble:hover,
.btn-icon-dribbble:focus-visible {
    background-color: var(--dribbble) !important;
    color: var(--white) !important;
    border-color: var(--dribbble) !important;
}

.btn-icon-outline-dribbble {
    background-color: transparent !important;
    color: var(--dribbble) !important;
    border-color: var(--dribbble) !important;
}

.btn-icon-outline-dribbble:hover,
.btn-icon-outline-dribbble:focus-visible {
    background-color: transparent !important;
    color: var(--dribbble) !important;
    border-color: var(--dribbble) !important;
}

.btn-icon-soft-dribbble {
    background-color: rgba(var(--dribbble-rgb), var(--opacity-10)) !important;
    color: var(--dribbble) !important;
    border-color: rgba(var(--dribbble-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-dribbble:hover,
.btn-icon-soft-dribbble:focus-visible {
    background-color: rgba(var(--dribbble-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-dribbble {
    background-color: rgba(var(--dribbble-rgb), var(--opacity-0)) !important;
    color: var(--dribbble) !important;
    border-color: rgba(var(--dribbble-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-dribbble:hover,
.btn-icon-ghost-dribbble:focus-visible {
    background-color: rgba(var(--dribbble-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-dribbble {
    background-color: rgba(var(--dribbble-rgb), var(--opacity-0)) !important;
    color: var(--dribbble) !important;
    border-color: rgba(var(--dribbble-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-dribbble:hover,
.btn-icon-link-dribbble:focus-visible {
    background-color: rgba(var(--dribbble-rgb), var(--opacity-0)) !important;
}

.btn-icon-reddit {
    background-color: var(--reddit) !important;
    color: var(--white) !important;
    border-color: var(--reddit) !important;
}

.btn-icon-reddit:hover,
.btn-icon-reddit:focus-visible {
    background-color: var(--reddit) !important;
    color: var(--white) !important;
    border-color: var(--reddit) !important;
}

.btn-icon-outline-reddit {
    background-color: transparent !important;
    color: var(--reddit) !important;
    border-color: var(--reddit) !important;
}

.btn-icon-outline-reddit:hover,
.btn-icon-outline-reddit:focus-visible {
    background-color: transparent !important;
    color: var(--reddit) !important;
    border-color: var(--reddit) !important;
}

.btn-icon-soft-reddit {
    background-color: rgba(var(--reddit-rgb), var(--opacity-10)) !important;
    color: var(--reddit) !important;
    border-color: rgba(var(--reddit-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-reddit:hover,
.btn-icon-soft-reddit:focus-visible {
    background-color: rgba(var(--reddit-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-reddit {
    background-color: rgba(var(--reddit-rgb), var(--opacity-0)) !important;
    color: var(--reddit) !important;
    border-color: rgba(var(--reddit-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-reddit:hover,
.btn-icon-ghost-reddit:focus-visible {
    background-color: rgba(var(--reddit-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-reddit {
    background-color: rgba(var(--reddit-rgb), var(--opacity-0)) !important;
    color: var(--reddit) !important;
    border-color: rgba(var(--reddit-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-reddit:hover,
.btn-icon-link-reddit:focus-visible {
    background-color: rgba(var(--reddit-rgb), var(--opacity-0)) !important;
}

.btn-icon-whatsapp {
    background-color: var(--whatsapp) !important;
    color: var(--white) !important;
    border-color: var(--whatsapp) !important;
}

.btn-icon-whatsapp:hover,
.btn-icon-whatsapp:focus-visible {
    background-color: var(--whatsapp) !important;
    color: var(--white) !important;
    border-color: var(--whatsapp) !important;
}

.btn-icon-outline-whatsapp {
    background-color: transparent !important;
    color: var(--whatsapp) !important;
    border-color: var(--whatsapp) !important;
}

.btn-icon-outline-whatsapp:hover,
.btn-icon-outline-whatsapp:focus-visible {
    background-color: transparent !important;
    color: var(--whatsapp) !important;
    border-color: var(--whatsapp) !important;
}

.btn-icon-soft-whatsapp {
    background-color: rgba(var(--whatsapp-rgb), var(--opacity-10)) !important;
    color: var(--whatsapp) !important;
    border-color: rgba(var(--whatsapp-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-whatsapp:hover,
.btn-icon-soft-whatsapp:focus-visible {
    background-color: rgba(var(--whatsapp-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-whatsapp {
    background-color: rgba(var(--whatsapp-rgb), var(--opacity-0)) !important;
    color: var(--whatsapp) !important;
    border-color: rgba(var(--whatsapp-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-whatsapp:hover,
.btn-icon-ghost-whatsapp:focus-visible {
    background-color: rgba(var(--whatsapp-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-whatsapp {
    background-color: rgba(var(--whatsapp-rgb), var(--opacity-0)) !important;
    color: var(--whatsapp) !important;
    border-color: rgba(var(--whatsapp-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-whatsapp:hover,
.btn-icon-link-whatsapp:focus-visible {
    background-color: rgba(var(--whatsapp-rgb), var(--opacity-0)) !important;
}

.btn-icon-yelp {
    background-color: var(--yelp) !important;
    color: var(--white) !important;
    border-color: var(--yelp) !important;
}

.btn-icon-yelp:hover,
.btn-icon-yelp:focus-visible {
    background-color: var(--yelp) !important;
    color: var(--white) !important;
    border-color: var(--yelp) !important;
}

.btn-icon-outline-yelp {
    background-color: transparent !important;
    color: var(--yelp) !important;
    border-color: var(--yelp) !important;
}

.btn-icon-outline-yelp:hover,
.btn-icon-outline-yelp:focus-visible {
    background-color: transparent !important;
    color: var(--yelp) !important;
    border-color: var(--yelp) !important;
}

.btn-icon-soft-yelp {
    background-color: rgba(var(--yelp-rgb), var(--opacity-10)) !important;
    color: var(--yelp) !important;
    border-color: rgba(var(--yelp-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-yelp:hover,
.btn-icon-soft-yelp:focus-visible {
    background-color: rgba(var(--yelp-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-yelp {
    background-color: rgba(var(--yelp-rgb), var(--opacity-0)) !important;
    color: var(--yelp) !important;
    border-color: rgba(var(--yelp-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-yelp:hover,
.btn-icon-ghost-yelp:focus-visible {
    background-color: rgba(var(--yelp-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-yelp {
    background-color: rgba(var(--yelp-rgb), var(--opacity-0)) !important;
    color: var(--yelp) !important;
    border-color: rgba(var(--yelp-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-yelp:hover,
.btn-icon-link-yelp:focus-visible {
    background-color: rgba(var(--yelp-rgb), var(--opacity-0)) !important;
}

.btn-icon-tumblr {
    background-color: var(--tumblr) !important;
    color: var(--white) !important;
    border-color: var(--tumblr) !important;
}

.btn-icon-tumblr:hover,
.btn-icon-tumblr:focus-visible {
    background-color: var(--tumblr) !important;
    color: var(--white) !important;
    border-color: var(--tumblr) !important;
}

.btn-icon-outline-tumblr {
    background-color: transparent !important;
    color: var(--tumblr) !important;
    border-color: var(--tumblr) !important;
}

.btn-icon-outline-tumblr:hover,
.btn-icon-outline-tumblr:focus-visible {
    background-color: transparent !important;
    color: var(--tumblr) !important;
    border-color: var(--tumblr) !important;
}

.btn-icon-soft-tumblr {
    background-color: rgba(var(--tumblr-rgb), var(--opacity-10)) !important;
    color: var(--tumblr) !important;
    border-color: rgba(var(--tumblr-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-tumblr:hover,
.btn-icon-soft-tumblr:focus-visible {
    background-color: rgba(var(--tumblr-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-tumblr {
    background-color: rgba(var(--tumblr-rgb), var(--opacity-0)) !important;
    color: var(--tumblr) !important;
    border-color: rgba(var(--tumblr-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-tumblr:hover,
.btn-icon-ghost-tumblr:focus-visible {
    background-color: rgba(var(--tumblr-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-tumblr {
    background-color: rgba(var(--tumblr-rgb), var(--opacity-0)) !important;
    color: var(--tumblr) !important;
    border-color: rgba(var(--tumblr-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-tumblr:hover,
.btn-icon-link-tumblr:focus-visible {
    background-color: rgba(var(--tumblr-rgb), var(--opacity-0)) !important;
}

.btn-icon-medium {
    background-color: var(--medium) !important;
    color: var(--white) !important;
    border-color: var(--medium) !important;
}

.btn-icon-medium:hover,
.btn-icon-medium:focus-visible {
    background-color: var(--medium) !important;
    color: var(--white) !important;
    border-color: var(--medium) !important;
}

.btn-icon-outline-medium {
    background-color: transparent !important;
    color: var(--medium) !important;
    border-color: var(--medium) !important;
}

.btn-icon-outline-medium:hover,
.btn-icon-outline-medium:focus-visible {
    background-color: transparent !important;
    color: var(--medium) !important;
    border-color: var(--medium) !important;
}

.btn-icon-soft-medium {
    background-color: rgba(var(--medium-rgb), var(--opacity-10)) !important;
    color: var(--medium) !important;
    border-color: rgba(var(--medium-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-medium:hover,
.btn-icon-soft-medium:focus-visible {
    background-color: rgba(var(--medium-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-medium {
    background-color: rgba(var(--medium-rgb), var(--opacity-0)) !important;
    color: var(--medium) !important;
    border-color: rgba(var(--medium-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-medium:hover,
.btn-icon-ghost-medium:focus-visible {
    background-color: rgba(var(--medium-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-medium {
    background-color: rgba(var(--medium-rgb), var(--opacity-0)) !important;
    color: var(--medium) !important;
    border-color: rgba(var(--medium-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-medium:hover,
.btn-icon-link-medium:focus-visible {
    background-color: rgba(var(--medium-rgb), var(--opacity-0)) !important;
}

.btn-icon-quora {
    background-color: var(--quora) !important;
    color: var(--white) !important;
    border-color: var(--quora) !important;
}

.btn-icon-quora:hover,
.btn-icon-quora:focus-visible {
    background-color: var(--quora) !important;
    color: var(--white) !important;
    border-color: var(--quora) !important;
}

.btn-icon-outline-quora {
    background-color: transparent !important;
    color: var(--quora) !important;
    border-color: var(--quora) !important;
}

.btn-icon-outline-quora:hover,
.btn-icon-outline-quora:focus-visible {
    background-color: transparent !important;
    color: var(--quora) !important;
    border-color: var(--quora) !important;
}

.btn-icon-soft-quora {
    background-color: rgba(var(--quora-rgb), var(--opacity-10)) !important;
    color: var(--quora) !important;
    border-color: rgba(var(--quora-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-quora:hover,
.btn-icon-soft-quora:focus-visible {
    background-color: rgba(var(--quora-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-quora {
    background-color: rgba(var(--quora-rgb), var(--opacity-0)) !important;
    color: var(--quora) !important;
    border-color: rgba(var(--quora-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-quora:hover,
.btn-icon-ghost-quora:focus-visible {
    background-color: rgba(var(--quora-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-quora {
    background-color: rgba(var(--quora-rgb), var(--opacity-0)) !important;
    color: var(--quora) !important;
    border-color: rgba(var(--quora-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-quora:hover,
.btn-icon-link-quora:focus-visible {
    background-color: rgba(var(--quora-rgb), var(--opacity-0)) !important;
}

.btn-icon-discord {
    background-color: var(--discord) !important;
    color: var(--white) !important;
    border-color: var(--discord) !important;
}

.btn-icon-discord:hover,
.btn-icon-discord:focus-visible {
    background-color: var(--discord) !important;
    color: var(--white) !important;
    border-color: var(--discord) !important;
}

.btn-icon-outline-discord {
    background-color: transparent !important;
    color: var(--discord) !important;
    border-color: var(--discord) !important;
}

.btn-icon-outline-discord:hover,
.btn-icon-outline-discord:focus-visible {
    background-color: transparent !important;
    color: var(--discord) !important;
    border-color: var(--discord) !important;
}

.btn-icon-soft-discord {
    background-color: rgba(var(--discord-rgb), var(--opacity-10)) !important;
    color: var(--discord) !important;
    border-color: rgba(var(--discord-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-discord:hover,
.btn-icon-soft-discord:focus-visible {
    background-color: rgba(var(--discord-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-discord {
    background-color: rgba(var(--discord-rgb), var(--opacity-0)) !important;
    color: var(--discord) !important;
    border-color: rgba(var(--discord-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-discord:hover,
.btn-icon-ghost-discord:focus-visible {
    background-color: rgba(var(--discord-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-discord {
    background-color: rgba(var(--discord-rgb), var(--opacity-0)) !important;
    color: var(--discord) !important;
    border-color: rgba(var(--discord-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-discord:hover,
.btn-icon-link-discord:focus-visible {
    background-color: rgba(var(--discord-rgb), var(--opacity-0)) !important;
}

.btn-icon-twitch {
    background-color: var(--twitch) !important;
    color: var(--white) !important;
    border-color: var(--twitch) !important;
}

.btn-icon-twitch:hover,
.btn-icon-twitch:focus-visible {
    background-color: var(--twitch) !important;
    color: var(--white) !important;
    border-color: var(--twitch) !important;
}

.btn-icon-outline-twitch {
    background-color: transparent !important;
    color: var(--twitch) !important;
    border-color: var(--twitch) !important;
}

.btn-icon-outline-twitch:hover,
.btn-icon-outline-twitch:focus-visible {
    background-color: transparent !important;
    color: var(--twitch) !important;
    border-color: var(--twitch) !important;
}

.btn-icon-soft-twitch {
    background-color: rgba(var(--twitch-rgb), var(--opacity-10)) !important;
    color: var(--twitch) !important;
    border-color: rgba(var(--twitch-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-twitch:hover,
.btn-icon-soft-twitch:focus-visible {
    background-color: rgba(var(--twitch-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-twitch {
    background-color: rgba(var(--twitch-rgb), var(--opacity-0)) !important;
    color: var(--twitch) !important;
    border-color: rgba(var(--twitch-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-twitch:hover,
.btn-icon-ghost-twitch:focus-visible {
    background-color: rgba(var(--twitch-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-twitch {
    background-color: rgba(var(--twitch-rgb), var(--opacity-0)) !important;
    color: var(--twitch) !important;
    border-color: rgba(var(--twitch-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-twitch:hover,
.btn-icon-link-twitch:focus-visible {
    background-color: rgba(var(--twitch-rgb), var(--opacity-0)) !important;
}

.btn-icon-vimeo {
    background-color: var(--vimeo) !important;
    color: var(--white) !important;
    border-color: var(--vimeo) !important;
}

.btn-icon-vimeo:hover,
.btn-icon-vimeo:focus-visible {
    background-color: var(--vimeo) !important;
    color: var(--white) !important;
    border-color: var(--vimeo) !important;
}

.btn-icon-outline-vimeo {
    background-color: transparent !important;
    color: var(--vimeo) !important;
    border-color: var(--vimeo) !important;
}

.btn-icon-outline-vimeo:hover,
.btn-icon-outline-vimeo:focus-visible {
    background-color: transparent !important;
    color: var(--vimeo) !important;
    border-color: var(--vimeo) !important;
}

.btn-icon-soft-vimeo {
    background-color: rgba(var(--vimeo-rgb), var(--opacity-10)) !important;
    color: var(--vimeo) !important;
    border-color: rgba(var(--vimeo-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-vimeo:hover,
.btn-icon-soft-vimeo:focus-visible {
    background-color: rgba(var(--vimeo-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-vimeo {
    background-color: rgba(var(--vimeo-rgb), var(--opacity-0)) !important;
    color: var(--vimeo) !important;
    border-color: rgba(var(--vimeo-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-vimeo:hover,
.btn-icon-ghost-vimeo:focus-visible {
    background-color: rgba(var(--vimeo-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-vimeo {
    background-color: rgba(var(--vimeo-rgb), var(--opacity-0)) !important;
    color: var(--vimeo) !important;
    border-color: rgba(var(--vimeo-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-vimeo:hover,
.btn-icon-link-vimeo:focus-visible {
    background-color: rgba(var(--vimeo-rgb), var(--opacity-0)) !important;
}

.btn-icon-threads {
    background-color: var(--threads) !important;
    color: var(--white) !important;
    border-color: var(--threads) !important;
}

.btn-icon-threads:hover,
.btn-icon-threads:focus-visible {
    background-color: var(--threads) !important;
    color: var(--white) !important;
    border-color: var(--threads) !important;
}

.btn-icon-outline-threads {
    background-color: transparent !important;
    color: var(--threads) !important;
    border-color: var(--threads) !important;
}

.btn-icon-outline-threads:hover,
.btn-icon-outline-threads:focus-visible {
    background-color: transparent !important;
    color: var(--threads) !important;
    border-color: var(--threads) !important;
}

.btn-icon-soft-threads {
    background-color: rgba(var(--threads-rgb), var(--opacity-10)) !important;
    color: var(--threads) !important;
    border-color: rgba(var(--threads-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-threads:hover,
.btn-icon-soft-threads:focus-visible {
    background-color: rgba(var(--threads-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-threads {
    background-color: rgba(var(--threads-rgb), var(--opacity-0)) !important;
    color: var(--threads) !important;
    border-color: rgba(var(--threads-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-threads:hover,
.btn-icon-ghost-threads:focus-visible {
    background-color: rgba(var(--threads-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-threads {
    background-color: rgba(var(--threads-rgb), var(--opacity-0)) !important;
    color: var(--threads) !important;
    border-color: rgba(var(--threads-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-threads:hover,
.btn-icon-link-threads:focus-visible {
    background-color: rgba(var(--threads-rgb), var(--opacity-0)) !important;
}

.btn-icon-airbnb {
    background-color: var(--airbnb) !important;
    color: var(--white) !important;
    border-color: var(--airbnb) !important;
}

.btn-icon-airbnb:hover,
.btn-icon-airbnb:focus-visible {
    background-color: var(--airbnb) !important;
    color: var(--white) !important;
    border-color: var(--airbnb) !important;
}

.btn-icon-outline-airbnb {
    background-color: transparent !important;
    color: var(--airbnb) !important;
    border-color: var(--airbnb) !important;
}

.btn-icon-outline-airbnb:hover,
.btn-icon-outline-airbnb:focus-visible {
    background-color: transparent !important;
    color: var(--airbnb) !important;
    border-color: var(--airbnb) !important;
}

.btn-icon-soft-airbnb {
    background-color: rgba(var(--airbnb-rgb), var(--opacity-10)) !important;
    color: var(--airbnb) !important;
    border-color: rgba(var(--airbnb-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-airbnb:hover,
.btn-icon-soft-airbnb:focus-visible {
    background-color: rgba(var(--airbnb-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-airbnb {
    background-color: rgba(var(--airbnb-rgb), var(--opacity-0)) !important;
    color: var(--airbnb) !important;
    border-color: rgba(var(--airbnb-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-airbnb:hover,
.btn-icon-ghost-airbnb:focus-visible {
    background-color: rgba(var(--airbnb-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-airbnb {
    background-color: rgba(var(--airbnb-rgb), var(--opacity-0)) !important;
    color: var(--airbnb) !important;
    border-color: rgba(var(--airbnb-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-airbnb:hover,
.btn-icon-link-airbnb:focus-visible {
    background-color: rgba(var(--airbnb-rgb), var(--opacity-0)) !important;
}

.btn-icon-skype {
    background-color: var(--skype) !important;
    color: var(--white) !important;
    border-color: var(--skype) !important;
}

.btn-icon-skype:hover,
.btn-icon-skype:focus-visible {
    background-color: var(--skype) !important;
    color: var(--white) !important;
    border-color: var(--skype) !important;
}

.btn-icon-outline-skype {
    background-color: transparent !important;
    color: var(--skype) !important;
    border-color: var(--skype) !important;
}

.btn-icon-outline-skype:hover,
.btn-icon-outline-skype:focus-visible {
    background-color: transparent !important;
    color: var(--skype) !important;
    border-color: var(--skype) !important;
}

.btn-icon-soft-skype {
    background-color: rgba(var(--skype-rgb), var(--opacity-10)) !important;
    color: var(--skype) !important;
    border-color: rgba(var(--skype-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-skype:hover,
.btn-icon-soft-skype:focus-visible {
    background-color: rgba(var(--skype-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-skype {
    background-color: rgba(var(--skype-rgb), var(--opacity-0)) !important;
    color: var(--skype) !important;
    border-color: rgba(var(--skype-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-skype:hover,
.btn-icon-ghost-skype:focus-visible {
    background-color: rgba(var(--skype-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-skype {
    background-color: rgba(var(--skype-rgb), var(--opacity-0)) !important;
    color: var(--skype) !important;
    border-color: rgba(var(--skype-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-skype:hover,
.btn-icon-link-skype:focus-visible {
    background-color: rgba(var(--skype-rgb), var(--opacity-0)) !important;
}

.btn-icon-slack {
    background-color: var(--slack) !important;
    color: var(--white) !important;
    border-color: var(--slack) !important;
}

.btn-icon-slack:hover,
.btn-icon-slack:focus-visible {
    background-color: var(--slack) !important;
    color: var(--white) !important;
    border-color: var(--slack) !important;
}

.btn-icon-outline-slack {
    background-color: transparent !important;
    color: var(--slack) !important;
    border-color: var(--slack) !important;
}

.btn-icon-outline-slack:hover,
.btn-icon-outline-slack:focus-visible {
    background-color: transparent !important;
    color: var(--slack) !important;
    border-color: var(--slack) !important;
}

.btn-icon-soft-slack {
    background-color: rgba(var(--slack-rgb), var(--opacity-10)) !important;
    color: var(--slack) !important;
    border-color: rgba(var(--slack-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-slack:hover,
.btn-icon-soft-slack:focus-visible {
    background-color: rgba(var(--slack-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-slack {
    background-color: rgba(var(--slack-rgb), var(--opacity-0)) !important;
    color: var(--slack) !important;
    border-color: rgba(var(--slack-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-slack:hover,
.btn-icon-ghost-slack:focus-visible {
    background-color: rgba(var(--slack-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-slack {
    background-color: rgba(var(--slack-rgb), var(--opacity-0)) !important;
    color: var(--slack) !important;
    border-color: rgba(var(--slack-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-slack:hover,
.btn-icon-link-slack:focus-visible {
    background-color: rgba(var(--slack-rgb), var(--opacity-0)) !important;
}

.btn-icon-intercom {
    background-color: var(--intercom) !important;
    color: var(--white) !important;
    border-color: var(--intercom) !important;
}

.btn-icon-intercom:hover,
.btn-icon-intercom:focus-visible {
    background-color: var(--intercom) !important;
    color: var(--white) !important;
    border-color: var(--intercom) !important;
}

.btn-icon-outline-intercom {
    background-color: transparent !important;
    color: var(--intercom) !important;
    border-color: var(--intercom) !important;
}

.btn-icon-outline-intercom:hover,
.btn-icon-outline-intercom:focus-visible {
    background-color: transparent !important;
    color: var(--intercom) !important;
    border-color: var(--intercom) !important;
}

.btn-icon-soft-intercom {
    background-color: rgba(var(--intercom-rgb), var(--opacity-10)) !important;
    color: var(--intercom) !important;
    border-color: rgba(var(--intercom-rgb), var(--opacity-0)) !important;
}

.btn-icon-soft-intercom:hover,
.btn-icon-soft-intercom:focus-visible {
    background-color: rgba(var(--intercom-rgb), var(--opacity-20)) !important;
}

.btn-icon-ghost-intercom {
    background-color: rgba(var(--intercom-rgb), var(--opacity-0)) !important;
    color: var(--intercom) !important;
    border-color: rgba(var(--intercom-rgb), var(--opacity-0)) !important;
}

.btn-icon-ghost-intercom:hover,
.btn-icon-ghost-intercom:focus-visible {
    background-color: rgba(var(--intercom-rgb), var(--opacity-20)) !important;
}

.btn-icon-link-intercom {
    background-color: rgba(var(--intercom-rgb), var(--opacity-0)) !important;
    color: var(--intercom) !important;
    border-color: rgba(var(--intercom-rgb), var(--opacity-0)) !important;
}

.btn-icon-link-intercom:hover,
.btn-icon-link-intercom:focus-visible {
    background-color: rgba(var(--intercom-rgb), var(--opacity-0)) !important;
}

/* =========================================================================
   Store Button Styles
   ========================================================================= */
.store-button {
    padding: 0.5rem 1.25rem;
    border-radius: 0.5rem;
}

.store-button img {
    height: 2.25rem;
}

.store-button.dark {
    background: var(--black);
}

.store-button.dark:active {
    background: var(--black);
    border-color: var(--black);
}

.store-button.dark .light-button {
    display: none;
}

.store-button.white {
    background: var(--white);
}

.store-button.white:active {
    background: var(--white);
    border-color: var(--white);
}

.store-button.white .dark-button {
    display: none;
}

.store-button.btn-xl {
    padding: 0.75rem 1.5rem;
}

.store-button.btn-xl img {
    height: 2.5rem;
}

/* =========================================================================
   Button Size Variants
   ========================================================================= */
.btn-sm {
    --bs-btn-padding-x: var(--btn-sm-padding-x);
    --bs-btn-padding-y: var(--btn-sm-padding-y);
    --bs-btn-font-size: var(--btn-sm-text);
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-weight: 500;
    min-width: var(--btn-sm-size);
    min-height: var(--btn-sm-size);
    gap: calc(var(--btn-sm-size) / 4);
}

.btn-sm.icon {
    padding: 0;
    min-width: 2rem;
    min-height: 2rem;
}

.btn-sm.icon i {
    font-size: 0.75rem;
}

.btn-sm[class*=btn-expand] {
    padding-right: 0.875rem;
}

.btn-sm[class*=btn-expand]:before,
.btn-sm[class*=btn-expand] .icon--block {
    width: 2rem;
}

.btn-sm[class*=btn-expand] span {
    padding-left: 2.5rem;
}

.btn-sm[class*=btn-expand]:hover span {
    padding-left: 2.2rem;
    padding-right: 0.3rem;
}

.btn-lg {
    --bs-btn-padding-x: var(--btn-lg-padding-x);
    --bs-btn-padding-y: var(--btn-lg-padding-y);
    --bs-btn-font-size: var(--btn-text);
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-weight: 500;
    min-width: var(--btn-lg-size);
    min-height: var(--btn-lg-size);
    gap: calc(var(--btn-lg-size) / 4);
}

.btn-lg.icon {
    padding: 0;
    min-width: 3rem;
    min-height: 3rem;
}

.btn-lg.icon i {
    font-size: 0.875rem;
}

.btn-lg[class*=btn-expand] {
    padding-right: 1.5rem;
}

.btn-lg[class*=btn-expand]:before,
.btn-lg[class*=btn-expand] .icon--block {
    width: 3rem;
}

.btn-lg[class*=btn-expand] span {
    padding-left: 3.625rem;
}

.btn-lg[class*=btn-expand]:hover span {
    padding-left: 3.125rem;
    padding-right: 0.5rem;
}

.btn-xl {
    --bs-btn-padding-x: var(--btn-xl-padding-x);
    --bs-btn-padding-y: var(--btn-xl-padding-y);
    --bs-btn-font-size: var(--btn-xl-text);
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    --bs-btn-font-weight: 500;
    min-width: var(--btn-xl-size);
    min-height: var(--btn-xl-size);
    gap: calc(var(--btn-xl-size) / 4);
}

.btn-xl.icon {
    padding: 0;
    min-width: 3.625rem;
    min-height: 3.625rem;
}

.btn-xl.icon i {
    font-size: 1rem;
}

.btn-xl[class*=btn-expand] {
    padding-right: 1.5rem;
}

.btn-xl[class*=btn-expand]:before,
.btn-xl[class*=btn-expand] .icon--block {
    width: 3.625rem;
}

.btn-xl[class*=btn-expand] span {
    padding-left: 4.5rem;
}

.btn-xl[class*=btn-expand]:hover span {
    padding-left: 4rem;
    padding-right: 0.5rem;
}

/* =========================================================================
   Carousel Styles
   ========================================================================= */
/* =========================================================================
   Owl Carousel Dot Navigation
   ========================================================================= */
.owl-theme .owl-dots .owl-dot span {
    width: 24px;
    height: 3px;
    border-radius: 10px;
}

/* =========================================================================
   App Intro Carousel
   ========================================================================= */
#appIntro .owl-item {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#appIntro .owl-item.center {
    position: relative;
    z-index: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#appIntro .owl-item.active {
    opacity: 0.8;
}

#appIntro .owl-item.active.center {
    opacity: 1;
}

#appIntro .owl-item {
    padding: 50px 0;
}

/* =========================================================================
   Dropdown Menu Styles
   ========================================================================= */
/* =========================================================================
   Hero Banner Styles
   ========================================================================= */
.purple-light:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    background: url(../images/app-landing/purple-light.webp);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

/* =========================================================================
   Pagination Styles
   ========================================================================= */
.pagination {
    margin-bottom: 0;
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-active-bg: var(--bs-primary-bg);
    --bs-pagination-active-border-color: var(--bs-primary);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-body-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
    margin: var(--bs-margin) !important;
}

.pagination .page-item {
    margin-bottom: 0;
}

.pagination .page-item .page-link {
    --bs-pagination-color: var(--neutral-600);
    padding: 10px 20px;
}

.pagination .page-item .page-link.active {
    --bs-pagination-active-bg: var(--primary-600);
}

.pagination .page-item .page-link:focus {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--blue-rgb), 0.25);
    --bs-pagination-focus-color: var(--blue-600);
}

.pagination .page-item .page-link:hover {
    --bs-pagination-hover-color: var(--blue-600);
}

.pagination .page-item.active .page-link {
    --bs-pagination-active-bg: var(--blue-600);
    --bs-pagination-active-border-color: var(--blue-600);
    --bs-pagination-active-color: var(--neutral-100);
}

.pagination .page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: var(--bs-transition);
    margin-left: calc(var(--bs-pagination-border-width) * -1);
}

.pagination .page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.pagination .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

.pagination .page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-pagination-border-width) * -1);
}

.pagination .page-item.active .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

.pagination .page-item.disabled .page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}

.pagination .pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination .pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

/* =========================================================================
   Element Styles Consolidation
   ========================================================================= */
/* =========================================================================
   Accordion Styles
   ========================================================================= */
.accordion {
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-border-radius: 0;
}

.accordion.transparent {
    --bs-accordion-bg: transparent;
    --bs-accordion-border: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--dark);
}

.accordion.transparent .accordion-button:focus {
    box-shadow: none;
}

.accordion.transparent .accordion-button:focus {
    box-shadow: none;
}

.accordion.transparent:focus-visible {
    outline: 0;
}

.accordion.transparent .accordion-item .accordion-body {
    padding: 0.5rem 0.5rem 2.5rem;
}

.accordion .accordion-button {
    padding: 1.5rem 0;
}

.accordion .accordion-button::after {
    --bs-accordion-btn-icon-width: 1rem;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2321252980' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion .accordion-button:not(.collapsed)::after {
    --bs-background-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion.light .accordion-button::after {
    --bs-accordion-btn-icon-width: 1rem;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion.light .accordion-button:not(.collapsed)::after {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

/* =========================================================================
   Team Card Styles
   ========================================================================= */
.team_v1 .team-card .team-image {
    overflow: hidden;
}

.team_v1 .team-card .team-image img {
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    scale: 1;
}

.team_v1 .team-card:hover .team-image {
    overflow: hidden;
}

.team_v1 .team-card:hover .team-image img {
    scale: 1.1;
}

/* =========================================================================
   Slider Styles
   ========================================================================= */
.overflow-x-visible .owl-stage-outer {
    overflow: visible;
}

/* =========================================================================
   Circular Navigation Styles
   ========================================================================= */
.nav-pill .owl-prev,
.nav-pill .owl-next {
    --size: 42px;
    width: var(--size);
    height: var(--size);
    border: 0;
    background: transparent;
    border-radius: 50px;
    border: 1px solid;
    border-color: var(--gray-700);
}

.nav-pill .owl-prev.disabled,
.nav-pill .owl-next.disabled {
    opacity: 0.4;
}

.nav-pill .owl-prev i,
.nav-pill .owl-next i {
    font-family: 'Font Awesome 5 Pro';
}

/* =========================================================================
   Light Navigation Theme
   ========================================================================= */
.nav-light.owl-nav i {
    color: var(--white);
    font-family: 'Font Awesome 5 Pro';
}

.nav-light.owl-nav .owl-prev,
.nav-light.owl-nav .owl-next {
    border-color: var(--gray-100);
}

/* =========================================================================
   Card Styles
   ========================================================================= */
#blog-v1 .heading {
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    max-height: 120px;
    min-height: 120px;
}

#blog-v1 p {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    max-height: 72px;
    min-height: 72px;
}

#blog-v2 .heading {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    max-height: 70px;
    min-height: 36px;
}

#blog-v2 p {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    max-height: 48px;
    min-height: 48px;
}

#blog-v2 .small .heading {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    max-height: 44px;
    min-height: 24px;
}

#blog-v2 .small p {
    line-clamp: 1;
    -webkit-line-clamp: 1;
    max-height: 22px;
    min-height: 22px;
}

#blog-v2 .list img {
    max-width: 100%;
}

.sidebar #blog-v2 .post-card img {
    max-width: 100%;
}

@media (min-width: 576px) {
    .sidebar #blog-v2 .post-card img {
        max-width: 240px;
    }

    #blog-v2 .list img {
        max-width: 160px;
    }
}

@media (min-width: 992px) {
    .sidebar #blog-v2 .post-card img {
        max-width: 140px;
    }
}

@media (min-width: 1200px) {
    #blog-v2 .list img {
        max-width: 200px;
    }
}

/* =========================================================================
   Layout Styles Consolidation
   ========================================================================= */
/* =========================================================================
   Header Styles
   ========================================================================= */
.header {
    display: block;
}

.header .sticky {
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
}

.header .navbar.navbar-light.scrolled {
    background-color: var(--white);
}

.header .navbar.scrolled {
    position: fixed;
    background-color: var(--neutral-950);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header .navbar .navbar-nav .nav-item,
.header .navbar .navbar-nav li {
    margin-bottom: 0;
}

.header.light .hamburger span {
    background: var(--dark);
}

.header.light .main-menu.active,
.hamburger.active+.header.light .main-menu {
    background-color: var(--white);
}

.header .navbar-brand{
    width: 150px;
}
/* =========================================================================
    FadeInDown Animation
    ========================================================================= */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

/* =========================================================================
    Main Menu Styles
    ========================================================================= */
.main-menu {
    display: none;
}

.main-menu.active,
.hamburger.active+.main-menu {
    display: block;
    width: 100%;
    background-color: var(--dark);
    padding: 1rem 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

/* =========================================================================
    Hamburger Menu Styles
    ========================================================================= */
.hamburger {
    width: 30px;
    height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 1002;
}

.hamburger span {
    height: 3px;
    background: var(--white);
    border-radius: 2px;
    transition: all 0.4s ease;
}

.hamburger.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

/* =========================================================================
    Mobile Navigation Styles
    ========================================================================= */
.mobile-nav {
    position: fixed;
    top: -100%;
    right: 0;
    width: 100%;
    height: 100vh;
    background: var(--neutral-950);
    padding: 80px 20px;
    transition: top 0.3s ease;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mobile-nav.active {
    top: 0;
}

.mobile-nav ul {
    list-style: none;
}

.mobile-nav li {
    margin-bottom: 20px;
}

.mobile-nav a {
    text-decoration: none;
    font-size: 3rem;
    color: var(--white);
}

/* =========================================================================
    Responsive Design
    ========================================================================= */
@media (min-width: 992px) {
    .main-menu {
        display: flex !important;
        position: static;
        background: transparent;
        padding: 0;
    }

    .hamburger {
        display: none !important;
    }

    .hamburger span {
        background: var(--dark);
    }
}

/* =========================================================================
    Dropdown menu
    ========================================================================= */
@media (min-width: 992px) {
    .dropdown-menu {
        --bs-dropdown-font-size: var(--text-sm);
        font-size: var(--bs-dropdown-font-size);
        border: 0px;
        box-shadow: rgba(145, 158, 171, 0.2) 0px 2px 4px -1px, rgba(145, 158, 171, 0.14) 0px 4px 5px 0px, rgba(145, 158, 171, 0.12) 0px 1px 10px 0px;
    }

    .hover-dropdown:hover .dropdown-menu {
        display: block;
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .hover-dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        transform: translateY(4px);
        transition: all 0.3s ease;
        opacity: 0;
    }

    .dropdown-item {
        --bs-dropdown-item-padding-y: 0.625rem;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        --bs-dropdown-link-active-bg: var(--blue-700);
    }
}

.pricing-section .price {
    font-weight: 800 !important;
    margin-right: 10px;
    font-size: 30px !important;
}

.features-section .number {
    font-size: 90px;
    font-weight: 900;
    position: absolute;
    bottom: -20px;
    right: 20px;
    color: var(--gray-400);
    opacity: .4;
}

.features-section .card-box:before {
    content: '';
    height: 4px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 100%;
}

.features-section .row>div:nth-child(odd) .card-box:before {
    background: linear-gradient(90deg, var(--white), var(--gray-100));
}

.features-section .row>div:nth-child(even) .card-box:before {
    background: linear-gradient(90deg, var(--gray-100), var(--white));
}

.features-section .row>div:nth-last-child(1) .card-box:before {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .features-section .row>div:nth-child(3) .card-box:before {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .features-section .row>div:nth-child(3) .card-box:before {
        display: block;
    }

    .features-section .card-box:before {
        left: 50%;
        top: 100%;
        height: 30px;
        width: 4px;
    }

    .features-section .row>div:nth-child(odd) .card-box:before {
        background: linear-gradient(0deg, var(--sky-400), var(--white));
    }

    .features-section .row>div:nth-child(even) .card-box:before {
        background: linear-gradient(0deg, var(--white), var(--sky-400));
    }
}

.production-section .module-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 26px;
    align-items: stretch;
}

.production-section .card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 18px;
    box-shadow: none;
}

.production-section .module-primary {
    border-color: rgba(11,42,111,.22);
    background: linear-gradient(180deg, rgba(11,42,111,.08), rgba(255,255,255,1));
}

.production-section .card.pad-lg {
    padding: 24px;
    border-radius: 22px;
}

.production-section .icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(11,42,111,.10);
    display: flex;
    align-items: center;
    border: 1px solid rgba(11,42,111,.14);
    justify-content: center;
}

.production-section .pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: var(--dark-blue-950);
    min-width: 60px;
    text-align: center;
}


.implementation-section .number {
    font-size: 90px;
    font-weight: 900;
    color: var(--dark-blue-950);
    position: absolute;
    bottom: -20px;
    right: 20px;
    opacity: .4;
}

.implementation-section .card-box:before {
    content: '';
    height: 4px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 100%;
}

.implementation-section .row>div:nth-child(odd) .card-box:before {
    background: linear-gradient(90deg, var(--white), var(--white));
}

.implementation-section .row>div:nth-child(even) .card-box:before {
    background: linear-gradient(90deg, var(--white), var(--white));
}

.implementation-section .row>div:nth-last-child(1) .card-box:before {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .implementation-section .row>div:nth-child(3) .card-box:before {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .implementation-section .row>div:nth-child(3) .card-box:before {
        display: block;
    }

    .implementation-section .card-box:before {
        left: 50%;
        top: 100%;
        height: 30px;
        width: 4px;
    }

    .implementation-section .row>div:nth-child(odd) .card-box:before {
        background: linear-gradient(0deg, var(--gray-400), var(--white));
    }

    .implementation-section .row>div:nth-child(even) .card-box:before {
        background: linear-gradient(0deg, var(--white), var(--gray-400));
    }
}

.difference-section .grid {
    display: grid;
    gap: 18px;
}

.difference-section .grid-2 {
    grid-template-columns: 1fr 1fr;
}

.difference-section .h2 {
    margin: 0 0 10px;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.difference-section .sub {
    margin: 0;
    color: #475569;
    font-size: 16px;
    max-width: 60ch;
}

.difference-section .card{
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 18px;
    box-shadow: none;
}

.beforeAfter-section .card{
    background: #fff;
    border: 0;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.beforeAfter-section ul,
.beforeAfter-section li{
    list-style: none;
}

.beforeAfter-section .card-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.beforeAfter-section .card-wrap .leftCard,
.beforeAfter-section .card-wrap .rightCard{
    width: 50%;
    min-width: 50%;
}

.beforeAfter-section .card-wrap .rightCard{
    margin-left: -10%;
    transform: scale(1.05);
}