/* Color */

/* 9px / 16 = 0.563rem */

/* 10px / 16 = 0.625rem */

/* 11px / 16 = 0.6875rem */

/* 12px / 16 = 0.75rem */

/* 13px / 16 = 0.8125rem */

/* 14px / 16 = 0.875rem */

/* 15px / 16 = 0.9375rem */

/* 16px / 16 = 1rem */

/* 17px / 16 = 1.0625rem */

/* 18px / 16 = 1.125rem */

/* 19px / 16 = 1.1875rem */

/* 20px / 16 = 1.25rem */

/* 21px / 16 = 1.3125rem */

/* 12px / 16 = 1.375rem */

/* 23px / 16 = 1.438rem */

/* 24px / 16 = 1.5rem */

/* 25px / 16 = 1.5625rem */

/* 26px / 16 = 1.625rem */

/* 27px / 16 = 1.688rem */

/* 28px / 16 = 1.75rem */

/* 29px / 16 = 1.8125rem */

/* 30px / 16 = 1.875rem */

@media screen and (min-width: 1600px) {
  .col-xxxl-1 {
    width: 8.33333333%;
  }

  .col-xxxl-2 {
    width: 16.66666667%;
  }

  .col-xxxl-3 {
    width: 25%;
  }

  .col-xxxl-4 {
    width: 33.33333333%;
  }

  .col-xxxl-5 {
    width: 41.66666667%;
  }

  .col-xxxl-6 {
    width: 50%;
  }

  .col-xxxl-7 {
    width: 58.33333333%;
  }

  .col-xxxl-8 {
    width: 66.66666667%;
  }

  .col-xxxl-9 {
    width: 75%;
  }

  .col-xxxl-10 {
    width: 83.33333333%;
  }

  .col-xxxl-11 {
    width: 91.66666667%;
  }

  .col-xxxl-12 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 575.98px) {
  .w-sm-10 {
    width: 10% !important;
  }

  .h-sm-10 {
    height: 10% !important;
  }

  .w-sm-20 {
    width: 20% !important;
  }

  .h-sm-20 {
    height: 20% !important;
  }

  .w-sm-30 {
    width: 30% !important;
  }

  .h-sm-30 {
    height: 30% !important;
  }

  .w-sm-40 {
    width: 40% !important;
  }

  .h-sm-40 {
    height: 40% !important;
  }

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

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

  .w-sm-60 {
    width: 60% !important;
  }

  .h-sm-60 {
    height: 60% !important;
  }

  .w-sm-70 {
    width: 70% !important;
  }

  .h-sm-70 {
    height: 70% !important;
  }

  .w-sm-80 {
    width: 80% !important;
  }

  .h-sm-80 {
    height: 80% !important;
  }

  .w-sm-90 {
    width: 90% !important;
  }

  .h-sm-90 {
    height: 90% !important;
  }

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

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

@media (min-width: 768px) {
  .w-md-10 {
    width: 10% !important;
  }

  .h-md-10 {
    height: 10% !important;
  }

  .w-md-20 {
    width: 20% !important;
  }

  .h-md-20 {
    height: 20% !important;
  }

  .w-md-30 {
    width: 30% !important;
  }

  .h-md-30 {
    height: 30% !important;
  }

  .w-md-40 {
    width: 40% !important;
  }

  .h-md-40 {
    height: 40% !important;
  }

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

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

  .w-md-60 {
    width: 60% !important;
  }

  .h-md-60 {
    height: 60% !important;
  }

  .w-md-70 {
    width: 70% !important;
  }

  .h-md-70 {
    height: 70% !important;
  }

  .w-md-80 {
    width: 80% !important;
  }

  .h-md-80 {
    height: 80% !important;
  }

  .w-md-90 {
    width: 90% !important;
  }

  .h-md-90 {
    height: 90% !important;
  }

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

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

@media (min-width: 992px) {
  .w-lg-10 {
    width: 10% !important;
  }

  .h-lg-10 {
    height: 10% !important;
  }

  .w-lg-20 {
    width: 20% !important;
  }

  .h-lg-20 {
    height: 20% !important;
  }

  .w-lg-30 {
    width: 30% !important;
  }

  .h-lg-30 {
    height: 30% !important;
  }

  .w-lg-40 {
    width: 40% !important;
  }

  .h-lg-40 {
    height: 40% !important;
  }

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

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

  .w-lg-60 {
    width: 60% !important;
  }

  .h-lg-60 {
    height: 60% !important;
  }

  .w-lg-70 {
    width: 70% !important;
  }

  .h-lg-70 {
    height: 70% !important;
  }

  .w-lg-80 {
    width: 80% !important;
  }

  .h-lg-80 {
    height: 80% !important;
  }

  .w-lg-90 {
    width: 90% !important;
  }

  .h-lg-90 {
    height: 90% !important;
  }

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

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

@media (min-width: 1200px) {
  .w-xl-10 {
    width: 10% !important;
  }

  .h-xl-10 {
    height: 10% !important;
  }

  .w-xl-20 {
    width: 20% !important;
  }

  .h-xl-20 {
    height: 20% !important;
  }

  .w-xl-30 {
    width: 30% !important;
  }

  .h-xl-30 {
    height: 30% !important;
  }

  .w-xl-40 {
    width: 40% !important;
  }

  .h-xl-40 {
    height: 40% !important;
  }

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

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

  .w-xl-60 {
    width: 60% !important;
  }

  .h-xl-60 {
    height: 60% !important;
  }

  .w-xl-70 {
    width: 70% !important;
  }

  .h-xl-70 {
    height: 70% !important;
  }

  .w-xl-80 {
    width: 80% !important;
  }

  .h-xl-80 {
    height: 80% !important;
  }

  .w-xl-90 {
    width: 90% !important;
  }

  .h-xl-90 {
    height: 90% !important;
  }

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

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

@media (min-width: 1400px) {
  .w-xxl-10 {
    width: 10% !important;
  }

  .h-xxl-10 {
    height: 10% !important;
  }

  .w-xxl-20 {
    width: 20% !important;
  }

  .h-xxl-20 {
    height: 20% !important;
  }

  .w-xxl-30 {
    width: 30% !important;
  }

  .h-xxl-30 {
    height: 30% !important;
  }

  .w-xxl-40 {
    width: 40% !important;
  }

  .h-xxl-40 {
    height: 40% !important;
  }

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

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

  .w-xxl-60 {
    width: 60% !important;
  }

  .h-xxl-60 {
    height: 60% !important;
  }

  .w-xxl-70 {
    width: 70% !important;
  }

  .h-xxl-70 {
    height: 70% !important;
  }

  .w-xxl-80 {
    width: 80% !important;
  }

  .h-xxl-80 {
    height: 80% !important;
  }

  .w-xxl-90 {
    width: 90% !important;
  }

  .h-xxl-90 {
    height: 90% !important;
  }

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

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

.w-10x {
  width: 10px !important;
}

.h-10x {
  height: 10px !important;
}

.max-w-10x {
  max-width: 10px !important;
}

.max-h-10x {
  max-height: 10px !important;
}

.w-20x {
  width: 20px !important;
}

.h-20x {
  height: 20px !important;
}

.max-w-20x {
  max-width: 20px !important;
}

.max-h-20x {
  max-height: 20px !important;
}

.w-30x {
  width: 30px !important;
}

.h-30x {
  height: 30px !important;
}

.max-w-30x {
  max-width: 30px !important;
}

.max-h-30x {
  max-height: 30px !important;
}

.w-40x {
  width: 40px !important;
}

.h-40x {
  height: 40px !important;
}

.max-w-40x {
  max-width: 40px !important;
}

.max-h-40x {
  max-height: 40px !important;
}

.w-50x {
  width: 50px !important;
}

.h-50x {
  height: 50px !important;
}

.max-w-50x {
  max-width: 50px !important;
}

.max-h-50x {
  max-height: 50px !important;
}

.w-60x {
  width: 60px !important;
}

.h-60x {
  height: 60px !important;
}

.max-w-60x {
  max-width: 60px !important;
}

.max-h-60x {
  max-height: 60px !important;
}

.w-70x {
  width: 70px !important;
}

.h-70x {
  height: 70px !important;
}

.max-w-70x {
  max-width: 70px !important;
}

.max-h-70x {
  max-height: 70px !important;
}

.w-80x {
  width: 80px !important;
}

.h-80x {
  height: 80px !important;
}

.max-w-80x {
  max-width: 80px !important;
}

.max-h-80x {
  max-height: 80px !important;
}

.w-90x {
  width: 90px !important;
}

.h-90x {
  height: 90px !important;
}

.max-w-90x {
  max-width: 90px !important;
}

.max-h-90x {
  max-height: 90px !important;
}

.w-100x {
  width: 100px !important;
}

.h-100x {
  height: 100px !important;
}

.max-w-100x {
  max-width: 100px !important;
}

.max-h-100x {
  max-height: 100px !important;
}

.w-110x {
  width: 110px !important;
}

.h-110x {
  height: 110px !important;
}

.max-w-110x {
  max-width: 110px !important;
}

.max-h-110x {
  max-height: 110px !important;
}

.w-120x {
  width: 120px !important;
}

.h-120x {
  height: 120px !important;
}

.max-w-120x {
  max-width: 120px !important;
}

.max-h-120x {
  max-height: 120px !important;
}

.w-130x {
  width: 130px !important;
}

.h-130x {
  height: 130px !important;
}

.max-w-130x {
  max-width: 130px !important;
}

.max-h-130x {
  max-height: 130px !important;
}

.w-140x {
  width: 140px !important;
}

.h-140x {
  height: 140px !important;
}

.max-w-140x {
  max-width: 140px !important;
}

.max-h-140x {
  max-height: 140px !important;
}

.w-150x {
  width: 150px !important;
}

.h-150x {
  height: 150px !important;
}

.max-w-150x {
  max-width: 150px !important;
}

.max-h-150x {
  max-height: 150px !important;
}

.w-160x {
  width: 160px !important;
}

.h-160x {
  height: 160px !important;
}

.max-w-160x {
  max-width: 160px !important;
}

.max-h-160x {
  max-height: 160px !important;
}

.w-170x {
  width: 170px !important;
}

.h-170x {
  height: 170px !important;
}

.max-w-170x {
  max-width: 170px !important;
}

.max-h-170x {
  max-height: 170px !important;
}

.w-180x {
  width: 180px !important;
}

.h-180x {
  height: 180px !important;
}

.max-w-180x {
  max-width: 180px !important;
}

.max-h-180x {
  max-height: 180px !important;
}

.w-190x {
  width: 190px !important;
}

.h-190x {
  height: 190px !important;
}

.max-w-190x {
  max-width: 190px !important;
}

.max-h-190x {
  max-height: 190px !important;
}

.w-200x {
  width: 200px !important;
}

.h-200x {
  height: 200px !important;
}

.max-w-200x {
  max-width: 200px !important;
}

.max-h-200x {
  max-height: 200px !important;
}

.w-210x {
  width: 210px !important;
}

.h-210x {
  height: 210px !important;
}

.max-w-210x {
  max-width: 210px !important;
}

.max-h-210x {
  max-height: 210px !important;
}

.w-220x {
  width: 220px !important;
}

.h-220x {
  height: 220px !important;
}

.max-w-220x {
  max-width: 220px !important;
}

.max-h-220x {
  max-height: 220px !important;
}

.w-230x {
  width: 230px !important;
}

.h-230x {
  height: 230px !important;
}

.max-w-230x {
  max-width: 230px !important;
}

.max-h-230x {
  max-height: 230px !important;
}

.w-240x {
  width: 240px !important;
}

.h-240x {
  height: 240px !important;
}

.max-w-240x {
  max-width: 240px !important;
}

.max-h-240x {
  max-height: 240px !important;
}

.w-250x {
  width: 250px !important;
}

.h-250x {
  height: 250px !important;
}

.max-w-250x {
  max-width: 250px !important;
}

.max-h-250x {
  max-height: 250px !important;
}

.w-260x {
  width: 260px !important;
}

.h-260x {
  height: 260px !important;
}

.max-w-260x {
  max-width: 260px !important;
}

.max-h-260x {
  max-height: 260px !important;
}

.w-270x {
  width: 270px !important;
}

.h-270x {
  height: 270px !important;
}

.max-w-270x {
  max-width: 270px !important;
}

.max-h-270x {
  max-height: 270px !important;
}

.w-280x {
  width: 280px !important;
}

.h-280x {
  height: 280px !important;
}

.max-w-280x {
  max-width: 280px !important;
}

.max-h-280x {
  max-height: 280px !important;
}

.w-290x {
  width: 290px !important;
}

.h-290x {
  height: 290px !important;
}

.max-w-290x {
  max-width: 290px !important;
}

.max-h-290x {
  max-height: 290px !important;
}

.w-300x {
  width: 300px !important;
}

.h-300x {
  height: 300px !important;
}

.max-w-300x {
  max-width: 300px !important;
}

.max-h-300x {
  max-height: 300px !important;
}

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

.h-fit {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.h-max {
  height: -webkit-max-content !important;
  height: -moz-max-content !important;
  height: max-content !important;
}

.h-min {
  height: -webkit-min-content !important;
  height: -moz-min-content !important;
  height: min-content !important;
}

.max-h-unset {
  max-height: unset !important;
}

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

.w-fit {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-max {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

.w-min {
  width: -webkit-min-content !important;
  width: -moz-min-content !important;
  width: min-content !important;
}

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

.max-w-fit {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.max-w-max {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

.max-w-min {
  max-width: -webkit-min-content !important;
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}

.max-w-unset {
  max-width: unset !important;
}

@media (min-width: 575.98px) {
  .w-sm-10x {
    width: 10px !important;
  }

  .h-sm-10x {
    height: 10px !important;
  }

  .max-sm-w-10x {
    max-width: 10px !important;
  }

  .max-sm-h-10x {
    max-height: 10px !important;
  }

  .w-sm-20x {
    width: 20px !important;
  }

  .h-sm-20x {
    height: 20px !important;
  }

  .max-sm-w-20x {
    max-width: 20px !important;
  }

  .max-sm-h-20x {
    max-height: 20px !important;
  }

  .w-sm-30x {
    width: 30px !important;
  }

  .h-sm-30x {
    height: 30px !important;
  }

  .max-sm-w-30x {
    max-width: 30px !important;
  }

  .max-sm-h-30x {
    max-height: 30px !important;
  }

  .w-sm-40x {
    width: 40px !important;
  }

  .h-sm-40x {
    height: 40px !important;
  }

  .max-sm-w-40x {
    max-width: 40px !important;
  }

  .max-sm-h-40x {
    max-height: 40px !important;
  }

  .w-sm-50x {
    width: 50px !important;
  }

  .h-sm-50x {
    height: 50px !important;
  }

  .max-sm-w-50x {
    max-width: 50px !important;
  }

  .max-sm-h-50x {
    max-height: 50px !important;
  }

  .w-sm-60x {
    width: 60px !important;
  }

  .h-sm-60x {
    height: 60px !important;
  }

  .max-sm-w-60x {
    max-width: 60px !important;
  }

  .max-sm-h-60x {
    max-height: 60px !important;
  }

  .w-sm-70x {
    width: 70px !important;
  }

  .h-sm-70x {
    height: 70px !important;
  }

  .max-sm-w-70x {
    max-width: 70px !important;
  }

  .max-sm-h-70x {
    max-height: 70px !important;
  }

  .w-sm-80x {
    width: 80px !important;
  }

  .h-sm-80x {
    height: 80px !important;
  }

  .max-sm-w-80x {
    max-width: 80px !important;
  }

  .max-sm-h-80x {
    max-height: 80px !important;
  }

  .w-sm-90x {
    width: 90px !important;
  }

  .h-sm-90x {
    height: 90px !important;
  }

  .max-sm-w-90x {
    max-width: 90px !important;
  }

  .max-sm-h-90x {
    max-height: 90px !important;
  }

  .w-sm-100x {
    width: 100px !important;
  }

  .h-sm-100x {
    height: 100px !important;
  }

  .max-sm-w-100x {
    max-width: 100px !important;
  }

  .max-sm-h-100x {
    max-height: 100px !important;
  }

  .w-sm-110x {
    width: 110px !important;
  }

  .h-sm-110x {
    height: 110px !important;
  }

  .max-sm-w-110x {
    max-width: 110px !important;
  }

  .max-sm-h-110x {
    max-height: 110px !important;
  }

  .w-sm-120x {
    width: 120px !important;
  }

  .h-sm-120x {
    height: 120px !important;
  }

  .max-sm-w-120x {
    max-width: 120px !important;
  }

  .max-sm-h-120x {
    max-height: 120px !important;
  }

  .w-sm-130x {
    width: 130px !important;
  }

  .h-sm-130x {
    height: 130px !important;
  }

  .max-sm-w-130x {
    max-width: 130px !important;
  }

  .max-sm-h-130x {
    max-height: 130px !important;
  }

  .w-sm-140x {
    width: 140px !important;
  }

  .h-sm-140x {
    height: 140px !important;
  }

  .max-sm-w-140x {
    max-width: 140px !important;
  }

  .max-sm-h-140x {
    max-height: 140px !important;
  }

  .w-sm-150x {
    width: 150px !important;
  }

  .h-sm-150x {
    height: 150px !important;
  }

  .max-sm-w-150x {
    max-width: 150px !important;
  }

  .max-sm-h-150x {
    max-height: 150px !important;
  }

  .w-sm-160x {
    width: 160px !important;
  }

  .h-sm-160x {
    height: 160px !important;
  }

  .max-sm-w-160x {
    max-width: 160px !important;
  }

  .max-sm-h-160x {
    max-height: 160px !important;
  }

  .w-sm-170x {
    width: 170px !important;
  }

  .h-sm-170x {
    height: 170px !important;
  }

  .max-sm-w-170x {
    max-width: 170px !important;
  }

  .max-sm-h-170x {
    max-height: 170px !important;
  }

  .w-sm-180x {
    width: 180px !important;
  }

  .h-sm-180x {
    height: 180px !important;
  }

  .max-sm-w-180x {
    max-width: 180px !important;
  }

  .max-sm-h-180x {
    max-height: 180px !important;
  }

  .w-sm-190x {
    width: 190px !important;
  }

  .h-sm-190x {
    height: 190px !important;
  }

  .max-sm-w-190x {
    max-width: 190px !important;
  }

  .max-sm-h-190x {
    max-height: 190px !important;
  }

  .w-sm-200x {
    width: 200px !important;
  }

  .h-sm-200x {
    height: 200px !important;
  }

  .max-sm-w-200x {
    max-width: 200px !important;
  }

  .max-sm-h-200x {
    max-height: 200px !important;
  }

  .w-sm-210x {
    width: 210px !important;
  }

  .h-sm-210x {
    height: 210px !important;
  }

  .max-sm-w-210x {
    max-width: 210px !important;
  }

  .max-sm-h-210x {
    max-height: 210px !important;
  }

  .w-sm-220x {
    width: 220px !important;
  }

  .h-sm-220x {
    height: 220px !important;
  }

  .max-sm-w-220x {
    max-width: 220px !important;
  }

  .max-sm-h-220x {
    max-height: 220px !important;
  }

  .w-sm-230x {
    width: 230px !important;
  }

  .h-sm-230x {
    height: 230px !important;
  }

  .max-sm-w-230x {
    max-width: 230px !important;
  }

  .max-sm-h-230x {
    max-height: 230px !important;
  }

  .w-sm-240x {
    width: 240px !important;
  }

  .h-sm-240x {
    height: 240px !important;
  }

  .max-sm-w-240x {
    max-width: 240px !important;
  }

  .max-sm-h-240x {
    max-height: 240px !important;
  }

  .w-sm-250x {
    width: 250px !important;
  }

  .h-sm-250x {
    height: 250px !important;
  }

  .max-sm-w-250x {
    max-width: 250px !important;
  }

  .max-sm-h-250x {
    max-height: 250px !important;
  }

  .w-sm-260x {
    width: 260px !important;
  }

  .h-sm-260x {
    height: 260px !important;
  }

  .max-sm-w-260x {
    max-width: 260px !important;
  }

  .max-sm-h-260x {
    max-height: 260px !important;
  }

  .w-sm-270x {
    width: 270px !important;
  }

  .h-sm-270x {
    height: 270px !important;
  }

  .max-sm-w-270x {
    max-width: 270px !important;
  }

  .max-sm-h-270x {
    max-height: 270px !important;
  }

  .w-sm-280x {
    width: 280px !important;
  }

  .h-sm-280x {
    height: 280px !important;
  }

  .max-sm-w-280x {
    max-width: 280px !important;
  }

  .max-sm-h-280x {
    max-height: 280px !important;
  }

  .w-sm-290x {
    width: 290px !important;
  }

  .h-sm-290x {
    height: 290px !important;
  }

  .max-sm-w-290x {
    max-width: 290px !important;
  }

  .max-sm-h-290x {
    max-height: 290px !important;
  }

  .w-sm-300x {
    width: 300px !important;
  }

  .h-sm-300x {
    height: 300px !important;
  }

  .max-sm-w-300x {
    max-width: 300px !important;
  }

  .max-sm-h-300x {
    max-height: 300px !important;
  }

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

  .h-sm-fit {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .h-sm-max {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }

  .h-sm-min {
    height: -webkit-min-content !important;
    height: -moz-min-content !important;
    height: min-content !important;
  }

  .max-h-sm-unset {
    max-height: unset !important;
  }

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

  .w-sm-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .w-sm-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .w-sm-min {
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
  }

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

  .max-sm-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .max-sm-w-max {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }

  .max-sm-w-min {
    max-width: -webkit-min-content !important;
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }

  .max-sm-w-unset {
    max-width: unset !important;
  }
}

@media (min-width: 768px) {
  .w-md-10x {
    width: 10px !important;
  }

  .h-md-10x {
    height: 10px !important;
  }

  .max-md-w-10x {
    max-width: 10px !important;
  }

  .max-md-h-10x {
    max-height: 10px !important;
  }

  .w-md-20x {
    width: 20px !important;
  }

  .h-md-20x {
    height: 20px !important;
  }

  .max-md-w-20x {
    max-width: 20px !important;
  }

  .max-md-h-20x {
    max-height: 20px !important;
  }

  .w-md-30x {
    width: 30px !important;
  }

  .h-md-30x {
    height: 30px !important;
  }

  .max-md-w-30x {
    max-width: 30px !important;
  }

  .max-md-h-30x {
    max-height: 30px !important;
  }

  .w-md-40x {
    width: 40px !important;
  }

  .h-md-40x {
    height: 40px !important;
  }

  .max-md-w-40x {
    max-width: 40px !important;
  }

  .max-md-h-40x {
    max-height: 40px !important;
  }

  .w-md-50x {
    width: 50px !important;
  }

  .h-md-50x {
    height: 50px !important;
  }

  .max-md-w-50x {
    max-width: 50px !important;
  }

  .max-md-h-50x {
    max-height: 50px !important;
  }

  .w-md-60x {
    width: 60px !important;
  }

  .h-md-60x {
    height: 60px !important;
  }

  .max-md-w-60x {
    max-width: 60px !important;
  }

  .max-md-h-60x {
    max-height: 60px !important;
  }

  .w-md-70x {
    width: 70px !important;
  }

  .h-md-70x {
    height: 70px !important;
  }

  .max-md-w-70x {
    max-width: 70px !important;
  }

  .max-md-h-70x {
    max-height: 70px !important;
  }

  .w-md-80x {
    width: 80px !important;
  }

  .h-md-80x {
    height: 80px !important;
  }

  .max-md-w-80x {
    max-width: 80px !important;
  }

  .max-md-h-80x {
    max-height: 80px !important;
  }

  .w-md-90x {
    width: 90px !important;
  }

  .h-md-90x {
    height: 90px !important;
  }

  .max-md-w-90x {
    max-width: 90px !important;
  }

  .max-md-h-90x {
    max-height: 90px !important;
  }

  .w-md-100x {
    width: 100px !important;
  }

  .h-md-100x {
    height: 100px !important;
  }

  .max-md-w-100x {
    max-width: 100px !important;
  }

  .max-md-h-100x {
    max-height: 100px !important;
  }

  .w-md-110x {
    width: 110px !important;
  }

  .h-md-110x {
    height: 110px !important;
  }

  .max-md-w-110x {
    max-width: 110px !important;
  }

  .max-md-h-110x {
    max-height: 110px !important;
  }

  .w-md-120x {
    width: 120px !important;
  }

  .h-md-120x {
    height: 120px !important;
  }

  .max-md-w-120x {
    max-width: 120px !important;
  }

  .max-md-h-120x {
    max-height: 120px !important;
  }

  .w-md-130x {
    width: 130px !important;
  }

  .h-md-130x {
    height: 130px !important;
  }

  .max-md-w-130x {
    max-width: 130px !important;
  }

  .max-md-h-130x {
    max-height: 130px !important;
  }

  .w-md-140x {
    width: 140px !important;
  }

  .h-md-140x {
    height: 140px !important;
  }

  .max-md-w-140x {
    max-width: 140px !important;
  }

  .max-md-h-140x {
    max-height: 140px !important;
  }

  .w-md-150x {
    width: 150px !important;
  }

  .h-md-150x {
    height: 150px !important;
  }

  .max-md-w-150x {
    max-width: 150px !important;
  }

  .max-md-h-150x {
    max-height: 150px !important;
  }

  .w-md-160x {
    width: 160px !important;
  }

  .h-md-160x {
    height: 160px !important;
  }

  .max-md-w-160x {
    max-width: 160px !important;
  }

  .max-md-h-160x {
    max-height: 160px !important;
  }

  .w-md-170x {
    width: 170px !important;
  }

  .h-md-170x {
    height: 170px !important;
  }

  .max-md-w-170x {
    max-width: 170px !important;
  }

  .max-md-h-170x {
    max-height: 170px !important;
  }

  .w-md-180x {
    width: 180px !important;
  }

  .h-md-180x {
    height: 180px !important;
  }

  .max-md-w-180x {
    max-width: 180px !important;
  }

  .max-md-h-180x {
    max-height: 180px !important;
  }

  .w-md-190x {
    width: 190px !important;
  }

  .h-md-190x {
    height: 190px !important;
  }

  .max-md-w-190x {
    max-width: 190px !important;
  }

  .max-md-h-190x {
    max-height: 190px !important;
  }

  .w-md-200x {
    width: 200px !important;
  }

  .h-md-200x {
    height: 200px !important;
  }

  .max-md-w-200x {
    max-width: 200px !important;
  }

  .max-md-h-200x {
    max-height: 200px !important;
  }

  .w-md-210x {
    width: 210px !important;
  }

  .h-md-210x {
    height: 210px !important;
  }

  .max-md-w-210x {
    max-width: 210px !important;
  }

  .max-md-h-210x {
    max-height: 210px !important;
  }

  .w-md-220x {
    width: 220px !important;
  }

  .h-md-220x {
    height: 220px !important;
  }

  .max-md-w-220x {
    max-width: 220px !important;
  }

  .max-md-h-220x {
    max-height: 220px !important;
  }

  .w-md-230x {
    width: 230px !important;
  }

  .h-md-230x {
    height: 230px !important;
  }

  .max-md-w-230x {
    max-width: 230px !important;
  }

  .max-md-h-230x {
    max-height: 230px !important;
  }

  .w-md-240x {
    width: 240px !important;
  }

  .h-md-240x {
    height: 240px !important;
  }

  .max-md-w-240x {
    max-width: 240px !important;
  }

  .max-md-h-240x {
    max-height: 240px !important;
  }

  .w-md-250x {
    width: 250px !important;
  }

  .h-md-250x {
    height: 250px !important;
  }

  .max-md-w-250x {
    max-width: 250px !important;
  }

  .max-md-h-250x {
    max-height: 250px !important;
  }

  .w-md-260x {
    width: 260px !important;
  }

  .h-md-260x {
    height: 260px !important;
  }

  .max-md-w-260x {
    max-width: 260px !important;
  }

  .max-md-h-260x {
    max-height: 260px !important;
  }

  .w-md-270x {
    width: 270px !important;
  }

  .h-md-270x {
    height: 270px !important;
  }

  .max-md-w-270x {
    max-width: 270px !important;
  }

  .max-md-h-270x {
    max-height: 270px !important;
  }

  .w-md-280x {
    width: 280px !important;
  }

  .h-md-280x {
    height: 280px !important;
  }

  .max-md-w-280x {
    max-width: 280px !important;
  }

  .max-md-h-280x {
    max-height: 280px !important;
  }

  .w-md-290x {
    width: 290px !important;
  }

  .h-md-290x {
    height: 290px !important;
  }

  .max-md-w-290x {
    max-width: 290px !important;
  }

  .max-md-h-290x {
    max-height: 290px !important;
  }

  .w-md-300x {
    width: 300px !important;
  }

  .h-md-300x {
    height: 300px !important;
  }

  .max-md-w-300x {
    max-width: 300px !important;
  }

  .max-md-h-300x {
    max-height: 300px !important;
  }

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

  .h-md-fit {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .h-md-max {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }

  .h-md-min {
    height: -webkit-min-content !important;
    height: -moz-min-content !important;
    height: min-content !important;
  }

  .max-h-md-unset {
    max-height: unset !important;
  }

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

  .w-md-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .w-md-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .w-md-min {
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
  }

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

  .max-md-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .max-md-w-max {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }

  .max-md-w-min {
    max-width: -webkit-min-content !important;
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }

  .max-md-w-unset {
    max-width: unset !important;
  }
}

@media (min-width: 992px) {
  .w-lg-10x {
    width: 10px !important;
  }

  .h-lg-10x {
    height: 10px !important;
  }

  .max-lg-w-10x {
    max-width: 10px !important;
  }

  .max-lg-h-10x {
    max-height: 10px !important;
  }

  .w-lg-20x {
    width: 20px !important;
  }

  .h-lg-20x {
    height: 20px !important;
  }

  .max-lg-w-20x {
    max-width: 20px !important;
  }

  .max-lg-h-20x {
    max-height: 20px !important;
  }

  .w-lg-30x {
    width: 30px !important;
  }

  .h-lg-30x {
    height: 30px !important;
  }

  .max-lg-w-30x {
    max-width: 30px !important;
  }

  .max-lg-h-30x {
    max-height: 30px !important;
  }

  .w-lg-40x {
    width: 40px !important;
  }

  .h-lg-40x {
    height: 40px !important;
  }

  .max-lg-w-40x {
    max-width: 40px !important;
  }

  .max-lg-h-40x {
    max-height: 40px !important;
  }

  .w-lg-50x {
    width: 50px !important;
  }

  .h-lg-50x {
    height: 50px !important;
  }

  .max-lg-w-50x {
    max-width: 50px !important;
  }

  .max-lg-h-50x {
    max-height: 50px !important;
  }

  .w-lg-60x {
    width: 60px !important;
  }

  .h-lg-60x {
    height: 60px !important;
  }

  .max-lg-w-60x {
    max-width: 60px !important;
  }

  .max-lg-h-60x {
    max-height: 60px !important;
  }

  .w-lg-70x {
    width: 70px !important;
  }

  .h-lg-70x {
    height: 70px !important;
  }

  .max-lg-w-70x {
    max-width: 70px !important;
  }

  .max-lg-h-70x {
    max-height: 70px !important;
  }

  .w-lg-80x {
    width: 80px !important;
  }

  .h-lg-80x {
    height: 80px !important;
  }

  .max-lg-w-80x {
    max-width: 80px !important;
  }

  .max-lg-h-80x {
    max-height: 80px !important;
  }

  .w-lg-90x {
    width: 90px !important;
  }

  .h-lg-90x {
    height: 90px !important;
  }

  .max-lg-w-90x {
    max-width: 90px !important;
  }

  .max-lg-h-90x {
    max-height: 90px !important;
  }

  .w-lg-100x {
    width: 100px !important;
  }

  .h-lg-100x {
    height: 100px !important;
  }

  .max-lg-w-100x {
    max-width: 100px !important;
  }

  .max-lg-h-100x {
    max-height: 100px !important;
  }

  .w-lg-110x {
    width: 110px !important;
  }

  .h-lg-110x {
    height: 110px !important;
  }

  .max-lg-w-110x {
    max-width: 110px !important;
  }

  .max-lg-h-110x {
    max-height: 110px !important;
  }

  .w-lg-120x {
    width: 120px !important;
  }

  .h-lg-120x {
    height: 120px !important;
  }

  .max-lg-w-120x {
    max-width: 120px !important;
  }

  .max-lg-h-120x {
    max-height: 120px !important;
  }

  .w-lg-130x {
    width: 130px !important;
  }

  .h-lg-130x {
    height: 130px !important;
  }

  .max-lg-w-130x {
    max-width: 130px !important;
  }

  .max-lg-h-130x {
    max-height: 130px !important;
  }

  .w-lg-140x {
    width: 140px !important;
  }

  .h-lg-140x {
    height: 140px !important;
  }

  .max-lg-w-140x {
    max-width: 140px !important;
  }

  .max-lg-h-140x {
    max-height: 140px !important;
  }

  .w-lg-150x {
    width: 150px !important;
  }

  .h-lg-150x {
    height: 150px !important;
  }

  .max-lg-w-150x {
    max-width: 150px !important;
  }

  .max-lg-h-150x {
    max-height: 150px !important;
  }

  .w-lg-160x {
    width: 160px !important;
  }

  .h-lg-160x {
    height: 160px !important;
  }

  .max-lg-w-160x {
    max-width: 160px !important;
  }

  .max-lg-h-160x {
    max-height: 160px !important;
  }

  .w-lg-170x {
    width: 170px !important;
  }

  .h-lg-170x {
    height: 170px !important;
  }

  .max-lg-w-170x {
    max-width: 170px !important;
  }

  .max-lg-h-170x {
    max-height: 170px !important;
  }

  .w-lg-180x {
    width: 180px !important;
  }

  .h-lg-180x {
    height: 180px !important;
  }

  .max-lg-w-180x {
    max-width: 180px !important;
  }

  .max-lg-h-180x {
    max-height: 180px !important;
  }

  .w-lg-190x {
    width: 190px !important;
  }

  .h-lg-190x {
    height: 190px !important;
  }

  .max-lg-w-190x {
    max-width: 190px !important;
  }

  .max-lg-h-190x {
    max-height: 190px !important;
  }

  .w-lg-200x {
    width: 200px !important;
  }

  .h-lg-200x {
    height: 200px !important;
  }

  .max-lg-w-200x {
    max-width: 200px !important;
  }

  .max-lg-h-200x {
    max-height: 200px !important;
  }

  .w-lg-210x {
    width: 210px !important;
  }

  .h-lg-210x {
    height: 210px !important;
  }

  .max-lg-w-210x {
    max-width: 210px !important;
  }

  .max-lg-h-210x {
    max-height: 210px !important;
  }

  .w-lg-220x {
    width: 220px !important;
  }

  .h-lg-220x {
    height: 220px !important;
  }

  .max-lg-w-220x {
    max-width: 220px !important;
  }

  .max-lg-h-220x {
    max-height: 220px !important;
  }

  .w-lg-230x {
    width: 230px !important;
  }

  .h-lg-230x {
    height: 230px !important;
  }

  .max-lg-w-230x {
    max-width: 230px !important;
  }

  .max-lg-h-230x {
    max-height: 230px !important;
  }

  .w-lg-240x {
    width: 240px !important;
  }

  .h-lg-240x {
    height: 240px !important;
  }

  .max-lg-w-240x {
    max-width: 240px !important;
  }

  .max-lg-h-240x {
    max-height: 240px !important;
  }

  .w-lg-250x {
    width: 250px !important;
  }

  .h-lg-250x {
    height: 250px !important;
  }

  .max-lg-w-250x {
    max-width: 250px !important;
  }

  .max-lg-h-250x {
    max-height: 250px !important;
  }

  .w-lg-260x {
    width: 260px !important;
  }

  .h-lg-260x {
    height: 260px !important;
  }

  .max-lg-w-260x {
    max-width: 260px !important;
  }

  .max-lg-h-260x {
    max-height: 260px !important;
  }

  .w-lg-270x {
    width: 270px !important;
  }

  .h-lg-270x {
    height: 270px !important;
  }

  .max-lg-w-270x {
    max-width: 270px !important;
  }

  .max-lg-h-270x {
    max-height: 270px !important;
  }

  .w-lg-280x {
    width: 280px !important;
  }

  .h-lg-280x {
    height: 280px !important;
  }

  .max-lg-w-280x {
    max-width: 280px !important;
  }

  .max-lg-h-280x {
    max-height: 280px !important;
  }

  .w-lg-290x {
    width: 290px !important;
  }

  .h-lg-290x {
    height: 290px !important;
  }

  .max-lg-w-290x {
    max-width: 290px !important;
  }

  .max-lg-h-290x {
    max-height: 290px !important;
  }

  .w-lg-300x {
    width: 300px !important;
  }

  .h-lg-300x {
    height: 300px !important;
  }

  .max-lg-w-300x {
    max-width: 300px !important;
  }

  .max-lg-h-300x {
    max-height: 300px !important;
  }

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

  .h-lg-fit {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .h-lg-max {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }

  .h-lg-min {
    height: -webkit-min-content !important;
    height: -moz-min-content !important;
    height: min-content !important;
  }

  .max-h-lg-unset {
    max-height: unset !important;
  }

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

  .w-lg-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .w-lg-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .w-lg-min {
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
  }

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

  .max-lg-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .max-lg-w-max {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }

  .max-lg-w-min {
    max-width: -webkit-min-content !important;
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }

  .max-lg-w-unset {
    max-width: unset !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-10x {
    width: 10px !important;
  }

  .h-xl-10x {
    height: 10px !important;
  }

  .max-xl-w-10x {
    max-width: 10px !important;
  }

  .max-xl-h-10x {
    max-height: 10px !important;
  }

  .w-xl-20x {
    width: 20px !important;
  }

  .h-xl-20x {
    height: 20px !important;
  }

  .max-xl-w-20x {
    max-width: 20px !important;
  }

  .max-xl-h-20x {
    max-height: 20px !important;
  }

  .w-xl-30x {
    width: 30px !important;
  }

  .h-xl-30x {
    height: 30px !important;
  }

  .max-xl-w-30x {
    max-width: 30px !important;
  }

  .max-xl-h-30x {
    max-height: 30px !important;
  }

  .w-xl-40x {
    width: 40px !important;
  }

  .h-xl-40x {
    height: 40px !important;
  }

  .max-xl-w-40x {
    max-width: 40px !important;
  }

  .max-xl-h-40x {
    max-height: 40px !important;
  }

  .w-xl-50x {
    width: 50px !important;
  }

  .h-xl-50x {
    height: 50px !important;
  }

  .max-xl-w-50x {
    max-width: 50px !important;
  }

  .max-xl-h-50x {
    max-height: 50px !important;
  }

  .w-xl-60x {
    width: 60px !important;
  }

  .h-xl-60x {
    height: 60px !important;
  }

  .max-xl-w-60x {
    max-width: 60px !important;
  }

  .max-xl-h-60x {
    max-height: 60px !important;
  }

  .w-xl-70x {
    width: 70px !important;
  }

  .h-xl-70x {
    height: 70px !important;
  }

  .max-xl-w-70x {
    max-width: 70px !important;
  }

  .max-xl-h-70x {
    max-height: 70px !important;
  }

  .w-xl-80x {
    width: 80px !important;
  }

  .h-xl-80x {
    height: 80px !important;
  }

  .max-xl-w-80x {
    max-width: 80px !important;
  }

  .max-xl-h-80x {
    max-height: 80px !important;
  }

  .w-xl-90x {
    width: 90px !important;
  }

  .h-xl-90x {
    height: 90px !important;
  }

  .max-xl-w-90x {
    max-width: 90px !important;
  }

  .max-xl-h-90x {
    max-height: 90px !important;
  }

  .w-xl-100x {
    width: 100px !important;
  }

  .h-xl-100x {
    height: 100px !important;
  }

  .max-xl-w-100x {
    max-width: 100px !important;
  }

  .max-xl-h-100x {
    max-height: 100px !important;
  }

  .w-xl-110x {
    width: 110px !important;
  }

  .h-xl-110x {
    height: 110px !important;
  }

  .max-xl-w-110x {
    max-width: 110px !important;
  }

  .max-xl-h-110x {
    max-height: 110px !important;
  }

  .w-xl-120x {
    width: 120px !important;
  }

  .h-xl-120x {
    height: 120px !important;
  }

  .max-xl-w-120x {
    max-width: 120px !important;
  }

  .max-xl-h-120x {
    max-height: 120px !important;
  }

  .w-xl-130x {
    width: 130px !important;
  }

  .h-xl-130x {
    height: 130px !important;
  }

  .max-xl-w-130x {
    max-width: 130px !important;
  }

  .max-xl-h-130x {
    max-height: 130px !important;
  }

  .w-xl-140x {
    width: 140px !important;
  }

  .h-xl-140x {
    height: 140px !important;
  }

  .max-xl-w-140x {
    max-width: 140px !important;
  }

  .max-xl-h-140x {
    max-height: 140px !important;
  }

  .w-xl-150x {
    width: 150px !important;
  }

  .h-xl-150x {
    height: 150px !important;
  }

  .max-xl-w-150x {
    max-width: 150px !important;
  }

  .max-xl-h-150x {
    max-height: 150px !important;
  }

  .w-xl-160x {
    width: 160px !important;
  }

  .h-xl-160x {
    height: 160px !important;
  }

  .max-xl-w-160x {
    max-width: 160px !important;
  }

  .max-xl-h-160x {
    max-height: 160px !important;
  }

  .w-xl-170x {
    width: 170px !important;
  }

  .h-xl-170x {
    height: 170px !important;
  }

  .max-xl-w-170x {
    max-width: 170px !important;
  }

  .max-xl-h-170x {
    max-height: 170px !important;
  }

  .w-xl-180x {
    width: 180px !important;
  }

  .h-xl-180x {
    height: 180px !important;
  }

  .max-xl-w-180x {
    max-width: 180px !important;
  }

  .max-xl-h-180x {
    max-height: 180px !important;
  }

  .w-xl-190x {
    width: 190px !important;
  }

  .h-xl-190x {
    height: 190px !important;
  }

  .max-xl-w-190x {
    max-width: 190px !important;
  }

  .max-xl-h-190x {
    max-height: 190px !important;
  }

  .w-xl-200x {
    width: 200px !important;
  }

  .h-xl-200x {
    height: 200px !important;
  }

  .max-xl-w-200x {
    max-width: 200px !important;
  }

  .max-xl-h-200x {
    max-height: 200px !important;
  }

  .w-xl-210x {
    width: 210px !important;
  }

  .h-xl-210x {
    height: 210px !important;
  }

  .max-xl-w-210x {
    max-width: 210px !important;
  }

  .max-xl-h-210x {
    max-height: 210px !important;
  }

  .w-xl-220x {
    width: 220px !important;
  }

  .h-xl-220x {
    height: 220px !important;
  }

  .max-xl-w-220x {
    max-width: 220px !important;
  }

  .max-xl-h-220x {
    max-height: 220px !important;
  }

  .w-xl-230x {
    width: 230px !important;
  }

  .h-xl-230x {
    height: 230px !important;
  }

  .max-xl-w-230x {
    max-width: 230px !important;
  }

  .max-xl-h-230x {
    max-height: 230px !important;
  }

  .w-xl-240x {
    width: 240px !important;
  }

  .h-xl-240x {
    height: 240px !important;
  }

  .max-xl-w-240x {
    max-width: 240px !important;
  }

  .max-xl-h-240x {
    max-height: 240px !important;
  }

  .w-xl-250x {
    width: 250px !important;
  }

  .h-xl-250x {
    height: 250px !important;
  }

  .max-xl-w-250x {
    max-width: 250px !important;
  }

  .max-xl-h-250x {
    max-height: 250px !important;
  }

  .w-xl-260x {
    width: 260px !important;
  }

  .h-xl-260x {
    height: 260px !important;
  }

  .max-xl-w-260x {
    max-width: 260px !important;
  }

  .max-xl-h-260x {
    max-height: 260px !important;
  }

  .w-xl-270x {
    width: 270px !important;
  }

  .h-xl-270x {
    height: 270px !important;
  }

  .max-xl-w-270x {
    max-width: 270px !important;
  }

  .max-xl-h-270x {
    max-height: 270px !important;
  }

  .w-xl-280x {
    width: 280px !important;
  }

  .h-xl-280x {
    height: 280px !important;
  }

  .max-xl-w-280x {
    max-width: 280px !important;
  }

  .max-xl-h-280x {
    max-height: 280px !important;
  }

  .w-xl-290x {
    width: 290px !important;
  }

  .h-xl-290x {
    height: 290px !important;
  }

  .max-xl-w-290x {
    max-width: 290px !important;
  }

  .max-xl-h-290x {
    max-height: 290px !important;
  }

  .w-xl-300x {
    width: 300px !important;
  }

  .h-xl-300x {
    height: 300px !important;
  }

  .max-xl-w-300x {
    max-width: 300px !important;
  }

  .max-xl-h-300x {
    max-height: 300px !important;
  }

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

  .h-xl-fit {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .h-xl-max {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }

  .h-xl-min {
    height: -webkit-min-content !important;
    height: -moz-min-content !important;
    height: min-content !important;
  }

  .max-h-xl-unset {
    max-height: unset !important;
  }

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

  .w-xl-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .w-xl-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .w-xl-min {
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
  }

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

  .max-xl-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .max-xl-w-max {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }

  .max-xl-w-min {
    max-width: -webkit-min-content !important;
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }

  .max-xl-w-unset {
    max-width: unset !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-10x {
    width: 10px !important;
  }

  .h-xxl-10x {
    height: 10px !important;
  }

  .max-xxl-w-10x {
    max-width: 10px !important;
  }

  .max-xxl-h-10x {
    max-height: 10px !important;
  }

  .w-xxl-20x {
    width: 20px !important;
  }

  .h-xxl-20x {
    height: 20px !important;
  }

  .max-xxl-w-20x {
    max-width: 20px !important;
  }

  .max-xxl-h-20x {
    max-height: 20px !important;
  }

  .w-xxl-30x {
    width: 30px !important;
  }

  .h-xxl-30x {
    height: 30px !important;
  }

  .max-xxl-w-30x {
    max-width: 30px !important;
  }

  .max-xxl-h-30x {
    max-height: 30px !important;
  }

  .w-xxl-40x {
    width: 40px !important;
  }

  .h-xxl-40x {
    height: 40px !important;
  }

  .max-xxl-w-40x {
    max-width: 40px !important;
  }

  .max-xxl-h-40x {
    max-height: 40px !important;
  }

  .w-xxl-50x {
    width: 50px !important;
  }

  .h-xxl-50x {
    height: 50px !important;
  }

  .max-xxl-w-50x {
    max-width: 50px !important;
  }

  .max-xxl-h-50x {
    max-height: 50px !important;
  }

  .w-xxl-60x {
    width: 60px !important;
  }

  .h-xxl-60x {
    height: 60px !important;
  }

  .max-xxl-w-60x {
    max-width: 60px !important;
  }

  .max-xxl-h-60x {
    max-height: 60px !important;
  }

  .w-xxl-70x {
    width: 70px !important;
  }

  .h-xxl-70x {
    height: 70px !important;
  }

  .max-xxl-w-70x {
    max-width: 70px !important;
  }

  .max-xxl-h-70x {
    max-height: 70px !important;
  }

  .w-xxl-80x {
    width: 80px !important;
  }

  .h-xxl-80x {
    height: 80px !important;
  }

  .max-xxl-w-80x {
    max-width: 80px !important;
  }

  .max-xxl-h-80x {
    max-height: 80px !important;
  }

  .w-xxl-90x {
    width: 90px !important;
  }

  .h-xxl-90x {
    height: 90px !important;
  }

  .max-xxl-w-90x {
    max-width: 90px !important;
  }

  .max-xxl-h-90x {
    max-height: 90px !important;
  }

  .w-xxl-100x {
    width: 100px !important;
  }

  .h-xxl-100x {
    height: 100px !important;
  }

  .max-xxl-w-100x {
    max-width: 100px !important;
  }

  .max-xxl-h-100x {
    max-height: 100px !important;
  }

  .w-xxl-110x {
    width: 110px !important;
  }

  .h-xxl-110x {
    height: 110px !important;
  }

  .max-xxl-w-110x {
    max-width: 110px !important;
  }

  .max-xxl-h-110x {
    max-height: 110px !important;
  }

  .w-xxl-120x {
    width: 120px !important;
  }

  .h-xxl-120x {
    height: 120px !important;
  }

  .max-xxl-w-120x {
    max-width: 120px !important;
  }

  .max-xxl-h-120x {
    max-height: 120px !important;
  }

  .w-xxl-130x {
    width: 130px !important;
  }

  .h-xxl-130x {
    height: 130px !important;
  }

  .max-xxl-w-130x {
    max-width: 130px !important;
  }

  .max-xxl-h-130x {
    max-height: 130px !important;
  }

  .w-xxl-140x {
    width: 140px !important;
  }

  .h-xxl-140x {
    height: 140px !important;
  }

  .max-xxl-w-140x {
    max-width: 140px !important;
  }

  .max-xxl-h-140x {
    max-height: 140px !important;
  }

  .w-xxl-150x {
    width: 150px !important;
  }

  .h-xxl-150x {
    height: 150px !important;
  }

  .max-xxl-w-150x {
    max-width: 150px !important;
  }

  .max-xxl-h-150x {
    max-height: 150px !important;
  }

  .w-xxl-160x {
    width: 160px !important;
  }

  .h-xxl-160x {
    height: 160px !important;
  }

  .max-xxl-w-160x {
    max-width: 160px !important;
  }

  .max-xxl-h-160x {
    max-height: 160px !important;
  }

  .w-xxl-170x {
    width: 170px !important;
  }

  .h-xxl-170x {
    height: 170px !important;
  }

  .max-xxl-w-170x {
    max-width: 170px !important;
  }

  .max-xxl-h-170x {
    max-height: 170px !important;
  }

  .w-xxl-180x {
    width: 180px !important;
  }

  .h-xxl-180x {
    height: 180px !important;
  }

  .max-xxl-w-180x {
    max-width: 180px !important;
  }

  .max-xxl-h-180x {
    max-height: 180px !important;
  }

  .w-xxl-190x {
    width: 190px !important;
  }

  .h-xxl-190x {
    height: 190px !important;
  }

  .max-xxl-w-190x {
    max-width: 190px !important;
  }

  .max-xxl-h-190x {
    max-height: 190px !important;
  }

  .w-xxl-200x {
    width: 200px !important;
  }

  .h-xxl-200x {
    height: 200px !important;
  }

  .max-xxl-w-200x {
    max-width: 200px !important;
  }

  .max-xxl-h-200x {
    max-height: 200px !important;
  }

  .w-xxl-210x {
    width: 210px !important;
  }

  .h-xxl-210x {
    height: 210px !important;
  }

  .max-xxl-w-210x {
    max-width: 210px !important;
  }

  .max-xxl-h-210x {
    max-height: 210px !important;
  }

  .w-xxl-220x {
    width: 220px !important;
  }

  .h-xxl-220x {
    height: 220px !important;
  }

  .max-xxl-w-220x {
    max-width: 220px !important;
  }

  .max-xxl-h-220x {
    max-height: 220px !important;
  }

  .w-xxl-230x {
    width: 230px !important;
  }

  .h-xxl-230x {
    height: 230px !important;
  }

  .max-xxl-w-230x {
    max-width: 230px !important;
  }

  .max-xxl-h-230x {
    max-height: 230px !important;
  }

  .w-xxl-240x {
    width: 240px !important;
  }

  .h-xxl-240x {
    height: 240px !important;
  }

  .max-xxl-w-240x {
    max-width: 240px !important;
  }

  .max-xxl-h-240x {
    max-height: 240px !important;
  }

  .w-xxl-250x {
    width: 250px !important;
  }

  .h-xxl-250x {
    height: 250px !important;
  }

  .max-xxl-w-250x {
    max-width: 250px !important;
  }

  .max-xxl-h-250x {
    max-height: 250px !important;
  }

  .w-xxl-260x {
    width: 260px !important;
  }

  .h-xxl-260x {
    height: 260px !important;
  }

  .max-xxl-w-260x {
    max-width: 260px !important;
  }

  .max-xxl-h-260x {
    max-height: 260px !important;
  }

  .w-xxl-270x {
    width: 270px !important;
  }

  .h-xxl-270x {
    height: 270px !important;
  }

  .max-xxl-w-270x {
    max-width: 270px !important;
  }

  .max-xxl-h-270x {
    max-height: 270px !important;
  }

  .w-xxl-280x {
    width: 280px !important;
  }

  .h-xxl-280x {
    height: 280px !important;
  }

  .max-xxl-w-280x {
    max-width: 280px !important;
  }

  .max-xxl-h-280x {
    max-height: 280px !important;
  }

  .w-xxl-290x {
    width: 290px !important;
  }

  .h-xxl-290x {
    height: 290px !important;
  }

  .max-xxl-w-290x {
    max-width: 290px !important;
  }

  .max-xxl-h-290x {
    max-height: 290px !important;
  }

  .w-xxl-300x {
    width: 300px !important;
  }

  .h-xxl-300x {
    height: 300px !important;
  }

  .max-xxl-w-300x {
    max-width: 300px !important;
  }

  .max-xxl-h-300x {
    max-height: 300px !important;
  }

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

  .h-xxl-fit {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .h-xxl-max {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }

  .h-xxl-min {
    height: -webkit-min-content !important;
    height: -moz-min-content !important;
    height: min-content !important;
  }

  .max-h-xxl-unset {
    max-height: unset !important;
  }

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

  .w-xxl-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .w-xxl-max {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .w-xxl-min {
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
  }

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

  .max-xxl-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .max-xxl-w-max {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }

  .max-xxl-w-min {
    max-width: -webkit-min-content !important;
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }

  .max-xxl-w-unset {
    max-width: unset !important;
  }
}

.px-1x {
  padding-inline: 1px !important;
}

.mx-1x {
  margin-inline: 1px !important;
}

.py-1x {
  padding-block: 1px !important;
}

.my-1x {
  margin-block: 1px !important;
}

.px-2x {
  padding-inline: 2px !important;
}

.mx-2x {
  margin-inline: 2px !important;
}

.py-2x {
  padding-block: 2px !important;
}

.my-2x {
  margin-block: 2px !important;
}

.px-3x {
  padding-inline: 3px !important;
}

.mx-3x {
  margin-inline: 3px !important;
}

.py-3x {
  padding-block: 3px !important;
}

.my-3x {
  margin-block: 3px !important;
}

.px-4x {
  padding-inline: 4px !important;
}

.mx-4x {
  margin-inline: 4px !important;
}

.py-4x {
  padding-block: 4px !important;
}

.my-4x {
  margin-block: 4px !important;
}

.px-5x {
  padding-inline: 5px !important;
}

.mx-5x {
  margin-inline: 5px !important;
}

.py-5x {
  padding-block: 5px !important;
}

.my-5x {
  margin-block: 5px !important;
}

.px-6x {
  padding-inline: 6px !important;
}

.mx-6x {
  margin-inline: 6px !important;
}

.py-6x {
  padding-block: 6px !important;
}

.my-6x {
  margin-block: 6px !important;
}

.px-7x {
  padding-inline: 7px !important;
}

.mx-7x {
  margin-inline: 7px !important;
}

.py-7x {
  padding-block: 7px !important;
}

.my-7x {
  margin-block: 7px !important;
}

.px-8x {
  padding-inline: 8px !important;
}

.mx-8x {
  margin-inline: 8px !important;
}

.py-8x {
  padding-block: 8px !important;
}

.my-8x {
  margin-block: 8px !important;
}

.px-9x {
  padding-inline: 9px !important;
}

.mx-9x {
  margin-inline: 9px !important;
}

.py-9x {
  padding-block: 9px !important;
}

.my-9x {
  margin-block: 9px !important;
}

.px-10x {
  padding-inline: 10px !important;
}

.mx-10x {
  margin-inline: 10px !important;
}

.py-10x {
  padding-block: 10px !important;
}

.my-10x {
  margin-block: 10px !important;
}

.px-11x {
  padding-inline: 11px !important;
}

.mx-11x {
  margin-inline: 11px !important;
}

.py-11x {
  padding-block: 11px !important;
}

.my-11x {
  margin-block: 11px !important;
}

.px-12x {
  padding-inline: 12px !important;
}

.mx-12x {
  margin-inline: 12px !important;
}

.py-12x {
  padding-block: 12px !important;
}

.my-12x {
  margin-block: 12px !important;
}

.px-13x {
  padding-inline: 13px !important;
}

.mx-13x {
  margin-inline: 13px !important;
}

.py-13x {
  padding-block: 13px !important;
}

.my-13x {
  margin-block: 13px !important;
}

.px-14x {
  padding-inline: 14px !important;
}

.mx-14x {
  margin-inline: 14px !important;
}

.py-14x {
  padding-block: 14px !important;
}

.my-14x {
  margin-block: 14px !important;
}

.px-15x {
  padding-inline: 15px !important;
}

.mx-15x {
  margin-inline: 15px !important;
}

.py-15x {
  padding-block: 15px !important;
}

.my-15x {
  margin-block: 15px !important;
}

.px-16x {
  padding-inline: 16px !important;
}

.mx-16x {
  margin-inline: 16px !important;
}

.py-16x {
  padding-block: 16px !important;
}

.my-16x {
  margin-block: 16px !important;
}

.px-17x {
  padding-inline: 17px !important;
}

.mx-17x {
  margin-inline: 17px !important;
}

.py-17x {
  padding-block: 17px !important;
}

.my-17x {
  margin-block: 17px !important;
}

.px-18x {
  padding-inline: 18px !important;
}

.mx-18x {
  margin-inline: 18px !important;
}

.py-18x {
  padding-block: 18px !important;
}

.my-18x {
  margin-block: 18px !important;
}

.px-19x {
  padding-inline: 19px !important;
}

.mx-19x {
  margin-inline: 19px !important;
}

.py-19x {
  padding-block: 19px !important;
}

.my-19x {
  margin-block: 19px !important;
}

.px-20x {
  padding-inline: 20px !important;
}

.mx-20x {
  margin-inline: 20px !important;
}

.py-20x {
  padding-block: 20px !important;
}

.my-20x {
  margin-block: 20px !important;
}

.px-21x {
  padding-inline: 21px !important;
}

.mx-21x {
  margin-inline: 21px !important;
}

.py-21x {
  padding-block: 21px !important;
}

.my-21x {
  margin-block: 21px !important;
}

.px-22x {
  padding-inline: 22px !important;
}

.mx-22x {
  margin-inline: 22px !important;
}

.py-22x {
  padding-block: 22px !important;
}

.my-22x {
  margin-block: 22px !important;
}

.px-23x {
  padding-inline: 23px !important;
}

.mx-23x {
  margin-inline: 23px !important;
}

.py-23x {
  padding-block: 23px !important;
}

.my-23x {
  margin-block: 23px !important;
}

.px-24x {
  padding-inline: 24px !important;
}

.mx-24x {
  margin-inline: 24px !important;
}

.py-24x {
  padding-block: 24px !important;
}

.my-24x {
  margin-block: 24px !important;
}

.px-25x {
  padding-inline: 25px !important;
}

.mx-25x {
  margin-inline: 25px !important;
}

.py-25x {
  padding-block: 25px !important;
}

.my-25x {
  margin-block: 25px !important;
}

.px-26x {
  padding-inline: 26px !important;
}

.mx-26x {
  margin-inline: 26px !important;
}

.py-26x {
  padding-block: 26px !important;
}

.my-26x {
  margin-block: 26px !important;
}

.px-27x {
  padding-inline: 27px !important;
}

.mx-27x {
  margin-inline: 27px !important;
}

.py-27x {
  padding-block: 27px !important;
}

.my-27x {
  margin-block: 27px !important;
}

.px-28x {
  padding-inline: 28px !important;
}

.mx-28x {
  margin-inline: 28px !important;
}

.py-28x {
  padding-block: 28px !important;
}

.my-28x {
  margin-block: 28px !important;
}

.px-29x {
  padding-inline: 29px !important;
}

.mx-29x {
  margin-inline: 29px !important;
}

.py-29x {
  padding-block: 29px !important;
}

.my-29x {
  margin-block: 29px !important;
}

.px-30x {
  padding-inline: 30px !important;
}

.mx-30x {
  margin-inline: 30px !important;
}

.py-30x {
  padding-block: 30px !important;
}

.my-30x {
  margin-block: 30px !important;
}

.px-31x {
  padding-inline: 31px !important;
}

.mx-31x {
  margin-inline: 31px !important;
}

.py-31x {
  padding-block: 31px !important;
}

.my-31x {
  margin-block: 31px !important;
}

.px-32x {
  padding-inline: 32px !important;
}

.mx-32x {
  margin-inline: 32px !important;
}

.py-32x {
  padding-block: 32px !important;
}

.my-32x {
  margin-block: 32px !important;
}

.px-33x {
  padding-inline: 33px !important;
}

.mx-33x {
  margin-inline: 33px !important;
}

.py-33x {
  padding-block: 33px !important;
}

.my-33x {
  margin-block: 33px !important;
}

.px-34x {
  padding-inline: 34px !important;
}

.mx-34x {
  margin-inline: 34px !important;
}

.py-34x {
  padding-block: 34px !important;
}

.my-34x {
  margin-block: 34px !important;
}

.px-35x {
  padding-inline: 35px !important;
}

.mx-35x {
  margin-inline: 35px !important;
}

.py-35x {
  padding-block: 35px !important;
}

.my-35x {
  margin-block: 35px !important;
}

.px-36x {
  padding-inline: 36px !important;
}

.mx-36x {
  margin-inline: 36px !important;
}

.py-36x {
  padding-block: 36px !important;
}

.my-36x {
  margin-block: 36px !important;
}

.px-37x {
  padding-inline: 37px !important;
}

.mx-37x {
  margin-inline: 37px !important;
}

.py-37x {
  padding-block: 37px !important;
}

.my-37x {
  margin-block: 37px !important;
}

.px-38x {
  padding-inline: 38px !important;
}

.mx-38x {
  margin-inline: 38px !important;
}

.py-38x {
  padding-block: 38px !important;
}

.my-38x {
  margin-block: 38px !important;
}

.px-39x {
  padding-inline: 39px !important;
}

.mx-39x {
  margin-inline: 39px !important;
}

.py-39x {
  padding-block: 39px !important;
}

.my-39x {
  margin-block: 39px !important;
}

.px-40x {
  padding-inline: 40px !important;
}

.mx-40x {
  margin-inline: 40px !important;
}

.py-40x {
  padding-block: 40px !important;
}

.my-40x {
  margin-block: 40px !important;
}

.px-41x {
  padding-inline: 41px !important;
}

.mx-41x {
  margin-inline: 41px !important;
}

.py-41x {
  padding-block: 41px !important;
}

.my-41x {
  margin-block: 41px !important;
}

.px-42x {
  padding-inline: 42px !important;
}

.mx-42x {
  margin-inline: 42px !important;
}

.py-42x {
  padding-block: 42px !important;
}

.my-42x {
  margin-block: 42px !important;
}

.px-43x {
  padding-inline: 43px !important;
}

.mx-43x {
  margin-inline: 43px !important;
}

.py-43x {
  padding-block: 43px !important;
}

.my-43x {
  margin-block: 43px !important;
}

.px-44x {
  padding-inline: 44px !important;
}

.mx-44x {
  margin-inline: 44px !important;
}

.py-44x {
  padding-block: 44px !important;
}

.my-44x {
  margin-block: 44px !important;
}

.px-45x {
  padding-inline: 45px !important;
}

.mx-45x {
  margin-inline: 45px !important;
}

.py-45x {
  padding-block: 45px !important;
}

.my-45x {
  margin-block: 45px !important;
}

.px-46x {
  padding-inline: 46px !important;
}

.mx-46x {
  margin-inline: 46px !important;
}

.py-46x {
  padding-block: 46px !important;
}

.my-46x {
  margin-block: 46px !important;
}

.px-47x {
  padding-inline: 47px !important;
}

.mx-47x {
  margin-inline: 47px !important;
}

.py-47x {
  padding-block: 47px !important;
}

.my-47x {
  margin-block: 47px !important;
}

.px-48x {
  padding-inline: 48px !important;
}

.mx-48x {
  margin-inline: 48px !important;
}

.py-48x {
  padding-block: 48px !important;
}

.my-48x {
  margin-block: 48px !important;
}

.px-49x {
  padding-inline: 49px !important;
}

.mx-49x {
  margin-inline: 49px !important;
}

.py-49x {
  padding-block: 49px !important;
}

.my-49x {
  margin-block: 49px !important;
}

.px-50x {
  padding-inline: 50px !important;
}

.mx-50x {
  margin-inline: 50px !important;
}

.py-50x {
  padding-block: 50px !important;
}

.my-50x {
  margin-block: 50px !important;
}

.px-51x {
  padding-inline: 51px !important;
}

.mx-51x {
  margin-inline: 51px !important;
}

.py-51x {
  padding-block: 51px !important;
}

.my-51x {
  margin-block: 51px !important;
}

.px-52x {
  padding-inline: 52px !important;
}

.mx-52x {
  margin-inline: 52px !important;
}

.py-52x {
  padding-block: 52px !important;
}

.my-52x {
  margin-block: 52px !important;
}

.px-53x {
  padding-inline: 53px !important;
}

.mx-53x {
  margin-inline: 53px !important;
}

.py-53x {
  padding-block: 53px !important;
}

.my-53x {
  margin-block: 53px !important;
}

.px-54x {
  padding-inline: 54px !important;
}

.mx-54x {
  margin-inline: 54px !important;
}

.py-54x {
  padding-block: 54px !important;
}

.my-54x {
  margin-block: 54px !important;
}

.px-55x {
  padding-inline: 55px !important;
}

.mx-55x {
  margin-inline: 55px !important;
}

.py-55x {
  padding-block: 55px !important;
}

.my-55x {
  margin-block: 55px !important;
}

.px-56x {
  padding-inline: 56px !important;
}

.mx-56x {
  margin-inline: 56px !important;
}

.py-56x {
  padding-block: 56px !important;
}

.my-56x {
  margin-block: 56px !important;
}

.px-57x {
  padding-inline: 57px !important;
}

.mx-57x {
  margin-inline: 57px !important;
}

.py-57x {
  padding-block: 57px !important;
}

.my-57x {
  margin-block: 57px !important;
}

.px-58x {
  padding-inline: 58px !important;
}

.mx-58x {
  margin-inline: 58px !important;
}

.py-58x {
  padding-block: 58px !important;
}

.my-58x {
  margin-block: 58px !important;
}

.px-59x {
  padding-inline: 59px !important;
}

.mx-59x {
  margin-inline: 59px !important;
}

.py-59x {
  padding-block: 59px !important;
}

.my-59x {
  margin-block: 59px !important;
}

.px-60x {
  padding-inline: 60px !important;
}

.mx-60x {
  margin-inline: 60px !important;
}

.py-60x {
  padding-block: 60px !important;
}

.my-60x {
  margin-block: 60px !important;
}

.px-61x {
  padding-inline: 61px !important;
}

.mx-61x {
  margin-inline: 61px !important;
}

.py-61x {
  padding-block: 61px !important;
}

.my-61x {
  margin-block: 61px !important;
}

.px-62x {
  padding-inline: 62px !important;
}

.mx-62x {
  margin-inline: 62px !important;
}

.py-62x {
  padding-block: 62px !important;
}

.my-62x {
  margin-block: 62px !important;
}

.px-63x {
  padding-inline: 63px !important;
}

.mx-63x {
  margin-inline: 63px !important;
}

.py-63x {
  padding-block: 63px !important;
}

.my-63x {
  margin-block: 63px !important;
}

.px-64x {
  padding-inline: 64px !important;
}

.mx-64x {
  margin-inline: 64px !important;
}

.py-64x {
  padding-block: 64px !important;
}

.my-64x {
  margin-block: 64px !important;
}

.px-65x {
  padding-inline: 65px !important;
}

.mx-65x {
  margin-inline: 65px !important;
}

.py-65x {
  padding-block: 65px !important;
}

.my-65x {
  margin-block: 65px !important;
}

.px-66x {
  padding-inline: 66px !important;
}

.mx-66x {
  margin-inline: 66px !important;
}

.py-66x {
  padding-block: 66px !important;
}

.my-66x {
  margin-block: 66px !important;
}

.px-67x {
  padding-inline: 67px !important;
}

.mx-67x {
  margin-inline: 67px !important;
}

.py-67x {
  padding-block: 67px !important;
}

.my-67x {
  margin-block: 67px !important;
}

.px-68x {
  padding-inline: 68px !important;
}

.mx-68x {
  margin-inline: 68px !important;
}

.py-68x {
  padding-block: 68px !important;
}

.my-68x {
  margin-block: 68px !important;
}

.px-69x {
  padding-inline: 69px !important;
}

.mx-69x {
  margin-inline: 69px !important;
}

.py-69x {
  padding-block: 69px !important;
}

.my-69x {
  margin-block: 69px !important;
}

.px-70x {
  padding-inline: 70px !important;
}

.mx-70x {
  margin-inline: 70px !important;
}

.py-70x {
  padding-block: 70px !important;
}

.my-70x {
  margin-block: 70px !important;
}

.px-71x {
  padding-inline: 71px !important;
}

.mx-71x {
  margin-inline: 71px !important;
}

.py-71x {
  padding-block: 71px !important;
}

.my-71x {
  margin-block: 71px !important;
}

.px-72x {
  padding-inline: 72px !important;
}

.mx-72x {
  margin-inline: 72px !important;
}

.py-72x {
  padding-block: 72px !important;
}

.my-72x {
  margin-block: 72px !important;
}

.px-73x {
  padding-inline: 73px !important;
}

.mx-73x {
  margin-inline: 73px !important;
}

.py-73x {
  padding-block: 73px !important;
}

.my-73x {
  margin-block: 73px !important;
}

.px-74x {
  padding-inline: 74px !important;
}

.mx-74x {
  margin-inline: 74px !important;
}

.py-74x {
  padding-block: 74px !important;
}

.my-74x {
  margin-block: 74px !important;
}

.px-75x {
  padding-inline: 75px !important;
}

.mx-75x {
  margin-inline: 75px !important;
}

.py-75x {
  padding-block: 75px !important;
}

.my-75x {
  margin-block: 75px !important;
}

.px-76x {
  padding-inline: 76px !important;
}

.mx-76x {
  margin-inline: 76px !important;
}

.py-76x {
  padding-block: 76px !important;
}

.my-76x {
  margin-block: 76px !important;
}

.px-77x {
  padding-inline: 77px !important;
}

.mx-77x {
  margin-inline: 77px !important;
}

.py-77x {
  padding-block: 77px !important;
}

.my-77x {
  margin-block: 77px !important;
}

.px-78x {
  padding-inline: 78px !important;
}

.mx-78x {
  margin-inline: 78px !important;
}

.py-78x {
  padding-block: 78px !important;
}

.my-78x {
  margin-block: 78px !important;
}

.px-79x {
  padding-inline: 79px !important;
}

.mx-79x {
  margin-inline: 79px !important;
}

.py-79x {
  padding-block: 79px !important;
}

.my-79x {
  margin-block: 79px !important;
}

.px-80x {
  padding-inline: 80px !important;
}

.mx-80x {
  margin-inline: 80px !important;
}

.py-80x {
  padding-block: 80px !important;
}

.my-80x {
  margin-block: 80px !important;
}

.w-5ch {
  max-width: 5ch !important;
}

.w-10ch {
  max-width: 10ch !important;
}

.w-15ch {
  max-width: 15ch !important;
}

.w-20ch {
  max-width: 20ch !important;
}

.w-25ch {
  max-width: 25ch !important;
}

.w-30ch {
  max-width: 30ch !important;
}

.w-35ch {
  max-width: 35ch !important;
}

.w-40ch {
  max-width: 40ch !important;
}

.w-45ch {
  max-width: 45ch !important;
}

.w-50ch {
  max-width: 50ch !important;
}

.w-55ch {
  max-width: 55ch !important;
}

.w-60ch {
  max-width: 60ch !important;
}

.w-65ch {
  max-width: 65ch !important;
}

.w-70ch {
  max-width: 70ch !important;
}

.w-75ch {
  max-width: 75ch !important;
}

.w-80ch {
  max-width: 80ch !important;
}

.w-85ch {
  max-width: 85ch !important;
}

.w-90ch {
  max-width: 90ch !important;
}

.w-95ch {
  max-width: 95ch !important;
}

.w-100ch {
  max-width: 100ch !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

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

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

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

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

.fs-9x {
  font-size: 0.5625rem !important;
}

.fs-10x {
  font-size: 0.625rem !important;
}

.fs-11x {
  font-size: 0.6875rem !important;
}

.fs-12x {
  font-size: 0.75rem !important;
}

.fs-13x {
  font-size: 0.8125rem !important;
}

.fs-14x {
  font-size: 0.875rem !important;
}

.fs-15x {
  font-size: 0.9375rem !important;
}

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

.fs-17x {
  font-size: 1.0625rem !important;
}

.fs-18x {
  font-size: 1.125rem !important;
}

.fs-19x {
  font-size: 1.1875rem !important;
}

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

.fs-21x {
  font-size: 1.3125rem !important;
}

.fs-22x {
  font-size: 1.375rem !important;
}

.fs-23x {
  font-size: 1.4375rem !important;
}

.fs-24x {
  font-size: 1.5rem !important;
}

.fs-25x {
  font-size: 1.5625rem !important;
}

.fs-26x {
  font-size: 1.625rem !important;
}

.fs-27x {
  font-size: 1.6875rem !important;
}

.fs-28x {
  font-size: 1.75rem !important;
}

.fs-29x {
  font-size: 1.8125rem !important;
}

.fs-30x {
  font-size: 1.875rem !important;
}

.fs-31x {
  font-size: 1.9375rem !important;
}

.fs-32x {
  font-size: 2rem !important;
}

.fs-33x {
  font-size: 2.0625rem !important;
}

.fs-34x {
  font-size: 2.125rem !important;
}

.fs-35x {
  font-size: 2.1875rem !important;
}

.fs-36x {
  font-size: 2.25rem !important;
}

.fs-37x {
  font-size: 2.3125rem !important;
}

.fs-38x {
  font-size: 2.375rem !important;
}

.fs-39x {
  font-size: 2.4375rem !important;
}

.fs-40x {
  font-size: 2.5rem !important;
}

.fs-41x {
  font-size: 2.5625rem !important;
}

.fs-42x {
  font-size: 2.625rem !important;
}

.fs-43x {
  font-size: 2.6875rem !important;
}

.fs-44x {
  font-size: 2.75rem !important;
}

.fs-45x {
  font-size: 2.8125rem !important;
}

.fs-46x {
  font-size: 2.875rem !important;
}

.fs-47x {
  font-size: 2.9375rem !important;
}

.fs-48x {
  font-size: 3rem !important;
}

.fs-49x {
  font-size: 3.0625rem !important;
}

.fs-50x {
  font-size: 3.125rem !important;
}

.fs-51x {
  font-size: 3.1875rem !important;
}

.fs-52x {
  font-size: 3.25rem !important;
}

.fs-53x {
  font-size: 3.3125rem !important;
}

.fs-54x {
  font-size: 3.375rem !important;
}

.fs-55x {
  font-size: 3.4375rem !important;
}

.fs-56x {
  font-size: 3.5rem !important;
}

.fs-57x {
  font-size: 3.5625rem !important;
}

.fs-58x {
  font-size: 3.625rem !important;
}

.fs-59x {
  font-size: 3.6875rem !important;
}

.fs-60x {
  font-size: 3.75rem !important;
}

@media (min-width: 768px) {
  .fs-md-9x {
    font-size: 0.5625rem !important;
  }

  .fs-md-10x {
    font-size: 0.625rem !important;
  }

  .fs-md-11x {
    font-size: 0.6875rem !important;
  }

  .fs-md-12x {
    font-size: 0.75rem !important;
  }

  .fs-md-13x {
    font-size: 0.8125rem !important;
  }

  .fs-md-14x {
    font-size: 0.875rem !important;
  }

  .fs-md-15x {
    font-size: 0.9375rem !important;
  }

  .fs-md-16x {
    font-size: 1rem !important;
  }

  .fs-md-17x {
    font-size: 1.0625rem !important;
  }

  .fs-md-18x {
    font-size: 1.125rem !important;
  }

  .fs-md-19x {
    font-size: 1.1875rem !important;
  }

  .fs-md-20x {
    font-size: 1.25rem !important;
  }

  .fs-md-21x {
    font-size: 1.3125rem !important;
  }

  .fs-md-22x {
    font-size: 1.375rem !important;
  }

  .fs-md-23x {
    font-size: 1.4375rem !important;
  }

  .fs-md-24x {
    font-size: 1.5rem !important;
  }

  .fs-md-25x {
    font-size: 1.5625rem !important;
  }

  .fs-md-26x {
    font-size: 1.625rem !important;
  }

  .fs-md-27x {
    font-size: 1.6875rem !important;
  }

  .fs-md-28x {
    font-size: 1.75rem !important;
  }

  .fs-md-29x {
    font-size: 1.8125rem !important;
  }

  .fs-md-30x {
    font-size: 1.875rem !important;
  }

  .fs-md-31x {
    font-size: 1.9375rem !important;
  }

  .fs-md-32x {
    font-size: 2rem !important;
  }

  .fs-md-33x {
    font-size: 2.0625rem !important;
  }

  .fs-md-34x {
    font-size: 2.125rem !important;
  }

  .fs-md-35x {
    font-size: 2.1875rem !important;
  }

  .fs-md-36x {
    font-size: 2.25rem !important;
  }

  .fs-md-37x {
    font-size: 2.3125rem !important;
  }

  .fs-md-38x {
    font-size: 2.375rem !important;
  }

  .fs-md-39x {
    font-size: 2.4375rem !important;
  }

  .fs-md-40x {
    font-size: 2.5rem !important;
  }

  .fs-md-41x {
    font-size: 2.5625rem !important;
  }

  .fs-md-42x {
    font-size: 2.625rem !important;
  }

  .fs-md-43x {
    font-size: 2.6875rem !important;
  }

  .fs-md-44x {
    font-size: 2.75rem !important;
  }

  .fs-md-45x {
    font-size: 2.8125rem !important;
  }

  .fs-md-46x {
    font-size: 2.875rem !important;
  }

  .fs-md-47x {
    font-size: 2.9375rem !important;
  }

  .fs-md-48x {
    font-size: 3rem !important;
  }

  .fs-md-49x {
    font-size: 3.0625rem !important;
  }

  .fs-md-50x {
    font-size: 3.125rem !important;
  }

  .fs-md-51x {
    font-size: 3.1875rem !important;
  }

  .fs-md-52x {
    font-size: 3.25rem !important;
  }

  .fs-md-53x {
    font-size: 3.3125rem !important;
  }

  .fs-md-54x {
    font-size: 3.375rem !important;
  }

  .fs-md-55x {
    font-size: 3.4375rem !important;
  }

  .fs-md-56x {
    font-size: 3.5rem !important;
  }

  .fs-md-57x {
    font-size: 3.5625rem !important;
  }

  .fs-md-58x {
    font-size: 3.625rem !important;
  }

  .fs-md-59x {
    font-size: 3.6875rem !important;
  }

  .fs-md-60x {
    font-size: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .fs-lg-9x {
    font-size: 0.5625rem !important;
  }

  .fs-lg-10x {
    font-size: 0.625rem !important;
  }

  .fs-lg-11x {
    font-size: 0.6875rem !important;
  }

  .fs-lg-12x {
    font-size: 0.75rem !important;
  }

  .fs-lg-13x {
    font-size: 0.8125rem !important;
  }

  .fs-lg-14x {
    font-size: 0.875rem !important;
  }

  .fs-lg-15x {
    font-size: 0.9375rem !important;
  }

  .fs-lg-16x {
    font-size: 1rem !important;
  }

  .fs-lg-17x {
    font-size: 1.0625rem !important;
  }

  .fs-lg-18x {
    font-size: 1.125rem !important;
  }

  .fs-lg-19x {
    font-size: 1.1875rem !important;
  }

  .fs-lg-20x {
    font-size: 1.25rem !important;
  }

  .fs-lg-21x {
    font-size: 1.3125rem !important;
  }

  .fs-lg-22x {
    font-size: 1.375rem !important;
  }

  .fs-lg-23x {
    font-size: 1.4375rem !important;
  }

  .fs-lg-24x {
    font-size: 1.5rem !important;
  }

  .fs-lg-25x {
    font-size: 1.5625rem !important;
  }

  .fs-lg-26x {
    font-size: 1.625rem !important;
  }

  .fs-lg-27x {
    font-size: 1.6875rem !important;
  }

  .fs-lg-28x {
    font-size: 1.75rem !important;
  }

  .fs-lg-29x {
    font-size: 1.8125rem !important;
  }

  .fs-lg-30x {
    font-size: 1.875rem !important;
  }

  .fs-lg-31x {
    font-size: 1.9375rem !important;
  }

  .fs-lg-32x {
    font-size: 2rem !important;
  }

  .fs-lg-33x {
    font-size: 2.0625rem !important;
  }

  .fs-lg-34x {
    font-size: 2.125rem !important;
  }

  .fs-lg-35x {
    font-size: 2.1875rem !important;
  }

  .fs-lg-36x {
    font-size: 2.25rem !important;
  }

  .fs-lg-37x {
    font-size: 2.3125rem !important;
  }

  .fs-lg-38x {
    font-size: 2.375rem !important;
  }

  .fs-lg-39x {
    font-size: 2.4375rem !important;
  }

  .fs-lg-40x {
    font-size: 2.5rem !important;
  }

  .fs-lg-41x {
    font-size: 2.5625rem !important;
  }

  .fs-lg-42x {
    font-size: 2.625rem !important;
  }

  .fs-lg-43x {
    font-size: 2.6875rem !important;
  }

  .fs-lg-44x {
    font-size: 2.75rem !important;
  }

  .fs-lg-45x {
    font-size: 2.8125rem !important;
  }

  .fs-lg-46x {
    font-size: 2.875rem !important;
  }

  .fs-lg-47x {
    font-size: 2.9375rem !important;
  }

  .fs-lg-48x {
    font-size: 3rem !important;
  }

  .fs-lg-49x {
    font-size: 3.0625rem !important;
  }

  .fs-lg-50x {
    font-size: 3.125rem !important;
  }

  .fs-lg-51x {
    font-size: 3.1875rem !important;
  }

  .fs-lg-52x {
    font-size: 3.25rem !important;
  }

  .fs-lg-53x {
    font-size: 3.3125rem !important;
  }

  .fs-lg-54x {
    font-size: 3.375rem !important;
  }

  .fs-lg-55x {
    font-size: 3.4375rem !important;
  }

  .fs-lg-56x {
    font-size: 3.5rem !important;
  }

  .fs-lg-57x {
    font-size: 3.5625rem !important;
  }

  .fs-lg-58x {
    font-size: 3.625rem !important;
  }

  .fs-lg-59x {
    font-size: 3.6875rem !important;
  }

  .fs-lg-60x {
    font-size: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .fs-xl-9x {
    font-size: 0.5625rem !important;
  }

  .fs-xl-10x {
    font-size: 0.625rem !important;
  }

  .fs-xl-11x {
    font-size: 0.6875rem !important;
  }

  .fs-xl-12x {
    font-size: 0.75rem !important;
  }

  .fs-xl-13x {
    font-size: 0.8125rem !important;
  }

  .fs-xl-14x {
    font-size: 0.875rem !important;
  }

  .fs-xl-15x {
    font-size: 0.9375rem !important;
  }

  .fs-xl-16x {
    font-size: 1rem !important;
  }

  .fs-xl-17x {
    font-size: 1.0625rem !important;
  }

  .fs-xl-18x {
    font-size: 1.125rem !important;
  }

  .fs-xl-19x {
    font-size: 1.1875rem !important;
  }

  .fs-xl-20x {
    font-size: 1.25rem !important;
  }

  .fs-xl-21x {
    font-size: 1.3125rem !important;
  }

  .fs-xl-22x {
    font-size: 1.375rem !important;
  }

  .fs-xl-23x {
    font-size: 1.4375rem !important;
  }

  .fs-xl-24x {
    font-size: 1.5rem !important;
  }

  .fs-xl-25x {
    font-size: 1.5625rem !important;
  }

  .fs-xl-26x {
    font-size: 1.625rem !important;
  }

  .fs-xl-27x {
    font-size: 1.6875rem !important;
  }

  .fs-xl-28x {
    font-size: 1.75rem !important;
  }

  .fs-xl-29x {
    font-size: 1.8125rem !important;
  }

  .fs-xl-30x {
    font-size: 1.875rem !important;
  }

  .fs-xl-31x {
    font-size: 1.9375rem !important;
  }

  .fs-xl-32x {
    font-size: 2rem !important;
  }

  .fs-xl-33x {
    font-size: 2.0625rem !important;
  }

  .fs-xl-34x {
    font-size: 2.125rem !important;
  }

  .fs-xl-35x {
    font-size: 2.1875rem !important;
  }

  .fs-xl-36x {
    font-size: 2.25rem !important;
  }

  .fs-xl-37x {
    font-size: 2.3125rem !important;
  }

  .fs-xl-38x {
    font-size: 2.375rem !important;
  }

  .fs-xl-39x {
    font-size: 2.4375rem !important;
  }

  .fs-xl-40x {
    font-size: 2.5rem !important;
  }

  .fs-xl-41x {
    font-size: 2.5625rem !important;
  }

  .fs-xl-42x {
    font-size: 2.625rem !important;
  }

  .fs-xl-43x {
    font-size: 2.6875rem !important;
  }

  .fs-xl-44x {
    font-size: 2.75rem !important;
  }

  .fs-xl-45x {
    font-size: 2.8125rem !important;
  }

  .fs-xl-46x {
    font-size: 2.875rem !important;
  }

  .fs-xl-47x {
    font-size: 2.9375rem !important;
  }

  .fs-xl-48x {
    font-size: 3rem !important;
  }

  .fs-xl-49x {
    font-size: 3.0625rem !important;
  }

  .fs-xl-50x {
    font-size: 3.125rem !important;
  }

  .fs-xl-51x {
    font-size: 3.1875rem !important;
  }

  .fs-xl-52x {
    font-size: 3.25rem !important;
  }

  .fs-xl-53x {
    font-size: 3.3125rem !important;
  }

  .fs-xl-54x {
    font-size: 3.375rem !important;
  }

  .fs-xl-55x {
    font-size: 3.4375rem !important;
  }

  .fs-xl-56x {
    font-size: 3.5rem !important;
  }

  .fs-xl-57x {
    font-size: 3.5625rem !important;
  }

  .fs-xl-58x {
    font-size: 3.625rem !important;
  }

  .fs-xl-59x {
    font-size: 3.6875rem !important;
  }

  .fs-xl-60x {
    font-size: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .fs-xxl-9x {
    font-size: 0.5625rem !important;
  }

  .fs-xxl-10x {
    font-size: 0.625rem !important;
  }

  .fs-xxl-11x {
    font-size: 0.6875rem !important;
  }

  .fs-xxl-12x {
    font-size: 0.75rem !important;
  }

  .fs-xxl-13x {
    font-size: 0.8125rem !important;
  }

  .fs-xxl-14x {
    font-size: 0.875rem !important;
  }

  .fs-xxl-15x {
    font-size: 0.9375rem !important;
  }

  .fs-xxl-16x {
    font-size: 1rem !important;
  }

  .fs-xxl-17x {
    font-size: 1.0625rem !important;
  }

  .fs-xxl-18x {
    font-size: 1.125rem !important;
  }

  .fs-xxl-19x {
    font-size: 1.1875rem !important;
  }

  .fs-xxl-20x {
    font-size: 1.25rem !important;
  }

  .fs-xxl-21x {
    font-size: 1.3125rem !important;
  }

  .fs-xxl-22x {
    font-size: 1.375rem !important;
  }

  .fs-xxl-23x {
    font-size: 1.4375rem !important;
  }

  .fs-xxl-24x {
    font-size: 1.5rem !important;
  }

  .fs-xxl-25x {
    font-size: 1.5625rem !important;
  }

  .fs-xxl-26x {
    font-size: 1.625rem !important;
  }

  .fs-xxl-27x {
    font-size: 1.6875rem !important;
  }

  .fs-xxl-28x {
    font-size: 1.75rem !important;
  }

  .fs-xxl-29x {
    font-size: 1.8125rem !important;
  }

  .fs-xxl-30x {
    font-size: 1.875rem !important;
  }

  .fs-xxl-31x {
    font-size: 1.9375rem !important;
  }

  .fs-xxl-32x {
    font-size: 2rem !important;
  }

  .fs-xxl-33x {
    font-size: 2.0625rem !important;
  }

  .fs-xxl-34x {
    font-size: 2.125rem !important;
  }

  .fs-xxl-35x {
    font-size: 2.1875rem !important;
  }

  .fs-xxl-36x {
    font-size: 2.25rem !important;
  }

  .fs-xxl-37x {
    font-size: 2.3125rem !important;
  }

  .fs-xxl-38x {
    font-size: 2.375rem !important;
  }

  .fs-xxl-39x {
    font-size: 2.4375rem !important;
  }

  .fs-xxl-40x {
    font-size: 2.5rem !important;
  }

  .fs-xxl-41x {
    font-size: 2.5625rem !important;
  }

  .fs-xxl-42x {
    font-size: 2.625rem !important;
  }

  .fs-xxl-43x {
    font-size: 2.6875rem !important;
  }

  .fs-xxl-44x {
    font-size: 2.75rem !important;
  }

  .fs-xxl-45x {
    font-size: 2.8125rem !important;
  }

  .fs-xxl-46x {
    font-size: 2.875rem !important;
  }

  .fs-xxl-47x {
    font-size: 2.9375rem !important;
  }

  .fs-xxl-48x {
    font-size: 3rem !important;
  }

  .fs-xxl-49x {
    font-size: 3.0625rem !important;
  }

  .fs-xxl-50x {
    font-size: 3.125rem !important;
  }

  .fs-xxl-51x {
    font-size: 3.1875rem !important;
  }

  .fs-xxl-52x {
    font-size: 3.25rem !important;
  }

  .fs-xxl-53x {
    font-size: 3.3125rem !important;
  }

  .fs-xxl-54x {
    font-size: 3.375rem !important;
  }

  .fs-xxl-55x {
    font-size: 3.4375rem !important;
  }

  .fs-xxl-56x {
    font-size: 3.5rem !important;
  }

  .fs-xxl-57x {
    font-size: 3.5625rem !important;
  }

  .fs-xxl-58x {
    font-size: 3.625rem !important;
  }

  .fs-xxl-59x {
    font-size: 3.6875rem !important;
  }

  .fs-xxl-60x {
    font-size: 3.75rem !important;
  }
}

@media (min-width: 1600px) {
  .fs-xxxl-9x {
    font-size: 0.5625rem !important;
  }

  .fs-xxxl-10x {
    font-size: 0.625rem !important;
  }

  .fs-xxxl-11x {
    font-size: 0.6875rem !important;
  }

  .fs-xxxl-12x {
    font-size: 0.75rem !important;
  }

  .fs-xxxl-13x {
    font-size: 0.8125rem !important;
  }

  .fs-xxxl-14x {
    font-size: 0.875rem !important;
  }

  .fs-xxxl-15x {
    font-size: 0.9375rem !important;
  }

  .fs-xxxl-16x {
    font-size: 1rem !important;
  }

  .fs-xxxl-17x {
    font-size: 1.0625rem !important;
  }

  .fs-xxxl-18x {
    font-size: 1.125rem !important;
  }

  .fs-xxxl-19x {
    font-size: 1.1875rem !important;
  }

  .fs-xxxl-20x {
    font-size: 1.25rem !important;
  }

  .fs-xxxl-21x {
    font-size: 1.3125rem !important;
  }

  .fs-xxxl-22x {
    font-size: 1.375rem !important;
  }

  .fs-xxxl-23x {
    font-size: 1.4375rem !important;
  }

  .fs-xxxl-24x {
    font-size: 1.5rem !important;
  }

  .fs-xxxl-25x {
    font-size: 1.5625rem !important;
  }

  .fs-xxxl-26x {
    font-size: 1.625rem !important;
  }

  .fs-xxxl-27x {
    font-size: 1.6875rem !important;
  }

  .fs-xxxl-28x {
    font-size: 1.75rem !important;
  }

  .fs-xxxl-29x {
    font-size: 1.8125rem !important;
  }

  .fs-xxxl-30x {
    font-size: 1.875rem !important;
  }

  .fs-xxxl-31x {
    font-size: 1.9375rem !important;
  }

  .fs-xxxl-32x {
    font-size: 2rem !important;
  }

  .fs-xxxl-33x {
    font-size: 2.0625rem !important;
  }

  .fs-xxxl-34x {
    font-size: 2.125rem !important;
  }

  .fs-xxxl-35x {
    font-size: 2.1875rem !important;
  }

  .fs-xxxl-36x {
    font-size: 2.25rem !important;
  }

  .fs-xxxl-37x {
    font-size: 2.3125rem !important;
  }

  .fs-xxxl-38x {
    font-size: 2.375rem !important;
  }

  .fs-xxxl-39x {
    font-size: 2.4375rem !important;
  }

  .fs-xxxl-40x {
    font-size: 2.5rem !important;
  }

  .fs-xxxl-41x {
    font-size: 2.5625rem !important;
  }

  .fs-xxxl-42x {
    font-size: 2.625rem !important;
  }

  .fs-xxxl-43x {
    font-size: 2.6875rem !important;
  }

  .fs-xxxl-44x {
    font-size: 2.75rem !important;
  }

  .fs-xxxl-45x {
    font-size: 2.8125rem !important;
  }

  .fs-xxxl-46x {
    font-size: 2.875rem !important;
  }

  .fs-xxxl-47x {
    font-size: 2.9375rem !important;
  }

  .fs-xxxl-48x {
    font-size: 3rem !important;
  }

  .fs-xxxl-49x {
    font-size: 3.0625rem !important;
  }

  .fs-xxxl-50x {
    font-size: 3.125rem !important;
  }

  .fs-xxxl-51x {
    font-size: 3.1875rem !important;
  }

  .fs-xxxl-52x {
    font-size: 3.25rem !important;
  }

  .fs-xxxl-53x {
    font-size: 3.3125rem !important;
  }

  .fs-xxxl-54x {
    font-size: 3.375rem !important;
  }

  .fs-xxxl-55x {
    font-size: 3.4375rem !important;
  }

  .fs-xxxl-56x {
    font-size: 3.5rem !important;
  }

  .fs-xxxl-57x {
    font-size: 3.5625rem !important;
  }

  .fs-xxxl-58x {
    font-size: 3.625rem !important;
  }

  .fs-xxxl-59x {
    font-size: 3.6875rem !important;
  }

  .fs-xxxl-60x {
    font-size: 3.75rem !important;
  }
}

.font-8-9 {
  font-size: clamp(0.5rem, calc(0.4783rem + 0.1087vw), 0.5625rem) !important;
}

.font-9-10 {
  font-size: clamp(0.5625rem, calc(0.5408rem + 0.1087vw), 0.625rem) !important;
}

.font-10-11 {
  font-size: clamp(0.625rem, calc(0.6033rem + 0.1087vw), 0.6875rem) !important;
}

.font-11-12 {
  font-size: clamp(0.6875rem, calc(0.6658rem + 0.1087vw), 0.75rem) !important;
}

.font-12-13 {
  font-size: clamp(0.75rem, calc(0.7065rem + 0.2174vw), 0.8125rem) !important;
}

.font-12-14 {
  font-size: clamp(0.75rem, calc(0.7065rem + 0.2174vw), 0.875rem) !important;
}

.font-13-15 {
  font-size: clamp(0.8125rem, calc(0.769rem + 0.2174vw), 0.9375rem) !important;
}

.font-14-16 {
  font-size: clamp(0.875rem, calc(0.8315rem + 0.2174vw), 1rem) !important;
}

.font-16-18 {
  font-size: clamp(1rem, calc(0.9565rem + 0.2174vw), 1.125rem) !important;
}

.font-18-20 {
  font-size: clamp(1.125rem, calc(1.0815rem + 0.2174vw), 1.25rem) !important;
}

.font-16-20 {
  font-size: clamp(1rem, calc(0.9565rem + 0.2174vw), 1.25rem) !important;
}

.font-17-21 {
  font-size: clamp(1.0625rem, calc(1.019rem + 0.2174vw), 1.3125rem) !important;
}

.font-18-22 {
  font-size: clamp(1.125rem, calc(1.0815rem + 0.2174vw), 1.375rem) !important;
}

.font-19-23 {
  font-size: clamp(1.1875rem, calc(1.144rem + 0.2174vw), 1.4375rem) !important;
}

.font-20-24 {
  font-size: clamp(1.25rem, calc(1.163rem + 0.4348vw), 1.5rem) !important;
}

.font-21-25 {
  font-size: clamp(1.3125rem, calc(1.2255rem + 0.4348vw), 1.5625rem) !important;
}

.font-22-26 {
  font-size: clamp(1.375rem, calc(1.288rem + 0.4348vw), 1.625rem) !important;
}

.font-23-27 {
  font-size: clamp(1.4375rem, calc(1.3505rem + 0.4348vw), 1.6875rem) !important;
}

.font-24-28 {
  font-size: clamp(1.5rem, calc(1.413rem + 0.4348vw), 1.75rem) !important;
}

.font-25-29 {
  font-size: clamp(1.5625rem, calc(1.4755rem + 0.4348vw), 1.8125rem) !important;
}

.font-26-30 {
  font-size: clamp(1.625rem, calc(1.538rem + 0.4348vw), 1.875rem) !important;
}

.font-27-31 {
  font-size: clamp(1.6875rem, calc(1.6005rem + 0.4348vw), 1.9375rem) !important;
}

.font-28-32 {
  font-size: clamp(1.75rem, calc(1.663rem + 0.4348vw), 2rem) !important;
}

.font-29-33 {
  font-size: clamp(1.8125rem, calc(1.7255rem + 0.4348vw), 2.0625rem) !important;
}

.font-30-34 {
  font-size: clamp(1.875rem, calc(1.788rem + 0.4348vw), 2.125rem) !important;
}

.font-31-35 {
  font-size: clamp(1.9375rem, calc(1.8505rem + 0.4348vw), 2.1875rem) !important;
}

.font-32-36 {
  font-size: clamp(2rem, calc(1.913rem + 0.4348vw), 2.25rem) !important;
}

.font-33-37 {
  font-size: clamp(2.0625rem, calc(1.9755rem + 0.4348vw), 2.3125rem) !important;
}

.font-34-38 {
  font-size: clamp(2.125rem, calc(2.038rem + 0.4348vw), 2.375rem) !important;
}

.font-35-39 {
  font-size: clamp(2.1875rem, calc(2.1005rem + 0.4348vw), 2.4375rem) !important;
}

.font-36-40 {
  font-size: clamp(2.25rem, calc(2.163rem + 0.4348vw), 2.5rem) !important;
}

.font-37-41 {
  font-size: clamp(2.3125rem, calc(2.2255rem + 0.4348vw), 2.5625rem) !important;
}

.font-38-42 {
  font-size: clamp(2.375rem, calc(2.288rem + 0.4348vw), 2.625rem) !important;
}

.font-39-43 {
  font-size: clamp(2.4375rem, calc(2.3505rem + 0.4348vw), 2.6875rem) !important;
}

.font-40-44 {
  font-size: clamp(2.5rem, calc(2.413rem + 0.4348vw), 2.75rem) !important;
}

.font-41-45 {
  font-size: clamp(2.5625rem, calc(2.476rem + 0.4348vw), 2.8125rem) !important;
}

.font-42-46 {
  font-size: clamp(2.625rem, calc(2.5385rem + 0.4348vw), 2.875rem) !important;
}

.font-43-47 {
  font-size: clamp(2.6875rem, calc(2.601rem + 0.4348vw), 2.9375rem) !important;
}

.font-44-48 {
  font-size: clamp(2.75rem, calc(2.6635rem + 0.4348vw), 3rem) !important;
}

.font-45-49 {
  font-size: clamp(2.8125rem, calc(2.726rem + 0.4348vw), 3.0625rem) !important;
}

.font-46-50 {
  font-size: clamp(2.875rem, calc(2.7885rem + 0.4348vw), 3.125rem) !important;
}

.font-47-51 {
  font-size: clamp(2.9375rem, calc(2.851rem + 0.4348vw), 3.1875rem) !important;
}

.font-48-52 {
  font-size: clamp(3rem, calc(2.9135rem + 0.4348vw), 3.25rem) !important;
}

.font-49-53 {
  font-size: clamp(3.0625rem, calc(2.976rem + 0.4348vw), 3.3125rem) !important;
}

.font-50-54 {
  font-size: clamp(3.125rem, calc(3.0385rem + 0.4348vw), 3.375rem) !important;
}

.font-51-55 {
  font-size: clamp(3.1875rem, calc(3.101rem + 0.4348vw), 3.4375rem) !important;
}

.font-52-56 {
  font-size: clamp(3.25rem, calc(3.1635rem + 0.4348vw), 3.5rem) !important;
}

.font-53-57 {
  font-size: clamp(3.3125rem, calc(3.226rem + 0.4348vw), 3.5625rem) !important;
}

.font-54-58 {
  font-size: clamp(3.375rem, calc(3.2885rem + 0.4348vw), 3.625rem) !important;
}

.font-55-59 {
  font-size: clamp(3.4375rem, calc(3.351rem + 0.4348vw), 3.6875rem) !important;
}

.font-56-60 {
  font-size: clamp(3.5rem, calc(3.4135rem + 0.4348vw), 3.75rem) !important;
}

.font-57-61 {
  font-size: clamp(3.5625rem, calc(3.476rem + 0.4348vw), 3.8125rem) !important;
}

.font-58-62 {
  font-size: clamp(3.625rem, calc(3.5385rem + 0.4348vw), 3.875rem) !important;
}

.font-59-63 {
  font-size: clamp(3.6875rem, calc(3.601rem + 0.4348vw), 3.9375rem) !important;
}

.font-60-64 {
  font-size: clamp(3.75rem, calc(3.6635rem + 0.4348vw), 4rem) !important;
}

.font-61-65 {
  font-size: clamp(3.8125rem, calc(3.726rem + 0.4348vw), 4.0625rem) !important;
}

.font-62-66 {
  font-size: clamp(3.875rem, calc(3.7885rem + 0.4348vw), 4.125rem) !important;
}

.font-63-67 {
  font-size: clamp(3.9375rem, calc(3.851rem + 0.4348vw), 4.1875rem) !important;
}

.font-64-68 {
  font-size: clamp(4rem, calc(3.9135rem + 0.4348vw), 4.25rem) !important;
}

.font-65-69 {
  font-size: clamp(4.0625rem, calc(3.976rem + 0.4348vw), 4.3125rem) !important;
}

.font-66-70 {
  font-size: clamp(4.125rem, calc(4.0385rem + 0.4348vw), 4.375rem) !important;
}

.font-67-71 {
  font-size: clamp(4.1875rem, calc(4.101rem + 0.4348vw), 4.4375rem) !important;
}

.font-68-72 {
  font-size: clamp(4.25rem, calc(4.1635rem + 0.4348vw), 4.5rem) !important;
}

.font-69-73 {
  font-size: clamp(4.3125rem, calc(4.226rem + 0.4348vw), 4.5625rem) !important;
}

.font-70-74 {
  font-size: clamp(4.375rem, calc(4.2885rem + 0.4348vw), 4.625rem) !important;
}

.font-71-75 {
  font-size: clamp(4.4375rem, calc(4.351rem + 0.4348vw), 4.6875rem) !important;
}

.font-72-76 {
  font-size: clamp(4.5rem, calc(4.4135rem + 0.4348vw), 4.75rem) !important;
}

.font-73-77 {
  font-size: clamp(4.5625rem, calc(4.476rem + 0.4348vw), 4.8125rem) !important;
}

.font-74-78 {
  font-size: clamp(4.625rem, calc(4.5385rem + 0.4348vw), 4.875rem) !important;
}

.font-75-79 {
  font-size: clamp(4.6875rem, calc(4.601rem + 0.4348vw), 4.9375rem) !important;
}

.font-76-80 {
  font-size: clamp(4.75rem, calc(4.6635rem + 0.4348vw), 5rem) !important;
}

.font-77-81 {
  font-size: clamp(4.8125rem, calc(4.726rem + 0.4348vw), 5.0625rem) !important;
}

.font-78-82 {
  font-size: clamp(4.875rem, calc(4.7885rem + 0.4348vw), 5.125rem) !important;
}

.font-79-83 {
  font-size: clamp(4.9375rem, calc(4.851rem + 0.4348vw), 5.1875rem) !important;
}

.font-80-84 {
  font-size: clamp(5rem, calc(4.9135rem + 0.4348vw), 5.25rem) !important;
}

/* 9px / 16 = 0.563rem */

/* 10px / 16 = 0.625rem */

/* 11px / 16 = 0.6875rem */

/* 12px / 16 = 0.75rem */

/* 13px / 16 = 0.8125rem */

/* 14px / 16 = 0.875rem */

/* 15px / 16 = 0.9375rem */

/* 16px / 16 = 1rem */

/* 17px / 16 = 1.0625rem */

/* 18px / 16 = 1.125rem */

/* 19px / 16 = 1.1875rem */

/* 20px / 16 = 1.25rem */

/* 21px / 16 = 1.3125rem */

/* 12px / 16 = 1.375rem */

/* 23px / 16 = 1.438rem */

/* 24px / 16 = 1.5rem */

/* 25px / 16 = 1.5625rem */

/* 26px / 16 = 1.625rem */

/* 27px / 16 = 1.688rem */

/* 28px / 16 = 1.75rem */

/* 29px / 16 = 1.8125rem */

/* 30px / 16 = 1.875rem */

.btn:hover,
.btn:focus,
.btn:active {
  border-color: #919eab;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.position-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

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

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scroll-theme::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0);
}

.scroll-theme::-webkit-scrollbar:hover {
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.06);
}

.scroll-theme::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 20px;
  box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.24);
}

.scroll-theme::-webkit-scrollbar-thumb:active {
  border-radius: 20px;
  box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.37);
}

.scroll-theme[data-bs-theme="dark"]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 20px rgba(255, 255, 255, 0.24);
}

.scroll-theme[data-bs-theme="dark"]::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 0 20px rgba(255, 255, 255, 0.37);
}

.z-8 {
  z-index: 9 !important;
}

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

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

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

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

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

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

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

.img-contain img {
  width: auto;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-cover img {
  width: auto;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-contain video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.video-cover video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.befor-unset::before {
  content: unset !important;
}

.after-unset::after {
  content: unset !important;
}

.bg-custom-light {
  background-color: #f1f5f9 !important;
}

.bg-custom-light-3 {
  background-color: #D5D5D5 !important;
}

.bg-custom-danger {
  background-color: #dc3545 !important;
}

.font-theme {
  color: #2B2D42 !important;
}

.font-theme-dark {
  color: #717479 !important;
}

.font-theme-dark-2 {
  color: #717479 !important;
}

.font-theme-light {
  color: #AFAFAF !important;
}

.text-theme {
  color: #2B2D42 !important;
}

.text-theme[href]:hover {
  color: #DFDFDF !important;
}

.text-theme-light {
  color: #8D99AE !important;
}

.text-theme-light[href]:hover {
  color: #DFDFDF !important;
}

.text-theme-secondary {
  color: #F3F3F3 !important;
}

.text-theme-secondary[href]:hover {
  color: #f4f4f5 !important;
}

.bg-theme {
  background-color: #2B2D42 !important;
}

.bg-secondary {
  background-color: #F3F3F3 !important;
}

.text-theme-dark {
  color: #212233 !important;
}

.text-secondary-dark {
  color: #f4f4f5 !important;
}

.bg-theme-dark {
  background-color: #212233 !important;
}

.bg-secondary-dark {
  background-color: #f4f4f5 !important;
}

.bg-secondary-dark-2 {
  background-color: #DFDFDF !important;
}

.text-secondary-light {
  color: white !important;
}

.bg-theme-light {
  background-color: #353851 !important;
}

.bg-secondary-light {
  background-color: white !important;
}

.btn-theme-secondary {
  background-color: #F3F3F3 !important;
  color: #001011;
}

.btn-theme-secondary:hover {
  background-color: #e6e6e6 !important;
  color: #001011;
}

.btn-black {
  background-color: #001011 !important;
  color: #fff;
}

.btn-black:hover {
  background-color: #00282b !important;
  color: #fff;
}

.btn-theme {
  background-color: #2B2D42 !important;
  color: #fff;
}

.btn-theme:hover {
  background-color: #212233 !important;
  color: #fff;
}

.btn-theme-light {
  background-color: #8D99AE !important;
  color: #fff;
}

.btn-theme-light:hover {
  background-color: #7e8ca3 !important;
  color: #fff;
}

.btn-disabled {
  background-color: #a1a1a1 !important;
  color: #fff;
  cursor: not-allowed !important;
}

.btn-disabled:hover {
  background-color: #949494 !important;
}

.text-star {
  color: #F6C92E !important;
}

.bg-star {
  background-color: #F6C92E !important;
}

.border-theme-secondary {
  border-color: #F3F3F3 !important;
}

.border-theme {
  border-color: #2B2D42 !important;
}

.theme-placeholder-sm::-moz-placeholder {
  color: #a1a1a1 !important;
  font-size: 0.813rem;
}

.theme-placeholder-sm:-ms-input-placeholder {
  color: #a1a1a1 !important;
  font-size: 0.813rem;
}

.theme-placeholder-sm::placeholder {
  color: #a1a1a1 !important;
  font-size: 0.813rem;
}

.theme-placeholder::-moz-placeholder {
  color: #a1a1a1 !important;
  font-size: 0.938rem;
}

.theme-placeholder:-ms-input-placeholder {
  color: #a1a1a1 !important;
  font-size: 0.938rem;
}

.theme-placeholder::placeholder {
  color: #a1a1a1 !important;
  font-size: 0.938rem;
}

.theme-placeholder-lg::-moz-placeholder {
  color: #a1a1a1 !important;
  font-size: 1.063rem;
}

.theme-placeholder-lg:-ms-input-placeholder {
  color: #a1a1a1 !important;
  font-size: 1.063rem;
}

.theme-placeholder-lg::placeholder {
  color: #a1a1a1 !important;
  font-size: 1.063rem;
}

.theme-shadow-xsm {
  box-shadow: 0px 1px 1px 0.5px #052c650f;
  background-color: #fff;
}

.theme-shadow-sm {
  box-shadow: 0px 2px 10px #0000001a;
  background-color: #fff;
}

.theme-shadow {
  box-shadow: 0px 5px 20px #2b2d421a;
  background-color: #fff;
}

.theme-shadow-lg {
  box-shadow: 0px 5px 15px #00000029;
  background-color: #fff;
}

.theme-shadow-xl {
  box-shadow: 0px 0px 10px #00000029;
  background-color: #fff;
}

.theme-shadow-3 {
  box-shadow: 0px 5px 20px #2b2d421a;
}

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

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

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

.gap-10x {
  gap: 10px;
}

p.text-danger {
  margin-bottom: 0;
}

.lh-24x {
  line-height: 24px;
}

.lh-28x {
  line-height: 28px;
}

.gap-35x {
  gap: 35px;
}

.counter-parent {
  counter-reset: my-sec-counter;
}

.counter-parent .counter-child {
  position: relative;
}

.counter-parent .counter-child::before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  display: inline-block;
}

.form-check-input {
  padding: 10px;
}

.form-check-input:checked {
  background-color: #2B2D42;
  border-color: #2B2D42;
  box-shadow: unset;
}

.form-check-input:focus {
  border-color: #2B2D42;
  box-shadow: unset;
}

.form-control:focus {
  border-color: #c9ccd0 #cfd2d6 #cfd2d6 !important;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px !important;
}

.w-25x {
  width: 25px;
}

.h-25x {
  height: 25px;
}

.error {
  color: #dc3545;
}

.focus-unset:focus {
  outline: unset;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.select-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1px;
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
}

.text-balance {
  text-wrap: balance;
}

.rounded-2x {
  border-radius: 2px;
}

.rounded-10x {
  border-radius: 10px;
}

.letter-space-2x {
  letter-spacing: 2px;
}

.isolation-isolate {
  isolation: isolate;
}

.text-pretty {
  text-wrap: pretty;
}

.border-bottom-dot {
  border-bottom-style: dotted !important;
}

.border-dot {
  border-style: dotted !important;
}

.mandatory:after {
  content: "*";
  font-size: 18px;
  color: #dc3545;
}

.max-w-unset {
  max-width: unset !important;
}

.resize-unset {
  resize: unset;
}

.min-w-unset {
  min-width: unset !important;
}

@media (min-width: 992px) {
  .min-w-lg-500x {
    min-width: 500px !important;
  }
}

@media (min-width: 992px) {
  .min-w-lg-400x {
    min-width: 400px !important;
  }
}

@media (min-width: 992px) {
  .min-w-lg-550x {
    min-width: 550px !important;
  }
}

@media (min-width: 992px) {
  .max-w-lg-400x {
    max-width: 400px !important;
  }
}

@media (min-width: 1400px) {
  .min-w-xxl-500x {
    min-width: 500px !important;
  }
}

@media (min-width: 1400px) {
  .min-w-xxl-520x {
    min-width: 520px !important;
  }
}

@media (min-width: 1400px) {
  .min-w-xxl-550x {
    min-width: 550px !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-430x {
    max-width: 430px !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-450x {
    max-width: 450px !important;
  }
}

@media (min-width: 992px) {
  .max-h-lg-85vh {
    max-height: 85dvh !important;
  }
}

@media (min-width: 1200px) {
  .max-h-xl-85vh {
    max-height: 85dvh !important;
  }
}

@media (max-width: 991.98px) {
  .flex-tab {
    /* Bootstrap's medium breakpoint */
    text-align: center;
  }

  .flex-tab .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
  }

  .flex-tab .d-flex:has(> img[alt="arrow"]) {
    flex-wrap: nowrap;
  }

  .flex-tab .d-flex.flex-column {
    flex-wrap: nowrap;
  }
}

@media (max-width: 767.98px) {
  .flex-mobile {
    /* Bootstrap's small breakpoint */
    text-align: center;
  }

  .flex-mobile .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
  }

  .flex-mobile .d-flex:has(> img[alt="arrow"]) {
    flex-wrap: nowrap;
  }

  .flex-mobile .d-flex.flex-column {
    flex-wrap: nowrap;
  }

  .flex-mobile.flex-mobile-start {
    text-align: left;
  }

  .flex-mobile.flex-mobile-start .d-flex {
    justify-content: start;
  }

  .flex-mobile.flex-mobile-start .img-contain,
  .flex-mobile.flex-mobile-start .img-cover {
    margin-inline: auto;
  }
}

.w-350x {
  width: 350px;
}

@media (min-width: 768px) {
  .w-md-350x {
    width: 350px;
  }
}

@media (min-width: 992px) {
  .w-lg-350x {
    width: 350px;
  }
}

.max-w-500x {
  max-width: 500px !important;
}

.max-w-600x {
  max-width: 600px !important;
}

.max-w-700x {
  max-width: 700px !important;
}

.max-w-800x {
  max-width: 800px !important;
}

@media (max-width: 991.98px) {
  .flex-wrap-tab {
    /* Bootstrap's medium breakpoint */
  }

  .flex-wrap-tab .d-flex {
    flex-wrap: wrap;
  }

  .flex-wrap-tab .d-flex.flex-column {
    flex-wrap: nowrap;
  }

  .flex-wrap-tab .row {
    margin-inline: 0;
  }

  .flex-wrap-tab p {
    text-align: justify;
  }

  .flex-wrap-tab .img-contain,
  .flex-wrap-tab .img-cover {
    margin-inline: auto;
  }
}

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

.bank-active.bank-active {
  margin-bottom: unset;
  border-color: 2b2d42;
  border-radius: 6px;
  color: #AFAFAF;
}

.bank-active.bank-active.active {
  margin-bottom: unset;
  border-color: #2B2D42;
  border-radius: 6px;
  color: #2B2D42;
}

.bank-active.bank-active.active .fa {
  color: #2B2D42;
}

.h-600x {
  height: 600px !important;
}

.mix-difference {
  mix-blend-mode: difference;
}

.max-w-80x {
  max-width: 80px;
}

.max-w-70x {
  max-width: 70px;
}

.max-w-850x {
  max-width: 850px !important;
}

.btn-disabled {
  pointer-events: none !important;
}

.transition-0-3s {
  transition: 0.3s all ease-in-out;
}

.hover-border-theme:hover {
  border-color: #2B2D42 !important;
}

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

.hover-bg-white {
  transition: 0.3s all ease-in-out;
}

.hover-bg-white:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.hover-bg-black {
  transition: 0.3s all ease-in-out;
}

.hover-bg-black:hover {
  background-color: rgba(0, 16, 17, 0.08);
}

.hover-bg-gray {
  transition: 0.3s all ease-in-out;
}

.hover-bg-gray:hover {
  background-color: color-mix(in srgb, #AFAFAF 5%, #fff 5%) !important;
}

.hover-bg-gray-dark {
  transition: 0.3s all ease-in-out;
}

.hover-bg-gray-dark:hover {
  background-color: color-mix(in srgb, #AFAFAF 12%, #fff 5%) !important;
}

.hover-bg-black-light {
  transition: 0.3s all ease-in-out;
}

.hover-bg-black-light:hover {
  background-color: rgba(0, 16, 17, 0.05) !important;
}

.hover-bg-unset.hover-bg-unset:hover {
  background-color: unset;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}

.active-border.active {
  border: 1px solid #001011;
}

.btn-disabled {
  background-color: #D9D9D9 !important;
}

.form-control-arrow {
  position: relative;
}

.form-control-arrow:after {
  content: "\F078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 16px;
}

.text-black {
  color: #001011 !important;
}

.bg-black {
  background-color: #001011 !important;
}

@media (min-width: 992px) {
  .rounded-start-lg-30x {
    border-radius: 30px 0 0 30px;
  }
}

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

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

.field-sizing-content {
  field-sizing: content;
}

.text-success-light {
  color: #17AB3A !important;
}

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

.btn.disabled,
.btn:disabled,
fieldset:disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background-color: #F3F3F3 !important;
  color: #AFAFAF !important;
  border-color: #F3F3F3 !important;
}

.dir-rtl {
  direction: rtl !important;
}

@media (min-width: 768px) {
  .overflow-md-hidden {
    overflow: hidden !important;
  }
}

@media (min-width: 992px) {
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
}

.skel-div {
  overflow: hidden;
}

.exp-detail-skeleton-img {
  width: 100%;
  height: 460px;
}

.room-photos-skeleton {
  width: 100%;
  height: 200px;
}

.inside-skeleton.profile-inside .skel-load {
  border-radius: 50px;
}

.inside-skeleton.profile-inside .skel-load::before,
.inside-skeleton.profile-inside .skel-load::after {
  border-radius: 50px;
}

.inside-skeleton .select-msg {
  height: 50px;
}

.inside-skeleton .inside-profile {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.inside-skeleton .inside-txt {
  height: 15px;
}

.inside-skeleton .inside-list-img {
  width: 110px;
  height: 60px;
  border-radius: 5px;
}

.inside-skeleton .inside-btn {
  width: 100%;
  height: 40px;
}

.inside-skeleton .skel-load {
  border-radius: 15px;
}

.inside-skeleton.exp-inside-skel .skel-load::after {
  opacity: 0.7;
}

.skel-load {
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-load::before {
  content: "";
  position: absolute;
  border-radius: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-load::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0px;
}

.skel-inside-load {
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-inside-load::before {
  content: "";
  position: absolute;
  border-radius: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-inside-load::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0px;
}

.skel-room-inside-load {
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-room-inside-load::before {
  content: "";
  position: absolute;
  border-radius: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-room-inside-load::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0px;
}

.skel-content-load {
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-content-load::before {
  content: "";
  position: absolute;
  border-radius: 0px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-content-load::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0px;
}

@-webkit-keyframes shine {
  100% {
    transform: translateX(100%);
  }
}

@keyframes shine {
  100% {
    transform: translateX(100%);
  }
}

.remv-skel {
  opacity: 0;
  z-index: -99;
}

.skel-row {
  flex-wrap: nowrap !important;
  overflow-x: hidden !important;
}

@media screen and (min-width: 1800px) {
  .skel-row .col-skel-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1799px) {
  .skel-row .col-xl-2_5 {
    flex: 0 0 auto;
    width: 20%;
  }
}

.skel-static {
  position: relative;
  overflow: hidden;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.skel-static::before {
  content: "";
  position: absolute;
  border-radius: 0px;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 95%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-static::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 95%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0px;
}

.skel-main .skel-img {
  height: 240px;
}

.skel-main .skel-txt {
  height: 25px;
}

.skel-main .skel-frst-content {
  width: 90%;
}

.skel-main .skel-second-content {
  width: 70%;
}

.skel-main .skel-type-img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin: auto;
}

.skel-main .skel-type-txt {
  width: 80%;
  margin: auto;
}

.skel-main .skel-img-exp {
  height: 380px;
}

.skel-main .skel-img-community {
  height: 500px;
}

.skel-main .skel-img-community::after {
  opacity: 0.5;
}

.room-types-div .skel-load::after {
  border-radius: 50px;
}

.room-types-div .skel-txt {
  height: 20px !important;
}

.skel-map .skel-div,
.skel-map .skel-load {
  width: 100%;
  height: 100%;
}

.skel-map .skel-load::after {
  border-radius: 0px 0 0 0px;
}

.search-card-static-div .skel-load::after,
.search-card-static-div .skel-content-load::after {
  z-index: 9;
}

.destination-div .skel-type-img {
  width: 140px;
  height: 140px;
}

.skel-boxshadow {
  box-shadow: 0px 5px 20px #44cb7a1a;
  border-radius: 10px;
  padding: 24px;
}

.skel-input {
  border: 1px solid #2a2c4133;
  border-radius: 10px;
  height: 50px;
  padding: 10px;
}

.button-skel {
  width: 100%;
  height: 38px;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  display: block;
}

.button-skel::before {
  content: "";
  position: absolute;
  border-radius: 0.25rem;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.button-skel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 0.25rem;
}

.btn-gap {
  gap: 15px;
}

.skel-booking-content {
  border-radius: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-booking-content::before {
  content: "";
  position: absolute;
  border-radius: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-booking-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 20px;
}

.skel-booking-checkbox {
  border-radius: 5px;
  height: 25px;
  width: 25px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-booking-checkbox::before {
  content: "";
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-booking-checkbox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 5px;
}

.skel-task-border {
  border: 1px solid #46444233;
  border-radius: 15px;
  padding: 24px;
}

.skel-task-profile {
  border-radius: 100px;
  height: 150px;
  width: 150px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-task-profile::before {
  content: "";
  position: absolute;
  border-radius: 100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-task-profile::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 100px;
}

.task-btn-skel {
  width: 150px;
}

.task-content-name {
  width: 200px;
}

.skel-service-profile {
  border-radius: 100px;
  height: 80px;
  width: 80px;
  position: relative;
  overflow: hidden;
  display: block;
}

.skel-service-profile::before {
  content: "";
  position: absolute;
  border-radius: 100px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shine 1.5s infinite;
          animation: shine 1.5s infinite;
  z-index: 999;
}

.skel-service-profile::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dddddd;
  z-index: 99;
  border-radius: 100px;
}

.w-100px {
  width: 100px;
}

.w-80px {
  width: 80px;
}

.h-80x {
  height: 80px;
}

.skel-tracking-profile {
  width: 80px;
  height: 80px;
}

.skel-booking-checkbox.sw-carousel {
  width: 150px;
  height: 150px;
}

.icon-skel.range-skel {
  top: 25px;
}

[dir="rtl"] [class*="right"][class*="fa-"],
[dir="rtl"] [class*="left"][class*="fa-"],
[dir="rtl"] [class*="right"][class*="bi-"],
[dir="rtl"] [class*="left"][class*="bi-"] {
  transform: rotate(180deg);
  display: inline-block;
}

[dir="rtl"] .tooltip-parent .tooltip-parent-child {
  left: 0;
  right: unset;
}

[dir="rtl"] .after-chat-line-parent::after {
  left: unset;
  right: 21px;
}

[dir="rtl"] .after-chat-line::after {
  left: unset;
  right: 21px;
}

[dir="rtl"] .rtl-rotate {
  transform: rotate(180deg);
}

body {
  font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, serif !important;
  font-size: 0.875rem;
  color: #2B2D42;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2B2D42;
}

.nav-link.nav-link {
  background-color: #F3F3F3;
  color: #2B2D42;
  border: unset;
}

.nav-link.nav-link.active {
  background-color: #fff;
  border: 1px solid #2B2D42;
}

.nav-link.nav-link.active:hover {
  background-color: #f6f7f6;
}

.trip-counter-parent .counter-child:before {
  color: #fff;
  background-color: #001011;
  width: 15px;
  height: 15px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container,
.container-fluid {
  max-width: 1320px !important;
}

.tooltip-parent {
  position: relative;
  cursor: pointer;
  pointer-events: all;
}

.tooltip-parent .tooltip-parent-child {
  display: none !important;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 10px #0000001a;
  border-radius: 10px;
  right: 0;
  width: 70dvw;
  max-width: calc(450px - 3vw);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.99) translateY(-0.7em);
  transform-origin: top;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-duration: 800ms;
  transition-property: opacity, transform;
  z-index: 2;
}

.tooltip-parent:hover .tooltip-parent-child {
  display: flex !important;
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.501961), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392157), 0px 6px 18px 0px rgba(37, 41, 46, 0.121569);
}

.form-input-black {
  accent-color: #001011;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .parent-height {
    height: 75dvh;
    max-height: 75dvh;
    overflow: auto;
    padding: 0 15px;
    padding-bottom: 15px;
  }

  .parent-height:has(.chat-container) {
    padding-inline: 10px !important;
  }

  body:has(.parent-height) {
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .map-height {
    height: 75dvh;
    max-height: 75dvh;
  }

  .map-height:has(.map-confirm .map-btn) .map-height-map {
    height: 61dvh;
    max-height: 61dvh;
  }
}

@media screen and (min-width: 1200px) and (min-height: 800px) {
  .map-height:has(.map-confirm .map-btn) .map-height-map {
    height: 65dvh;
    max-height: 65dvh;
  }
}

.map-confirm-parent:not(:has(.map-btn)),
.map-confirm:not(:has(.map-btn)) {
  display: none;
}

.map-height-lg {
  height: 400px;
}

@media (min-width: 992px) {
  .map-height-lg {
    height: 90dvh;
  }
}

@media screen and (min-width: 1200px) and (min-height: 800px) {
  .parent-height {
    height: 79dvh;
    max-height: 79dvh;
  }

  .map-height {
    height: 79dvh;
    max-height: 79dvh;
  }

  .vehicle-sticky.vehicle-sticky {
    bottom: -2.1vh;
  }
}

.up-arrow {
  position: relative;
}

.up-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 20px solid #fff;
  position: absolute;
  top: -20px;
}

.loading-new {
  position: relative;
}

.loading-new:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0000005c;
}

.loading-new:after {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41.164' height='41.162' viewBox='0 0 41.164 41.162'%3E%3Cg id='Group_2987' data-name='Group 2987' transform='matrix(-0.035, 0.999, -0.999, -0.035, 41.164, 1.38)'%3E%3Cg id='Group_2986' data-name='Group 2986' transform='translate(0.009)'%3E%3Cpath id='Path_16910' data-name='Path 16910' d='M19.909,0C2.122,0-6.582,21.546,5.84,33.967a19.886,19.886,0,0,0,28.139,0C46.389,21.556,37.711,0,19.909,0Zm9.067,28.964A12.823,12.823,0,0,1,9.952,11.816L9.6,11.46a1.327,1.327,0,0,1,.595-2.219l3.4-.912A1.327,1.327,0,0,1,15.22,9.953l-.912,3.4a1.328,1.328,0,0,1-2.219.595l-.247-.247a10.17,10.17,0,1,0,15.259-1,1.326,1.326,0,0,1,1.876-1.876A12.828,12.828,0,0,1,28.976,28.964Z' transform='translate(-0.009)' fill='%23fbfbfb'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.back-div {
  cursor: pointer;
}

.text-small {
  font-size: 9px;
}

.chat-bg-primary {
  background-color: #EDF2F4;
}

.scrollable-dropdown {
  background-color: #fff;
  padding: 20px;
}

.scrollable-dropdown .date-chooser {
  height: 270px;
  overflow: auto;
  -ms-scroll-snap-type: both mandatory;
      scroll-snap-type: both mandatory;
}

.scrollable-dropdown .date-chooser::-webkit-scrollbar {
  display: none;
}

.scrollable-dropdown::before {
  content: "";
  position: absolute;
  top: 38%;
  left: 13px;
  background-color: #edf2f4;
  z-index: 1;
  height: 29px;
  width: 90%;
}

.after-chat-line {
  position: relative;
}

.after-chat-line:after {
  content: "";
  width: 3.5px;
  height: calc(100% + 9px);
  display: inline-block;
  position: absolute;
  background-color: #000;
  left: 21px;
  top: 28px;
}

.after-chat-line:last-child:after {
  content: unset;
}

.after-chat-line.after-chat-line-sm:after {
  width: 2px;
  left: 20px;
  top: 32px;
  filter: blur(0.5px);
}

.after-chat-line-parent {
  position: relative;
  isolation: isolate;
}

.after-chat-line-parent:after {
  content: "";
  width: 3.5px;
  height: calc(100% + -40px);
  display: inline-block;
  position: absolute;
  background-color: #000;
  left: 21px;
  top: 21px;
}

.after-chat-line-parent:last-child:after {
  content: unset;
}

.aspect-1-1 {
  aspect-ratio: 1/1;
}

.custom-dropdown-web {
  background-color: #fff;
  position: relative;
  margin: 0px;
  padding: 8px 0px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px;
  overflow: auto;
  max-height: 40vh;
  border: 0;
  width: 100%;
  top: 4px !important;
  left: 15px !important;
  transform: translate(-16px, 43px) !important;
}

.custom-dropdown-web .option {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  box-sizing: border-box;
  position: relative;
  display: block;
  color: black;
  cursor: pointer;
  background-color: transparent;
  transition-property: color, background-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.4, 1);
  margin-bottom: 0px;
  padding: 8px 16px;
}

.custom-dropdown-web .option:hover {
  background-color: #f3f3f3;
}

.custom-dropdown-web .option:hover a {
  background-color: transparent;
}

*:has(> .custom-dropdown-web) {
  position: relative;
}

.location_loader_brown {
  position: relative;
  overflow-y: hidden;
}

.location_loader_brown::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.8;
  z-index: 9999;
  top: 0;
}

.location_loader_brown::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../images/mapjob-brown.png?cac738a40bf17114cf10e399001a05ad);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  z-index: 9999;
  width: 7em;
  height: 7em;
  border-radius: 50%;
  -webkit-animation: ripple 0.7s linear infinite;
  animation: ripple 0.7s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(120, 120, 120, 0.302), 0 0 0 1em rgba(120, 120, 120, 0.302), 0 0 0 3em rgba(119, 119, 119, 0.3), 0 0 0 5em rgba(119, 119, 119, 0.3);
  }

  100% {
    box-shadow: 0 0 0 1em rgba(119, 119, 119, 0.3), 0 0 0 3em rgba(119, 119, 119, 0.3), 0 0 0 5em rgba(119, 119, 119, 0.3), 0 0 0 8em rgba(119, 119, 119, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(120, 120, 120, 0.302), 0 0 0 1em rgba(120, 120, 120, 0.302), 0 0 0 3em rgba(119, 119, 119, 0.3), 0 0 0 5em rgba(119, 119, 119, 0.3);
  }

  100% {
    box-shadow: 0 0 0 1em rgba(119, 119, 119, 0.3), 0 0 0 3em rgba(119, 119, 119, 0.3), 0 0 0 5em rgba(119, 119, 119, 0.3), 0 0 0 8em rgba(119, 119, 119, 0);
  }
}

.abs-button {
  position: fixed;
  z-index: 9999;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[ng-cloak] {
  display: none !important;
}

.chat-container {
  scroll-behavior: smooth;
  height: 47vh;
}

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

.peaktime-div {
  background-color: #001011;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 21px;
}

.peaktime-div::after {
  height: 10px;
  width: 10px;
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 50%);
  transform: rotate(45deg);
}

.white-box {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 20px #2b2d421a;
  border-radius: 10px;
}

#selectedTime {
  font-size: 14px;
}

.picker {
  display: flex;
  justify-content: center;
  gap: 8px;
  position: relative;
}

.scroll-container {
  position: relative;
}

.scroll-box {
  width: 100px;
  height: 300px;
  overflow-y: scroll;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  scrollbar-width: none;
  mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  position: relative;
  scroll-behavior: smooth;
  z-index: 9;
}

.scroll-box::-webkit-scrollbar {
  display: none;
}

.item {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  scroll-snap-align: center;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.item.selected {
  color: #181c2f;
  font-weight: 600;
}

.highlight-bar {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #edf2f4;
  border-radius: 10px;
  pointer-events: none;
}

.update-button {
  width: 100%;
  padding: 10px 20px;
  background: #141414 0% 0% no-repeat padding-box;
  border-radius: 10px;
  color: white;
  border: none;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
}

.time-display {
  font-weight: 600;
  font-size: 18px;
  color: #181c2f;
}

.skip-btn {
  background: unset;
  color: #181c2f;
  font-weight: 600;
  border: 0;
}

.viewable {
  font-weight: bold;
}

.countdown-div {
  padding: 8px;
  background-color: #f8f8f8;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}

/*-----------Timer Circle-----------*/

.base-timer {
  position: relative;
  width: 120px;
  /* Use viewport units for responsiveness */
  height: 120px;
  margin: auto;
}

.base-timer::after {
  position: absolute;
  height: 10px;
  width: 10px;
  content: "";
  border-radius: 50%;
  background-color: #222222;
  left: 50px;
  top: 1px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 6px;
  stroke: #efefef;
}

.base-timer__path-remaining {
  stroke-width: 4px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: stroke 1s linear, stroke-dasharray 1s linear;
  /* Transition for both stroke color and progress */
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: #222222;
}

.base-timer__path-remaining.orange {
  color: #222222;
}

.base-timer__path-remaining.red {
  color: #222222;
}

.base-timer__label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  z-index: 9;
}

.base-timer__label::before {
  content: "";
  position: absolute;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  background-color: #f8f8f8;
  z-index: -1;
}

.bg-like-disabled {
  background-color: #d9d9d9 !important;
}

/* Chrome, Safari, Edge, Opera */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type="number"] {
  -moz-appearance: textfield;
  /* Removes arrows in Firefox */
  -webkit-appearance: textfield;
          appearance: textfield;
  /* Fallback for modern Firefox */
}

.seat-modal .centered {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bid-currency.bi-currency-dollar::before {
  font-weight: 600 !important;
  font-size: 20px;
}

.vehicle-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: -2.8%;
}

.btn-secondary-2 {
  background-color: #D9D9D9 !important;
  color: #001011;
}

.btn-secondary-2:hover {
  background-color: #cccccc !important;
}

.our-model {
  padding: 35px;
}

.our-model .exit-btn::before {
  content: "\F62A";
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #fff;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .our-model .exit-btn::before {
    right: -40px;
  }
}

.our-model h2 {
  font-size: 26px;
}

.our-model .box-content .home-box {
  border: 1px solid #fff;
  background: #f3f3f3;
  border-radius: 12px;
  cursor: pointer;
}

.our-model .box-content .home-box .box-image {
  height: 70px !important;
}

.our-model .box-content a {
  display: block !important;
  text-decoration: none !important;
  color: #181c2f !important;
}

.chat-notify {
  position: relative;
}

.chat-notify::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50px;
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  background-color: #2B2D42;
  margin: auto;
  transform: scale(0.3);
  transform-origin: center center;
  -webkit-animation: pulse-me 3s linear infinite;
  animation: pulse-me 1s linear infinite;
}

@-webkit-keyframes pulse-me {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  50% {
    opacity: 0.3;
  }

  70% {
    opacity: 0.09;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes pulse-me {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  50% {
    opacity: 0.3;
  }

  70% {
    opacity: 0.09;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}

.vehicle-opacity {
  pointer-events: none;
}

.vehicle-opacity *:not(.tooltip-parent,
.tooltip-parent *,
*:has(> .tooltip-parent)) {
  opacity: 0.5;
}

.close-icon {
  top: -13px;
  right: -8px;
}

@media (min-width: 768px) {
  .close-icon {
    top: 0px;
    right: -40px;
  }
}

.h-400x {
  height: 400px;
}

.max-h-45vh {
  max-height: 45vh;
}

.max-h-47vh {
  max-height: 47vh;
}