@charset "UTF-8";
/**
 * abstract.scss — Shared base for all downloadable component CSS.
 *
 * Compiles to assets/css/abstract.css. This is the "default CSS" that every
 * Absher component (alert.css, table.css, …) depends on: the design tokens
 * (CSS custom properties), brand colors, typography / @font-face, base resets
 * and the AB color utility classes.
 *
 * A component CSS file on its own is full of var(--ab-*) references — it only
 * renders correctly when abstract.css is linked alongside it.
 *
 * Build: see assets/scripts/build/build-component-css.mjs
 */
/* Silent dependencies — SCSS variables, maps and mixins. Emit no CSS. */
/* =================================

    Variables   
================================= */
/*
    Table of Contents


    * Typography ====

    * Font famliy 
    * Font Weights 
    * Sizes 
    * Heading Sizes
    * Breakpoints
    * Spacing

*/
/*=============================================
=            Gradients            =
=============================================*/
/*=============================================
=            Shadows            =
=============================================*/
/*=============================================
 =            Radius            =
 =============================================*/
/*=============================================
 =            Typography            =
 =============================================*/
/* Font Family */
/*=============================================
 =            Breakpoints            =
 =============================================*/
/*=====  End of Breakpoins  ======*/
/*=============================================
=            Updated Variables            =
=============================================*/
/* numbers */
/*=====  End of Updated Variables  ======*/
/* Move to rem */
/*=============================================
 =            Colors            =
 =============================================*/
/*=============================================
=            Primary            =

    * Primary color pallete is used on the all interactive elements, like CTA's,
     links, active states, inputs...
=============================================*/
/*=============================================
=            Secondary Colors            =
=============================================*/
/*=============================================
=            Tertiary Colors            =
=============================================*/
/*=============================================
=            Neutral Colors            =
=============================================*/
/*=============================================
=            Success Colors            =
=============================================*/
/* Button Success */
/*=============================================
=            Warnings Colors           =
=============================================*/
/* Button Warning */
/*=============================================
=            Information Colors            =
=============================================*/
/*=============================================
=            Error Colors            =
=============================================*/
/*=============================================
=            Grey Colors            =

Grey colors are most often used. These colors 
are used mostly for backgrounds, text, inputs, etc.
=============================================*/
/*=============================================
=            Text Colors - On Light Mode            =
These colors are used for text on the light mode.
=============================================*/
/*=============================================
=            Text Colors - On Dark Mode            =
These colors are used for text on the dark mode.
=============================================*/
/*=====  End of updated colors  ======*/
/* Utilties */
.ab-error-500 {
  color: #F04438;
}

/*=============================================
=            SEMANTIC TOKENS            =

    * Component-level tokens from the new design token set.
    * Values are literal on purpose: they mirror the exported
      JSON exactly. Swap them for primitive references
      (e.g. $background-primary: $primary;) if you prefer.
=============================================*/
/*=============================================
=            Backgrounds & Surfaces            =
=============================================*/
/*=============================================
=            Text - Semantic            =
=============================================*/
/*=============================================
=            Disabled States            =
=============================================*/
/*=============================================
=            Borders            =
=============================================*/
/*=============================================
=            Buttons            =
=============================================*/
/*=============================================
=            Chips            =
=============================================*/
/*=============================================
=            Links            =
=============================================*/
/*=============================================
=            Icons            =
=============================================*/
/*=============================================
=            Tags            =
=============================================*/
/*=============================================
=            Forms & Fields            =
=============================================*/
/*=============================================
=            Date Cells            =
=============================================*/
/*=============================================
=            Controls            =
=============================================*/
/*=============================================
=            Tables            =
=============================================*/
/*=============================================
=            Steppers            =
=============================================*/
/*=============================================
=            Tooltips            =
=============================================*/
/*=============================================
=            Charts & Progress            =
=============================================*/
/*=============================================
=            Alpha / Transparency            =
=============================================*/
/* =================================

    Variables   
================================= */
/*
    Table of Contents


    * Typography ====

    * Font famliy 
    * Font Weights 
    * Sizes 
    * Heading Sizes
    * Breakpoints
    * Spacing

*/
/*=============================================
=            Gradients            =
=============================================*/
/*=============================================
=            Shadows            =
=============================================*/
/*=============================================
 =            Radius            =
 =============================================*/
/*=============================================
 =            Typography            =
 =============================================*/
/* Font Family */
/*=============================================
 =            Breakpoints            =
 =============================================*/
/*=====  End of Breakpoins  ======*/
/*=============================================
=            Updated Variables            =
=============================================*/
/* numbers */
/*=====  End of Updated Variables  ======*/
/* Move to rem */
/*=============================================
=            SCSS Mixins                      =
=============================================*/
/**
  * Media Query Mixins
  */
/* respond to different screen sizes by min width */
/* respond to different screen sizes by max width */
/* respond to different screen sizes by min width */
/* respond to different screen sizes by max width */
/* respond to different screen sizes by min and max width */
/**
  * Shadow Mixin Variatons
  */
/* Emitted shared CSS */
@font-face {
  font-family: "riyal-symbol";
  src: url("../fonts/riyal-symbol.eot?10hl0k");
  src: url("../fonts/riyal-symbol.eot?10hl0k#iefix") format("embedded-opentype"), url("../fonts/riyal-symbol.ttf?10hl0k") format("truetype"), url("../fonts/riyal-symbol.woff?10hl0k") format("woff"), url("../fonts/riyal-symbol.svg?10hl0k#riyal-symbol") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Thin.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-ExtraLight.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Light.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Light.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("../fonts/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*=============================================
=               CSS RESETS                    =
=============================================*/
/**
 *
 * The normalize.css npm package improves browser rendering consistency.
 * https://necolas.github.io/normalize.css/
 */
/*=============================================
=            Fonts used            =
=============================================*/
:root .container-fluid {
  --bs-gutter-x: 6rem;
}
@media all and (max-width: 768px) {
  :root .container-fluid {
    --bs-gutter-x: 2rem;
  }
}
@media all and (max-width: 768px) {
  :root .container {
    --bs-gutter-x: 2rem;
  }
}

.rtl {
  direction: rtl;
}

/*=============================================
=               Default Styles                =
=============================================*/
*:focus-visible {
  outline: 0;
  box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--Border-Focus);
}

body {
  margin: 0;
  padding: 0;
  text-align: start;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  color: var(--Text-Headings, #232425);
  margin-bottom: 0;
}

h1 {
  font-size: 5.25rem;
  font-weight: 700;
  line-height: 7.87rem;
}

h2 {
  font-size: 4.25rem;
  font-weight: 700;
  line-height: normal;
}

h3,
.h3 {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: normal;
}

h4 {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: normal;
}

h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
}

p {
  font-size: 1rem;
  color: var(--ab-text-secondary);
  margin-bottom: 0rem !important;
}

p > b {
  color: var(--ab-text-primary);
}

p > strong {
  color: var(--ab-text-primary);
}

a {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  text-decoration: none;
  color: var(--ab-text-secondary);
  cursor: pointer;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}
a.nav-link {
  color: var(--Icon-Information-Active, #4f5154);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
a.active {
  color: var(--ab-primary);
}
a.underline {
  text-decoration: underline;
}
a:disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.dropdown-item {
  text-align: right;
}

a i {
  font-weight: initial;
}

button {
  background: none;
  border: none;
}

b,
strong {
  font-weight: 700;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.dotted {
  list-style: initial;
  padding-inline-start: 2rem;
}

span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: inherit;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  line-height: normal;
  display: inline-block;
}
span.label {
  font-size: 1rem;
  font-weight: 700;
}
span.caption {
  font-size: 0.75rem;
  font-weight: 400;
}
span.hint-msg {
  font-size: 12px;
  font-weight: 400;
  color: var(--ab-grey-600);
  letter-spacing: 0.0125rem;
}
span.hint-msg.hidden {
  display: none;
}
span.ellipsis {
  width: 9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flex-fill {
  flex: 1 1 100% !important;
}

.container-fluid {
  --bs-gutter-x: 6rem;
}

.card {
  display: inline-flex;
  padding: 2rem;
  flex-direction: column;
  gap: 1.5rem;
  background-color: var(--ab-white);
  border: none;
}

#dev-server-modal {
  display: none !important;
}

label {
  font-size: 0.875rem;
  color: var(--Text-Subtitles, #525451);
  font-weight: 400;
  cursor: pointer;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

.space {
  flex: 1;
}

.hidden {
  display: none;
  visibility: hidden;
}

.w-full {
  width: 100%;
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  perspective: 1000px;
}
.loader-container.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.5s ease-in-out;
}
.loader-container.hide .loader {
  transform: translateZ(-500px);
  transition: transform 1.2s ease;
}

.loader {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #1B8354;
  animation: wave 1.5s infinite linear;
  position: relative;
}
.loader::before, .loader::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  animation: inherit;
  animation-delay: -0.5s;
}
.loader::after {
  animation-delay: -1s;
}

@keyframes wave {
  100% {
    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
  }
}
@media all and (max-width: 768px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3.25rem;
  }
  h3 {
    font-size: 2.125rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  p {
    font-size: 1rem;
  }
}
/*
  * RTL direction styles
  */
body[dir=ltr],
.ltr {
  text-align: left;
}
body[dir=ltr] a,
.ltr a {
  text-align: left;
}
body[dir=ltr] .nav-item i,
.ltr .nav-item i {
  transform: rotateY(180deg);
}

/*=============================================
=   BreadCrumbs Global Style   BEFGINS        =
=============================================*/
.item,
.item-active {
  font-family: "IBM Plex Sans Arabic";
}

.item:empty::after {
  display: none !important;
  content: "" !important;
}

.ab-breadcrumbs ol {
  list-style-type: none;
}
.ab-breadcrumbs .absher-breadcrumb-item {
  color: #D2D6DB;
  font-family: "remixicon";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.ab-breadcrumbs .item {
  color: var(--ab-text-colors-tertiary, #969798);
  text-decoration: none !important;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}
.ab-breadcrumbs b {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}
.ab-breadcrumbs .breadcrumb {
  display: flex;
}
.ab-breadcrumbs .absher-breadcrumb {
  display: flex;
  flex-direction: row;
}
.ab-breadcrumbs .absher-breadcrumb-item.active {
  color: var(--ab-text-primary, #232425);
}

.ab-breadcrumb-item:not(:last-child)::after {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.ab-breadcrumb-item:not(:last-child)::after + .ab-breadcrumb-item > *:not(:empty)::after {
  content: "\ea6e";
}

.ab-breadcrumb-item {
  display: flex;
  flex-direction: row;
}

.ab-breadcrumb-item:not(:last-child) + .ab-breadcrumb-item:not(:first-child) + a {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.item {
  color: var(--ab-text-colors-tertiary, #969798) !important;
}

.item-active {
  color: var(--ab-text-colors-primary, #232425);
}

.ab-breadcrumb-item:not(:last-child)::after {
  content: "\ea6e";
}

.rtl .ab-breadcrumb-item:not(:last-child)::after {
  content: "\ea64";
}

/*=====  End of BreadCrumbs Global Style  ======*/
:root {
  --ab-white: #FFFFFF;
  --ab-black: #161616;
  --ab-primary: #1B8354;
  --ab-primary-dark: #166A45;
  --ab-primary-darker: #14573A;
  --ab-primary-light: #B8EACB;
  --ab-primary-lighter: #F3FCF6;
  --ab-primary-xlight: #e8f4ed;
  --ab-primary-xxlight: #DFF6E7;
  --ab-primary-8: rgba(27, 131, 84, 0.0784313725);
  --ab-primary-1000: #075127;
  --ab-primary-100: #dcfae6;
  --ab-primary-130: #3D8369;
  --ab-primary-30: #008550;
  --ab-primary-solid-hover: #075127;
  --ab-primary-logo: #1B8354;
  --ab-primary-800: #085d3a;
  --ab-primary-1000: #075127;
  --ab-primary-1010: rgba(30, 194, 123, 0.2);
  --ab-primary-1100: #003e29;
  --ab-primary-placeholder: #88D8AD;
  /*=============================================
  =            primary Colors            =
  =============================================*/
  --ab-primary-25: #F7FDF9;
  --ab-primary-50: #F3FCF6;
  --ab-primary-100: #DFF6E7;
  --ab-primary-200: #B8EACB;
  --ab-primary-300: #88D8AD;
  --ab-primary-400: #54C08A;
  --ab-primary-500: #25935F;
  --ab-primary-600: #1B8354;
  --ab-primary-700: #166A45;
  --ab-primary-800: #14573A;
  --ab-primary-900: #104631;
  --ab-primary-950: #092A1E;
  --Border-Focus: #092A1E;
  /*=============================================
  =            Secondary/neutral Colors            =
  =============================================*/
  --ab-neutral-0: #FFFFFF;
  --ab-neutral-25: #fcfcfd;
  --ab-neutral-50: #f9fafb;
  --ab-neutral-100: #f3f4f6;
  --ab-neutral-200: #e5e7eb;
  --ab-neutral-300: #d2d6db;
  --ab-neutral-400: #9da4ae;
  --ab-neutral-500: #6c727e;
  --ab-neutral-600: #4d5761;
  --ab-neutral-700: #384250;
  --ab-neutral-800: #1f2a37;
  --ab-neutral-850: #111927;
  --ab-neutral-950: #0c111b;
  --ab-secondary-25: #FFFEF7;
  --ab-secondary-50: #FFFEF2;
  --ab-secondary-100: #FFFCE6;
  --ab-secondary-200: #FCF3BD;
  --ab-secondary-300: #FAE996;
  --ab-secondary-400: #F7D54D;
  --ab-secondary-500: #F5BD02;
  --ab-secondary-600: #DBA102;
  --ab-secondary-700: #B87B02;
  --ab-secondary-800: #945C01;
  --ab-secondary-850: #6E3C00;
  --ab-secondary-950: #472400;
  /*=============================================
  =            success Colors            =
  =============================================*/
  --ab-success-25: #F6FEF9;
  --ab-success-50: #ECFDF3;
  --ab-success-100: #DCFAE6;
  --ab-success-200: #ABEFC6;
  --ab-success-300: #75E0A7;
  --ab-success-400: #47CD89;
  --ab-success-500: #17B26A;
  --ab-success-600: #079455;
  --ab-success-700: #067647;
  --ab-success-800: #085D3A;
  --ab-success-850: #074D31;
  --ab-success-950: #053321;
  /*=============================================
  =            Green Colors            =
  =============================================*/
  --ab-green-25: #f6fef9;
  --ab-green-50: #ecfdf3;
  --ab-green-100: #dcfae6;
  --ab-green-200: #abefc6;
  --ab-green-300: #75dfa6;
  --ab-green-400: #47cd89;
  --ab-green-500: #17b169;
  --ab-green-600: #069454;
  --ab-green-700: #067647;
  --ab-green-800: #085d3a;
  --ab-green-850: #074c30;
  --ab-green-950: #053321;
  /*=============================================
  =            warning Colors            =
  =============================================*/
  --ab-warning-25: #FFFCF5;
  --ab-warning-50: #FFFAEB;
  --ab-warning-100: #FEF0C7;
  --ab-warning-200: #FEDF89;
  --ab-warning-300: #FEC84B;
  --ab-warning-400: #FDB022;
  --ab-warning-500: #F79009;
  --ab-warning-600: #DC6803;
  --ab-warning-700: #B54708;
  --ab-warning-800: #93370D;
  --ab-warning-850: #7A2E0E;
  --ab-warning-950: #4E1D09;
  /*=============================================
  =            info Colors            =
  =============================================*/
  --ab-info-25: #F5FAFF;
  --ab-info-50: #EFF8FF;
  --ab-info-100: #D1E9FF;
  --ab-info-200: #B2DDFF;
  --ab-info-300: #84CAFF;
  --ab-info-400: #53B1FD;
  --ab-info-500: #2E90FA;
  --ab-info-600: #1570EF;
  --ab-info-700: #175CD3;
  --ab-info-800: #1849A9;
  --ab-info-850: #194185;
  --ab-info-950: #102A56;
  /*=============================================
  =            error Colors            =
  =============================================*/
  --ab-error-border: #B42318;
  --ab-error-25: #fffbfa;
  --ab-error-50: #fef3f2;
  --ab-error-100: #fee4e2;
  --ab-error-200: #fecdca;
  --ab-error-300: #fca19b;
  --ab-error-400: #f97066;
  --ab-error-500: #f04437;
  --ab-error-600: #d92c20;
  --ab-error-700: #b42318;
  --ab-error-800: #912018;
  --ab-error-850: #7a2619;
  --ab-error-950: #54150c;
  /*=============================================
  =            Background Colors            =
  =============================================*/
  --ab-background-base: #FFFFFF;
  --ab-background-gray-soft: #fcfcfd;
  /*=============================================
  =            Text Colors            =
  =============================================*/
  --ab-text-white: #FFFFFF;
  --ab-text-heading: primary-950;
  --ab-text-body: #111927;
  --ab-text-label: #384250;
  --ab-disabled: #e5e7eb;
  --ab-action: #1B8354;
  --ab-tooltip: #1f2a37;
  /*=============================================
  =            Border radius            =
  =============================================*/
  --ab-secondary-neutral: #FCFCFD;
  --ab-secondary: #DBA102;
  --ab-secondary-dark: #B87B02;
  --ab-secondary-darker: #945C01;
  --ab-secondary-light: #FCF3BD;
  --ab-secondary-lighter: #FFFCE6;
  --ab-secondary-8: rgba(219, 161, 2, 0.08);
  --ab-tertiary: #067647;
  --ab-tertiary-light: #dcfae6;
  --ab-tertiary-dark: #085d3a;
  --ab-tertiary-darker: #074c30;
  --ab-primary-Clickable: #074c30;
  --ab-primary-scroll-thumb: rgba(16, 142, 71, 0.6);
  --ab-primary-scroll-bg: rgba(16, 142, 71, 0.6);
  --ab-system-success: #079455;
  --ab-system-success-darker: #085D3A;
  --ab-system-success-light: #ABEFC6;
  --ab-system-success-lighter: #ECFDF3;
  --ab-system-success-main: #17B26A;
  --ab-system-success-8: rgba(7, 148, 85, 0.08);
  --ab-system-success-20: rgba(7, 148, 85, 0.2);
  --ab-system-success-36: rgba(7, 148, 85, 0.36);
  --ab-system-success-52: rgba(7, 148, 85, 0.52);
  --ab-system-success-68: rgba(7, 148, 85, 0.68);
  --ab-system-success-84: rgba(7, 148, 85, 0.84);
  --ab-system-warning: #F79009;
  --ab-system-warning-main: #FDB022;
  --ab-system-warning-dark: #DC6803;
  --ab-system-warning-darker: #B54708;
  --ab-system-warning-light: #FEC84B;
  --ab-system-warning-lighter: #FEF0C7;
  --ab-system-warning-8: rgba(247, 144, 9, 0.08);
  --ab-system-warning-20: rgba(247, 144, 9, 0.2);
  --ab-system-warning-36: rgba(247, 144, 9, 0.36);
  --ab-system-warning-52: rgba(247, 144, 9, 0.52);
  --ab-system-warning-68: rgba(247, 144, 9, 0.68);
  --ab-system-warning-84: rgba(247, 144, 9, 0.84);
  --ab-system-error: #D92D20;
  --ab-system-error-main: #F04438;
  --ab-system-error-dark: #B42318;
  --ab-system-error-darker: #912018;
  --ab-system-error-light: #FDA29B;
  --ab-system-error-lighter: #FEE4E2;
  --ab-system-error-8: rgba(217, 45, 32, 0.08);
  --ab-system-error-20: rgba(217, 45, 32, 0.2);
  --ab-system-error-36: rgba(217, 45, 32, 0.36);
  --ab-system-error-52: rgba(217, 45, 32, 0.52);
  --ab-system-error-68: rgba(217, 45, 32, 0.68);
  --ab-system-error-84: rgba(217, 45, 32, 0.84);
  --ab-system-error-600: #d92c20;
  --ab-grey-divider: #e1e1e1;
  --ab-grey-8: rgba(42, 43, 45, 0.0784313725);
  --ab-grey-20: rgba(42, 43, 45, 0.2);
  --ab-grey-36: rgba(42, 43, 45, 0.3607843137);
  --ab-grey-52: rgba(42, 43, 45, 0.5215686275);
  --ab-grey-68: rgba(42, 43, 45, 0.6784313725);
  --ab-grey-84: rgba(42, 43, 45, 0.8392156863);
  --ab-grey-100: #f0f0f0;
  --ab-grey-200: #e3e3e3;
  --ab-grey-color-200: #fcfcfc;
  --ab-grey-300: #cacaca;
  --ab-grey-400: #b6b6b6;
  --ab-grey-500: #b6b6b6;
  --ab-grey-600: #969798;
  --ab-grey-700: #73767a;
  --ab-grey-800: #4f5154;
  --ab-grey-900: #2e3032;
  --ab-grey-1000: #232425;
  --ab-natural-outline: #E5E7EB;
  --ab-btn-success: #0a9458;
  --ab-btn-success-hover: #d2f3e5;
  --ab-text: #111927;
  --ab-text-primary: #1F2A37;
  --ab-text-secondary: #4D5761;
  --ab-text-disabled: #9DA4AE;
  --ab-text-tertiary: #D2D6DB;
  --ab-text-white: #FFFFFF;
  --ab-text-grey: #969798;
  --ab-text-dark-primary: #FFFFFF;
  --ab-text-dark-secondary: #F3F4F6;
  --ab-text-dark-tertiary: #D2D6DB;
  --ab-graphics-illustrations: #1B8354;
  /*=============================================
  =            Screen Sizes            =
  =============================================*/
  --screen-lg: 992px;
  --screen-md: 768px;
  --screen-xl: 1200px;
  --ab-spacing: 1.5rem;
  --swiper-navigation-color: #1B8354;
}

/* 
  * html[data-theme="Individual-Light"]
  */
:root {
  /*=============================================
  =            Screen Sizes            =
  =============================================*/
  --screen-sm: 576px;
  --screen-md: 768px;
  --screen-lg: 992px;
  --screen-md: 768px;
  --screen-xl: 1200px;
  --Text-btn-white:#ffffff;
  --Text-Headings-black: #232425;
  --ab-bg-green: #f6f8f9;
  --ab-bg-white: #ffffff;
  --ab-grey-600: #565b66;
  --ab-gradient:linear-gradient(2deg, rgba(232, 244, 237, 0.00) 6.29%, rgba(232, 244, 237, 0.40) 108.41%);
}

[data-theme=Individual-Light] {
  /* Mapped Individual */
  --Grayscale-60: #565B66;
  --ab-bg-white: #ffffff;
  --absher-graphics-illustrations-20: #E5F7EF;
  --Absher-Primary-Clickable: #05622E;
  --Text-Clickable: #075127;
  --ab-ghost-hover-Clickable: rgba(27, 131, 84, 0.0784313725);
  --Text-btn-white:#ffffff;
}

[data-theme=Business-Light] {
  --Surface-Action-Primary: #156fee;
  --Grayscale-60: #565B66;
  --ab-bg-white: #ffffff;
  --ab-primary-scroll-thumb: #156fee;
  --ab-primary-scroll-bg: #156fee;
  --ab-primary-130: #156fee;
  --ab-primary-Clickable: #156fee;
  --ab-primary-xlight: #e5ecf5;
  --ab-primary-30: #156fee;
  --ab-primary-solid-hover: #156fee;
  --ab-primary-1000: #102a56;
  --ab-primary: #156fee;
  --ab-primary-dark: #156fee;
  --ab-primary-darker: #156fee;
  --ab-primary-light: #d1e9ff;
  --ab-primary-lighter: #eff8ff;
  --ab-primary-8: rgba(27, 131, 84, 0.0784313725);
  --ab-primary-logo: #2988C9;
  --ab-primary-25: #f5faff;
  --ab-primary-50: #eff8ff;
  --ab-primary-100: #d1e9ff;
  --ab-primary-200: #e5ecf5;
  --ab-primary-300: #84caff;
  --ab-primary-400: #53b0fd;
  --ab-primary-500: #2e90fa;
  --ab-primary-600: #156fee;
  --ab-primary-700: #175cd3;
  --ab-primary-800: #1849a9;
  --ab-primary-900: #194084;
  --ab-primary-950: #102a56;
  --ab-secondary: #F2F6FA;
  --absher-graphics-illustrations-20: #e5ecf5;
  --Absher-Primary-Clickable: #156fee;
  --Text-Clickable: #156fee;
  --Absher-Gradient-Gradient:linear-gradient(252deg, #F7FDFF 26.92%, #E6F6FC 117.29%);
  --ab-ghost-hover-Clickable: #EEF9FD;
  --ab-gradient:linear-gradient(180deg, #F2F6FA 0%, rgba(242, 246, 250, 0.00) 100%);
}

[data-theme=Government-Light] {
  --Grayscale-60: #565B66;
  --ab-bg-white: #ffffff;
  --ab-primary-scroll-thumb: #715119;
  --ab-primary-scroll-bg: #715119;
  --ab-primary-130: #715119;
  --ab-primary-Clickable: #715119;
  --ab-primary-xlight: #FFF6E8;
  --ab-primary-30: #715119;
  --ab-primary-solid-hover: #82612a;
  --ab-primary-1000: #715119;
  --ab-primary: #715119;
  --ab-primary-dark: #82612a;
  --ab-primary-darker: #82612a;
  --ab-primary-light: #FFF6E8;
  --ab-primary-lighter: #FFF6E8;
  --ab-primary-8: rgba(27, 131, 84, 0.0784313725);
  --ab-primary-logo: #9B773A;
  --ab-primary-800: #715119;
  --Surface-Action-Primary: #715119;
  --ab-grey-600: #565b66;
  --ab-gradient:linear-gradient(180deg, #FFFBF5 0%, rgba(255, 251, 245, 0.00) 72.56%);
  --ab-primary-25: #FBF9F6;
  --ab-primary-50: #F7F3EF;
  --ab-primary-100: #EFEAE6;
  --ab-primary-200: #E2D9CE;
  --ab-primary-300: #D4C8B6;
  --ab-primary-400: #C7B89F;
  --ab-primary-500: #B9A787;
  --ab-primary-600: #AC966F;
  --ab-primary-700: #745742;
  --ab-primary-800: #5F4432;
  --ab-primary-900: #4A3526;
  --ab-primary-950: #3A2A1E;
}

[data-bs-theme=dark] {
  --ab-white:#212529;
  --ab-bg-white:#212529;
  --ab-Backgrounds-Cards-Background: #212529;
  --Text-btn-white:#ffffff;
  --Text-Headings: #ffffff;
  --Text-Subtitles: #ffffff;
  --Colors-Text-Primary-Text:#ffffff;
  --ab-grey-600:#ffffff;
  --Text-Headings-black:#ffffff;
  --ab-text-secondary:#ffffff;
  --ab-bg-green:#212529;
  --Surface-W-Card:#212529;
  --Grayscale-600:#ffffff;
  --Absher-Backgrounds-Grey-Backgrounds:#212529;
  --Surface-Card:#565b66;
  --ab-grey-900:#ffffff;
  --ab-grey-100:#565b66;
  --ab-grey-color-200:#565b66;
  --ab-grey-1000:#ffffff;
  --ab-text-primary:#ffffff;
  --Absher-Gradient-Gradient:linear-gradient(252deg, #272828 26.92%, #5b696e 117.29%);
  --ab-gradient:linear-gradient(252deg, #272828 26.92%, #5b696e 117.29%);
  --Surface-Page:#212529;
  --Text-Body:#ffffff;
}

[data-theme=Individual-Light] {
  --ab-bg-white: #ffffff;
  --colors-error-error-1000: #812222;
  --colors-error-error-600: #d92c20;
  --colors-error-error-700: #b42318;
  --colors-error-error-800: #912018;
  --colors-error-error-900: #7a2619;
  --colors-natural-natural-100: #ffffff;
  --colors-natural-natural-1000: #232425;
  --colors-natural-natural-200: #fcfcfc;
  --colors-natural-natural-300: #f0f0f0;
  --colors-natural-natural-400: #e1e1e1;
  --colors-natural-natural-500: #b7b7b7;
  --colors-natural-natural-600: #565b66;
  --colors-natural-natural-700: #969798;
  --colors-natural-natural-800: #525451;
  --colors-natural-natural-900: #4f5154;
  --colors-natural-white: #ffffff;
  --colors-primary-primary-1000: #075127;
  --colors-primary-primary-500: #ecfdf3;
  --colors-primary-primary-800: #085d3a;
  --colors-primary-primary-900: #074c30;
  --colors-secondary-secondary-600: #dcfae6;
  --colors-secondary-secondary-700: #067647;
  --colors-success-success-200: #abefc6;
  --colors-success-success-300: #75dfa6;
  --colors-success-success-400: #47cd89;
  --colors-success-success-500: #17b169;
  --colors-success-success-600: #069454;
  --colors-warning-warning: #8a6a16;
  --colors-warning-warning-2: #cc9d24;
  --colors-warning-warning-3: #f6c244;
  --colors-warning-warning-4: #ffd568;
  --colors-warning-warning-5: #fcedc7;
  /* Mapped Individual */
  --Border-Disabled: #e1e1e1;
  --Border-Error: #b42318;
  --Border-Focus: #085d3a;
  --Border-Primary: #e1e1e1;
  --Border-Success: #47cd89;
  --Border-Warning: #ffd568;
  --Icon-Disabled: #e1e1e1;
  --Icon-Error: #912018;
  --Icon-Information: #969798;
  --Icon-Information-active: #4f5154;
  --Icon-Primary: #085d3a;
  --Icon-Sucess: #17b169;
  --Icon-Suppoty-icon: #ffffff;
  --Icon-Warning: #cc9d24;
  --Logo-Logo: #085d3a;
  --Surface-Action-Error: #7a2619;
  --Surface-Action-Error-hover: #812222;
  --Surface-Action-Primary: #074c30;
  --Surface-Action-Primary-hover: #075127;
  --Surface-Action-Secondary-hover: #dcfae6;
  --Surface-Action-Sucess: #47cd89;
  --Surface-Action-Warning: #cc9d24;
  --Surface-Card: #fcfcfc;
  --Surface-Disable: #f0f0f0;
  --Surface-Error-bg: #d92c20;
  --Surface-Green-backgrounds: #003e29;
  --Surface-Hover: #ecfdf3;
  --Surface-Page: #ffffff;
  --Surface-Secondary: #067647;
  --Surface-Success: #abefc6;
  --Surface-W-Card: #ffffff;
  --Surface-Warning: #fcedc7;
  --Text-Body: #232425;
  --Text-Clickable: #075127;
  --Text-Disabled: #565b66;
  --Text-Error: #812222;
  --Text-Headings: #232425;
  --Text-Placeholder: #969798;
  --Text-Subtitles: #525451;
  --Text-Success: #069454;
  --Text-Support-Text: #ffffff;
  --Text-Warning: #8a6a16;
}

/*=============================================
=            AB Color Utility Classes            =
=============================================*/
/*=============================================
=            Primary Colors            =
=============================================*/
.ab-text-primary {
  color: #1B8354;
}

.ab-bg-primary {
  background-color: #1B8354;
}

.ab-border-primary {
  border-color: #1B8354;
}

.ab-text-primary-dark {
  color: #166A45;
}

.ab-bg-primary-dark {
  background-color: #166A45;
}

.ab-border-primary-dark {
  border-color: #166A45;
}

.ab-text-primary-darker {
  color: #14573A;
}

.ab-bg-primary-darker {
  background-color: #14573A;
}

.ab-border-primary-darker {
  border-color: #14573A;
}

.ab-text-primary-light {
  color: #B8EACB;
}

.ab-bg-primary-light {
  background-color: #B8EACB;
}

.ab-border-primary-light {
  border-color: #B8EACB;
}

.ab-text-primary-xxlight {
  color: #DFF6E7;
}

.ab-bg-primary-xxlight {
  background-color: #DFF6E7;
}

.ab-border-primary-xxlight {
  border-color: #DFF6E7;
}

.ab-text-primary-lighter {
  color: #F3FCF6;
}

.ab-bg-primary-lighter {
  background-color: #F3FCF6;
}

.ab-border-primary-lighter {
  border-color: #F3FCF6;
}

.ab-text-primary-25 {
  color: #F7FDF9;
}

.ab-bg-primary-25 {
  background-color: #F7FDF9;
}

.ab-border-primary-25 {
  border-color: #F7FDF9;
}

.ab-text-primary-50 {
  color: #F3FCF6;
}

.ab-bg-primary-50 {
  background-color: #F3FCF6;
}

.ab-border-primary-50 {
  border-color: #F3FCF6;
}

.ab-text-primary-100 {
  color: #DFF6E7;
}

.ab-bg-primary-100 {
  background-color: #DFF6E7;
}

.ab-border-primary-100 {
  border-color: #DFF6E7;
}

.ab-text-primary-200 {
  color: #B8EACB;
}

.ab-bg-primary-200 {
  background-color: #B8EACB;
}

.ab-border-primary-200 {
  border-color: #B8EACB;
}

.ab-text-primary-300 {
  color: #88D8AD;
}

.ab-bg-primary-300 {
  background-color: #88D8AD;
}

.ab-border-primary-300 {
  border-color: #88D8AD;
}

.ab-text-primary-400 {
  color: #54C08A;
}

.ab-bg-primary-400 {
  background-color: #54C08A;
}

.ab-border-primary-400 {
  border-color: #54C08A;
}

.ab-text-primary-500 {
  color: #25935F;
}

.ab-bg-primary-500 {
  background-color: #25935F;
}

.ab-border-primary-500 {
  border-color: #25935F;
}

.ab-text-primary-600 {
  color: #1B8354;
}

.ab-bg-primary-600 {
  background-color: #1B8354;
}

.ab-border-primary-600 {
  border-color: #1B8354;
}

.ab-text-primary-700 {
  color: #166A45;
}

.ab-bg-primary-700 {
  background-color: #166A45;
}

.ab-border-primary-700 {
  border-color: #166A45;
}

.ab-text-primary-800 {
  color: #14573A;
}

.ab-bg-primary-800 {
  background-color: #14573A;
}

.ab-border-primary-800 {
  border-color: #14573A;
}

.ab-text-primary-900 {
  color: #104631;
}

.ab-bg-primary-900 {
  background-color: #104631;
}

.ab-border-primary-900 {
  border-color: #104631;
}

.ab-text-primary-950 {
  color: #092A1E;
}

.ab-bg-primary-950 {
  background-color: #092A1E;
}

.ab-border-primary-950 {
  border-color: #092A1E;
}

.ab-text-primary-placeholder {
  color: #88D8AD;
}

.ab-bg-primary-placeholder {
  background-color: #88D8AD;
}

.ab-border-primary-placeholder {
  border-color: #88D8AD;
}

/* Primary Opacity Variations */
.ab-text-primary-8 {
  color: rgba(27, 131, 84, 0.0784313725);
}

.ab-bg-primary-8 {
  background-color: rgba(27, 131, 84, 0.0784313725);
}

.ab-border-primary-8 {
  border-color: rgba(27, 131, 84, 0.0784313725);
}

.ab-text-primary-20 {
  color: rgba(27, 131, 84, 0.2);
}

.ab-bg-primary-20 {
  background-color: rgba(27, 131, 84, 0.2);
}

.ab-border-primary-20 {
  border-color: rgba(27, 131, 84, 0.2);
}

.ab-text-primary-36 {
  color: rgba(27, 131, 84, 0.3607843137);
}

.ab-bg-primary-36 {
  background-color: rgba(27, 131, 84, 0.3607843137);
}

.ab-border-primary-36 {
  border-color: rgba(27, 131, 84, 0.3607843137);
}

.ab-text-primary-52 {
  color: rgba(27, 131, 84, 0.5215686275);
}

.ab-bg-primary-52 {
  background-color: rgba(27, 131, 84, 0.5215686275);
}

.ab-border-primary-52 {
  border-color: rgba(27, 131, 84, 0.5215686275);
}

.ab-text-primary-68 {
  color: rgba(27, 131, 84, 0.6784313725);
}

.ab-bg-primary-68 {
  background-color: rgba(27, 131, 84, 0.6784313725);
}

.ab-border-primary-68 {
  border-color: rgba(27, 131, 84, 0.6784313725);
}

.ab-text-primary-84 {
  color: rgba(27, 131, 84, 0.8392156863);
}

.ab-bg-primary-84 {
  background-color: rgba(27, 131, 84, 0.8392156863);
}

.ab-border-primary-84 {
  border-color: rgba(27, 131, 84, 0.8392156863);
}

.ab-text-primary-xlight {
  color: rgba(27, 131, 84, 0.0784313725);
}

.ab-bg-primary-xlight {
  background-color: rgba(27, 131, 84, 0.0784313725);
}

.ab-border-primary-xlight {
  border-color: rgba(27, 131, 84, 0.0784313725);
}

/*=============================================
=            Secondary Colors            =
=============================================*/
.ab-text-secondary {
  color: #DBA102;
}

.ab-bg-secondary {
  background-color: #DBA102;
}

.ab-border-secondary {
  border-color: #DBA102;
}

.ab-text-secondary-neutral {
  color: #FCFCFD;
}

.ab-bg-secondary-neutral {
  background-color: #FCFCFD;
}

.ab-border-secondary-neutral {
  border-color: #FCFCFD;
}

.ab-text-secondary-dark {
  color: #B87B02;
}

.ab-bg-secondary-dark {
  background-color: #B87B02;
}

.ab-border-secondary-dark {
  border-color: #B87B02;
}

.ab-text-secondary-darker {
  color: #945C01;
}

.ab-bg-secondary-darker {
  background-color: #945C01;
}

.ab-border-secondary-darker {
  border-color: #945C01;
}

.ab-text-secondary-light {
  color: #FCF3BD;
}

.ab-bg-secondary-light {
  background-color: #FCF3BD;
}

.ab-border-secondary-light {
  border-color: #FCF3BD;
}

.ab-text-secondary-lighter {
  color: #FFFCE6;
}

.ab-bg-secondary-lighter {
  background-color: #FFFCE6;
}

.ab-border-secondary-lighter {
  border-color: #FFFCE6;
}

/* Secondary Opacity Variations */
.ab-text-secondary-8 {
  color: rgba(219, 161, 2, 0.08);
}

.ab-bg-secondary-8 {
  background-color: rgba(219, 161, 2, 0.08);
}

.ab-border-secondary-8 {
  border-color: rgba(219, 161, 2, 0.08);
}

.ab-text-secondary-20 {
  color: rgba(219, 161, 2, 0.2);
}

.ab-bg-secondary-20 {
  background-color: rgba(219, 161, 2, 0.2);
}

.ab-border-secondary-20 {
  border-color: rgba(219, 161, 2, 0.2);
}

.ab-text-secondary-36 {
  color: rgba(219, 161, 2, 0.36);
}

.ab-bg-secondary-36 {
  background-color: rgba(219, 161, 2, 0.36);
}

.ab-border-secondary-36 {
  border-color: rgba(219, 161, 2, 0.36);
}

.ab-text-secondary-52 {
  color: rgba(219, 161, 2, 0.52);
}

.ab-bg-secondary-52 {
  background-color: rgba(219, 161, 2, 0.52);
}

.ab-border-secondary-52 {
  border-color: rgba(219, 161, 2, 0.52);
}

.ab-text-secondary-68 {
  color: rgba(219, 161, 2, 0.68);
}

.ab-bg-secondary-68 {
  background-color: rgba(219, 161, 2, 0.68);
}

.ab-border-secondary-68 {
  border-color: rgba(219, 161, 2, 0.68);
}

.ab-text-secondary-84 {
  color: rgba(219, 161, 2, 0.84);
}

.ab-bg-secondary-84 {
  background-color: rgba(219, 161, 2, 0.84);
}

.ab-border-secondary-84 {
  border-color: rgba(219, 161, 2, 0.84);
}

/*=============================================
=            Neutral Colors            =
=============================================*/
.ab-text-neutral-0 {
  color: #FFFFFF;
}

.ab-bg-neutral-0 {
  background-color: #FFFFFF;
}

.ab-border-neutral-0 {
  border-color: #FFFFFF;
}

.ab-text-neutral-25 {
  color: #fcfcfd;
}

.ab-bg-neutral-25 {
  background-color: #fcfcfd;
}

.ab-border-neutral-25 {
  border-color: #fcfcfd;
}

.ab-text-neutral-50 {
  color: #f9fafb;
}

.ab-bg-neutral-50 {
  background-color: #f9fafb;
}

.ab-border-neutral-50 {
  border-color: #f9fafb;
}

.ab-text-neutral-100 {
  color: #f3f4f6;
}

.ab-bg-neutral-100 {
  background-color: #f3f4f6;
}

.ab-border-neutral-100 {
  border-color: #f3f4f6;
}

.ab-text-neutral-200 {
  color: #e5e7eb;
}

.ab-bg-neutral-200 {
  background-color: #e5e7eb;
}

.ab-border-neutral-200 {
  border-color: #e5e7eb;
}

.ab-text-neutral-300 {
  color: #d2d6db;
}

.ab-bg-neutral-300 {
  background-color: #d2d6db;
}

.ab-border-neutral-300 {
  border-color: #d2d6db;
}

.ab-text-neutral-400 {
  color: #9da4ae;
}

.ab-bg-neutral-400 {
  background-color: #9da4ae;
}

.ab-border-neutral-400 {
  border-color: #9da4ae;
}

.ab-text-neutral-500 {
  color: #6c727e;
}

.ab-bg-neutral-500 {
  background-color: #6c727e;
}

.ab-border-neutral-500 {
  border-color: #6c727e;
}

.ab-text-neutral-600 {
  color: #4d5761;
}

.ab-bg-neutral-600 {
  background-color: #4d5761;
}

.ab-border-neutral-600 {
  border-color: #4d5761;
}

.ab-text-neutral-700 {
  color: #384250;
}

.ab-bg-neutral-700 {
  background-color: #384250;
}

.ab-border-neutral-700 {
  border-color: #384250;
}

.ab-text-neutral-800 {
  color: #1f2a37;
}

.ab-bg-neutral-800 {
  background-color: #1f2a37;
}

.ab-border-neutral-800 {
  border-color: #1f2a37;
}

.ab-text-neutral-900 {
  color: #111927;
}

.ab-bg-neutral-900 {
  background-color: #111927;
}

.ab-border-neutral-900 {
  border-color: #111927;
}

.ab-text-neutral-950 {
  color: #0c111b;
}

.ab-bg-neutral-950 {
  background-color: #0c111b;
}

.ab-border-neutral-950 {
  border-color: #0c111b;
}

/*=============================================
=            Success Colors            =
=============================================*/
.ab-text-success {
  color: #079455;
}

.ab-bg-success {
  background-color: #079455;
}

.ab-border-success {
  border-color: #079455;
}

.ab-text-success-dark {
  color: #067647;
}

.ab-bg-success-dark {
  background-color: #067647;
}

.ab-border-success-dark {
  border-color: #067647;
}

.ab-text-success-darker {
  color: #085D3A;
}

.ab-bg-success-darker {
  background-color: #085D3A;
}

.ab-border-success-darker {
  border-color: #085D3A;
}

.ab-text-success-light {
  color: #ABEFC6;
}

.ab-bg-success-light {
  background-color: #ABEFC6;
}

.ab-border-success-light {
  border-color: #ABEFC6;
}

.ab-text-success-lighter {
  color: #ECFDF3;
}

.ab-bg-success-lighter {
  background-color: #ECFDF3;
}

.ab-border-success-lighter {
  border-color: #ECFDF3;
}

.ab-text-success-main {
  color: #17B26A;
}

.ab-bg-success-main {
  background-color: #17B26A;
}

.ab-border-success-main {
  border-color: #17B26A;
}

.ab-text-success-25 {
  color: #F6FEF9;
}

.ab-bg-success-25 {
  background-color: #F6FEF9;
}

.ab-border-success-25 {
  border-color: #F6FEF9;
}

.ab-text-success-50 {
  color: #ECFDF3;
}

.ab-bg-success-50 {
  background-color: #ECFDF3;
}

.ab-border-success-50 {
  border-color: #ECFDF3;
}

.ab-text-success-100 {
  color: #DCFAE6;
}

.ab-bg-success-100 {
  background-color: #DCFAE6;
}

.ab-border-success-100 {
  border-color: #DCFAE6;
}

.ab-text-success-200 {
  color: #ABEFC6;
}

.ab-bg-success-200 {
  background-color: #ABEFC6;
}

.ab-border-success-200 {
  border-color: #ABEFC6;
}

.ab-text-success-300 {
  color: #75E0A7;
}

.ab-bg-success-300 {
  background-color: #75E0A7;
}

.ab-border-success-300 {
  border-color: #75E0A7;
}

.ab-text-success-400 {
  color: #47CD89;
}

.ab-bg-success-400 {
  background-color: #47CD89;
}

.ab-border-success-400 {
  border-color: #47CD89;
}

.ab-text-success-500 {
  color: #17B26A;
}

.ab-bg-success-500 {
  background-color: #17B26A;
}

.ab-border-success-500 {
  border-color: #17B26A;
}

.ab-text-success-600 {
  color: #079455;
}

.ab-bg-success-600 {
  background-color: #079455;
}

.ab-border-success-600 {
  border-color: #079455;
}

.ab-text-success-700 {
  color: #067647;
}

.ab-bg-success-700 {
  background-color: #067647;
}

.ab-border-success-700 {
  border-color: #067647;
}

.ab-text-success-800 {
  color: #085D3A;
}

.ab-bg-success-800 {
  background-color: #085D3A;
}

.ab-border-success-800 {
  border-color: #085D3A;
}

.ab-text-success-900 {
  color: #074D31;
}

.ab-bg-success-900 {
  background-color: #074D31;
}

.ab-border-success-900 {
  border-color: #074D31;
}

.ab-text-success-950 {
  color: #053321;
}

.ab-bg-success-950 {
  background-color: #053321;
}

.ab-border-success-950 {
  border-color: #053321;
}

/* Success Opacity Variations */
.ab-text-success-8 {
  color: rgba(7, 148, 85, 0.08);
}

.ab-bg-success-8 {
  background-color: rgba(7, 148, 85, 0.08);
}

.ab-border-success-8 {
  border-color: rgba(7, 148, 85, 0.08);
}

.ab-text-success-20 {
  color: rgba(7, 148, 85, 0.2);
}

.ab-bg-success-20 {
  background-color: rgba(7, 148, 85, 0.2);
}

.ab-border-success-20 {
  border-color: rgba(7, 148, 85, 0.2);
}

.ab-text-success-36 {
  color: rgba(7, 148, 85, 0.36);
}

.ab-bg-success-36 {
  background-color: rgba(7, 148, 85, 0.36);
}

.ab-border-success-36 {
  border-color: rgba(7, 148, 85, 0.36);
}

.ab-text-success-52 {
  color: rgba(7, 148, 85, 0.52);
}

.ab-bg-success-52 {
  background-color: rgba(7, 148, 85, 0.52);
}

.ab-border-success-52 {
  border-color: rgba(7, 148, 85, 0.52);
}

.ab-text-success-68 {
  color: rgba(7, 148, 85, 0.68);
}

.ab-bg-success-68 {
  background-color: rgba(7, 148, 85, 0.68);
}

.ab-border-success-68 {
  border-color: rgba(7, 148, 85, 0.68);
}

.ab-text-success-84 {
  color: rgba(7, 148, 85, 0.84);
}

.ab-bg-success-84 {
  background-color: rgba(7, 148, 85, 0.84);
}

.ab-border-success-84 {
  border-color: rgba(7, 148, 85, 0.84);
}

/* Button Success */
.ab-text-btn-success-darker {
  color: #0a9458;
}

.ab-text-btn-success-light {
  color: #d2f3e5;
}

.ab-bg-btn-success-darker {
  background-color: #0a9458;
}

.ab-bg-btn-success-light {
  background-color: #d2f3e5;
}

.ab-border-btn-success-darker {
  border-color: #0a9458;
}

.ab-border-btn-success-light {
  border-color: #d2f3e5;
}

/*=============================================
=            Warning Colors            =
=============================================*/
.ab-text-warning {
  color: #F79009;
}

.ab-bg-warning {
  background-color: #F79009;
}

.ab-border-warning {
  border-color: #F79009;
}

.ab-text-warning-dark {
  color: #DC6803;
}

.ab-bg-warning-dark {
  background-color: #DC6803;
}

.ab-border-warning-dark {
  border-color: #DC6803;
}

.ab-text-warning-darker {
  color: #B54708;
}

.ab-bg-warning-darker {
  background-color: #B54708;
}

.ab-border-warning-darker {
  border-color: #B54708;
}

.ab-text-warning-light {
  color: #FEC84B;
}

.ab-bg-warning-light {
  background-color: #FEC84B;
}

.ab-border-warning-light {
  border-color: #FEC84B;
}

.ab-text-warning-lighter {
  color: #FEF0C7;
}

.ab-bg-warning-lighter {
  background-color: #FEF0C7;
}

.ab-border-warning-lighter {
  border-color: #FEF0C7;
}

.ab-text-warning-main {
  color: #FDB022;
}

.ab-bg-warning-main {
  background-color: #FDB022;
}

.ab-border-warning-main {
  border-color: #FDB022;
}

.ab-text-warning-25 {
  color: #FFFCF5;
}

.ab-bg-warning-25 {
  background-color: #FFFCF5;
}

.ab-border-warning-25 {
  border-color: #FFFCF5;
}

.ab-text-warning-50 {
  color: #FFFAEB;
}

.ab-bg-warning-50 {
  background-color: #FFFAEB;
}

.ab-border-warning-50 {
  border-color: #FFFAEB;
}

.ab-text-warning-100 {
  color: #FEF0C7;
}

.ab-bg-warning-100 {
  background-color: #FEF0C7;
}

.ab-border-warning-100 {
  border-color: #FEF0C7;
}

.ab-text-warning-200 {
  color: #FEDF89;
}

.ab-bg-warning-200 {
  background-color: #FEDF89;
}

.ab-border-warning-200 {
  border-color: #FEDF89;
}

.ab-text-warning-300 {
  color: #FEC84B;
}

.ab-bg-warning-300 {
  background-color: #FEC84B;
}

.ab-border-warning-300 {
  border-color: #FEC84B;
}

.ab-text-warning-400 {
  color: #FDB022;
}

.ab-bg-warning-400 {
  background-color: #FDB022;
}

.ab-border-warning-400 {
  border-color: #FDB022;
}

.ab-text-warning-500 {
  color: #F79009;
}

.ab-bg-warning-500 {
  background-color: #F79009;
}

.ab-border-warning-500 {
  border-color: #F79009;
}

.ab-text-warning-600 {
  color: #DC6803;
}

.ab-bg-warning-600 {
  background-color: #DC6803;
}

.ab-border-warning-600 {
  border-color: #DC6803;
}

.ab-text-warning-700 {
  color: #B54708;
}

.ab-bg-warning-700 {
  background-color: #B54708;
}

.ab-border-warning-700 {
  border-color: #B54708;
}

.ab-text-warning-800 {
  color: #93370D;
}

.ab-bg-warning-800 {
  background-color: #93370D;
}

.ab-border-warning-800 {
  border-color: #93370D;
}

.ab-text-warning-900 {
  color: #7A2E0E;
}

.ab-bg-warning-900 {
  background-color: #7A2E0E;
}

.ab-border-warning-900 {
  border-color: #7A2E0E;
}

.ab-text-warning-950 {
  color: #4E1D09;
}

.ab-bg-warning-950 {
  background-color: #4E1D09;
}

.ab-border-warning-950 {
  border-color: #4E1D09;
}

/* Warning Opacity Variations */
.ab-text-warning-8 {
  color: rgba(247, 144, 9, 0.08);
}

.ab-bg-warning-8 {
  background-color: rgba(247, 144, 9, 0.08);
}

.ab-border-warning-8 {
  border-color: rgba(247, 144, 9, 0.08);
}

.ab-text-warning-20 {
  color: rgba(247, 144, 9, 0.2);
}

.ab-bg-warning-20 {
  background-color: rgba(247, 144, 9, 0.2);
}

.ab-border-warning-20 {
  border-color: rgba(247, 144, 9, 0.2);
}

.ab-text-warning-36 {
  color: rgba(247, 144, 9, 0.36);
}

.ab-bg-warning-36 {
  background-color: rgba(247, 144, 9, 0.36);
}

.ab-border-warning-36 {
  border-color: rgba(247, 144, 9, 0.36);
}

.ab-text-warning-52 {
  color: rgba(247, 144, 9, 0.52);
}

.ab-bg-warning-52 {
  background-color: rgba(247, 144, 9, 0.52);
}

.ab-border-warning-52 {
  border-color: rgba(247, 144, 9, 0.52);
}

.ab-text-warning-68 {
  color: rgba(247, 144, 9, 0.68);
}

.ab-bg-warning-68 {
  background-color: rgba(247, 144, 9, 0.68);
}

.ab-border-warning-68 {
  border-color: rgba(247, 144, 9, 0.68);
}

.ab-text-warning-84 {
  color: rgba(247, 144, 9, 0.84);
}

.ab-bg-warning-84 {
  background-color: rgba(247, 144, 9, 0.84);
}

.ab-border-warning-84 {
  border-color: rgba(247, 144, 9, 0.84);
}

/* Button Warning */
.ab-text-btn-warning {
  color: #ffc225;
}

.ab-bg-btn-warning {
  background-color: #ffc225;
}

.ab-border-btn-warning {
  border-color: #ffc225;
}

/*=============================================
=            Info Colors            =
=============================================*/
.ab-text-info-25 {
  color: #F5FAFF;
}

.ab-bg-info-25 {
  background-color: #F5FAFF;
}

.ab-border-info-25 {
  border-color: #F5FAFF;
}

.ab-text-info-50 {
  color: #EFF8FF;
}

.ab-bg-info-50 {
  background-color: #EFF8FF;
}

.ab-border-info-50 {
  border-color: #EFF8FF;
}

.ab-text-info-100 {
  color: #D1E9FF;
}

.ab-bg-info-100 {
  background-color: #D1E9FF;
}

.ab-border-info-100 {
  border-color: #D1E9FF;
}

.ab-text-info-200 {
  color: #B2DDFF;
}

.ab-bg-info-200 {
  background-color: #B2DDFF;
}

.ab-border-info-200 {
  border-color: #B2DDFF;
}

.ab-text-info-300 {
  color: #84CAFF;
}

.ab-bg-info-300 {
  background-color: #84CAFF;
}

.ab-border-info-300 {
  border-color: #84CAFF;
}

.ab-text-info-400 {
  color: #53B1FD;
}

.ab-bg-info-400 {
  background-color: #53B1FD;
}

.ab-border-info-400 {
  border-color: #53B1FD;
}

.ab-text-info-500 {
  color: #2E90FA;
}

.ab-bg-info-500 {
  background-color: #2E90FA;
}

.ab-border-info-500 {
  border-color: #2E90FA;
}

.ab-text-info-600 {
  color: #1570EF;
}

.ab-bg-info-600 {
  background-color: #1570EF;
}

.ab-border-info-600 {
  border-color: #1570EF;
}

.ab-text-info-700 {
  color: #175CD3;
}

.ab-bg-info-700 {
  background-color: #175CD3;
}

.ab-border-info-700 {
  border-color: #175CD3;
}

.ab-text-info-800 {
  color: #1849A9;
}

.ab-bg-info-800 {
  background-color: #1849A9;
}

.ab-border-info-800 {
  border-color: #1849A9;
}

.ab-text-info-900 {
  color: #194185;
}

.ab-bg-info-900 {
  background-color: #194185;
}

.ab-border-info-900 {
  border-color: #194185;
}

.ab-text-info-950 {
  color: #102A56;
}

.ab-bg-info-950 {
  background-color: #102A56;
}

.ab-border-info-950 {
  border-color: #102A56;
}

/*=============================================
=            Error Colors            =
=============================================*/
.ab-text-error {
  color: #D92D20;
}

.ab-bg-error {
  background-color: #D92D20;
}

.ab-border-error {
  border-color: #D92D20;
}

.ab-text-error-dark {
  color: #B42318;
}

.ab-bg-error-dark {
  background-color: #B42318;
}

.ab-border-error-dark {
  border-color: #B42318;
}

.ab-text-error-darker {
  color: #912018;
}

.ab-bg-error-darker {
  background-color: #912018;
}

.ab-border-error-darker {
  border-color: #912018;
}

.ab-text-error-light {
  color: #FDA29B;
}

.ab-bg-error-light {
  background-color: #FDA29B;
}

.ab-border-error-light {
  border-color: #FDA29B;
}

.ab-text-error-lighter {
  color: #FEE4E2;
}

.ab-bg-error-lighter {
  background-color: #FEE4E2;
}

.ab-border-error-lighter {
  border-color: #FEE4E2;
}

.ab-text-error-main {
  color: #F04438;
}

.ab-bg-error-main {
  background-color: #F04438;
}

.ab-border-error-main {
  border-color: #F04438;
}

.ab-text-error-border {
  color: #B42318;
}

.ab-bg-error-border {
  background-color: #B42318;
}

.ab-border-error-border {
  border-color: #B42318;
}

.ab-text-error-25 {
  color: #FFFBFA;
}

.ab-bg-error-25 {
  background-color: #FFFBFA;
}

.ab-border-error-25 {
  border-color: #FFFBFA;
}

.ab-text-error-50 {
  color: #FEF3F2;
}

.ab-bg-error-50 {
  background-color: #FEF3F2;
}

.ab-border-error-50 {
  border-color: #FEF3F2;
}

.ab-text-error-100 {
  color: #FEE4E2;
}

.ab-bg-error-100 {
  background-color: #FEE4E2;
}

.ab-border-error-100 {
  border-color: #FEE4E2;
}

.ab-text-error-200 {
  color: #FECDCA;
}

.ab-bg-error-200 {
  background-color: #FECDCA;
}

.ab-border-error-200 {
  border-color: #FECDCA;
}

.ab-text-error-300 {
  color: #FDA29B;
}

.ab-bg-error-300 {
  background-color: #FDA29B;
}

.ab-border-error-300 {
  border-color: #FDA29B;
}

.ab-text-error-400 {
  color: #F97066;
}

.ab-bg-error-400 {
  background-color: #F97066;
}

.ab-border-error-400 {
  border-color: #F97066;
}

.ab-text-error-500 {
  color: #F04438;
}

.ab-bg-error-500 {
  background-color: #F04438;
}

.ab-border-error-500 {
  border-color: #F04438;
}

.ab-text-error-600 {
  color: #D92D20;
}

.ab-bg-error-600 {
  background-color: #D92D20;
}

.ab-border-error-600 {
  border-color: #D92D20;
}

.ab-text-error-700 {
  color: #B42318;
}

.ab-bg-error-700 {
  background-color: #B42318;
}

.ab-border-error-700 {
  border-color: #B42318;
}

.ab-text-error-800 {
  color: #912018;
}

.ab-bg-error-800 {
  background-color: #912018;
}

.ab-border-error-800 {
  border-color: #912018;
}

.ab-text-error-900 {
  color: #7A271A;
}

.ab-bg-error-900 {
  background-color: #7A271A;
}

.ab-border-error-900 {
  border-color: #7A271A;
}

.ab-text-error-950 {
  color: #55160C;
}

.ab-bg-error-950 {
  background-color: #55160C;
}

.ab-border-error-950 {
  border-color: #55160C;
}

/* Error Opacity Variations */
.ab-text-error-8 {
  color: rgba(217, 45, 32, 0.08);
}

.ab-bg-error-8 {
  background-color: rgba(217, 45, 32, 0.08);
}

.ab-border-error-8 {
  border-color: rgba(217, 45, 32, 0.08);
}

.ab-text-error-20 {
  color: rgba(217, 45, 32, 0.2);
}

.ab-bg-error-20 {
  background-color: rgba(217, 45, 32, 0.2);
}

.ab-border-error-20 {
  border-color: rgba(217, 45, 32, 0.2);
}

.ab-text-error-36 {
  color: rgba(217, 45, 32, 0.36);
}

.ab-bg-error-36 {
  background-color: rgba(217, 45, 32, 0.36);
}

.ab-border-error-36 {
  border-color: rgba(217, 45, 32, 0.36);
}

.ab-text-error-52 {
  color: rgba(217, 45, 32, 0.52);
}

.ab-bg-error-52 {
  background-color: rgba(217, 45, 32, 0.52);
}

.ab-border-error-52 {
  border-color: rgba(217, 45, 32, 0.52);
}

.ab-text-error-68 {
  color: rgba(217, 45, 32, 0.68);
}

.ab-bg-error-68 {
  background-color: rgba(217, 45, 32, 0.68);
}

.ab-border-error-68 {
  border-color: rgba(217, 45, 32, 0.68);
}

.ab-text-error-84 {
  color: rgba(217, 45, 32, 0.84);
}

.ab-bg-error-84 {
  background-color: rgba(217, 45, 32, 0.84);
}

.ab-border-error-84 {
  border-color: rgba(217, 45, 32, 0.84);
}

/* Button Error */
.ab-text-error-btn {
  color: #c92f2f;
}

.ab-bg-error-btn {
  background-color: #c92f2f;
}

.ab-border-error-btn {
  border-color: #c92f2f;
}

/*=============================================
=            Grey Colors            =
=============================================*/
.ab-text-grey-100 {
  color: #f0f0f0;
}

.ab-bg-grey-100 {
  background-color: #f0f0f0;
}

.ab-border-grey-100 {
  border-color: #f0f0f0;
}

.ab-text-grey-200 {
  color: #e3e3e3;
}

.ab-bg-grey-200 {
  background-color: #e3e3e3;
}

.ab-border-grey-200 {
  border-color: #e3e3e3;
}

.ab-text-grey-300 {
  color: #cacaca;
}

.ab-bg-grey-300 {
  background-color: #cacaca;
}

.ab-border-grey-300 {
  border-color: #cacaca;
}

.ab-text-grey-400 {
  color: #b6b6b6;
}

.ab-bg-grey-400 {
  background-color: #b6b6b6;
}

.ab-border-grey-400 {
  border-color: #b6b6b6;
}

.ab-text-grey-500 {
  color: #b6b6b6;
}

.ab-bg-grey-500 {
  background-color: #b6b6b6;
}

.ab-border-grey-500 {
  border-color: #b6b6b6;
}

.ab-text-grey-600 {
  color: #969798;
}

.ab-bg-grey-600 {
  background-color: #969798;
}

.ab-border-grey-600 {
  border-color: #969798;
}

.ab-text-grey-700 {
  color: #73767a;
}

.ab-bg-grey-700 {
  background-color: #73767a;
}

.ab-border-grey-700 {
  border-color: #73767a;
}

.ab-text-grey-800 {
  color: #4f5154;
}

.ab-bg-grey-800 {
  background-color: #4f5154;
}

.ab-border-grey-800 {
  border-color: #4f5154;
}

.ab-text-grey-850 {
  color: #565B66;
}

.ab-bg-grey-850 {
  background-color: #565B66;
}

.ab-border-grey-850 {
  border-color: #565B66;
}

.ab-text-grey-900 {
  color: #2e3032;
}

.ab-bg-grey-900 {
  background-color: #2e3032;
}

.ab-border-grey-900 {
  border-color: #2e3032;
}

.ab-text-grey-1000 {
  color: #232425;
}

.ab-bg-grey-1000 {
  background-color: #232425;
}

.ab-border-grey-1000 {
  border-color: #232425;
}

/* Grey Opacity Variations */
.ab-text-grey-8 {
  color: rgba(42, 43, 45, 0.0784313725);
}

.ab-bg-grey-8 {
  background-color: rgba(42, 43, 45, 0.0784313725);
}

.ab-border-grey-8 {
  border-color: rgba(42, 43, 45, 0.0784313725);
}

.ab-text-grey-20 {
  color: rgba(42, 43, 45, 0.2);
}

.ab-bg-grey-20 {
  background-color: rgba(42, 43, 45, 0.2);
}

.ab-border-grey-20 {
  border-color: rgba(42, 43, 45, 0.2);
}

.ab-text-grey-36 {
  color: rgba(42, 43, 45, 0.3607843137);
}

.ab-bg-grey-36 {
  background-color: rgba(42, 43, 45, 0.3607843137);
}

.ab-border-grey-36 {
  border-color: rgba(42, 43, 45, 0.3607843137);
}

.ab-text-grey-52 {
  color: rgba(42, 43, 45, 0.5215686275);
}

.ab-bg-grey-52 {
  background-color: rgba(42, 43, 45, 0.5215686275);
}

.ab-border-grey-52 {
  border-color: rgba(42, 43, 45, 0.5215686275);
}

.ab-text-grey-68 {
  color: rgba(42, 43, 45, 0.6784313725);
}

.ab-bg-grey-68 {
  background-color: rgba(42, 43, 45, 0.6784313725);
}

.ab-border-grey-68 {
  border-color: rgba(42, 43, 45, 0.6784313725);
}

.ab-text-grey-84 {
  color: rgba(42, 43, 45, 0.8392156863);
}

.ab-bg-grey-84 {
  background-color: rgba(42, 43, 45, 0.8392156863);
}

.ab-border-grey-84 {
  border-color: rgba(42, 43, 45, 0.8392156863);
}

/*=============================================
=            Text Colors            =
=============================================*/
/* Light Mode Text Colors */
.ab-text-color {
  color: #111927;
}

.ab-text-primary-light {
  color: #1F2A37;
}

.ab-text-secondary-light {
  color: #4D5761;
}

.ab-text-disabled {
  color: #9DA4AE;
}

.ab-text-tertiary-light {
  color: #D2D6DB;
}

.ab-text-white-light {
  color: #FFFFFF;
}

/* Dark Mode Text Colors */
.ab-text-primary-dark {
  color: #FFFFFF;
}

.ab-text-secondary-dark {
  color: #F3F4F6;
}

.ab-text-tertiary-dark {
  color: #D2D6DB;
}

/*=============================================
=            Shadow Colors            =
=============================================*/
.ab-shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(17, 25, 39, 0.0784313725);
}

.ab-shadow-md {
  box-shadow: 0 4px 6px -1px rgba(17, 25, 39, 0.0784313725);
}

.ab-shadow-s {
  box-shadow: 0 1px 3px 0 rgba(17, 25, 39, 0.0784313725);
}

.ab-shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(17, 25, 39, 0.0784313725);
}

.ab-shadow-xs {
  box-shadow: 0 1px 2px 0 rgba(17, 25, 39, 0.0784313725);
}

.ab-shadow-xxl {
  box-shadow: 0 25px 50px -12px rgba(17, 25, 39, 0.2);
}

/*=============================================
=            Green Color Variants            =
=============================================*/
.ab-text-green-01 {
  color: #e8f4ed;
}

.ab-bg-green-01 {
  background-color: #e8f4ed;
}

.ab-border-green-01 {
  border-color: #e8f4ed;
}

.ab-text-green-30 {
  color: #008550;
}

.ab-bg-green-30 {
  background-color: #008550;
}

.ab-border-green-30 {
  border-color: #008550;
}

.ab-text-green-50 {
  color: #ecfdf3;
}

.ab-bg-green-50 {
  background-color: #ecfdf3;
}

.ab-border-green-50 {
  border-color: #ecfdf3;
}

.ab-text-green-100 {
  color: #dcfae6;
}

.ab-bg-green-100 {
  background-color: #dcfae6;
}

.ab-border-green-100 {
  border-color: #dcfae6;
}

.ab-text-green-130 {
  color: #3D8369;
}

.ab-bg-green-130 {
  background-color: #3D8369;
}

.ab-border-green-130 {
  border-color: #3D8369;
}

.ab-text-green-142 {
  color: rgba(16, 142, 71, 0.6);
}

.ab-bg-green-142 {
  background-color: rgba(16, 142, 71, 0.6);
}

.ab-border-green-142 {
  border-color: rgba(16, 142, 71, 0.6);
}

.ab-text-green-200 {
  color: #abefc6;
}

.ab-bg-green-200 {
  background-color: #abefc6;
}

.ab-border-green-200 {
  border-color: #abefc6;
}

.ab-text-green-300 {
  color: #75dfa6;
}

.ab-bg-green-300 {
  background-color: #75dfa6;
}

.ab-border-green-300 {
  border-color: #75dfa6;
}

.ab-text-green-400 {
  color: #47cd89;
}

.ab-bg-green-400 {
  background-color: #47cd89;
}

.ab-border-green-400 {
  border-color: #47cd89;
}

.ab-text-green-500 {
  color: #17b169;
}

.ab-bg-green-500 {
  background-color: #17b169;
}

.ab-border-green-500 {
  border-color: #17b169;
}

.ab-text-green-600 {
  color: #069454;
}

.ab-bg-green-600 {
  background-color: #069454;
}

.ab-border-green-600 {
  border-color: #069454;
}

.ab-text-green-700 {
  color: #067647;
}

.ab-bg-green-700 {
  background-color: #067647;
}

.ab-border-green-700 {
  border-color: #067647;
}

.ab-text-green-800 {
  color: #085d3a;
}

.ab-bg-green-800 {
  background-color: #085d3a;
}

.ab-border-green-800 {
  border-color: #085d3a;
}

.ab-text-green-900 {
  color: #074c30;
}

.ab-bg-green-900 {
  background-color: #074c30;
}

.ab-border-green-900 {
  border-color: #074c30;
}

.ab-text-green-1000 {
  color: #075127;
}

.ab-bg-green-1000 {
  background-color: #075127;
}

.ab-border-green-1000 {
  border-color: #075127;
}

.ab-text-green-1010 {
  color: rgba(30, 194, 123, 0.2);
}

.ab-bg-green-1010 {
  background-color: rgba(30, 194, 123, 0.2);
}

.ab-border-green-1010 {
  border-color: rgba(30, 194, 123, 0.2);
}

.ab-text-green-1100 {
  color: #003e29;
}

.ab-bg-green-1100 {
  background-color: #003e29;
}

.ab-border-green-1100 {
  border-color: #003e29;
}

.ab-text-green-logo {
  color: #00AB67;
}

.ab-bg-green-logo {
  background-color: #00AB67;
}

.ab-border-green-logo {
  border-color: #00AB67;
}

.ab-text-green-xlight {
  color: #f6f8f9;
}

.ab-bg-green-xlight {
  background-color: #f6f8f9;
}

.ab-border-green-xlight {
  border-color: #f6f8f9;
}

/*=============================================
=            Blue Color Variants            =
=============================================*/
.ab-text-blue-25 {
  color: #f5faff;
}

.ab-bg-blue-25 {
  background-color: #f5faff;
}

.ab-border-blue-25 {
  border-color: #f5faff;
}

.ab-text-blue-50 {
  color: #eff8ff;
}

.ab-bg-blue-50 {
  background-color: #eff8ff;
}

.ab-border-blue-50 {
  border-color: #eff8ff;
}

.ab-text-blue-100 {
  color: #d1e9ff;
}

.ab-bg-blue-100 {
  background-color: #d1e9ff;
}

.ab-border-blue-100 {
  border-color: #d1e9ff;
}

.ab-text-blue-200 {
  color: #e5ecf5;
}

.ab-bg-blue-200 {
  background-color: #e5ecf5;
}

.ab-border-blue-200 {
  border-color: #e5ecf5;
}

.ab-text-blue-300 {
  color: #84caff;
}

.ab-bg-blue-300 {
  background-color: #84caff;
}

.ab-border-blue-300 {
  border-color: #84caff;
}

.ab-text-blue-400 {
  color: #53b0fd;
}

.ab-bg-blue-400 {
  background-color: #53b0fd;
}

.ab-border-blue-400 {
  border-color: #53b0fd;
}

.ab-text-blue-500 {
  color: #2e90fa;
}

.ab-bg-blue-500 {
  background-color: #2e90fa;
}

.ab-border-blue-500 {
  border-color: #2e90fa;
}

.ab-text-blue-600 {
  color: #156fee;
}

.ab-bg-blue-600 {
  background-color: #156fee;
}

.ab-border-blue-600 {
  border-color: #156fee;
}

.ab-text-blue-700 {
  color: #175cd3;
}

.ab-bg-blue-700 {
  background-color: #175cd3;
}

.ab-border-blue-700 {
  border-color: #175cd3;
}

.ab-text-blue-800 {
  color: #1849a9;
}

.ab-bg-blue-800 {
  background-color: #1849a9;
}

.ab-border-blue-800 {
  border-color: #1849a9;
}

.ab-text-blue-900 {
  color: #194084;
}

.ab-bg-blue-900 {
  background-color: #194084;
}

.ab-border-blue-900 {
  border-color: #194084;
}

.ab-text-blue-950 {
  color: #102a56;
}

.ab-bg-blue-950 {
  background-color: #102a56;
}

.ab-border-blue-950 {
  border-color: #102a56;
}

.ab-text-blue-xlight {
  color: #EEF9FD;
}

.ab-bg-blue-xlight {
  background-color: #EEF9FD;
}

.ab-border-blue-xlight {
  border-color: #EEF9FD;
}

.ab-text-blue-logo {
  color: #2988C9;
}

.ab-bg-blue-logo {
  background-color: #2988C9;
}

.ab-border-blue-logo {
  border-color: #2988C9;
}

.ab-text-blue-secondary {
  color: #F2F6FA;
}

.ab-bg-blue-secondary {
  background-color: #F2F6FA;
}

.ab-border-blue-secondary {
  border-color: #F2F6FA;
}

/*=============================================
=            Brown Color Variants            =
=============================================*/
.ab-text-brown {
  color: #715119;
}

.ab-bg-brown {
  background-color: #715119;
}

.ab-border-brown {
  border-color: #715119;
}

.ab-text-brown-logo {
  color: #9B773A;
}

.ab-bg-brown-logo {
  background-color: #9B773A;
}

.ab-border-brown-logo {
  border-color: #9B773A;
}

.ab-text-brown-dark {
  color: #82612a;
}

.ab-bg-brown-dark {
  background-color: #82612a;
}

.ab-border-brown-dark {
  border-color: #82612a;
}

.ab-text-brown-light {
  color: #FFF6E8;
}

.ab-bg-brown-light {
  background-color: #FFF6E8;
}

.ab-border-brown-light {
  border-color: #FFF6E8;
}

/*=============================================
=            Red Color Variants            =
=============================================*/
.ab-text-red-600 {
  color: #d92c20;
}

.ab-bg-red-600 {
  background-color: #d92c20;
}

.ab-border-red-600 {
  border-color: #d92c20;
}

.ab-text-red-700 {
  color: #b42318;
}

.ab-bg-red-700 {
  background-color: #b42318;
}

.ab-border-red-700 {
  border-color: #b42318;
}

.ab-text-red-800 {
  color: #912018;
}

.ab-bg-red-800 {
  background-color: #912018;
}

.ab-border-red-800 {
  border-color: #912018;
}

.ab-text-red-900 {
  color: #7a2619;
}

.ab-bg-red-900 {
  background-color: #7a2619;
}

.ab-border-red-900 {
  border-color: #7a2619;
}

.ab-text-red-1000 {
  color: #812222;
}

.ab-bg-red-1000 {
  background-color: #812222;
}

.ab-border-red-1000 {
  border-color: #812222;
}

/*=============================================
=            Yellow Color Variants            =
=============================================*/
.ab-text-yellow-600 {
  color: #fcedc7;
}

.ab-bg-yellow-600 {
  background-color: #fcedc7;
}

.ab-border-yellow-600 {
  border-color: #fcedc7;
}

.ab-text-yellow-700 {
  color: #ffd568;
}

.ab-bg-yellow-700 {
  background-color: #ffd568;
}

.ab-border-yellow-700 {
  border-color: #ffd568;
}

.ab-text-yellow-800 {
  color: #f6c244;
}

.ab-bg-yellow-800 {
  background-color: #f6c244;
}

.ab-border-yellow-800 {
  border-color: #f6c244;
}

.ab-text-yellow-900 {
  color: #cc9d24;
}

.ab-bg-yellow-900 {
  background-color: #cc9d24;
}

.ab-border-yellow-900 {
  border-color: #cc9d24;
}

.ab-text-yellow-1000 {
  color: #8a6a16;
}

.ab-bg-yellow-1000 {
  background-color: #8a6a16;
}

.ab-border-yellow-1000 {
  border-color: #8a6a16;
}

/*=============================================
=            Additional Color Variants            =
=============================================*/
/* White */
.ab-text-white {
  color: #ffffff;
}

.ab-bg-white {
  background-color: #ffffff;
}

.ab-border-white {
  border-color: #ffffff;
}

/* Black */
.ab-text-black {
  color: #212529;
}

.ab-bg-black {
  background-color: #212529;
}

.ab-border-black {
  border-color: #212529;
}

/* Natural Outline */
.ab-border-natural-outline {
  border-color: #E5E7EB;
}

/* Graphics Illustrations */
.ab-text-graphics-illustrations {
  color: #1B8354;
}

.ab-bg-graphics-illustrations {
  background-color: #1B8354;
}

.ab-border-graphics-illustrations {
  border-color: #1B8354;
}

/*=====  End of AB Color Utility Classes  ======*/
.ab-w-100 {
  width: 100%;
}

.ab-w-50 {
  width: 50%;
}

.ab-w-75 {
  width: 75%;
}

.ab-w-25 {
  width: 25%;
}

.ab-w-xxs {
  width: 320px;
}

.ab-w-xs {
  width: 384px;
}

.ab-w-sm {
  width: 480px;
}

.ab-w-md {
  width: 560px;
}

.ab-w-lg {
  width: 640px;
}

.ab-w-xl {
  width: 768px;
}

.ab-w-2xl {
  width: 1024px;
}

.ab-w-3xl {
  width: 1280px;
}

.ab-w-4xl {
  width: 1440px;
}

@media (min-width: 640px) {
  .sm\:ab-w-100 {
    width: 100%;
  }
  .sm\:ab-w-50 {
    width: 50%;
  }
  .sm\:ab-w-75 {
    width: 75%;
  }
  .sm\:ab-w-25 {
    width: 25%;
  }
  .sm\:ab-w-xxs {
    width: 320px;
  }
  .sm\:ab-w-xs {
    width: 384px;
  }
  .sm\:ab-w-sm {
    width: 480px;
  }
  .sm\:ab-w-md {
    width: 560px;
  }
  .sm\:ab-w-lg {
    width: 640px;
  }
  .sm\:ab-w-xl {
    width: 768px;
  }
  .sm\:ab-w-2xl {
    width: 1024px;
  }
  .sm\:ab-w-3xl {
    width: 1280px;
  }
  .sm\:ab-w-4xl {
    width: 1440px;
  }
}
@media (min-width: 768px) {
  .md\:ab-w-100 {
    width: 100%;
  }
  .md\:ab-w-50 {
    width: 50%;
  }
  .md\:ab-w-75 {
    width: 75%;
  }
  .md\:ab-w-25 {
    width: 25%;
  }
  .md\:ab-w-xxs {
    width: 320px;
  }
  .md\:ab-w-xs {
    width: 384px;
  }
  .md\:ab-w-sm {
    width: 480px;
  }
  .md\:ab-w-md {
    width: 560px;
  }
  .md\:ab-w-lg {
    width: 640px;
  }
  .md\:ab-w-xl {
    width: 768px;
  }
  .md\:ab-w-2xl {
    width: 1024px;
  }
  .md\:ab-w-3xl {
    width: 1280px;
  }
  .md\:ab-w-4xl {
    width: 1440px;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-w-100 {
    width: 100%;
  }
  .lg\:ab-w-50 {
    width: 50%;
  }
  .lg\:ab-w-75 {
    width: 75%;
  }
  .lg\:ab-w-25 {
    width: 25%;
  }
  .lg\:ab-w-xxs {
    width: 320px;
  }
  .lg\:ab-w-xs {
    width: 384px;
  }
  .lg\:ab-w-sm {
    width: 480px;
  }
  .lg\:ab-w-md {
    width: 560px;
  }
  .lg\:ab-w-lg {
    width: 640px;
  }
  .lg\:ab-w-xl {
    width: 768px;
  }
  .lg\:ab-w-2xl {
    width: 1024px;
  }
  .lg\:ab-w-3xl {
    width: 1280px;
  }
  .lg\:ab-w-4xl {
    width: 1440px;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-w-100 {
    width: 100%;
  }
  .xl\:ab-w-50 {
    width: 50%;
  }
  .xl\:ab-w-75 {
    width: 75%;
  }
  .xl\:ab-w-25 {
    width: 25%;
  }
  .xl\:ab-w-xxs {
    width: 320px;
  }
  .xl\:ab-w-xs {
    width: 384px;
  }
  .xl\:ab-w-sm {
    width: 480px;
  }
  .xl\:ab-w-md {
    width: 560px;
  }
  .xl\:ab-w-lg {
    width: 640px;
  }
  .xl\:ab-w-xl {
    width: 768px;
  }
  .xl\:ab-w-2xl {
    width: 1024px;
  }
  .xl\:ab-w-3xl {
    width: 1280px;
  }
  .xl\:ab-w-4xl {
    width: 1440px;
  }
}
.ab-h-100 {
  height: 100%;
}

.ab-h-50 {
  height: 50%;
}

.ab-h-75 {
  height: 75%;
}

.ab-h-25 {
  height: 25%;
}

.ab-h-xxs {
  height: 320px;
}

.ab-h-xs {
  height: 384px;
}

.ab-h-sm {
  height: 480px;
}

.ab-h-md {
  height: 560px;
}

.ab-h-lg {
  height: 640px;
}

.ab-h-xl {
  height: 768px;
}

.ab-h-2xl {
  height: 1024px;
}

.ab-h-3xl {
  height: 1280px;
}

.ab-h-4xl {
  height: 1440px;
}

@media (min-width: 640px) {
  .sm\:ab-h-100 {
    height: 100%;
  }
  .sm\:ab-h-50 {
    height: 50%;
  }
  .sm\:ab-h-75 {
    height: 75%;
  }
  .sm\:ab-h-25 {
    height: 25%;
  }
  .sm\:ab-h-xxs {
    height: 320px;
  }
  .sm\:ab-h-xs {
    height: 384px;
  }
  .sm\:ab-h-sm {
    height: 480px;
  }
  .sm\:ab-h-md {
    height: 560px;
  }
  .sm\:ab-h-lg {
    height: 640px;
  }
  .sm\:ab-h-xl {
    height: 768px;
  }
  .sm\:ab-h-2xl {
    height: 1024px;
  }
  .sm\:ab-h-3xl {
    height: 1280px;
  }
  .sm\:ab-h-4xl {
    height: 1440px;
  }
}
@media (min-width: 768px) {
  .md\:ab-h-100 {
    height: 100%;
  }
  .md\:ab-h-50 {
    height: 50%;
  }
  .md\:ab-h-75 {
    height: 75%;
  }
  .md\:ab-h-25 {
    height: 25%;
  }
  .md\:ab-h-xxs {
    height: 320px;
  }
  .md\:ab-h-xs {
    height: 384px;
  }
  .md\:ab-h-sm {
    height: 480px;
  }
  .md\:ab-h-md {
    height: 560px;
  }
  .md\:ab-h-lg {
    height: 640px;
  }
  .md\:ab-h-xl {
    height: 768px;
  }
  .md\:ab-h-2xl {
    height: 1024px;
  }
  .md\:ab-h-3xl {
    height: 1280px;
  }
  .md\:ab-h-4xl {
    height: 1440px;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-h-100 {
    height: 100%;
  }
  .lg\:ab-h-50 {
    height: 50%;
  }
  .lg\:ab-h-75 {
    height: 75%;
  }
  .lg\:ab-h-25 {
    height: 25%;
  }
  .lg\:ab-h-xxs {
    height: 320px;
  }
  .lg\:ab-h-xs {
    height: 384px;
  }
  .lg\:ab-h-sm {
    height: 480px;
  }
  .lg\:ab-h-md {
    height: 560px;
  }
  .lg\:ab-h-lg {
    height: 640px;
  }
  .lg\:ab-h-xl {
    height: 768px;
  }
  .lg\:ab-h-2xl {
    height: 1024px;
  }
  .lg\:ab-h-3xl {
    height: 1280px;
  }
  .lg\:ab-h-4xl {
    height: 1440px;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-h-100 {
    height: 100%;
  }
  .xl\:ab-h-50 {
    height: 50%;
  }
  .xl\:ab-h-75 {
    height: 75%;
  }
  .xl\:ab-h-25 {
    height: 25%;
  }
  .xl\:ab-h-xxs {
    height: 320px;
  }
  .xl\:ab-h-xs {
    height: 384px;
  }
  .xl\:ab-h-sm {
    height: 480px;
  }
  .xl\:ab-h-md {
    height: 560px;
  }
  .xl\:ab-h-lg {
    height: 640px;
  }
  .xl\:ab-h-xl {
    height: 768px;
  }
  .xl\:ab-h-2xl {
    height: 1024px;
  }
  .xl\:ab-h-3xl {
    height: 1280px;
  }
  .xl\:ab-h-4xl {
    height: 1440px;
  }
}
.ab-min-w-100 {
  min-width: 100%;
}

.ab-min-w-50 {
  min-width: 50%;
}

.ab-min-w-75 {
  min-width: 75%;
}

.ab-min-w-25 {
  min-width: 25%;
}

.ab-min-w-xxs {
  min-width: 320px;
}

.ab-min-w-xs {
  min-width: 384px;
}

.ab-min-w-sm {
  min-width: 480px;
}

.ab-min-w-md {
  min-width: 560px;
}

.ab-min-w-lg {
  min-width: 640px;
}

.ab-min-w-xl {
  min-width: 768px;
}

.ab-min-w-2xl {
  min-width: 1024px;
}

.ab-min-w-3xl {
  min-width: 1280px;
}

.ab-min-w-4xl {
  min-width: 1440px;
}

@media (min-width: 640px) {
  .sm\:ab-min-w-100 {
    min-width: 100%;
  }
  .sm\:ab-min-w-50 {
    min-width: 50%;
  }
  .sm\:ab-min-w-75 {
    min-width: 75%;
  }
  .sm\:ab-min-w-25 {
    min-width: 25%;
  }
  .sm\:ab-min-w-xxs {
    min-width: 320px;
  }
  .sm\:ab-min-w-xs {
    min-width: 384px;
  }
  .sm\:ab-min-w-sm {
    min-width: 480px;
  }
  .sm\:ab-min-w-md {
    min-width: 560px;
  }
  .sm\:ab-min-w-lg {
    min-width: 640px;
  }
  .sm\:ab-min-w-xl {
    min-width: 768px;
  }
  .sm\:ab-min-w-2xl {
    min-width: 1024px;
  }
  .sm\:ab-min-w-3xl {
    min-width: 1280px;
  }
  .sm\:ab-min-w-4xl {
    min-width: 1440px;
  }
}
@media (min-width: 768px) {
  .md\:ab-min-w-100 {
    min-width: 100%;
  }
  .md\:ab-min-w-50 {
    min-width: 50%;
  }
  .md\:ab-min-w-75 {
    min-width: 75%;
  }
  .md\:ab-min-w-25 {
    min-width: 25%;
  }
  .md\:ab-min-w-xxs {
    min-width: 320px;
  }
  .md\:ab-min-w-xs {
    min-width: 384px;
  }
  .md\:ab-min-w-sm {
    min-width: 480px;
  }
  .md\:ab-min-w-md {
    min-width: 560px;
  }
  .md\:ab-min-w-lg {
    min-width: 640px;
  }
  .md\:ab-min-w-xl {
    min-width: 768px;
  }
  .md\:ab-min-w-2xl {
    min-width: 1024px;
  }
  .md\:ab-min-w-3xl {
    min-width: 1280px;
  }
  .md\:ab-min-w-4xl {
    min-width: 1440px;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-min-w-100 {
    min-width: 100%;
  }
  .lg\:ab-min-w-50 {
    min-width: 50%;
  }
  .lg\:ab-min-w-75 {
    min-width: 75%;
  }
  .lg\:ab-min-w-25 {
    min-width: 25%;
  }
  .lg\:ab-min-w-xxs {
    min-width: 320px;
  }
  .lg\:ab-min-w-xs {
    min-width: 384px;
  }
  .lg\:ab-min-w-sm {
    min-width: 480px;
  }
  .lg\:ab-min-w-md {
    min-width: 560px;
  }
  .lg\:ab-min-w-lg {
    min-width: 640px;
  }
  .lg\:ab-min-w-xl {
    min-width: 768px;
  }
  .lg\:ab-min-w-2xl {
    min-width: 1024px;
  }
  .lg\:ab-min-w-3xl {
    min-width: 1280px;
  }
  .lg\:ab-min-w-4xl {
    min-width: 1440px;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-min-w-100 {
    min-width: 100%;
  }
  .xl\:ab-min-w-50 {
    min-width: 50%;
  }
  .xl\:ab-min-w-75 {
    min-width: 75%;
  }
  .xl\:ab-min-w-25 {
    min-width: 25%;
  }
  .xl\:ab-min-w-xxs {
    min-width: 320px;
  }
  .xl\:ab-min-w-xs {
    min-width: 384px;
  }
  .xl\:ab-min-w-sm {
    min-width: 480px;
  }
  .xl\:ab-min-w-md {
    min-width: 560px;
  }
  .xl\:ab-min-w-lg {
    min-width: 640px;
  }
  .xl\:ab-min-w-xl {
    min-width: 768px;
  }
  .xl\:ab-min-w-2xl {
    min-width: 1024px;
  }
  .xl\:ab-min-w-3xl {
    min-width: 1280px;
  }
  .xl\:ab-min-w-4xl {
    min-width: 1440px;
  }
}
.ab-min-h-100 {
  min-height: 100%;
}

.ab-min-h-50 {
  min-height: 50%;
}

.ab-min-h-75 {
  min-height: 75%;
}

.ab-min-h-25 {
  min-height: 25%;
}

.ab-min-h-xxs {
  min-height: 320px;
}

.ab-min-h-xs {
  min-height: 384px;
}

.ab-min-h-sm {
  min-height: 480px;
}

.ab-min-h-md {
  min-height: 560px;
}

.ab-min-h-lg {
  min-height: 640px;
}

.ab-min-h-xl {
  min-height: 768px;
}

.ab-min-h-2xl {
  min-height: 1024px;
}

.ab-min-h-3xl {
  min-height: 1280px;
}

.ab-min-h-4xl {
  min-height: 1440px;
}

@media (min-width: 640px) {
  .sm\:ab-min-h-100 {
    min-height: 100%;
  }
  .sm\:ab-min-h-50 {
    min-height: 50%;
  }
  .sm\:ab-min-h-75 {
    min-height: 75%;
  }
  .sm\:ab-min-h-25 {
    min-height: 25%;
  }
  .sm\:ab-min-h-xxs {
    min-height: 320px;
  }
  .sm\:ab-min-h-xs {
    min-height: 384px;
  }
  .sm\:ab-min-h-sm {
    min-height: 480px;
  }
  .sm\:ab-min-h-md {
    min-height: 560px;
  }
  .sm\:ab-min-h-lg {
    min-height: 640px;
  }
  .sm\:ab-min-h-xl {
    min-height: 768px;
  }
  .sm\:ab-min-h-2xl {
    min-height: 1024px;
  }
  .sm\:ab-min-h-3xl {
    min-height: 1280px;
  }
  .sm\:ab-min-h-4xl {
    min-height: 1440px;
  }
}
@media (min-width: 768px) {
  .md\:ab-min-h-100 {
    min-height: 100%;
  }
  .md\:ab-min-h-50 {
    min-height: 50%;
  }
  .md\:ab-min-h-75 {
    min-height: 75%;
  }
  .md\:ab-min-h-25 {
    min-height: 25%;
  }
  .md\:ab-min-h-xxs {
    min-height: 320px;
  }
  .md\:ab-min-h-xs {
    min-height: 384px;
  }
  .md\:ab-min-h-sm {
    min-height: 480px;
  }
  .md\:ab-min-h-md {
    min-height: 560px;
  }
  .md\:ab-min-h-lg {
    min-height: 640px;
  }
  .md\:ab-min-h-xl {
    min-height: 768px;
  }
  .md\:ab-min-h-2xl {
    min-height: 1024px;
  }
  .md\:ab-min-h-3xl {
    min-height: 1280px;
  }
  .md\:ab-min-h-4xl {
    min-height: 1440px;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-min-h-100 {
    min-height: 100%;
  }
  .lg\:ab-min-h-50 {
    min-height: 50%;
  }
  .lg\:ab-min-h-75 {
    min-height: 75%;
  }
  .lg\:ab-min-h-25 {
    min-height: 25%;
  }
  .lg\:ab-min-h-xxs {
    min-height: 320px;
  }
  .lg\:ab-min-h-xs {
    min-height: 384px;
  }
  .lg\:ab-min-h-sm {
    min-height: 480px;
  }
  .lg\:ab-min-h-md {
    min-height: 560px;
  }
  .lg\:ab-min-h-lg {
    min-height: 640px;
  }
  .lg\:ab-min-h-xl {
    min-height: 768px;
  }
  .lg\:ab-min-h-2xl {
    min-height: 1024px;
  }
  .lg\:ab-min-h-3xl {
    min-height: 1280px;
  }
  .lg\:ab-min-h-4xl {
    min-height: 1440px;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-min-h-100 {
    min-height: 100%;
  }
  .xl\:ab-min-h-50 {
    min-height: 50%;
  }
  .xl\:ab-min-h-75 {
    min-height: 75%;
  }
  .xl\:ab-min-h-25 {
    min-height: 25%;
  }
  .xl\:ab-min-h-xxs {
    min-height: 320px;
  }
  .xl\:ab-min-h-xs {
    min-height: 384px;
  }
  .xl\:ab-min-h-sm {
    min-height: 480px;
  }
  .xl\:ab-min-h-md {
    min-height: 560px;
  }
  .xl\:ab-min-h-lg {
    min-height: 640px;
  }
  .xl\:ab-min-h-xl {
    min-height: 768px;
  }
  .xl\:ab-min-h-2xl {
    min-height: 1024px;
  }
  .xl\:ab-min-h-3xl {
    min-height: 1280px;
  }
  .xl\:ab-min-h-4xl {
    min-height: 1440px;
  }
}
.ab-max-w-100 {
  max-width: 100%;
}

.ab-max-w-50 {
  max-width: 50%;
}

.ab-max-w-75 {
  max-width: 75%;
}

.ab-max-w-25 {
  max-width: 25%;
}

.ab-max-w-xxs {
  max-width: 320px;
}

.ab-max-w-xs {
  max-width: 384px;
}

.ab-max-w-sm {
  max-width: 480px;
}

.ab-max-w-md {
  max-width: 560px;
}

.ab-max-w-lg {
  max-width: 640px;
}

.ab-max-w-xl {
  max-width: 768px;
}

.ab-max-w-2xl {
  max-width: 1024px;
}

.ab-max-w-3xl {
  max-width: 1280px;
}

.ab-max-w-4xl {
  max-width: 1440px;
}

@media (min-width: 640px) {
  .sm\:ab-max-w-100 {
    max-width: 100%;
  }
  .sm\:ab-max-w-50 {
    max-width: 50%;
  }
  .sm\:ab-max-w-75 {
    max-width: 75%;
  }
  .sm\:ab-max-w-25 {
    max-width: 25%;
  }
  .sm\:ab-max-w-xxs {
    max-width: 320px;
  }
  .sm\:ab-max-w-xs {
    max-width: 384px;
  }
  .sm\:ab-max-w-sm {
    max-width: 480px;
  }
  .sm\:ab-max-w-md {
    max-width: 560px;
  }
  .sm\:ab-max-w-lg {
    max-width: 640px;
  }
  .sm\:ab-max-w-xl {
    max-width: 768px;
  }
  .sm\:ab-max-w-2xl {
    max-width: 1024px;
  }
  .sm\:ab-max-w-3xl {
    max-width: 1280px;
  }
  .sm\:ab-max-w-4xl {
    max-width: 1440px;
  }
}
@media (min-width: 768px) {
  .md\:ab-max-w-100 {
    max-width: 100%;
  }
  .md\:ab-max-w-50 {
    max-width: 50%;
  }
  .md\:ab-max-w-75 {
    max-width: 75%;
  }
  .md\:ab-max-w-25 {
    max-width: 25%;
  }
  .md\:ab-max-w-xxs {
    max-width: 320px;
  }
  .md\:ab-max-w-xs {
    max-width: 384px;
  }
  .md\:ab-max-w-sm {
    max-width: 480px;
  }
  .md\:ab-max-w-md {
    max-width: 560px;
  }
  .md\:ab-max-w-lg {
    max-width: 640px;
  }
  .md\:ab-max-w-xl {
    max-width: 768px;
  }
  .md\:ab-max-w-2xl {
    max-width: 1024px;
  }
  .md\:ab-max-w-3xl {
    max-width: 1280px;
  }
  .md\:ab-max-w-4xl {
    max-width: 1440px;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-max-w-100 {
    max-width: 100%;
  }
  .lg\:ab-max-w-50 {
    max-width: 50%;
  }
  .lg\:ab-max-w-75 {
    max-width: 75%;
  }
  .lg\:ab-max-w-25 {
    max-width: 25%;
  }
  .lg\:ab-max-w-xxs {
    max-width: 320px;
  }
  .lg\:ab-max-w-xs {
    max-width: 384px;
  }
  .lg\:ab-max-w-sm {
    max-width: 480px;
  }
  .lg\:ab-max-w-md {
    max-width: 560px;
  }
  .lg\:ab-max-w-lg {
    max-width: 640px;
  }
  .lg\:ab-max-w-xl {
    max-width: 768px;
  }
  .lg\:ab-max-w-2xl {
    max-width: 1024px;
  }
  .lg\:ab-max-w-3xl {
    max-width: 1280px;
  }
  .lg\:ab-max-w-4xl {
    max-width: 1440px;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-max-w-100 {
    max-width: 100%;
  }
  .xl\:ab-max-w-50 {
    max-width: 50%;
  }
  .xl\:ab-max-w-75 {
    max-width: 75%;
  }
  .xl\:ab-max-w-25 {
    max-width: 25%;
  }
  .xl\:ab-max-w-xxs {
    max-width: 320px;
  }
  .xl\:ab-max-w-xs {
    max-width: 384px;
  }
  .xl\:ab-max-w-sm {
    max-width: 480px;
  }
  .xl\:ab-max-w-md {
    max-width: 560px;
  }
  .xl\:ab-max-w-lg {
    max-width: 640px;
  }
  .xl\:ab-max-w-xl {
    max-width: 768px;
  }
  .xl\:ab-max-w-2xl {
    max-width: 1024px;
  }
  .xl\:ab-max-w-3xl {
    max-width: 1280px;
  }
  .xl\:ab-max-w-4xl {
    max-width: 1440px;
  }
}
.ab-max-h-100 {
  max-height: 100%;
}

.ab-max-h-50 {
  max-height: 50%;
}

.ab-max-h-75 {
  max-height: 75%;
}

.ab-max-h-25 {
  max-height: 25%;
}

.ab-max-h-xxs {
  max-height: 320px;
}

.ab-max-h-xs {
  max-height: 384px;
}

.ab-max-h-sm {
  max-height: 480px;
}

.ab-max-h-md {
  max-height: 560px;
}

.ab-max-h-lg {
  max-height: 640px;
}

.ab-max-h-xl {
  max-height: 768px;
}

.ab-max-h-2xl {
  max-height: 1024px;
}

.ab-max-h-3xl {
  max-height: 1280px;
}

.ab-max-h-4xl {
  max-height: 1440px;
}

@media (min-width: 640px) {
  .sm\:ab-max-h-100 {
    max-height: 100%;
  }
  .sm\:ab-max-h-50 {
    max-height: 50%;
  }
  .sm\:ab-max-h-75 {
    max-height: 75%;
  }
  .sm\:ab-max-h-25 {
    max-height: 25%;
  }
  .sm\:ab-max-h-xxs {
    max-height: 320px;
  }
  .sm\:ab-max-h-xs {
    max-height: 384px;
  }
  .sm\:ab-max-h-sm {
    max-height: 480px;
  }
  .sm\:ab-max-h-md {
    max-height: 560px;
  }
  .sm\:ab-max-h-lg {
    max-height: 640px;
  }
  .sm\:ab-max-h-xl {
    max-height: 768px;
  }
  .sm\:ab-max-h-2xl {
    max-height: 1024px;
  }
  .sm\:ab-max-h-3xl {
    max-height: 1280px;
  }
  .sm\:ab-max-h-4xl {
    max-height: 1440px;
  }
}
@media (min-width: 768px) {
  .md\:ab-max-h-100 {
    max-height: 100%;
  }
  .md\:ab-max-h-50 {
    max-height: 50%;
  }
  .md\:ab-max-h-75 {
    max-height: 75%;
  }
  .md\:ab-max-h-25 {
    max-height: 25%;
  }
  .md\:ab-max-h-xxs {
    max-height: 320px;
  }
  .md\:ab-max-h-xs {
    max-height: 384px;
  }
  .md\:ab-max-h-sm {
    max-height: 480px;
  }
  .md\:ab-max-h-md {
    max-height: 560px;
  }
  .md\:ab-max-h-lg {
    max-height: 640px;
  }
  .md\:ab-max-h-xl {
    max-height: 768px;
  }
  .md\:ab-max-h-2xl {
    max-height: 1024px;
  }
  .md\:ab-max-h-3xl {
    max-height: 1280px;
  }
  .md\:ab-max-h-4xl {
    max-height: 1440px;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-max-h-100 {
    max-height: 100%;
  }
  .lg\:ab-max-h-50 {
    max-height: 50%;
  }
  .lg\:ab-max-h-75 {
    max-height: 75%;
  }
  .lg\:ab-max-h-25 {
    max-height: 25%;
  }
  .lg\:ab-max-h-xxs {
    max-height: 320px;
  }
  .lg\:ab-max-h-xs {
    max-height: 384px;
  }
  .lg\:ab-max-h-sm {
    max-height: 480px;
  }
  .lg\:ab-max-h-md {
    max-height: 560px;
  }
  .lg\:ab-max-h-lg {
    max-height: 640px;
  }
  .lg\:ab-max-h-xl {
    max-height: 768px;
  }
  .lg\:ab-max-h-2xl {
    max-height: 1024px;
  }
  .lg\:ab-max-h-3xl {
    max-height: 1280px;
  }
  .lg\:ab-max-h-4xl {
    max-height: 1440px;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-max-h-100 {
    max-height: 100%;
  }
  .xl\:ab-max-h-50 {
    max-height: 50%;
  }
  .xl\:ab-max-h-75 {
    max-height: 75%;
  }
  .xl\:ab-max-h-25 {
    max-height: 25%;
  }
  .xl\:ab-max-h-xxs {
    max-height: 320px;
  }
  .xl\:ab-max-h-xs {
    max-height: 384px;
  }
  .xl\:ab-max-h-sm {
    max-height: 480px;
  }
  .xl\:ab-max-h-md {
    max-height: 560px;
  }
  .xl\:ab-max-h-lg {
    max-height: 640px;
  }
  .xl\:ab-max-h-xl {
    max-height: 768px;
  }
  .xl\:ab-max-h-2xl {
    max-height: 1024px;
  }
  .xl\:ab-max-h-3xl {
    max-height: 1280px;
  }
  .xl\:ab-max-h-4xl {
    max-height: 1440px;
  }
}
.ab-grid {
  display: grid;
}

.ab-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ab-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ab-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ab-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ab-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ab-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ab-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.ab-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.ab-grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.ab-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.ab-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.ab-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.ab-col-span-1 {
  grid-column: span 1/span 1;
}

.ab-col-span-2 {
  grid-column: span 2/span 2;
}

.ab-col-span-3 {
  grid-column: span 3/span 3;
}

.ab-col-span-4 {
  grid-column: span 4/span 4;
}

.ab-col-span-5 {
  grid-column: span 5/span 5;
}

.ab-col-span-6 {
  grid-column: span 6/span 6;
}

.ab-col-span-7 {
  grid-column: span 7/span 7;
}

.ab-col-span-8 {
  grid-column: span 8/span 8;
}

.ab-col-span-9 {
  grid-column: span 9/span 9;
}

.ab-col-span-10 {
  grid-column: span 10/span 10;
}

.ab-col-span-11 {
  grid-column: span 11/span 11;
}

.ab-col-span-12 {
  grid-column: span 12/span 12;
}

.ab-col-span-full {
  grid-column: 1/-1;
}

.ab-row-span-1 {
  grid-row: span 1/span 1;
}

.ab-row-span-2 {
  grid-row: span 2/span 2;
}

.ab-row-span-3 {
  grid-row: span 3/span 3;
}

.ab-row-span-4 {
  grid-row: span 4/span 4;
}

.ab-row-span-5 {
  grid-row: span 5/span 5;
}

.ab-row-span-6 {
  grid-row: span 6/span 6;
}

.ab-row-span-full {
  grid-row: 1/-1;
}

.ab-flex {
  display: flex;
}

.ab-flex-wrap {
  flex-wrap: wrap;
}

.ab-flex-nowrap {
  flex-wrap: nowrap;
}

.ab-block {
  display: block;
}

.ab-inline {
  display: inline;
}

.ab-none {
  display: none;
}

.ab-flex-row {
  flex-direction: row;
}

.ab-flex-row-reverse {
  flex-direction: row-reverse;
}

.ab-flex-col {
  flex-direction: column;
}

.ab-flex-col-reverse {
  flex-direction: column-reverse;
}

.ab-justify-normal {
  justify-content: normal;
}

.ab-justify-start {
  justify-content: flex-start;
}

.ab-justify-end {
  justify-content: flex-end;
}

.ab-justify-center {
  justify-content: center;
}

.ab-justify-between {
  justify-content: space-between;
}

.ab-justify-around {
  justify-content: space-around;
}

.ab-justify-evenly {
  justify-content: space-evenly;
}

.ab-justify-stretch {
  justify-content: stretch;
}

.ab-justify-items-start {
  justify-items: start;
}

.ab-justify-items-end {
  justify-items: end;
}

.ab-justify-items-center {
  justify-items: center;
}

.ab-justify-items-stretch {
  justify-items: stretch;
}

.ab-justify-self-auto {
  justify-self: auto;
}

.ab-justify-self-start {
  justify-self: start;
}

.ab-justify-self-end {
  justify-self: end;
}

.ab-justify-self-center {
  justify-self: center;
}

.ab-justify-self-stretch {
  justify-self: stretch;
}

.ab-items-start {
  align-items: flex-start;
}

.ab-items-end {
  align-items: flex-end;
}

.ab-items-center {
  align-items: center;
}

.ab-items-baseline {
  align-items: baseline;
}

.ab-items-stretch {
  align-items: stretch;
}

.ab-place-content-center {
  place-content: center;
}

.ab-place-content-start {
  place-content: start;
}

.ab-place-content-end {
  place-content: end;
}

.ab-place-content-between {
  place-content: space-between;
}

.ab-place-content-around {
  place-content: space-around;
}

.ab-place-content-evenly {
  place-content: space-evenly;
}

.ab-place-content-baseline {
  place-content: baseline;
}

.ab-place-content-stretch {
  place-content: stretch;
}

.ab-place-items-start {
  place-items: start;
}

.ab-place-items-end {
  place-items: end;
}

.ab-place-items-center {
  place-items: center;
}

.ab-place-items-baseline {
  place-items: baseline;
}

.ab-place-items-stretch {
  place-items: stretch;
}

.ab-place-self-auto {
  place-self: auto;
}

.ab-place-self-start {
  place-self: start;
}

.ab-place-self-end {
  place-self: end;
}

.ab-place-self-center {
  place-self: center;
}

.ab-place-self-stretch {
  place-self: stretch;
}

.ab-gap-0 {
  gap: 0;
}

.ab-gap-x-0 {
  column-gap: 0;
}

.ab-gap-y-0 {
  row-gap: 0;
}

.ab-gap-px {
  gap: 1px;
}

.ab-gap-x-px {
  column-gap: 1px;
}

.ab-gap-y-px {
  row-gap: 1px;
}

.ab-gap-0\.5 {
  gap: 0.125rem;
}

.ab-gap-x-0\.5 {
  column-gap: 0.125rem;
}

.ab-gap-y-0\.5 {
  row-gap: 0.125rem;
}

.ab-gap-1 {
  gap: 0.25rem;
}

.ab-gap-x-1 {
  column-gap: 0.25rem;
}

.ab-gap-y-1 {
  row-gap: 0.25rem;
}

.ab-gap-1\.5 {
  gap: 0.375rem;
}

.ab-gap-x-1\.5 {
  column-gap: 0.375rem;
}

.ab-gap-y-1\.5 {
  row-gap: 0.375rem;
}

.ab-gap-2 {
  gap: 0.5rem;
}

.ab-gap-x-2 {
  column-gap: 0.5rem;
}

.ab-gap-y-2 {
  row-gap: 0.5rem;
}

.ab-gap-2\.5 {
  gap: 0.625rem;
}

.ab-gap-x-2\.5 {
  column-gap: 0.625rem;
}

.ab-gap-y-2\.5 {
  row-gap: 0.625rem;
}

.ab-gap-3 {
  gap: 0.75rem;
}

.ab-gap-x-3 {
  column-gap: 0.75rem;
}

.ab-gap-y-3 {
  row-gap: 0.75rem;
}

.ab-gap-3\.5 {
  gap: 0.875rem;
}

.ab-gap-x-3\.5 {
  column-gap: 0.875rem;
}

.ab-gap-y-3\.5 {
  row-gap: 0.875rem;
}

.ab-gap-4 {
  gap: 1rem;
}

.ab-gap-x-4 {
  column-gap: 1rem;
}

.ab-gap-y-4 {
  row-gap: 1rem;
}

.ab-gap-5 {
  gap: 1.25rem;
}

.ab-gap-x-5 {
  column-gap: 1.25rem;
}

.ab-gap-y-5 {
  row-gap: 1.25rem;
}

.ab-gap-6 {
  gap: 1.5rem;
}

.ab-gap-x-6 {
  column-gap: 1.5rem;
}

.ab-gap-y-6 {
  row-gap: 1.5rem;
}

.ab-gap-7 {
  gap: 1.75rem;
}

.ab-gap-x-7 {
  column-gap: 1.75rem;
}

.ab-gap-y-7 {
  row-gap: 1.75rem;
}

.ab-gap-8 {
  gap: 2rem;
}

@media (min-width: 640px) {
  .sm\:ab-flex {
    display: flex;
  }
  .sm\:ab-inline {
    display: inline;
  }
  .sm\:ab-none {
    display: none;
  }
  .sm\:ab-block {
    display: block;
  }
  .sm\:ab-flex-row {
    flex-direction: row;
  }
  .sm\:ab-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:ab-flex-col {
    flex-direction: column;
  }
  .sm\:ab-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .sm\:ab-justify-normal {
    justify-content: normal;
  }
  .sm\:ab-justify-start {
    justify-content: flex-start;
  }
  .sm\:ab-justify-end {
    justify-content: flex-end;
  }
  .sm\:ab-justify-center {
    justify-content: center;
  }
  .sm\:ab-justify-between {
    justify-content: space-between;
  }
  .sm\:ab-justify-around {
    justify-content: space-around;
  }
  .sm\:ab-justify-evenly {
    justify-content: space-evenly;
  }
  .sm\:ab-justify-stretch {
    justify-content: stretch;
  }
  .sm\:ab-justify-items-start {
    justify-items: start;
  }
  .sm\:ab-justify-items-end {
    justify-items: end;
  }
  .sm\:ab-justify-items-center {
    justify-items: center;
  }
  .sm\:ab-justify-items-stretch {
    justify-items: stretch;
  }
  .sm\:ab-justify-self-auto {
    justify-self: auto;
  }
  .sm\:ab-justify-self-start {
    justify-self: start;
  }
  .sm\:ab-justify-self-end {
    justify-self: end;
  }
  .sm\:ab-justify-self-center {
    justify-self: center;
  }
  .sm\:ab-justify-self-stretch {
    justify-self: stretch;
  }
  .sm\:ab-items-start {
    align-items: flex-start;
  }
  .sm\:ab-items-end {
    align-items: flex-end;
  }
  .sm\:ab-items-center {
    align-items: center;
  }
  .sm\:ab-items-baseline {
    align-items: baseline;
  }
  .sm\:ab-items-stretch {
    align-items: stretch;
  }
  .sm\:ab-place-content-center {
    place-content: center;
  }
  .sm\:ab-place-content-start {
    place-content: start;
  }
  .sm\:ab-place-content-end {
    place-content: end;
  }
  .sm\:ab-place-content-between {
    place-content: space-between;
  }
  .sm\:ab-place-content-around {
    place-content: space-around;
  }
  .sm\:ab-place-content-evenly {
    place-content: space-evenly;
  }
  .sm\:ab-place-content-baseline {
    place-content: baseline;
  }
  .sm\:ab-place-content-stretch {
    place-content: stretch;
  }
  .sm\:ab-place-items-start {
    place-items: start;
  }
  .sm\:ab-place-items-end {
    place-items: end;
  }
  .sm\:ab-place-items-center {
    place-items: center;
  }
  .sm\:ab-place-items-baseline {
    place-items: baseline;
  }
  .sm\:ab-place-items-stretch {
    place-items: stretch;
  }
  .sm\:ab-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .sm\:ab-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:ab-col-span-1 {
    grid-column: span 1/span 1;
  }
  .sm\:ab-col-span-2 {
    grid-column: span 2/span 2;
  }
  .sm\:ab-col-span-3 {
    grid-column: span 3/span 3;
  }
  .sm\:ab-col-span-4 {
    grid-column: span 4/span 4;
  }
  .sm\:ab-col-span-5 {
    grid-column: span 5/span 5;
  }
  .sm\:ab-col-span-6 {
    grid-column: span 6/span 6;
  }
  .sm\:ab-col-span-7 {
    grid-column: span 7/span 7;
  }
  .sm\:ab-col-span-8 {
    grid-column: span 8/span 8;
  }
  .sm\:ab-col-span-9 {
    grid-column: span 9/span 9;
  }
  .sm\:ab-col-span-10 {
    grid-column: span 10/span 10;
  }
  .sm\:ab-col-span-11 {
    grid-column: span 11/span 11;
  }
  .sm\:ab-col-span-12 {
    grid-column: span 12/span 12;
  }
  .sm\:ab-col-span-full {
    grid-column: 1/-1;
  }
  .sm\:ab-row-span-1 {
    grid-row: span 1/span 1;
  }
  .sm\:ab-row-span-2 {
    grid-row: span 2/span 2;
  }
  .sm\:ab-row-span-3 {
    grid-row: span 3/span 3;
  }
  .sm\:ab-row-span-4 {
    grid-row: span 4/span 4;
  }
  .sm\:ab-row-span-5 {
    grid-row: span 5/span 5;
  }
  .sm\:ab-row-span-6 {
    grid-row: span 6/span 6;
  }
  .sm\:ab-row-span-full {
    grid-row: 1/-1;
  }
}
@media (min-width: 768px) {
  .md\:ab-flex {
    display: flex;
  }
  .md\:ab-inline {
    display: inline;
  }
  .md\:ab-none {
    display: none;
  }
  .md\:ab-block {
    display: block;
  }
  .md\:ab-flex-row {
    flex-direction: row;
  }
  .md\:ab-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:ab-flex-col {
    flex-direction: column;
  }
  .md\:ab-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .md\:ab-justify-normal {
    justify-content: normal;
  }
  .md\:ab-justify-start {
    justify-content: flex-start;
  }
  .md\:ab-justify-end {
    justify-content: flex-end;
  }
  .md\:ab-justify-center {
    justify-content: center;
  }
  .md\:ab-justify-between {
    justify-content: space-between;
  }
  .md\:ab-justify-around {
    justify-content: space-around;
  }
  .md\:ab-justify-evenly {
    justify-content: space-evenly;
  }
  .md\:ab-justify-stretch {
    justify-content: stretch;
  }
  .md\:ab-justify-items-start {
    justify-items: start;
  }
  .md\:ab-justify-items-end {
    justify-items: end;
  }
  .md\:ab-justify-items-center {
    justify-items: center;
  }
  .md\:ab-justify-items-stretch {
    justify-items: stretch;
  }
  .md\:ab-justify-self-auto {
    justify-self: auto;
  }
  .md\:ab-justify-self-start {
    justify-self: start;
  }
  .md\:ab-justify-self-end {
    justify-self: end;
  }
  .md\:ab-justify-self-center {
    justify-self: center;
  }
  .md\:ab-justify-self-stretch {
    justify-self: stretch;
  }
  .md\:ab-items-start {
    align-items: flex-start;
  }
  .md\:ab-items-end {
    align-items: flex-end;
  }
  .md\:ab-items-center {
    align-items: center;
  }
  .md\:ab-items-baseline {
    align-items: baseline;
  }
  .md\:ab-items-stretch {
    align-items: stretch;
  }
  .md\:ab-place-content-center {
    place-content: center;
  }
  .md\:ab-place-content-start {
    place-content: start;
  }
  .md\:ab-place-content-end {
    place-content: end;
  }
  .md\:ab-place-content-between {
    place-content: space-between;
  }
  .md\:ab-place-content-around {
    place-content: space-around;
  }
  .md\:ab-place-content-evenly {
    place-content: space-evenly;
  }
  .md\:ab-place-content-baseline {
    place-content: baseline;
  }
  .md\:ab-place-content-stretch {
    place-content: stretch;
  }
  .md\:ab-place-items-start {
    place-items: start;
  }
  .md\:ab-place-items-end {
    place-items: end;
  }
  .md\:ab-place-items-center {
    place-items: center;
  }
  .md\:ab-place-items-baseline {
    place-items: baseline;
  }
  .md\:ab-place-items-stretch {
    place-items: stretch;
  }
  .md\:ab-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .md\:ab-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:ab-col-span-1 {
    grid-column: span 1/span 1;
  }
  .md\:ab-col-span-2 {
    grid-column: span 2/span 2;
  }
  .md\:ab-col-span-3 {
    grid-column: span 3/span 3;
  }
  .md\:ab-col-span-4 {
    grid-column: span 4/span 4;
  }
  .md\:ab-col-span-5 {
    grid-column: span 5/span 5;
  }
  .md\:ab-col-span-6 {
    grid-column: span 6/span 6;
  }
  .md\:ab-col-span-7 {
    grid-column: span 7/span 7;
  }
  .md\:ab-col-span-8 {
    grid-column: span 8/span 8;
  }
  .md\:ab-col-span-9 {
    grid-column: span 9/span 9;
  }
  .md\:ab-col-span-10 {
    grid-column: span 10/span 10;
  }
  .md\:ab-col-span-11 {
    grid-column: span 11/span 11;
  }
  .md\:ab-col-span-12 {
    grid-column: span 12/span 12;
  }
  .md\:ab-col-span-full {
    grid-column: 1/-1;
  }
  .md\:ab-row-span-1 {
    grid-row: span 1/span 1;
  }
  .md\:ab-row-span-2 {
    grid-row: span 2/span 2;
  }
  .md\:ab-row-span-3 {
    grid-row: span 3/span 3;
  }
  .md\:ab-row-span-4 {
    grid-row: span 4/span 4;
  }
  .md\:ab-row-span-5 {
    grid-row: span 5/span 5;
  }
  .md\:ab-row-span-6 {
    grid-row: span 6/span 6;
  }
  .md\:ab-row-span-full {
    grid-row: 1/-1;
  }
}
@media (min-width: 1024px) {
  .lg\:ab-flex {
    display: flex;
  }
  .lg\:ab-inline {
    display: inline;
  }
  .lg\:ab-none {
    display: none;
  }
  .lg\:ab-block {
    display: block;
  }
  .lg\:ab-flex-row {
    flex-direction: row;
  }
  .lg\:ab-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:ab-flex-col {
    flex-direction: column;
  }
  .lg\:ab-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .lg\:ab-justify-normal {
    justify-content: normal;
  }
  .lg\:ab-justify-start {
    justify-content: flex-start;
  }
  .lg\:ab-justify-end {
    justify-content: flex-end;
  }
  .lg\:ab-justify-center {
    justify-content: center;
  }
  .lg\:ab-justify-between {
    justify-content: space-between;
  }
  .lg\:ab-justify-around {
    justify-content: space-around;
  }
  .lg\:ab-justify-evenly {
    justify-content: space-evenly;
  }
  .lg\:ab-justify-stretch {
    justify-content: stretch;
  }
  .lg\:ab-justify-items-start {
    justify-items: start;
  }
  .lg\:ab-justify-items-end {
    justify-items: end;
  }
  .lg\:ab-justify-items-center {
    justify-items: center;
  }
  .lg\:ab-justify-items-stretch {
    justify-items: stretch;
  }
  .lg\:ab-justify-self-auto {
    justify-self: auto;
  }
  .lg\:ab-justify-self-start {
    justify-self: start;
  }
  .lg\:ab-justify-self-end {
    justify-self: end;
  }
  .lg\:ab-justify-self-center {
    justify-self: center;
  }
  .lg\:ab-justify-self-stretch {
    justify-self: stretch;
  }
  .lg\:ab-items-start {
    align-items: flex-start;
  }
  .lg\:ab-items-end {
    align-items: flex-end;
  }
  .lg\:ab-items-center {
    align-items: center;
  }
  .lg\:ab-items-baseline {
    align-items: baseline;
  }
  .lg\:ab-items-stretch {
    align-items: stretch;
  }
  .lg\:ab-place-content-center {
    place-content: center;
  }
  .lg\:ab-place-content-start {
    place-content: start;
  }
  .lg\:ab-place-content-end {
    place-content: end;
  }
  .lg\:ab-place-content-between {
    place-content: space-between;
  }
  .lg\:ab-place-content-around {
    place-content: space-around;
  }
  .lg\:ab-place-content-evenly {
    place-content: space-evenly;
  }
  .lg\:ab-place-content-baseline {
    place-content: baseline;
  }
  .lg\:ab-place-content-stretch {
    place-content: stretch;
  }
  .lg\:ab-place-items-start {
    place-items: start;
  }
  .lg\:ab-place-items-end {
    place-items: end;
  }
  .lg\:ab-place-items-center {
    place-items: center;
  }
  .lg\:ab-place-items-baseline {
    place-items: baseline;
  }
  .lg\:ab-place-items-stretch {
    place-items: stretch;
  }
  .lg\:ab-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .lg\:ab-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:ab-col-span-1 {
    grid-column: span 1/span 1;
  }
  .lg\:ab-col-span-2 {
    grid-column: span 2/span 2;
  }
  .lg\:ab-col-span-3 {
    grid-column: span 3/span 3;
  }
  .lg\:ab-col-span-4 {
    grid-column: span 4/span 4;
  }
  .lg\:ab-col-span-5 {
    grid-column: span 5/span 5;
  }
  .lg\:ab-col-span-6 {
    grid-column: span 6/span 6;
  }
  .lg\:ab-col-span-7 {
    grid-column: span 7/span 7;
  }
  .lg\:ab-col-span-8 {
    grid-column: span 8/span 8;
  }
  .lg\:ab-col-span-9 {
    grid-column: span 9/span 9;
  }
  .lg\:ab-col-span-10 {
    grid-column: span 10/span 10;
  }
  .lg\:ab-col-span-11 {
    grid-column: span 11/span 11;
  }
  .lg\:ab-col-span-12 {
    grid-column: span 12/span 12;
  }
  .lg\:ab-col-span-full {
    grid-column: 1/-1;
  }
  .lg\:ab-row-span-1 {
    grid-row: span 1/span 1;
  }
  .lg\:ab-row-span-2 {
    grid-row: span 2/span 2;
  }
  .lg\:ab-row-span-3 {
    grid-row: span 3/span 3;
  }
  .lg\:ab-row-span-4 {
    grid-row: span 4/span 4;
  }
  .lg\:ab-row-span-5 {
    grid-row: span 5/span 5;
  }
  .lg\:ab-row-span-6 {
    grid-row: span 6/span 6;
  }
  .lg\:ab-row-span-full {
    grid-row: 1/-1;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-flex {
    display: flex;
  }
  .xl\:ab-inline {
    display: inline;
  }
  .xl\:ab-none {
    display: none;
  }
  .xl\:ab-block {
    display: block;
  }
  .xl\:ab-flex-row {
    flex-direction: row;
  }
  .xl\:ab-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:ab-flex-col {
    flex-direction: column;
  }
  .xl\:ab-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .xl\:ab-justify-normal {
    justify-content: normal;
  }
  .xl\:ab-justify-start {
    justify-content: flex-start;
  }
  .xl\:ab-justify-end {
    justify-content: flex-end;
  }
  .xl\:ab-justify-center {
    justify-content: center;
  }
  .xl\:ab-justify-between {
    justify-content: space-between;
  }
  .xl\:ab-justify-around {
    justify-content: space-around;
  }
  .xl\:ab-justify-evenly {
    justify-content: space-evenly;
  }
  .xl\:ab-justify-stretch {
    justify-content: stretch;
  }
  .xl\:ab-justify-items-start {
    justify-items: start;
  }
  .xl\:ab-justify-items-end {
    justify-items: end;
  }
  .xl\:ab-justify-items-center {
    justify-items: center;
  }
  .xl\:ab-justify-items-stretch {
    justify-items: stretch;
  }
  .xl\:ab-justify-self-auto {
    justify-self: auto;
  }
  .xl\:ab-justify-self-start {
    justify-self: start;
  }
  .xl\:ab-justify-self-end {
    justify-self: end;
  }
  .xl\:ab-justify-self-center {
    justify-self: center;
  }
  .xl\:ab-justify-self-stretch {
    justify-self: stretch;
  }
  .xl\:ab-items-start {
    align-items: flex-start;
  }
  .xl\:ab-items-end {
    align-items: flex-end;
  }
  .xl\:ab-items-center {
    align-items: center;
  }
  .xl\:ab-items-baseline {
    align-items: baseline;
  }
  .xl\:ab-items-stretch {
    align-items: stretch;
  }
  .xl\:ab-place-content-center {
    place-content: center;
  }
  .xl\:ab-place-content-start {
    place-content: start;
  }
  .xl\:ab-place-content-end {
    place-content: end;
  }
  .xl\:ab-place-content-between {
    place-content: space-between;
  }
  .xl\:ab-place-content-around {
    place-content: space-around;
  }
  .xl\:ab-place-content-evenly {
    place-content: space-evenly;
  }
  .xl\:ab-place-content-baseline {
    place-content: baseline;
  }
  .xl\:ab-place-content-stretch {
    place-content: stretch;
  }
  .xl\:ab-place-items-start {
    place-items: start;
  }
  .xl\:ab-place-items-end {
    place-items: end;
  }
  .xl\:ab-place-items-center {
    place-items: center;
  }
  .xl\:ab-place-items-baseline {
    place-items: baseline;
  }
  .xl\:ab-place-items-stretch {
    place-items: stretch;
  }
  .xl\:ab-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xl\:ab-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xl\:ab-col-span-1 {
    grid-column: span 1/span 1;
  }
  .xl\:ab-col-span-2 {
    grid-column: span 2/span 2;
  }
  .xl\:ab-col-span-3 {
    grid-column: span 3/span 3;
  }
  .xl\:ab-col-span-4 {
    grid-column: span 4/span 4;
  }
  .xl\:ab-col-span-5 {
    grid-column: span 5/span 5;
  }
  .xl\:ab-col-span-6 {
    grid-column: span 6/span 6;
  }
  .xl\:ab-col-span-7 {
    grid-column: span 7/span 7;
  }
  .xl\:ab-col-span-8 {
    grid-column: span 8/span 8;
  }
  .xl\:ab-col-span-9 {
    grid-column: span 9/span 9;
  }
  .xl\:ab-col-span-10 {
    grid-column: span 10/span 10;
  }
  .xl\:ab-col-span-11 {
    grid-column: span 11/span 11;
  }
  .xl\:ab-col-span-12 {
    grid-column: span 12/span 12;
  }
  .xl\:ab-col-span-full {
    grid-column: 1/-1;
  }
  .xl\:ab-row-span-1 {
    grid-row: span 1/span 1;
  }
  .xl\:ab-row-span-2 {
    grid-row: span 2/span 2;
  }
  .xl\:ab-row-span-3 {
    grid-row: span 3/span 3;
  }
  .xl\:ab-row-span-4 {
    grid-row: span 4/span 4;
  }
  .xl\:ab-row-span-5 {
    grid-row: span 5/span 5;
  }
  .xl\:ab-row-span-6 {
    grid-row: span 6/span 6;
  }
  .xl\:ab-row-span-full {
    grid-row: 1/-1;
  }
}
@media (min-width: 768px) {
  .md\:ab-none {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .xl\:ab-none {
    display: none !important;
  }
}