@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;
  --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;
  --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;
  --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;
  /* 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-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-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-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-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-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-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-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(--gray-700) !important;
  font-weight: 400;
}

::-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;
}

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;
}

/* =========================================================================
   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-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;
}

/* =========================================================================
   Light Navigation Theme
   ========================================================================= */
.nav-light.owl-nav i {
  color: var(--white);
}
.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%;
}
.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);
}

/* =========================================================================
    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);
  }
}