@charset "UTF-8";
/* This file contains CSS variables for consistent styling across the project.
   Variables are categorized for layout, typography, spacing, colors, shadows,
   padding, and border radii to ensure maintainability and scalability.
*/
:root {
  /*=============== Layout Width ===============*/
  /* Defines the maximum width for large containers */
  --lg-width: 1408px;
  /*=============== Font Families ===============*/
  /* Primary and secondary font families used throughout the project */
  --ff-primary: "citi-text-regular";
  --ff-secondary: "citi-display-regular";
  --ff-italic: "citiserif-italic";
  /*=============== Font Sizes (Responsive using clamp) ===============*/
  /* Responsive font sizes using the clamp function for scalability */
  --fs-10: clamp(0.625rem, 0.625rem + 0vw, 0.625rem); /* min: 10px, max: 10px */
  --fs-11: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem); /* min: 11px, max: 11px */
  --fs-12: clamp(0.75rem, 0.75rem + 0vw, 0.75rem); /* min: 12px, max: 12px */
  --fs-13: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem); /* min: 13px, max: 13px */
  --fs-14: clamp(0.875rem, 0.875rem + 0vw, 0.875rem); /* min: 14px, max: 14px */
  --fs-15: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem); /* min: 15px, max: 15px */
  --fs-16: clamp(1rem, 1rem + 0vw, 1rem); /* min: 16px, max: 16px */
  --fs-18: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem); /* min: 16px, max: 18px */
  --fs-20: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem); /* min: 18px, max: 20px */
  --fs-22: clamp(1.125rem, 1.037rem + 0.3756vw, 1.375rem); /* min: 18px, max: 22px */
  --fs-24: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem); /* min: 18px, max: 24px */
  --fs-26: clamp(1.25rem, 1.118rem + 0.5634vw, 1.625rem); /* min: 20px, max: 26px */
  --fs-28: clamp(1.5rem, 1.412rem + 0.3756vw, 1.75rem); /* min: 24px, max: 28px */
  --fs-30: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem); /* min: 24px, max: 30px */
  --fs-32: clamp(1.5rem, 0.9302rem + 1.1887vw, 2rem); /* min: 24px, max: 32px */
  --fs-34: clamp(1.625rem, 1.4489rem + 0.7512vw, 2.125rem); /* min: 26px, max: 34px */
  --fs-36: clamp(1.625rem, 1.3676rem + 0.9804vw, 2.25rem); /* min: 26px, max: 36px */
  --fs-38: clamp(1.875rem, 1.6989rem + 0.7512vw, 2.375rem); /* min: 30px, max: 38px */
  --fs-40: clamp(1.625rem, 0.6278rem + 2.0802vw, 2.5rem); /* min: 26px, max: 40px */
  --fs-42: clamp(2.125rem, 1.9489rem + 0.7512vw, 2.625rem); /* min: 34px, max: 42px */
  --fs-44: clamp(2.25rem, 2.0739rem + 0.7512vw, 2.75rem); /* min: 36px, max: 44px */
  --fs-46: clamp(2.375rem, 2.1989rem + 0.7512vw, 2.875rem); /* min: 38px, max: 46px */
  --fs-48: clamp(2.5rem, 2.3239rem + 0.7512vw, 3rem); /* min: 40px, max: 48px */
  --fs-50: clamp(1.875rem, 1.525rem + 1.3333vw, 3.125rem); /* min: 30px, max: 50px */
  --fs-52: clamp(2.75rem, 2.5739rem + 0.7512vw, 3.25rem); /* min: 44px, max: 52px */
  --fs-54: clamp(2.875rem, 2.6989rem + 0.7512vw, 3.375rem); /* min: 46px, max: 54px */
  --fs-56: clamp(3rem, 2.8239rem + 0.7512vw, 3.5rem); /* min: 48px, max: 56px */
  --fs-58: clamp(3.125rem, 2.9489rem + 0.7512vw, 3.625rem); /* min: 50px, max: 58px */
  --fs-60: clamp(3.25rem, 3.0739rem + 0.7512vw, 3.75rem); /* min: 52px, max: 60px */
  --fs-62: clamp(3.375rem, 3.1989rem + 0.7512vw, 3.875rem); /* min: 54px, max: 62px */
  --fs-64: clamp(3.5rem, 3.3239rem + 0.7512vw, 4rem); /* min: 56px, max: 64px */
  --fs-66: clamp(3.625rem, 3.4489rem + 0.7512vw, 4.125rem); /* min: 58px, max: 66px */
  --fs-68: clamp(3.75rem, 3.5739rem + 0.7512vw, 4.25rem); /* min: 60px, max: 68px */
  --fs-70: clamp(3.875rem, 3.6989rem + 0.7512vw, 4.375rem); /* min: 62px, max: 70px */
  --fs-72: clamp(4rem, 3.8239rem + 0.7512vw, 4.5rem); /* min: 64px, max: 72px */
  --fs-74: clamp(4.125rem, 3.9489rem + 0.7512vw, 4.625rem); /* min: 66px, max: 74px */
  --fs-76: clamp(4.25rem, 4.0739rem + 0.7512vw, 4.75rem); /* min: 68px, max: 76px */
  --fs-78: clamp(4.375rem, 4.1989rem + 0.7512vw, 4.875rem); /* min: 70px, max: 78px */
  --fs-80: clamp(5rem, 4.5rem + 3vw, 6.25rem); /* min: 80px, max: 100px */
  /*=============== Space (Responsive using clamp) ===============*/
  /* Responsive spacing variables using clamp for scalable layouts */
  --space-0: 0px;
  --space-8: clamp(0.5rem, 0.5rem + 0vw, 0.5rem); /* min: 8px, max: 8px */
  --space-10: clamp(0.625rem, 0.625rem + 0vw, 0.625rem); /* min: 10px, max: 10px */
  --space-16: clamp(1rem, 0.7941rem + 0.7843vw, 1.5rem); /* min: 16px, max: 24px */
  --space-20: clamp(1.25rem, 1.25rem + 0vw, 1.25rem); /* min: 20px, max: 20px */
  --space-24: 24px;
  --space-30: clamp(1.875rem, 1.875rem + 0vw, 1.875rem); /* min: 30px, max: 30px */
  --space-32: 32px;
  --space-36: 36px;
  --space-40: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem); /* min: 20px, max: 40px */
  --space-50: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem); /* min: 20px, max: 50px */
  --space-60: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem); /* min: 30px, max: 60px */
  --space-70: clamp(1.875rem, -0.9742rem + 5.9435vw, 4.375rem); /* min: 30px, max: 70px */
  --space-80: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem); /* min: 40px, max: 80px */
  --space-90: clamp(2.8125rem, -0.3928rem + 6.6865vw, 5.625rem); /* min: 45px, max: 90px */
  --space-100: clamp(3.125rem, -0.4365rem + 7.4294vw, 6.25rem); /* min: 50px, max: 100px */
  --space-xs: 15px;
  /*=============== Gaps for Grid/Layouts ===============*/
  /* Gap sizes for grid and flex layouts */
  --gap-6: 6px;
  --gap-8: clamp(0.25rem, -0.0349rem + 0.5944vw, 0.5rem); /* min: 4px, max: 8px */
  --gap-10: clamp(0.3125rem, -0.0436rem + 0.7429vw, 0.625rem); /* min: 5px, max: 10px */
  --gap-12: clamp(0.375rem, -0.0524rem + 0.8915vw, 0.75rem); /* min: 6px, max: 12px */
  --gap-15: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem); /* min: 15px, max: 15px */
  --gap-16: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem); /* min: 8px, max: 16px */
  --gap-20: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem); /* min: 10px, max: 20px */
  --gap-24: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem); /* min: 12px, max: 24px */
  --gap-30: clamp(0.9375rem, -0.1309rem + 2.2288vw, 1.875rem); /* min: 15px, max: 30px */
  --gap-32: clamp(1rem, -0.1397rem + 2.3774vw, 2rem); /* min: 16px, max: 32px */
  --gap-36: clamp(1.125rem, -0.1571rem + 2.6746vw, 2.25rem); /* min: 18px, max: 36px */
  --gap-40: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem); /* min: 20px, max: 40px */
  --gap-50: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem); /* min: 20px, max: 50px */
  --gap-60: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem); /* min: 30px, max: 60px */
  --gap-70: clamp(1.875rem, -0.9742rem + 5.9435vw, 4.375rem); /* min: 30px, max: 70px */
  --gap-80: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem); /* min: 40px, max: 80px */
  --gap-90: clamp(2.5rem, -1.0615rem + 7.4294vw, 5.625rem); /* min: 40px, max: 90px */
  --gap-100: clamp(3.125rem, -0.4365rem + 7.4294vw, 6.25rem); /* min: 50px, max: 100px */
  /*=============== Font Weights ===============*/
  /* Predefined font weight values for typography */
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  /*=============== Colors ===============*/
  /* Primary and secondary colors along with a range of grays and additional colors */
  --color-primary: #255BE3;
  --color-primary-light:#F0F5F7;
  --color-secondary: #0F1632;
  --color-gray: #667085;
  --color-gray-100: #F0F5F7;
  --color-gray-200: #D5DEE8;
  --color-gray-300: #D3DADD;
  --color-gray-400: #BCC5C9;
  --color-gray-500: #D9D9D9;
  --color-teal: #004e5b;
  --color-teal-100: #EBEBEB;
  --color-teal-200: #E6EBED;
  --color-teal-300: #A4ACAF;
  --color-teal-400:#A4ACAF33;
  --color-red: #ff0000;
  --color-red-100: #FF3C28;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-lightblue:#73C2FC;
  /* Additional Colors for extended design needs */
  --color-sapphire: #f4f7fe;
  --color-ampgreen: #f5fcfb;
  --color-transparent: transparent;
  /*=============== Box Shadows ===============*/
  /* Predefined box-shadow values for consistent shadow effects */
  --shadow-1: 0px 1px 4px 1px rgba(0, 0, 0, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  --shadow-2: 0px 2px 7px 2px rgba(0, 0, 0, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  --shadow-3: 0px 1px 4px 0px rgba(0, 0, 0, 0.3), 0px 4px 12px 3px rgba(0, 0, 0, 0.15);
  --shadow-4: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 6px 14px 4px rgba(0, 0, 0, 0.15);
  --shadow-5: 0px 4px 5px 0px rgba(0, 0, 0, 0.3), 0px 8px 16px 6px rgba(0, 0, 0, 0.15);
  /*=============== Border Radius ===============*/
  /* Border-radius values for various components */
  --border-radius-4:clamp(0.25rem, 0.25rem + 0vw, 0.25rem); /* min: 4px, max: 4px */
  --border-radius-8: clamp(0.5rem, 0.5rem + 0vw, 0.5rem); /* min: 8px, max: 8px */
  --border-radius-12: clamp(0.75rem, 0.75rem + 0vw, 0.75rem); /* min: 12px, max: 12px */
  --border-radius-16: clamp(1rem, 1rem + 0vw, 1rem); /* min: 16px, max: 16px */
  --border-radius-20: clamp(1.25rem, 1.25rem + 0vw, 1.25rem); /* min: 20px, max: 20px */
  --border-radius-24: clamp(1.5rem, 1.5rem + 0vw, 1.5rem); /* min: 24px, max: 24px */
  --border-radius-28: clamp(0.875rem, -0.1222rem + 2.0802vw, 1.75rem); /* min: 14px, max: 28px */
  --border-radius-32: clamp(1rem, -0.1397rem + 2.3774vw, 2rem); /* min: 16px, max: 32px */
  --border-radius-36: clamp(1.5rem, 1.1912rem + 1.1765vw, 2.25rem); /* min: 24px, max: 36px */
  --border-radius-40: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem); /* min: 20px, max: 40px */
  --border-radius-48: clamp(1.25rem, -0.7444rem + 4.1605vw, 3rem); /* min: 20px, max: 48px */
  --border-radius-rounded: 50%; /* fully rounded (e.g., 50% of the width/height) */
  /*=============== Button spacing ===============*/
  --btn-spacex: 12px 24px;
  --btn-spacey: 15px 24px;
}

:root :lang(zh) {
  --ff-primary: "citi-sc-text-regular";
  --ff-secondary: "citi-sc-text-regular";
  --ff-italic: "citiserif-italic";
}

:root :lang(zht) {
  --ff-primary: "citi-tc-text-regular";
  --ff-secondary: "citi-tc-text-regular";
  --ff-italic: "citiserif-italic";
}

/* Responsive Adjustments */
/* Adjust container width for screens up to 1440px */
@media screen and (max-width: 1440px) {
  :root {
    --lg-width: 98%;
  }
}
/* Further adjustments for screens up to 767px */
@media screen and (max-width: 767px) {
  :root {
    --lg-width: 100%;
    /*=============== Button spacing ===============*/
    --btn-spacex: 10px 16px;
    --btn-spacey: 10px 16px;
  }
  /* Add horizontal padding to the container on smaller screens */
  .container {
    padding: var(--space-0) var(--space-xs);
  }
}
/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1408px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

small, .small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Apply box-sizing: border-box to all elements and pseudo-elements */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin for common block elements */
body,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove default list styles for unordered and ordered lists with a role of list */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Enable smooth scroll behavior when an element gains focus */
html:focus-within {
  scroll-behavior: smooth;
}

/* Allow ink skipping for links without a class to enhance text decoration */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Ensure images and picture elements scale within their container */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit font styles from the parent for input fields, buttons, textareas, and selects */
input,
button,
textarea,
select {
  font: inherit;
}

/* Disable animations, transitions, and smooth scrolling for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Set base font size and reset scroll behavior */
html {
  font-size: 16px;
  scroll-behavior: initial;
}

/* Optimize text rendering for speed */
html,
body {
  text-rendering: optimizeSpeed;
}

/* Base body styles: font family, background color, text color, and scroll behavior */
body {
  font-family: var(--ff-primary);
  font-size: var(--fs-16);
  background-color: var(--color-white);
  color: var(--color-black);
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
  overflow-y: auto;
  /* Hide overflow when using the hide-overflow class */
  /* Customize scrollbar appearance for WebKit browsers */
}
body.hide-overflow {
  overflow: hidden;
  transition: overflow 0.3s ease-in-out;
  padding-right: var(--space-8);
}
body::-webkit-scrollbar {
  background: transparent;
  width: var(--space-8);
}
body::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--border-radius-4);
}

/* Define a maximum width for the container and center it */
.container {
  max-width: var(--lg-width);
  margin-right: auto;
  margin-left: auto;
}

/* Ensure images scale to 100% width and align vertically to the middle */
img {
  max-width: 100%;
  vertical-align: middle;
}

/* Screen reader-only text: hide visually but keep for accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Clear floats using clearfix method */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/* Hide text visually but maintain space for accessibility purposes */
.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
}

/* Visually hide content while keeping it accessible for screen readers */
.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Style for overlay background with transition for visibility and opacity */
.bgoverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: var(--color-black);
  opacity: 0;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
  /* Active state for overlay with visible background */
}
.bgoverlay.active {
  opacity: 0.4;
  visibility: visible;
}

/* Apply a border to images without alt attributes for accessibility flagging */
.top-overlaybg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent); */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100%);
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .top-overlaybg::before {
    height: 100%;
  }
}

.right-overlaybg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .right-overlaybg::after {
    display: none;
  }
}

.left-overlaybg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .left-overlaybg::after {
    display: none;
  }
}

.center-overlaybg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.3) 0%, transparent 70%);
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .center-overlaybg::after {
    display: none;
  }
}

.align-left {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

.align-center {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.align-right {
  justify-content: flex-end;
  align-items: center;
  text-align: left;
}

.overflow {
  overflow: hidden;
}

.body-bgoverlay {
  background: rgba(15, 22, 50, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  display: none;
}

.body-bgoverlay.active {
  display: block;
  margin-right: var(--space-8);
}
@media screen and (max-width: 767px) {
  .body-bgoverlay.active {
    display: none;
  }
}

.curve--radius .swiper-button-next::after,
.curve--radius .swiper-button-prev::after {
  display: none !important;
}

.noresult__caption--small {
  color: var(--color-primary);
  font-weight: 700;
}

.relative {
  position: relative;
}

.terms-categories ul {
  margin: 20px 0 20px 0;
}
.terms-categories ul li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 30px;
  font-size: var(--fs-14);
  margin-bottom: var(--space-8);
}
.terms-categories ol {
  margin: 20px 0 20px 0;
}
.terms-categories .tablescroll {
  overflow-x: auto;
  margin-bottom: 20px;
}
.terms-categories .tablescroll::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent;
  margin-left: 10px;
}
.terms-categories .tablescroll::-webkit-scrollbar-thumb {
  background-color: #b2142d;
  border-radius: 10px;
}
.terms-categories table {
  min-width: 600px;
  margin: 20px 0 10px 0;
  width: 100%;
  padding-bottom: 20px;
}
.terms-categories table tr {
  border-bottom: 1px solid var(--color-gray-400);
  border-left: 1px solid var(--color-gray-400);
  border-right: 1px solid var(--color-gray-400);
}
.terms-categories table tr td,
.terms-categories table tr th {
  padding: 12px;
}
.terms-categories table tr th {
  font-family: var(--ff-secondary);
}
.terms-categories table tr td {
  font-family: var(--ff-primary);
  vertical-align: top;
}
.terms-categories table tbody {
  font-size: 14px;
}
.terms-categories table thead {
  background-color: var(--color-primary);
  font-size: 14px;
  color: white;
  font-weight: normal;
}

.footer-before-content h5, .footer-before-content .h5 {
  font-family: var(--ff-secondary);
  color: var(--color-primary);
  font-size: var(--fs-18);
  margin-bottom: 10px;
}

/* This file contains CSS helper classes for consistent styling across the project. */
/* -----------------------------------------------------------------------------
   Background Color Classes
   These classes apply predefined background colors using CSS variables.
----------------------------------------------------------------------------- */
.primarybg {
  background-color: var(--color-primary);
}

.secbg {
  background-color: var(--color-secondary);
}

/* -----------------------------------------------------------------------------
   Text Color Classes
   Utility classes to set text colors based on predefined CSS variables.
----------------------------------------------------------------------------- */
.text-primary {
  color: var(--color-primary) !important;
}
.text-gray-100 {
  color: var(--color-gray-100) !important;
}
.text-error {
  color: var(--color-red) !important;
}
.text-white {
  color: var(--color-white) !important;
}
.text-black {
  color: var(--color-black) !important;
}

/* -----------------------------------------------------------------------------
   Box Shadow Classes
   Apply predefined box-shadow effects for consistent shadow styling.
----------------------------------------------------------------------------- */
.shadow--1 {
  box-shadow: var(--shadow-1);
}
.shadow--2 {
  box-shadow: var(--shadow-2);
}
.shadow--3 {
  box-shadow: var(--shadow-3);
}
.shadow--4 {
  box-shadow: var(--shadow-4);
}
.shadow--5 {
  box-shadow: var(--shadow-5);
}

/* -----------------------------------------------------------------------------
   Padding Classes
   Utility classes for setting top and bottom padding with responsive scaling.
----------------------------------------------------------------------------- */
/* Top Padding */
.pt-8 {
  padding-top: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
}

.pt-10 {
  padding-top: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
}

.pt-16 {
  padding-top: clamp(1rem, 1rem + 0vw, 1rem);
}

.pt-20 {
  padding-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}

.pt-30 {
  padding-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
}

.pt-40 {
  padding-top: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem);
}

.pt-50 {
  padding-top: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem);
}

.pt-60 {
  padding-top: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem);
}

.pt-80 {
  padding-top: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem);
}

.pt-100 {
  padding-top: clamp(6.25rem, 6.25rem + 0vw, 6.25rem);
}

/* Bottom Padding */
.pb-8 {
  padding-bottom: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
}

.pb-10 {
  padding-bottom: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
}

.pb-16 {
  padding-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}

.pb-20 {
  padding-bottom: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}

.pb-30 {
  padding-bottom: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
}

.pb-40 {
  padding-bottom: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem);
}

.pb-50 {
  padding-bottom: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem);
}

.pb-60 {
  padding-bottom: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem);
}

.pb-80 {
  padding-bottom: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem);
}

/* -----------------------------------------------------------------------------
   Margin Classes
   Utility classes for setting top and bottom margins with responsive scaling.
----------------------------------------------------------------------------- */
/* Top Margin */
.mt-8 {
  margin-top: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
}

.mt-10 {
  margin-top: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
}

.mt-16 {
  margin-top: clamp(1rem, 1rem + 0vw, 1rem);
}

.mt-20 {
  margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}

.mt-30 {
  margin-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
}

.mt-40 {
  margin-top: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem);
}

.mt-50 {
  margin-top: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem);
}

.mt-60 {
  margin-top: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem);
}

.mt-80 {
  margin-top: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem);
}

/* Bottom Margin */
.mb-8 {
  margin-bottom: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
}

.mb-10 {
  margin-bottom: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}

.mb-20 {
  margin-bottom: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
}

.mb-30 {
  margin-bottom: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
}

.mb-40 {
  margin-bottom: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem);
}

.mb-50 {
  margin-bottom: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem);
}

.mb-60 {
  margin-bottom: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem);
}

.mb-80 {
  margin-bottom: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem);
}

/* -----------------------------------------------------------------------------
   Flexbox Utility Classes
   Classes to quickly apply common Flexbox layouts and spacing.
----------------------------------------------------------------------------- */
.d-flex {
  display: flex;
}

.dflex--cj {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dflex--cc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

/* Gap Utilities for Flex Items */
.gap-xxl {
  --space-xxl: 64px;
  gap: var(--space-xxl);
}

.gap-xl {
  --space-xl: 56px;
  gap: var(--space-xl);
}

.gap-lg {
  --space-lg: 40px;
  gap: var(--space-lg);
}

.gap-md {
  --space-md: 32px;
  gap: var(--space-md);
}

.gap-sm {
  --space-sm: 24px;
  gap: var(--space-sm);
}

.gap-xs {
  --space-xs: 16px;
  gap: var(--space-xs);
}

.gap-xxs {
  --space-xxs: 8px;
  gap: var(--space-xxs);
}

/* Gap Utilities in px */
.gap-8 {
  gap: clamp(0.25rem, -0.0349rem + 0.5944vw, 0.5rem);
}

.gap-10 {
  gap: clamp(0.3125rem, -0.0436rem + 0.7429vw, 0.625rem);
}

.gap-12 {
  gap: clamp(0.375rem, -0.0524rem + 0.8915vw, 0.75rem);
}

.gap-16 {
  gap: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
}

.gap-20 {
  gap: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
}

.gap-24 {
  gap: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
}

.gap-30 {
  gap: clamp(0.9375rem, -0.1309rem + 2.2288vw, 1.875rem);
}

.gap-32 {
  gap: clamp(1rem, -0.1397rem + 2.3774vw, 2rem);
}

.gap-36 {
  gap: clamp(1.125rem, -0.1571rem + 2.6746vw, 2.25rem);
}

.gap-40 {
  gap: clamp(1.25rem, -0.1746rem + 2.9718vw, 2.5rem);
}

.gap-50 {
  gap: clamp(1.25rem, -0.8869rem + 4.4577vw, 3.125rem);
}

.gap-60 {
  gap: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem);
}

.gap-70 {
  gap: clamp(1.875rem, -0.9742rem + 5.9435vw, 4.375rem);
}

.gap-80 {
  gap: clamp(2.5rem, -0.3492rem + 5.9435vw, 5rem);
}

.gap-90 {
  gap: clamp(2.5rem, -1.0615rem + 7.4294vw, 5.625rem);
}

.gap-100 {
  gap: clamp(3.125rem, -0.4365rem + 7.4294vw, 6.25rem);
}

/* -----------------------------------------------------------------------------
   Image Centering Class
   Centers images within their parent containers.
----------------------------------------------------------------------------- */
.imgcenter img {
  margin: auto;
}

/* -----------------------------------------------------------------------------
   List Styles
   Defines styles for standard and custom interactive lists.
----------------------------------------------------------------------------- */
/* Standard List */
.list {
  --space-sm: 24px;
  list-style: disc;
  padding-left: var(--space-sm);
}
.list li {
  font-size: var(--fs-16);
  line-height: 1.4;
}

/* Custom Interactive List */
.listcustom {
  --border-radius-xs: 4px;
  --space-xxs: 8px;
  --button-padding-sm: 8px 12px;
  background-color: var(--color-white);
  border-radius: var(--border-radius-xs);
  box-shadow: var(--shadow-2);
  padding: var(--space-xxs) 0;
  /* Modifier for 'no checkmark' variant */
}
.listcustom li {
  padding: var(--button-padding-sm);
  transition: 0.3s all ease-in-out;
  cursor: pointer;
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
  line-height: 1.45;
  position: relative;
}
.listcustom li label {
  font-weight: var(--fw-400);
  cursor: pointer;
}
.listcustom li:hover {
  background-color: var(--color-teal);
}
.listcustom li:focus {
  border: 2px solid var(--color-teal);
}
.listcustom li.disabled {
  color: var(--color-gray-100);
}
.listcustom li.active {
  background-color: var(--color-teal);
  padding-left: var(--space-40);
}
.listcustom li.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s all ease-in-out;
  background-image: url("../images/check.svg");
}
.listcustom--nr li.active {
  padding-left: 12px;
}
.listcustom--nr li.active::before {
  display: none;
}

/* -----------------------------------------------------------------------------
   Support Utility Classes
   Provides utilities for text alignment, floating, and visibility.
----------------------------------------------------------------------------- */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.hide {
  display: none;
}

/* -----------------------------------------------------------------------------
   Divider Line Styles
   Styles for horizontal rules with different variants.
----------------------------------------------------------------------------- */
hr {
  border: 1px solid var(--color-gray-100);
  opacity: 1;
}
hr.hr-sm {
  margin: var(--space-sm) 0;
}
hr.hr-md {
  /* Corrected class name from .hr.md to .hr-md */
  margin: var(--space-md) 0;
}
hr.hr-dark {
  border: 1px solid var(--color-gray-100);
  margin: var(--space-md) 0;
}

/* -----------------------------------------------------------------------------
   Link to Entire Block
   Makes the entire parent block clickable by overlaying a full-size link.
----------------------------------------------------------------------------- */
a.entier__block__click {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* -----------------------------------------------------------------------------
   Tooltip Styles
   Creates tooltip components that appear on hover over labels.
----------------------------------------------------------------------------- */
.tooltip {
  position: relative;
}
.tooltip__content {
  position: absolute;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  padding: 8px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s all ease-in-out;
  font-size: var(--fs-14);
  width: 100px;
}
.tooltip__content::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--color-white) transparent;
}
.tooltip__content ul li {
  padding: 2px 0;
}
.tooltip label:hover .tooltip__content {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}

.flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
@media screen and (max-width: 767px) {
  .flex-wrapper {
    flex-direction: column;
  }
}

.d-grid {
  display: grid;
}
.d-grid--col2 {
  grid-template-columns: repeat(2, 1fr);
}
.d-grid--col3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 991px) {
  .d-grid--col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .d-grid--col3 {
    grid-template-columns: 1fr;
  }
}
.d-grid--col4 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 991px) {
  .d-grid--col4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .d-grid--col4 {
    grid-template-columns: 1fr;
  }
}

.section-margin {
  margin: var(--space-60) 0;
}
@media screen and (max-width: 991px) {
  .section-margin {
    margin: calc(var(--space-40) + 8px) 0;
  }
}
@media screen and (max-width: 767px) {
  .section-margin {
    margin: var(--space-24) 0;
  }
}

.section-padding {
  padding: var(--space-60) 0;
}
@media screen and (max-width: 991px) {
  .section-padding {
    padding: calc(var(--space-40) + 8px) 0;
  }
}
@media screen and (max-width: 767px) {
  .section-padding {
    padding: var(--space-32) 0;
  }
}

.section-smmargin {
  margin: var(--space-32);
}
@media screen and (max-width: 767px) {
  .section-smmargin {
    margin: var(--space-32) 0;
  }
}

.fs-margin {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .fs-margin {
    margin-top: 0;
  }
}

.headspc-margin {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .headspc-margin {
    margin-top: 74px;
  }
}

.sectiontop-margin {
  margin: var(--space-60) 0 0 0;
}
@media screen and (max-width: 991px) {
  .sectiontop-margin {
    margin: calc(var(--space-40) + 8px) 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .sectiontop-margin {
    margin: var(--space-24) 0 0 0;
  }
}

.fade-up {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.7s, transform 0.7s;
}

.fade-up.faded {
  opacity: 1;
  transform: translateY(0);
}

@keyframes zoomEffect {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.whatnew .twobox__column.twobox__column--sticky .twobox__column--swrapper {
  height: 100% !important;
}

.gm-style .gm-style-iw-c {
  flex-direction: row-reverse !important;
}

.gm-style .gm-style-iw-d {
  padding-top: 12px !important;
}

/* @font-face declarations */
@font-face {
  font-family: "citi-text-regular";
  src: url("../fonts/citi-sans-text-regular.woff2") format("woff2"), url("../fonts/citi-sans-text-regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "citi-display-regular";
  src: url("../fonts/citi-sans-display-regular.woff2") format("woff2"), url("../fonts/citi-sans-display-regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "citiserif-italic";
  src: url("../fonts/citiserif-italic.woff2") format("woff2"), url("../fonts/citiserif-italic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "citi-tc-text-regular";
  src: url("../fonts/citi-sans-tc-text-regular.woff2") format("woff2"), url("../fonts/citi-sans-tc-text-regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "citi-sc-text-regular";
  src: url("../fonts/citi-sans-sc-text-regular.woff2") format("woff2"), url("../fonts/citi-sans-sc-text-regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Reset margins and paddings for header elements and apply primary font family */
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  padding: 0;
  font-family: var(--ff-secondary);
  font-weight: var(--fw-700);
  text-wrap: balance;
}

/* h1 styling: font size, line height, and margin-bottom */
h1, .h1 {
  font-size: var(--fs-50);
  line-height: 1.3;
}

/* h2 styling: font size, line height, and margin-bottom */
h2, .h2 {
  font-size: var(--fs-50);
  line-height: 1.25;
}
h2 span, .h2 span {
  font-family: var(--ff-italic);
}

/* h3 styling: font size, line height, and margin-bottom */
h3, .h3 {
  font-size: var(--fs-40);
  line-height: 1.26;
}
h3 span, .h3 span {
  font-family: var(--ff-italic);
}

/* h4 styling: font size, line height, and margin-bottom */
h4, .h4 {
  font-size: var(--fs-32);
  line-height: 1.2;
}

/* h5 styling: font size, line height, and margin-bottom */
h5, .h5 {
  font-size: var(--fs-24);
  line-height: 1.2;
  margin-bottom: var(--space-30);
}

/* h6 styling: font size, line height, and margin-bottom */
h6, .h6 {
  font-size: var(--fs-18);
  line-height: 1.25;
  margin-bottom: var(--space-8);
  /* Italic styling for h6 */
}
h6 i, .h6 i {
  font-family: var(--ff-secondary);
  color: var(--color-gray-100);
  font-weight: var(--fw-400);
}

/* Paragraph styling: font size and line height */
p {
  line-height: 1.4;
}

/* Medium text size styling */
.text--md {
  font-size: var(--fs-14);
}

/* Small text size styling */
.text--sm {
  font-size: var(--fs-12);
}

/* Label styling: font size, font weight, and line height */
label {
  font-size: var(--fs-14);
  font-weight: var(--fw-600);
  line-height: 1.45;
  /* Styling for span within label */
  /* Small label size styling */
}
label span {
  font-weight: var(--fw-400);
}
label.label--sm {
  font-size: var(--fs-12);
}

/* Remove default list styles */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Remove default link underline */
a {
  text-decoration: none;
}

/* Header */
.header {
  background: var(--color-white);
  box-shadow: var(--shadow-2);
  padding: 20px 0;
  min-height: 80px;
  position: fixed;
  z-index: 11;
  width: 100%;
  top: 0;
}
.header__btnwrap {
  gap: var(--gap-16);
}
.header__wrapper {
  min-height: 40px;
}
.header__tools {
  gap: var(--gap-sm);
  margin-right: var(--space-sm);
  padding-right: var(--space-sm);
  border-right: 1px solid var(--color-gray-100);
}
.header__tools-titletext {
  display: none;
}
.header__mobmenubtn {
  display: none;
}

/* Header style for styleguide */
.componentpanel__menu .header {
  position: relative !important;
  max-width: 450px;
  z-index: 0;
}
.componentpanel__menu .header__secright {
  position: absolute;
  height: 100vh;
  width: 80%;
  bottom: 0px;
  flex-direction: column;
  left: 0;
  transition: 0.5s all ease-in-out;
  z-index: 11;
}
.componentpanel__menu .header__secright.open {
  transform: translate(0%, 100%) !important;
  top: unset;
}
.componentpanel__menu .header__secright::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  width: 450px;
  height: 100%;
}
.componentpanel__menu .header__secrightwrap {
  padding: 48px 16px;
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
}
.componentpanel__menu .header__tools {
  flex-direction: column;
  margin: 0 0 var(--space-sm);
  padding: 0 0 var(--space-sm);
  border-right: 0;
  border-bottom: 1px solid var(--color-gray-100);
  align-items: flex-start;
}
.componentpanel__menu .header__tools label {
  display: block;
}
.componentpanel__menu .header__btnwrap {
  flex-direction: column;
  align-items: flex-start;
}
.componentpanel__menu .header__mobmenubtn {
  display: block;
}
.componentpanel__menu .header .datepicker {
  width: 100%;
}
.componentpanel__menu .header .btn {
  width: 100%;
  text-align: center;
}

.componentpanel__mobheader {
  max-width: 450px;
}
.componentpanel__mobheader .header__secright {
  position: fixed;
  height: 100vh;
  width: 80%;
  top: 80px;
  background-color: var(--color-white);
  flex-direction: column;
  left: 0;
  padding: 48px 16px;
  transform: translateX(-100%);
  transition: 0.5s all ease-in-out;
  z-index: 11;
}
.componentpanel__mobheader .header__secright.open {
  transform: translateX(0%);
}
.componentpanel__mobheader .header__tools {
  flex-direction: column;
  margin: 0 0 var(--space-sm);
  padding: 0 0 var(--space-sm);
  border-right: 0;
  border-bottom: 1px solid var(--color-gray-100);
  align-items: flex-start;
}
.componentpanel__mobheader .header__tools label {
  display: block;
}
.componentpanel__mobheader .header__btnwrap {
  flex-direction: column;
  align-items: flex-start;
}
.componentpanel__mobheader .header__mobmenubtn {
  display: block;
}
.componentpanel__mobheader .header .datepicker {
  width: 100%;
}
.componentpanel__mobheader .header .btn {
  width: 100%;
  text-align: center;
}

/*  */
/* Responsive */
@media (max-width: 1024px) {
  .header__secright {
    position: fixed;
    height: 100vh;
    width: 80%;
    top: 80px;
    background-color: var(--color-white);
    flex-direction: column;
    left: 0;
    padding: 48px 16px;
    transform: translateX(-100%);
    transition: 0.5s all ease-in-out;
    z-index: 11;
  }
  .header__secright.open {
    transform: translateX(0%);
  }
  .header__tools {
    flex-direction: column;
    margin: 0 0 var(--space-sm);
    padding: 0 0 var(--space-sm);
    border-right: 0;
    border-bottom: 1px solid var(--color-gray-100);
    align-items: flex-start;
  }
  .header__tools label {
    display: block;
  }
  .header__btnwrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .header__mobmenubtn {
    display: block;
  }
  .header .datepicker {
    width: 100%;
  }
  .header .btn {
    width: 100%;
    text-align: center;
  }
}
/**/
/* Footer */
.footer {
  padding: var(--space-60) 0;
  background: var(--color-secondary);
}
@media screen and (max-width: 767px) {
  .footer {
    padding: var(--space-24) 0 var(--space-40) 0;
  }
}
.footer__wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--space-24);
  border-bottom: 1px solid var(--color-gray-400);
}
@media screen and (max-width: 767px) {
  .footer__wrapper {
    flex-wrap: wrap;
    border-bottom: none;
    padding-bottom: var(--space-0);
  }
}
.footer__logo a {
  max-width: 120px;
}
.footer__logo a img {
  width: 100%;
}
.footer__coloumn {
  color: var(--color-white);
  flex-basis: 43%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer__coloumn {
    flex-basis: 100%;
    padding-bottom: var(--space-20);
    border-bottom: 1px solid var(--color-gray-400);
  }
}
.footer__coloumn a {
  display: inline-block;
  margin-bottom: var(--space-24);
}
@media screen and (max-width: 767px) {
  .footer__coloumn a {
    margin-bottom: var(--space-16);
  }
}
.footer__links {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .footer__links {
    width: 100%;
  }
}
.footer__links ul {
  display: flex;
  align-items: center;
  gap: var(--gap-24);
}
@media screen and (max-width: 767px) {
  .footer__links ul {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .footer__links ul li {
    padding: var(--space-20) 0;
    border-bottom: 1px solid var(--color-teal-400);
  }
}
.footer__links ul li a {
  color: var(--color-white);
  transition: opacity 0.5s;
}
.footer__links ul li a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .footer__links ul li a {
    display: block;
    width: 100%;
  }
}
.footer--1 {
  margin-top: var(--space-20);
}
.footer--1 .footer__wrapper {
  flex-wrap: wrap;
  border-bottom: none;
  justify-content: unset;
  padding-bottom: var(--space-0);
}
@media screen and (min-width: 767px) {
  .footer--1 .footer__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
  }
}
.footer--1 .footer__wrapper .copywrite {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__wrapper .copywrite {
    gap: var(--gap-8);
  }
}
.footer--1 .footer__wrapper .copywrite p:first-child {
  margin-bottom: 8px;
}
.footer--1 .footer__wrapper .copywrite p:not(:first-child) {
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__wrapper .copywrite p:not(:first-child) {
    margin: 0px;
  }
}
@media screen and (max-width: 991px) {
  .footer--1 .footer__wrapper .copywrite {
    width: 100%;
  }
}
.footer--1 .footer__col {
  width: 50%;
}
@media screen and (min-width: 767px) {
  .footer--1 .footer__col {
    width: auto;
  }
}
.footer--1 .footer__col:first-child {
  border-bottom: 1px solid var(--color-teal-400);
}
.footer--1 .footer__col:nth-child(2) {
  border-bottom: 1px solid var(--color-teal-400);
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__col p {
    font-size: var(--fs-14);
  }
}
.footer--1 .footer__col.footer__col--w100 {
  flex-basis: 100%;
}
.footer--1 .footer__col.footer__col--w50 {
  width: 50%;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__col.footer__col--w50 {
    width: 100%;
  }
}
.footer--1 .footer__col.footer__col--bordernone {
  border: none;
}
.footer--1 .footer__coloumn {
  padding-bottom: var(--space-24);
}
.footer--1 .footer__coloumn .footerLeftLink {
  text-decoration: none;
  color: var(--color-white);
  margin-bottom: 0;
}
.footer--1 .footer__storelinks {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  align-items: end;
  justify-content: end;
  color: var(--color-white);
  padding-bottom: var(--space-24);
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__storelinks {
    padding: var(--space-20) var(--space-0);
    border-bottom: 1px solid var(--color-gray-400);
    width: 100%;
    justify-content: start;
    align-items: start;
    order: 3;
  }
}
.footer--1 .footer__storelinks p sup {
  font-size: var(--fs-18);
  top: -0.2em;
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__storelinks p sup {
    font-size: var(--fs-16);
  }
}
.footer--1 .footer__storelinks ul {
  display: flex;
  gap: var(--gap-16);
}
.footer--1 .footer__storelinks ul + ul {
  margin-top: var(--space-8);
}
.footer--1 .footer__storelinks ul + ul li a {
  display: block;
  max-width: 24px;
}
.footer--1 .footer__storelinks ul + ul li a img, .footer--1 .footer__storelinks ul + ul li a svg {
  width: 100%;
  fill: var(--color-white);
}
.footer--1 .footer__links {
  align-items: center;
  justify-content: end;
  width: 45%;
  padding-top: var(--space-24);
}
@media screen and (min-width: 767px) {
  .footer--1 .footer__links {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__links {
    width: 100%;
    padding-top: var(--space-0);
  }
}
@media screen and (max-width: 767px) {
  .footer--1 .footer__links ul li a {
    font-size: var(--fs-14);
  }
}

.copywrite {
  padding-top: var(--space-24);
  text-align: center;
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .copywrite {
    padding-top: var(--space-20);
    text-align: left;
    order: 4;
  }
}

/**/
/* Preloader */
.preloader {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: 0.3s all ease-in-out;
  opacity: 0;
  z-index: -999;
  visibility: hidden;
}
.preloader__cont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.preloader.load {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}

/* Scrolltop */
.scrolltop {
  position: fixed;
  right: 15px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 5px;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
  z-index: 10;
  display: none;
}
.scrolltop--progress {
  transform: rotate(270deg);
  display: block;
  height: calc(100% - 13px);
  width: calc(100% - 13px);
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.scrolltop img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .scrolltop {
    width: 40px;
    height: 40px;
  }
}
.scrolltop.active {
  display: grid;
}

/**/
/* Responsive */
/* Section spaces */
.section {
  /* To fill the top margin space by fixed header */
  --space-xxl: 64px;
  --space-xl: 56px;
  --space-lg: 40px;
  --space-md: 32px;
  --space-sm: 24px;
  --space-xs: 16px;
  --space-xxs: 8px;
  /* Margin bottom only */
  /* Section headings */
}
.section__headerfill {
  margin-top: 110px;
}
.section__pad {
  padding: var(--space-xl) 0;
}
.section__mar {
  margin: var(--space-xl) 0;
}
.section__pad--md {
  padding: var(--space-md) 0;
}
.section__pad--lg {
  padding: var(--space-lg) 0;
}
.section__pad--xs {
  padding: var(--space-xs) 0;
}
.section__mar--lg {
  margin: var(--space-lg) 0;
}
.section__mar--md {
  margin: var(--space-md) 0;
}
.section__mar--xs {
  margin: var(--space-xs) 0;
}
.section__xlspace {
  margin-bottom: var(--space-xl);
}
.section__lgspace {
  margin-bottom: var(--space-lg);
}
.section__mdspace {
  margin-bottom: var(--space-md);
}
.section__smspace {
  margin-bottom: var(--space-sm);
}
.section__xsspace {
  margin-bottom: var(--space-xs);
}
.section__xssspace {
  margin-bottom: var(--space-xxs);
}
.section__contentwrap {
  margin-top: var(--space-sm);
}
.section__title {
  padding: 0 0 var(--space-sm) 0;
  margin: 0 0 var(--space-xxl) 0;
  border-bottom: 1px solid var(--color-gray-100);
}
@media screen and (max-width: 1024px) {
  .section__title {
    margin: 0 0 var(--space-lg) 0;
  }
}
.section__head {
  padding: 0 0 var(--space-sm) 0;
  margin: 0 0 var(--space-sm) 0;
  border-bottom: 1px solid var(--color-gray-100);
}

/**/
/* Responsive */
.banner {
  --space-100: 100px;
  --height-670: 670px;
  --height-570: 570px;
  --height-350:350px;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: var(--height-670);
}
@media screen and (max-width: 1380px) {
  .banner {
    height: var(--height-570);
  }
}
.banner__wrapper {
  position: relative;
  height: 100%;
  padding-top: 106px;
}
@media screen and (max-width: 1380px) {
  .banner__wrapper {
    padding-top: 88px;
  }
}
@media screen and (max-width: 767px) {
  .banner__wrapper {
    padding-top: 74px;
  }
}
.banner__slider {
  width: 100%;
  height: 100%;
  position: relative;
}
.banner__slider .swiper-wrapper {
  height: 100%;
}
.banner__slides {
  display: flex;
}
.banner__slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .banner__slide {
    background-position: 85% 100%;
  }
}
.banner__slide .banner__container {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  color: var(--color-white);
  transform: translateY(-50px);
}
@media screen and (max-width: 1380px) {
  .banner__slide .banner__container {
    top: -55px;
    transform: translate(0);
  }
}
@media screen and (max-width: 1024px) {
  .banner__slide .banner__container {
    top: -30px;
  }
}
@media screen and (max-width: 767px) {
  .banner__slide .banner__container {
    top: -20px;
  }
}
.banner__slide .banner__container .slide-content {
  flex-basis: 50%;
}
@media screen and (max-width: 1200px) {
  .banner__slide .banner__container .slide-content {
    flex-basis: 70%;
  }
}
@media screen and (max-width: 767px) {
  .banner__slide .banner__container .slide-content {
    flex-basis: 96%;
  }
}
.banner__slide .banner__container .slide-content span {
  font-size: var(--fs-18);
  display: block;
  margin-bottom: calc(var(--space-10) + 2px);
}
@media screen and (max-width: 991px) {
  .banner__slide .banner__container .slide-content span {
    font-size: var(--fs-16);
  }
}
.banner__slide .banner__container .slide-content h1, .banner__slide .banner__container .slide-content .h1, .banner__slide .banner__container .slide-content h2, .banner__slide .banner__container .slide-content .h2 {
  margin-bottom: var(--space-16);
}
@media screen and (max-width: 1380px) {
  .banner__slide .banner__container .slide-content h1, .banner__slide .banner__container .slide-content .h1, .banner__slide .banner__container .slide-content h2, .banner__slide .banner__container .slide-content .h2 {
    font-size: var(--fs-40);
    line-height: 1.2;
  }
}
.banner__slide .banner__container .slide-content p {
  font-size: var(--fs-20);
}
@media screen and (max-width: 991px) {
  .banner__slide .banner__container .slide-content p {
    font-size: var(--fs-16);
  }
}
.banner__slide .banner__container .slide-content .btn {
  display: inline-block;
  margin: var(--space-24) var(--space-0);
  padding: var(--btn-spacey);
}
@media screen and (max-width: 991px) {
  .banner__slide .banner__container .slide-content .btn {
    margin: var(--space-24) var(--space-0) var(--space-16) var(--space-0);
  }
}
.banner .slide-controls {
  position: absolute;
  bottom: 90px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .banner .slide-controls {
    bottom: 70px;
  }
}
.banner .slide-controls .slider-arrows {
  display: flex;
  gap: var(--gap-10);
  align-items: start;
  width: 100%;
}
.banner__pagination {
  color: var(--color-white);
  text-align: left;
  position: relative;
  display: inline;
  width: unset;
}
.banner__pagination .span.swiper-pagination-current {
  font-size: var(--fs-20);
}
.banner__button-next {
  display: inline-flex;
  align-items: center;
  position: relative;
  transform: translate(4px, 7px);
}
.banner__button-next::after {
  content: "";
  background-image: url(/images/icons/next-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}
.banner__button-prev {
  position: relative;
  display: inline-flex;
  align-items: center;
  transform: translate(-4px, 8px);
}
.banner__button-prev::after {
  content: "";
  background-image: url(/images/icons/prev-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}
.banner--1 {
  background-image: url("/images/Banner/bannerone.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height-570);
  margin-top: 106px;
}
@media screen and (max-width: 1380px) {
  .banner--1 {
    margin-top: 88px;
  }
}
@media screen and (max-width: 767px) {
  .banner--1 {
    height: var(--height-350);
    margin-top: 74px;
  }
}
.banner--1 .banner__wrapper {
  width: 70%;
  margin: 0 auto;
  padding: var(--space-0);
  text-align: center;
  color: var(--color-white);
}
@media screen and (max-width: 1024px) {
  .banner--1 .banner__wrapper br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .banner--1 .banner__wrapper {
    width: 100%;
  }
}
.banner--1 .banner__cnt h1, .banner--1 .banner__cnt .h1 {
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .banner--1 .banner__cnt h1, .banner--1 .banner__cnt .h1 {
    font-size: var(--fs-30);
  }
}
.banner--1 .banner__cnt p {
  margin-top: var(--space-xs);
  font-size: var(--fs-20);
}
@media screen and (max-width: 767px) {
  .banner--1 .banner__cnt p {
    font-size: var(--fs-16);
  }
}
.banner--1 .banner__action {
  margin-top: var(--space-32);
}
@media screen and (max-width: 767px) {
  .banner--1 .banner__action {
    margin-top: var(--space-24);
  }
}

.innerbanner {
  --height-250:250px;
  --height-200:200px;
  display: flex;
  align-items: center;
  height: var(--height-250);
  padding-left: 10px;
  background-image: url("/images/Banner/innerbanner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .innerbanner {
    height: var(--height-200);
  }
}
.innerbanner__cnt h1, .innerbanner__cnt .h1 {
  font-size: var(--fs-50);
  font-weight: var(--fw-700);
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .innerbanner__cnt h1, .innerbanner__cnt .h1 {
    font-size: var(--fs-30);
  }
}

.radiusbanner {
  --height-315: 315px;
  overflow: hidden;
  border-radius: var(--space-32);
}
@media screen and (max-width: 767px) {
  .radiusbanner {
    height: unset;
    border-radius: 0px;
  }
}
.radiusbanner img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.bgsecondary {
  color: var(--color-white);
  margin-top: 106px;
  padding: 75px 0px;
}
@media screen and (max-width: 1380px) {
  .bgsecondary {
    margin-top: 88px;
  }
}
@media screen and (max-width: 767px) {
  .bgsecondary {
    margin-top: 74px;
  }
}
.bgsecondary h1, .bgsecondary .h1 {
  margin-bottom: var(--space-24);
}
@media screen and (max-width: 767px) {
  .bgsecondary h1, .bgsecondary .h1 {
    font-size: var(--fs-30);
    margin-bottom: calc(var(--space-16) - 3px);
  }
}
.bgsecondary p {
  font-size: var(--fs-20);
}
@media screen and (max-width: 767px) {
  .bgsecondary p {
    font-size: var(--fs-16);
  }
}

.errorbanner.category-banner {
  text-align: center;
  color: var(--color-white);
}
.errorbanner.category-banner .innerbanner {
  background-image: url(/images/Banner/error.jpg);
  background-position: left center;
}
@media screen and (max-width: 1024px) {
  .errorbanner.category-banner .innerbanner {
    background-image: url(/images/Banner/error-mobile.jpg);
  }
}
@media screen and (max-width: 767px) {
  .errorbanner.category-banner .innerbanner {
    background-position-x: left;
  }
}
.errorbanner.category-banner .innerbanner h1, .errorbanner.category-banner .innerbanner .h1 {
  font-size: var(--fs-80);
  font-weight: var(--fw-700);
}
@media screen and (max-width: 1024px) {
  .errorbanner.category-banner .innerbanner h1, .errorbanner.category-banner .innerbanner .h1 {
    font-size: var(--fs-50);
  }
}
@media screen and (max-width: 767px) {
  .errorbanner.category-banner .innerbanner h1, .errorbanner.category-banner .innerbanner .h1 {
    font-size: var(--fs-30);
  }
}
.errorbanner.category-banner .innerbanner p {
  font-size: var(--fs-24);
}
@media screen and (max-width: 1024px) {
  .errorbanner.category-banner .innerbanner p {
    font-size: var(--fs-20);
  }
}
@media screen and (max-width: 767px) {
  .errorbanner.category-banner .innerbanner p {
    font-size: var(--fs-16);
  }
}

.current-value {
  font-size: 20px;
  font-family: var(--ff-primary);
}

.acr__item {
  border-bottom: 1px solid var(--color-gray-200);
}
.acr__item:first-child {
  border-top: 1px solid var(--color-gray-200);
}
.acr__item.active .acr__header {
  color: var(--color-black);
}
.acr__item.active .acr__content {
  max-height: 200px;
}
.acr__item.active .acr__arrow {
  width: 8px;
  height: 8px;
  background: url(/src/images/arrow-white.svg) no-repeat;
  background-size: 100%;
  transition: transform 0.4s ease;
  transform: translateY(-35%) rotate(-180deg);
}
.acr__arrowicon {
  background-color: var(--color-primary);
  border-radius: 8px;
  padding: 8px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.acr__arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: url(/src/images/arrow-white.svg) no-repeat;
  background-size: 100%;
  background-position: center;
  transition: transform 0.4s ease;
  z-index: 2;
}
.acr__header {
  padding: 12px 0;
  padding-left: 56px;
  cursor: pointer;
  text-align: left;
  color: var(--color-black);
  font-size: var(--fs-16);
  font-weight: var(--fw-700);
  line-height: 1.33;
  position: relative;
  font-family: var(--ff-primary);
}
.acr__header.active {
  padding-bottom: 20px;
}
.acr__header.active .acr__arrow {
  transform: translateY(-35%) rotate(-180deg);
}
.acr__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}
.acr__content p {
  color: var(--color-black);
  margin-bottom: var(--space-20);
}
.acr__content a {
  margin-bottom: var(--space-xs);
}
.acr__para {
  padding-left: 56px;
}
@media screen and (max-width: 991px) {
  .acr__para {
    max-width: 95%;
  }
}
.acr--1 {
  margin-bottom: var(--space-10);
}
.acr--1 .acr__arrowicon {
  background: transparent;
  right: 0;
  left: unset;
  transform: translateY(-45%);
}
.acr--1 .acr__arrow {
  width: 12px;
  background: url(/images/icons/arrow-down.svg) no-repeat;
}
.acr--1 .acr__item {
  border: none;
}
.acr--1 .acr__item.active .acr__arrow {
  width: 12px;
  background: url(/images/icons/arrow-down.svg) no-repeat;
  background-size: contain;
}
.acr--1 .acr__header {
  font-size: var(--fs-14);
  font-weight: 400;
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding-right: 30px;
  padding-left: 0;
}
.acr--1 .acr__para {
  padding: 15px;
  background: var(--color-gray-100);
  border-radius: var(--border-radius-8);
}
.acr--1 .acr__para ul {
  list-style: disc !important;
  padding-left: 1.2rem !important;
}
.acr--1 .acr__para ol li {
  font-size: var(--fs-14);
  color: var(--color-secondary);
  margin-bottom: calc(var(--space-10) - 2px);
}
.acr--1 .acr__para ol li:last-child {
  margin-bottom: 0;
}

.faq.section-margin {
  margin: var(--space-60) 0px calc(var(--space-100) + 16px) 0px;
}
@media screen and (max-width: 991px) {
  .faq.section-margin {
    margin: calc(var(--space-40) + 8px) 0;
  }
}
@media screen and (max-width: 767px) {
  .faq.section-margin {
    margin: var(--space-24) 0;
  }
}

.faqaccordion__item {
  background-color: var(--color-primary-light);
  padding: 0 var(--space-24);
  margin-bottom: var(--space-24);
  border-radius: var(--border-radius-24);
}
.faqaccordion__item:last-child {
  margin-bottom: 0;
}
.faqaccordion__item.active .faqaccordion__header {
  font-weight: var(--fw-700);
}
.faqaccordion__item.active .faqaccordion__content {
  max-height: 200px;
}
.faqaccordion__item.active .faqaccordion__arrow {
  width: 32px;
  height: 32px;
  background: url(../images/icons/minus-circle.svg) no-repeat;
  background-size: 100%;
  transition: transform 0.4s ease;
  transform: translateY(-50%) rotate(-180deg);
}
.faqaccordion__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: url(../images/icons/plus-circle.svg) no-repeat;
  background-size: 100%;
  transition: transform 0.4s ease;
}
.faqaccordion__header {
  --space-90:90px;
  padding: var(--space-24) 0;
  padding-right: var(--space-90);
  cursor: pointer;
  text-align: left;
  color: var(--color-primary);
  font-size: var(--fs-24);
  font-weight: var(--fw-700);
  position: relative;
}
.faqaccordion__header.active {
  padding-bottom: var(--space-16);
  color: var(--color-primary);
}
.faqaccordion__header.active .accordion__arrow {
  transform: translateY(-50%) rotate(-180deg);
}
.faqaccordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}
.faqaccordion__content p {
  padding: 0px;
  margin-bottom: var(--space-8);
  color: var(--color-black);
  font-size: var(--fs-16);
}
.faqaccordion__content p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .faqaccordion__content p {
    font-size: var(--fs-14);
  }
}
.faqaccordion__para {
  padding: 0px 0px var(--space-24);
  max-width: 95%;
}

.btn {
  display: inline-block;
  padding: var(--btn-spacex);
  color: var(--color-primary);
  background: var(--color-white);
  font-size: var(--fs-16) !important;
  font-family: var(--ff-primary);
  border-radius: var(--space-36);
  border: 1px solid var(--color-white);
  font-weight: var(--fw-700);
  transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease, color 0.4s ease;
}
.btn:hover {
  background: var(--color-secondary);
  color: var(--color-white);
  border: 1px solid var(--color-secondary);
}
@media (max-width: 767px) {
  .btn {
    font-size: var(--fs-14);
    border-radius: var(--space-24);
  }
}
.btn--banner {
  padding: var(--btn-spacey);
}
.btn--banner:hover {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.btn--image {
  background: var(--color-primary);
  color: var(--color-white);
  border: 1px solid var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-10);
  padding: 12px 20px !important;
  position: relative;
  overflow: hidden;
  transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn--image:hover {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
@media screen and (max-width: 991px) {
  .btn--image {
    padding: 10px 16px;
  }
}
.btn--offer {
  background: var(--color-primary);
  color: var(--color-white);
  border: 1px solid var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: var(--btn-spacex);
  margin-top: 16px;
}
.btn--offer:hover {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.btn--border-image {
  display: inline-flex;
  padding: 8px 16px;
  gap: 10px;
  border-radius: 38px;
  border: 1px solid var(--color-primary);
  text-transform: capitalize;
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
}
.btn--border-image:hover {
  background: var(--color-white);
  color: var(--color-primary);
}
.btn--rounded {
  border-radius: var(--border-radius-rounded);
  border: 1px solid var(--color-primary);
  background: var(--color-white);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.btn--rounded img {
  display: block;
}
.btn--rounded .whitearrow {
  display: none;
}
.btn--rounded .bluearrow {
  display: block;
}
.btn--rounded:hover {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.btn--rounded:hover .whitearrow {
  display: block;
}
.btn--rounded:hover .bluearrow {
  display: none;
}
.btn--nb {
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-white);
  border-radius: none;
  padding: 0px;
  border: none;
}
.btn--nb img {
  transition: padding-left 0.4s ease;
}
.btn--nb:hover {
  background: transparent;
  border: none;
}
.btn--nb:hover img {
  padding-left: var(--space-10);
}
.btn--showmore {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0px;
  border: none;
  background: transparent;
}
.btn--showmore img {
  transition: transform 0.4s ease;
}
.btn--showmore:hover {
  background: transparent;
  border: none;
  color: var(--color-primary);
}
.btn--showmore:hover img {
  transform: rotate(360deg);
}
.btn--goback {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  padding: 0;
  background: none;
  border: none;
  font-size: var(--fs-18);
  font-weight: var(--fw-700);
}
.btn--goback:hover {
  background: transparent;
  border: none;
  color: var(--color-primary);
}
.btn--badgebtn {
  background-color: var(--color-gray-100);
  color: var(--color-secondary);
  border-radius: 4px;
  font-size: var(--fs-14) !important;
  font-weight: var(--fw-400) !important;
  padding: 4px 8px;
}
.btn--badgebtn.active {
  background: var(--color-red-100);
  color: var(--color-white);
}
.btn--badgebtn.primary {
  background: var(--color-secondary);
  color: var(--color-white);
}
.btn--imagebtn {
  background-color: var(--color-gray-300);
  color: var(--color-secondary);
  border-radius: 16px;
  padding: 6px 10px;
  font-size: var(--fs-14);
}
@media screen and (max-width: 767px) {
  .btn--imagebtn {
    font-size: var(--fs-12);
  }
}
@media screen and (max-width: 767px) {
  .btn__rightalign {
    display: flex;
    justify-content: end;
  }
}

.flex-compnts {
  flex-wrap: wrap;
  gap: var(--gap-20);
  align-items: center;
}

.sample-title {
  color: var(--color-white);
}

.share-container {
  position: relative;
  display: flex;
  align-items: center;
}
.share-container .share-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--btn-spacex);
  background-color: white;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  gap: 8px;
}
.share-container .close-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid var(--color-primary);
  color: #333;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  position: absolute;
  left: 0;
  opacity: 0;
  transform: scale(0);
}
@media screen and (max-width: 767px) {
  .share-container .close-button {
    width: 30px;
    height: 30px;
  }
}
.share-container .social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-left: 10px;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.3s ease;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .share-container .social-icons {
    gap: 6px 8px;
    margin-left: 6px;
    width: 120px;
  }
}
.share-container .social-icons .tooltip {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  background-color: #1A1E33;
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  white-space: nowrap;
  z-index: 10;
}
.share-container .social-icons .tooltip.show {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.share-container .social-icons .social-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.share-container .social-icons .social-icon:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 767px) {
  .share-container .social-icons .social-icon {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .share-container .social-icons .social-icon img {
    width: 15px;
    height: 15px;
  }
}
.share-container .social-icons .whatsapp {
  background-color: #1A1E33;
}
.share-container .social-icons .telegram {
  background-color: #1A1E33;
}
.share-container .social-icons .instagram {
  background-color: #1A1E33;
}
.share-container .social-icons .facebook {
  background-color: #1A1E33;
}
.share-container .social-icons .thread {
  background-color: #1A1E33;
}
.share-container .social-icons .copy {
  background-color: #1A1E33;
  position: relative;
}

/* Active state */
.visible .share-button {
  display: none;
}

.visible .close-button {
  opacity: 1;
  transform: scale(1);
}

.visible .social-icons {
  opacity: 1;
  transform: translateX(50px);
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  .visible .social-icons {
    transform: translateX(28px);
  }
}

.badges {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-6);
  border-radius: var(--space-36);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  padding: var(--space-10);
  font-family: var(--ff-primary);
  font-size: var(--fs-16);
  cursor: default;
}
@media (max-width: 767px) {
  .badges {
    font-size: var(--fs-14);
    border-radius: var(--space-24);
  }
}
.badges--filter {
  padding: 10px;
  background: var(--color-teal-200);
  border-radius: 8px;
  color: var(--color-primary);
}
.badges--filter img {
  background: var(--color-white);
}
.badges-active {
  background: var(--color-primary);
  border: none;
  position: relative;
  overflow: hidden;
}
.badges-active::before {
  content: "";
  position: absolute;
  height: 100px;
  width: 20px;
  background: #f3f3f3;
  box-shadow: 0 0 10px #fff;
  filter: blur(1px);
  opacity: 0.5;
  transition: 0.7s;
  transform: rotate(-20deg) translateX(-70px);
}
.badges-active:hover::before {
  transform: rotate(-20deg) translate(160px, 70px);
}
.badges img {
  cursor: pointer;
}

.curve {
  padding: calc(var(--space-30) + 2px);
  background: var(--color-primary-light);
}
.curve--radius {
  border-radius: calc(var(--space-30) + 2px);
}
@media screen and (max-width: 767px) {
  .curve {
    padding: var(--space-24) var(--space-xs);
  }
}

.location h2, .location .h2 {
  font-size: var(--fs-24);
  color: var(--color-primary);
  margin-bottom: calc(var(--space-10) + 4px);
}
.location__wrapper {
  display: flex;
  gap: var(--gap-24);
}
@media screen and (max-width: 767px) {
  .location__wrapper {
    flex-direction: column-reverse;
  }
}
.location__list {
  flex-basis: 35%;
}
@media screen and (max-width: 991px) {
  .location__list {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 767px) {
  .location__list {
    flex-basis: 100%;
  }
}
.location__link {
  margin-top: var(--space-20);
}
.location__map {
  flex-basis: 65%;
  border-radius: var(--border-radius-24);
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .location__map {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 767px) {
  .location__map {
    flex-basis: 100%;
  }
}
.location__map iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .location__map iframe {
    --height-520:520px;
    height: var(--height-520);
  }
}
@media screen and (max-width: 767px) {
  .location__map .merchant-popup-map {
    height: 320px !important;
  }
}
@media screen and (max-width: 767px) and (max-height: 740px) {
  .location__map .merchant-popup-map {
    height: 290px !important;
  }
}

.map-list {
  --height-360:360px;
  --height-290:290px;
  --height-200:200px;
  margin-bottom: var(--space-20);
  max-height: var(--height-360);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .map-list {
    max-height: var(--height-290);
  }
}
@media screen and (max-width: 767px) and (max-height: 740px) {
  .map-list {
    max-height: var(--height-200);
  }
}
.map-list ul li {
  padding: var(--space-8) var(--space-0);
  border-bottom: 1px solid var(--color-gray-500);
}
.map-list ul li:first-child {
  border-top: 1px solid var(--color-gray-500);
}
.map-list ul li > div h6, .map-list ul li > div .h6 {
  font-size: var(--fs-16);
}
.map-list ul li > div p {
  margin-bottom: var(--space-8);
}
.map-list ul li > div a {
  font-size: var(--fs-16);
  text-transform: capitalize;
}

.card {
  --border-radius-32: 32px;
  display: flex;
  background-color: var(--color-white);
  border-radius: var(--border-radius-32);
  color: var(--color-black);
  font-family: var(--ff-primary);
  overflow: hidden;
  width: 100%;
  transition: transform 0.5s ease-in;
}
.card--content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--gap-24);
}
@media screen and (max-width: 767px) {
  .card--content {
    gap: calc(var(--gap-24) - 3px);
  }
}
.card--content h4, .card--content .h4 {
  font-size: var(--fs-32);
  font-weight: var(--fw-700);
  font-family: var(--ff-secondary);
  color: var(--color-white);
}
.card--content a {
  font-size: var(--fs-18);
  font-weight: var(--fw-700);
}
@media screen and (max-width: 767px) {
  .card--content a {
    font-size: var(--fs-14);
  }
}
.card--content span {
  display: block;
  font-size: var(--fs-18);
  font-weight: var(--fw-700);
  color: var(--color-white);
  text-transform: uppercase;
}
.card__img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.card__img img {
  width: 100%;
  transition: transform 0.5s ease-in;
}
.card__img--overlaycta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-8);
  position: absolute;
  left: 24px;
  bottom: 24px;
}
@media screen and (max-width: 767px) {
  .card__img--overlaycta {
    right: 16px;
    left: 16px;
  }
}
.card__body {
  padding: var(--space-16);
}
.card__body ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-8);
  padding-bottom: var(--fs-16);
}
.card__body ul li {
  display: flex;
  align-items: center;
  gap: calc(var(--gap-8) - 3px);
  font-size: var(--fs-14);
  font-weight: var(--fw-700);
  color: var(--color-secondary);
}
.card__body__offerdetails h4, .card__body__offerdetails .h4 {
  font-size: var(--fs-24);
  color: var(--color-primary);
  font-weight: var(--fw-700);
  font-family: var(--ff-secondary);
  padding-bottom: var(--space-8);
}
@media screen and (max-width: 767px) {
  .card__body__offerdetails h4, .card__body__offerdetails .h4 {
    padding-bottom: calc(var(--space-8) - 4px);
  }
}
.card__body__offerdetails p {
  font-size: var(--fs-16);
  margin-bottom: var(--fs-16);
  color: var(--color-secondary);
}
.card__body__offerdetails p b {
  font-weight: var(--fw-700);
}
@media screen and (max-width: 767px) {
  .card__body__offerdetails p {
    margin-bottom: var(--space-10);
  }
}
.card__body__offerdetails span {
  font-size: var(--fs-16);
  font-weight: var(--fw-700);
}
.card__body__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-8);
  padding-bottom: var(--space-24);
}
@media screen and (max-width: 767px) {
  .card__body__badges {
    padding-bottom: var(--space-10);
  }
}
.card__body__rating {
  display: flex;
  align-items: center;
  padding-bottom: var(--space-16);
  gap: var(--gap-8);
}
.card__body__rating--stars {
  display: flex;
  align-items: center;
  gap: 4px;
}
.card__body__rating--claimed {
  display: flex;
  align-items: center;
  gap: var(--gap-6);
  padding-left: var(--space-8);
}
.card__body__rating--claimed p {
  padding-bottom: var(--space-0);
}
.card__body--footer {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: space-between;
}
.card--1 {
  --height-536:536px;
  background: linear-gradient(to bottom, rgba(15, 22, 50, 0) 40%, rgb(15, 22, 50) 100%), url("/images/Cards/cardimg.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: var(--height-536);
  padding: var(--space-30);
  transition: transform 0.4s ease-in;
}
@media screen and (max-width: 1380px) {
  .card--1 {
    --height-536:400px;
  }
}
@media screen and (max-width: 767px) {
  .card--1 {
    --height-536:320px;
  }
}
.card--1 .card--content {
  position: relative;
  z-index: 1;
  transform: translateY(55px);
  transition: transform 0.4s ease-in;
}
@media screen and (max-width: 767px) {
  .card--1 .card--content {
    transform: translateY(0);
  }
}
.card--2 {
  border: none;
  flex-direction: column;
  border: 1px solid var(--color-gray-400);
}
.card--2 .card__body {
  flex-grow: 1;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
.card--2 .card__body ul li .iconwrapper {
  height: 32px;
  width: 32px;
}
.card--2 .card__body ul li .iconwrapper svg {
  height: 100%;
  width: 100%;
  margin-top: -2px;
}
.card--2 .card__body ul li .iconwrapper img {
  margin-top: -2px;
}
.card--2 .card__body ul li .icon-text {
  line-height: 1.8;
}
.card--2 .card__body__offerdetails p {
  font-size: var(--fs-18);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card--3 {
  width: 100%;
}
.card--3 .card__img {
  max-height: 100%;
  flex-basis: 45%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .card--3 .card__img {
    flex-basis: 50%;
  }
}
.card--3 .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.card--3 .card__body {
  flex-basis: 55%;
}
@media screen and (max-width: 767px) {
  .card--3 .card__body {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .card--3 .card__body--icon-container {
    padding-bottom: var(--space-8);
  }
}
@media screen and (max-width: 767px) {
  .card--3 .card__body__offerdetails h4, .card--3 .card__body__offerdetails .h4 {
    padding-bottom: var(--space-8);
  }
}
.card--3 .card__body__offerdetails p {
  font-size: var(--fs-16);
  color: var(--color-black);
}
@media screen and (max-width: 767px) {
  .card--3 .card__body__offerdetails p {
    padding-bottom: 16px;
  }
}
.card--3 .card__body__offerdetails span {
  font-size: var(--fs-14);
}
@media screen and (max-width: 767px) {
  .card--3 .card__body__badges {
    padding-bottom: 16px;
  }
}
.card--3 .card__body--bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .card--3 .card__body--bottom {
    flex-direction: column;
    align-items: unset;
  }
}
.card--3 .card__body__rating {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .card--3 .card__body__rating {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 2px;
    gap: var(--gap-16);
  }
}
.card--3 .card__body__rating--claimed {
  padding-left: 0;
}
.card--4 {
  --border-radius-24:24px;
  width: 100%;
  background: url("/src/images/Cards/cardbg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 398px;
  padding: var(--space-32);
  transition: transform 0.5s ease-in;
  position: relative;
}
@media screen and (max-width: 767px) {
  .card--4 {
    border-radius: var(--border-radius-24);
  }
}
.card--4 .card--content {
  gap: unset;
  z-index: 1;
}
.card--4 .card--content h4, .card--4 .card--content .h4 {
  font-size: var(--fs-36);
  font-weight: var(--fw-700);
  color: var(--color-white);
  padding-bottom: var(--space-8);
}
.card--4 .card--content h4 span, .card--4 .card--content .h4 span {
  font-weight: var(--fw-400);
  font-family: var(--ff-italic);
  font-size: var(--fs-36);
}
.card--4 .card--content p {
  font-size: var(--fs-16);
  color: var(--color-white);
  padding-bottom: 16px;
}
.card--5 {
  width: 100%;
  background: url("/src/images/Cards/cardbgtwo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 398px;
  padding: var(--space-32);
  transition: transform 0.5s ease-in;
}
@media (max-width: 1380px) {
  .card--5 {
    padding: var(--space-20);
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .card--5 {
    padding: var(--space-24);
  }
}
.card--5__logowrapper {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: var(--gap-16);
}
.card--5 .card--content {
  justify-content: center;
  gap: unset;
}
.card--5 .card--content h4, .card--5 .card--content .h4 {
  font-size: var(--fs-36);
  font-weight: var(--fw-400);
  color: var(--color-white);
  padding-bottom: var(--space-8);
}
.card--5 .card--content h4 span, .card--5 .card--content .h4 span {
  font-weight: var(--fw-400);
  font-family: var(--ff-italic);
}
.card--5 .card--content p {
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
  color: var(--color-white);
  padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .card--5 .card--content p {
    font-size: var(--fs-14);
  }
}
.card--6 a {
  width: 100%;
}
.card--6 img {
  width: 100%;
}
.card--co-partner {
  color: var(--color-white);
  overflow: hidden;
  padding-bottom: var(--space-32);
  height: 440px;
}
.card--co-partner .card--content {
  gap: var(--gap-16);
  transform: translateY(55px);
  transition: transform 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
  .card--co-partner .card--content {
    gap: var(--gap-8);
    transform: translateY(0);
  }
}
.card--co-partner .card--content h3, .card--co-partner .card--content .h3 {
  font-size: var(--fs-24);
}
.card--co-partner .card--content p {
  color: var(--color-white);
  line-height: 1.6em;
  max-height: 3.2em;
  min-height: 52px;
  overflow: hidden;
  margin-bottom: 10px;
  transition: min-height 0.6s ease, max-height 0.6s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .card--co-partner .card--content p {
    display: block;
    min-height: unset;
    max-height: 100%;
  }
}
.card--co-partner .card--content p.expanded {
  max-height: 200px;
}
.card--co-partner:hover .card--content {
  transform: translateY(0);
  transition: all 0.6s ease;
}
.card--co-partner:hover .card--content p {
  max-height: 100%;
  display: block;
}
.card--bgoverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to top left, rgba(0, 40, 90, 0) 0%, rgba(0, 40, 90, 0) 27.62%, #00285A 100%);
}
.card:hover .card__img img {
  transform: scale(1.1);
}

.cardbg {
  --border-radius-32: 32px;
  overflow: hidden;
  border-radius: var(--border-radius-32);
  width: 100%;
}
.cardbg .card:hover {
  transform: scale(1.03);
}
.cardbg:hover .card--content {
  transform: translateY(0);
}
.cardbg--overlay {
  position: relative;
}
.cardbg--overlay::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(15, 22, 50, 0) 10%, #0F1632 100%);
  height: 65%;
  width: 100%;
  bottom: 0px;
  z-index: 0;
  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 767px) {
  .cardbg--overlay::before {
    height: 100%;
  }
}
.cardbg--overlay:hover::before {
  background: linear-gradient(180deg, rgba(15, 22, 50, 0) -4%, #0F1632 100%);
  height: 100%;
}
.cardbg--overlay .card:hover {
  transform: none;
}

.bg-card .card--4 {
  height: 100% !important;
  padding: 0 !important;
}
@media screen and (max-width: 767px) {
  .bg-card .card--4 {
    border-radius: 12px !important;
  }
}
.bg-card .card--4 img {
  width: 100%;
}

.radiustopright {
  position: relative;
}
.radiustopright .radiusbanner__content {
  position: absolute;
  border-radius: 0 0 0 15px;
  top: 0;
  right: 0;
  background-color: var(--color-white);
}
.radiustopright .radiusbanner__content::before {
  content: "";
  width: 40px;
  height: 40px;
  background: 0 0;
  position: absolute;
  border-radius: var(--border-radius-rounded);
  left: -40px;
  top: 0px;
  box-shadow: 16px -16px var(--color-white);
}
.radiustopright .radiusbanner__content::after {
  content: "";
  width: 40px;
  height: 40px;
  background: 0 0;
  position: absolute;
  border-radius: var(--border-radius-rounded);
  right: 0px;
  bottom: -40px;
  box-shadow: 16px -16px var(--color-white);
}
.radiustopright .radiusbanner__content a:hover {
  color: var(--color-primary);
}
.radiustopright--co-partner {
  color: var(--color-white);
  overflow: hidden;
  padding-bottom: var(--space-32);
}
.radiustopright--co-partner .card--content {
  gap: var(--gap-16);
  transform: translateY(55px);
  transition: transform 0.4s ease-in-out;
}
.radiustopright--co-partner .card--content p {
  color: var(--color-white);
}
.radiustopright--co-partner:hover .card--content {
  transform: translateY(0);
}

.copartnerbg {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .copartnerbg {
    --height-300:300px;
    height: var(--height-300);
    padding: var(--space-24) var(--space-24) var(--space-32) var(--space-24);
  }
}
.copartnerbg--1 {
  background-image: url(src/images/Cards/trip.png);
}
.copartnerbg--1::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(15, 22, 50, 0) 0%, #0f1632 100%);
  height: 60%;
  width: 100%;
  bottom: 0px;
  left: 0;
  z-index: 0;
  transition: all 0.5s ease;
}
@media screen and (max-width: 767px) {
  .copartnerbg--1::before {
    background: linear-gradient(to bottom, rgba(15, 22, 50, 0) -10%, #0f1632 100%);
    height: 100%;
  }
}
.copartnerbg--1:hover::before {
  height: 100%;
}
.copartnerbg--2 {
  background-image: linear-gradient(to bottom, rgba(15, 22, 50, 0) 40%, #0f1632 100%), url(src/images/Cards/traveloka.png);
}
.copartnerbg--3 {
  background-image: linear-gradient(to bottom, rgba(15, 22, 50, 0) 40%, #0f1632 100%), url(src/images/Cards/expedia.png);
}

.partners__list {
  gap: var(--gap-32);
}
@media screen and (max-width: 767px) {
  .partners__list {
    gap: var(--gap-24);
  }
}

.partnercard {
  background: var(--color-primary-light);
  padding: calc(var(--space-20) + 4px);
  margin: var(--space-32) 0;
  border-radius: var(--space-24);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.partnercard__logo {
  max-width: 150px;
  max-height: 150px;
  padding: calc(var(--space-20) + 4px) 0;
  border-radius: var(--space-24);
  border: 1px solid var(--color-gray-400);
  background-color: var(--color-white);
  margin-top: -70px;
  margin-bottom: var(--space-xs);
}
.partnercard__logo img {
  width: 100%;
}
.partnercard__cwrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.partnercard__cwrapper h4, .partnercard__cwrapper .h4 {
  color: var(--color-primary);
  font-size: var(--fs-24);
}
.partnercard__cwrapper h5, .partnercard__cwrapper .h5 {
  font-size: var(--fs-16);
  font-weight: var(--fw-700);
  display: flex;
  gap: var(--gap-8);
  align-items: center;
  margin-bottom: var(--space-0);
  margin-top: var(--space-xs);
}
@media screen and (max-width: 767px) {
  .partnercard__cwrapper p {
    font-size: var(--fs-14);
  }
}
.partnercard__cwrapper ul {
  list-style: disc;
  padding-left: var(--space-24);
  list-style-position: outside;
  margin-bottom: var(--space-xs);
}
.partnercard__cwrapper ul li {
  font-weight: var(--fw-400);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .partnercard__cwrapper ul li {
    font-size: var(--fs-14);
  }
}
.partnercard__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
}
.partnercard__list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
}

.feedback {
  margin-bottom: var(--space-32);
}
.feedback__wrapper {
  display: flex;
  gap: var(--space-32);
  flex-direction: column;
}

.feedback-tiles {
  display: flex;
  gap: var(--space-32);
  align-items: center;
}
@media screen and (max-width: 991px) {
  .feedback-tiles {
    --space-16:16px;
    flex-wrap: wrap;
    gap: var(--space-16);
  }
}
.feedback-tiles--reversed {
  flex-direction: row-reverse;
}
.feedback-tiles__img, .feedback-tiles__content {
  flex-basis: 50%;
}
@media screen and (max-width: 991px) {
  .feedback-tiles__img, .feedback-tiles__content {
    flex-basis: 100%;
  }
}
.feedback-tiles__img {
  border-radius: 24px;
  overflow: hidden;
}
.feedback-tiles__img img {
  width: 100%;
}
.feedback-tiles__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.feedback-tiles__content h4, .feedback-tiles__content .h4 {
  color: var(--color-primary);
  margin-bottom: calc(var(--space-10) - 2px);
}
.feedback-tiles__para p {
  margin-bottom: calc(var(--space-10) + 5px);
}
.feedback-tiles__para p:last-child {
  margin-bottom: var(--space-0);
}
@media screen and (max-width: 767px) {
  .feedback-tiles__para p {
    font-size: var(--fs-14);
  }
}
.feedback-tiles__link {
  margin-top: calc(var(--space-10) - 2px);
}
@media screen and (max-width: 767px) {
  .feedback-tiles__link {
    margin-top: var(--space-0);
  }
}
.feedback-tiles__link .btn {
  margin-top: 16px;
}

.modalbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.modalbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modalbox__content {
  position: relative;
  background: #fff;
  padding: var(--space-100) var(--space-100) var(--space-60) var(--space-100);
  border-radius: var(--border-radius-32);
  width: 60%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  transform: translateY(100px);
}
@media screen and (max-width: 1380px) {
  .modalbox__content {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .modalbox__content {
    width: 95%;
    padding: var(--space-20);
  }
}
.modalbox__cwrapper h2, .modalbox__cwrapper .h2 {
  font-size: var(--fs-32);
  color: var(--color-primary);
}
@media screen and (max-width: 991px) {
  .modalbox__cwrapper h2, .modalbox__cwrapper .h2 {
    font-size: var(--fs-24);
  }
}
@media screen and (max-width: 991px) {
  .modalbox__cwrapper h2, .modalbox__cwrapper .h2 {
    padding: 0 var(--space-20);
  }
}
@media screen and (max-width: 767px) {
  .modalbox__cwrapper h2, .modalbox__cwrapper .h2 {
    padding: 0;
  }
}
.modalbox__cwrapper p {
  margin: var(--space-30) 0;
}
@media screen and (max-width: 1380px) {
  .modalbox__cwrapper p {
    margin: var(--space-xs) 0;
  }
}
.modalbox__close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .modalbox__close {
    top: 15px;
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .modalbox__close .modalbox__close {
    top: 10px;
    right: 10px;
  }
}
.modalbox__actions {
  display: flex;
  gap: var(--gap-16);
  align-items: center;
  justify-content: center;
}
.modalbox__button {
  width: 150px;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.modalbox__button::before {
  transform: rotate(-20deg) translateX(-90px);
}
.modalbox__button--cancel {
  background-color: var(--color-white);
  color: var(--color-primary);
}
.modalbox__button--cancel::before {
  display: none;
}
.modalbox.active {
  display: flex;
}
.modalbox.active .modalbox__content {
  animation: fadeInUp 0.5s ease-in-out;
  transform: translateY(0);
  opacity: 1;
}
.modalbox--maplist .modalbox__content {
  padding: var(--space-60) var(--space-30);
  width: 80%;
}
@media screen and (max-width: 991px) {
  .modalbox--maplist .modalbox__content {
    width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .modalbox--maplist .modalbox__content {
    height: 85vh;
  }
}
@media screen and (max-width: 767px) and (max-height: 740px) {
  .modalbox--maplist .modalbox__content {
    height: 90vh;
  }
}
.modalbox--maplist .modalbox__cwrapper .location {
  text-align: left;
}
.modalbox--maplist .modalbox__cwrapper .location .map-list {
  overflow: auto;
  margin-bottom: var(--space-0);
  padding-right: var(--space-8);
}
.modalbox--maplist .modalbox__cwrapper .location .map-list::-webkit-scrollbar {
  background: var(--color-gray-200);
  width: var(--space-8);
}
.modalbox--maplist .modalbox__cwrapper .location .map-list::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--border-radius-4);
}
.modalbox--maplist .modalbox__cwrapper .location .map-list ul li > div p {
  margin: var(--space-8) var(--space-0);
}
@media screen and (max-width: 767px) {
  .modalbox--maplist .modalbox__cwrapper .location__map iframe {
    --height-180:180px;
    height: var(--height-180);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.search-bar {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: calc(var(--border-radius-48) + 18px);
  background-color: var(--color-white);
  outline: 1px solid var(--color-primary);
  padding: var(--space-10);
}
.search-bar--dropdown {
  position: relative;
}
@media screen and (max-width: 767px) {
  .search-bar {
    padding: var(--space-8);
  }
}
.search-bar input {
  background: transparent;
  flex: 1;
  border: 0;
  outline: none;
  padding: var(--space-20) calc(var(--space-20) - 5px);
  font-size: var(--fs-18);
  color: var(--color-black);
  height: 19px;
}
@media screen and (max-width: 767px) {
  .search-bar input {
    font-size: var(--fs-16);
    padding: calc(var(--space-20) - 8px) calc(var(--space-20) - 5px);
  }
}
.search-bar__iconwrapper {
  display: flex;
  align-items: center;
  gap: var(--gap-15);
}
.search-bar__iconwrapper img {
  cursor: pointer;
}
.search-bar button {
  border: 0;
  border-radius: var(--border-radius-rounded);
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .search-bar button {
    width: 44px;
    height: 44px;
  }
}
.search-bar button img {
  width: 25px;
  height: 25px;
}
@media screen and (max-width: 767px) {
  .search-bar button img {
    width: 18px;
    height: 18px;
  }
}
.search-bar--filter {
  padding: calc(var(--space-8) - 2px);
}
.search-bar--filter input {
  background: transparent;
  flex: 1;
  border: 0;
  outline: none;
  padding: var(--space-0) 5px 0 var(--space-xs);
  font-size: var(--fs-16);
  color: var(--color-black);
  height: 19px;
}
.search-bar--filter button {
  border: 0;
  border-radius: var(--border-radius-rounded);
  width: 36px;
  height: 36px;
  background: var(--color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-bar--filter button img {
  width: 15px;
  height: 15px;
}

.search-options {
  display: none;
  position: absolute;
  margin-top: var(--space-24);
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-primary);
  border-radius: var(--border-radius-32);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
}
@media screen and (max-width: 1380px) {
  .search-options {
    margin-top: calc(var(--space-10) + 2);
  }
}
.search-options ul {
  list-style: none;
  padding: var(--space-0);
  margin: var(--space-0);
}
.search-options ul li {
  padding: var(--space-30) var(--space-30) calc(var(--space-30) - 4px);
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  cursor: pointer;
}
@media screen and (max-width: 1380px) {
  .search-options ul li {
    padding: var(--space-20);
  }
}
.search-options ul li:hover {
  background-color: #f0f0f0;
}

.errormsg {
  --fs-22:22px;
  font-size: var(--fs-22);
  font-weight: var(--fw-700);
  color: var(--color-teal-300);
  margin-top: var(--space-30);
}
@media screen and (max-width: 991px) {
  .errormsg {
    font-size: var(--fs-18);
  }
}

.productdetails__wrapper {
  display: flex;
  gap: var(--space-32);
}
@media screen and (max-width: 991px) {
  .productdetails__wrapper {
    flex-wrap: wrap;
  }
}
.productdetails__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-32);
  flex-basis: 50%;
}
@media screen and (max-width: 1024px) {
  .productdetails__img {
    flex-basis: 40%;
  }
}
@media screen and (max-width: 991px) {
  .productdetails__img {
    flex-basis: 100%;
  }
}
.productdetails__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.productdetails__img--wrapper {
  position: relative;
}
.productdetails__img--wrapper img {
  border-radius: var(--border-radius-32);
}
.productdetails__offervalidation {
  position: absolute;
  width: 100%;
  padding: var(--space-10);
  background-color: var(--color-primary);
  color: var(--color-white);
  bottom: 5px;
  text-align: center;
}
.productdetails__offervalidation p {
  font-size: var(--fs-14);
}
.productdetails__offervalidation p span {
  font-weight: var(--fw-700);
}
.productdetails__content {
  flex-basis: 50%;
  overflow-x: hidden;
  padding-right: var(--space-32);
}
@media screen and (max-width: 1024px) {
  .productdetails__content {
    flex-basis: 60%;
  }
}
@media screen and (max-width: 991px) {
  .productdetails__content {
    padding-right: var(--space-xs);
  }
}
@media screen and (max-width: 767px) {
  .productdetails__content {
    padding-right: var(--space-10);
  }
}
.productdetails__content::-webkit-scrollbar {
  background: var(--color-gray-100);
  width: 4px;
}
.productdetails__content::-webkit-scrollbar-thumb {
  background: var(--color-gray);
  border-radius: var(--border-radius-4);
}
@media screen and (max-width: 991px) {
  .productdetails__content {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 991px) {
  .productdetails__content .acr--1 .acr__para {
    max-width: 100%;
  }
}
.productdetails__title {
  padding-bottom: var(--space-24);
  border-bottom: 1px solid var(--color-gray-400);
}
@media screen and (max-width: 1024px) {
  .productdetails__title {
    padding-bottom: var(--space-20);
  }
}
.productdetails__title h1, .productdetails__title .h1 {
  font-size: calc(var(--fs-30) + 10px);
  color: var(--color-primary);
}
.productdetails__description {
  padding: var(--space-24) 0;
  border-bottom: 1px solid var(--color-gray-400);
}
@media screen and (max-width: 1024px) {
  .productdetails__description {
    padding: var(--space-20) 0;
  }
}
.productdetails__description h2, .productdetails__description .h2 {
  font-size: var(--fs-24);
  line-height: 1.2;
  font-weight: var(--fw-400);
  margin-bottom: calc(var(--space-10) + 2px);
}
.productdetails__description p {
  margin-bottom: var(--space-xs);
}
.productdetails__description ul {
  display: flex;
  gap: var(--gap-16);
  flex-wrap: wrap;
}
.productdetails__description ul .primary {
  background: var(--color-secondary) !important;
  color: var(--color-white) !important;
}
.productdetails__description ul li {
  padding: 4px calc(var(--space-10) - 2px);
  background: var(--color-gray-100);
  border-radius: var(--border-radius-4);
  transition: all 0.5s ease;
}
.productdetails__description ul li a {
  color: var(--color-secondary);
  font-size: var(--fs-14);
}
.productdetails__description ul li.active {
  background: var(--color-red-100);
}
.productdetails__description ul li.active a {
  color: var(--color-white);
}
.productdetails__country {
  padding: var(--space-24) var(--space-0);
}
.productdetails__country--description {
  padding: var(--space-16);
  background: var(--color-gray-100);
  border-radius: var(--border-radius-8);
}
.productdetails__country--description p {
  font-size: var(--fs-14);
  display: inline;
}
.productdetails__country--flag {
  position: relative;
  bottom: -5px;
  display: inline;
}
.productdetails__country--flag span {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-8);
  color: var(--color-primary);
  font-weight: var(--fw-700);
  margin-bottom: -8px;
}
.productdetails__offer-details {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap-6) + 4px);
}
.productdetails__offer-details h3, .productdetails__offer-details .h3 {
  font-size: var(--fs-24);
  color: var(--color-primary);
  line-height: 1.2;
}
.productdetails__offer-details p {
  display: flex;
  gap: calc(var(--gap-6) - 1px);
}
.productdetails__offer-details--cwrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
.productdetails__actions {
  display: flex;
  align-items: center;
  gap: var(--gap-16);
  margin-top: var(--space-24);
  margin-bottom: var(--space-8);
}
@media screen and (max-width: 1024px) {
  .productdetails__actions {
    margin-top: var(--space-20);
  }
}
.productdetails__actions a {
  margin: var(--space-0);
  white-space: nowrap;
}
.productdetails__actions .btn--banner {
  display: inline-flex;
  gap: var(--gap-8);
  align-items: center;
  border: 1px solid var(--color-primary);
  padding: var(--btn-spacex);
}
.productdetails__actions .btn--banner:hover {
  background: var(--color-white);
  color: var(--color-primary);
}
.productdetails__offerdesc {
  margin-top: var(--space-16);
}
.productdetails__applicability {
  padding-top: var(--space-24);
}
.productdetails__applicability p {
  font-weight: var(--fw-700);
}
.productdetails--1.productdetails .productdetails__img {
  overflow: visible;
  border-radius: var(--border-radius-32);
  position: sticky;
  top: 23vh;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .productdetails--1.productdetails .productdetails__img {
    position: static; /* or revert */
    top: auto; /* reset top */
    height: auto; /* reset height */
  }
}
.productdetails--1.productdetails .productdetails__description p {
  display: flex;
  gap: calc(var(--gap-6) - 1px);
  margin-bottom: calc(var(--space-10) - 2px);
}
.productdetails--1.productdetails .productdetails__description p span {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
}
.productdetails--1.productdetails .productdetails__description ul {
  margin-top: var(--space-16);
}
.productdetails--1.productdetails .productdetails__offervalidation {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  justify-content: center;
  border-radius: 0px 0px var(--border-radius-32) var(--border-radius-32);
  bottom: 0px;
}
.productdetails--1.productdetails .productdetails__offer-details {
  padding-top: var(--space-24);
}
@media screen and (max-width: 1024px) {
  .productdetails--1.productdetails .productdetails__offer-details {
    padding-top: var(--space-20);
  }
}
.productdetails--1.productdetails .productdetails__offer-details .productdetails__offer-details--content .productdetails__offer-details--paracontent {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 72px; /* collapsed state */
  transition: all 0.4s ease-in-out;
}
.productdetails--1.productdetails .productdetails__offer-details .productdetails__offer-details--content .productdetails__offer-details--paracontent ul {
  list-style: disc !important;
  padding-left: 2rem;
}
.productdetails--1.productdetails .productdetails__offer-details .productdetails__offer-details--content .productdetails__offer-details--paracontent p {
  display: inline;
}
.productdetails--1.productdetails .productdetails__offer-details .productdetails__offer-details--content.active .productdetails__offer-details--paracontent {
  -webkit-line-clamp: unset;
}
.productdetails--1.productdetails .productdetails__offer-details a {
  font-weight: var(--fw-700);
  white-space: nowrap;
}
.productdetails--1.productdetails .tooltip a {
  margin-top: -3px;
}

.tooltip {
  position: relative;
  display: inline-flex;
}
.tooltip a {
  max-width: 24px;
  max-height: 24px;
  overflow: hidden;
  display: inline-block;
}
.tooltip a img {
  max-width: 24px;
  max-height: 24px;
}
.tooltip:hover .tooltip__text {
  visibility: visible;
  opacity: 1;
}
.tooltip__text {
  min-width: 350px;
  visibility: hidden;
  opacity: 0;
  transition: min-height 0.4s ease, visibility 0.4s ease, opacity 0.4s ease;
  overflow: hidden;
  background: var(--color-white);
  box-shadow: 0px 0px 5px #000;
  position: absolute;
  font-size: var(--fs-14);
  padding: var(--space-24);
  z-index: 1;
  right: -30px;
  top: 30px;
  border-radius: var(--border-radius-32);
  color: var(--color-black);
  text-align: left;
}
.tooltip__text p {
  font-weight: var(--fw-700);
  margin-bottom: var(--space-10);
  color: var(--color-secondary);
}
.tooltip__text ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2rem;
}
.tooltip__text ul li {
  padding-bottom: var(--space-8);
}

.bgnotice {
  padding: 16px;
  background: var(--color-primary-light);
  border-radius: 16px;
  margin-top: 16px;
}
.bgnotice h3, .bgnotice .h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 8px;
}
.bgnotice p {
  font-size: 16px;
}
.bgnotice p a {
  font-weight: 700;
  text-decoration: underline;
}

.offerterms__cwrapper {
  position: relative;
  height: 200px;
  overflow: hidden;
  transition: height 0.4s ease;
}
.offerterms__cwrapper h6, .offerterms__cwrapper .h6 {
  color: var(--color-primary);
  font-size: var(--fs-16);
}
.offerterms__cwrapper p {
  font-size: var(--fs-14);
  margin-bottom: calc(var(--space-32) - 2px);
  text-indent: 0 !important;
}
.offerterms__cwrapper ol {
  padding-left: 18px;
}
.offerterms__cwrapper ol li {
  font-size: var(--fs-14);
  margin-bottom: var(--space-8);
  list-style-position: outside;
  margin-left: 15px;
}
.offerterms__cwrapper.active {
  height: 100%;
}
.offerterms__cwrapper.active .overlay {
  opacity: 0;
  pointer-events: none;
}
.offerterms .overlay {
  position: absolute;
  width: 100%;
  height: 95%;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5294117647) 30%, rgba(255, 255, 255, 0.8) 100%);
  bottom: 0;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.offerterms a {
  margin-top: var(--space-xs);
}
.offerterms .btn--showmore {
  font-size: 14px !important;
}
.offerterms--showmore.active {
  display: flex !important;
}

.termlist__cwrapper h6, .termlist__cwrapper .h6 {
  color: var(--color-primary);
  font-size: var(--fs-16);
}
.termlist__cwrapper p {
  font-size: var(--fs-14);
  margin-bottom: calc(var(--space-32) - 2px);
}
.termlist__cwrapper ul {
  list-style: disc;
  padding-left: var(--space-24);
}
.termlist__cwrapper ul li {
  font-size: var(--fs-12);
  margin-bottom: var(--space-10);
}
.termlist__cwrapper ul li:last-child {
  margin-bottom: var(--space-0);
}

.offerterms .offerterms__cwrapper .initial-plusicon {
  display: block;
}

.offerterms .offerterms__cwrapper.active .initial-plusicon {
  display: none;
}

.content-centerd {
  max-width: 80%;
  margin: var(--space-0) auto;
  padding: var(--space-40) var(--space-0) var(--space-20) var(--space-0);
}
@media screen and (max-width: 991px) {
  .content-centerd {
    max-width: 100%;
    margin: var(--space-0);
  }
}
.content-centerd h2, .content-centerd .h2 {
  color: var(--color-primary);
  margin-bottom: var(--space-xs);
  font-weight: var(--fw-400);
}
@media screen and (max-width: 767px) {
  .content-centerd h2, .content-centerd .h2 {
    font-size: var(--fs-30);
  }
}
.content-centerd p {
  margin-bottom: var(--space-xs);
  font-size: var(--fs-20);
  color: var(--color-secondary);
}
@media screen and (max-width: 991px) {
  .content-centerd p {
    font-size: var(--fs-16);
    margin-bottom: var(--space-10);
  }
}
.content-centerd p:last-child {
  margin-bottom: var(--space-0);
}

.select-box {
  position: relative;
  width: 100%;
  height: 80px;
}
@media screen and (max-width: 1380px) {
  .select-box {
    height: 50px;
  }
}
.select-box::before {
  content: "";
  position: absolute;
  background-image: url("/src/images/icons/downarrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.select-box.active::before {
  transform: translateY(-50%) rotate(-180deg);
}
.select-box input {
  --border-radius-66:66px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: var(--color-white);
  border: none;
  outline: none;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: var(--space-30);
  border-radius: var(--border-radius-66);
  color: var(--color-primary);
  font-size: var(--fs-18);
  font-weight: var(--fw-700);
}
@media screen and (max-width: 1380px) {
  .select-box input {
    padding: calc(var(--space-10) + 2px) var(--space-20);
  }
}
.select-box input::-moz-placeholder {
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
}
.select-box input::placeholder {
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
}
.select-box__options {
  --border-radius-24:24px;
  position: absolute;
  top: 88px;
  width: 100%;
  background: var(--color-white);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-24);
  overflow: hidden;
  z-index: 2;
  display: none;
}
@media screen and (max-width: 1380px) {
  .select-box__options {
    top: 58px;
  }
}
.select-box__options ul li {
  padding: var(--space-24) var(--space-24) calc(var(--space-24) - 12px);
  cursor: pointer;
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
  color: var(--color-black);
  border-bottom: 1px solid var(--color-teal-100);
}
@media screen and (max-width: 1380px) {
  .select-box__options ul li {
    padding: var(--btn-spacex);
  }
}
.select-box__options ul li:hover {
  color: var(--color-primary);
  font-weight: var(--fw-700);
}
.select-box.active .select-box__options {
  display: block;
}

.select-flag {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.select-flag::before {
  content: "";
  position: absolute;
  background-image: url("/src/images/icons/downarrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.select-flag.active::before {
  transform: translateY(-50%) rotate(-180deg);
}
.select-flag .textbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(var(--space-10) + 2px) var(--space-20);
  background: var(--color-white);
  border-radius: 66px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  font-size: var(--fs-18);
  font-weight: var(--fw-700);
  color: var(--color-primary);
}
.select-flag .textbox .flag-icon {
  width: 20px;
  height: 20px;
  margin-right: calc(var(--space-10) + 2px);
}
.select-flag .textbox span {
  flex: 1;
  padding-right: var(--space-30);
}
.select-flag__options {
  position: absolute;
  top: 60px;
  width: 100%;
  background: var(--color-white);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-24);
  overflow: hidden;
  z-index: 2;
  display: none;
}
.select-flag__options ul {
  list-style: none;
  margin: var(--space-0);
  padding: var(--space-0);
}
.select-flag__options ul li {
  display: flex;
  align-items: center;
  padding: var(--btn-spacex);
  cursor: pointer;
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
  color: var(--color-black);
  border-bottom: 1px solid var(--color-teal-100);
}
.select-flag__options ul li a {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  width: 100%;
}
.select-flag__options ul li:hover {
  color: var(--color-primary);
  font-weight: var(--fw-700);
}
.select-flag__options ul li .flag-icon {
  width: 20px;
  height: 20px;
  margin-right: calc(var(--space-10) + 2px);
}
.select-flag.active .select-flag__options {
  display: block;
}

.lang-select {
  position: relative;
  width: 100%;
  height: 80px;
}
@media screen and (max-width: 1380px) {
  .lang-select {
    height: 50px;
  }
}
.lang-select::before {
  content: "";
  position: absolute;
  background-image: url("/src/images/icons/downarrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.lang-select.active::before {
  transform: translateY(-50%) rotate(-180deg);
}
.lang-select .input-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.lang-select input {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: var(--color-white);
  border: none;
  outline: none;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: 12px 20px 12px 50px;
  border-radius: 66px;
  color: var(--color-primary);
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
}
@media screen and (max-width: 1380px) {
  .lang-select input {
    padding: 12px 20px 12px 45px;
  }
}
.lang-select input::-moz-placeholder {
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
}
.lang-select input::placeholder {
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
}
.lang-select .lang-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.lang-select__options {
  position: absolute;
  top: 88px;
  width: 100%;
  background: var(--color-white);
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-24);
  overflow: hidden;
  z-index: 2;
  display: none;
}
@media screen and (max-width: 1380px) {
  .lang-select__options {
    top: 58px;
  }
}
.lang-select__options ul li {
  padding: var(--space-24) var(--space-24) calc(var(--space-24) - 12px);
  cursor: pointer;
  font-size: var(--fs-16);
  font-weight: var(--fw-400);
  color: var(--color-black);
  border-bottom: 1px solid var(--color-teal-100);
}
@media screen and (max-width: 1380px) {
  .lang-select__options ul li {
    padding: var(--btn-spacex);
  }
}
.lang-select__options ul li:hover {
  color: var(--color-primary);
  font-weight: var(--fw-700);
}
.lang-select.active .lang-select__options {
  display: block;
}

.filter-dropdown {
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-8);
}
.filter-dropdown__input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-radius: var(--border-radius-24);
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-white);
  cursor: pointer;
  transition: 3s ease;
}
@media screen and (max-width: 1380px) {
  .filter-dropdown__input {
    padding: 20px;
  }
}
@media screen and (max-width: 991px) {
  .filter-dropdown__input {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  .filter-dropdown__input {
    padding: 10px;
    border-radius: 8px;
  }
}
.filter-dropdown__input__icontext {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  line-height: 0;
}
.filter-dropdown__input__icontext .btn-text {
  font-size: 24px;
  color: var(--color-primary);
  font-weight: 400;
  font-family: var(--ff-primary);
}
@media screen and (max-width: 1380px) {
  .filter-dropdown__input__icontext .btn-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .filter-dropdown__input__icontext .btn-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .filter-dropdown__input__icontext .btn-text {
    font-size: 16px;
    font-weight: var(--fw-700);
  }
}
.filter-dropdown__input__icontext span {
  font-size: var(--fs-18);
  font-weight: var(--fw-400);
  color: var(--color-black);
}
.filter-dropdown__input__arrow-dwn {
  display: flex;
  height: 24px;
  width: 24px;
  color: var(--color-white);
  font-size: var(--fs-16);
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
  transition: 0.7s ease;
}
@media screen and (max-width: 767px) {
  .filter-dropdown__input__arrow-dwn {
    display: none;
  }
}
.filter-dropdown__list-items {
  position: absolute;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-300);
  border-bottom: none !important;
  border-top: none !important;
  border-bottom-left-radius: var(--border-radius-24);
  border-bottom-right-radius: var(--border-radius-24);
  height: 0px;
  transition: 0.7s ease;
}
.filter-dropdown__items {
  max-height: 100%;
}
.filter-dropdown__items::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  margin-left: var(--space-10);
}
.filter-dropdown__items::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-400);
  border-radius: calc(var(--border-radius-8) + 2px);
}
.filter-dropdown__items .item {
  list-style: none;
  display: flex;
  align-items: center;
  padding: var(--space-24);
  border-bottom: 1px solid var(--color-gray-300);
}
.filter-dropdown__items .item:last-child {
  border-bottom: none;
}
.filter-dropdown__items .item .item-text {
  font-size: 18px;
  color: var(--color-black);
  font-weight: 400;
  font-family: var(--ff-primary);
}
@media screen and (max-width: 1380px) {
  .filter-dropdown__items .item .item-text {
    font-size: 16px;
  }
}
.filter-dropdown__items .item input[type=radio] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .filter-dropdown__items .item input[type=radio] {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1380px) {
  .filter-dropdown__items .item {
    padding: calc(var(--space-10) + 2px);
  }
}
.filter-dropdown__items .item input[type=checkbox] {
  display: none;
}
.filter-dropdown__items .item input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  padding-left: calc(var(--space-30) + 5px);
  width: 100%;
  font-size: var(--fs-18);
  font-weight: var(--fw-400);
  color: var(--color-black);
}
.filter-dropdown__items .item input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-primary);
  background-color: transparent;
  border-radius: var(--border-radius-8);
}
.filter-dropdown__items .item input[type=checkbox]:checked + label:before {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-8);
}
.filter-dropdown__items .item input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: 1px solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}
.filter-dropdown__items .item input[type=checkbox]:checked + label:after {
  display: block;
}

.filter-dropdown.open .filter-dropdown__input {
  border-top-left-radius: var(--border-radius-24);
  border-top-right-radius: var(--border-radius-24);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: 0.7s ease;
}
.filter-dropdown.open .filter-dropdown__input__arrow-dwn {
  transform: rotate(180deg);
  transition: 0.7s ease;
}
.filter-dropdown.open .filter-dropdown__list-items {
  height: 300px;
  transition: 0.7s ease;
  border-bottom: 1px solid var(--color-gray-300) !important;
}
@media screen and (max-width: 1380px) {
  .filter-dropdown.open .filter-dropdown__list-items {
    height: 200px;
  }
}

/* Mobile Sort Modal Styles */
.sort-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.sort-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.sort-modal.active .sort-modal__overlay {
  display: block;
}

.sort-modal__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.sort-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--color-gray-300);
}
.sort-modal__header__wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sort-modal__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary);
}

.sort-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
}

.sort-modal__body {
  padding: 16px;
  overflow-y: auto;
}

.sort-option {
  display: flex;
  align-items: center;
  padding: 12px 0;
}

.sort-option input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
}

.sort-option input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

.sort-option label {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--ff-primary);
  color: #0F1632;
  cursor: pointer;
}

/* Make the default dropdown hidden on mobile */
@media screen and (max-width: 767px) {
  .filter-dropdown {
    display: flex;
    justify-content: flex-end;
  }
  .filter-dropdown .filter-dropdown__input {
    display: flex; /* Keep it visible but modify behavior */
    width: -moz-fit-content;
    width: fit-content;
  }
  .filter-dropdown.open .filter-dropdown__list-items {
    display: none; /* Hide the dropdown menu on mobile */
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rmvafter .theiaStickySidebar:after {
    display: none !important;
  }
}
/* Show the modal when active */
.sort-modal.active {
  display: block;
}

/* Animation for the modal */
.sort-modal__content {
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.sort-modal.active .sort-modal__content {
  transform: translateY(0);
}

.slidearrowalign {
  position: relative;
}
.slidearrowalign .slidecontrols {
  display: flex;
  justify-content: space-between;
}
.slidearrowalign .slidecontrols img {
  display: block;
}
.slidearrowalign .slidecontrols--next {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  transform: translate(40px, 20px);
}
@media screen and (max-width: 1200px) {
  .slidearrowalign .slidecontrols--next {
    transform: translate(0px);
  }
}
@media screen and (max-width: 767px) {
  .slidearrowalign .slidecontrols--next {
    display: none;
  }
}
.slidearrowalign .slidecontrols--prev {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  transform: translate(-40px, 20px);
}
@media screen and (max-width: 1200px) {
  .slidearrowalign .slidecontrols--prev {
    transform: translateX(0px);
  }
}
@media screen and (max-width: 767px) {
  .slidearrowalign .slidecontrols--prev {
    display: none;
  }
}

.slider-pagination {
  padding-top: 30px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .twobox .slider-pagination {
    padding-top: 0px;
  }
}
.headerone {
  background-color: var(--color-white);
  position: fixed;
  z-index: 11;
  width: 100%;
  box-shadow: var(--shadow-2);
  top: 0;
  transition: all 0.3s ease-in;
}
.headerone.header--hide {
  transform: translateY(-100%);
  transition: all 0.3s ease-in;
}
.headerone__logo {
  width: 100px;
}
@media screen and (max-width: 767px) {
  .headerone__logo {
    width: 76px;
    height: 50px;
  }
}
.headerone__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-white);
  padding: 21px 0px;
}
@media screen and (max-width: 1380px) {
  .headerone__wrapper {
    padding: 12px 0px;
  }
}
.headerone__wrapper .icon-wrapper {
  display: flex;
  align-items: center;
}
.headerone__wrapper .icon-wrapper__search-mobile {
  display: none;
  background: none;
  border: none;
}
@media screen and (max-width: 767px) {
  .headerone__wrapper .icon-wrapper__search-mobile {
    display: block;
  }
}
.headerone__wrapper .icon-wrapper .search-toggle {
  position: absolute;
  opacity: 0;
  transition: width 0.3s ease, opacity 0.3s ease;
  right: 40px;
  top: 28px;
  z-index: -1;
  opacity: 0;
}
@media screen and (max-width: 1380px) {
  .headerone__wrapper .icon-wrapper .search-toggle {
    top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .headerone__wrapper .icon-wrapper .search-toggle {
    top: 80px;
    right: 0;
    width: 100%;
  }
}
.headerone__wrapper .icon-wrapper .search-toggle .productsearch__searchbar {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.headerone__wrapper .icon-wrapper .search-toggle .productsearch__searchbar .search-result_container {
  position: relative;
  background: var(--color-primary-light);
}
.headerone__wrapper .icon-wrapper .search-toggle .search-bar--filter button img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .headerone__wrapper .icon-wrapper .search-toggle .search-bar--filter input {
    padding: 0 10px 0 15px !important;
  }
}
.headerone__wrapper .icon-wrapper .search-toggle.active {
  width: 30%;
  opacity: 1;
  right: 40px;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .headerone__wrapper .icon-wrapper .search-toggle.active {
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .headerone__wrapper .icon-wrapper .search-toggle.active {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .headerone__wrapper .icon-wrapper .search-toggle.active {
    width: 100%;
    right: 0;
  }
}
.headerone__nav {
  display: flex;
  align-items: center;
  gap: var(--gap-16);
}
@media screen and (max-width: 767px) {
  .headerone__nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--space-xs);
    transition: transform 0.3s ease-in-out;
  }
  .headerone__nav--open {
    left: 0;
    z-index: -1;
    padding-top: 80px;
  }
}
.headerone__nav .headerone__menu {
  display: flex;
  align-items: center;
  gap: var(--gap-16);
  list-style: none;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu {
    flex-direction: column;
    width: 96%;
    margin: 0 auto;
    gap: 0;
  }
}
.headerone__nav .headerone__menu .search-btn {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .p-none {
    padding: 0 !important;
  }
}
.headerone__nav .headerone__menu .headerone__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item {
    width: 100%;
    padding: var(--space-xs) 0;
    border-bottom: 1px solid var(--color-gray-400);
  }
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item:last-child {
    border-bottom: none;
  }
}
.headerone__nav .headerone__menu .headerone__item a {
  color: var(--color-secondary);
}
.headerone__nav .headerone__menu .headerone__item a:hover, .headerone__nav .headerone__menu .headerone__item a.active {
  color: var(--color-primary);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item.search-btn {
    display: none;
  }
}
.headerone__nav .headerone__menu .headerone__item a.headerone__link.placeholder {
  color: var(--color-gray-400);
}
.headerone__nav .headerone__menu .headerone__item--dropdown .headerone__link {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  color: var(--color-secondary);
  cursor: pointer;
}
.headerone__nav .headerone__menu .headerone__item--dropdown .headerone__link .headerone__icon {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--dropdown .headerone__link {
    justify-content: space-between;
    gap: 0;
  }
}
.headerone__nav .headerone__menu .headerone__item--dropdown.open .headerone__icon {
  transform: rotate(180deg);
}
.headerone__nav .headerone__menu .headerone__item--dropdown.headerone__icon {
  transform: rotate(0deg);
}
.headerone__nav .headerone__menu .headerone__item--dropdown .headerone__dropdown {
  border-radius: 15px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--color-white);
  padding: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(1px);
  transition: opacity 0.8s ease, max-height 0.8s ease, height 0.8s ease, overflow 0.8s ease, transform 0.8s ease;
  z-index: 3;
  width: 100%;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--dropdown .headerone__dropdown {
    position: relative;
    top: unset;
    opacity: 1;
    background-color: none;
    padding: var(-space-8) 0;
    transform: translate(0px);
    box-shadow: none;
    width: 100%;
    padding: 0px;
  }
}
.headerone__nav .headerone__menu .headerone__item--dropdown .headerone__dropdown li {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 1px solid #d3dadd;
  font-size: var(--fs-14);
}
.headerone__nav .headerone__menu .headerone__item--dropdown .headerone__dropdown li:last-child {
  border: none;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--dropdown .headerone__dropdown li {
    padding: 12px 0;
  }
}
.headerone__nav .headerone__menu .headerone__item--dropdown.active {
  padding-bottom: 0px;
}
.headerone__nav .headerone__menu .headerone__item--dropdown.active .headerone__dropdown {
  opacity: 1;
  max-height: auto;
}
.headerone__nav .headerone__menu .headerone__item--dropdown.active .headerone__label label {
  font-weight: var(--fw-600);
  color: var(--color-primary);
}
.headerone__nav .headerone__menu .headerone__item--dropdown .category-menu {
  padding: 12px 0 !important;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--dropdown .category-menu {
    padding: 0 !important;
  }
}
.headerone__nav .headerone__menu .headerone__item--dropdown .country-menu {
  margin-bottom: 12px !important;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--dropdown .country-menu {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .headerone__nav .headerone__menu .headerone__item.dropdown-hover:hover .headerone__dropdown {
    opacity: 1;
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    width: 100%;
    min-width: 105px;
    z-index: 4;
    box-shadow: var(--shadow-2);
    padding: 0 0 var(--space-8) 0;
    top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item.dropdown-hover:hover .headerone__dropdown {
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
@media screen and (min-width: 768px) {
  .headerone__nav .headerone__menu .headerone__item.dropdown-hover:hover .headerone__icon {
    transform: rotate(180deg);
  }
  .headerone__nav .headerone__menu .headerone__item .headerone__icon {
    transform: rotate(0deg);
  }
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__label, .headerone__nav .headerone__menu .headerone__item--lang .headerone__label {
  display: flex;
  gap: var(--gap-8);
  align-items: center;
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__label label, .headerone__nav .headerone__menu .headerone__item--lang .headerone__label label {
  color: var(--color-secondary);
  font-weight: var(--fw-400);
  font-size: var(--fs-16);
  display: none;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--country .headerone__label label, .headerone__nav .headerone__menu .headerone__item--lang .headerone__label label {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--country .headerone__label, .headerone__nav .headerone__menu .headerone__item--lang .headerone__label {
    gap: unset;
    justify-content: space-between;
  }
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__link, .headerone__nav .headerone__menu .headerone__item--lang .headerone__link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary);
  cursor: pointer;
  padding: 12px 24px;
  font-weight: var(--fw-700);
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--country .headerone__link, .headerone__nav .headerone__menu .headerone__item--lang .headerone__link {
    border: none;
    padding: 0;
    font-weight: var(--fw-400);
  }
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__link--countryborder, .headerone__nav .headerone__menu .headerone__item--lang .headerone__link--countryborder {
  padding: 12px 24px 0px !important;
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--country .headerone__link--countryborder, .headerone__nav .headerone__menu .headerone__item--lang .headerone__link--countryborder {
    padding: 6px 0px 6px !important;
  }
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__dropdown-item a, .headerone__nav .headerone__menu .headerone__item--lang .headerone__dropdown-item a {
  display: flex;
  gap: var(--gap-8);
  align-items: center;
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__dropdown-item a span, .headerone__nav .headerone__menu .headerone__item--lang .headerone__dropdown-item a span {
  max-width: 20px;
  max-height: 20px;
}
.headerone__nav .headerone__menu .headerone__item--country .headerone__dropdown-item a span img, .headerone__nav .headerone__menu .headerone__item--lang .headerone__dropdown-item a span img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.headerone__nav .headerone__menu .headerone__item--country .flag-placeholder, .headerone__nav .headerone__menu .headerone__item--lang .flag-placeholder {
  background: var(--color-primary-light);
  padding: 2px 4px;
  display: flex;
  align-items: center;
}
.headerone__nav .headerone__menu .headerone__item--country .flag-placeholder span, .headerone__nav .headerone__menu .headerone__item--lang .flag-placeholder span {
  font-size: 10px;
  font-family: var(--ff-primary);
  height: 100%;
  width: 100%;
  text-align: center;
  color: var(--color-secondary);
}
@media screen and (max-width: 767px) {
  .headerone__nav .headerone__menu .headerone__item--country .flag-placeholder, .headerone__nav .headerone__menu .headerone__item--lang .flag-placeholder {
    display: none;
  }
}
.headerone__nav .headerone__menu .headerone__item--lang .headerone__link {
  font-weight: var(--fw-400);
}
.headerone__hamburger {
  display: none;
  background: none;
  border: none;
  font-size: var(--fs-24);
  cursor: pointer;
}
.headerone__hamburger .headerone__icon--hamburger, .headerone__hamburger .headerone__icon--close {
  width: 24px;
  height: 24px;
}
.headerone__hamburger .headerone__icon--close {
  display: none;
}
@media screen and (max-width: 767px) {
  .headerone__hamburger {
    display: block;
  }
  .headerone__hamburger.is-open .headerone__icon--hamburger {
    display: none;
  }
  .headerone__hamburger.is-open .headerone__icon--close {
    display: block;
  }
}
.headerone__modalwrapper {
  position: absolute;
  right: 0;
  top: 80px;
  background: white;
  padding: 0 24px;
  border-radius: 32px;
  display: none;
}
@media screen and (max-width: 1440px) {
  .headerone__modalwrapper {
    border-radius: 24px;
  }
}
@media screen and (max-width: 1380px) {
  .headerone__modalwrapper {
    top: 70px;
    padding: 0 20px;
  }
}
.headerone__modalwrapper .headerone__item--dropdown .headerone__dropdown {
  box-shadow: none !important;
  padding: 0px !important;
}
.headerone__modalwrapper .headerone__item--dropdown.open .headerone__dropdown {
  visibility: visible;
  opacity: 1;
  overflow: auto;
  max-height: 350px;
}
@media screen and (max-width: 1380px) {
  .headerone__modalwrapper .headerone__item--dropdown.open .headerone__dropdown {
    max-height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .headerone__modalwrapper .headerone__item--dropdown.open .headerone__dropdown {
    max-height: 360px;
  }
}
.headerone__modalwrapper .headerone__item--dropdown.open .headerone__dropdown::-webkit-scrollbar {
  width: 4px;
}
.headerone__modalwrapper .headerone__item--dropdown.open .headerone__dropdown::-webkit-scrollbar-thumb {
  background: var(--color-gray);
  border-radius: var(--border-radius-4);
}
.headerone__modalwrapper .headerone__item--dropdown.open {
  padding-bottom: 12px !important;
}
.headerone__modalwrapper .headerone__dropdown {
  position: relative !important;
}
.headerone__modalwrapper .headerone__item {
  padding: var(--space-24) 0;
  margin: 0px;
}
@media screen and (max-width: 1380px) {
  .headerone__modalwrapper .headerone__item {
    padding: var(--space-20) 0;
  }
}
.headerone__modalwrapper li.headerone__dropdown-item {
  margin-bottom: 0px;
  padding: 12px !important;
}
@media screen and (max-width: 767px) {
  .headerone__modalwrapper {
    display: block;
  }
}
.headerone__modalwrapper.is-opened {
  display: block;
  width: 375px;
}
@media screen and (max-width: 767px) {
  .headerone__modalwrapper.is-opened {
    width: 100%;
  }
}
.headerone__modalwrapper.is-opened .headerone__item {
  width: 100% !important;
  border-bottom: 1px solid var(--color-gray-400) !important;
}
.headerone__modalwrapper.is-opened .headerone__item:last-child {
  border-bottom: none !important;
}
.headerone__modalwrapper.is-opened .headerone__nav .headerone__menu .headerone__item--lang .headerone__label {
  gap: unset;
  justify-content: space-between;
}
.headerone__modalwrapper.is-opened .headerone__item--lang .headerone__label {
  gap: unset;
  justify-content: space-between;
}
.headerone__modalwrapper.is-opened .headerone__item--lang .headerone__label label {
  display: block;
}
.headerone__modalwrapper.is-opened .headerone__item--lang .headerone__link {
  border: none;
  padding: 0;
  font-weight: var(--fw-400);
}
.headerone__modalwrapper.is-opened .headerone__item--lang.open .headerone__label .headerone__link .headerone__icon {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .headerone__modalwrapper {
    position: unset;
    padding: 0;
  }
}
.headerone__modalwrapper li {
  margin-bottom: 16px;
}
.headerone__modalbtn {
  border: none;
  background: none;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .headerone__modalbtn {
    display: none;
  }
}
.headerone__modalbtn--closeicon {
  display: none;
}
.headerone__modalbtn--hamburgicon {
  display: block;
}
.headerone__modalbtn.is-opened .headerone__modalbtn--closeicon {
  display: block;
}
.headerone__modalbtn.is-opened .headerone__modalbtn--hamburgicon {
  display: none;
}
.headerone--1 {
  position: fixed;
  top: 0;
  z-index: 13;
}
@media screen and (max-width: 767px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item:first-child {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item:nth-child(2) {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item:nth-child(3) {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item:last-child {
    order: 4;
  }
}
.headerone--1 .headerone__nav .headerone__menu .headerone__item--lang .headerone__link {
  border: none !important;
}
.headerone--1 .headerone__nav .headerone__menu .headerone__item--country .headerone__link {
  color: var(--color-secondary);
  font-weight: var(--fw-400);
}
.headerone--1 .headerone__nav .headerone__menu .headerone__item--1 .headerone__label {
  display: flex;
  gap: var(--gap-12);
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item--1 .headerone__label {
    gap: unset;
    justify-content: space-between;
  }
}
.headerone--1 .headerone__nav .headerone__menu .headerone__item--1 .headerone__label label {
  font-size: var(--fs-14);
  font-weight: var(--fw-400);
  color: var(--color-secondary);
}
.headerone--1 .headerone__nav .headerone__menu .headerone__item--1 .headerone__link {
  padding: 12px 20px;
  border-radius: 30px;
  border: 1px solid var(--color-primary);
}
@media screen and (max-width: 1024px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item--1 .headerone__link {
    font-size: var(--fs-14);
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  .headerone--1 .headerone__nav .headerone__menu .headerone__item--1 .headerone__link {
    border: none;
    padding: 0px;
  }
}

.headerone.disabled {
  pointer-events: none;
}
.headerone.disabled .headerone__icon {
  transform: rotate(0deg) !important;
}

.header-tooltip button {
  cursor: pointer;
}

.header-tooltip__wrapper {
  pointer-events: auto;
}

.result-graybg {
  position: relative !important;
  background: var(--color-primary-light) !important;
  height: calc(100vh - 330px) !important;
}
@media screen and (max-width: 767px) {
  .result-graybg {
    height: calc(100vh - 230px) !important;
  }
}
.result-graybg .search-result_wrapper {
  height: calc(100vh - 415px) !important;
}
@media screen and (max-width: 1380px) {
  .result-graybg .search-result_wrapper {
    height: calc(100vh - 365px) !important;
  }
}
@media screen and (max-width: 767px) {
  .result-graybg .search-result_wrapper {
    height: calc(100vh - 270px) !important;
  }
}

.select2-results__option {
  font-family: var(--ff-primary) !important;
}

.select2-results__option img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: none !important;
  color: var(--color-secondary);
  font-family: var(--ff-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.select2-results__option--selectable span {
  display: flex;
  align-items: center;
  color: var(--color-secondary);
  font-family: var(--ff-primary);
  font-size: 16px;
}

.select2-results__option--disabled span {
  display: flex;
  align-items: center;
  color: var(--color-secondary) 80;
  font-family: var(--ff-primary);
  font-size: 16px;
}

.select2-results__option--disabled span::after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  background: #D63410;
  border-radius: 50%;
  right: -5px;
}

.select2-results__option--disabled span img {
  filter: grayscale(1);
}

.select2-container {
  z-index: 4 !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 8px;
  border: 1px solid #C7C7C7;
  padding: 15px;
  border-radius: 50px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #C7C7C7;
  outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  border-radius: 20px;
  margin: 4px;
  padding: 10px;
  background: var(--color-teal-200);
  border-radius: 8px;
  color: var(--color-primary);
  border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding: 0px 5px;
  color: var(--color-secondary);
  font-family: var(--ff-primary);
  font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--color-primary);
  border-radius: 4px;
  position: relative;
  font-size: 14px;
  background: var(--color-white);
  border: 1px solid var(--color-white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove :hover {
  background: var(--color-white);
  border: 1px solid var(--color-white);
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-radius: 50px !important;
}

.select2-container .select2-container--default .select2-container--open {
  top: 430px !important;
}

@media screen and (max-width: 767px) {
  .select2-container .select2-container--default .select2-container--open {
    top: 415px !important;
  }
}
@media screen and (max-width: 580px) {
  .select2-container .select2-container--default .select2-container--open {
    top: 450px !important;
  }
}
.select2-results__option {
  padding: 24px 24px 12px;
}
@media screen and (max-width: 1380px) {
  .select2-results__option {
    padding: 12px 24px;
  }
}

.select2-results__options li {
  border-bottom: 1px solid var(--color-gray-400);
}

.select2-results__options li:last-child {
  border: none;
}

.select2-container--default .select2-search--inline .select2-search__field {
  color: var(--color-secondary);
  font-family: var(--ff-primary);
  font-size: 16px;
  padding: 10px 16px;
  margin: 0px;
  min-height: 36px;
  width: 85% !important;
}
@media screen and (max-width: 1024px) {
  .select2-container--default .select2-search--inline .select2-search__field {
    width: 80% !important;
  }
}
@media screen and (max-width: 1024px) {
  .select2-container--default .select2-search--inline .select2-search__field {
    width: 70% !important;
  }
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
  margin-left: 10px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #9c9eb2;
  border-radius: 10px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1;
}

@media screen and (max-width: 991px) {
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 14px;
  }
}
.select2-container--open .select2-dropdown--below {
  margin-top: 20px !important;
  border-radius: 24px;
  overflow: hidden;
}

.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 50px !important;
}

.select2-container--open .select2-dropdown--above {
  border-radius: 24px;
  top: -15px;
  overflow: hidden;
}

.select2-container--open.select2-container--above .select2-selection--multiple {
  border-radius: 50px !important;
}

.select2-selection__clear {
  display: none;
}

.searchfilter {
  font-family: var(--ff-primary);
}
.searchfilter--inputwrapper {
  background: white;
  border-radius: 50px;
  width: 100%;
}
.searchfilter--inputwrapper input {
  width: 80%;
  padding: 30px;
  border-radius: 50px;
  border: none;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .searchfilter--inputwrapper input {
    font-size: 16px;
  }
}
@media screen and (max-width: 1380px) {
  .searchfilter--inputwrapper input {
    padding: 20px;
  }
}
.searchfilter--inputwrapper input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.searchfilter--inputwrapper input::-moz-placeholder {
  color: #0F1632;
  opacity: 0.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchfilter--inputwrapper input::placeholder {
  color: #0F1632;
  opacity: 0.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchfilter .search-result_container {
  background: white;
  position: absolute;
  width: 100%;
  margin-top: 10px;
  padding: 32px 0;
  border-radius: 32px;
  height: 312px;
}
@media screen and (max-width: 1380px) {
  .searchfilter .search-result_container {
    padding: 24px 0;
    border-radius: 24px;
    height: 264px;
  }
}
@media screen and (max-width: 1024px) {
  .searchfilter .search-result_container {
    padding: 18px 0;
  }
}
.searchfilter .search-result_wrapper {
  height: 248px;
  overflow-y: auto;
  overflow-x: hidden;
}
.searchfilter .search-result_wrapper::-webkit-scrollbar {
  width: 4px;
  background-color: white;
}
.searchfilter .search-result_wrapper::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 10px;
}
@media screen and (max-width: 1380px) {
  .searchfilter .search-result_wrapper {
    height: 218px;
  }
}
.searchfilter .search-result_wrapper .resultLoad {
  color: var(--color-primary);
  font-weight: 700;
  text-align: center;
}
.searchfilter .search-result_wrapper .search-category__title {
  padding: 24px 30px 0px 30px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary);
}
@media screen and (max-width: 1380px) {
  .searchfilter .search-result_wrapper .search-category__title {
    padding: 15px 20px 0px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .searchfilter .search-result_wrapper .search-category__title {
    padding: 15px 15px 0px 15px;
  }
}
.searchfilter .search-result_wrapper .dropdown__links li {
  padding: 12px 30px 12px 30px;
  border-bottom: 1px solid #EBEBEB;
}
@media screen and (max-width: 1380px) {
  .searchfilter .search-result_wrapper .dropdown__links li {
    padding: 10px 20px 10px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .searchfilter .search-result_wrapper .dropdown__links li {
    padding: 8px 15px 8px 15px;
  }
}
.searchfilter .search-result_wrapper .dropdown__links li a {
  color: #0F1632;
  font-size: 16px;
  font-weight: 400;
}
.searchfilter .search-result_wrapper .category-result-wrapper .search-category__title {
  padding: 0 30px 0px 30px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary);
}
@media screen and (max-width: 1380px) {
  .searchfilter .search-result_wrapper .category-result-wrapper .search-category__title {
    padding: 0 20px 0px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .searchfilter .search-result_wrapper .category-result-wrapper .search-category__title {
    padding: 0px 15px 0px 15px;
  }
}

/* .filter styles */
.searchfilter .filter {
  position: relative;
}

/* .searchicons styles */
.searchfilter .searchicons {
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
}
@media screen and (max-width: 1380px) {
  .searchfilter .searchicons {
    gap: 10px;
    top: 8px;
    right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .searchfilter .searchicons {
    gap: 6px;
  }
}

/* .filtericon styles */
.searchfilter .filtericon {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.searchfilter .filtericon.filter-icon.active::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0px;
  left: 20px;
  border-radius: 50%;
  background: red;
}

/* .searchicon styles */
.searchfilter .searchicon {
  background: var(--color-primary);
  padding: 10px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.searchfilter .searchicon:hover img {
  animation: zoomEffect 0.4s ease-in-out;
}
@media screen and (max-width: 1380px) {
  .searchfilter .searchicon {
    width: 45px;
    height: 45px;
  }
}
.searchfilter .searchicon img {
  width: 25px;
  height: 25px;
}
@media screen and (max-width: 1380px) {
  .searchfilter .searchicon img {
    width: 20px;
    height: 20px;
  }
}

/* Select element styles */
.searchfilter select {
  width: 100%;
  padding: 20px;
  font-family: var(--ff-primary);
}

.searchfilter select option {
  font-family: var(--ff-primary);
}

span.select2-selection.select2-selection--multiple {
  display: block !important;
  width: 100% !important;
}

span.select2.select2-container.select2-container--default.select2-container--below {
  display: block !important;
  width: 100% !important;
}

span.select2.select2-container.select2-container--default.select2-container--above {
  display: block !important;
  width: 100% !important;
}

span.select2.select2-container.select2-container--default {
  display: block !important;
  width: 100% !important;
}

.bluebg,
.primary-lightbg {
  background: var(--color-primary-light);
  padding: var(--space-50);
  border-radius: var(--border-radius-24);
  margin-top: -80px;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .bluebg,
  .primary-lightbg {
    margin-top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .bluebg,
  .primary-lightbg {
    padding: var(--space-32) calc(var(--space-20) - 4px);
  }
}
.bluebg h2, .bluebg .h2,
.primary-lightbg h2,
.primary-lightbg .h2 {
  color: var(--color-white);
  text-align: center;
  margin-bottom: var(--space-40);
}
.bluebg__wrapper,
.primary-lightbg__wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .bluebg__wrapper,
  .primary-lightbg__wrapper {
    gap: 24px;
  }
}
.bluebg__selectbox,
.primary-lightbg__selectbox {
  flex-basis: 30%;
}
@media screen and (max-width: 767px) {
  .bluebg__selectbox,
  .primary-lightbg__selectbox {
    flex-basis: 100%;
  }
}
.bluebg__selectbox .select-box,
.primary-lightbg__selectbox .select-box {
  height: 65px;
}
.bluebg__selectbox .select-box input,
.primary-lightbg__selectbox .select-box input {
  padding: 20px;
}
@media screen and (max-width: 1380px) {
  .bluebg__selectbox .select-box input,
  .primary-lightbg__selectbox .select-box input {
    padding: 15px 30px;
  }
}
.bluebg__selectbox .select-box__options,
.primary-lightbg__selectbox .select-box__options {
  top: 97px;
}
@media screen and (max-width: 1380px) {
  .bluebg__selectbox .select-box__options,
  .primary-lightbg__selectbox .select-box__options {
    top: 75px;
  }
}
@media screen and (max-width: 767px) {
  .bluebg__selectbox .select-box__options,
  .primary-lightbg__selectbox .select-box__options {
    z-index: 6;
  }
}
.bluebg__filter,
.primary-lightbg__filter {
  position: relative;
  flex-basis: 100%;
}
@media screen and (max-width: 767px) {
  .bluebg__filter,
  .primary-lightbg__filter {
    flex-basis: 100%;
  }
}
.bluebg__filter .select2-container--default .select2-search--inline .select2-search__field,
.primary-lightbg__filter .select2-container--default .select2-search--inline .select2-search__field {
  padding: 6px 16px;
}

@media screen and (max-width: 767px) {
  .bg-blue {
    background: #0f1632;
  }
}

.bottom-bg {
  background: #0f1632;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bottom-bg {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
}
.bottom-bg__iconwrapper {
  padding: clamp(1.125rem, 0.8593rem + 1.0121vw, 1.75rem) 46px; /* 28px to 18px and 46px  */
}
@media screen and (max-width: 1380px) {
  .bottom-bg__iconwrapper {
    padding: clamp(1.125rem, 0.8593rem + 1.0121vw, 1.75rem) 40px; /* 28px to 40px  */
  }
}
@media screen and (max-width: 991px) {
  .bottom-bg__iconwrapper {
    padding: clamp(1.125rem, 0.8593rem + 1.0121vw, 1.75rem) 32px; /* 28px to 32px  */
  }
}
@media screen and (max-width: 767px) {
  .bottom-bg__iconwrapper {
    padding: clamp(1.125rem, 0.8593rem + 1.0121vw, 1.75rem) 16px; /* 28px to 18px and 16px  */
  }
}
.bottom-bg .iconswiper {
  overflow: hidden;
}
.bottom-bg .iconswiper .swiper-wrapper {
  justify-content: center;
}
.bottom-bg .iconswiper .swiper-wrapper.justify-unset {
  justify-content: unset;
}
.bottom-bg .iconswiper .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 18px;
  color: white;
}
.bottom-bg .iconswiper .swiper-slide a span {
  width: 32px;
  height: 32px;
}
.bottom-bg .iconswiper .swiper-slide a span .svgMenuIconAnim {
  display: none;
}
.bottom-bg .iconswiper .swiper-slide a span .svgMenuIcon {
  display: block;
}
.bottom-bg .iconswiper .swiper-slide a span svg {
  height: 100%;
  width: 100%;
}
.bottom-bg .iconswiper .swiper-slide a:hover span img, .bottom-bg .iconswiper .swiper-slide a:hover span svg {
  animation: zoomEffect 0.4s ease-in-out;
}
.bottom-bg .iconswiper .swiper-pagination {
  position: relative;
  margin-top: 10px;
  line-height: 0;
  bottom: 0;
}
.bottom-bg .iconswiper .swiper-pagination-bullet-active {
  background-color: var(--color-primary-light);
}
.bottom-bg .iconswiper .swiper-pagination-bullet {
  background: var(--color-white);
}

.search-container {
  position: relative;
  margin: 0 auto;
  padding: clamp(2rem, 1.5218rem + 1.8219vw, 3.125rem) clamp(1.5rem, 0.8092rem + 2.6316vw, 3.125rem); /*top/bottom - max-50px and min-32px R/L - max-50px and min-24px  */
  background-color: var(--color-primary-light);
  border-radius: 20px;
}

.bg-btmsection {
  padding: 0 clamp(1.5rem, 0.8092rem + 2.6316vw, 3.125rem); /*top/bottom - max-50px and min-32px R/L - max-50px and min-24px  */
}
@media screen and (max-width: 767px) {
  .bg-btmsection {
    padding: 0;
  }
}

.search-box {
  display: flex;
  align-items: center;
  position: relative;
  background-color: var(--color-white);
  border-radius: 50px;
  padding: 10px;
}

.search-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  padding: 20px;
  font-size: 16px;
}

.filter-icon {
  cursor: pointer;
  margin-right: 10px;
  color: #777;
}

.search-button {
  background-color: var(--color-primary);
  border: none;
  border-radius: 50%;
  padding: clamp(0.8125rem, 0.7062rem + 0.4049vw, 1.0625rem); /* 17px to 13px */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .search-button img {
    width: 18px;
    height: 18px;
  }
}

.search-icon {
  color: white;
  font-size: 20px;
}

.filters-dropdown {
  display: none;
  background-color: white;
  border-radius: 15px;
  padding: 32px 0;
  margin-top: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 1380px) {
  .filters-dropdown {
    padding: 24px 0;
  }
}

.filter-section {
  margin-bottom: 20px;
}
@media screen and (max-width: 1380px) {
  .filter-section {
    margin-bottom: 15px;
  }
}
.filter-section > div {
  padding: 0 32px;
}
@media screen and (max-width: 1380px) {
  .filter-section > div {
    padding: 0 24px;
  }
}

div.sub-filters-container {
  padding: 32px;
}
@media screen and (max-width: 1380px) {
  div.sub-filters-container {
    padding: 24px;
  }
}

.filter-title {
  color: var(--color-primary);
  font-size: 16px;
  margin-bottom: 14px;
  font-weight: bold;
}
@media screen and (max-width: 1380px) {
  .filter-title {
    margin-bottom: 10px;
  }
}

.deals-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, max-content));
  gap: 15px;
}

.filter-option {
  display: flex;
  align-items: center;
  margin-right: 20px;
  min-width: 140px;
}

.filter-option input {
  margin-right: 10px;
  accent-color: var(--color-primary);
  width: 18px;
  height: 18px;
}

.filter-option label {
  cursor: pointer; /* Change this from 'none' to 'pointer' */
  pointer-events: auto; /* Change this from 'none' to 'auto' */
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

/* Make sure the checkbox itself is clickable */
.filter-option input[type=checkbox],
.filter-option input[type=radio] {
  pointer-events: auto;
  cursor: pointer;
  z-index: 1;
  position: relative;
}

.filter-option input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #A4ACAF;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.filter-option input[type=checkbox]:checked {
  background-color: #007bff; /* blue background */
  border-color: #007bff;
}

.filter-option input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  width: 6px;
  height: 10px;
  border: solid white; /* white tick */
  border-width: 0 2px 2px 0;
  transform: rotate(40deg);
}

.dropdown-icon {
  margin-left: 5px;
  color: #777;
  font-size: 10px;
  pointer-events: auto;
  cursor: pointer;
  z-index: 2; /* Ensure it's above the label */
}
.dropdown-icon img {
  transition: transform 0.3s ease;
}

.sub-filters-container {
  width: 100%;
  display: none;
  margin-top: 15px;
  padding: 20px;
  background: #F7FAFB;
}

.active {
  display: block;
}

.active-category {
  color: var(--color-primary);
  font-weight: bold;
}

.clear-button {
  background: none;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}

.apply-button {
  background-color: var(--color-primary);
  border: none;
  color: white;
  padding: 12px 30px;
  border-radius: 24px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  font-weight: bold;
}
.apply-button:hover {
  background: var(--color-secondary);
  color: var(--color-white);
}

/* Mobile View */
/* Mobile Filter Modal Styles */
/* Keep existing mobile styles, but update them */
.mobile-filter-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.mobile-filter-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 80vh;
  background-color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 16px;
  z-index: 1000;
  overflow-y: auto;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.mobile-filter-container.active {
  transform: translateY(0);
}

.mobile-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mobile-filter-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.close-button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/* New tab structure styles */
.mobile-filter-content {
  display: flex;
  height: 100%;
  margin-bottom: 20px;
}

.mobile-tab-nav {
  width: 35%;
  border-right: 1px solid #e0e0e0;
}

.mobile-tab {
  padding: 12px 15px 12px 0;
  cursor: pointer;
  color: #0F1632;
  font-size: 14px;
  font-weight: 400;
}

.mobile-tab.active {
  color: var(--color-primary);
  font-weight: bold;
  border-right: 2px solid var(--color-primary);
}

.mobile-tab-content {
  width: 65%;
  overflow-y: auto;
}
.mobile-tab-content .cardtype-options {
  padding-left: 16px;
}

.mobile-tab-pane {
  display: none;
  padding: 5px 0;
}

.mobile-tab-pane.active {
  display: block;
}

/* Accordion styles for mobile categories and deals */
.mobile-accordion-item {
  margin-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 12px;
}
.mobile-accordion-item:last-child {
  border-bottom: none;
}

.mobile-accordion-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 5px 0 5px 16px;
}

.mobile-accordion-header input {
  margin-right: 10px;
}

.mobile-accordion-header label {
  flex-grow: 1;
  font-size: 14px;
}

.mobile-dropdown-icon {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.mobile-dropdown-icon.active img {
  transform: rotate(180deg);
}

.mobile-accordion-content {
  display: none;
  padding: 10px 0 10px 16px;
  background-color: #F7FAFB;
  border-radius: 5px;
  margin-top: 8px;
}

.mobile-accordion-content.active {
  display: block;
}

/* Ensure the filter buttons are visible at the bottom */
.filter-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 15px;
  padding-top: 15px;
  padding-right: 24px;
  border-top: 1px solid #e0e0e0;
}
@media screen and (max-width: 767px) {
  .filter-buttons {
    padding-right: 0;
  }
}

/* Ensure proper styling for checkbox and radio inputs */
.mobile-filter-container input[type=checkbox],
.mobile-filter-container input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #A4ACAF;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.mobile-filter-container input[type=radio] {
  border-radius: 50%;
}

.mobile-filter-container input[type=checkbox]:checked,
.mobile-filter-container input[type=radio]:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.mobile-filter-container input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(40deg);
}

.mobile-filter-container input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: white;
}

/* Update the filter options to accommodate mobile layout */
@media (max-width: 767px) {
  .mobile-filter-container .filter-option {
    margin-bottom: 10px;
    width: 100%;
    min-width: auto;
  }
  .mobile-filter-container .filter-options {
    display: block;
  }
}
.dropdown-accordions {
  /* Results indicator */
  /* Filter button styles */
  /* Dropdown container */
  /* Dropdown content */
  /* Filter header */
  /* Main accordion sections */
  /* Accordion content */
  /* Sub-accordion items */
  /* Nested sub-accordion items */
  /* Hide native checkbox */
  /* Custom checkbox styling using label::before */
  /* Checked state styles */
  /* Label text changes when checked */
  /* Footer buttons */
  /* Mobile Modal Styles */
  /* Media Queries */
}
@media screen and (max-width: 767px) {
  .dropdown-accordions {
    width: 100%;
  }
}
.dropdown-accordions .results-count {
  padding: 15px 0;
  color: #666;
  font-size: 14px;
}
.dropdown-accordions .filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 10px;
  color: var(--color-primary);
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.dropdown-accordions .filter-button span {
  font-weight: 700;
}
.dropdown-accordions .filter-button .mobilecounter {
  background-color: var(--color-red);
  font-size: var(--fs-16);
  font-weight: 700;
  color: var(--color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  border-radius: 50px;
}
@media screen and (min-width: 767px) {
  .dropdown-accordions .filter-button .mobilecounter {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .dropdown-accordions .filter-button {
    display: none;
  }
}
.dropdown-accordions .filter-button svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.dropdown-accordions .dropdown-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dropdown-accordions .dropdown-content {
  display: none;
  position: relative;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  border: 1px solid #d3dadd;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .dropdown-accordions .dropdown-content {
    display: block;
  }
}
.dropdown-accordions .dropdown-content.show {
  display: block;
}
.dropdown-accordions .filter-header {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f5f7;
}
@media screen and (max-width: 1380px) {
  .dropdown-accordions .filter-header {
    padding: 20px;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-accordions .filter-header {
    padding: 15px 20px;
  }
}
.dropdown-accordions .filter-header .desktop-closebtn {
  display: none;
}
.dropdown-accordions .filter-header .flexwrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dropdown-accordions .filter-header .clear-btn {
  background: none;
  border: none;
  color: var(--color-primary);
  font-family: var(--ff-primary);
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .dropdown-accordions .filter-header .clear-btn {
    font-size: 14px;
  }
}
.dropdown-accordions .filter-header h3, .dropdown-accordions .filter-header .h3 {
  font-size: 24px;
  color: var(--color-primary);
  font-weight: 400;
  font-family: var(--ff-secondary);
}
@media screen and (max-width: 1380px) {
  .dropdown-accordions .filter-header h3, .dropdown-accordions .filter-header .h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-accordions .filter-header h3, .dropdown-accordions .filter-header .h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .dropdown-accordions .filter-header h3, .dropdown-accordions .filter-header .h3 {
    font-size: 16px;
    font-weight: var(--fw-700);
  }
}
.dropdown-accordions .close-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
}
.dropdown-accordions .accordion-section {
  border-bottom: 1px solid #f0f5f7;
}
.dropdown-accordions .accordion-header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}
.dropdown-accordions .accordion-header-title {
  display: flex;
  align-items: center;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 18px;
  font-family: var(--ff-primary);
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .dropdown-accordions .accordion-header-title {
    font-size: 16px;
  }
}
.dropdown-accordions .accordion-icon {
  transition: transform 0.3s ease;
}
.dropdown-accordions .accordion-icon.plus {
  display: block;
  transition: transform 0.3s ease;
}
.dropdown-accordions .accordion-icon.minus {
  display: none;
  transition: transform 0.3s ease;
}
.dropdown-accordions .accordion-header.active .accordion-icon.plus {
  display: none;
  transition: transform 0.3s ease;
}
.dropdown-accordions .accordion-header.active .accordion-icon.minus {
  display: block;
  transition: transform 0.3s ease;
}
.dropdown-accordions .sub-accordion-item .accordion-icon.active {
  transform: rotate(180deg);
}
.dropdown-accordions .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.dropdown-accordions .accordion-content.active {
  max-height: 1000px; /* Large enough to accommodate content */
}
.dropdown-accordions .sub-accordion-item {
  padding: 12px 16px 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #f5f5f5;
}
@media screen and (max-width: 767px) {
  .dropdown-accordions .sub-accordion-item {
    padding: 12px 32px 12px 16px;
  }
}
.dropdown-accordions .nested-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.dropdown-accordions .nested-content.active {
  max-height: 500px; /* Large enough to accommodate content */
}
.dropdown-accordions .nested-item {
  padding: 12px 24px 12px 40px;
  display: flex;
  align-items: center;
  border-top: 1px solid #f5f5f5;
}
.dropdown-accordions .checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  flex-grow: 1;
}
.dropdown-accordions .custom-checkbox {
  display: none;
}
.dropdown-accordions .checkbox-wrapper label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  color: #0F1632;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--ff-primary);
}
.dropdown-accordions .checkbox-wrapper label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  box-sizing: border-box;
}
.dropdown-accordions .custom-checkbox:checked + label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.dropdown-accordions .custom-checkbox:checked + label::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 6px;
  width: 6px;
  height: 10px;
  border: 1px solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .dropdown-accordions .custom-checkbox:checked + label::after {
    top: 5px;
  }
}
.dropdown-accordions .custom-checkbox:checked + label {
  color: var(--color-primary);
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .dropdown-accordions .checkbox-wrapper label {
    font-size: 16px;
  }
}
.dropdown-accordions .dropdown-footer {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #f0f5f7;
}
.dropdown-accordions .clear-btn {
  background: none;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  padding: 10px 34px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .dropdown-accordions .clear-btn {
    width: 100%;
  }
}
.dropdown-accordions .apply-btn {
  background-color: var(--color-primary);
  color: white;
  font-size: 14px;
  border: 1px solid var(--color-primary);
  padding: 10px 34px;
  border-radius: 24px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
}
.dropdown-accordions .modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.dropdown-accordions .modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  max-height: 90vh;
  overflow: hidden;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.dropdown-accordions .modal.show {
  transform: translateY(0);
}
.dropdown-accordions .modal-header {
  padding: 32px 32px 24px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f5f7;
}
.dropdown-accordions .modal-header .filter-modalhd {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .dropdown-accordions .modal-header .filter-modalhd img {
    margin-bottom: 2px;
  }
}
.dropdown-accordions .modal-header h3, .dropdown-accordions .modal-header .h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary);
}
.dropdown-accordions .modal-body {
  display: flex;
  height: 70vh;
  overflow: hidden;
}
.dropdown-accordions .tab-navigation {
  width: 40%;
  border-right: 1px solid #f0f5f7;
  overflow-y: auto;
}
.dropdown-accordions .tab-content {
  width: 65%;
  overflow-y: auto;
  padding-bottom: 65px; /* Leave space for footer */
}
.dropdown-accordions .tab-item {
  font-size: 16px;
  padding: 12px 15px;
  cursor: pointer;
}
.dropdown-accordions .tab-item.active {
  color: var(--color-primary);
  font-weight: 700;
  border-right: 2px solid var(--color-primary);
}
.dropdown-accordions .tab-pane {
  display: none;
}
.dropdown-accordions .tab-pane.active {
  display: block;
}
.dropdown-accordions .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  background-color: #fff;
  border-top: 1px solid #f0f5f7;
}
@media (max-width: 767px) {
  .dropdown-accordions .dropdown-content {
    display: none !important;
  }
  .dropdown-accordions .dropdown-container.mobile-open .modal-overlay {
    display: block;
  }
  .dropdown-accordions .dropdown-container.mobile-open .modal {
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  .dropdown-accordions .modal-overlay {
    display: none !important;
  }
}

.iconbox {
  margin: var(--space-40) 0 var(--space-100) 0;
}
@media screen and (max-width: 991px) {
  .iconbox {
    margin: var(--space-40) 0;
  }
}
.iconbox__cwrapper {
  text-align: center;
  margin-bottom: var(--space-60);
}
@media screen and (max-width: 767px) {
  .iconbox__cwrapper {
    margin-bottom: var(--space-32);
  }
}
.iconbox__cwrapper h2, .iconbox__cwrapper .h2 {
  margin-bottom: var(--space-16);
  color: var(--color-primary);
  font-weight: var(--fw-400);
}
@media screen and (max-width: 767px) {
  .iconbox__cwrapper h2, .iconbox__cwrapper .h2 {
    font-size: var(--fs-30);
    font-weight: var(--fw-700);
  }
}
.iconbox__cwrapper p {
  font-size: var(--fs-20);
  color: var(--color-secondary);
}
@media screen and (max-width: 767px) {
  .iconbox__cwrapper p {
    font-size: var(--fs-24);
  }
}
.iconbox__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-32);
  max-width: 90%;
  margin: 0 auto var(--space-40) auto;
}
@media (max-width: 1440px) {
  .iconbox__list {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .iconbox__list {
    gap: var(--gap-24);
  }
}
@media (max-width: 991px) {
  .iconbox__list {
    gap: var(--gap-16);
    margin: 0 0 var(--space-24) 0;
  }
}
.iconbox__list li {
  flex: 0 0 calc((100% - 160px) / 5);
  background: var(--color-secondary);
  color: var(--color-white);
  border-radius: var(--border-radius-24);
  transition: transform 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .iconbox__list li {
    flex: 0 0 calc((100% - 72px) / 4);
  }
}
@media (max-width: 991px) {
  .iconbox__list li {
    flex: 0 0 calc((100% - 32px) / 3);
  }
}
@media (max-width: 767px) {
  .iconbox__list li {
    flex: 0 0 calc((100% - 16px) / 2);
  }
}
.iconbox__list li a {
  padding: var(--space-24);
  display: block;
}
.iconbox__list li a p {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
  color: var(--color-white);
  font-size: var(--fs-20);
  font-weight: var(--fw-700);
}
@media screen and (max-width: 767px) {
  .iconbox__list li a p {
    font-size: var(--fs-16);
  }
}
.iconbox__list li:hover {
  transform: translateY(-8px);
}
@media screen and (max-width: 767px) {
  .iconbox__list li:hover {
    transform: translateY(0px);
  }
}
.iconbox__list li:hover .iconbox__icon svg, .iconbox__list li:hover .iconbox__icon img {
  transition: transform 0.3s ease;
}
.iconbox__list li:hover .iconbox__icon svg use, .iconbox__list li:hover .iconbox__icon svg path, .iconbox__list li:hover .iconbox__icon svg use path, .iconbox__list li:hover .iconbox__icon img use, .iconbox__list li:hover .iconbox__icon img path, .iconbox__list li:hover .iconbox__icon img use path {
  stroke-dashoffset: 0;
  fill: transparent;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: drawStrokeHover 1.2s forwards;
}
.iconbox__icon {
  max-width: 56px;
  max-height: 56px;
  overflow: hidden;
  margin-bottom: var(--space-24);
}
@media screen and (max-width: 767px) {
  .iconbox__icon {
    margin-bottom: var(--space-16);
  }
}
.iconbox__icon svg, .iconbox__icon img {
  width: 56px;
  height: 56px;
}
.iconbox__action {
  text-align: center;
}
.iconbox__action a {
  border: 1px solid var(--color-primary);
  text-transform: capitalize;
  font-weight: var(--fw-400);
}

@keyframes drawStrokeHover {
  0% {
    stroke-dashoffset: 300;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
}
.header-tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  z-index: 12;
  background-color: white;
  border-radius: 16px;
  padding: 12px;
  min-width: 275px;
  border: 1px solid var(--color-gray-400);
  transform: translateX(-50%);
}
.header-tooltip::before {
  content: "";
  border-right: 1px solid var(--color-gray-400);
  border-top: 1px solid var(--color-gray-400);
  width: 20px;
  height: 20px;
  display: block;
  background: white;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-10px, -12px) rotate(-45deg);
}
.header-tooltip.active {
  display: block;
}
.header-tooltip__wrapper {
  position: relative;
}
.header-tooltip__wrapper p {
  max-width: 95%;
  font-size: 14px;
  color: var(--color-secondary);
}
.header-tooltip__wrapper button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-primary);
  position: absolute;
  top: -6px;
  right: -6px;
}

.whatnew .twobox__column .card--4 {
  min-height: 398px;
  height: unset;
}
@media screen and (max-width: 1380px) {
  .whatnew .twobox__column .card--4 {
    min-height: 350px;
  }
}
@media screen and (max-width: 1200px) {
  .whatnew .twobox__column .card--4 {
    min-height: 280px;
  }
}
@media screen and (max-width: 767px) {
  .whatnew .twobox__column .card--4 {
    height: 100%;
    min-height: unset;
  }
}
.whatnew .twobox__column .card--6 {
  min-height: 398px;
  height: unset;
}
@media screen and (max-width: 1380px) {
  .whatnew .twobox__column .card--6 {
    min-height: 350px;
  }
}
@media screen and (max-width: 1200px) {
  .whatnew .twobox__column .card--6 {
    min-height: 280px;
  }
}
@media screen and (max-width: 767px) {
  .whatnew .twobox__column .card--6 {
    height: 100%;
    min-height: unset;
  }
}
.whatnew .twobox__column .card--6 a img {
  height: 100%;
}
.whatnew .twobox__column--sticky {
  position: sticky;
  height: auto;
  overflow: hidden;
  top: 150px;
  align-self: flex-start;
}

.twobox h3, .twobox .h3 {
  color: var(--color-primary);
  font-size: var(--fs-32);
}
.twobox__wrapper {
  gap: var(--gap-32);
  align-items: start;
}
@media screen and (max-width: 991px) {
  .twobox__wrapper {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .twobox__wrapper {
    display: block !important;
  }
}
.twobox__column {
  display: flex;
  flex-direction: column;
  gap: var(--gap-32);
  flex-basis: 50%;
}
@media screen and (max-width: 991px) {
  .twobox__column {
    flex-basis: 100%;
    margin-bottom: 32px;
  }
}
.twobox__column--cwrapper > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24);
  height: auto;
}
@media screen and (max-width: 767px) {
  .twobox__column--cwrapper > div {
    flex-direction: unset;
    gap: unset;
  }
}
.twobox__column--cwrapper > div .swiper-slide {
  flex-shrink: unset;
  height: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .twobox__column--cwrapper > div .swiper-slide {
    flex-shrink: 0;
  }
}
.twobox__column .card {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .twobox__column .card--3 {
    flex-direction: column;
  }
}
.twobox__column .card--3 .card__body ul li .iconwrapper {
  height: 32px;
  width: 32px;
}
.twobox__column .card--3 .card__body ul li .iconwrapper svg {
  height: 100%;
  width: 100%;
}
.twobox__column .card--3 .card__body ul li .icon-text {
  line-height: 1.8;
}
.twobox__column .card__body__badges {
  padding-bottom: var(--space-0);
}
@media screen and (max-width: 767px) {
  .twobox__column .btn__rightalign {
    justify-content: flex-start;
    margin-top: var(--space-10);
  }
}
@media screen and (max-width: 767px) {
  .twobox__column .btn__rightalign .btn--rounded {
    display: none;
  }
}
.twobox__column .btn__rightalign .btn--image {
  display: none;
}
@media screen and (max-width: 767px) {
  .twobox__column .btn__rightalign .btn--image {
    display: flex;
  }
}
.twobox__column .theiaStickySidebar h3, .twobox__column .theiaStickySidebar .h3 {
  margin-bottom: var(--space-32);
}
.twobox__column .twobox__column--swrapper {
  overflow: hidden;
  transition: height 0.7s ease;
}
.twobox__column.twobox__column--sticky {
  position: sticky;
  height: auto;
}
@media screen and (max-width: 767px) {
  .twobox__column--showmore .twobox__pagination {
    display: block;
  }
}
.twobox__column__showmorebtn {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .twobox__column__showmorebtn {
    display: none;
  }
}
.twobox__pagination {
  display: none;
}

.goback {
  margin-top: 150px;
}

@media screen and (max-width: 767px) {
  .productslider {
    background: var(--color-primary-light);
    padding: var(--space-40) 0;
  }
}
.productslider h3, .productslider .h3 {
  color: var(--color-secondary);
  margin-bottom: var(--space-40);
}
.productslider__slide {
  overflow: hidden;
}
.productslider .card--2 {
  border: 1px solid var(--color-gray-400);
}
@media screen and (max-width: 1380px) {
  .productslider .card--2 {
    width: 98%;
  }
}
.productslider .slidecontrols .productslider__next {
  width: 50px;
  height: 50px;
  transform: translate(72px, 40px);
  opacity: 1;
}
@media screen and (max-width: 1380px) {
  .productslider .slidecontrols .productslider__next {
    width: 30px;
    height: 30px;
    transform: translate(20px, 40px);
  }
}
@media screen and (max-width: 991px) {
  .productslider .slidecontrols .productslider__next {
    display: none;
  }
}
.productslider .slidecontrols .productslider__next img {
  width: 100%;
}
.productslider .slidecontrols .productslider__prev {
  width: 50px;
  height: 50px;
  transform: translate(-72px, 40px);
  opacity: 1;
}
@media screen and (max-width: 1380px) {
  .productslider .slidecontrols .productslider__prev {
    width: 30px;
    height: 30px;
    transform: translate(-24px, 40px);
  }
}
@media screen and (max-width: 991px) {
  .productslider .slidecontrols .productslider__prev {
    display: none;
  }
}
.productslider .slidecontrols .productslider__prev img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .productslider .card__body__offerdetails span {
    font-size: var(--fs-14);
  }
}
.productslider__btn {
  display: none;
  text-align: center;
  margin-top: var(--space-30);
}
@media screen and (max-width: 767px) {
  .productslider__btn {
    display: block;
  }
  .productslider__btn a {
    color: var(--color-primary);
  }
}

@media screen and (max-width: 767px) {
  .hotpicks {
    background: var(--color-primary-light);
    padding-top: var(--space-40);
  }
}
.hotpicks h3, .hotpicks .h3 {
  color: var(--color-primary);
  margin-bottom: var(--space-40);
}
@media screen and (max-width: 767px) {
  .hotpicks .curve {
    padding: 0px;
    background: none;
  }
}
.hotpicks__wrapper {
  overflow: hidden;
}
.hotpicks .card--2.card {
  border: none;
  height: 100%;
}
.hotpicks .card--2.card .card__body {
  flex-grow: 1;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .hotpicks .card__body__offerdetails span {
    font-size: var(--fs-14);
  }
}
.hotpicks__btn a {
  color: var(--color-primary);
  padding: var(--space-20);
}
@media screen and (max-width: 767px) {
  .hotpicks__btn {
    text-align: center;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    background: transparent !important;
  }
  .hotpicks__btn::before, .hotpicks__btn::after {
    display: none !important;
  }
}
.hotpicks--1.hotpicks .curve {
  background: transparent;
  padding: var(--space-0);
}
.hotpicks--1.hotpicks .curve.curve--radius {
  border-radius: var(--space-0);
}
.hotpicks--1.hotpicks .hotpicks__btn {
  text-align: center;
  display: none;
}
@media screen and (max-width: 767px) {
  .hotpicks--1.hotpicks .hotpicks__btn {
    display: block;
  }
}
.hotpicks--1.hotpicks.slidertwo .slidearrowalign .slidecontrols {
  top: 5px;
}
.hotpicks--1.hotpicks .card {
  border: 1px solid var(--color-gray-400);
}
@media screen and (max-width: 1380px) {
  .hotpicks--1.hotpicks .card__body__offerdetails p {
    font-size: var(--fs-14);
  }
}
.hotpicks--1.hotpicks .card__body__badges a {
  font-weight: var(--fw-400);
}

@media screen and (max-width: 767px) {
  .slidertwo {
    padding: var(--space-40) var(--space-0);
  }
}
.slidertwo .slidearrowalign .swiper-wrapper, .slidertwo .slidearrowalign .swiper-slide {
  height: auto;
}
.slidertwo .slidearrowalign .slidecontrols {
  gap: 12px;
  background: var(--color-white);
  justify-content: unset;
  position: absolute;
  top: 15px;
  right: 80px;
}
.slidertwo .slidearrowalign .slidecontrols--prev {
  width: 50px;
  height: 50px;
  transform: translate(-75px, 10px);
  border: 1px solid var(--color-primary);
}
.slidertwo .slidearrowalign .slidecontrols--next {
  width: 50px;
  height: 50px;
  transform: translate(55px, 10px);
  border: 1px solid var(--color-primary);
}
@media screen and (max-width: 1200px) {
  .slidertwo .slidearrowalign .slidecontrols--next {
    transform: translate(50px, 10px);
  }
}
.slidertwo .radiusbanner__content {
  width: 172px;
  height: 75px;
}
@media screen and (max-width: 767px) {
  .slidertwo .radiusbanner__content {
    display: none;
  }
}
.slidertwo__pagination {
  display: none;
}
@media screen and (max-width: 767px) {
  .slidertwo__pagination {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .slidertwo .card {
    height: 100%;
  }
}
.slidertwo .card__body__badges a {
  font-weight: var(--fw-700);
}

.explore-slider .card--1 {
  --height-536:536px;
  height: var(--height-536);
}
@media screen and (max-width: 1380px) {
  .explore-slider .card--1 {
    --height-536:400px !important;
  }
}
@media screen and (max-width: 767px) {
  .explore-slider .card--1 {
    --height-536:320px !important;
  }
}

@media screen and (max-width: 767px) {
  .dining-banner .custom-container {
    padding: 0;
  }
}

.threecolumn__wrapper {
  gap: var(--gap-32);
}

.sticky-sidebar {
  border-top: 1px solid var(--color-gray-400);
  border-bottom: 1px solid var(--color-gray-400);
  padding: calc(var(--space-30) + 2px) var(--space-0);
  margin-bottom: var(--space-20);
}
@media screen and (max-width: 767px) {
  .sticky-sidebar {
    border: none;
  }
}
.sticky-sidebar__wrapper {
  display: flex;
  gap: var(--gap-32);
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__wrapper {
    flex-wrap: wrap;
  }
}
.sticky-sidebar__filters {
  flex-basis: 25%;
  position: sticky;
}
@media screen and (max-width: 1024px) {
  .sticky-sidebar__filters {
    flex-basis: 35%;
  }
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__filters {
    flex-basis: 100%;
  }
}
.sticky-sidebar__filters > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-32);
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__filters > div {
    flex-direction: row;
    gap: var(--gap-32);
    justify-content: space-between;
    align-items: center;
  }
}
.sticky-sidebar__filters .filter-dropdown__list-items {
  position: relative;
  height: 0px;
  transition: 0.3s ease;
  padding-bottom: 0px;
  height: 0px;
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__filters .filter-dropdown__list-items {
    position: absolute;
  }
}
.sticky-sidebar__filters .filter-dropdown__input {
  transition: 0.7s ease;
}
.sticky-sidebar__filters .filter-dropdown.open .filter-dropdown__list-items {
  height: 300px;
  transition: 0.3s ease;
}
@media screen and (max-width: 1380px) {
  .sticky-sidebar__filters .filter-dropdown.open .filter-dropdown__list-items {
    height: 200px;
  }
}
.sticky-sidebar__filters .filter-dropdown.open .filter-dropdown__input {
  transition: 0.3s ease;
}
.sticky-sidebar__menulist {
  flex-basis: 75%;
}
@media screen and (max-width: 1024px) {
  .sticky-sidebar__menulist {
    flex-basis: 65%;
  }
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__menulist {
    flex-basis: 100%;
    border-top: 1px solid var(--color-gray-400);
    padding-top: var(--space-20);
  }
}
.sticky-sidebar__menulist--wrapper {
  gap: var(--gap-32);
}
@media screen and (max-width: 1024px) {
  .sticky-sidebar__menulist--wrapper.d-grid.d-grid--col3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__menulist--wrapper.d-grid.d-grid--col3 {
    grid-template-columns: 1fr !important;
  }
}
.sticky-sidebar__loadmore {
  text-align: center;
  display: none;
}
.sticky-sidebar__loadmore a {
  color: var(--color-primary);
  background: transparent;
}
.sticky-sidebar__loadmore a:hover::before {
  transform: rotate(-20deg) translate(190px, 70px);
}
.sticky-sidebar__loadmore--desktop {
  display: block;
  margin-top: var(--space-30);
}
.sticky-sidebar__loadmore--desktop a {
  margin-top: var(--space-0);
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__loadmore {
    display: block;
  }
}
.sticky-sidebar__bg {
  margin: var(--space-30) 0;
}
.sticky-sidebar__bg .card {
  --height-262:262px;
}
.sticky-sidebar__bg .card--4 {
  height: var(--height-262);
}
@media screen and (max-width: 767px) {
  .sticky-sidebar__bg .card--4 {
    height: 100%;
  }
}
.sticky-sidebar__bg .card--content span {
  display: inline;
}
.sticky-sidebar .card .card__body__badges {
  padding-bottom: calc(var(--space-30) + 2px);
}
@media screen and (max-width: 1380px) {
  .sticky-sidebar .card .card__body__offerdetails span {
    font-size: var(--fs-14);
  }
}

.explore-more {
  margin: var(--space-30) 0px calc(var(--space-100) + var(--space-60)) 0px;
}
.explore-more.section-margin {
  margin: var(--space-60) 0px;
}
@media screen and (max-width: 991px) {
  .explore-more.section-margin {
    margin: calc(var(--space-40) + 8px) 0;
  }
}
@media screen and (max-width: 767px) {
  .explore-more.section-margin {
    margin: var(--space-24) 0;
  }
}
.explore-more h3, .explore-more .h3 {
  color: var(--color-primary);
  margin-bottom: var(--space-40);
}
.explore-more__wrapper {
  gap: var(--gap-32);
}
.explore-more .card--1 span {
  display: block;
  font-size: var(--fs-18);
  font-weight: var(--fw-700);
  color: var(--color-white);
  text-transform: uppercase;
}
@media screen and (max-width: 1380px) {
  .explore-more .card--1 h4, .explore-more .card--1 .h4 {
    font-size: var(--fs-30);
  }
}
.explore-more .card--content {
  gap: var(--gap-16);
}

.sixcolumn__wrapper {
  border-top: 1px solid var(--color-gray-400);
  padding: var(--space-30) 0;
  margin-bottom: var(--space-20);
}
@media screen and (max-width: 767px) {
  .sixcolumn__wrapper {
    border: none;
  }
}
.sixcolumn .partners .partnercard:first-child, .sixcolumn .partners .partnercard:nth-child(4) {
  transition: opacity 1s, transform 1s;
}
.sixcolumn .partners .partnercard:nth-child(2), .sixcolumn .partners .partnercard:nth-child(5) {
  transition: opacity 2s, transform 2s;
}
.sixcolumn .partners .partnercard:nth-child(3), .sixcolumn .partners .partnercard:nth-child(6) {
  transition: opacity 3s, transform 3s;
}

.productsearch__wrapper {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .productsearch__wrapper {
    flex-direction: column-reverse;
    padding-top: var(--space-24);
  }
}
.productsearch__result {
  flex-basis: 100%;
}
.productsearch__result h3, .productsearch__result .h3 {
  color: var(--color-secondary);
  font-size: var(--fs-32);
}
@media screen and (max-width: 767px) {
  .productsearch__result h3, .productsearch__result .h3 {
    font-size: var(--fs-24);
  }
}
.productsearch__result h3 span, .productsearch__result .h3 span {
  font-style: normal;
  font-family: var(--ff-primary);
  color: var(--color-primary);
}
.productsearch__result--message {
  display: flex;
  align-items: center;
  gap: var(--gap-16);
  flex-wrap: wrap;
}
.productsearch__result--message p {
  font-size: var(--fs-32);
  font-weight: var(--fw-700);
  line-height: 1.2;
  color: var(--color-gray-400);
}
@media screen and (max-width: 767px) {
  .productsearch__result--message p {
    font-size: var(--fs-24);
  }
}
.productsearch__result--searchlist {
  display: flex;
  align-items: center;
  gap: var(--gap-8);
  margin-top: var(--space-30);
}
@media screen and (max-width: 767px) {
  .productsearch__result--searchlist {
    margin-top: var(--space-24);
    flex-direction: column;
  }
}
.productsearch__result--searchlist p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .productsearch__result--searchlist p {
    width: 100%;
  }
}
.productsearch__result--searchlist p span {
  font-size: var(--fs-24);
  font-weight: var(--fw-700);
  color: var(--color-secondary);
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .productsearch__result--searchlist p span {
    font-size: var(--fs-16);
  }
}
@media screen and (max-width: 767px) {
  .productsearch__result--searchlist__item {
    width: 100%;
  }
}
.productsearch__result--searchlist__item .badges--filter {
  margin-bottom: 6px;
}
.productsearch__searchbar {
  flex-basis: 30%;
}
@media screen and (max-width: 767px) {
  .productsearch__searchbar {
    flex-basis: 100%;
    padding-bottom: var(--space-24);
    border-bottom: 1px solid var(--color-gray-400);
    margin-bottom: var(--space-24);
    margin-top: 74px;
  }
}

.searchresults {
  margin-bottom: calc(var(--space-40) + var(--space-8));
}
.searchresults .sticky-sidebar {
  border: none;
}
.searchresults .sticky-sidebar__loadmore {
  display: block;
  margin-top: var(--space-40);
}

.card-special h3, .card-special .h3 {
  color: var(--color-primary);
  margin-bottom: var(--space-40);
}
.card-special__wrapper {
  gap: var(--gap-32);
}
@media screen and (max-width: 767px) {
  .card-special__wrapper {
    gap: var(--gap-16);
  }
}
.card-special__wrapper .cardbg .card--1 .card--content h4, .card-special__wrapper .cardbg .card--1 .card--content .h4 {
  font-size: clamp(1.5rem, 0.9302rem + 1.1887vw, 2rem);
}
.card-special__btn a {
  color: var(--color-primary);
  padding: var(--space-20);
}
@media screen and (max-width: 767px) {
  .card-special__btn a {
    padding-bottom: var(--space-0);
  }
}
@media screen and (max-width: 767px) {
  .card-special__btn {
    text-align: center;
    position: relative !important;
    top: unset !important;
    right: unset !important;
    background: transparent !important;
  }
  .card-special__btn::before, .card-special__btn::after {
    display: none !important;
  }
}

.category-banner {
  margin-top: 106px;
}
@media screen and (max-width: 1380px) {
  .category-banner {
    margin-top: 88px;
  }
}
@media screen and (max-width: 767px) {
  .category-banner {
    margin-top: 74px;
  }
}

.specials {
  margin: var(--space-80) var(--space-0);
}
@media screen and (max-width: 991px) {
  .specials {
    margin: calc(var(--space-40) + 8px) 0;
  }
}
@media screen and (max-width: 767px) {
  .specials {
    margin: var(--space-24) 0;
  }
}
.specials__wrapper {
  gap: var(--gap-32);
}
@media screen and (max-width: 767px) {
  .specials__wrapper {
    gap: var(--gap-16);
  }
}
.specials__loadrmore {
  margin-top: var(--space-30);
}
.specials__loadrmore a {
  background: var(--color-white);
  color: var(--color-primary);
}
.specials__loadrmore a:hover::before {
  transform: rotate(-20deg) translate(235px, 70px);
}

.errorpage {
  height: calc(100vh - 81px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.errorpage img {
  margin: auto;
  margin-bottom: var(--space-xl);
}
.errorpage h2, .errorpage .h2 {
  margin-bottom: var(--space-md);
}
.errorpage p {
  color: var(--color-teal);
  margin-bottom: var(--space-lg);
}

/* Sidebar */
.sidebar {
  --space-lg: 40px;
  --space-xs: 16px;
  --border-radius-xs: 4px;
  --gap-xxs: 8px;
  padding: var(--space-lg) var(--space-xs);
  background-color: var(--color-sapphire);
  max-width: 416px;
  transition: 0.5s all ease-in-out;
  z-index: 2;
  overflow: hidden;
  width: 4%;
  position: fixed;
}
@media screen and (max-width: 1024px) {
  .sidebar {
    position: fixed;
    width: 100%;
    transform: translateX(-100%);
    max-width: 100%;
    z-index: 11;
    top: 0;
    height: 100vh;
  }
}
.sidebar__btnwrap {
  display: flex;
  justify-content: flex-end;
}
.sidebar__btn {
  --gap-xxs: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--gap-xxs);
  transition: 0.5s all ease-in-out;
  cursor: pointer;
  border-radius: var(--border-radius-xs);
  padding: var(--space-8);
}
.sidebar__btn:hover, .sidebar__btn:focus {
  background-color: var(--color-transparent);
}
.sidebar__btn img {
  pointer-events: none;
  transition: 0.5s all ease-in-out;
}
.sidebar__btn p {
  font-weight: var(--fw-600);
  pointer-events: none;
}
.sidebar__content {
  opacity: 0;
  transition: 0.5s all ease-in-out;
  overflow-x: hidden;
  overflow-y: auto;
  height: 95%;
  padding-right: var(--space-8);
}
.sidebar__content::-webkit-scrollbar {
  background: transparent;
  width: var(--space-8);
}
.sidebar__content::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: var(--border-radius-xs);
}
.sidebar h2, .sidebar .h2,
.sidebar h4,
.sidebar .h4 {
  margin-bottom: var(--space-xs);
}

/* Filter button for mobile */
.filterbtn {
  --border-radius-sm:16px;
  --gap-sm:16px;
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 9;
  padding: var(--gap-sm);
  background-color: var(--color-teal);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--shadow-3);
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1024px) {
  .filterbtn {
    display: block;
  }
}

/* Result panel */
.reportpanel {
  --border-radius-xs: 4px;
  display: flex;
}
.reportpanel__main {
  margin: 0 auto;
  width: 100%;
  transition: 0.2s all ease-in-out;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .reportpanel__main {
    width: 100%;
  }
}
.reportpanel__main::-webkit-scrollbar {
  background: transparent;
  width: var(--space-8);
}
.reportpanel__main::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: var(--border-radius-xs);
}
.reportpanel.open {
  --space-lg: 40px;
  --space-sm: 24px;
}
.reportpanel.open .sidebar {
  padding: var(--space-lg) var(--space-sm);
  width: 30%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .reportpanel.open .sidebar {
    transform: translateX(0%);
    width: 100%;
    position: fixed;
  }
}
.reportpanel.open .sidebar__content {
  opacity: 1;
}
.reportpanel.open .sidebar__btn {
  flex-direction: row-reverse;
}
.reportpanel.open .sidebar__btn img {
  margin: 0;
  transform: rotate(180deg);
}
.reportpanel.open .reportpanel__main {
  width: 70%;
}
@media screen and (max-width: 1024px) {
  .reportpanel.open .reportpanel__main {
    width: 100%;
  }
}
.reportpanel.open .reportpanel__head {
  display: none;
}

.componentpanel .sidebar {
  min-height: 85vh;
  position: unset;
  width: 6%;
}

/* Responsive */
@media (max-width: 1680px) {
  .sidebar {
    width: 5%;
  }
  .componentpanel .sidebar {
    width: 9%;
  }
  .componentpanel .reportpanel.open .sidebar {
    min-width: 335px;
  }
}
@media (min-width: 1024px) and (max-width: 1680px) {
  .sidebar {
    position: relative;
  }
  .reportpanel__main {
    width: 85%;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .reportpanel__main {
    width: 95%;
  }
}
@media (min-width: 1440px) and (max-width: 1550px) {
  .reportpanel {
    gap: 24px;
  }
  .reportpanel__main {
    width: 90%;
  }
}
@media (max-width: 1440px) {
  .sidebar {
    width: 6%;
  }
  .componentpanel .sidebar {
    width: 9%;
    min-width: 75px;
    position: unset;
  }
}
/* Accordion Component */
.accordion {
  --space-xs: 16px;
}
.accordion__item {
  border-bottom: 1px solid var(--color-secondary);
  transition: all 0.3s ease;
}
.accordion__item:not(:last-child) {
  margin-bottom: var(--space-xs); /* Add space between items */
}
.accordion__item.open .accordion__head::after {
  transform: rotate(-90deg);
  top: 7px; /* Adjust icon position when open */
}
.accordion__item.open .accordion__content {
  max-height: 100%;
  overflow: unset; /* Remove max-height limit */
  opacity: 1;
}
.accordion__item:hover {
  border-bottom: 1px solid var(--color-secondary);
}
.accordion__item:hover .accordion__head label {
  color: var(--color-secondary);
}
.accordion__item.error .accordion__head label {
  color: var(--color-red-100) !important;
}
.accordion__head {
  padding: 8px 0;
  position: relative;
  cursor: pointer;
}
.accordion__head label {
  cursor: pointer; /* Use pointer cursor for label */
}
.accordion__head::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 0px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/chevron-forward-green.svg");
  transform: rotate(90deg); /* Initial icon rotation */
}
.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
}
.accordion__cwrap {
  padding: 0 0 20px 0;
}
.accordion__cpad {
  padding: 0 0 10px 0;
}
.accordion--1 {
  /* Style specific to accordion variation 1 */
}
.accordion--1 .accordion__head label {
  font-size: var(--fs-18);
  color: var(--color-secondary); /* Change label color */
}
.accordion--1 .text--sm {
  color: var(--color-secondary);
  margin-bottom: var(--space-xs); /* Add space below text */
}
.accordion--2 {
  /* Style specific to accordion variation 2 */
}
.accordion--2 .accordion__item.open {
  border-bottom: 1px solid var(--color-secondary); /* Change border color when open */
}
.accordion--2 .accordion__item.open .accordion__head label {
  color: var(--color-secondary); /* Change label color when open */
}
.accordion--2 .text--sm {
  color: var(--color-secondary); /* Change text color */
  margin-bottom: var(--space-xs); /* Add space below text */
}

/* Tabs */
.tab {
  /* Tab list */
  --gap-4: 4px;
  /* Tab content */
}
.tab__list {
  display: flex;
  gap: var(--gap-4);
}
.tab__content {
  display: none;
}
.tab__content.active {
  display: block;
}

/* */
/* Responsive */
/* Navigation */
.navigation {
  --gap-xs: 12px;
  --space-sm: 24px;
  --space-xs: 16px;
  display: flex;
  gap: var(--gap-xs);
  align-items: center;
  overflow-x: hidden;
  padding: var(--space-sm) 0;
  margin-bottom: var(--space-xs);
  z-index: 0;
  /* Navigation Bar slide buttons */
}
@media screen and (max-width: 1024px) {
  .navigation {
    overflow-x: auto;
  }
  .navigation::-webkit-scrollbar {
    background: transparent;
    height: 0px;
  }
}
.navigation__container {
  position: relative;
}
.navigation__slide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.4);
  padding: 10px;
  width: 40px;
  height: 40px;
  box-sizing: content-box;
}
.navigation__slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .navigation__slide {
    display: none;
  }
}
.navigation__slide--prev {
  left: 0;
}
.navigation__slide--next {
  right: 0;
}

/**/
/* Styleguide */
/* Component page */
.componentpanel {
  --space-lg: 40px;
  --space-xs: 16px;
  --border-radius-xs: 4px;
  --space-sm: 24px;
  display: flex;
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.componentpanel__sidebar {
  padding: var(--space-lg) var(--space-xs);
  background-color: var(--color-ampgreen);
  min-height: calc(100vh - 81px);
  transition: 0.5s all ease-in-out;
  width: 4%;
  overflow: hidden;
  position: fixed;
}
@media screen and (max-width: 1441px) {
  .componentpanel__sidebar {
    width: 6%;
  }
}
@media screen and (max-width: 1024px) {
  .componentpanel__sidebar {
    position: fixed;
    width: 100%;
    transform: translateX(-100%);
    max-width: 100%;
    z-index: 11;
    top: 0;
    height: 100vh;
  }
}
.componentpanel__sidebar .accordion {
  opacity: 0;
  transition: 0.5s all ease-in-out;
  height: 95%;
  padding-right: var(--space-8);
}
.componentpanel__sidebar .accordion::-webkit-scrollbar {
  background: transparent;
  width: var(--space-8);
}
.componentpanel__sidebar .accordion::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: var(--border-radius-xs);
}
.componentpanel__sidebar .accordion__item {
  border: none;
}
.componentpanel__sidebar .accordion__item:not(:last-child) {
  margin-bottom: var(--space-lg);
}
.componentpanel__navlist.tab__list {
  flex-direction: column;
}
.componentpanel__navlist a {
  font-size: var(--fs-14);
  color: var(--color-black);
}
.componentpanel__navlist a.active {
  color: var(--color-teal);
  font-weight: var(--fw-600);
}
.componentpanel__main {
  width: 100%;
  margin: 0 auto;
  transition: 0.2s all ease-in-out;
}
.componentpanel__main .dialog {
  position: unset;
  display: block;
}
.componentpanel__main .dialog__content {
  position: unset;
  transform: unset;
}
.componentpanel__main .header {
  position: unset;
}
.componentpanel__main .header .container {
  padding: 0 20px;
}
.componentpanel.open .componentpanel__sidebar {
  width: 400px;
  position: relative;
  padding: var(--space-lg) var(--space-sm);
}
@media screen and (max-width: 1024px) {
  .componentpanel.open .componentpanel__sidebar {
    transform: translateX(0%);
    width: 100%;
    position: fixed;
    overflow: auto;
  }
}
.componentpanel.open .componentpanel__sidebar .accordion {
  opacity: 1;
}
.componentpanel.open .componentpanel__sidebar .sidebar__btn {
  flex-direction: row-reverse;
}
.componentpanel.open .componentpanel__sidebar .sidebar__btn img {
  margin: 0;
  transform: rotate(180deg);
}
.componentpanel.open .componentpanel__main {
  width: 70%;
}
@media screen and (max-width: 1024px) {
  .componentpanel.open .componentpanel__main {
    width: 100%;
  }
}
.componentpanel.open .card {
  flex: 1 1 calc(48% - 20px);
  max-width: calc(48% - 20px);
}
.componentpanel.open .card--3 {
  flex: 1 1 100%;
  max-width: 100%;
}
.componentpanel.open .card--4 {
  flex: 1 1 100%;
  max-width: 100%;
}
.componentpanel.open .card--5 {
  flex: 1 1 100%;
  max-width: 100%;
}
.componentpanel .headerone {
  position: relative;
}

/* Responsive */
@media (max-width: 1680px) {
  .componentpanel__sidebar {
    width: 5%;
  }
}
@media (min-width: 1024px) and (max-width: 1680px) {
  .componentpanel__sidebar {
    position: relative;
  }
  .componentpanel__main {
    width: 85%;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .componentpanel__main {
    width: 95%;
  }
}
@media (min-width: 1440px) and (max-width: 1550px) {
  .componentpanel__main {
    width: 90%;
  }
}
@media (max-width: 1440px) {
  .componentpanel__sidebar {
    width: 6%;
  }
}
/* Color Palette Component */
.colorbox {
  --width:190px;
  --height:100px;
  --border-radius-xs: 4px;
  --inside-padding: 20px 14px;
  --space-md: 32px;
  width: var(--width);
  box-shadow: var(--shadow-3);
}
.colorbox__wrap {
  --space-md: 32px;
  display: flex;
  gap: var(--space-md);
  flex-wrap: wrap;
}
.colorbox__wrap:not(:last-child) {
  margin-bottom: var(--space-80);
}
.colorbox__color {
  --inside-padding: 20px 14px;
  height: var(--height);
  border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
}
.colorbox__color p {
  color: var(--color-black); /* Set text color */
  padding: var(--inside-padding); /* Add padding inside color box */
  font-weight: var(--fw-500);
}
.colorbox__text {
  color: var(--color-white);
  padding: var(--space-10);
  border-radius: 0 var(--border-radius-xs) var(--border-radius-xs) 0;
}
.colorbox__text p {
  color: var(--color-black); /* Set text color */
}
.colorbox__text p:first-child {
  font-weight: var(--fw-500);
}
.colorbox__text p.colorbox__text-clrcode {
  color: var(--color-gray) !important; /* Set a specific text color for a class */
}

/**/
.screen__large {
  width: 100%;
  height: 300px;
  background: var(--color-teal);
  color: var(--color-white);
  font-weight: var(--fw-700);
  margin-bottom: var(--space-30);
}
.screen__desktop {
  width: 95%;
  margin: var(--space-30) auto;
  height: 300px;
  background: var(--color-teal);
  color: var(--color-white);
  font-weight: var(--fw-700);
}
.screen__mobile {
  max-width: 375px;
  width: 100%;
  margin: var(--space-30) auto;
  height: 600px;
  background: var(--color-teal);
  color: var(--color-white);
  font-weight: var(--fw-700);
}