@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            =
=============================================*/
/*=============================================
=            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: #c30a0a;
}

/* =================================

    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: "DIN";
  src: url("../fonts/DINNEXTLTARABIC-LIGHT-2-2.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/DINNextLTArabic-Regular-4.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/DINNextLTArabic-Medium-4.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/DINNextLTArabic-Bold-4.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*=============================================
=               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: "DIN", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "DIN", 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: "DIN", sans-serif !important;
  text-decoration: none;
  color: var(--ab-text-secondary);
  cursor: pointer;
  font-family: "DIN", 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: "DIN", 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: "DIN", 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: "DIN", 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: #00663d;
  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: "DIN";
}

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

.ab-breadcrumbs ol {
  list-style-type: none;
}
.ab-breadcrumbs .absher-breadcrumb-item {
  color: #cacaca;
  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: "DIN", sans-serif;
}
.ab-breadcrumbs b {
  font-family: "DIN", 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: #fff;
  --ab-black: #000;
  --ab-primary: #00663d;
  --ab-primary-dark: #0b7e3e;
  --ab-primary-darker: #09572b;
  --ab-primary-light: #aee6c6;
  --ab-primary-lighter: rgba(245, 252, 246, 0.9843137255);
  --ab-primary-xlight: #e8f4ed;
  --ab-primary-xxlight: #e5efeb;
  --ab-primary-8: rgba(14, 149, 73, 0.0784313725);
  --ab-primary-1000: #075127;
  --ab-primary-100: #e5f0e3;
  --ab-primary-130: #3D8369;
  --ab-primary-30: #008550;
  --ab-primary-solid-hover: #075127;
  --ab-primary-logo: #00663d;
  --ab-primary-800: #108e47;
  --ab-primary-1000: #075127;
  --ab-primary-1010: rgba(30, 194, 123, 0.2);
  --ab-primary-1100: #003e29;
  --ab-primary-placeholder: #93c3a9;
  /*=============================================
  =            primary Colors            =
  =============================================*/
  --ab-primary-25: #f6faf8;
  --ab-primary-50: #eef4f2;
  --ab-primary-100: #e5efeb;
  --ab-primary-200: #b7d4cb;
  --ab-primary-300: #89b8a5;
  --ab-primary-400: #5c9d83;
  --ab-primary-500: #2e8160;
  --ab-primary-600: #00663d;
  --ab-primary-700: #005b36;
  --ab-primary-800: #004429;
  --ab-primary-900: #002d1b;
  --ab-primary-950: #00170e;
  --Border-Focus: #00170e;
  /*=============================================
  =            Secondary/neutral Colors            =
  =============================================*/
  --ab-neutral-0: white;
  --ab-neutral-25: #fafafa;
  --ab-neutral-50: #f3f3f3;
  --ab-neutral-100: #e0e0e0;
  --ab-neutral-200: #c4c4c4;
  --ab-neutral-300: #a3a3a3;
  --ab-neutral-400: #8a8a8a;
  --ab-neutral-500: #737373;
  --ab-neutral-600: #5e5e5e;
  --ab-neutral-700: #4b4b4b;
  --ab-neutral-800: #2e2e2e;
  --ab-neutral-850: #1a1a1a;
  --ab-neutral-950: #0d0d0d;
  /*=============================================
  =            success Colors            =
  =============================================*/
  --ab-success-25: #f6fbf9;
  --ab-success-50: #eff8f4;
  --ab-success-100: #d3eae2;
  --ab-success-200: #a0cebb;
  --ab-success-300: #6ca990;
  --ab-success-400: #3a8063;
  --ab-success-500: #0e5739;
  --ab-success-600: #0e4e37;
  --ab-success-700: #0d3f2f;
  --ab-success-800: #0a2f24;
  --ab-success-850: #062018;
  --ab-success-950: #02130b;
  /*=============================================
  =            warning Colors            =
  =============================================*/
  --ab-warning-25: #fff9f3;
  --ab-warning-50: #fef3e7;
  --ab-warning-100: #fce6d1;
  --ab-warning-200: #f6cda7;
  --ab-warning-300: #edad77;
  --ab-warning-400: #e28f45;
  --ab-warning-500: #d97e1e;
  --ab-warning-600: #b64306;
  --ab-warning-700: #8d3604;
  --ab-warning-800: #652803;
  --ab-warning-850: #3c1a04;
  --ab-warning-950: #2a1303;
  /*=============================================
  =            info Colors            =
  =============================================*/
  --ab-info-25: #f7fafe;
  --ab-info-50: #f1f7fd;
  --ab-info-100: #deecf9;
  --ab-info-200: #b2d3ef;
  --ab-info-300: #7fb0dc;
  --ab-info-400: #3f84c6;
  --ab-info-500: #1162b1;
  --ab-info-600: #1a5fa5;
  --ab-info-700: #165087;
  --ab-info-800: #11375c;
  --ab-info-850: #0d2740;
  --ab-info-950: #0a1a29;
  /*=============================================
  =            error Colors            =
  =============================================*/
  --ab-error-border: #B42318;
  --ab-error-25: #fef7f7;
  --ab-error-50: #fdf1f1;
  --ab-error-100: #fadcdc;
  --ab-error-200: #f5bdbd;
  --ab-error-300: #e88b8b;
  --ab-error-400: #d74a4a;
  --ab-error-500: #c30a0a;
  --ab-error-600: #a80a0a;
  --ab-error-700: #880b0b;
  --ab-error-800: #5c0808;
  --ab-error-850: #3b0505;
  --ab-error-950: #240101;
  /*=============================================
  =            Background Colors            =
  =============================================*/
  --ab-background-base: white;
  --ab-background-gray-soft: #fafafa;
  /*=============================================
  =            Text Colors            =
  =============================================*/
  --ab-text-white: white;
  --ab-text-heading: primary-950;
  --ab-text-body: #1a1a1a;
  --ab-text-label: #4b4b4b;
  --ab-disabled: #c4c4c4;
  --ab-action: #00663d;
  --ab-tooltip: #2e2e2e;
  /*=============================================
  =            Border radius            =
  =============================================*/
  --ab-secondary-neutral: #f6f9f8;
  --ab-secondary: #E0F5EC;
  --ab-secondary-dark: #6f501d;
  --ab-secondary-darker: #5e4214;
  --ab-secondary-light: #efdfc5;
  --ab-secondary-lighter: #faf4eb;
  --ab-secondary-8: rgba(224, 245, 236, 0.08);
  --ab-tertiary: #d2e3c8;
  --ab-tertiary-light: #e5f0e3;
  --ab-primary-Clickable: #05622e;
  --ab-primary-scroll-thumb: rgba(16, 142, 71, 0.6);
  --ab-primary-scroll-bg: rgba(16, 142, 71, 0.6);
  --ab-system-success: #006604;
  --ab-system-success-darker: #033b05;
  --ab-system-success-light: #cce0cd;
  --ab-system-success-lighter: #ebf3eb;
  --ab-system-success-main: #1ec27b;
  --ab-system-success-8: rgba(0, 102, 4, 0.08);
  --ab-system-success-20: rgba(0, 102, 4, 0.2);
  --ab-system-success-36: rgba(0, 102, 4, 0.36);
  --ab-system-success-52: rgba(0, 102, 4, 0.52);
  --ab-system-success-68: rgba(0, 102, 4, 0.68);
  --ab-system-success-84: rgba(0, 102, 4, 0.84);
  --ab-system-warning: #f6c244;
  --ab-system-warning-main: #ffc225;
  --ab-system-warning-dark: #cc9d24;
  --ab-system-warning-darker: #8a6a16;
  --ab-system-warning-light: #ffd568;
  --ab-system-warning-lighter: #fcedc7;
  --ab-system-warning-8: rgba(246, 194, 68, 0.08);
  --ab-system-warning-20: rgba(246, 194, 68, 0.2);
  --ab-system-warning-36: rgba(246, 194, 68, 0.36);
  --ab-system-warning-52: rgba(246, 194, 68, 0.52);
  --ab-system-warning-68: rgba(246, 194, 68, 0.68);
  --ab-system-warning-84: rgba(246, 194, 68, 0.84);
  --ab-system-error: #af0818;
  --ab-system-error-main: #ff4242;
  --ab-system-error-dark: #9f2525;
  --ab-system-error-darker: #812222;
  --ab-system-error-light: #ff8484;
  --ab-system-error-lighter: #ffe5e5;
  --ab-system-error-8: rgba(175, 8, 24, 0.08);
  --ab-system-error-20: rgba(175, 8, 24, 0.2);
  --ab-system-error-36: rgba(175, 8, 24, 0.36);
  --ab-system-error-52: rgba(175, 8, 24, 0.52);
  --ab-system-error-68: rgba(175, 8, 24, 0.68);
  --ab-system-error-84: rgba(175, 8, 24, 0.84);
  --ab-system-error-600: #ffe5e5;
  --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: #dbe0e6;
  --ab-btn-success: #0a9458;
  --ab-btn-success-hover: #d2f3e5;
  --ab-text: #232323;
  --ab-text-primary: #232425;
  --ab-text-secondary: #525451;
  --ab-text-disabled: #525451;
  --ab-text-tertiary: #cacaca;
  --ab-text-white: #fff;
  --ab-text-grey: #969798;
  --ab-text-dark-primary: #fff;
  --ab-text-dark-secondary: #eef1f3;
  --ab-text-dark-tertiary: #cacaca;
  --ab-graphics-illustrations: #0e9549;
  /*=============================================
  =            Screen Sizes            =
  =============================================*/
  --screen-lg: 992px;
  --screen-md: 768px;
  --screen-xl: 1200px;
  --ab-spacing: 1.5rem;
  --swiper-navigation-color: #00663d;
}

/* 
  * 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(16, 142, 71, 0.0784313725);
  --Text-btn-white:#ffffff;
}

[data-theme=Business-Light] {
  --Surface-Action-Primary: #0055AA;
  --Grayscale-60: #565B66;
  --ab-bg-white: #ffffff;
  --ab-primary-scroll-thumb: #0055AA;
  --ab-primary-scroll-bg: #0055AA;
  --ab-primary-130: #0055AA;
  --ab-primary-Clickable: #0055AA;
  --ab-primary-xlight: #e5ecf5;
  --ab-primary-30: #0055AA;
  --ab-primary-solid-hover: #0055AA;
  --ab-primary-1000: #002244;
  --ab-primary: #0055AA;
  --ab-primary-dark: #0055AA;
  --ab-primary-darker: #0055AA;
  --ab-primary-light: #E5EEF6;
  --ab-primary-lighter: #F2F7FB;
  --ab-primary-8: rgba(14, 149, 73, 0.0784313725);
  --ab-primary-logo: #2988C9;
  --ab-primary-25: #F8FBFD;
  --ab-primary-50: #F2F7FB;
  --ab-primary-100: #E5EEF6;
  --ab-primary-200: #e5ecf5;
  --ab-primary-300: #89B1D8;
  --ab-primary-400: #5C92C8;
  --ab-primary-500: #2E74B9;
  --ab-primary-600: #0055AA;
  --ab-primary-700: #004F99;
  --ab-primary-800: #004488;
  --ab-primary-900: #003366;
  --ab-primary-950: #002244;
  --ab-secondary: #F2F6FA;
  --absher-graphics-illustrations-20: #e5ecf5;
  --Absher-Primary-Clickable: #0055AA;
  --Text-Clickable: #0055AA;
  --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(14, 149, 73, 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: #ffe5e5;
  --colors-error-error-700: #ff8484;
  --colors-error-error-800: #af0818;
  --colors-error-error-900: #aa0717;
  --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: #f5fcf6;
  --colors-primary-primary-800: #108e47;
  --colors-primary-primary-900: #05622e;
  --colors-secondary-secondary-600: #e5f0e3;
  --colors-secondary-secondary-700: #d2e3c8;
  --colors-success-success-200: #edfaf4;
  --colors-success-success-300: #d2f3e5;
  --colors-success-success-400: #1ec27b;
  --colors-success-success-500: #0ca361;
  --colors-success-success-600: #0a9458;
  --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: #ff8484;
  --Border-Focus: #108e47;
  --Border-Primary: #e1e1e1;
  --Border-Success: #1ec27b;
  --Border-Warning: #ffd568;
  --Icon-Disabled: #e1e1e1;
  --Icon-Error: #af0818;
  --Icon-Information: #969798;
  --Icon-Information-active: #4f5154;
  --Icon-Primary: #108e47;
  --Icon-Sucess: #0ca361;
  --Icon-Suppoty-icon: #ffffff;
  --Icon-Warning: #cc9d24;
  --Logo-Logo: #108e47;
  --Surface-Action-Error: #aa0717;
  --Surface-Action-Error-hover: #812222;
  --Surface-Action-Primary: #05622e;
  --Surface-Action-Primary-hover: #075127;
  --Surface-Action-Secondary-hover: #e5f0e3;
  --Surface-Action-Sucess: #1ec27b;
  --Surface-Action-Warning: #cc9d24;
  --Surface-Card: #fcfcfc;
  --Surface-Disable: #f0f0f0;
  --Surface-Error-bg: #ffe5e5;
  --Surface-Green-backgrounds: #003e29;
  --Surface-Hover: #f5fcf6;
  --Surface-Page: #ffffff;
  --Surface-Secondary: #d2e3c8;
  --Surface-Success: #edfaf4;
  --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: #0a9458;
  --Text-Support-Text: #ffffff;
  --Text-Warning: #8a6a16;
}

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

.ab-bg-primary {
  background-color: #00663d;
}

.ab-border-primary {
  border-color: #00663d;
}

.ab-text-primary-dark {
  color: #0b7e3e;
}

.ab-bg-primary-dark {
  background-color: #0b7e3e;
}

.ab-border-primary-dark {
  border-color: #0b7e3e;
}

.ab-text-primary-darker {
  color: #09572b;
}

.ab-bg-primary-darker {
  background-color: #09572b;
}

.ab-border-primary-darker {
  border-color: #09572b;
}

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

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

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

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

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

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

.ab-text-primary-lighter {
  color: rgba(245, 252, 246, 0.9843137255);
}

.ab-bg-primary-lighter {
  background-color: rgba(245, 252, 246, 0.9843137255);
}

.ab-border-primary-lighter {
  border-color: rgba(245, 252, 246, 0.9843137255);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ab-text-primary-300 {
  color: #89b8a5;
}

.ab-bg-primary-300 {
  background-color: #89b8a5;
}

.ab-border-primary-300 {
  border-color: #89b8a5;
}

.ab-text-primary-400 {
  color: #5c9d83;
}

.ab-bg-primary-400 {
  background-color: #5c9d83;
}

.ab-border-primary-400 {
  border-color: #5c9d83;
}

.ab-text-primary-500 {
  color: #2e8160;
}

.ab-bg-primary-500 {
  background-color: #2e8160;
}

.ab-border-primary-500 {
  border-color: #2e8160;
}

.ab-text-primary-600 {
  color: #00663d;
}

.ab-bg-primary-600 {
  background-color: #00663d;
}

.ab-border-primary-600 {
  border-color: #00663d;
}

.ab-text-primary-700 {
  color: #005b36;
}

.ab-bg-primary-700 {
  background-color: #005b36;
}

.ab-border-primary-700 {
  border-color: #005b36;
}

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

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

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

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

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

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

.ab-text-primary-950 {
  color: #00170e;
}

.ab-bg-primary-950 {
  background-color: #00170e;
}

.ab-border-primary-950 {
  border-color: #00170e;
}

.ab-text-primary-placeholder {
  color: #93c3a9;
}

.ab-bg-primary-placeholder {
  background-color: #93c3a9;
}

.ab-border-primary-placeholder {
  border-color: #93c3a9;
}

/* Primary Opacity Variations */
.ab-text-primary-8 {
  color: rgba(14, 149, 73, 0.0784313725);
}

.ab-bg-primary-8 {
  background-color: rgba(14, 149, 73, 0.0784313725);
}

.ab-border-primary-8 {
  border-color: rgba(14, 149, 73, 0.0784313725);
}

.ab-text-primary-20 {
  color: rgba(14, 149, 73, 0.2);
}

.ab-bg-primary-20 {
  background-color: rgba(14, 149, 73, 0.2);
}

.ab-border-primary-20 {
  border-color: rgba(14, 149, 73, 0.2);
}

.ab-text-primary-36 {
  color: rgba(14, 149, 73, 0.3607843137);
}

.ab-bg-primary-36 {
  background-color: rgba(14, 149, 73, 0.3607843137);
}

.ab-border-primary-36 {
  border-color: rgba(14, 149, 73, 0.3607843137);
}

.ab-text-primary-52 {
  color: rgba(14, 149, 73, 0.5215686275);
}

.ab-bg-primary-52 {
  background-color: rgba(14, 149, 73, 0.5215686275);
}

.ab-border-primary-52 {
  border-color: rgba(14, 149, 73, 0.5215686275);
}

.ab-text-primary-68 {
  color: rgba(14, 149, 73, 0.6784313725);
}

.ab-bg-primary-68 {
  background-color: rgba(14, 149, 73, 0.6784313725);
}

.ab-border-primary-68 {
  border-color: rgba(14, 149, 73, 0.6784313725);
}

.ab-text-primary-84 {
  color: rgba(14, 149, 73, 0.8392156863);
}

.ab-bg-primary-84 {
  background-color: rgba(14, 149, 73, 0.8392156863);
}

.ab-border-primary-84 {
  border-color: rgba(14, 149, 73, 0.8392156863);
}

.ab-text-primary-xlight {
  color: rgba(16, 142, 71, 0.0784313725);
}

.ab-bg-primary-xlight {
  background-color: rgba(16, 142, 71, 0.0784313725);
}

.ab-border-primary-xlight {
  border-color: rgba(16, 142, 71, 0.0784313725);
}

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

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

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

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

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

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

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

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

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

.ab-text-secondary-darker {
  color: #5e4214;
}

.ab-bg-secondary-darker {
  background-color: #5e4214;
}

.ab-border-secondary-darker {
  border-color: #5e4214;
}

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

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

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

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

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

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

/* Secondary Opacity Variations */
.ab-text-secondary-8 {
  color: rgba(224, 245, 236, 0.08);
}

.ab-bg-secondary-8 {
  background-color: rgba(224, 245, 236, 0.08);
}

.ab-border-secondary-8 {
  border-color: rgba(224, 245, 236, 0.08);
}

.ab-text-secondary-20 {
  color: rgba(224, 245, 236, 0.2);
}

.ab-bg-secondary-20 {
  background-color: rgba(224, 245, 236, 0.2);
}

.ab-border-secondary-20 {
  border-color: rgba(224, 245, 236, 0.2);
}

.ab-text-secondary-36 {
  color: rgba(224, 245, 236, 0.36);
}

.ab-bg-secondary-36 {
  background-color: rgba(224, 245, 236, 0.36);
}

.ab-border-secondary-36 {
  border-color: rgba(224, 245, 236, 0.36);
}

.ab-text-secondary-52 {
  color: rgba(224, 245, 236, 0.52);
}

.ab-bg-secondary-52 {
  background-color: rgba(224, 245, 236, 0.52);
}

.ab-border-secondary-52 {
  border-color: rgba(224, 245, 236, 0.52);
}

.ab-text-secondary-68 {
  color: rgba(224, 245, 236, 0.68);
}

.ab-bg-secondary-68 {
  background-color: rgba(224, 245, 236, 0.68);
}

.ab-border-secondary-68 {
  border-color: rgba(224, 245, 236, 0.68);
}

.ab-text-secondary-84 {
  color: rgba(224, 245, 236, 0.84);
}

.ab-bg-secondary-84 {
  background-color: rgba(224, 245, 236, 0.84);
}

.ab-border-secondary-84 {
  border-color: rgba(224, 245, 236, 0.84);
}

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

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

.ab-border-neutral-0 {
  border-color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ab-text-neutral-400 {
  color: #8a8a8a;
}

.ab-bg-neutral-400 {
  background-color: #8a8a8a;
}

.ab-border-neutral-400 {
  border-color: #8a8a8a;
}

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

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

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

.ab-text-neutral-600 {
  color: #5e5e5e;
}

.ab-bg-neutral-600 {
  background-color: #5e5e5e;
}

.ab-border-neutral-600 {
  border-color: #5e5e5e;
}

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

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

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

.ab-text-neutral-800 {
  color: #2e2e2e;
}

.ab-bg-neutral-800 {
  background-color: #2e2e2e;
}

.ab-border-neutral-800 {
  border-color: #2e2e2e;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ab-text-success-darker {
  color: #033b05;
}

.ab-bg-success-darker {
  background-color: #033b05;
}

.ab-border-success-darker {
  border-color: #033b05;
}

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

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

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

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

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

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

.ab-text-success-main {
  color: #1ec27b;
}

.ab-bg-success-main {
  background-color: #1ec27b;
}

.ab-border-success-main {
  border-color: #1ec27b;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ab-text-success-300 {
  color: #6ca990;
}

.ab-bg-success-300 {
  background-color: #6ca990;
}

.ab-border-success-300 {
  border-color: #6ca990;
}

.ab-text-success-400 {
  color: #3a8063;
}

.ab-bg-success-400 {
  background-color: #3a8063;
}

.ab-border-success-400 {
  border-color: #3a8063;
}

.ab-text-success-500 {
  color: #0e5739;
}

.ab-bg-success-500 {
  background-color: #0e5739;
}

.ab-border-success-500 {
  border-color: #0e5739;
}

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

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

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

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

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

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

.ab-text-success-800 {
  color: #0a2f24;
}

.ab-bg-success-800 {
  background-color: #0a2f24;
}

.ab-border-success-800 {
  border-color: #0a2f24;
}

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

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

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

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

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

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

/* Success Opacity Variations */
.ab-text-success-8 {
  color: rgba(0, 102, 4, 0.08);
}

.ab-bg-success-8 {
  background-color: rgba(0, 102, 4, 0.08);
}

.ab-border-success-8 {
  border-color: rgba(0, 102, 4, 0.08);
}

.ab-text-success-20 {
  color: rgba(0, 102, 4, 0.2);
}

.ab-bg-success-20 {
  background-color: rgba(0, 102, 4, 0.2);
}

.ab-border-success-20 {
  border-color: rgba(0, 102, 4, 0.2);
}

.ab-text-success-36 {
  color: rgba(0, 102, 4, 0.36);
}

.ab-bg-success-36 {
  background-color: rgba(0, 102, 4, 0.36);
}

.ab-border-success-36 {
  border-color: rgba(0, 102, 4, 0.36);
}

.ab-text-success-52 {
  color: rgba(0, 102, 4, 0.52);
}

.ab-bg-success-52 {
  background-color: rgba(0, 102, 4, 0.52);
}

.ab-border-success-52 {
  border-color: rgba(0, 102, 4, 0.52);
}

.ab-text-success-68 {
  color: rgba(0, 102, 4, 0.68);
}

.ab-bg-success-68 {
  background-color: rgba(0, 102, 4, 0.68);
}

.ab-border-success-68 {
  border-color: rgba(0, 102, 4, 0.68);
}

.ab-text-success-84 {
  color: rgba(0, 102, 4, 0.84);
}

.ab-bg-success-84 {
  background-color: rgba(0, 102, 4, 0.84);
}

.ab-border-success-84 {
  border-color: rgba(0, 102, 4, 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: #f6c244;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ab-text-warning-900 {
  color: #3c1a04;
}

.ab-bg-warning-900 {
  background-color: #3c1a04;
}

.ab-border-warning-900 {
  border-color: #3c1a04;
}

.ab-text-warning-950 {
  color: #2a1303;
}

.ab-bg-warning-950 {
  background-color: #2a1303;
}

.ab-border-warning-950 {
  border-color: #2a1303;
}

/* Warning Opacity Variations */
.ab-text-warning-8 {
  color: rgba(246, 194, 68, 0.08);
}

.ab-bg-warning-8 {
  background-color: rgba(246, 194, 68, 0.08);
}

.ab-border-warning-8 {
  border-color: rgba(246, 194, 68, 0.08);
}

.ab-text-warning-20 {
  color: rgba(246, 194, 68, 0.2);
}

.ab-bg-warning-20 {
  background-color: rgba(246, 194, 68, 0.2);
}

.ab-border-warning-20 {
  border-color: rgba(246, 194, 68, 0.2);
}

.ab-text-warning-36 {
  color: rgba(246, 194, 68, 0.36);
}

.ab-bg-warning-36 {
  background-color: rgba(246, 194, 68, 0.36);
}

.ab-border-warning-36 {
  border-color: rgba(246, 194, 68, 0.36);
}

.ab-text-warning-52 {
  color: rgba(246, 194, 68, 0.52);
}

.ab-bg-warning-52 {
  background-color: rgba(246, 194, 68, 0.52);
}

.ab-border-warning-52 {
  border-color: rgba(246, 194, 68, 0.52);
}

.ab-text-warning-68 {
  color: rgba(246, 194, 68, 0.68);
}

.ab-bg-warning-68 {
  background-color: rgba(246, 194, 68, 0.68);
}

.ab-border-warning-68 {
  border-color: rgba(246, 194, 68, 0.68);
}

.ab-text-warning-84 {
  color: rgba(246, 194, 68, 0.84);
}

.ab-bg-warning-84 {
  background-color: rgba(246, 194, 68, 0.84);
}

.ab-border-warning-84 {
  border-color: rgba(246, 194, 68, 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: #f7fafe;
}

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

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

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

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

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

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

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

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

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

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

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

.ab-text-info-300 {
  color: #7fb0dc;
}

.ab-bg-info-300 {
  background-color: #7fb0dc;
}

.ab-border-info-300 {
  border-color: #7fb0dc;
}

.ab-text-info-400 {
  color: #3f84c6;
}

.ab-bg-info-400 {
  background-color: #3f84c6;
}

.ab-border-info-400 {
  border-color: #3f84c6;
}

.ab-text-info-500 {
  color: #1162b1;
}

.ab-bg-info-500 {
  background-color: #1162b1;
}

.ab-border-info-500 {
  border-color: #1162b1;
}

.ab-text-info-600 {
  color: #1a5fa5;
}

.ab-bg-info-600 {
  background-color: #1a5fa5;
}

.ab-border-info-600 {
  border-color: #1a5fa5;
}

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

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

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

.ab-text-info-800 {
  color: #11375c;
}

.ab-bg-info-800 {
  background-color: #11375c;
}

.ab-border-info-800 {
  border-color: #11375c;
}

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

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

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

.ab-text-info-950 {
  color: #0a1a29;
}

.ab-bg-info-950 {
  background-color: #0a1a29;
}

.ab-border-info-950 {
  border-color: #0a1a29;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #fef7f7;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ab-text-error-900 {
  color: #3b0505;
}

.ab-bg-error-900 {
  background-color: #3b0505;
}

.ab-border-error-900 {
  border-color: #3b0505;
}

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

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

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

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

.ab-bg-error-8 {
  background-color: rgba(175, 8, 24, 0.08);
}

.ab-border-error-8 {
  border-color: rgba(175, 8, 24, 0.08);
}

.ab-text-error-20 {
  color: rgba(175, 8, 24, 0.2);
}

.ab-bg-error-20 {
  background-color: rgba(175, 8, 24, 0.2);
}

.ab-border-error-20 {
  border-color: rgba(175, 8, 24, 0.2);
}

.ab-text-error-36 {
  color: rgba(175, 8, 24, 0.36);
}

.ab-bg-error-36 {
  background-color: rgba(175, 8, 24, 0.36);
}

.ab-border-error-36 {
  border-color: rgba(175, 8, 24, 0.36);
}

.ab-text-error-52 {
  color: rgba(175, 8, 24, 0.52);
}

.ab-bg-error-52 {
  background-color: rgba(175, 8, 24, 0.52);
}

.ab-border-error-52 {
  border-color: rgba(175, 8, 24, 0.52);
}

.ab-text-error-68 {
  color: rgba(175, 8, 24, 0.68);
}

.ab-bg-error-68 {
  background-color: rgba(175, 8, 24, 0.68);
}

.ab-border-error-68 {
  border-color: rgba(175, 8, 24, 0.68);
}

.ab-text-error-84 {
  color: rgba(175, 8, 24, 0.84);
}

.ab-bg-error-84 {
  background-color: rgba(175, 8, 24, 0.84);
}

.ab-border-error-84 {
  border-color: rgba(175, 8, 24, 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: #232323;
}

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

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

.ab-text-disabled {
  color: #525451;
}

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

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

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

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

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

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

.ab-shadow-md {
  box-shadow: 0 4px 6px -1px rgba(28, 39, 49, 0.0509803922);
}

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

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

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

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

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

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

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

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

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

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

.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: #edfaf4;
}

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

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

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

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

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

.ab-text-green-400 {
  color: #1ec27b;
}

.ab-bg-green-400 {
  background-color: #1ec27b;
}

.ab-border-green-400 {
  border-color: #1ec27b;
}

.ab-text-green-500 {
  color: #0ca361;
}

.ab-bg-green-500 {
  background-color: #0ca361;
}

.ab-border-green-500 {
  border-color: #0ca361;
}

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

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

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

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

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

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

.ab-text-green-800 {
  color: #108e47;
}

.ab-bg-green-800 {
  background-color: #108e47;
}

.ab-border-green-800 {
  border-color: #108e47;
}

.ab-text-green-900 {
  color: #05622e;
}

.ab-bg-green-900 {
  background-color: #05622e;
}

.ab-border-green-900 {
  border-color: #05622e;
}

.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: #F8FBFD;
}

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

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

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

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

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

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

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

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

.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: #89B1D8;
}

.ab-bg-blue-300 {
  background-color: #89B1D8;
}

.ab-border-blue-300 {
  border-color: #89B1D8;
}

.ab-text-blue-400 {
  color: #5C92C8;
}

.ab-bg-blue-400 {
  background-color: #5C92C8;
}

.ab-border-blue-400 {
  border-color: #5C92C8;
}

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

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

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

.ab-text-blue-600 {
  color: #0055AA;
}

.ab-bg-blue-600 {
  background-color: #0055AA;
}

.ab-border-blue-600 {
  border-color: #0055AA;
}

.ab-text-blue-700 {
  color: #004F99;
}

.ab-bg-blue-700 {
  background-color: #004F99;
}

.ab-border-blue-700 {
  border-color: #004F99;
}

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

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

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

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

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

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

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

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

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

.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: #ffe5e5;
}

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

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

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

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

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

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

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

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

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

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

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

.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: #dbe0e6;
}

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

.ab-bg-graphics-illustrations {
  background-color: #0e9549;
}

.ab-border-graphics-illustrations {
  border-color: #0e9549;
}

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