@charset "UTF-8";

/* 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.3333333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-10x {
  min-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;
}

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

.min-h-20x {
  min-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;
}

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

.min-h-30x {
  min-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;
}

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

.min-h-40x {
  min-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;
}

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

.min-h-50x {
  min-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;
}

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

.min-h-60x {
  min-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;
}

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

.min-h-70x {
  min-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;
}

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

.min-h-80x {
  min-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;
}

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

.min-h-90x {
  min-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;
}

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

.min-h-100x {
  min-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;
}

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

.min-h-110x {
  min-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;
}

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

.min-h-120x {
  min-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;
}

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

.min-h-130x {
  min-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;
}

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

.min-h-140x {
  min-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;
}

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

.min-h-150x {
  min-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;
}

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

.min-h-160x {
  min-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;
}

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

.min-h-170x {
  min-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;
}

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

.min-h-180x {
  min-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;
}

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

.min-h-190x {
  min-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;
}

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

.min-h-200x {
  min-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;
}

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

.min-h-210x {
  min-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;
}

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

.min-h-220x {
  min-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;
}

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

.min-h-230x {
  min-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;
}

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

.min-h-240x {
  min-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;
}

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

.min-h-250x {
  min-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;
}

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

.min-h-260x {
  min-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;
}

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

.min-h-270x {
  min-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;
}

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

.min-h-280x {
  min-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;
}

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

.min-h-290x {
  min-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-md-h-10x {
    min-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;
  }

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

  .min-md-h-20x {
    min-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;
  }

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

  .min-md-h-30x {
    min-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;
  }

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

  .min-md-h-40x {
    min-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;
  }

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

  .min-md-h-50x {
    min-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;
  }

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

  .min-md-h-60x {
    min-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;
  }

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

  .min-md-h-70x {
    min-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;
  }

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

  .min-md-h-80x {
    min-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;
  }

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

  .min-md-h-90x {
    min-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;
  }

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

  .min-md-h-100x {
    min-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;
  }

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

  .min-md-h-110x {
    min-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;
  }

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

  .min-md-h-120x {
    min-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;
  }

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

  .min-md-h-130x {
    min-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;
  }

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

  .min-md-h-140x {
    min-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;
  }

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

  .min-md-h-150x {
    min-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;
  }

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

  .min-md-h-160x {
    min-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;
  }

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

  .min-md-h-170x {
    min-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;
  }

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

  .min-md-h-180x {
    min-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;
  }

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

  .min-md-h-190x {
    min-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;
  }

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

  .min-md-h-200x {
    min-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;
  }

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

  .min-md-h-210x {
    min-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;
  }

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

  .min-md-h-220x {
    min-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;
  }

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

  .min-md-h-230x {
    min-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;
  }

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

  .min-md-h-240x {
    min-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;
  }

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

  .min-md-h-250x {
    min-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;
  }

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

  .min-md-h-260x {
    min-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;
  }

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

  .min-md-h-270x {
    min-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;
  }

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

  .min-md-h-280x {
    min-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;
  }

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

  .min-md-h-290x {
    min-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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-md-min {
    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: -moz-fit-content !important;
    width: fit-content !important;
  }

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

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

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

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

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

  .max-md-w-min {
    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;
  }

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

  .min-lg-h-10x {
    min-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;
  }

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

  .min-lg-h-20x {
    min-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;
  }

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

  .min-lg-h-30x {
    min-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;
  }

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

  .min-lg-h-40x {
    min-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;
  }

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

  .min-lg-h-50x {
    min-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;
  }

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

  .min-lg-h-60x {
    min-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;
  }

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

  .min-lg-h-70x {
    min-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;
  }

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

  .min-lg-h-80x {
    min-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;
  }

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

  .min-lg-h-90x {
    min-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;
  }

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

  .min-lg-h-100x {
    min-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;
  }

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

  .min-lg-h-110x {
    min-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;
  }

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

  .min-lg-h-120x {
    min-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;
  }

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

  .min-lg-h-130x {
    min-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;
  }

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

  .min-lg-h-140x {
    min-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;
  }

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

  .min-lg-h-150x {
    min-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;
  }

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

  .min-lg-h-160x {
    min-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;
  }

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

  .min-lg-h-170x {
    min-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;
  }

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

  .min-lg-h-180x {
    min-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;
  }

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

  .min-lg-h-190x {
    min-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;
  }

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

  .min-lg-h-200x {
    min-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;
  }

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

  .min-lg-h-210x {
    min-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;
  }

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

  .min-lg-h-220x {
    min-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;
  }

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

  .min-lg-h-230x {
    min-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;
  }

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

  .min-lg-h-240x {
    min-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;
  }

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

  .min-lg-h-250x {
    min-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;
  }

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

  .min-lg-h-260x {
    min-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;
  }

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

  .min-lg-h-270x {
    min-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;
  }

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

  .min-lg-h-280x {
    min-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;
  }

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

  .min-lg-h-290x {
    min-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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-lg-min {
    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: -moz-fit-content !important;
    width: fit-content !important;
  }

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

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

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

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

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

  .max-lg-w-min {
    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;
  }

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

  .min-xl-h-10x {
    min-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;
  }

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

  .min-xl-h-20x {
    min-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;
  }

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

  .min-xl-h-30x {
    min-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;
  }

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

  .min-xl-h-40x {
    min-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;
  }

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

  .min-xl-h-50x {
    min-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;
  }

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

  .min-xl-h-60x {
    min-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;
  }

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

  .min-xl-h-70x {
    min-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;
  }

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

  .min-xl-h-80x {
    min-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;
  }

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

  .min-xl-h-90x {
    min-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;
  }

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

  .min-xl-h-100x {
    min-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;
  }

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

  .min-xl-h-110x {
    min-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;
  }

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

  .min-xl-h-120x {
    min-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;
  }

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

  .min-xl-h-130x {
    min-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;
  }

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

  .min-xl-h-140x {
    min-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;
  }

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

  .min-xl-h-150x {
    min-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;
  }

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

  .min-xl-h-160x {
    min-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;
  }

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

  .min-xl-h-170x {
    min-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;
  }

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

  .min-xl-h-180x {
    min-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;
  }

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

  .min-xl-h-190x {
    min-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;
  }

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

  .min-xl-h-200x {
    min-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;
  }

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

  .min-xl-h-210x {
    min-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;
  }

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

  .min-xl-h-220x {
    min-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;
  }

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

  .min-xl-h-230x {
    min-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;
  }

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

  .min-xl-h-240x {
    min-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;
  }

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

  .min-xl-h-250x {
    min-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;
  }

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

  .min-xl-h-260x {
    min-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;
  }

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

  .min-xl-h-270x {
    min-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;
  }

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

  .min-xl-h-280x {
    min-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;
  }

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

  .min-xl-h-290x {
    min-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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-xl-min {
    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: -moz-fit-content !important;
    width: fit-content !important;
  }

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

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

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

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

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

  .max-xl-w-min {
    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;
  }

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

  .min-xxl-h-10x {
    min-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;
  }

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

  .min-xxl-h-20x {
    min-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;
  }

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

  .min-xxl-h-30x {
    min-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;
  }

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

  .min-xxl-h-40x {
    min-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;
  }

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

  .min-xxl-h-50x {
    min-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;
  }

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

  .min-xxl-h-60x {
    min-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;
  }

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

  .min-xxl-h-70x {
    min-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;
  }

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

  .min-xxl-h-80x {
    min-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;
  }

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

  .min-xxl-h-90x {
    min-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;
  }

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

  .min-xxl-h-100x {
    min-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;
  }

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

  .min-xxl-h-110x {
    min-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;
  }

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

  .min-xxl-h-120x {
    min-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;
  }

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

  .min-xxl-h-130x {
    min-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;
  }

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

  .min-xxl-h-140x {
    min-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;
  }

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

  .min-xxl-h-150x {
    min-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;
  }

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

  .min-xxl-h-160x {
    min-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;
  }

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

  .min-xxl-h-170x {
    min-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;
  }

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

  .min-xxl-h-180x {
    min-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;
  }

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

  .min-xxl-h-190x {
    min-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;
  }

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

  .min-xxl-h-200x {
    min-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;
  }

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

  .min-xxl-h-210x {
    min-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;
  }

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

  .min-xxl-h-220x {
    min-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;
  }

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

  .min-xxl-h-230x {
    min-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;
  }

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

  .min-xxl-h-240x {
    min-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;
  }

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

  .min-xxl-h-250x {
    min-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;
  }

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

  .min-xxl-h-260x {
    min-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;
  }

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

  .min-xxl-h-270x {
    min-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;
  }

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

  .min-xxl-h-280x {
    min-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;
  }

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

  .min-xxl-h-290x {
    min-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;
  }

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

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

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

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

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

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

  .min-xxl-w-400x {
    min-width: 400px !important;
  }

  .min-xxl-h-400x {
    min-height: 400px !important;
  }

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

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

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

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

  .min-xxl-w-500x {
    min-width: 500px !important;
  }

  .min-xxl-h-500x {
    min-height: 500px !important;
  }

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

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

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

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

  .min-xxl-w-600x {
    min-width: 600px !important;
  }

  .min-xxl-h-600x {
    min-height: 600px !important;
  }

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

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

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

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

  .min-xxl-w-700x {
    min-width: 700px !important;
  }

  .min-xxl-h-700x {
    min-height: 700px !important;
  }

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

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

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

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

  .min-xxl-w-800x {
    min-width: 800px !important;
  }

  .min-xxl-h-800x {
    min-height: 800px !important;
  }

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

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

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

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

  .min-xxl-w-900x {
    min-width: 900px !important;
  }

  .min-xxl-h-900x {
    min-height: 900px !important;
  }

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

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

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

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

  .min-xxl-w-1000x {
    min-width: 1000px !important;
  }

  .min-xxl-h-1000x {
    min-height: 1000px !important;
  }

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

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

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

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

  .min-xxl-w-1100x {
    min-width: 1100px !important;
  }

  .min-xxl-h-1100x {
    min-height: 1100px !important;
  }

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

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

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

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

  .min-xxl-w-1200x {
    min-width: 1200px !important;
  }

  .min-xxl-h-1200x {
    min-height: 1200px !important;
  }

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

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

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

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

  .min-xxl-w-1300x {
    min-width: 1300px !important;
  }

  .min-xxl-h-1300x {
    min-height: 1300px !important;
  }

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

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

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

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

  .min-xxl-w-1400x {
    min-width: 1400px !important;
  }

  .min-xxl-h-1400x {
    min-height: 1400px !important;
  }

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

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

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

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

  .min-xxl-w-1500x {
    min-width: 1500px !important;
  }

  .min-xxl-h-1500x {
    min-height: 1500px !important;
  }

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

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

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

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

  .min-xxl-w-1600x {
    min-width: 1600px !important;
  }

  .min-xxl-h-1600x {
    min-height: 1600px !important;
  }

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

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

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

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

  .min-xxl-w-1700x {
    min-width: 1700px !important;
  }

  .min-xxl-h-1700x {
    min-height: 1700px !important;
  }

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

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

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

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

  .min-xxl-w-1800x {
    min-width: 1800px !important;
  }

  .min-xxl-h-1800x {
    min-height: 1800px !important;
  }

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

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

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

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

  .min-xxl-w-1900x {
    min-width: 1900px !important;
  }

  .min-xxl-h-1900x {
    min-height: 1900px !important;
  }

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

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

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

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

  .min-xxl-w-2000x {
    min-width: 2000px !important;
  }

  .min-xxl-h-2000x {
    min-height: 2000px !important;
  }

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

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

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

  .h-xxl-min {
    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: -moz-fit-content !important;
    width: fit-content !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-xxxl-w-190x {
    max-width: 190px !important;
  }

  .max-xxxl-h-190x {
    max-height: 190px !important;
  }

  .min-xxxl-w-190x {
    min-width: 190px !important;
  }

  .min-xxxl-h-190x {
    min-height: 190px !important;
  }

  .w-xxxl-200x {
    width: 200px !important;
  }

  .h-xxxl-200x {
    height: 200px !important;
  }

  .max-xxxl-w-200x {
    max-width: 200px !important;
  }

  .max-xxxl-h-200x {
    max-height: 200px !important;
  }

  .min-xxxl-w-200x {
    min-width: 200px !important;
  }

  .min-xxxl-h-200x {
    min-height: 200px !important;
  }

  .w-xxxl-210x {
    width: 210px !important;
  }

  .h-xxxl-210x {
    height: 210px !important;
  }

  .max-xxxl-w-210x {
    max-width: 210px !important;
  }

  .max-xxxl-h-210x {
    max-height: 210px !important;
  }

  .min-xxxl-w-210x {
    min-width: 210px !important;
  }

  .min-xxxl-h-210x {
    min-height: 210px !important;
  }

  .w-xxxl-220x {
    width: 220px !important;
  }

  .h-xxxl-220x {
    height: 220px !important;
  }

  .max-xxxl-w-220x {
    max-width: 220px !important;
  }

  .max-xxxl-h-220x {
    max-height: 220px !important;
  }

  .min-xxxl-w-220x {
    min-width: 220px !important;
  }

  .min-xxxl-h-220x {
    min-height: 220px !important;
  }

  .w-xxxl-230x {
    width: 230px !important;
  }

  .h-xxxl-230x {
    height: 230px !important;
  }

  .max-xxxl-w-230x {
    max-width: 230px !important;
  }

  .max-xxxl-h-230x {
    max-height: 230px !important;
  }

  .min-xxxl-w-230x {
    min-width: 230px !important;
  }

  .min-xxxl-h-230x {
    min-height: 230px !important;
  }

  .w-xxxl-240x {
    width: 240px !important;
  }

  .h-xxxl-240x {
    height: 240px !important;
  }

  .max-xxxl-w-240x {
    max-width: 240px !important;
  }

  .max-xxxl-h-240x {
    max-height: 240px !important;
  }

  .min-xxxl-w-240x {
    min-width: 240px !important;
  }

  .min-xxxl-h-240x {
    min-height: 240px !important;
  }

  .w-xxxl-250x {
    width: 250px !important;
  }

  .h-xxxl-250x {
    height: 250px !important;
  }

  .max-xxxl-w-250x {
    max-width: 250px !important;
  }

  .max-xxxl-h-250x {
    max-height: 250px !important;
  }

  .min-xxxl-w-250x {
    min-width: 250px !important;
  }

  .min-xxxl-h-250x {
    min-height: 250px !important;
  }

  .w-xxxl-260x {
    width: 260px !important;
  }

  .h-xxxl-260x {
    height: 260px !important;
  }

  .max-xxxl-w-260x {
    max-width: 260px !important;
  }

  .max-xxxl-h-260x {
    max-height: 260px !important;
  }

  .min-xxxl-w-260x {
    min-width: 260px !important;
  }

  .min-xxxl-h-260x {
    min-height: 260px !important;
  }

  .w-xxxl-270x {
    width: 270px !important;
  }

  .h-xxxl-270x {
    height: 270px !important;
  }

  .max-xxxl-w-270x {
    max-width: 270px !important;
  }

  .max-xxxl-h-270x {
    max-height: 270px !important;
  }

  .min-xxxl-w-270x {
    min-width: 270px !important;
  }

  .min-xxxl-h-270x {
    min-height: 270px !important;
  }

  .w-xxxl-280x {
    width: 280px !important;
  }

  .h-xxxl-280x {
    height: 280px !important;
  }

  .max-xxxl-w-280x {
    max-width: 280px !important;
  }

  .max-xxxl-h-280x {
    max-height: 280px !important;
  }

  .min-xxxl-w-280x {
    min-width: 280px !important;
  }

  .min-xxxl-h-280x {
    min-height: 280px !important;
  }

  .w-xxxl-290x {
    width: 290px !important;
  }

  .h-xxxl-290x {
    height: 290px !important;
  }

  .max-xxxl-w-290x {
    max-width: 290px !important;
  }

  .max-xxxl-h-290x {
    max-height: 290px !important;
  }

  .min-xxxl-w-290x {
    min-width: 290px !important;
  }

  .min-xxxl-h-290x {
    min-height: 290px !important;
  }

  .w-xxxl-300x {
    width: 300px !important;
  }

  .h-xxxl-300x {
    height: 300px !important;
  }

  .max-xxxl-w-300x {
    max-width: 300px !important;
  }

  .max-xxxl-h-300x {
    max-height: 300px !important;
  }

  .min-xxxl-w-300x {
    min-width: 300px !important;
  }

  .min-xxxl-h-300x {
    min-height: 300px !important;
  }

  .w-xxxl-400x {
    width: 400px !important;
  }

  .h-xxxl-400x {
    height: 400px !important;
  }

  .max-xxxl-w-400x {
    max-width: 400px !important;
  }

  .max-xxxl-h-400x {
    max-height: 400px !important;
  }

  .min-xxxl-w-400x {
    min-width: 400px !important;
  }

  .min-xxxl-h-400x {
    min-height: 400px !important;
  }

  .w-xxxl-500x {
    width: 500px !important;
  }

  .h-xxxl-500x {
    height: 500px !important;
  }

  .max-xxxl-w-500x {
    max-width: 500px !important;
  }

  .max-xxxl-h-500x {
    max-height: 500px !important;
  }

  .min-xxxl-w-500x {
    min-width: 500px !important;
  }

  .min-xxxl-h-500x {
    min-height: 500px !important;
  }

  .w-xxxl-600x {
    width: 600px !important;
  }

  .h-xxxl-600x {
    height: 600px !important;
  }

  .max-xxxl-w-600x {
    max-width: 600px !important;
  }

  .max-xxxl-h-600x {
    max-height: 600px !important;
  }

  .min-xxxl-w-600x {
    min-width: 600px !important;
  }

  .min-xxxl-h-600x {
    min-height: 600px !important;
  }

  .w-xxxl-700x {
    width: 700px !important;
  }

  .h-xxxl-700x {
    height: 700px !important;
  }

  .max-xxxl-w-700x {
    max-width: 700px !important;
  }

  .max-xxxl-h-700x {
    max-height: 700px !important;
  }

  .min-xxxl-w-700x {
    min-width: 700px !important;
  }

  .min-xxxl-h-700x {
    min-height: 700px !important;
  }

  .w-xxxl-800x {
    width: 800px !important;
  }

  .h-xxxl-800x {
    height: 800px !important;
  }

  .max-xxxl-w-800x {
    max-width: 800px !important;
  }

  .max-xxxl-h-800x {
    max-height: 800px !important;
  }

  .min-xxxl-w-800x {
    min-width: 800px !important;
  }

  .min-xxxl-h-800x {
    min-height: 800px !important;
  }

  .w-xxxl-900x {
    width: 900px !important;
  }

  .h-xxxl-900x {
    height: 900px !important;
  }

  .max-xxxl-w-900x {
    max-width: 900px !important;
  }

  .max-xxxl-h-900x {
    max-height: 900px !important;
  }

  .min-xxxl-w-900x {
    min-width: 900px !important;
  }

  .min-xxxl-h-900x {
    min-height: 900px !important;
  }

  .w-xxxl-1000x {
    width: 1000px !important;
  }

  .h-xxxl-1000x {
    height: 1000px !important;
  }

  .max-xxxl-w-1000x {
    max-width: 1000px !important;
  }

  .max-xxxl-h-1000x {
    max-height: 1000px !important;
  }

  .min-xxxl-w-1000x {
    min-width: 1000px !important;
  }

  .min-xxxl-h-1000x {
    min-height: 1000px !important;
  }

  .w-xxxl-1100x {
    width: 1100px !important;
  }

  .h-xxxl-1100x {
    height: 1100px !important;
  }

  .max-xxxl-w-1100x {
    max-width: 1100px !important;
  }

  .max-xxxl-h-1100x {
    max-height: 1100px !important;
  }

  .min-xxxl-w-1100x {
    min-width: 1100px !important;
  }

  .min-xxxl-h-1100x {
    min-height: 1100px !important;
  }

  .w-xxxl-1200x {
    width: 1200px !important;
  }

  .h-xxxl-1200x {
    height: 1200px !important;
  }

  .max-xxxl-w-1200x {
    max-width: 1200px !important;
  }

  .max-xxxl-h-1200x {
    max-height: 1200px !important;
  }

  .min-xxxl-w-1200x {
    min-width: 1200px !important;
  }

  .min-xxxl-h-1200x {
    min-height: 1200px !important;
  }

  .w-xxxl-1300x {
    width: 1300px !important;
  }

  .h-xxxl-1300x {
    height: 1300px !important;
  }

  .max-xxxl-w-1300x {
    max-width: 1300px !important;
  }

  .max-xxxl-h-1300x {
    max-height: 1300px !important;
  }

  .min-xxxl-w-1300x {
    min-width: 1300px !important;
  }

  .min-xxxl-h-1300x {
    min-height: 1300px !important;
  }

  .w-xxxl-1400x {
    width: 1400px !important;
  }

  .h-xxxl-1400x {
    height: 1400px !important;
  }

  .max-xxxl-w-1400x {
    max-width: 1400px !important;
  }

  .max-xxxl-h-1400x {
    max-height: 1400px !important;
  }

  .min-xxxl-w-1400x {
    min-width: 1400px !important;
  }

  .min-xxxl-h-1400x {
    min-height: 1400px !important;
  }

  .w-xxxl-1500x {
    width: 1500px !important;
  }

  .h-xxxl-1500x {
    height: 1500px !important;
  }

  .max-xxxl-w-1500x {
    max-width: 1500px !important;
  }

  .max-xxxl-h-1500x {
    max-height: 1500px !important;
  }

  .min-xxxl-w-1500x {
    min-width: 1500px !important;
  }

  .min-xxxl-h-1500x {
    min-height: 1500px !important;
  }

  .w-xxxl-1600x {
    width: 1600px !important;
  }

  .h-xxxl-1600x {
    height: 1600px !important;
  }

  .max-xxxl-w-1600x {
    max-width: 1600px !important;
  }

  .max-xxxl-h-1600x {
    max-height: 1600px !important;
  }

  .min-xxxl-w-1600x {
    min-width: 1600px !important;
  }

  .min-xxxl-h-1600x {
    min-height: 1600px !important;
  }

  .w-xxxl-1700x {
    width: 1700px !important;
  }

  .h-xxxl-1700x {
    height: 1700px !important;
  }

  .max-xxxl-w-1700x {
    max-width: 1700px !important;
  }

  .max-xxxl-h-1700x {
    max-height: 1700px !important;
  }

  .min-xxxl-w-1700x {
    min-width: 1700px !important;
  }

  .min-xxxl-h-1700x {
    min-height: 1700px !important;
  }

  .w-xxxl-1800x {
    width: 1800px !important;
  }

  .h-xxxl-1800x {
    height: 1800px !important;
  }

  .max-xxxl-w-1800x {
    max-width: 1800px !important;
  }

  .max-xxxl-h-1800x {
    max-height: 1800px !important;
  }

  .min-xxxl-w-1800x {
    min-width: 1800px !important;
  }

  .min-xxxl-h-1800x {
    min-height: 1800px !important;
  }

  .w-xxxl-1900x {
    width: 1900px !important;
  }

  .h-xxxl-1900x {
    height: 1900px !important;
  }

  .max-xxxl-w-1900x {
    max-width: 1900px !important;
  }

  .max-xxxl-h-1900x {
    max-height: 1900px !important;
  }

  .min-xxxl-w-1900x {
    min-width: 1900px !important;
  }

  .min-xxxl-h-1900x {
    min-height: 1900px !important;
  }

  .w-xxxl-2000x {
    width: 2000px !important;
  }

  .h-xxxl-2000x {
    height: 2000px !important;
  }

  .max-xxxl-w-2000x {
    max-width: 2000px !important;
  }

  .max-xxxl-h-2000x {
    max-height: 2000px !important;
  }

  .min-xxxl-w-2000x {
    min-width: 2000px !important;
  }

  .min-xxxl-h-2000x {
    min-height: 2000px !important;
  }

  .h-xxxl-auto {
    height: auto !important;
  }

  .h-xxxl-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .h-xxxl-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }

  .h-xxxl-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }

  .max-h-xxxl-unset {
    max-height: unset !important;
  }

  .w-xxxl-auto {
    width: auto !important;
  }

  .w-xxxl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .w-xxxl-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .w-xxxl-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }

  .max-xxxl-w-auto {
    max-width: auto !important;
  }

  .max-xxxl-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }

  .max-xxxl-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }

  .max-xxxl-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }

  .max-xxxl-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;
}

.start-10 {
  left: 10% !important;
}

.end-10 {
  right: 10% !important;
}

.top-10 {
  top: 10% !important;
}

.bottom-10 {
  bottom: 10% !important;
}

.start-20 {
  left: 20% !important;
}

.end-20 {
  right: 20% !important;
}

.top-20 {
  top: 20% !important;
}

.bottom-20 {
  bottom: 20% !important;
}

.start-30 {
  left: 30% !important;
}

.end-30 {
  right: 30% !important;
}

.top-30 {
  top: 30% !important;
}

.bottom-30 {
  bottom: 30% !important;
}

.start-40 {
  left: 40% !important;
}

.end-40 {
  right: 40% !important;
}

.top-40 {
  top: 40% !important;
}

.bottom-40 {
  bottom: 40% !important;
}

.start-50 {
  left: 50% !important;
}

.end-50 {
  right: 50% !important;
}

.top-50 {
  top: 50% !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.start-60 {
  left: 60% !important;
}

.end-60 {
  right: 60% !important;
}

.top-60 {
  top: 60% !important;
}

.bottom-60 {
  bottom: 60% !important;
}

.start-70 {
  left: 70% !important;
}

.end-70 {
  right: 70% !important;
}

.top-70 {
  top: 70% !important;
}

.bottom-70 {
  bottom: 70% !important;
}

.start-80 {
  left: 80% !important;
}

.end-80 {
  right: 80% !important;
}

.top-80 {
  top: 80% !important;
}

.bottom-80 {
  bottom: 80% !important;
}

.start-90 {
  left: 90% !important;
}

.end-90 {
  right: 90% !important;
}

.top-90 {
  top: 90% !important;
}

.bottom-90 {
  bottom: 90% !important;
}

.start-100 {
  left: 100% !important;
}

.end-100 {
  right: 100% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-10px {
  left: 10px !important;
}

.end-10px {
  right: 10px !important;
}

.top-10px {
  top: 10px !important;
}

.bottom-10px {
  bottom: 10px !important;
}

.start-11px {
  left: 11px !important;
}

.end-11px {
  right: 11px !important;
}

.top-11px {
  top: 11px !important;
}

.bottom-11px {
  bottom: 11px !important;
}

.start-12px {
  left: 12px !important;
}

.end-12px {
  right: 12px !important;
}

.top-12px {
  top: 12px !important;
}

.bottom-12px {
  bottom: 12px !important;
}

.start-13px {
  left: 13px !important;
}

.end-13px {
  right: 13px !important;
}

.top-13px {
  top: 13px !important;
}

.bottom-13px {
  bottom: 13px !important;
}

.start-14px {
  left: 14px !important;
}

.end-14px {
  right: 14px !important;
}

.top-14px {
  top: 14px !important;
}

.bottom-14px {
  bottom: 14px !important;
}

.start-15px {
  left: 15px !important;
}

.end-15px {
  right: 15px !important;
}

.top-15px {
  top: 15px !important;
}

.bottom-15px {
  bottom: 15px !important;
}

.start-16px {
  left: 16px !important;
}

.end-16px {
  right: 16px !important;
}

.top-16px {
  top: 16px !important;
}

.bottom-16px {
  bottom: 16px !important;
}

.start-17px {
  left: 17px !important;
}

.end-17px {
  right: 17px !important;
}

.top-17px {
  top: 17px !important;
}

.bottom-17px {
  bottom: 17px !important;
}

.start-18px {
  left: 18px !important;
}

.end-18px {
  right: 18px !important;
}

.top-18px {
  top: 18px !important;
}

.bottom-18px {
  bottom: 18px !important;
}

.start-19px {
  left: 19px !important;
}

.end-19px {
  right: 19px !important;
}

.top-19px {
  top: 19px !important;
}

.bottom-19px {
  bottom: 19px !important;
}

.start-20px {
  left: 20px !important;
}

.end-20px {
  right: 20px !important;
}

.top-20px {
  top: 20px !important;
}

.bottom-20px {
  bottom: 20px !important;
}

.start-21px {
  left: 21px !important;
}

.end-21px {
  right: 21px !important;
}

.top-21px {
  top: 21px !important;
}

.bottom-21px {
  bottom: 21px !important;
}

.start-22px {
  left: 22px !important;
}

.end-22px {
  right: 22px !important;
}

.top-22px {
  top: 22px !important;
}

.bottom-22px {
  bottom: 22px !important;
}

.start-23px {
  left: 23px !important;
}

.end-23px {
  right: 23px !important;
}

.top-23px {
  top: 23px !important;
}

.bottom-23px {
  bottom: 23px !important;
}

.start-24px {
  left: 24px !important;
}

.end-24px {
  right: 24px !important;
}

.top-24px {
  top: 24px !important;
}

.bottom-24px {
  bottom: 24px !important;
}

.start-25px {
  left: 25px !important;
}

.end-25px {
  right: 25px !important;
}

.top-25px {
  top: 25px !important;
}

.bottom-25px {
  bottom: 25px !important;
}

.start-26px {
  left: 26px !important;
}

.end-26px {
  right: 26px !important;
}

.top-26px {
  top: 26px !important;
}

.bottom-26px {
  bottom: 26px !important;
}

.start-27px {
  left: 27px !important;
}

.end-27px {
  right: 27px !important;
}

.top-27px {
  top: 27px !important;
}

.bottom-27px {
  bottom: 27px !important;
}

.start-28px {
  left: 28px !important;
}

.end-28px {
  right: 28px !important;
}

.top-28px {
  top: 28px !important;
}

.bottom-28px {
  bottom: 28px !important;
}

.start-29px {
  left: 29px !important;
}

.end-29px {
  right: 29px !important;
}

.top-29px {
  top: 29px !important;
}

.bottom-29px {
  bottom: 29px !important;
}

.start-30px {
  left: 30px !important;
}

.end-30px {
  right: 30px !important;
}

.top-30px {
  top: 30px !important;
}

.bottom-30px {
  bottom: 30px !important;
}

.start-31px {
  left: 31px !important;
}

.end-31px {
  right: 31px !important;
}

.top-31px {
  top: 31px !important;
}

.bottom-31px {
  bottom: 31px !important;
}

.start-32px {
  left: 32px !important;
}

.end-32px {
  right: 32px !important;
}

.top-32px {
  top: 32px !important;
}

.bottom-32px {
  bottom: 32px !important;
}

.start-33px {
  left: 33px !important;
}

.end-33px {
  right: 33px !important;
}

.top-33px {
  top: 33px !important;
}

.bottom-33px {
  bottom: 33px !important;
}

.start-34px {
  left: 34px !important;
}

.end-34px {
  right: 34px !important;
}

.top-34px {
  top: 34px !important;
}

.bottom-34px {
  bottom: 34px !important;
}

.start-35px {
  left: 35px !important;
}

.end-35px {
  right: 35px !important;
}

.top-35px {
  top: 35px !important;
}

.bottom-35px {
  bottom: 35px !important;
}

.start-36px {
  left: 36px !important;
}

.end-36px {
  right: 36px !important;
}

.top-36px {
  top: 36px !important;
}

.bottom-36px {
  bottom: 36px !important;
}

.start-37px {
  left: 37px !important;
}

.end-37px {
  right: 37px !important;
}

.top-37px {
  top: 37px !important;
}

.bottom-37px {
  bottom: 37px !important;
}

.start-38px {
  left: 38px !important;
}

.end-38px {
  right: 38px !important;
}

.top-38px {
  top: 38px !important;
}

.bottom-38px {
  bottom: 38px !important;
}

.start-39px {
  left: 39px !important;
}

.end-39px {
  right: 39px !important;
}

.top-39px {
  top: 39px !important;
}

.bottom-39px {
  bottom: 39px !important;
}

.start-40px {
  left: 40px !important;
}

.end-40px {
  right: 40px !important;
}

.top-40px {
  top: 40px !important;
}

.bottom-40px {
  bottom: 40px !important;
}

.start-41px {
  left: 41px !important;
}

.end-41px {
  right: 41px !important;
}

.top-41px {
  top: 41px !important;
}

.bottom-41px {
  bottom: 41px !important;
}

.start-42px {
  left: 42px !important;
}

.end-42px {
  right: 42px !important;
}

.top-42px {
  top: 42px !important;
}

.bottom-42px {
  bottom: 42px !important;
}

.start-43px {
  left: 43px !important;
}

.end-43px {
  right: 43px !important;
}

.top-43px {
  top: 43px !important;
}

.bottom-43px {
  bottom: 43px !important;
}

.start-44px {
  left: 44px !important;
}

.end-44px {
  right: 44px !important;
}

.top-44px {
  top: 44px !important;
}

.bottom-44px {
  bottom: 44px !important;
}

.start-45px {
  left: 45px !important;
}

.end-45px {
  right: 45px !important;
}

.top-45px {
  top: 45px !important;
}

.bottom-45px {
  bottom: 45px !important;
}

.start-46px {
  left: 46px !important;
}

.end-46px {
  right: 46px !important;
}

.top-46px {
  top: 46px !important;
}

.bottom-46px {
  bottom: 46px !important;
}

.start-47px {
  left: 47px !important;
}

.end-47px {
  right: 47px !important;
}

.top-47px {
  top: 47px !important;
}

.bottom-47px {
  bottom: 47px !important;
}

.start-48px {
  left: 48px !important;
}

.end-48px {
  right: 48px !important;
}

.top-48px {
  top: 48px !important;
}

.bottom-48px {
  bottom: 48px !important;
}

.start-49px {
  left: 49px !important;
}

.end-49px {
  right: 49px !important;
}

.top-49px {
  top: 49px !important;
}

.bottom-49px {
  bottom: 49px !important;
}

.start-50px {
  left: 50px !important;
}

.end-50px {
  right: 50px !important;
}

.top-50px {
  top: 50px !important;
}

.bottom-50px {
  bottom: 50px !important;
}

.start-n1px {
  left: -1px !important;
}

.end-n1px {
  right: -1px !important;
}

.top-n1px {
  top: -1px !important;
}

.bottom-n1px {
  bottom: -1px !important;
}

.start-n2px {
  left: -2px !important;
}

.end-n2px {
  right: -2px !important;
}

.top-n2px {
  top: -2px !important;
}

.bottom-n2px {
  bottom: -2px !important;
}

.start-n3px {
  left: -3px !important;
}

.end-n3px {
  right: -3px !important;
}

.top-n3px {
  top: -3px !important;
}

.bottom-n3px {
  bottom: -3px !important;
}

.start-n4px {
  left: -4px !important;
}

.end-n4px {
  right: -4px !important;
}

.top-n4px {
  top: -4px !important;
}

.bottom-n4px {
  bottom: -4px !important;
}

.start-n5px {
  left: -5px !important;
}

.end-n5px {
  right: -5px !important;
}

.top-n5px {
  top: -5px !important;
}

.bottom-n5px {
  bottom: -5px !important;
}

.start-n6px {
  left: -6px !important;
}

.end-n6px {
  right: -6px !important;
}

.top-n6px {
  top: -6px !important;
}

.bottom-n6px {
  bottom: -6px !important;
}

.start-n7px {
  left: -7px !important;
}

.end-n7px {
  right: -7px !important;
}

.top-n7px {
  top: -7px !important;
}

.bottom-n7px {
  bottom: -7px !important;
}

.start-n8px {
  left: -8px !important;
}

.end-n8px {
  right: -8px !important;
}

.top-n8px {
  top: -8px !important;
}

.bottom-n8px {
  bottom: -8px !important;
}

.start-n9px {
  left: -9px !important;
}

.end-n9px {
  right: -9px !important;
}

.top-n9px {
  top: -9px !important;
}

.bottom-n9px {
  bottom: -9px !important;
}

.start-n10px {
  left: -10px !important;
}

.end-n10px {
  right: -10px !important;
}

.top-n10px {
  top: -10px !important;
}

.bottom-n10px {
  bottom: -10px !important;
}

.start-n11px {
  left: -11px !important;
}

.end-n11px {
  right: -11px !important;
}

.top-n11px {
  top: -11px !important;
}

.bottom-n11px {
  bottom: -11px !important;
}

.start-n12px {
  left: -12px !important;
}

.end-n12px {
  right: -12px !important;
}

.top-n12px {
  top: -12px !important;
}

.bottom-n12px {
  bottom: -12px !important;
}

.start-n13px {
  left: -13px !important;
}

.end-n13px {
  right: -13px !important;
}

.top-n13px {
  top: -13px !important;
}

.bottom-n13px {
  bottom: -13px !important;
}

.start-n14px {
  left: -14px !important;
}

.end-n14px {
  right: -14px !important;
}

.top-n14px {
  top: -14px !important;
}

.bottom-n14px {
  bottom: -14px !important;
}

.start-n15px {
  left: -15px !important;
}

.end-n15px {
  right: -15px !important;
}

.top-n15px {
  top: -15px !important;
}

.bottom-n15px {
  bottom: -15px !important;
}

.start-n16px {
  left: -16px !important;
}

.end-n16px {
  right: -16px !important;
}

.top-n16px {
  top: -16px !important;
}

.bottom-n16px {
  bottom: -16px !important;
}

.start-n17px {
  left: -17px !important;
}

.end-n17px {
  right: -17px !important;
}

.top-n17px {
  top: -17px !important;
}

.bottom-n17px {
  bottom: -17px !important;
}

.start-n18px {
  left: -18px !important;
}

.end-n18px {
  right: -18px !important;
}

.top-n18px {
  top: -18px !important;
}

.bottom-n18px {
  bottom: -18px !important;
}

.start-n19px {
  left: -19px !important;
}

.end-n19px {
  right: -19px !important;
}

.top-n19px {
  top: -19px !important;
}

.bottom-n19px {
  bottom: -19px !important;
}

.start-n20px {
  left: -20px !important;
}

.end-n20px {
  right: -20px !important;
}

.top-n20px {
  top: -20px !important;
}

.bottom-n20px {
  bottom: -20px !important;
}

.start-n21px {
  left: -21px !important;
}

.end-n21px {
  right: -21px !important;
}

.top-n21px {
  top: -21px !important;
}

.bottom-n21px {
  bottom: -21px !important;
}

.start-n22px {
  left: -22px !important;
}

.end-n22px {
  right: -22px !important;
}

.top-n22px {
  top: -22px !important;
}

.bottom-n22px {
  bottom: -22px !important;
}

.start-n23px {
  left: -23px !important;
}

.end-n23px {
  right: -23px !important;
}

.top-n23px {
  top: -23px !important;
}

.bottom-n23px {
  bottom: -23px !important;
}

.start-n24px {
  left: -24px !important;
}

.end-n24px {
  right: -24px !important;
}

.top-n24px {
  top: -24px !important;
}

.bottom-n24px {
  bottom: -24px !important;
}

.start-n25px {
  left: -25px !important;
}

.end-n25px {
  right: -25px !important;
}

.top-n25px {
  top: -25px !important;
}

.bottom-n25px {
  bottom: -25px !important;
}

.start-n26px {
  left: -26px !important;
}

.end-n26px {
  right: -26px !important;
}

.top-n26px {
  top: -26px !important;
}

.bottom-n26px {
  bottom: -26px !important;
}

.start-n27px {
  left: -27px !important;
}

.end-n27px {
  right: -27px !important;
}

.top-n27px {
  top: -27px !important;
}

.bottom-n27px {
  bottom: -27px !important;
}

.start-n28px {
  left: -28px !important;
}

.end-n28px {
  right: -28px !important;
}

.top-n28px {
  top: -28px !important;
}

.bottom-n28px {
  bottom: -28px !important;
}

.start-n29px {
  left: -29px !important;
}

.end-n29px {
  right: -29px !important;
}

.top-n29px {
  top: -29px !important;
}

.bottom-n29px {
  bottom: -29px !important;
}

.start-n30px {
  left: -30px !important;
}

.end-n30px {
  right: -30px !important;
}

.top-n30px {
  top: -30px !important;
}

.bottom-n30px {
  bottom: -30px !important;
}

@media (min-width: 575.98px) {
  .start-sm-0 {
    left: 0% !important;
  }

  .end-sm-0 {
    right: 0% !important;
  }

  .top-sm-0 {
    top: 0% !important;
  }

  .bottom-sm-0 {
    bottom: 0% !important;
  }

  .start-sm-10 {
    left: 10% !important;
  }

  .end-sm-10 {
    right: 10% !important;
  }

  .top-sm-10 {
    top: 10% !important;
  }

  .bottom-sm-10 {
    bottom: 10% !important;
  }

  .start-sm-20 {
    left: 20% !important;
  }

  .end-sm-20 {
    right: 20% !important;
  }

  .top-sm-20 {
    top: 20% !important;
  }

  .bottom-sm-20 {
    bottom: 20% !important;
  }

  .start-sm-30 {
    left: 30% !important;
  }

  .end-sm-30 {
    right: 30% !important;
  }

  .top-sm-30 {
    top: 30% !important;
  }

  .bottom-sm-30 {
    bottom: 30% !important;
  }

  .start-sm-40 {
    left: 40% !important;
  }

  .end-sm-40 {
    right: 40% !important;
  }

  .top-sm-40 {
    top: 40% !important;
  }

  .bottom-sm-40 {
    bottom: 40% !important;
  }

  .start-sm-50 {
    left: 50% !important;
  }

  .end-sm-50 {
    right: 50% !important;
  }

  .top-sm-50 {
    top: 50% !important;
  }

  .bottom-sm-50 {
    bottom: 50% !important;
  }

  .start-sm-60 {
    left: 60% !important;
  }

  .end-sm-60 {
    right: 60% !important;
  }

  .top-sm-60 {
    top: 60% !important;
  }

  .bottom-sm-60 {
    bottom: 60% !important;
  }

  .start-sm-70 {
    left: 70% !important;
  }

  .end-sm-70 {
    right: 70% !important;
  }

  .top-sm-70 {
    top: 70% !important;
  }

  .bottom-sm-70 {
    bottom: 70% !important;
  }

  .start-sm-80 {
    left: 80% !important;
  }

  .end-sm-80 {
    right: 80% !important;
  }

  .top-sm-80 {
    top: 80% !important;
  }

  .bottom-sm-80 {
    bottom: 80% !important;
  }

  .start-sm-90 {
    left: 90% !important;
  }

  .end-sm-90 {
    right: 90% !important;
  }

  .top-sm-90 {
    top: 90% !important;
  }

  .bottom-sm-90 {
    bottom: 90% !important;
  }

  .start-sm-100 {
    left: 100% !important;
  }

  .end-sm-100 {
    right: 100% !important;
  }

  .top-sm-100 {
    top: 100% !important;
  }

  .bottom-sm-100 {
    bottom: 100% !important;
  }

  .start-sm-10px {
    left: 10px !important;
  }

  .end-sm-10px {
    right: 10px !important;
  }

  .top-sm-10px {
    top: 10px !important;
  }

  .bottom-sm-10px {
    bottom: 10px !important;
  }

  .start-sm-11px {
    left: 11px !important;
  }

  .end-sm-11px {
    right: 11px !important;
  }

  .top-sm-11px {
    top: 11px !important;
  }

  .bottom-sm-11px {
    bottom: 11px !important;
  }

  .start-sm-12px {
    left: 12px !important;
  }

  .end-sm-12px {
    right: 12px !important;
  }

  .top-sm-12px {
    top: 12px !important;
  }

  .bottom-sm-12px {
    bottom: 12px !important;
  }

  .start-sm-13px {
    left: 13px !important;
  }

  .end-sm-13px {
    right: 13px !important;
  }

  .top-sm-13px {
    top: 13px !important;
  }

  .bottom-sm-13px {
    bottom: 13px !important;
  }

  .start-sm-14px {
    left: 14px !important;
  }

  .end-sm-14px {
    right: 14px !important;
  }

  .top-sm-14px {
    top: 14px !important;
  }

  .bottom-sm-14px {
    bottom: 14px !important;
  }

  .start-sm-15px {
    left: 15px !important;
  }

  .end-sm-15px {
    right: 15px !important;
  }

  .top-sm-15px {
    top: 15px !important;
  }

  .bottom-sm-15px {
    bottom: 15px !important;
  }

  .start-sm-16px {
    left: 16px !important;
  }

  .end-sm-16px {
    right: 16px !important;
  }

  .top-sm-16px {
    top: 16px !important;
  }

  .bottom-sm-16px {
    bottom: 16px !important;
  }

  .start-sm-17px {
    left: 17px !important;
  }

  .end-sm-17px {
    right: 17px !important;
  }

  .top-sm-17px {
    top: 17px !important;
  }

  .bottom-sm-17px {
    bottom: 17px !important;
  }

  .start-sm-18px {
    left: 18px !important;
  }

  .end-sm-18px {
    right: 18px !important;
  }

  .top-sm-18px {
    top: 18px !important;
  }

  .bottom-sm-18px {
    bottom: 18px !important;
  }

  .start-sm-19px {
    left: 19px !important;
  }

  .end-sm-19px {
    right: 19px !important;
  }

  .top-sm-19px {
    top: 19px !important;
  }

  .bottom-sm-19px {
    bottom: 19px !important;
  }

  .start-sm-20px {
    left: 20px !important;
  }

  .end-sm-20px {
    right: 20px !important;
  }

  .top-sm-20px {
    top: 20px !important;
  }

  .bottom-sm-20px {
    bottom: 20px !important;
  }

  .start-sm-21px {
    left: 21px !important;
  }

  .end-sm-21px {
    right: 21px !important;
  }

  .top-sm-21px {
    top: 21px !important;
  }

  .bottom-sm-21px {
    bottom: 21px !important;
  }

  .start-sm-22px {
    left: 22px !important;
  }

  .end-sm-22px {
    right: 22px !important;
  }

  .top-sm-22px {
    top: 22px !important;
  }

  .bottom-sm-22px {
    bottom: 22px !important;
  }

  .start-sm-23px {
    left: 23px !important;
  }

  .end-sm-23px {
    right: 23px !important;
  }

  .top-sm-23px {
    top: 23px !important;
  }

  .bottom-sm-23px {
    bottom: 23px !important;
  }

  .start-sm-24px {
    left: 24px !important;
  }

  .end-sm-24px {
    right: 24px !important;
  }

  .top-sm-24px {
    top: 24px !important;
  }

  .bottom-sm-24px {
    bottom: 24px !important;
  }

  .start-sm-25px {
    left: 25px !important;
  }

  .end-sm-25px {
    right: 25px !important;
  }

  .top-sm-25px {
    top: 25px !important;
  }

  .bottom-sm-25px {
    bottom: 25px !important;
  }

  .start-sm-26px {
    left: 26px !important;
  }

  .end-sm-26px {
    right: 26px !important;
  }

  .top-sm-26px {
    top: 26px !important;
  }

  .bottom-sm-26px {
    bottom: 26px !important;
  }

  .start-sm-27px {
    left: 27px !important;
  }

  .end-sm-27px {
    right: 27px !important;
  }

  .top-sm-27px {
    top: 27px !important;
  }

  .bottom-sm-27px {
    bottom: 27px !important;
  }

  .start-sm-28px {
    left: 28px !important;
  }

  .end-sm-28px {
    right: 28px !important;
  }

  .top-sm-28px {
    top: 28px !important;
  }

  .bottom-sm-28px {
    bottom: 28px !important;
  }

  .start-sm-29px {
    left: 29px !important;
  }

  .end-sm-29px {
    right: 29px !important;
  }

  .top-sm-29px {
    top: 29px !important;
  }

  .bottom-sm-29px {
    bottom: 29px !important;
  }

  .start-sm-30px {
    left: 30px !important;
  }

  .end-sm-30px {
    right: 30px !important;
  }

  .top-sm-30px {
    top: 30px !important;
  }

  .bottom-sm-30px {
    bottom: 30px !important;
  }

  .start-sm-31px {
    left: 31px !important;
  }

  .end-sm-31px {
    right: 31px !important;
  }

  .top-sm-31px {
    top: 31px !important;
  }

  .bottom-sm-31px {
    bottom: 31px !important;
  }

  .start-sm-32px {
    left: 32px !important;
  }

  .end-sm-32px {
    right: 32px !important;
  }

  .top-sm-32px {
    top: 32px !important;
  }

  .bottom-sm-32px {
    bottom: 32px !important;
  }

  .start-sm-33px {
    left: 33px !important;
  }

  .end-sm-33px {
    right: 33px !important;
  }

  .top-sm-33px {
    top: 33px !important;
  }

  .bottom-sm-33px {
    bottom: 33px !important;
  }

  .start-sm-34px {
    left: 34px !important;
  }

  .end-sm-34px {
    right: 34px !important;
  }

  .top-sm-34px {
    top: 34px !important;
  }

  .bottom-sm-34px {
    bottom: 34px !important;
  }

  .start-sm-35px {
    left: 35px !important;
  }

  .end-sm-35px {
    right: 35px !important;
  }

  .top-sm-35px {
    top: 35px !important;
  }

  .bottom-sm-35px {
    bottom: 35px !important;
  }

  .start-sm-36px {
    left: 36px !important;
  }

  .end-sm-36px {
    right: 36px !important;
  }

  .top-sm-36px {
    top: 36px !important;
  }

  .bottom-sm-36px {
    bottom: 36px !important;
  }

  .start-sm-37px {
    left: 37px !important;
  }

  .end-sm-37px {
    right: 37px !important;
  }

  .top-sm-37px {
    top: 37px !important;
  }

  .bottom-sm-37px {
    bottom: 37px !important;
  }

  .start-sm-38px {
    left: 38px !important;
  }

  .end-sm-38px {
    right: 38px !important;
  }

  .top-sm-38px {
    top: 38px !important;
  }

  .bottom-sm-38px {
    bottom: 38px !important;
  }

  .start-sm-39px {
    left: 39px !important;
  }

  .end-sm-39px {
    right: 39px !important;
  }

  .top-sm-39px {
    top: 39px !important;
  }

  .bottom-sm-39px {
    bottom: 39px !important;
  }

  .start-sm-40px {
    left: 40px !important;
  }

  .end-sm-40px {
    right: 40px !important;
  }

  .top-sm-40px {
    top: 40px !important;
  }

  .bottom-sm-40px {
    bottom: 40px !important;
  }

  .start-sm-41px {
    left: 41px !important;
  }

  .end-sm-41px {
    right: 41px !important;
  }

  .top-sm-41px {
    top: 41px !important;
  }

  .bottom-sm-41px {
    bottom: 41px !important;
  }

  .start-sm-42px {
    left: 42px !important;
  }

  .end-sm-42px {
    right: 42px !important;
  }

  .top-sm-42px {
    top: 42px !important;
  }

  .bottom-sm-42px {
    bottom: 42px !important;
  }

  .start-sm-43px {
    left: 43px !important;
  }

  .end-sm-43px {
    right: 43px !important;
  }

  .top-sm-43px {
    top: 43px !important;
  }

  .bottom-sm-43px {
    bottom: 43px !important;
  }

  .start-sm-44px {
    left: 44px !important;
  }

  .end-sm-44px {
    right: 44px !important;
  }

  .top-sm-44px {
    top: 44px !important;
  }

  .bottom-sm-44px {
    bottom: 44px !important;
  }

  .start-sm-45px {
    left: 45px !important;
  }

  .end-sm-45px {
    right: 45px !important;
  }

  .top-sm-45px {
    top: 45px !important;
  }

  .bottom-sm-45px {
    bottom: 45px !important;
  }

  .start-sm-46px {
    left: 46px !important;
  }

  .end-sm-46px {
    right: 46px !important;
  }

  .top-sm-46px {
    top: 46px !important;
  }

  .bottom-sm-46px {
    bottom: 46px !important;
  }

  .start-sm-47px {
    left: 47px !important;
  }

  .end-sm-47px {
    right: 47px !important;
  }

  .top-sm-47px {
    top: 47px !important;
  }

  .bottom-sm-47px {
    bottom: 47px !important;
  }

  .start-sm-48px {
    left: 48px !important;
  }

  .end-sm-48px {
    right: 48px !important;
  }

  .top-sm-48px {
    top: 48px !important;
  }

  .bottom-sm-48px {
    bottom: 48px !important;
  }

  .start-sm-49px {
    left: 49px !important;
  }

  .end-sm-49px {
    right: 49px !important;
  }

  .top-sm-49px {
    top: 49px !important;
  }

  .bottom-sm-49px {
    bottom: 49px !important;
  }

  .start-sm-50px {
    left: 50px !important;
  }

  .end-sm-50px {
    right: 50px !important;
  }

  .top-sm-50px {
    top: 50px !important;
  }

  .bottom-sm-50px {
    bottom: 50px !important;
  }

  .start-sm-n1px {
    left: -1px !important;
  }

  .end-sm-n1px {
    right: -1px !important;
  }

  .top-sm-n1px {
    top: -1px !important;
  }

  .bottom-sm-n1px {
    bottom: -1px !important;
  }

  .start-sm-n2px {
    left: -2px !important;
  }

  .end-sm-n2px {
    right: -2px !important;
  }

  .top-sm-n2px {
    top: -2px !important;
  }

  .bottom-sm-n2px {
    bottom: -2px !important;
  }

  .start-sm-n3px {
    left: -3px !important;
  }

  .end-sm-n3px {
    right: -3px !important;
  }

  .top-sm-n3px {
    top: -3px !important;
  }

  .bottom-sm-n3px {
    bottom: -3px !important;
  }

  .start-sm-n4px {
    left: -4px !important;
  }

  .end-sm-n4px {
    right: -4px !important;
  }

  .top-sm-n4px {
    top: -4px !important;
  }

  .bottom-sm-n4px {
    bottom: -4px !important;
  }

  .start-sm-n5px {
    left: -5px !important;
  }

  .end-sm-n5px {
    right: -5px !important;
  }

  .top-sm-n5px {
    top: -5px !important;
  }

  .bottom-sm-n5px {
    bottom: -5px !important;
  }

  .start-sm-n6px {
    left: -6px !important;
  }

  .end-sm-n6px {
    right: -6px !important;
  }

  .top-sm-n6px {
    top: -6px !important;
  }

  .bottom-sm-n6px {
    bottom: -6px !important;
  }

  .start-sm-n7px {
    left: -7px !important;
  }

  .end-sm-n7px {
    right: -7px !important;
  }

  .top-sm-n7px {
    top: -7px !important;
  }

  .bottom-sm-n7px {
    bottom: -7px !important;
  }

  .start-sm-n8px {
    left: -8px !important;
  }

  .end-sm-n8px {
    right: -8px !important;
  }

  .top-sm-n8px {
    top: -8px !important;
  }

  .bottom-sm-n8px {
    bottom: -8px !important;
  }

  .start-sm-n9px {
    left: -9px !important;
  }

  .end-sm-n9px {
    right: -9px !important;
  }

  .top-sm-n9px {
    top: -9px !important;
  }

  .bottom-sm-n9px {
    bottom: -9px !important;
  }

  .start-sm-n10px {
    left: -10px !important;
  }

  .end-sm-n10px {
    right: -10px !important;
  }

  .top-sm-n10px {
    top: -10px !important;
  }

  .bottom-sm-n10px {
    bottom: -10px !important;
  }

  .start-sm-n11px {
    left: -11px !important;
  }

  .end-sm-n11px {
    right: -11px !important;
  }

  .top-sm-n11px {
    top: -11px !important;
  }

  .bottom-sm-n11px {
    bottom: -11px !important;
  }

  .start-sm-n12px {
    left: -12px !important;
  }

  .end-sm-n12px {
    right: -12px !important;
  }

  .top-sm-n12px {
    top: -12px !important;
  }

  .bottom-sm-n12px {
    bottom: -12px !important;
  }

  .start-sm-n13px {
    left: -13px !important;
  }

  .end-sm-n13px {
    right: -13px !important;
  }

  .top-sm-n13px {
    top: -13px !important;
  }

  .bottom-sm-n13px {
    bottom: -13px !important;
  }

  .start-sm-n14px {
    left: -14px !important;
  }

  .end-sm-n14px {
    right: -14px !important;
  }

  .top-sm-n14px {
    top: -14px !important;
  }

  .bottom-sm-n14px {
    bottom: -14px !important;
  }

  .start-sm-n15px {
    left: -15px !important;
  }

  .end-sm-n15px {
    right: -15px !important;
  }

  .top-sm-n15px {
    top: -15px !important;
  }

  .bottom-sm-n15px {
    bottom: -15px !important;
  }

  .start-sm-n16px {
    left: -16px !important;
  }

  .end-sm-n16px {
    right: -16px !important;
  }

  .top-sm-n16px {
    top: -16px !important;
  }

  .bottom-sm-n16px {
    bottom: -16px !important;
  }

  .start-sm-n17px {
    left: -17px !important;
  }

  .end-sm-n17px {
    right: -17px !important;
  }

  .top-sm-n17px {
    top: -17px !important;
  }

  .bottom-sm-n17px {
    bottom: -17px !important;
  }

  .start-sm-n18px {
    left: -18px !important;
  }

  .end-sm-n18px {
    right: -18px !important;
  }

  .top-sm-n18px {
    top: -18px !important;
  }

  .bottom-sm-n18px {
    bottom: -18px !important;
  }

  .start-sm-n19px {
    left: -19px !important;
  }

  .end-sm-n19px {
    right: -19px !important;
  }

  .top-sm-n19px {
    top: -19px !important;
  }

  .bottom-sm-n19px {
    bottom: -19px !important;
  }

  .start-sm-n20px {
    left: -20px !important;
  }

  .end-sm-n20px {
    right: -20px !important;
  }

  .top-sm-n20px {
    top: -20px !important;
  }

  .bottom-sm-n20px {
    bottom: -20px !important;
  }

  .start-sm-n21px {
    left: -21px !important;
  }

  .end-sm-n21px {
    right: -21px !important;
  }

  .top-sm-n21px {
    top: -21px !important;
  }

  .bottom-sm-n21px {
    bottom: -21px !important;
  }

  .start-sm-n22px {
    left: -22px !important;
  }

  .end-sm-n22px {
    right: -22px !important;
  }

  .top-sm-n22px {
    top: -22px !important;
  }

  .bottom-sm-n22px {
    bottom: -22px !important;
  }

  .start-sm-n23px {
    left: -23px !important;
  }

  .end-sm-n23px {
    right: -23px !important;
  }

  .top-sm-n23px {
    top: -23px !important;
  }

  .bottom-sm-n23px {
    bottom: -23px !important;
  }

  .start-sm-n24px {
    left: -24px !important;
  }

  .end-sm-n24px {
    right: -24px !important;
  }

  .top-sm-n24px {
    top: -24px !important;
  }

  .bottom-sm-n24px {
    bottom: -24px !important;
  }

  .start-sm-n25px {
    left: -25px !important;
  }

  .end-sm-n25px {
    right: -25px !important;
  }

  .top-sm-n25px {
    top: -25px !important;
  }

  .bottom-sm-n25px {
    bottom: -25px !important;
  }

  .start-sm-n26px {
    left: -26px !important;
  }

  .end-sm-n26px {
    right: -26px !important;
  }

  .top-sm-n26px {
    top: -26px !important;
  }

  .bottom-sm-n26px {
    bottom: -26px !important;
  }

  .start-sm-n27px {
    left: -27px !important;
  }

  .end-sm-n27px {
    right: -27px !important;
  }

  .top-sm-n27px {
    top: -27px !important;
  }

  .bottom-sm-n27px {
    bottom: -27px !important;
  }

  .start-sm-n28px {
    left: -28px !important;
  }

  .end-sm-n28px {
    right: -28px !important;
  }

  .top-sm-n28px {
    top: -28px !important;
  }

  .bottom-sm-n28px {
    bottom: -28px !important;
  }

  .start-sm-n29px {
    left: -29px !important;
  }

  .end-sm-n29px {
    right: -29px !important;
  }

  .top-sm-n29px {
    top: -29px !important;
  }

  .bottom-sm-n29px {
    bottom: -29px !important;
  }

  .start-sm-n30px {
    left: -30px !important;
  }

  .end-sm-n30px {
    right: -30px !important;
  }

  .top-sm-n30px {
    top: -30px !important;
  }

  .bottom-sm-n30px {
    bottom: -30px !important;
  }
}

@media (min-width: 768px) {
  .start-md-0 {
    left: 0% !important;
  }

  .end-md-0 {
    right: 0% !important;
  }

  .top-md-0 {
    top: 0% !important;
  }

  .bottom-md-0 {
    bottom: 0% !important;
  }

  .start-md-10 {
    left: 10% !important;
  }

  .end-md-10 {
    right: 10% !important;
  }

  .top-md-10 {
    top: 10% !important;
  }

  .bottom-md-10 {
    bottom: 10% !important;
  }

  .start-md-20 {
    left: 20% !important;
  }

  .end-md-20 {
    right: 20% !important;
  }

  .top-md-20 {
    top: 20% !important;
  }

  .bottom-md-20 {
    bottom: 20% !important;
  }

  .start-md-30 {
    left: 30% !important;
  }

  .end-md-30 {
    right: 30% !important;
  }

  .top-md-30 {
    top: 30% !important;
  }

  .bottom-md-30 {
    bottom: 30% !important;
  }

  .start-md-40 {
    left: 40% !important;
  }

  .end-md-40 {
    right: 40% !important;
  }

  .top-md-40 {
    top: 40% !important;
  }

  .bottom-md-40 {
    bottom: 40% !important;
  }

  .start-md-50 {
    left: 50% !important;
  }

  .end-md-50 {
    right: 50% !important;
  }

  .top-md-50 {
    top: 50% !important;
  }

  .bottom-md-50 {
    bottom: 50% !important;
  }

  .start-md-60 {
    left: 60% !important;
  }

  .end-md-60 {
    right: 60% !important;
  }

  .top-md-60 {
    top: 60% !important;
  }

  .bottom-md-60 {
    bottom: 60% !important;
  }

  .start-md-70 {
    left: 70% !important;
  }

  .end-md-70 {
    right: 70% !important;
  }

  .top-md-70 {
    top: 70% !important;
  }

  .bottom-md-70 {
    bottom: 70% !important;
  }

  .start-md-80 {
    left: 80% !important;
  }

  .end-md-80 {
    right: 80% !important;
  }

  .top-md-80 {
    top: 80% !important;
  }

  .bottom-md-80 {
    bottom: 80% !important;
  }

  .start-md-90 {
    left: 90% !important;
  }

  .end-md-90 {
    right: 90% !important;
  }

  .top-md-90 {
    top: 90% !important;
  }

  .bottom-md-90 {
    bottom: 90% !important;
  }

  .start-md-100 {
    left: 100% !important;
  }

  .end-md-100 {
    right: 100% !important;
  }

  .top-md-100 {
    top: 100% !important;
  }

  .bottom-md-100 {
    bottom: 100% !important;
  }

  .start-md-10px {
    left: 10px !important;
  }

  .end-md-10px {
    right: 10px !important;
  }

  .top-md-10px {
    top: 10px !important;
  }

  .bottom-md-10px {
    bottom: 10px !important;
  }

  .start-md-11px {
    left: 11px !important;
  }

  .end-md-11px {
    right: 11px !important;
  }

  .top-md-11px {
    top: 11px !important;
  }

  .bottom-md-11px {
    bottom: 11px !important;
  }

  .start-md-12px {
    left: 12px !important;
  }

  .end-md-12px {
    right: 12px !important;
  }

  .top-md-12px {
    top: 12px !important;
  }

  .bottom-md-12px {
    bottom: 12px !important;
  }

  .start-md-13px {
    left: 13px !important;
  }

  .end-md-13px {
    right: 13px !important;
  }

  .top-md-13px {
    top: 13px !important;
  }

  .bottom-md-13px {
    bottom: 13px !important;
  }

  .start-md-14px {
    left: 14px !important;
  }

  .end-md-14px {
    right: 14px !important;
  }

  .top-md-14px {
    top: 14px !important;
  }

  .bottom-md-14px {
    bottom: 14px !important;
  }

  .start-md-15px {
    left: 15px !important;
  }

  .end-md-15px {
    right: 15px !important;
  }

  .top-md-15px {
    top: 15px !important;
  }

  .bottom-md-15px {
    bottom: 15px !important;
  }

  .start-md-16px {
    left: 16px !important;
  }

  .end-md-16px {
    right: 16px !important;
  }

  .top-md-16px {
    top: 16px !important;
  }

  .bottom-md-16px {
    bottom: 16px !important;
  }

  .start-md-17px {
    left: 17px !important;
  }

  .end-md-17px {
    right: 17px !important;
  }

  .top-md-17px {
    top: 17px !important;
  }

  .bottom-md-17px {
    bottom: 17px !important;
  }

  .start-md-18px {
    left: 18px !important;
  }

  .end-md-18px {
    right: 18px !important;
  }

  .top-md-18px {
    top: 18px !important;
  }

  .bottom-md-18px {
    bottom: 18px !important;
  }

  .start-md-19px {
    left: 19px !important;
  }

  .end-md-19px {
    right: 19px !important;
  }

  .top-md-19px {
    top: 19px !important;
  }

  .bottom-md-19px {
    bottom: 19px !important;
  }

  .start-md-20px {
    left: 20px !important;
  }

  .end-md-20px {
    right: 20px !important;
  }

  .top-md-20px {
    top: 20px !important;
  }

  .bottom-md-20px {
    bottom: 20px !important;
  }

  .start-md-21px {
    left: 21px !important;
  }

  .end-md-21px {
    right: 21px !important;
  }

  .top-md-21px {
    top: 21px !important;
  }

  .bottom-md-21px {
    bottom: 21px !important;
  }

  .start-md-22px {
    left: 22px !important;
  }

  .end-md-22px {
    right: 22px !important;
  }

  .top-md-22px {
    top: 22px !important;
  }

  .bottom-md-22px {
    bottom: 22px !important;
  }

  .start-md-23px {
    left: 23px !important;
  }

  .end-md-23px {
    right: 23px !important;
  }

  .top-md-23px {
    top: 23px !important;
  }

  .bottom-md-23px {
    bottom: 23px !important;
  }

  .start-md-24px {
    left: 24px !important;
  }

  .end-md-24px {
    right: 24px !important;
  }

  .top-md-24px {
    top: 24px !important;
  }

  .bottom-md-24px {
    bottom: 24px !important;
  }

  .start-md-25px {
    left: 25px !important;
  }

  .end-md-25px {
    right: 25px !important;
  }

  .top-md-25px {
    top: 25px !important;
  }

  .bottom-md-25px {
    bottom: 25px !important;
  }

  .start-md-26px {
    left: 26px !important;
  }

  .end-md-26px {
    right: 26px !important;
  }

  .top-md-26px {
    top: 26px !important;
  }

  .bottom-md-26px {
    bottom: 26px !important;
  }

  .start-md-27px {
    left: 27px !important;
  }

  .end-md-27px {
    right: 27px !important;
  }

  .top-md-27px {
    top: 27px !important;
  }

  .bottom-md-27px {
    bottom: 27px !important;
  }

  .start-md-28px {
    left: 28px !important;
  }

  .end-md-28px {
    right: 28px !important;
  }

  .top-md-28px {
    top: 28px !important;
  }

  .bottom-md-28px {
    bottom: 28px !important;
  }

  .start-md-29px {
    left: 29px !important;
  }

  .end-md-29px {
    right: 29px !important;
  }

  .top-md-29px {
    top: 29px !important;
  }

  .bottom-md-29px {
    bottom: 29px !important;
  }

  .start-md-30px {
    left: 30px !important;
  }

  .end-md-30px {
    right: 30px !important;
  }

  .top-md-30px {
    top: 30px !important;
  }

  .bottom-md-30px {
    bottom: 30px !important;
  }

  .start-md-31px {
    left: 31px !important;
  }

  .end-md-31px {
    right: 31px !important;
  }

  .top-md-31px {
    top: 31px !important;
  }

  .bottom-md-31px {
    bottom: 31px !important;
  }

  .start-md-32px {
    left: 32px !important;
  }

  .end-md-32px {
    right: 32px !important;
  }

  .top-md-32px {
    top: 32px !important;
  }

  .bottom-md-32px {
    bottom: 32px !important;
  }

  .start-md-33px {
    left: 33px !important;
  }

  .end-md-33px {
    right: 33px !important;
  }

  .top-md-33px {
    top: 33px !important;
  }

  .bottom-md-33px {
    bottom: 33px !important;
  }

  .start-md-34px {
    left: 34px !important;
  }

  .end-md-34px {
    right: 34px !important;
  }

  .top-md-34px {
    top: 34px !important;
  }

  .bottom-md-34px {
    bottom: 34px !important;
  }

  .start-md-35px {
    left: 35px !important;
  }

  .end-md-35px {
    right: 35px !important;
  }

  .top-md-35px {
    top: 35px !important;
  }

  .bottom-md-35px {
    bottom: 35px !important;
  }

  .start-md-36px {
    left: 36px !important;
  }

  .end-md-36px {
    right: 36px !important;
  }

  .top-md-36px {
    top: 36px !important;
  }

  .bottom-md-36px {
    bottom: 36px !important;
  }

  .start-md-37px {
    left: 37px !important;
  }

  .end-md-37px {
    right: 37px !important;
  }

  .top-md-37px {
    top: 37px !important;
  }

  .bottom-md-37px {
    bottom: 37px !important;
  }

  .start-md-38px {
    left: 38px !important;
  }

  .end-md-38px {
    right: 38px !important;
  }

  .top-md-38px {
    top: 38px !important;
  }

  .bottom-md-38px {
    bottom: 38px !important;
  }

  .start-md-39px {
    left: 39px !important;
  }

  .end-md-39px {
    right: 39px !important;
  }

  .top-md-39px {
    top: 39px !important;
  }

  .bottom-md-39px {
    bottom: 39px !important;
  }

  .start-md-40px {
    left: 40px !important;
  }

  .end-md-40px {
    right: 40px !important;
  }

  .top-md-40px {
    top: 40px !important;
  }

  .bottom-md-40px {
    bottom: 40px !important;
  }

  .start-md-41px {
    left: 41px !important;
  }

  .end-md-41px {
    right: 41px !important;
  }

  .top-md-41px {
    top: 41px !important;
  }

  .bottom-md-41px {
    bottom: 41px !important;
  }

  .start-md-42px {
    left: 42px !important;
  }

  .end-md-42px {
    right: 42px !important;
  }

  .top-md-42px {
    top: 42px !important;
  }

  .bottom-md-42px {
    bottom: 42px !important;
  }

  .start-md-43px {
    left: 43px !important;
  }

  .end-md-43px {
    right: 43px !important;
  }

  .top-md-43px {
    top: 43px !important;
  }

  .bottom-md-43px {
    bottom: 43px !important;
  }

  .start-md-44px {
    left: 44px !important;
  }

  .end-md-44px {
    right: 44px !important;
  }

  .top-md-44px {
    top: 44px !important;
  }

  .bottom-md-44px {
    bottom: 44px !important;
  }

  .start-md-45px {
    left: 45px !important;
  }

  .end-md-45px {
    right: 45px !important;
  }

  .top-md-45px {
    top: 45px !important;
  }

  .bottom-md-45px {
    bottom: 45px !important;
  }

  .start-md-46px {
    left: 46px !important;
  }

  .end-md-46px {
    right: 46px !important;
  }

  .top-md-46px {
    top: 46px !important;
  }

  .bottom-md-46px {
    bottom: 46px !important;
  }

  .start-md-47px {
    left: 47px !important;
  }

  .end-md-47px {
    right: 47px !important;
  }

  .top-md-47px {
    top: 47px !important;
  }

  .bottom-md-47px {
    bottom: 47px !important;
  }

  .start-md-48px {
    left: 48px !important;
  }

  .end-md-48px {
    right: 48px !important;
  }

  .top-md-48px {
    top: 48px !important;
  }

  .bottom-md-48px {
    bottom: 48px !important;
  }

  .start-md-49px {
    left: 49px !important;
  }

  .end-md-49px {
    right: 49px !important;
  }

  .top-md-49px {
    top: 49px !important;
  }

  .bottom-md-49px {
    bottom: 49px !important;
  }

  .start-md-50px {
    left: 50px !important;
  }

  .end-md-50px {
    right: 50px !important;
  }

  .top-md-50px {
    top: 50px !important;
  }

  .bottom-md-50px {
    bottom: 50px !important;
  }

  .start-md-n1px {
    left: -1px !important;
  }

  .end-md-n1px {
    right: -1px !important;
  }

  .top-md-n1px {
    top: -1px !important;
  }

  .bottom-md-n1px {
    bottom: -1px !important;
  }

  .start-md-n2px {
    left: -2px !important;
  }

  .end-md-n2px {
    right: -2px !important;
  }

  .top-md-n2px {
    top: -2px !important;
  }

  .bottom-md-n2px {
    bottom: -2px !important;
  }

  .start-md-n3px {
    left: -3px !important;
  }

  .end-md-n3px {
    right: -3px !important;
  }

  .top-md-n3px {
    top: -3px !important;
  }

  .bottom-md-n3px {
    bottom: -3px !important;
  }

  .start-md-n4px {
    left: -4px !important;
  }

  .end-md-n4px {
    right: -4px !important;
  }

  .top-md-n4px {
    top: -4px !important;
  }

  .bottom-md-n4px {
    bottom: -4px !important;
  }

  .start-md-n5px {
    left: -5px !important;
  }

  .end-md-n5px {
    right: -5px !important;
  }

  .top-md-n5px {
    top: -5px !important;
  }

  .bottom-md-n5px {
    bottom: -5px !important;
  }

  .start-md-n6px {
    left: -6px !important;
  }

  .end-md-n6px {
    right: -6px !important;
  }

  .top-md-n6px {
    top: -6px !important;
  }

  .bottom-md-n6px {
    bottom: -6px !important;
  }

  .start-md-n7px {
    left: -7px !important;
  }

  .end-md-n7px {
    right: -7px !important;
  }

  .top-md-n7px {
    top: -7px !important;
  }

  .bottom-md-n7px {
    bottom: -7px !important;
  }

  .start-md-n8px {
    left: -8px !important;
  }

  .end-md-n8px {
    right: -8px !important;
  }

  .top-md-n8px {
    top: -8px !important;
  }

  .bottom-md-n8px {
    bottom: -8px !important;
  }

  .start-md-n9px {
    left: -9px !important;
  }

  .end-md-n9px {
    right: -9px !important;
  }

  .top-md-n9px {
    top: -9px !important;
  }

  .bottom-md-n9px {
    bottom: -9px !important;
  }

  .start-md-n10px {
    left: -10px !important;
  }

  .end-md-n10px {
    right: -10px !important;
  }

  .top-md-n10px {
    top: -10px !important;
  }

  .bottom-md-n10px {
    bottom: -10px !important;
  }

  .start-md-n11px {
    left: -11px !important;
  }

  .end-md-n11px {
    right: -11px !important;
  }

  .top-md-n11px {
    top: -11px !important;
  }

  .bottom-md-n11px {
    bottom: -11px !important;
  }

  .start-md-n12px {
    left: -12px !important;
  }

  .end-md-n12px {
    right: -12px !important;
  }

  .top-md-n12px {
    top: -12px !important;
  }

  .bottom-md-n12px {
    bottom: -12px !important;
  }

  .start-md-n13px {
    left: -13px !important;
  }

  .end-md-n13px {
    right: -13px !important;
  }

  .top-md-n13px {
    top: -13px !important;
  }

  .bottom-md-n13px {
    bottom: -13px !important;
  }

  .start-md-n14px {
    left: -14px !important;
  }

  .end-md-n14px {
    right: -14px !important;
  }

  .top-md-n14px {
    top: -14px !important;
  }

  .bottom-md-n14px {
    bottom: -14px !important;
  }

  .start-md-n15px {
    left: -15px !important;
  }

  .end-md-n15px {
    right: -15px !important;
  }

  .top-md-n15px {
    top: -15px !important;
  }

  .bottom-md-n15px {
    bottom: -15px !important;
  }

  .start-md-n16px {
    left: -16px !important;
  }

  .end-md-n16px {
    right: -16px !important;
  }

  .top-md-n16px {
    top: -16px !important;
  }

  .bottom-md-n16px {
    bottom: -16px !important;
  }

  .start-md-n17px {
    left: -17px !important;
  }

  .end-md-n17px {
    right: -17px !important;
  }

  .top-md-n17px {
    top: -17px !important;
  }

  .bottom-md-n17px {
    bottom: -17px !important;
  }

  .start-md-n18px {
    left: -18px !important;
  }

  .end-md-n18px {
    right: -18px !important;
  }

  .top-md-n18px {
    top: -18px !important;
  }

  .bottom-md-n18px {
    bottom: -18px !important;
  }

  .start-md-n19px {
    left: -19px !important;
  }

  .end-md-n19px {
    right: -19px !important;
  }

  .top-md-n19px {
    top: -19px !important;
  }

  .bottom-md-n19px {
    bottom: -19px !important;
  }

  .start-md-n20px {
    left: -20px !important;
  }

  .end-md-n20px {
    right: -20px !important;
  }

  .top-md-n20px {
    top: -20px !important;
  }

  .bottom-md-n20px {
    bottom: -20px !important;
  }

  .start-md-n21px {
    left: -21px !important;
  }

  .end-md-n21px {
    right: -21px !important;
  }

  .top-md-n21px {
    top: -21px !important;
  }

  .bottom-md-n21px {
    bottom: -21px !important;
  }

  .start-md-n22px {
    left: -22px !important;
  }

  .end-md-n22px {
    right: -22px !important;
  }

  .top-md-n22px {
    top: -22px !important;
  }

  .bottom-md-n22px {
    bottom: -22px !important;
  }

  .start-md-n23px {
    left: -23px !important;
  }

  .end-md-n23px {
    right: -23px !important;
  }

  .top-md-n23px {
    top: -23px !important;
  }

  .bottom-md-n23px {
    bottom: -23px !important;
  }

  .start-md-n24px {
    left: -24px !important;
  }

  .end-md-n24px {
    right: -24px !important;
  }

  .top-md-n24px {
    top: -24px !important;
  }

  .bottom-md-n24px {
    bottom: -24px !important;
  }

  .start-md-n25px {
    left: -25px !important;
  }

  .end-md-n25px {
    right: -25px !important;
  }

  .top-md-n25px {
    top: -25px !important;
  }

  .bottom-md-n25px {
    bottom: -25px !important;
  }

  .start-md-n26px {
    left: -26px !important;
  }

  .end-md-n26px {
    right: -26px !important;
  }

  .top-md-n26px {
    top: -26px !important;
  }

  .bottom-md-n26px {
    bottom: -26px !important;
  }

  .start-md-n27px {
    left: -27px !important;
  }

  .end-md-n27px {
    right: -27px !important;
  }

  .top-md-n27px {
    top: -27px !important;
  }

  .bottom-md-n27px {
    bottom: -27px !important;
  }

  .start-md-n28px {
    left: -28px !important;
  }

  .end-md-n28px {
    right: -28px !important;
  }

  .top-md-n28px {
    top: -28px !important;
  }

  .bottom-md-n28px {
    bottom: -28px !important;
  }

  .start-md-n29px {
    left: -29px !important;
  }

  .end-md-n29px {
    right: -29px !important;
  }

  .top-md-n29px {
    top: -29px !important;
  }

  .bottom-md-n29px {
    bottom: -29px !important;
  }

  .start-md-n30px {
    left: -30px !important;
  }

  .end-md-n30px {
    right: -30px !important;
  }

  .top-md-n30px {
    top: -30px !important;
  }

  .bottom-md-n30px {
    bottom: -30px !important;
  }
}

@media (min-width: 992px) {
  .start-lg-0 {
    left: 0% !important;
  }

  .end-lg-0 {
    right: 0% !important;
  }

  .top-lg-0 {
    top: 0% !important;
  }

  .bottom-lg-0 {
    bottom: 0% !important;
  }

  .start-lg-10 {
    left: 10% !important;
  }

  .end-lg-10 {
    right: 10% !important;
  }

  .top-lg-10 {
    top: 10% !important;
  }

  .bottom-lg-10 {
    bottom: 10% !important;
  }

  .start-lg-20 {
    left: 20% !important;
  }

  .end-lg-20 {
    right: 20% !important;
  }

  .top-lg-20 {
    top: 20% !important;
  }

  .bottom-lg-20 {
    bottom: 20% !important;
  }

  .start-lg-30 {
    left: 30% !important;
  }

  .end-lg-30 {
    right: 30% !important;
  }

  .top-lg-30 {
    top: 30% !important;
  }

  .bottom-lg-30 {
    bottom: 30% !important;
  }

  .start-lg-40 {
    left: 40% !important;
  }

  .end-lg-40 {
    right: 40% !important;
  }

  .top-lg-40 {
    top: 40% !important;
  }

  .bottom-lg-40 {
    bottom: 40% !important;
  }

  .start-lg-50 {
    left: 50% !important;
  }

  .end-lg-50 {
    right: 50% !important;
  }

  .top-lg-50 {
    top: 50% !important;
  }

  .bottom-lg-50 {
    bottom: 50% !important;
  }

  .start-lg-60 {
    left: 60% !important;
  }

  .end-lg-60 {
    right: 60% !important;
  }

  .top-lg-60 {
    top: 60% !important;
  }

  .bottom-lg-60 {
    bottom: 60% !important;
  }

  .start-lg-70 {
    left: 70% !important;
  }

  .end-lg-70 {
    right: 70% !important;
  }

  .top-lg-70 {
    top: 70% !important;
  }

  .bottom-lg-70 {
    bottom: 70% !important;
  }

  .start-lg-80 {
    left: 80% !important;
  }

  .end-lg-80 {
    right: 80% !important;
  }

  .top-lg-80 {
    top: 80% !important;
  }

  .bottom-lg-80 {
    bottom: 80% !important;
  }

  .start-lg-90 {
    left: 90% !important;
  }

  .end-lg-90 {
    right: 90% !important;
  }

  .top-lg-90 {
    top: 90% !important;
  }

  .bottom-lg-90 {
    bottom: 90% !important;
  }

  .start-lg-100 {
    left: 100% !important;
  }

  .end-lg-100 {
    right: 100% !important;
  }

  .top-lg-100 {
    top: 100% !important;
  }

  .bottom-lg-100 {
    bottom: 100% !important;
  }

  .start-lg-10px {
    left: 10px !important;
  }

  .end-lg-10px {
    right: 10px !important;
  }

  .top-lg-10px {
    top: 10px !important;
  }

  .bottom-lg-10px {
    bottom: 10px !important;
  }

  .start-lg-11px {
    left: 11px !important;
  }

  .end-lg-11px {
    right: 11px !important;
  }

  .top-lg-11px {
    top: 11px !important;
  }

  .bottom-lg-11px {
    bottom: 11px !important;
  }

  .start-lg-12px {
    left: 12px !important;
  }

  .end-lg-12px {
    right: 12px !important;
  }

  .top-lg-12px {
    top: 12px !important;
  }

  .bottom-lg-12px {
    bottom: 12px !important;
  }

  .start-lg-13px {
    left: 13px !important;
  }

  .end-lg-13px {
    right: 13px !important;
  }

  .top-lg-13px {
    top: 13px !important;
  }

  .bottom-lg-13px {
    bottom: 13px !important;
  }

  .start-lg-14px {
    left: 14px !important;
  }

  .end-lg-14px {
    right: 14px !important;
  }

  .top-lg-14px {
    top: 14px !important;
  }

  .bottom-lg-14px {
    bottom: 14px !important;
  }

  .start-lg-15px {
    left: 15px !important;
  }

  .end-lg-15px {
    right: 15px !important;
  }

  .top-lg-15px {
    top: 15px !important;
  }

  .bottom-lg-15px {
    bottom: 15px !important;
  }

  .start-lg-16px {
    left: 16px !important;
  }

  .end-lg-16px {
    right: 16px !important;
  }

  .top-lg-16px {
    top: 16px !important;
  }

  .bottom-lg-16px {
    bottom: 16px !important;
  }

  .start-lg-17px {
    left: 17px !important;
  }

  .end-lg-17px {
    right: 17px !important;
  }

  .top-lg-17px {
    top: 17px !important;
  }

  .bottom-lg-17px {
    bottom: 17px !important;
  }

  .start-lg-18px {
    left: 18px !important;
  }

  .end-lg-18px {
    right: 18px !important;
  }

  .top-lg-18px {
    top: 18px !important;
  }

  .bottom-lg-18px {
    bottom: 18px !important;
  }

  .start-lg-19px {
    left: 19px !important;
  }

  .end-lg-19px {
    right: 19px !important;
  }

  .top-lg-19px {
    top: 19px !important;
  }

  .bottom-lg-19px {
    bottom: 19px !important;
  }

  .start-lg-20px {
    left: 20px !important;
  }

  .end-lg-20px {
    right: 20px !important;
  }

  .top-lg-20px {
    top: 20px !important;
  }

  .bottom-lg-20px {
    bottom: 20px !important;
  }

  .start-lg-21px {
    left: 21px !important;
  }

  .end-lg-21px {
    right: 21px !important;
  }

  .top-lg-21px {
    top: 21px !important;
  }

  .bottom-lg-21px {
    bottom: 21px !important;
  }

  .start-lg-22px {
    left: 22px !important;
  }

  .end-lg-22px {
    right: 22px !important;
  }

  .top-lg-22px {
    top: 22px !important;
  }

  .bottom-lg-22px {
    bottom: 22px !important;
  }

  .start-lg-23px {
    left: 23px !important;
  }

  .end-lg-23px {
    right: 23px !important;
  }

  .top-lg-23px {
    top: 23px !important;
  }

  .bottom-lg-23px {
    bottom: 23px !important;
  }

  .start-lg-24px {
    left: 24px !important;
  }

  .end-lg-24px {
    right: 24px !important;
  }

  .top-lg-24px {
    top: 24px !important;
  }

  .bottom-lg-24px {
    bottom: 24px !important;
  }

  .start-lg-25px {
    left: 25px !important;
  }

  .end-lg-25px {
    right: 25px !important;
  }

  .top-lg-25px {
    top: 25px !important;
  }

  .bottom-lg-25px {
    bottom: 25px !important;
  }

  .start-lg-26px {
    left: 26px !important;
  }

  .end-lg-26px {
    right: 26px !important;
  }

  .top-lg-26px {
    top: 26px !important;
  }

  .bottom-lg-26px {
    bottom: 26px !important;
  }

  .start-lg-27px {
    left: 27px !important;
  }

  .end-lg-27px {
    right: 27px !important;
  }

  .top-lg-27px {
    top: 27px !important;
  }

  .bottom-lg-27px {
    bottom: 27px !important;
  }

  .start-lg-28px {
    left: 28px !important;
  }

  .end-lg-28px {
    right: 28px !important;
  }

  .top-lg-28px {
    top: 28px !important;
  }

  .bottom-lg-28px {
    bottom: 28px !important;
  }

  .start-lg-29px {
    left: 29px !important;
  }

  .end-lg-29px {
    right: 29px !important;
  }

  .top-lg-29px {
    top: 29px !important;
  }

  .bottom-lg-29px {
    bottom: 29px !important;
  }

  .start-lg-30px {
    left: 30px !important;
  }

  .end-lg-30px {
    right: 30px !important;
  }

  .top-lg-30px {
    top: 30px !important;
  }

  .bottom-lg-30px {
    bottom: 30px !important;
  }

  .start-lg-31px {
    left: 31px !important;
  }

  .end-lg-31px {
    right: 31px !important;
  }

  .top-lg-31px {
    top: 31px !important;
  }

  .bottom-lg-31px {
    bottom: 31px !important;
  }

  .start-lg-32px {
    left: 32px !important;
  }

  .end-lg-32px {
    right: 32px !important;
  }

  .top-lg-32px {
    top: 32px !important;
  }

  .bottom-lg-32px {
    bottom: 32px !important;
  }

  .start-lg-33px {
    left: 33px !important;
  }

  .end-lg-33px {
    right: 33px !important;
  }

  .top-lg-33px {
    top: 33px !important;
  }

  .bottom-lg-33px {
    bottom: 33px !important;
  }

  .start-lg-34px {
    left: 34px !important;
  }

  .end-lg-34px {
    right: 34px !important;
  }

  .top-lg-34px {
    top: 34px !important;
  }

  .bottom-lg-34px {
    bottom: 34px !important;
  }

  .start-lg-35px {
    left: 35px !important;
  }

  .end-lg-35px {
    right: 35px !important;
  }

  .top-lg-35px {
    top: 35px !important;
  }

  .bottom-lg-35px {
    bottom: 35px !important;
  }

  .start-lg-36px {
    left: 36px !important;
  }

  .end-lg-36px {
    right: 36px !important;
  }

  .top-lg-36px {
    top: 36px !important;
  }

  .bottom-lg-36px {
    bottom: 36px !important;
  }

  .start-lg-37px {
    left: 37px !important;
  }

  .end-lg-37px {
    right: 37px !important;
  }

  .top-lg-37px {
    top: 37px !important;
  }

  .bottom-lg-37px {
    bottom: 37px !important;
  }

  .start-lg-38px {
    left: 38px !important;
  }

  .end-lg-38px {
    right: 38px !important;
  }

  .top-lg-38px {
    top: 38px !important;
  }

  .bottom-lg-38px {
    bottom: 38px !important;
  }

  .start-lg-39px {
    left: 39px !important;
  }

  .end-lg-39px {
    right: 39px !important;
  }

  .top-lg-39px {
    top: 39px !important;
  }

  .bottom-lg-39px {
    bottom: 39px !important;
  }

  .start-lg-40px {
    left: 40px !important;
  }

  .end-lg-40px {
    right: 40px !important;
  }

  .top-lg-40px {
    top: 40px !important;
  }

  .bottom-lg-40px {
    bottom: 40px !important;
  }

  .start-lg-41px {
    left: 41px !important;
  }

  .end-lg-41px {
    right: 41px !important;
  }

  .top-lg-41px {
    top: 41px !important;
  }

  .bottom-lg-41px {
    bottom: 41px !important;
  }

  .start-lg-42px {
    left: 42px !important;
  }

  .end-lg-42px {
    right: 42px !important;
  }

  .top-lg-42px {
    top: 42px !important;
  }

  .bottom-lg-42px {
    bottom: 42px !important;
  }

  .start-lg-43px {
    left: 43px !important;
  }

  .end-lg-43px {
    right: 43px !important;
  }

  .top-lg-43px {
    top: 43px !important;
  }

  .bottom-lg-43px {
    bottom: 43px !important;
  }

  .start-lg-44px {
    left: 44px !important;
  }

  .end-lg-44px {
    right: 44px !important;
  }

  .top-lg-44px {
    top: 44px !important;
  }

  .bottom-lg-44px {
    bottom: 44px !important;
  }

  .start-lg-45px {
    left: 45px !important;
  }

  .end-lg-45px {
    right: 45px !important;
  }

  .top-lg-45px {
    top: 45px !important;
  }

  .bottom-lg-45px {
    bottom: 45px !important;
  }

  .start-lg-46px {
    left: 46px !important;
  }

  .end-lg-46px {
    right: 46px !important;
  }

  .top-lg-46px {
    top: 46px !important;
  }

  .bottom-lg-46px {
    bottom: 46px !important;
  }

  .start-lg-47px {
    left: 47px !important;
  }

  .end-lg-47px {
    right: 47px !important;
  }

  .top-lg-47px {
    top: 47px !important;
  }

  .bottom-lg-47px {
    bottom: 47px !important;
  }

  .start-lg-48px {
    left: 48px !important;
  }

  .end-lg-48px {
    right: 48px !important;
  }

  .top-lg-48px {
    top: 48px !important;
  }

  .bottom-lg-48px {
    bottom: 48px !important;
  }

  .start-lg-49px {
    left: 49px !important;
  }

  .end-lg-49px {
    right: 49px !important;
  }

  .top-lg-49px {
    top: 49px !important;
  }

  .bottom-lg-49px {
    bottom: 49px !important;
  }

  .start-lg-50px {
    left: 50px !important;
  }

  .end-lg-50px {
    right: 50px !important;
  }

  .top-lg-50px {
    top: 50px !important;
  }

  .bottom-lg-50px {
    bottom: 50px !important;
  }

  .start-lg-n1px {
    left: -1px !important;
  }

  .end-lg-n1px {
    right: -1px !important;
  }

  .top-lg-n1px {
    top: -1px !important;
  }

  .bottom-lg-n1px {
    bottom: -1px !important;
  }

  .start-lg-n2px {
    left: -2px !important;
  }

  .end-lg-n2px {
    right: -2px !important;
  }

  .top-lg-n2px {
    top: -2px !important;
  }

  .bottom-lg-n2px {
    bottom: -2px !important;
  }

  .start-lg-n3px {
    left: -3px !important;
  }

  .end-lg-n3px {
    right: -3px !important;
  }

  .top-lg-n3px {
    top: -3px !important;
  }

  .bottom-lg-n3px {
    bottom: -3px !important;
  }

  .start-lg-n4px {
    left: -4px !important;
  }

  .end-lg-n4px {
    right: -4px !important;
  }

  .top-lg-n4px {
    top: -4px !important;
  }

  .bottom-lg-n4px {
    bottom: -4px !important;
  }

  .start-lg-n5px {
    left: -5px !important;
  }

  .end-lg-n5px {
    right: -5px !important;
  }

  .top-lg-n5px {
    top: -5px !important;
  }

  .bottom-lg-n5px {
    bottom: -5px !important;
  }

  .start-lg-n6px {
    left: -6px !important;
  }

  .end-lg-n6px {
    right: -6px !important;
  }

  .top-lg-n6px {
    top: -6px !important;
  }

  .bottom-lg-n6px {
    bottom: -6px !important;
  }

  .start-lg-n7px {
    left: -7px !important;
  }

  .end-lg-n7px {
    right: -7px !important;
  }

  .top-lg-n7px {
    top: -7px !important;
  }

  .bottom-lg-n7px {
    bottom: -7px !important;
  }

  .start-lg-n8px {
    left: -8px !important;
  }

  .end-lg-n8px {
    right: -8px !important;
  }

  .top-lg-n8px {
    top: -8px !important;
  }

  .bottom-lg-n8px {
    bottom: -8px !important;
  }

  .start-lg-n9px {
    left: -9px !important;
  }

  .end-lg-n9px {
    right: -9px !important;
  }

  .top-lg-n9px {
    top: -9px !important;
  }

  .bottom-lg-n9px {
    bottom: -9px !important;
  }

  .start-lg-n10px {
    left: -10px !important;
  }

  .end-lg-n10px {
    right: -10px !important;
  }

  .top-lg-n10px {
    top: -10px !important;
  }

  .bottom-lg-n10px {
    bottom: -10px !important;
  }

  .start-lg-n11px {
    left: -11px !important;
  }

  .end-lg-n11px {
    right: -11px !important;
  }

  .top-lg-n11px {
    top: -11px !important;
  }

  .bottom-lg-n11px {
    bottom: -11px !important;
  }

  .start-lg-n12px {
    left: -12px !important;
  }

  .end-lg-n12px {
    right: -12px !important;
  }

  .top-lg-n12px {
    top: -12px !important;
  }

  .bottom-lg-n12px {
    bottom: -12px !important;
  }

  .start-lg-n13px {
    left: -13px !important;
  }

  .end-lg-n13px {
    right: -13px !important;
  }

  .top-lg-n13px {
    top: -13px !important;
  }

  .bottom-lg-n13px {
    bottom: -13px !important;
  }

  .start-lg-n14px {
    left: -14px !important;
  }

  .end-lg-n14px {
    right: -14px !important;
  }

  .top-lg-n14px {
    top: -14px !important;
  }

  .bottom-lg-n14px {
    bottom: -14px !important;
  }

  .start-lg-n15px {
    left: -15px !important;
  }

  .end-lg-n15px {
    right: -15px !important;
  }

  .top-lg-n15px {
    top: -15px !important;
  }

  .bottom-lg-n15px {
    bottom: -15px !important;
  }

  .start-lg-n16px {
    left: -16px !important;
  }

  .end-lg-n16px {
    right: -16px !important;
  }

  .top-lg-n16px {
    top: -16px !important;
  }

  .bottom-lg-n16px {
    bottom: -16px !important;
  }

  .start-lg-n17px {
    left: -17px !important;
  }

  .end-lg-n17px {
    right: -17px !important;
  }

  .top-lg-n17px {
    top: -17px !important;
  }

  .bottom-lg-n17px {
    bottom: -17px !important;
  }

  .start-lg-n18px {
    left: -18px !important;
  }

  .end-lg-n18px {
    right: -18px !important;
  }

  .top-lg-n18px {
    top: -18px !important;
  }

  .bottom-lg-n18px {
    bottom: -18px !important;
  }

  .start-lg-n19px {
    left: -19px !important;
  }

  .end-lg-n19px {
    right: -19px !important;
  }

  .top-lg-n19px {
    top: -19px !important;
  }

  .bottom-lg-n19px {
    bottom: -19px !important;
  }

  .start-lg-n20px {
    left: -20px !important;
  }

  .end-lg-n20px {
    right: -20px !important;
  }

  .top-lg-n20px {
    top: -20px !important;
  }

  .bottom-lg-n20px {
    bottom: -20px !important;
  }

  .start-lg-n21px {
    left: -21px !important;
  }

  .end-lg-n21px {
    right: -21px !important;
  }

  .top-lg-n21px {
    top: -21px !important;
  }

  .bottom-lg-n21px {
    bottom: -21px !important;
  }

  .start-lg-n22px {
    left: -22px !important;
  }

  .end-lg-n22px {
    right: -22px !important;
  }

  .top-lg-n22px {
    top: -22px !important;
  }

  .bottom-lg-n22px {
    bottom: -22px !important;
  }

  .start-lg-n23px {
    left: -23px !important;
  }

  .end-lg-n23px {
    right: -23px !important;
  }

  .top-lg-n23px {
    top: -23px !important;
  }

  .bottom-lg-n23px {
    bottom: -23px !important;
  }

  .start-lg-n24px {
    left: -24px !important;
  }

  .end-lg-n24px {
    right: -24px !important;
  }

  .top-lg-n24px {
    top: -24px !important;
  }

  .bottom-lg-n24px {
    bottom: -24px !important;
  }

  .start-lg-n25px {
    left: -25px !important;
  }

  .end-lg-n25px {
    right: -25px !important;
  }

  .top-lg-n25px {
    top: -25px !important;
  }

  .bottom-lg-n25px {
    bottom: -25px !important;
  }

  .start-lg-n26px {
    left: -26px !important;
  }

  .end-lg-n26px {
    right: -26px !important;
  }

  .top-lg-n26px {
    top: -26px !important;
  }

  .bottom-lg-n26px {
    bottom: -26px !important;
  }

  .start-lg-n27px {
    left: -27px !important;
  }

  .end-lg-n27px {
    right: -27px !important;
  }

  .top-lg-n27px {
    top: -27px !important;
  }

  .bottom-lg-n27px {
    bottom: -27px !important;
  }

  .start-lg-n28px {
    left: -28px !important;
  }

  .end-lg-n28px {
    right: -28px !important;
  }

  .top-lg-n28px {
    top: -28px !important;
  }

  .bottom-lg-n28px {
    bottom: -28px !important;
  }

  .start-lg-n29px {
    left: -29px !important;
  }

  .end-lg-n29px {
    right: -29px !important;
  }

  .top-lg-n29px {
    top: -29px !important;
  }

  .bottom-lg-n29px {
    bottom: -29px !important;
  }

  .start-lg-n30px {
    left: -30px !important;
  }

  .end-lg-n30px {
    right: -30px !important;
  }

  .top-lg-n30px {
    top: -30px !important;
  }

  .bottom-lg-n30px {
    bottom: -30px !important;
  }
}

@media (min-width: 1200px) {
  .start-xl-0 {
    left: 0% !important;
  }

  .end-xl-0 {
    right: 0% !important;
  }

  .top-xl-0 {
    top: 0% !important;
  }

  .bottom-xl-0 {
    bottom: 0% !important;
  }

  .start-xl-10 {
    left: 10% !important;
  }

  .end-xl-10 {
    right: 10% !important;
  }

  .top-xl-10 {
    top: 10% !important;
  }

  .bottom-xl-10 {
    bottom: 10% !important;
  }

  .start-xl-20 {
    left: 20% !important;
  }

  .end-xl-20 {
    right: 20% !important;
  }

  .top-xl-20 {
    top: 20% !important;
  }

  .bottom-xl-20 {
    bottom: 20% !important;
  }

  .start-xl-30 {
    left: 30% !important;
  }

  .end-xl-30 {
    right: 30% !important;
  }

  .top-xl-30 {
    top: 30% !important;
  }

  .bottom-xl-30 {
    bottom: 30% !important;
  }

  .start-xl-40 {
    left: 40% !important;
  }

  .end-xl-40 {
    right: 40% !important;
  }

  .top-xl-40 {
    top: 40% !important;
  }

  .bottom-xl-40 {
    bottom: 40% !important;
  }

  .start-xl-50 {
    left: 50% !important;
  }

  .end-xl-50 {
    right: 50% !important;
  }

  .top-xl-50 {
    top: 50% !important;
  }

  .bottom-xl-50 {
    bottom: 50% !important;
  }

  .start-xl-60 {
    left: 60% !important;
  }

  .end-xl-60 {
    right: 60% !important;
  }

  .top-xl-60 {
    top: 60% !important;
  }

  .bottom-xl-60 {
    bottom: 60% !important;
  }

  .start-xl-70 {
    left: 70% !important;
  }

  .end-xl-70 {
    right: 70% !important;
  }

  .top-xl-70 {
    top: 70% !important;
  }

  .bottom-xl-70 {
    bottom: 70% !important;
  }

  .start-xl-80 {
    left: 80% !important;
  }

  .end-xl-80 {
    right: 80% !important;
  }

  .top-xl-80 {
    top: 80% !important;
  }

  .bottom-xl-80 {
    bottom: 80% !important;
  }

  .start-xl-90 {
    left: 90% !important;
  }

  .end-xl-90 {
    right: 90% !important;
  }

  .top-xl-90 {
    top: 90% !important;
  }

  .bottom-xl-90 {
    bottom: 90% !important;
  }

  .start-xl-100 {
    left: 100% !important;
  }

  .end-xl-100 {
    right: 100% !important;
  }

  .top-xl-100 {
    top: 100% !important;
  }

  .bottom-xl-100 {
    bottom: 100% !important;
  }

  .start-xl-10px {
    left: 10px !important;
  }

  .end-xl-10px {
    right: 10px !important;
  }

  .top-xl-10px {
    top: 10px !important;
  }

  .bottom-xl-10px {
    bottom: 10px !important;
  }

  .start-xl-11px {
    left: 11px !important;
  }

  .end-xl-11px {
    right: 11px !important;
  }

  .top-xl-11px {
    top: 11px !important;
  }

  .bottom-xl-11px {
    bottom: 11px !important;
  }

  .start-xl-12px {
    left: 12px !important;
  }

  .end-xl-12px {
    right: 12px !important;
  }

  .top-xl-12px {
    top: 12px !important;
  }

  .bottom-xl-12px {
    bottom: 12px !important;
  }

  .start-xl-13px {
    left: 13px !important;
  }

  .end-xl-13px {
    right: 13px !important;
  }

  .top-xl-13px {
    top: 13px !important;
  }

  .bottom-xl-13px {
    bottom: 13px !important;
  }

  .start-xl-14px {
    left: 14px !important;
  }

  .end-xl-14px {
    right: 14px !important;
  }

  .top-xl-14px {
    top: 14px !important;
  }

  .bottom-xl-14px {
    bottom: 14px !important;
  }

  .start-xl-15px {
    left: 15px !important;
  }

  .end-xl-15px {
    right: 15px !important;
  }

  .top-xl-15px {
    top: 15px !important;
  }

  .bottom-xl-15px {
    bottom: 15px !important;
  }

  .start-xl-16px {
    left: 16px !important;
  }

  .end-xl-16px {
    right: 16px !important;
  }

  .top-xl-16px {
    top: 16px !important;
  }

  .bottom-xl-16px {
    bottom: 16px !important;
  }

  .start-xl-17px {
    left: 17px !important;
  }

  .end-xl-17px {
    right: 17px !important;
  }

  .top-xl-17px {
    top: 17px !important;
  }

  .bottom-xl-17px {
    bottom: 17px !important;
  }

  .start-xl-18px {
    left: 18px !important;
  }

  .end-xl-18px {
    right: 18px !important;
  }

  .top-xl-18px {
    top: 18px !important;
  }

  .bottom-xl-18px {
    bottom: 18px !important;
  }

  .start-xl-19px {
    left: 19px !important;
  }

  .end-xl-19px {
    right: 19px !important;
  }

  .top-xl-19px {
    top: 19px !important;
  }

  .bottom-xl-19px {
    bottom: 19px !important;
  }

  .start-xl-20px {
    left: 20px !important;
  }

  .end-xl-20px {
    right: 20px !important;
  }

  .top-xl-20px {
    top: 20px !important;
  }

  .bottom-xl-20px {
    bottom: 20px !important;
  }

  .start-xl-21px {
    left: 21px !important;
  }

  .end-xl-21px {
    right: 21px !important;
  }

  .top-xl-21px {
    top: 21px !important;
  }

  .bottom-xl-21px {
    bottom: 21px !important;
  }

  .start-xl-22px {
    left: 22px !important;
  }

  .end-xl-22px {
    right: 22px !important;
  }

  .top-xl-22px {
    top: 22px !important;
  }

  .bottom-xl-22px {
    bottom: 22px !important;
  }

  .start-xl-23px {
    left: 23px !important;
  }

  .end-xl-23px {
    right: 23px !important;
  }

  .top-xl-23px {
    top: 23px !important;
  }

  .bottom-xl-23px {
    bottom: 23px !important;
  }

  .start-xl-24px {
    left: 24px !important;
  }

  .end-xl-24px {
    right: 24px !important;
  }

  .top-xl-24px {
    top: 24px !important;
  }

  .bottom-xl-24px {
    bottom: 24px !important;
  }

  .start-xl-25px {
    left: 25px !important;
  }

  .end-xl-25px {
    right: 25px !important;
  }

  .top-xl-25px {
    top: 25px !important;
  }

  .bottom-xl-25px {
    bottom: 25px !important;
  }

  .start-xl-26px {
    left: 26px !important;
  }

  .end-xl-26px {
    right: 26px !important;
  }

  .top-xl-26px {
    top: 26px !important;
  }

  .bottom-xl-26px {
    bottom: 26px !important;
  }

  .start-xl-27px {
    left: 27px !important;
  }

  .end-xl-27px {
    right: 27px !important;
  }

  .top-xl-27px {
    top: 27px !important;
  }

  .bottom-xl-27px {
    bottom: 27px !important;
  }

  .start-xl-28px {
    left: 28px !important;
  }

  .end-xl-28px {
    right: 28px !important;
  }

  .top-xl-28px {
    top: 28px !important;
  }

  .bottom-xl-28px {
    bottom: 28px !important;
  }

  .start-xl-29px {
    left: 29px !important;
  }

  .end-xl-29px {
    right: 29px !important;
  }

  .top-xl-29px {
    top: 29px !important;
  }

  .bottom-xl-29px {
    bottom: 29px !important;
  }

  .start-xl-30px {
    left: 30px !important;
  }

  .end-xl-30px {
    right: 30px !important;
  }

  .top-xl-30px {
    top: 30px !important;
  }

  .bottom-xl-30px {
    bottom: 30px !important;
  }

  .start-xl-31px {
    left: 31px !important;
  }

  .end-xl-31px {
    right: 31px !important;
  }

  .top-xl-31px {
    top: 31px !important;
  }

  .bottom-xl-31px {
    bottom: 31px !important;
  }

  .start-xl-32px {
    left: 32px !important;
  }

  .end-xl-32px {
    right: 32px !important;
  }

  .top-xl-32px {
    top: 32px !important;
  }

  .bottom-xl-32px {
    bottom: 32px !important;
  }

  .start-xl-33px {
    left: 33px !important;
  }

  .end-xl-33px {
    right: 33px !important;
  }

  .top-xl-33px {
    top: 33px !important;
  }

  .bottom-xl-33px {
    bottom: 33px !important;
  }

  .start-xl-34px {
    left: 34px !important;
  }

  .end-xl-34px {
    right: 34px !important;
  }

  .top-xl-34px {
    top: 34px !important;
  }

  .bottom-xl-34px {
    bottom: 34px !important;
  }

  .start-xl-35px {
    left: 35px !important;
  }

  .end-xl-35px {
    right: 35px !important;
  }

  .top-xl-35px {
    top: 35px !important;
  }

  .bottom-xl-35px {
    bottom: 35px !important;
  }

  .start-xl-36px {
    left: 36px !important;
  }

  .end-xl-36px {
    right: 36px !important;
  }

  .top-xl-36px {
    top: 36px !important;
  }

  .bottom-xl-36px {
    bottom: 36px !important;
  }

  .start-xl-37px {
    left: 37px !important;
  }

  .end-xl-37px {
    right: 37px !important;
  }

  .top-xl-37px {
    top: 37px !important;
  }

  .bottom-xl-37px {
    bottom: 37px !important;
  }

  .start-xl-38px {
    left: 38px !important;
  }

  .end-xl-38px {
    right: 38px !important;
  }

  .top-xl-38px {
    top: 38px !important;
  }

  .bottom-xl-38px {
    bottom: 38px !important;
  }

  .start-xl-39px {
    left: 39px !important;
  }

  .end-xl-39px {
    right: 39px !important;
  }

  .top-xl-39px {
    top: 39px !important;
  }

  .bottom-xl-39px {
    bottom: 39px !important;
  }

  .start-xl-40px {
    left: 40px !important;
  }

  .end-xl-40px {
    right: 40px !important;
  }

  .top-xl-40px {
    top: 40px !important;
  }

  .bottom-xl-40px {
    bottom: 40px !important;
  }

  .start-xl-41px {
    left: 41px !important;
  }

  .end-xl-41px {
    right: 41px !important;
  }

  .top-xl-41px {
    top: 41px !important;
  }

  .bottom-xl-41px {
    bottom: 41px !important;
  }

  .start-xl-42px {
    left: 42px !important;
  }

  .end-xl-42px {
    right: 42px !important;
  }

  .top-xl-42px {
    top: 42px !important;
  }

  .bottom-xl-42px {
    bottom: 42px !important;
  }

  .start-xl-43px {
    left: 43px !important;
  }

  .end-xl-43px {
    right: 43px !important;
  }

  .top-xl-43px {
    top: 43px !important;
  }

  .bottom-xl-43px {
    bottom: 43px !important;
  }

  .start-xl-44px {
    left: 44px !important;
  }

  .end-xl-44px {
    right: 44px !important;
  }

  .top-xl-44px {
    top: 44px !important;
  }

  .bottom-xl-44px {
    bottom: 44px !important;
  }

  .start-xl-45px {
    left: 45px !important;
  }

  .end-xl-45px {
    right: 45px !important;
  }

  .top-xl-45px {
    top: 45px !important;
  }

  .bottom-xl-45px {
    bottom: 45px !important;
  }

  .start-xl-46px {
    left: 46px !important;
  }

  .end-xl-46px {
    right: 46px !important;
  }

  .top-xl-46px {
    top: 46px !important;
  }

  .bottom-xl-46px {
    bottom: 46px !important;
  }

  .start-xl-47px {
    left: 47px !important;
  }

  .end-xl-47px {
    right: 47px !important;
  }

  .top-xl-47px {
    top: 47px !important;
  }

  .bottom-xl-47px {
    bottom: 47px !important;
  }

  .start-xl-48px {
    left: 48px !important;
  }

  .end-xl-48px {
    right: 48px !important;
  }

  .top-xl-48px {
    top: 48px !important;
  }

  .bottom-xl-48px {
    bottom: 48px !important;
  }

  .start-xl-49px {
    left: 49px !important;
  }

  .end-xl-49px {
    right: 49px !important;
  }

  .top-xl-49px {
    top: 49px !important;
  }

  .bottom-xl-49px {
    bottom: 49px !important;
  }

  .start-xl-50px {
    left: 50px !important;
  }

  .end-xl-50px {
    right: 50px !important;
  }

  .top-xl-50px {
    top: 50px !important;
  }

  .bottom-xl-50px {
    bottom: 50px !important;
  }

  .start-xl-n1px {
    left: -1px !important;
  }

  .end-xl-n1px {
    right: -1px !important;
  }

  .top-xl-n1px {
    top: -1px !important;
  }

  .bottom-xl-n1px {
    bottom: -1px !important;
  }

  .start-xl-n2px {
    left: -2px !important;
  }

  .end-xl-n2px {
    right: -2px !important;
  }

  .top-xl-n2px {
    top: -2px !important;
  }

  .bottom-xl-n2px {
    bottom: -2px !important;
  }

  .start-xl-n3px {
    left: -3px !important;
  }

  .end-xl-n3px {
    right: -3px !important;
  }

  .top-xl-n3px {
    top: -3px !important;
  }

  .bottom-xl-n3px {
    bottom: -3px !important;
  }

  .start-xl-n4px {
    left: -4px !important;
  }

  .end-xl-n4px {
    right: -4px !important;
  }

  .top-xl-n4px {
    top: -4px !important;
  }

  .bottom-xl-n4px {
    bottom: -4px !important;
  }

  .start-xl-n5px {
    left: -5px !important;
  }

  .end-xl-n5px {
    right: -5px !important;
  }

  .top-xl-n5px {
    top: -5px !important;
  }

  .bottom-xl-n5px {
    bottom: -5px !important;
  }

  .start-xl-n6px {
    left: -6px !important;
  }

  .end-xl-n6px {
    right: -6px !important;
  }

  .top-xl-n6px {
    top: -6px !important;
  }

  .bottom-xl-n6px {
    bottom: -6px !important;
  }

  .start-xl-n7px {
    left: -7px !important;
  }

  .end-xl-n7px {
    right: -7px !important;
  }

  .top-xl-n7px {
    top: -7px !important;
  }

  .bottom-xl-n7px {
    bottom: -7px !important;
  }

  .start-xl-n8px {
    left: -8px !important;
  }

  .end-xl-n8px {
    right: -8px !important;
  }

  .top-xl-n8px {
    top: -8px !important;
  }

  .bottom-xl-n8px {
    bottom: -8px !important;
  }

  .start-xl-n9px {
    left: -9px !important;
  }

  .end-xl-n9px {
    right: -9px !important;
  }

  .top-xl-n9px {
    top: -9px !important;
  }

  .bottom-xl-n9px {
    bottom: -9px !important;
  }

  .start-xl-n10px {
    left: -10px !important;
  }

  .end-xl-n10px {
    right: -10px !important;
  }

  .top-xl-n10px {
    top: -10px !important;
  }

  .bottom-xl-n10px {
    bottom: -10px !important;
  }

  .start-xl-n11px {
    left: -11px !important;
  }

  .end-xl-n11px {
    right: -11px !important;
  }

  .top-xl-n11px {
    top: -11px !important;
  }

  .bottom-xl-n11px {
    bottom: -11px !important;
  }

  .start-xl-n12px {
    left: -12px !important;
  }

  .end-xl-n12px {
    right: -12px !important;
  }

  .top-xl-n12px {
    top: -12px !important;
  }

  .bottom-xl-n12px {
    bottom: -12px !important;
  }

  .start-xl-n13px {
    left: -13px !important;
  }

  .end-xl-n13px {
    right: -13px !important;
  }

  .top-xl-n13px {
    top: -13px !important;
  }

  .bottom-xl-n13px {
    bottom: -13px !important;
  }

  .start-xl-n14px {
    left: -14px !important;
  }

  .end-xl-n14px {
    right: -14px !important;
  }

  .top-xl-n14px {
    top: -14px !important;
  }

  .bottom-xl-n14px {
    bottom: -14px !important;
  }

  .start-xl-n15px {
    left: -15px !important;
  }

  .end-xl-n15px {
    right: -15px !important;
  }

  .top-xl-n15px {
    top: -15px !important;
  }

  .bottom-xl-n15px {
    bottom: -15px !important;
  }

  .start-xl-n16px {
    left: -16px !important;
  }

  .end-xl-n16px {
    right: -16px !important;
  }

  .top-xl-n16px {
    top: -16px !important;
  }

  .bottom-xl-n16px {
    bottom: -16px !important;
  }

  .start-xl-n17px {
    left: -17px !important;
  }

  .end-xl-n17px {
    right: -17px !important;
  }

  .top-xl-n17px {
    top: -17px !important;
  }

  .bottom-xl-n17px {
    bottom: -17px !important;
  }

  .start-xl-n18px {
    left: -18px !important;
  }

  .end-xl-n18px {
    right: -18px !important;
  }

  .top-xl-n18px {
    top: -18px !important;
  }

  .bottom-xl-n18px {
    bottom: -18px !important;
  }

  .start-xl-n19px {
    left: -19px !important;
  }

  .end-xl-n19px {
    right: -19px !important;
  }

  .top-xl-n19px {
    top: -19px !important;
  }

  .bottom-xl-n19px {
    bottom: -19px !important;
  }

  .start-xl-n20px {
    left: -20px !important;
  }

  .end-xl-n20px {
    right: -20px !important;
  }

  .top-xl-n20px {
    top: -20px !important;
  }

  .bottom-xl-n20px {
    bottom: -20px !important;
  }

  .start-xl-n21px {
    left: -21px !important;
  }

  .end-xl-n21px {
    right: -21px !important;
  }

  .top-xl-n21px {
    top: -21px !important;
  }

  .bottom-xl-n21px {
    bottom: -21px !important;
  }

  .start-xl-n22px {
    left: -22px !important;
  }

  .end-xl-n22px {
    right: -22px !important;
  }

  .top-xl-n22px {
    top: -22px !important;
  }

  .bottom-xl-n22px {
    bottom: -22px !important;
  }

  .start-xl-n23px {
    left: -23px !important;
  }

  .end-xl-n23px {
    right: -23px !important;
  }

  .top-xl-n23px {
    top: -23px !important;
  }

  .bottom-xl-n23px {
    bottom: -23px !important;
  }

  .start-xl-n24px {
    left: -24px !important;
  }

  .end-xl-n24px {
    right: -24px !important;
  }

  .top-xl-n24px {
    top: -24px !important;
  }

  .bottom-xl-n24px {
    bottom: -24px !important;
  }

  .start-xl-n25px {
    left: -25px !important;
  }

  .end-xl-n25px {
    right: -25px !important;
  }

  .top-xl-n25px {
    top: -25px !important;
  }

  .bottom-xl-n25px {
    bottom: -25px !important;
  }

  .start-xl-n26px {
    left: -26px !important;
  }

  .end-xl-n26px {
    right: -26px !important;
  }

  .top-xl-n26px {
    top: -26px !important;
  }

  .bottom-xl-n26px {
    bottom: -26px !important;
  }

  .start-xl-n27px {
    left: -27px !important;
  }

  .end-xl-n27px {
    right: -27px !important;
  }

  .top-xl-n27px {
    top: -27px !important;
  }

  .bottom-xl-n27px {
    bottom: -27px !important;
  }

  .start-xl-n28px {
    left: -28px !important;
  }

  .end-xl-n28px {
    right: -28px !important;
  }

  .top-xl-n28px {
    top: -28px !important;
  }

  .bottom-xl-n28px {
    bottom: -28px !important;
  }

  .start-xl-n29px {
    left: -29px !important;
  }

  .end-xl-n29px {
    right: -29px !important;
  }

  .top-xl-n29px {
    top: -29px !important;
  }

  .bottom-xl-n29px {
    bottom: -29px !important;
  }

  .start-xl-n30px {
    left: -30px !important;
  }

  .end-xl-n30px {
    right: -30px !important;
  }

  .top-xl-n30px {
    top: -30px !important;
  }

  .bottom-xl-n30px {
    bottom: -30px !important;
  }
}

@media (min-width: 1400px) {
  .start-xxl-0 {
    left: 0% !important;
  }

  .end-xxl-0 {
    right: 0% !important;
  }

  .top-xxl-0 {
    top: 0% !important;
  }

  .bottom-xxl-0 {
    bottom: 0% !important;
  }

  .start-xxl-10 {
    left: 10% !important;
  }

  .end-xxl-10 {
    right: 10% !important;
  }

  .top-xxl-10 {
    top: 10% !important;
  }

  .bottom-xxl-10 {
    bottom: 10% !important;
  }

  .start-xxl-20 {
    left: 20% !important;
  }

  .end-xxl-20 {
    right: 20% !important;
  }

  .top-xxl-20 {
    top: 20% !important;
  }

  .bottom-xxl-20 {
    bottom: 20% !important;
  }

  .start-xxl-30 {
    left: 30% !important;
  }

  .end-xxl-30 {
    right: 30% !important;
  }

  .top-xxl-30 {
    top: 30% !important;
  }

  .bottom-xxl-30 {
    bottom: 30% !important;
  }

  .start-xxl-40 {
    left: 40% !important;
  }

  .end-xxl-40 {
    right: 40% !important;
  }

  .top-xxl-40 {
    top: 40% !important;
  }

  .bottom-xxl-40 {
    bottom: 40% !important;
  }

  .start-xxl-50 {
    left: 50% !important;
  }

  .end-xxl-50 {
    right: 50% !important;
  }

  .top-xxl-50 {
    top: 50% !important;
  }

  .bottom-xxl-50 {
    bottom: 50% !important;
  }

  .start-xxl-60 {
    left: 60% !important;
  }

  .end-xxl-60 {
    right: 60% !important;
  }

  .top-xxl-60 {
    top: 60% !important;
  }

  .bottom-xxl-60 {
    bottom: 60% !important;
  }

  .start-xxl-70 {
    left: 70% !important;
  }

  .end-xxl-70 {
    right: 70% !important;
  }

  .top-xxl-70 {
    top: 70% !important;
  }

  .bottom-xxl-70 {
    bottom: 70% !important;
  }

  .start-xxl-80 {
    left: 80% !important;
  }

  .end-xxl-80 {
    right: 80% !important;
  }

  .top-xxl-80 {
    top: 80% !important;
  }

  .bottom-xxl-80 {
    bottom: 80% !important;
  }

  .start-xxl-90 {
    left: 90% !important;
  }

  .end-xxl-90 {
    right: 90% !important;
  }

  .top-xxl-90 {
    top: 90% !important;
  }

  .bottom-xxl-90 {
    bottom: 90% !important;
  }

  .start-xxl-100 {
    left: 100% !important;
  }

  .end-xxl-100 {
    right: 100% !important;
  }

  .top-xxl-100 {
    top: 100% !important;
  }

  .bottom-xxl-100 {
    bottom: 100% !important;
  }

  .start-xxl-10px {
    left: 10px !important;
  }

  .end-xxl-10px {
    right: 10px !important;
  }

  .top-xxl-10px {
    top: 10px !important;
  }

  .bottom-xxl-10px {
    bottom: 10px !important;
  }

  .start-xxl-11px {
    left: 11px !important;
  }

  .end-xxl-11px {
    right: 11px !important;
  }

  .top-xxl-11px {
    top: 11px !important;
  }

  .bottom-xxl-11px {
    bottom: 11px !important;
  }

  .start-xxl-12px {
    left: 12px !important;
  }

  .end-xxl-12px {
    right: 12px !important;
  }

  .top-xxl-12px {
    top: 12px !important;
  }

  .bottom-xxl-12px {
    bottom: 12px !important;
  }

  .start-xxl-13px {
    left: 13px !important;
  }

  .end-xxl-13px {
    right: 13px !important;
  }

  .top-xxl-13px {
    top: 13px !important;
  }

  .bottom-xxl-13px {
    bottom: 13px !important;
  }

  .start-xxl-14px {
    left: 14px !important;
  }

  .end-xxl-14px {
    right: 14px !important;
  }

  .top-xxl-14px {
    top: 14px !important;
  }

  .bottom-xxl-14px {
    bottom: 14px !important;
  }

  .start-xxl-15px {
    left: 15px !important;
  }

  .end-xxl-15px {
    right: 15px !important;
  }

  .top-xxl-15px {
    top: 15px !important;
  }

  .bottom-xxl-15px {
    bottom: 15px !important;
  }

  .start-xxl-16px {
    left: 16px !important;
  }

  .end-xxl-16px {
    right: 16px !important;
  }

  .top-xxl-16px {
    top: 16px !important;
  }

  .bottom-xxl-16px {
    bottom: 16px !important;
  }

  .start-xxl-17px {
    left: 17px !important;
  }

  .end-xxl-17px {
    right: 17px !important;
  }

  .top-xxl-17px {
    top: 17px !important;
  }

  .bottom-xxl-17px {
    bottom: 17px !important;
  }

  .start-xxl-18px {
    left: 18px !important;
  }

  .end-xxl-18px {
    right: 18px !important;
  }

  .top-xxl-18px {
    top: 18px !important;
  }

  .bottom-xxl-18px {
    bottom: 18px !important;
  }

  .start-xxl-19px {
    left: 19px !important;
  }

  .end-xxl-19px {
    right: 19px !important;
  }

  .top-xxl-19px {
    top: 19px !important;
  }

  .bottom-xxl-19px {
    bottom: 19px !important;
  }

  .start-xxl-20px {
    left: 20px !important;
  }

  .end-xxl-20px {
    right: 20px !important;
  }

  .top-xxl-20px {
    top: 20px !important;
  }

  .bottom-xxl-20px {
    bottom: 20px !important;
  }

  .start-xxl-21px {
    left: 21px !important;
  }

  .end-xxl-21px {
    right: 21px !important;
  }

  .top-xxl-21px {
    top: 21px !important;
  }

  .bottom-xxl-21px {
    bottom: 21px !important;
  }

  .start-xxl-22px {
    left: 22px !important;
  }

  .end-xxl-22px {
    right: 22px !important;
  }

  .top-xxl-22px {
    top: 22px !important;
  }

  .bottom-xxl-22px {
    bottom: 22px !important;
  }

  .start-xxl-23px {
    left: 23px !important;
  }

  .end-xxl-23px {
    right: 23px !important;
  }

  .top-xxl-23px {
    top: 23px !important;
  }

  .bottom-xxl-23px {
    bottom: 23px !important;
  }

  .start-xxl-24px {
    left: 24px !important;
  }

  .end-xxl-24px {
    right: 24px !important;
  }

  .top-xxl-24px {
    top: 24px !important;
  }

  .bottom-xxl-24px {
    bottom: 24px !important;
  }

  .start-xxl-25px {
    left: 25px !important;
  }

  .end-xxl-25px {
    right: 25px !important;
  }

  .top-xxl-25px {
    top: 25px !important;
  }

  .bottom-xxl-25px {
    bottom: 25px !important;
  }

  .start-xxl-26px {
    left: 26px !important;
  }

  .end-xxl-26px {
    right: 26px !important;
  }

  .top-xxl-26px {
    top: 26px !important;
  }

  .bottom-xxl-26px {
    bottom: 26px !important;
  }

  .start-xxl-27px {
    left: 27px !important;
  }

  .end-xxl-27px {
    right: 27px !important;
  }

  .top-xxl-27px {
    top: 27px !important;
  }

  .bottom-xxl-27px {
    bottom: 27px !important;
  }

  .start-xxl-28px {
    left: 28px !important;
  }

  .end-xxl-28px {
    right: 28px !important;
  }

  .top-xxl-28px {
    top: 28px !important;
  }

  .bottom-xxl-28px {
    bottom: 28px !important;
  }

  .start-xxl-29px {
    left: 29px !important;
  }

  .end-xxl-29px {
    right: 29px !important;
  }

  .top-xxl-29px {
    top: 29px !important;
  }

  .bottom-xxl-29px {
    bottom: 29px !important;
  }

  .start-xxl-30px {
    left: 30px !important;
  }

  .end-xxl-30px {
    right: 30px !important;
  }

  .top-xxl-30px {
    top: 30px !important;
  }

  .bottom-xxl-30px {
    bottom: 30px !important;
  }

  .start-xxl-31px {
    left: 31px !important;
  }

  .end-xxl-31px {
    right: 31px !important;
  }

  .top-xxl-31px {
    top: 31px !important;
  }

  .bottom-xxl-31px {
    bottom: 31px !important;
  }

  .start-xxl-32px {
    left: 32px !important;
  }

  .end-xxl-32px {
    right: 32px !important;
  }

  .top-xxl-32px {
    top: 32px !important;
  }

  .bottom-xxl-32px {
    bottom: 32px !important;
  }

  .start-xxl-33px {
    left: 33px !important;
  }

  .end-xxl-33px {
    right: 33px !important;
  }

  .top-xxl-33px {
    top: 33px !important;
  }

  .bottom-xxl-33px {
    bottom: 33px !important;
  }

  .start-xxl-34px {
    left: 34px !important;
  }

  .end-xxl-34px {
    right: 34px !important;
  }

  .top-xxl-34px {
    top: 34px !important;
  }

  .bottom-xxl-34px {
    bottom: 34px !important;
  }

  .start-xxl-35px {
    left: 35px !important;
  }

  .end-xxl-35px {
    right: 35px !important;
  }

  .top-xxl-35px {
    top: 35px !important;
  }

  .bottom-xxl-35px {
    bottom: 35px !important;
  }

  .start-xxl-36px {
    left: 36px !important;
  }

  .end-xxl-36px {
    right: 36px !important;
  }

  .top-xxl-36px {
    top: 36px !important;
  }

  .bottom-xxl-36px {
    bottom: 36px !important;
  }

  .start-xxl-37px {
    left: 37px !important;
  }

  .end-xxl-37px {
    right: 37px !important;
  }

  .top-xxl-37px {
    top: 37px !important;
  }

  .bottom-xxl-37px {
    bottom: 37px !important;
  }

  .start-xxl-38px {
    left: 38px !important;
  }

  .end-xxl-38px {
    right: 38px !important;
  }

  .top-xxl-38px {
    top: 38px !important;
  }

  .bottom-xxl-38px {
    bottom: 38px !important;
  }

  .start-xxl-39px {
    left: 39px !important;
  }

  .end-xxl-39px {
    right: 39px !important;
  }

  .top-xxl-39px {
    top: 39px !important;
  }

  .bottom-xxl-39px {
    bottom: 39px !important;
  }

  .start-xxl-40px {
    left: 40px !important;
  }

  .end-xxl-40px {
    right: 40px !important;
  }

  .top-xxl-40px {
    top: 40px !important;
  }

  .bottom-xxl-40px {
    bottom: 40px !important;
  }

  .start-xxl-41px {
    left: 41px !important;
  }

  .end-xxl-41px {
    right: 41px !important;
  }

  .top-xxl-41px {
    top: 41px !important;
  }

  .bottom-xxl-41px {
    bottom: 41px !important;
  }

  .start-xxl-42px {
    left: 42px !important;
  }

  .end-xxl-42px {
    right: 42px !important;
  }

  .top-xxl-42px {
    top: 42px !important;
  }

  .bottom-xxl-42px {
    bottom: 42px !important;
  }

  .start-xxl-43px {
    left: 43px !important;
  }

  .end-xxl-43px {
    right: 43px !important;
  }

  .top-xxl-43px {
    top: 43px !important;
  }

  .bottom-xxl-43px {
    bottom: 43px !important;
  }

  .start-xxl-44px {
    left: 44px !important;
  }

  .end-xxl-44px {
    right: 44px !important;
  }

  .top-xxl-44px {
    top: 44px !important;
  }

  .bottom-xxl-44px {
    bottom: 44px !important;
  }

  .start-xxl-45px {
    left: 45px !important;
  }

  .end-xxl-45px {
    right: 45px !important;
  }

  .top-xxl-45px {
    top: 45px !important;
  }

  .bottom-xxl-45px {
    bottom: 45px !important;
  }

  .start-xxl-46px {
    left: 46px !important;
  }

  .end-xxl-46px {
    right: 46px !important;
  }

  .top-xxl-46px {
    top: 46px !important;
  }

  .bottom-xxl-46px {
    bottom: 46px !important;
  }

  .start-xxl-47px {
    left: 47px !important;
  }

  .end-xxl-47px {
    right: 47px !important;
  }

  .top-xxl-47px {
    top: 47px !important;
  }

  .bottom-xxl-47px {
    bottom: 47px !important;
  }

  .start-xxl-48px {
    left: 48px !important;
  }

  .end-xxl-48px {
    right: 48px !important;
  }

  .top-xxl-48px {
    top: 48px !important;
  }

  .bottom-xxl-48px {
    bottom: 48px !important;
  }

  .start-xxl-49px {
    left: 49px !important;
  }

  .end-xxl-49px {
    right: 49px !important;
  }

  .top-xxl-49px {
    top: 49px !important;
  }

  .bottom-xxl-49px {
    bottom: 49px !important;
  }

  .start-xxl-50px {
    left: 50px !important;
  }

  .end-xxl-50px {
    right: 50px !important;
  }

  .top-xxl-50px {
    top: 50px !important;
  }

  .bottom-xxl-50px {
    bottom: 50px !important;
  }

  .start-xxl-n1px {
    left: -1px !important;
  }

  .end-xxl-n1px {
    right: -1px !important;
  }

  .top-xxl-n1px {
    top: -1px !important;
  }

  .bottom-xxl-n1px {
    bottom: -1px !important;
  }

  .start-xxl-n2px {
    left: -2px !important;
  }

  .end-xxl-n2px {
    right: -2px !important;
  }

  .top-xxl-n2px {
    top: -2px !important;
  }

  .bottom-xxl-n2px {
    bottom: -2px !important;
  }

  .start-xxl-n3px {
    left: -3px !important;
  }

  .end-xxl-n3px {
    right: -3px !important;
  }

  .top-xxl-n3px {
    top: -3px !important;
  }

  .bottom-xxl-n3px {
    bottom: -3px !important;
  }

  .start-xxl-n4px {
    left: -4px !important;
  }

  .end-xxl-n4px {
    right: -4px !important;
  }

  .top-xxl-n4px {
    top: -4px !important;
  }

  .bottom-xxl-n4px {
    bottom: -4px !important;
  }

  .start-xxl-n5px {
    left: -5px !important;
  }

  .end-xxl-n5px {
    right: -5px !important;
  }

  .top-xxl-n5px {
    top: -5px !important;
  }

  .bottom-xxl-n5px {
    bottom: -5px !important;
  }

  .start-xxl-n6px {
    left: -6px !important;
  }

  .end-xxl-n6px {
    right: -6px !important;
  }

  .top-xxl-n6px {
    top: -6px !important;
  }

  .bottom-xxl-n6px {
    bottom: -6px !important;
  }

  .start-xxl-n7px {
    left: -7px !important;
  }

  .end-xxl-n7px {
    right: -7px !important;
  }

  .top-xxl-n7px {
    top: -7px !important;
  }

  .bottom-xxl-n7px {
    bottom: -7px !important;
  }

  .start-xxl-n8px {
    left: -8px !important;
  }

  .end-xxl-n8px {
    right: -8px !important;
  }

  .top-xxl-n8px {
    top: -8px !important;
  }

  .bottom-xxl-n8px {
    bottom: -8px !important;
  }

  .start-xxl-n9px {
    left: -9px !important;
  }

  .end-xxl-n9px {
    right: -9px !important;
  }

  .top-xxl-n9px {
    top: -9px !important;
  }

  .bottom-xxl-n9px {
    bottom: -9px !important;
  }

  .start-xxl-n10px {
    left: -10px !important;
  }

  .end-xxl-n10px {
    right: -10px !important;
  }

  .top-xxl-n10px {
    top: -10px !important;
  }

  .bottom-xxl-n10px {
    bottom: -10px !important;
  }

  .start-xxl-n11px {
    left: -11px !important;
  }

  .end-xxl-n11px {
    right: -11px !important;
  }

  .top-xxl-n11px {
    top: -11px !important;
  }

  .bottom-xxl-n11px {
    bottom: -11px !important;
  }

  .start-xxl-n12px {
    left: -12px !important;
  }

  .end-xxl-n12px {
    right: -12px !important;
  }

  .top-xxl-n12px {
    top: -12px !important;
  }

  .bottom-xxl-n12px {
    bottom: -12px !important;
  }

  .start-xxl-n13px {
    left: -13px !important;
  }

  .end-xxl-n13px {
    right: -13px !important;
  }

  .top-xxl-n13px {
    top: -13px !important;
  }

  .bottom-xxl-n13px {
    bottom: -13px !important;
  }

  .start-xxl-n14px {
    left: -14px !important;
  }

  .end-xxl-n14px {
    right: -14px !important;
  }

  .top-xxl-n14px {
    top: -14px !important;
  }

  .bottom-xxl-n14px {
    bottom: -14px !important;
  }

  .start-xxl-n15px {
    left: -15px !important;
  }

  .end-xxl-n15px {
    right: -15px !important;
  }

  .top-xxl-n15px {
    top: -15px !important;
  }

  .bottom-xxl-n15px {
    bottom: -15px !important;
  }

  .start-xxl-n16px {
    left: -16px !important;
  }

  .end-xxl-n16px {
    right: -16px !important;
  }

  .top-xxl-n16px {
    top: -16px !important;
  }

  .bottom-xxl-n16px {
    bottom: -16px !important;
  }

  .start-xxl-n17px {
    left: -17px !important;
  }

  .end-xxl-n17px {
    right: -17px !important;
  }

  .top-xxl-n17px {
    top: -17px !important;
  }

  .bottom-xxl-n17px {
    bottom: -17px !important;
  }

  .start-xxl-n18px {
    left: -18px !important;
  }

  .end-xxl-n18px {
    right: -18px !important;
  }

  .top-xxl-n18px {
    top: -18px !important;
  }

  .bottom-xxl-n18px {
    bottom: -18px !important;
  }

  .start-xxl-n19px {
    left: -19px !important;
  }

  .end-xxl-n19px {
    right: -19px !important;
  }

  .top-xxl-n19px {
    top: -19px !important;
  }

  .bottom-xxl-n19px {
    bottom: -19px !important;
  }

  .start-xxl-n20px {
    left: -20px !important;
  }

  .end-xxl-n20px {
    right: -20px !important;
  }

  .top-xxl-n20px {
    top: -20px !important;
  }

  .bottom-xxl-n20px {
    bottom: -20px !important;
  }

  .start-xxl-n21px {
    left: -21px !important;
  }

  .end-xxl-n21px {
    right: -21px !important;
  }

  .top-xxl-n21px {
    top: -21px !important;
  }

  .bottom-xxl-n21px {
    bottom: -21px !important;
  }

  .start-xxl-n22px {
    left: -22px !important;
  }

  .end-xxl-n22px {
    right: -22px !important;
  }

  .top-xxl-n22px {
    top: -22px !important;
  }

  .bottom-xxl-n22px {
    bottom: -22px !important;
  }

  .start-xxl-n23px {
    left: -23px !important;
  }

  .end-xxl-n23px {
    right: -23px !important;
  }

  .top-xxl-n23px {
    top: -23px !important;
  }

  .bottom-xxl-n23px {
    bottom: -23px !important;
  }

  .start-xxl-n24px {
    left: -24px !important;
  }

  .end-xxl-n24px {
    right: -24px !important;
  }

  .top-xxl-n24px {
    top: -24px !important;
  }

  .bottom-xxl-n24px {
    bottom: -24px !important;
  }

  .start-xxl-n25px {
    left: -25px !important;
  }

  .end-xxl-n25px {
    right: -25px !important;
  }

  .top-xxl-n25px {
    top: -25px !important;
  }

  .bottom-xxl-n25px {
    bottom: -25px !important;
  }

  .start-xxl-n26px {
    left: -26px !important;
  }

  .end-xxl-n26px {
    right: -26px !important;
  }

  .top-xxl-n26px {
    top: -26px !important;
  }

  .bottom-xxl-n26px {
    bottom: -26px !important;
  }

  .start-xxl-n27px {
    left: -27px !important;
  }

  .end-xxl-n27px {
    right: -27px !important;
  }

  .top-xxl-n27px {
    top: -27px !important;
  }

  .bottom-xxl-n27px {
    bottom: -27px !important;
  }

  .start-xxl-n28px {
    left: -28px !important;
  }

  .end-xxl-n28px {
    right: -28px !important;
  }

  .top-xxl-n28px {
    top: -28px !important;
  }

  .bottom-xxl-n28px {
    bottom: -28px !important;
  }

  .start-xxl-n29px {
    left: -29px !important;
  }

  .end-xxl-n29px {
    right: -29px !important;
  }

  .top-xxl-n29px {
    top: -29px !important;
  }

  .bottom-xxl-n29px {
    bottom: -29px !important;
  }

  .start-xxl-n30px {
    left: -30px !important;
  }

  .end-xxl-n30px {
    right: -30px !important;
  }

  .top-xxl-n30px {
    top: -30px !important;
  }

  .bottom-xxl-n30px {
    bottom: -30px !important;
  }
}

@media (min-width: 1600px) {
  .start-xxxl-0 {
    left: 0% !important;
  }

  .end-xxxl-0 {
    right: 0% !important;
  }

  .top-xxxl-0 {
    top: 0% !important;
  }

  .bottom-xxxl-0 {
    bottom: 0% !important;
  }

  .start-xxxl-10 {
    left: 10% !important;
  }

  .end-xxxl-10 {
    right: 10% !important;
  }

  .top-xxxl-10 {
    top: 10% !important;
  }

  .bottom-xxxl-10 {
    bottom: 10% !important;
  }

  .start-xxxl-20 {
    left: 20% !important;
  }

  .end-xxxl-20 {
    right: 20% !important;
  }

  .top-xxxl-20 {
    top: 20% !important;
  }

  .bottom-xxxl-20 {
    bottom: 20% !important;
  }

  .start-xxxl-30 {
    left: 30% !important;
  }

  .end-xxxl-30 {
    right: 30% !important;
  }

  .top-xxxl-30 {
    top: 30% !important;
  }

  .bottom-xxxl-30 {
    bottom: 30% !important;
  }

  .start-xxxl-40 {
    left: 40% !important;
  }

  .end-xxxl-40 {
    right: 40% !important;
  }

  .top-xxxl-40 {
    top: 40% !important;
  }

  .bottom-xxxl-40 {
    bottom: 40% !important;
  }

  .start-xxxl-50 {
    left: 50% !important;
  }

  .end-xxxl-50 {
    right: 50% !important;
  }

  .top-xxxl-50 {
    top: 50% !important;
  }

  .bottom-xxxl-50 {
    bottom: 50% !important;
  }

  .start-xxxl-60 {
    left: 60% !important;
  }

  .end-xxxl-60 {
    right: 60% !important;
  }

  .top-xxxl-60 {
    top: 60% !important;
  }

  .bottom-xxxl-60 {
    bottom: 60% !important;
  }

  .start-xxxl-70 {
    left: 70% !important;
  }

  .end-xxxl-70 {
    right: 70% !important;
  }

  .top-xxxl-70 {
    top: 70% !important;
  }

  .bottom-xxxl-70 {
    bottom: 70% !important;
  }

  .start-xxxl-80 {
    left: 80% !important;
  }

  .end-xxxl-80 {
    right: 80% !important;
  }

  .top-xxxl-80 {
    top: 80% !important;
  }

  .bottom-xxxl-80 {
    bottom: 80% !important;
  }

  .start-xxxl-90 {
    left: 90% !important;
  }

  .end-xxxl-90 {
    right: 90% !important;
  }

  .top-xxxl-90 {
    top: 90% !important;
  }

  .bottom-xxxl-90 {
    bottom: 90% !important;
  }

  .start-xxxl-100 {
    left: 100% !important;
  }

  .end-xxxl-100 {
    right: 100% !important;
  }

  .top-xxxl-100 {
    top: 100% !important;
  }

  .bottom-xxxl-100 {
    bottom: 100% !important;
  }

  .start-xxxl-10px {
    left: 10px !important;
  }

  .end-xxxl-10px {
    right: 10px !important;
  }

  .top-xxxl-10px {
    top: 10px !important;
  }

  .bottom-xxxl-10px {
    bottom: 10px !important;
  }

  .start-xxxl-11px {
    left: 11px !important;
  }

  .end-xxxl-11px {
    right: 11px !important;
  }

  .top-xxxl-11px {
    top: 11px !important;
  }

  .bottom-xxxl-11px {
    bottom: 11px !important;
  }

  .start-xxxl-12px {
    left: 12px !important;
  }

  .end-xxxl-12px {
    right: 12px !important;
  }

  .top-xxxl-12px {
    top: 12px !important;
  }

  .bottom-xxxl-12px {
    bottom: 12px !important;
  }

  .start-xxxl-13px {
    left: 13px !important;
  }

  .end-xxxl-13px {
    right: 13px !important;
  }

  .top-xxxl-13px {
    top: 13px !important;
  }

  .bottom-xxxl-13px {
    bottom: 13px !important;
  }

  .start-xxxl-14px {
    left: 14px !important;
  }

  .end-xxxl-14px {
    right: 14px !important;
  }

  .top-xxxl-14px {
    top: 14px !important;
  }

  .bottom-xxxl-14px {
    bottom: 14px !important;
  }

  .start-xxxl-15px {
    left: 15px !important;
  }

  .end-xxxl-15px {
    right: 15px !important;
  }

  .top-xxxl-15px {
    top: 15px !important;
  }

  .bottom-xxxl-15px {
    bottom: 15px !important;
  }

  .start-xxxl-16px {
    left: 16px !important;
  }

  .end-xxxl-16px {
    right: 16px !important;
  }

  .top-xxxl-16px {
    top: 16px !important;
  }

  .bottom-xxxl-16px {
    bottom: 16px !important;
  }

  .start-xxxl-17px {
    left: 17px !important;
  }

  .end-xxxl-17px {
    right: 17px !important;
  }

  .top-xxxl-17px {
    top: 17px !important;
  }

  .bottom-xxxl-17px {
    bottom: 17px !important;
  }

  .start-xxxl-18px {
    left: 18px !important;
  }

  .end-xxxl-18px {
    right: 18px !important;
  }

  .top-xxxl-18px {
    top: 18px !important;
  }

  .bottom-xxxl-18px {
    bottom: 18px !important;
  }

  .start-xxxl-19px {
    left: 19px !important;
  }

  .end-xxxl-19px {
    right: 19px !important;
  }

  .top-xxxl-19px {
    top: 19px !important;
  }

  .bottom-xxxl-19px {
    bottom: 19px !important;
  }

  .start-xxxl-20px {
    left: 20px !important;
  }

  .end-xxxl-20px {
    right: 20px !important;
  }

  .top-xxxl-20px {
    top: 20px !important;
  }

  .bottom-xxxl-20px {
    bottom: 20px !important;
  }

  .start-xxxl-21px {
    left: 21px !important;
  }

  .end-xxxl-21px {
    right: 21px !important;
  }

  .top-xxxl-21px {
    top: 21px !important;
  }

  .bottom-xxxl-21px {
    bottom: 21px !important;
  }

  .start-xxxl-22px {
    left: 22px !important;
  }

  .end-xxxl-22px {
    right: 22px !important;
  }

  .top-xxxl-22px {
    top: 22px !important;
  }

  .bottom-xxxl-22px {
    bottom: 22px !important;
  }

  .start-xxxl-23px {
    left: 23px !important;
  }

  .end-xxxl-23px {
    right: 23px !important;
  }

  .top-xxxl-23px {
    top: 23px !important;
  }

  .bottom-xxxl-23px {
    bottom: 23px !important;
  }

  .start-xxxl-24px {
    left: 24px !important;
  }

  .end-xxxl-24px {
    right: 24px !important;
  }

  .top-xxxl-24px {
    top: 24px !important;
  }

  .bottom-xxxl-24px {
    bottom: 24px !important;
  }

  .start-xxxl-25px {
    left: 25px !important;
  }

  .end-xxxl-25px {
    right: 25px !important;
  }

  .top-xxxl-25px {
    top: 25px !important;
  }

  .bottom-xxxl-25px {
    bottom: 25px !important;
  }

  .start-xxxl-26px {
    left: 26px !important;
  }

  .end-xxxl-26px {
    right: 26px !important;
  }

  .top-xxxl-26px {
    top: 26px !important;
  }

  .bottom-xxxl-26px {
    bottom: 26px !important;
  }

  .start-xxxl-27px {
    left: 27px !important;
  }

  .end-xxxl-27px {
    right: 27px !important;
  }

  .top-xxxl-27px {
    top: 27px !important;
  }

  .bottom-xxxl-27px {
    bottom: 27px !important;
  }

  .start-xxxl-28px {
    left: 28px !important;
  }

  .end-xxxl-28px {
    right: 28px !important;
  }

  .top-xxxl-28px {
    top: 28px !important;
  }

  .bottom-xxxl-28px {
    bottom: 28px !important;
  }

  .start-xxxl-29px {
    left: 29px !important;
  }

  .end-xxxl-29px {
    right: 29px !important;
  }

  .top-xxxl-29px {
    top: 29px !important;
  }

  .bottom-xxxl-29px {
    bottom: 29px !important;
  }

  .start-xxxl-30px {
    left: 30px !important;
  }

  .end-xxxl-30px {
    right: 30px !important;
  }

  .top-xxxl-30px {
    top: 30px !important;
  }

  .bottom-xxxl-30px {
    bottom: 30px !important;
  }

  .start-xxxl-31px {
    left: 31px !important;
  }

  .end-xxxl-31px {
    right: 31px !important;
  }

  .top-xxxl-31px {
    top: 31px !important;
  }

  .bottom-xxxl-31px {
    bottom: 31px !important;
  }

  .start-xxxl-32px {
    left: 32px !important;
  }

  .end-xxxl-32px {
    right: 32px !important;
  }

  .top-xxxl-32px {
    top: 32px !important;
  }

  .bottom-xxxl-32px {
    bottom: 32px !important;
  }

  .start-xxxl-33px {
    left: 33px !important;
  }

  .end-xxxl-33px {
    right: 33px !important;
  }

  .top-xxxl-33px {
    top: 33px !important;
  }

  .bottom-xxxl-33px {
    bottom: 33px !important;
  }

  .start-xxxl-34px {
    left: 34px !important;
  }

  .end-xxxl-34px {
    right: 34px !important;
  }

  .top-xxxl-34px {
    top: 34px !important;
  }

  .bottom-xxxl-34px {
    bottom: 34px !important;
  }

  .start-xxxl-35px {
    left: 35px !important;
  }

  .end-xxxl-35px {
    right: 35px !important;
  }

  .top-xxxl-35px {
    top: 35px !important;
  }

  .bottom-xxxl-35px {
    bottom: 35px !important;
  }

  .start-xxxl-36px {
    left: 36px !important;
  }

  .end-xxxl-36px {
    right: 36px !important;
  }

  .top-xxxl-36px {
    top: 36px !important;
  }

  .bottom-xxxl-36px {
    bottom: 36px !important;
  }

  .start-xxxl-37px {
    left: 37px !important;
  }

  .end-xxxl-37px {
    right: 37px !important;
  }

  .top-xxxl-37px {
    top: 37px !important;
  }

  .bottom-xxxl-37px {
    bottom: 37px !important;
  }

  .start-xxxl-38px {
    left: 38px !important;
  }

  .end-xxxl-38px {
    right: 38px !important;
  }

  .top-xxxl-38px {
    top: 38px !important;
  }

  .bottom-xxxl-38px {
    bottom: 38px !important;
  }

  .start-xxxl-39px {
    left: 39px !important;
  }

  .end-xxxl-39px {
    right: 39px !important;
  }

  .top-xxxl-39px {
    top: 39px !important;
  }

  .bottom-xxxl-39px {
    bottom: 39px !important;
  }

  .start-xxxl-40px {
    left: 40px !important;
  }

  .end-xxxl-40px {
    right: 40px !important;
  }

  .top-xxxl-40px {
    top: 40px !important;
  }

  .bottom-xxxl-40px {
    bottom: 40px !important;
  }

  .start-xxxl-41px {
    left: 41px !important;
  }

  .end-xxxl-41px {
    right: 41px !important;
  }

  .top-xxxl-41px {
    top: 41px !important;
  }

  .bottom-xxxl-41px {
    bottom: 41px !important;
  }

  .start-xxxl-42px {
    left: 42px !important;
  }

  .end-xxxl-42px {
    right: 42px !important;
  }

  .top-xxxl-42px {
    top: 42px !important;
  }

  .bottom-xxxl-42px {
    bottom: 42px !important;
  }

  .start-xxxl-43px {
    left: 43px !important;
  }

  .end-xxxl-43px {
    right: 43px !important;
  }

  .top-xxxl-43px {
    top: 43px !important;
  }

  .bottom-xxxl-43px {
    bottom: 43px !important;
  }

  .start-xxxl-44px {
    left: 44px !important;
  }

  .end-xxxl-44px {
    right: 44px !important;
  }

  .top-xxxl-44px {
    top: 44px !important;
  }

  .bottom-xxxl-44px {
    bottom: 44px !important;
  }

  .start-xxxl-45px {
    left: 45px !important;
  }

  .end-xxxl-45px {
    right: 45px !important;
  }

  .top-xxxl-45px {
    top: 45px !important;
  }

  .bottom-xxxl-45px {
    bottom: 45px !important;
  }

  .start-xxxl-46px {
    left: 46px !important;
  }

  .end-xxxl-46px {
    right: 46px !important;
  }

  .top-xxxl-46px {
    top: 46px !important;
  }

  .bottom-xxxl-46px {
    bottom: 46px !important;
  }

  .start-xxxl-47px {
    left: 47px !important;
  }

  .end-xxxl-47px {
    right: 47px !important;
  }

  .top-xxxl-47px {
    top: 47px !important;
  }

  .bottom-xxxl-47px {
    bottom: 47px !important;
  }

  .start-xxxl-48px {
    left: 48px !important;
  }

  .end-xxxl-48px {
    right: 48px !important;
  }

  .top-xxxl-48px {
    top: 48px !important;
  }

  .bottom-xxxl-48px {
    bottom: 48px !important;
  }

  .start-xxxl-49px {
    left: 49px !important;
  }

  .end-xxxl-49px {
    right: 49px !important;
  }

  .top-xxxl-49px {
    top: 49px !important;
  }

  .bottom-xxxl-49px {
    bottom: 49px !important;
  }

  .start-xxxl-50px {
    left: 50px !important;
  }

  .end-xxxl-50px {
    right: 50px !important;
  }

  .top-xxxl-50px {
    top: 50px !important;
  }

  .bottom-xxxl-50px {
    bottom: 50px !important;
  }

  .start-xxxl-n1px {
    left: -1px !important;
  }

  .end-xxxl-n1px {
    right: -1px !important;
  }

  .top-xxxl-n1px {
    top: -1px !important;
  }

  .bottom-xxxl-n1px {
    bottom: -1px !important;
  }

  .start-xxxl-n2px {
    left: -2px !important;
  }

  .end-xxxl-n2px {
    right: -2px !important;
  }

  .top-xxxl-n2px {
    top: -2px !important;
  }

  .bottom-xxxl-n2px {
    bottom: -2px !important;
  }

  .start-xxxl-n3px {
    left: -3px !important;
  }

  .end-xxxl-n3px {
    right: -3px !important;
  }

  .top-xxxl-n3px {
    top: -3px !important;
  }

  .bottom-xxxl-n3px {
    bottom: -3px !important;
  }

  .start-xxxl-n4px {
    left: -4px !important;
  }

  .end-xxxl-n4px {
    right: -4px !important;
  }

  .top-xxxl-n4px {
    top: -4px !important;
  }

  .bottom-xxxl-n4px {
    bottom: -4px !important;
  }

  .start-xxxl-n5px {
    left: -5px !important;
  }

  .end-xxxl-n5px {
    right: -5px !important;
  }

  .top-xxxl-n5px {
    top: -5px !important;
  }

  .bottom-xxxl-n5px {
    bottom: -5px !important;
  }

  .start-xxxl-n6px {
    left: -6px !important;
  }

  .end-xxxl-n6px {
    right: -6px !important;
  }

  .top-xxxl-n6px {
    top: -6px !important;
  }

  .bottom-xxxl-n6px {
    bottom: -6px !important;
  }

  .start-xxxl-n7px {
    left: -7px !important;
  }

  .end-xxxl-n7px {
    right: -7px !important;
  }

  .top-xxxl-n7px {
    top: -7px !important;
  }

  .bottom-xxxl-n7px {
    bottom: -7px !important;
  }

  .start-xxxl-n8px {
    left: -8px !important;
  }

  .end-xxxl-n8px {
    right: -8px !important;
  }

  .top-xxxl-n8px {
    top: -8px !important;
  }

  .bottom-xxxl-n8px {
    bottom: -8px !important;
  }

  .start-xxxl-n9px {
    left: -9px !important;
  }

  .end-xxxl-n9px {
    right: -9px !important;
  }

  .top-xxxl-n9px {
    top: -9px !important;
  }

  .bottom-xxxl-n9px {
    bottom: -9px !important;
  }

  .start-xxxl-n10px {
    left: -10px !important;
  }

  .end-xxxl-n10px {
    right: -10px !important;
  }

  .top-xxxl-n10px {
    top: -10px !important;
  }

  .bottom-xxxl-n10px {
    bottom: -10px !important;
  }

  .start-xxxl-n11px {
    left: -11px !important;
  }

  .end-xxxl-n11px {
    right: -11px !important;
  }

  .top-xxxl-n11px {
    top: -11px !important;
  }

  .bottom-xxxl-n11px {
    bottom: -11px !important;
  }

  .start-xxxl-n12px {
    left: -12px !important;
  }

  .end-xxxl-n12px {
    right: -12px !important;
  }

  .top-xxxl-n12px {
    top: -12px !important;
  }

  .bottom-xxxl-n12px {
    bottom: -12px !important;
  }

  .start-xxxl-n13px {
    left: -13px !important;
  }

  .end-xxxl-n13px {
    right: -13px !important;
  }

  .top-xxxl-n13px {
    top: -13px !important;
  }

  .bottom-xxxl-n13px {
    bottom: -13px !important;
  }

  .start-xxxl-n14px {
    left: -14px !important;
  }

  .end-xxxl-n14px {
    right: -14px !important;
  }

  .top-xxxl-n14px {
    top: -14px !important;
  }

  .bottom-xxxl-n14px {
    bottom: -14px !important;
  }

  .start-xxxl-n15px {
    left: -15px !important;
  }

  .end-xxxl-n15px {
    right: -15px !important;
  }

  .top-xxxl-n15px {
    top: -15px !important;
  }

  .bottom-xxxl-n15px {
    bottom: -15px !important;
  }

  .start-xxxl-n16px {
    left: -16px !important;
  }

  .end-xxxl-n16px {
    right: -16px !important;
  }

  .top-xxxl-n16px {
    top: -16px !important;
  }

  .bottom-xxxl-n16px {
    bottom: -16px !important;
  }

  .start-xxxl-n17px {
    left: -17px !important;
  }

  .end-xxxl-n17px {
    right: -17px !important;
  }

  .top-xxxl-n17px {
    top: -17px !important;
  }

  .bottom-xxxl-n17px {
    bottom: -17px !important;
  }

  .start-xxxl-n18px {
    left: -18px !important;
  }

  .end-xxxl-n18px {
    right: -18px !important;
  }

  .top-xxxl-n18px {
    top: -18px !important;
  }

  .bottom-xxxl-n18px {
    bottom: -18px !important;
  }

  .start-xxxl-n19px {
    left: -19px !important;
  }

  .end-xxxl-n19px {
    right: -19px !important;
  }

  .top-xxxl-n19px {
    top: -19px !important;
  }

  .bottom-xxxl-n19px {
    bottom: -19px !important;
  }

  .start-xxxl-n20px {
    left: -20px !important;
  }

  .end-xxxl-n20px {
    right: -20px !important;
  }

  .top-xxxl-n20px {
    top: -20px !important;
  }

  .bottom-xxxl-n20px {
    bottom: -20px !important;
  }

  .start-xxxl-n21px {
    left: -21px !important;
  }

  .end-xxxl-n21px {
    right: -21px !important;
  }

  .top-xxxl-n21px {
    top: -21px !important;
  }

  .bottom-xxxl-n21px {
    bottom: -21px !important;
  }

  .start-xxxl-n22px {
    left: -22px !important;
  }

  .end-xxxl-n22px {
    right: -22px !important;
  }

  .top-xxxl-n22px {
    top: -22px !important;
  }

  .bottom-xxxl-n22px {
    bottom: -22px !important;
  }

  .start-xxxl-n23px {
    left: -23px !important;
  }

  .end-xxxl-n23px {
    right: -23px !important;
  }

  .top-xxxl-n23px {
    top: -23px !important;
  }

  .bottom-xxxl-n23px {
    bottom: -23px !important;
  }

  .start-xxxl-n24px {
    left: -24px !important;
  }

  .end-xxxl-n24px {
    right: -24px !important;
  }

  .top-xxxl-n24px {
    top: -24px !important;
  }

  .bottom-xxxl-n24px {
    bottom: -24px !important;
  }

  .start-xxxl-n25px {
    left: -25px !important;
  }

  .end-xxxl-n25px {
    right: -25px !important;
  }

  .top-xxxl-n25px {
    top: -25px !important;
  }

  .bottom-xxxl-n25px {
    bottom: -25px !important;
  }

  .start-xxxl-n26px {
    left: -26px !important;
  }

  .end-xxxl-n26px {
    right: -26px !important;
  }

  .top-xxxl-n26px {
    top: -26px !important;
  }

  .bottom-xxxl-n26px {
    bottom: -26px !important;
  }

  .start-xxxl-n27px {
    left: -27px !important;
  }

  .end-xxxl-n27px {
    right: -27px !important;
  }

  .top-xxxl-n27px {
    top: -27px !important;
  }

  .bottom-xxxl-n27px {
    bottom: -27px !important;
  }

  .start-xxxl-n28px {
    left: -28px !important;
  }

  .end-xxxl-n28px {
    right: -28px !important;
  }

  .top-xxxl-n28px {
    top: -28px !important;
  }

  .bottom-xxxl-n28px {
    bottom: -28px !important;
  }

  .start-xxxl-n29px {
    left: -29px !important;
  }

  .end-xxxl-n29px {
    right: -29px !important;
  }

  .top-xxxl-n29px {
    top: -29px !important;
  }

  .bottom-xxxl-n29px {
    bottom: -29px !important;
  }

  .start-xxxl-n30px {
    left: -30px !important;
  }

  .end-xxxl-n30px {
    right: -30px !important;
  }

  .top-xxxl-n30px {
    top: -30px !important;
  }

  .bottom-xxxl-n30px {
    bottom: -30px !important;
  }
}

@media (min-width: 1750px) {
  .start-xxxxl-0 {
    left: 0% !important;
  }

  .end-xxxxl-0 {
    right: 0% !important;
  }

  .top-xxxxl-0 {
    top: 0% !important;
  }

  .bottom-xxxxl-0 {
    bottom: 0% !important;
  }

  .start-xxxxl-10 {
    left: 10% !important;
  }

  .end-xxxxl-10 {
    right: 10% !important;
  }

  .top-xxxxl-10 {
    top: 10% !important;
  }

  .bottom-xxxxl-10 {
    bottom: 10% !important;
  }

  .start-xxxxl-20 {
    left: 20% !important;
  }

  .end-xxxxl-20 {
    right: 20% !important;
  }

  .top-xxxxl-20 {
    top: 20% !important;
  }

  .bottom-xxxxl-20 {
    bottom: 20% !important;
  }

  .start-xxxxl-30 {
    left: 30% !important;
  }

  .end-xxxxl-30 {
    right: 30% !important;
  }

  .top-xxxxl-30 {
    top: 30% !important;
  }

  .bottom-xxxxl-30 {
    bottom: 30% !important;
  }

  .start-xxxxl-40 {
    left: 40% !important;
  }

  .end-xxxxl-40 {
    right: 40% !important;
  }

  .top-xxxxl-40 {
    top: 40% !important;
  }

  .bottom-xxxxl-40 {
    bottom: 40% !important;
  }

  .start-xxxxl-50 {
    left: 50% !important;
  }

  .end-xxxxl-50 {
    right: 50% !important;
  }

  .top-xxxxl-50 {
    top: 50% !important;
  }

  .bottom-xxxxl-50 {
    bottom: 50% !important;
  }

  .start-xxxxl-60 {
    left: 60% !important;
  }

  .end-xxxxl-60 {
    right: 60% !important;
  }

  .top-xxxxl-60 {
    top: 60% !important;
  }

  .bottom-xxxxl-60 {
    bottom: 60% !important;
  }

  .start-xxxxl-70 {
    left: 70% !important;
  }

  .end-xxxxl-70 {
    right: 70% !important;
  }

  .top-xxxxl-70 {
    top: 70% !important;
  }

  .bottom-xxxxl-70 {
    bottom: 70% !important;
  }

  .start-xxxxl-80 {
    left: 80% !important;
  }

  .end-xxxxl-80 {
    right: 80% !important;
  }

  .top-xxxxl-80 {
    top: 80% !important;
  }

  .bottom-xxxxl-80 {
    bottom: 80% !important;
  }

  .start-xxxxl-90 {
    left: 90% !important;
  }

  .end-xxxxl-90 {
    right: 90% !important;
  }

  .top-xxxxl-90 {
    top: 90% !important;
  }

  .bottom-xxxxl-90 {
    bottom: 90% !important;
  }

  .start-xxxxl-100 {
    left: 100% !important;
  }

  .end-xxxxl-100 {
    right: 100% !important;
  }

  .top-xxxxl-100 {
    top: 100% !important;
  }

  .bottom-xxxxl-100 {
    bottom: 100% !important;
  }

  .start-xxxxl-10px {
    left: 10px !important;
  }

  .end-xxxxl-10px {
    right: 10px !important;
  }

  .top-xxxxl-10px {
    top: 10px !important;
  }

  .bottom-xxxxl-10px {
    bottom: 10px !important;
  }

  .start-xxxxl-11px {
    left: 11px !important;
  }

  .end-xxxxl-11px {
    right: 11px !important;
  }

  .top-xxxxl-11px {
    top: 11px !important;
  }

  .bottom-xxxxl-11px {
    bottom: 11px !important;
  }

  .start-xxxxl-12px {
    left: 12px !important;
  }

  .end-xxxxl-12px {
    right: 12px !important;
  }

  .top-xxxxl-12px {
    top: 12px !important;
  }

  .bottom-xxxxl-12px {
    bottom: 12px !important;
  }

  .start-xxxxl-13px {
    left: 13px !important;
  }

  .end-xxxxl-13px {
    right: 13px !important;
  }

  .top-xxxxl-13px {
    top: 13px !important;
  }

  .bottom-xxxxl-13px {
    bottom: 13px !important;
  }

  .start-xxxxl-14px {
    left: 14px !important;
  }

  .end-xxxxl-14px {
    right: 14px !important;
  }

  .top-xxxxl-14px {
    top: 14px !important;
  }

  .bottom-xxxxl-14px {
    bottom: 14px !important;
  }

  .start-xxxxl-15px {
    left: 15px !important;
  }

  .end-xxxxl-15px {
    right: 15px !important;
  }

  .top-xxxxl-15px {
    top: 15px !important;
  }

  .bottom-xxxxl-15px {
    bottom: 15px !important;
  }

  .start-xxxxl-16px {
    left: 16px !important;
  }

  .end-xxxxl-16px {
    right: 16px !important;
  }

  .top-xxxxl-16px {
    top: 16px !important;
  }

  .bottom-xxxxl-16px {
    bottom: 16px !important;
  }

  .start-xxxxl-17px {
    left: 17px !important;
  }

  .end-xxxxl-17px {
    right: 17px !important;
  }

  .top-xxxxl-17px {
    top: 17px !important;
  }

  .bottom-xxxxl-17px {
    bottom: 17px !important;
  }

  .start-xxxxl-18px {
    left: 18px !important;
  }

  .end-xxxxl-18px {
    right: 18px !important;
  }

  .top-xxxxl-18px {
    top: 18px !important;
  }

  .bottom-xxxxl-18px {
    bottom: 18px !important;
  }

  .start-xxxxl-19px {
    left: 19px !important;
  }

  .end-xxxxl-19px {
    right: 19px !important;
  }

  .top-xxxxl-19px {
    top: 19px !important;
  }

  .bottom-xxxxl-19px {
    bottom: 19px !important;
  }

  .start-xxxxl-20px {
    left: 20px !important;
  }

  .end-xxxxl-20px {
    right: 20px !important;
  }

  .top-xxxxl-20px {
    top: 20px !important;
  }

  .bottom-xxxxl-20px {
    bottom: 20px !important;
  }

  .start-xxxxl-21px {
    left: 21px !important;
  }

  .end-xxxxl-21px {
    right: 21px !important;
  }

  .top-xxxxl-21px {
    top: 21px !important;
  }

  .bottom-xxxxl-21px {
    bottom: 21px !important;
  }

  .start-xxxxl-22px {
    left: 22px !important;
  }

  .end-xxxxl-22px {
    right: 22px !important;
  }

  .top-xxxxl-22px {
    top: 22px !important;
  }

  .bottom-xxxxl-22px {
    bottom: 22px !important;
  }

  .start-xxxxl-23px {
    left: 23px !important;
  }

  .end-xxxxl-23px {
    right: 23px !important;
  }

  .top-xxxxl-23px {
    top: 23px !important;
  }

  .bottom-xxxxl-23px {
    bottom: 23px !important;
  }

  .start-xxxxl-24px {
    left: 24px !important;
  }

  .end-xxxxl-24px {
    right: 24px !important;
  }

  .top-xxxxl-24px {
    top: 24px !important;
  }

  .bottom-xxxxl-24px {
    bottom: 24px !important;
  }

  .start-xxxxl-25px {
    left: 25px !important;
  }

  .end-xxxxl-25px {
    right: 25px !important;
  }

  .top-xxxxl-25px {
    top: 25px !important;
  }

  .bottom-xxxxl-25px {
    bottom: 25px !important;
  }

  .start-xxxxl-26px {
    left: 26px !important;
  }

  .end-xxxxl-26px {
    right: 26px !important;
  }

  .top-xxxxl-26px {
    top: 26px !important;
  }

  .bottom-xxxxl-26px {
    bottom: 26px !important;
  }

  .start-xxxxl-27px {
    left: 27px !important;
  }

  .end-xxxxl-27px {
    right: 27px !important;
  }

  .top-xxxxl-27px {
    top: 27px !important;
  }

  .bottom-xxxxl-27px {
    bottom: 27px !important;
  }

  .start-xxxxl-28px {
    left: 28px !important;
  }

  .end-xxxxl-28px {
    right: 28px !important;
  }

  .top-xxxxl-28px {
    top: 28px !important;
  }

  .bottom-xxxxl-28px {
    bottom: 28px !important;
  }

  .start-xxxxl-29px {
    left: 29px !important;
  }

  .end-xxxxl-29px {
    right: 29px !important;
  }

  .top-xxxxl-29px {
    top: 29px !important;
  }

  .bottom-xxxxl-29px {
    bottom: 29px !important;
  }

  .start-xxxxl-30px {
    left: 30px !important;
  }

  .end-xxxxl-30px {
    right: 30px !important;
  }

  .top-xxxxl-30px {
    top: 30px !important;
  }

  .bottom-xxxxl-30px {
    bottom: 30px !important;
  }

  .start-xxxxl-31px {
    left: 31px !important;
  }

  .end-xxxxl-31px {
    right: 31px !important;
  }

  .top-xxxxl-31px {
    top: 31px !important;
  }

  .bottom-xxxxl-31px {
    bottom: 31px !important;
  }

  .start-xxxxl-32px {
    left: 32px !important;
  }

  .end-xxxxl-32px {
    right: 32px !important;
  }

  .top-xxxxl-32px {
    top: 32px !important;
  }

  .bottom-xxxxl-32px {
    bottom: 32px !important;
  }

  .start-xxxxl-33px {
    left: 33px !important;
  }

  .end-xxxxl-33px {
    right: 33px !important;
  }

  .top-xxxxl-33px {
    top: 33px !important;
  }

  .bottom-xxxxl-33px {
    bottom: 33px !important;
  }

  .start-xxxxl-34px {
    left: 34px !important;
  }

  .end-xxxxl-34px {
    right: 34px !important;
  }

  .top-xxxxl-34px {
    top: 34px !important;
  }

  .bottom-xxxxl-34px {
    bottom: 34px !important;
  }

  .start-xxxxl-35px {
    left: 35px !important;
  }

  .end-xxxxl-35px {
    right: 35px !important;
  }

  .top-xxxxl-35px {
    top: 35px !important;
  }

  .bottom-xxxxl-35px {
    bottom: 35px !important;
  }

  .start-xxxxl-36px {
    left: 36px !important;
  }

  .end-xxxxl-36px {
    right: 36px !important;
  }

  .top-xxxxl-36px {
    top: 36px !important;
  }

  .bottom-xxxxl-36px {
    bottom: 36px !important;
  }

  .start-xxxxl-37px {
    left: 37px !important;
  }

  .end-xxxxl-37px {
    right: 37px !important;
  }

  .top-xxxxl-37px {
    top: 37px !important;
  }

  .bottom-xxxxl-37px {
    bottom: 37px !important;
  }

  .start-xxxxl-38px {
    left: 38px !important;
  }

  .end-xxxxl-38px {
    right: 38px !important;
  }

  .top-xxxxl-38px {
    top: 38px !important;
  }

  .bottom-xxxxl-38px {
    bottom: 38px !important;
  }

  .start-xxxxl-39px {
    left: 39px !important;
  }

  .end-xxxxl-39px {
    right: 39px !important;
  }

  .top-xxxxl-39px {
    top: 39px !important;
  }

  .bottom-xxxxl-39px {
    bottom: 39px !important;
  }

  .start-xxxxl-40px {
    left: 40px !important;
  }

  .end-xxxxl-40px {
    right: 40px !important;
  }

  .top-xxxxl-40px {
    top: 40px !important;
  }

  .bottom-xxxxl-40px {
    bottom: 40px !important;
  }

  .start-xxxxl-41px {
    left: 41px !important;
  }

  .end-xxxxl-41px {
    right: 41px !important;
  }

  .top-xxxxl-41px {
    top: 41px !important;
  }

  .bottom-xxxxl-41px {
    bottom: 41px !important;
  }

  .start-xxxxl-42px {
    left: 42px !important;
  }

  .end-xxxxl-42px {
    right: 42px !important;
  }

  .top-xxxxl-42px {
    top: 42px !important;
  }

  .bottom-xxxxl-42px {
    bottom: 42px !important;
  }

  .start-xxxxl-43px {
    left: 43px !important;
  }

  .end-xxxxl-43px {
    right: 43px !important;
  }

  .top-xxxxl-43px {
    top: 43px !important;
  }

  .bottom-xxxxl-43px {
    bottom: 43px !important;
  }

  .start-xxxxl-44px {
    left: 44px !important;
  }

  .end-xxxxl-44px {
    right: 44px !important;
  }

  .top-xxxxl-44px {
    top: 44px !important;
  }

  .bottom-xxxxl-44px {
    bottom: 44px !important;
  }

  .start-xxxxl-45px {
    left: 45px !important;
  }

  .end-xxxxl-45px {
    right: 45px !important;
  }

  .top-xxxxl-45px {
    top: 45px !important;
  }

  .bottom-xxxxl-45px {
    bottom: 45px !important;
  }

  .start-xxxxl-46px {
    left: 46px !important;
  }

  .end-xxxxl-46px {
    right: 46px !important;
  }

  .top-xxxxl-46px {
    top: 46px !important;
  }

  .bottom-xxxxl-46px {
    bottom: 46px !important;
  }

  .start-xxxxl-47px {
    left: 47px !important;
  }

  .end-xxxxl-47px {
    right: 47px !important;
  }

  .top-xxxxl-47px {
    top: 47px !important;
  }

  .bottom-xxxxl-47px {
    bottom: 47px !important;
  }

  .start-xxxxl-48px {
    left: 48px !important;
  }

  .end-xxxxl-48px {
    right: 48px !important;
  }

  .top-xxxxl-48px {
    top: 48px !important;
  }

  .bottom-xxxxl-48px {
    bottom: 48px !important;
  }

  .start-xxxxl-49px {
    left: 49px !important;
  }

  .end-xxxxl-49px {
    right: 49px !important;
  }

  .top-xxxxl-49px {
    top: 49px !important;
  }

  .bottom-xxxxl-49px {
    bottom: 49px !important;
  }

  .start-xxxxl-50px {
    left: 50px !important;
  }

  .end-xxxxl-50px {
    right: 50px !important;
  }

  .top-xxxxl-50px {
    top: 50px !important;
  }

  .bottom-xxxxl-50px {
    bottom: 50px !important;
  }

  .start-xxxxl-n1px {
    left: -1px !important;
  }

  .end-xxxxl-n1px {
    right: -1px !important;
  }

  .top-xxxxl-n1px {
    top: -1px !important;
  }

  .bottom-xxxxl-n1px {
    bottom: -1px !important;
  }

  .start-xxxxl-n2px {
    left: -2px !important;
  }

  .end-xxxxl-n2px {
    right: -2px !important;
  }

  .top-xxxxl-n2px {
    top: -2px !important;
  }

  .bottom-xxxxl-n2px {
    bottom: -2px !important;
  }

  .start-xxxxl-n3px {
    left: -3px !important;
  }

  .end-xxxxl-n3px {
    right: -3px !important;
  }

  .top-xxxxl-n3px {
    top: -3px !important;
  }

  .bottom-xxxxl-n3px {
    bottom: -3px !important;
  }

  .start-xxxxl-n4px {
    left: -4px !important;
  }

  .end-xxxxl-n4px {
    right: -4px !important;
  }

  .top-xxxxl-n4px {
    top: -4px !important;
  }

  .bottom-xxxxl-n4px {
    bottom: -4px !important;
  }

  .start-xxxxl-n5px {
    left: -5px !important;
  }

  .end-xxxxl-n5px {
    right: -5px !important;
  }

  .top-xxxxl-n5px {
    top: -5px !important;
  }

  .bottom-xxxxl-n5px {
    bottom: -5px !important;
  }

  .start-xxxxl-n6px {
    left: -6px !important;
  }

  .end-xxxxl-n6px {
    right: -6px !important;
  }

  .top-xxxxl-n6px {
    top: -6px !important;
  }

  .bottom-xxxxl-n6px {
    bottom: -6px !important;
  }

  .start-xxxxl-n7px {
    left: -7px !important;
  }

  .end-xxxxl-n7px {
    right: -7px !important;
  }

  .top-xxxxl-n7px {
    top: -7px !important;
  }

  .bottom-xxxxl-n7px {
    bottom: -7px !important;
  }

  .start-xxxxl-n8px {
    left: -8px !important;
  }

  .end-xxxxl-n8px {
    right: -8px !important;
  }

  .top-xxxxl-n8px {
    top: -8px !important;
  }

  .bottom-xxxxl-n8px {
    bottom: -8px !important;
  }

  .start-xxxxl-n9px {
    left: -9px !important;
  }

  .end-xxxxl-n9px {
    right: -9px !important;
  }

  .top-xxxxl-n9px {
    top: -9px !important;
  }

  .bottom-xxxxl-n9px {
    bottom: -9px !important;
  }

  .start-xxxxl-n10px {
    left: -10px !important;
  }

  .end-xxxxl-n10px {
    right: -10px !important;
  }

  .top-xxxxl-n10px {
    top: -10px !important;
  }

  .bottom-xxxxl-n10px {
    bottom: -10px !important;
  }

  .start-xxxxl-n11px {
    left: -11px !important;
  }

  .end-xxxxl-n11px {
    right: -11px !important;
  }

  .top-xxxxl-n11px {
    top: -11px !important;
  }

  .bottom-xxxxl-n11px {
    bottom: -11px !important;
  }

  .start-xxxxl-n12px {
    left: -12px !important;
  }

  .end-xxxxl-n12px {
    right: -12px !important;
  }

  .top-xxxxl-n12px {
    top: -12px !important;
  }

  .bottom-xxxxl-n12px {
    bottom: -12px !important;
  }

  .start-xxxxl-n13px {
    left: -13px !important;
  }

  .end-xxxxl-n13px {
    right: -13px !important;
  }

  .top-xxxxl-n13px {
    top: -13px !important;
  }

  .bottom-xxxxl-n13px {
    bottom: -13px !important;
  }

  .start-xxxxl-n14px {
    left: -14px !important;
  }

  .end-xxxxl-n14px {
    right: -14px !important;
  }

  .top-xxxxl-n14px {
    top: -14px !important;
  }

  .bottom-xxxxl-n14px {
    bottom: -14px !important;
  }

  .start-xxxxl-n15px {
    left: -15px !important;
  }

  .end-xxxxl-n15px {
    right: -15px !important;
  }

  .top-xxxxl-n15px {
    top: -15px !important;
  }

  .bottom-xxxxl-n15px {
    bottom: -15px !important;
  }

  .start-xxxxl-n16px {
    left: -16px !important;
  }

  .end-xxxxl-n16px {
    right: -16px !important;
  }

  .top-xxxxl-n16px {
    top: -16px !important;
  }

  .bottom-xxxxl-n16px {
    bottom: -16px !important;
  }

  .start-xxxxl-n17px {
    left: -17px !important;
  }

  .end-xxxxl-n17px {
    right: -17px !important;
  }

  .top-xxxxl-n17px {
    top: -17px !important;
  }

  .bottom-xxxxl-n17px {
    bottom: -17px !important;
  }

  .start-xxxxl-n18px {
    left: -18px !important;
  }

  .end-xxxxl-n18px {
    right: -18px !important;
  }

  .top-xxxxl-n18px {
    top: -18px !important;
  }

  .bottom-xxxxl-n18px {
    bottom: -18px !important;
  }

  .start-xxxxl-n19px {
    left: -19px !important;
  }

  .end-xxxxl-n19px {
    right: -19px !important;
  }

  .top-xxxxl-n19px {
    top: -19px !important;
  }

  .bottom-xxxxl-n19px {
    bottom: -19px !important;
  }

  .start-xxxxl-n20px {
    left: -20px !important;
  }

  .end-xxxxl-n20px {
    right: -20px !important;
  }

  .top-xxxxl-n20px {
    top: -20px !important;
  }

  .bottom-xxxxl-n20px {
    bottom: -20px !important;
  }

  .start-xxxxl-n21px {
    left: -21px !important;
  }

  .end-xxxxl-n21px {
    right: -21px !important;
  }

  .top-xxxxl-n21px {
    top: -21px !important;
  }

  .bottom-xxxxl-n21px {
    bottom: -21px !important;
  }

  .start-xxxxl-n22px {
    left: -22px !important;
  }

  .end-xxxxl-n22px {
    right: -22px !important;
  }

  .top-xxxxl-n22px {
    top: -22px !important;
  }

  .bottom-xxxxl-n22px {
    bottom: -22px !important;
  }

  .start-xxxxl-n23px {
    left: -23px !important;
  }

  .end-xxxxl-n23px {
    right: -23px !important;
  }

  .top-xxxxl-n23px {
    top: -23px !important;
  }

  .bottom-xxxxl-n23px {
    bottom: -23px !important;
  }

  .start-xxxxl-n24px {
    left: -24px !important;
  }

  .end-xxxxl-n24px {
    right: -24px !important;
  }

  .top-xxxxl-n24px {
    top: -24px !important;
  }

  .bottom-xxxxl-n24px {
    bottom: -24px !important;
  }

  .start-xxxxl-n25px {
    left: -25px !important;
  }

  .end-xxxxl-n25px {
    right: -25px !important;
  }

  .top-xxxxl-n25px {
    top: -25px !important;
  }

  .bottom-xxxxl-n25px {
    bottom: -25px !important;
  }

  .start-xxxxl-n26px {
    left: -26px !important;
  }

  .end-xxxxl-n26px {
    right: -26px !important;
  }

  .top-xxxxl-n26px {
    top: -26px !important;
  }

  .bottom-xxxxl-n26px {
    bottom: -26px !important;
  }

  .start-xxxxl-n27px {
    left: -27px !important;
  }

  .end-xxxxl-n27px {
    right: -27px !important;
  }

  .top-xxxxl-n27px {
    top: -27px !important;
  }

  .bottom-xxxxl-n27px {
    bottom: -27px !important;
  }

  .start-xxxxl-n28px {
    left: -28px !important;
  }

  .end-xxxxl-n28px {
    right: -28px !important;
  }

  .top-xxxxl-n28px {
    top: -28px !important;
  }

  .bottom-xxxxl-n28px {
    bottom: -28px !important;
  }

  .start-xxxxl-n29px {
    left: -29px !important;
  }

  .end-xxxxl-n29px {
    right: -29px !important;
  }

  .top-xxxxl-n29px {
    top: -29px !important;
  }

  .bottom-xxxxl-n29px {
    bottom: -29px !important;
  }

  .start-xxxxl-n30px {
    left: -30px !important;
  }

  .end-xxxxl-n30px {
    right: -30px !important;
  }

  .top-xxxxl-n30px {
    top: -30px !important;
  }

  .bottom-xxxxl-n30px {
    bottom: -30px !important;
  }
}

body {
  font-family: "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #333333;
  line-height: 1.42857143;
  font-size: 0.875rem;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueUltraLight.eot?5403d08995835827223b433092ca9db0);
  src: url(../fonts/HelveticaNeueUltraLight.eot?5403d08995835827223b433092ca9db0);
  src: url(../fonts/HelveticaNeueUltraLight.eot?5403d08995835827223b433092ca9db0) format("embedded-opentype"), url(../fonts/HelveticaNeueUltraLight.svg?4ecc5a26df75e3578f9283ef02f6fdf8) format("svg"), url(../fonts/HelveticaNeueUltraLight.woff?a3e873dadd0b3fe753aa9d9091b379cc) format("woff"), url(../fonts/HelveticaNeueUltraLight.ttf?20cc19ecca31433261223184d38992d6) format("truetype"), url(../fonts/HelveticaNeueUltraLight.woff2?d81ba076c20769d93fc601f3a66dd2e2) format("woff2");
  font-weight: 100;
  font-display: block;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueThin.eot?6f287c34f6d58b21263cb78cad7fd329);
  src: url(../fonts/HelveticaNeueThin.eot?6f287c34f6d58b21263cb78cad7fd329) format("embedded-opentype"), url(../fonts/HelveticaNeueThin.svg?f2cd67b103abac53eb5de97405aa31d4) format("svg"), url(../fonts/HelveticaNeueThin.ttf?94ce61ca14092439b75f278f4a1bf33b) format("truetype"), url(../fonts/HelveticaNeueThin.woff?6471bcff3b461dd08d0a615e98dcc539) format("woff"), url(../fonts/HelveticaNeueThin.woff2?3bff8d68109983106513164dcbc600f8) format("woff2");
  font-weight: 200;
  font-display: block;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueLight.eot?44cc9745770ed87a37b87413e102073e);
  src: url(../fonts/HelveticaNeueLight.eot?44cc9745770ed87a37b87413e102073e) format("embedded-opentype"), url(../fonts/HelveticaNeueLight.svg?2455c13abe19d4b636ac60271252f0b8) format("svg"), url(../fonts/HelveticaNeueLight.ttf?d5fbdecc0854d7566fd964abee25fe06) format("truetype"), url(../fonts/HelveticaNeueLight.woff?d92be8c9de2f03ef42417e6ad4e0d820) format("woff"), url(../fonts/HelveticaNeueLight.woff2?4fa6c6a62fbb319a1487ad30f35c05b2) format("woff2");
  font-weight: 300;
  font-display: block;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueRoman-normal.eot?5758ddd8922b250abcc832e844a065cd);
  src: url(../fonts/HelveticaNeueRoman-normal.eot?5758ddd8922b250abcc832e844a065cd) format("embedded-opentype"), url(../fonts/HelveticaNeueRoman-normal.svg?801fbf3e05626c93887957b4671f20b5) format("svg"), url(../fonts/HelveticaNeueRoman-normal.ttf?1df76df2849a81c70c92b787d1d68d9f) format("truetype"), url(../fonts/HelveticaNeueRoman-normal.woff?18d7c3af5731f0fc3958edfdaff1e00a) format("woff"), url(../fonts/HelveticaNeueRoman-normal.woff2?482571ca8bd0704135a7a7ffab22b273) format("woff2");
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueMedium.eot?7ea9cb3a869c10f6abde40e67e32f228);
  src: url(../fonts/HelveticaNeueMedium.eot?7ea9cb3a869c10f6abde40e67e32f228) format("embedded-opentype"), url(../fonts/HelveticaNeueMedium.svg?dc295b01ba7bcfd15dcc77286c4736d9) format("svg"), url(../fonts/HelveticaNeueMedium.ttf?d2d853c2651619dc5dfce39f97ce4e9b) format("truetype"), url(../fonts/HelveticaNeueMedium.woff?b2bd687d8be2f83cd64a0ac12d97d78e) format("woff"), url(../fonts/HelveticaNeueMedium.woff2?a4a9763488de811ad06a0c5a21bdf978) format("woff2");
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueBold.eot?471b15bca7ca66cb17c0d0ac6c069912);
  src: url(../fonts/HelveticaNeueBold.eot?471b15bca7ca66cb17c0d0ac6c069912) format("embedded-opentype"), url(../fonts/HelveticaNeueBold.svg?7f2af53cea1286f86e9e9cfdeece7238) format("svg"), url(../fonts/HelveticaNeueBold.ttf?eb83ea2aac01fc00e86d39b7917ceac3) format("truetype"), url(../fonts/HelveticaNeueBold.woff?2c58df08c2edb95ac8ec9fba87bef770) format("woff"), url(../fonts/HelveticaNeueBold.woff2?5d1f515c43aa261830f996adccab0811) format("woff2");
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: "Helvetica";
  src: url(../fonts/HelveticaNeueBlack.eot?9b8ddab2ae33342cd64355d54029706f);
  src: url(../fonts/HelveticaNeueBlack.eot?9b8ddab2ae33342cd64355d54029706f) format("embedded-opentype"), url(../fonts/HelveticaNeueBlack.svg?2d0b05216471abf419826957e400a0c1) format("svg"), url(../fonts/HelveticaNeueBlack.ttf?6a14fd0e09a2230a95cc87ccb0cf303d) format("truetype"), url(../fonts/HelveticaNeueBlack.woff?6988b1a0aba483c3695d200820a69ffb) format("woff"), url(../fonts/HelveticaNeueBlack.woff2?24621a74373939fe26c6cf6036ff50e0) format("woff2");
  font-weight: 900;
  font-display: block;
}

.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;
}

.fs-61x {
  font-size: 3.8125rem !important;
}

.fs-62x {
  font-size: 3.875rem !important;
}

.fs-63x {
  font-size: 3.9375rem !important;
}

.fs-64x {
  font-size: 4rem !important;
}

.fs-65x {
  font-size: 4.0625rem !important;
}

.fs-66x {
  font-size: 4.125rem !important;
}

.fs-67x {
  font-size: 4.1875rem !important;
}

.fs-68x {
  font-size: 4.25rem !important;
}

.fs-69x {
  font-size: 4.3125rem !important;
}

.fs-70x {
  font-size: 4.375rem !important;
}

.fs-71x {
  font-size: 4.4375rem !important;
}

.fs-72x {
  font-size: 4.5rem !important;
}

.fs-73x {
  font-size: 4.5625rem !important;
}

.fs-74x {
  font-size: 4.625rem !important;
}

.fs-75x {
  font-size: 4.6875rem !important;
}

.fs-76x {
  font-size: 4.75rem !important;
}

.fs-77x {
  font-size: 4.8125rem !important;
}

.fs-78x {
  font-size: 4.875rem !important;
}

.fs-79x {
  font-size: 4.9375rem !important;
}

.fs-80x {
  font-size: 5rem !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;
  }

  .fs-md-61x {
    font-size: 3.8125rem !important;
  }

  .fs-md-62x {
    font-size: 3.875rem !important;
  }

  .fs-md-63x {
    font-size: 3.9375rem !important;
  }

  .fs-md-64x {
    font-size: 4rem !important;
  }

  .fs-md-65x {
    font-size: 4.0625rem !important;
  }

  .fs-md-66x {
    font-size: 4.125rem !important;
  }

  .fs-md-67x {
    font-size: 4.1875rem !important;
  }

  .fs-md-68x {
    font-size: 4.25rem !important;
  }

  .fs-md-69x {
    font-size: 4.3125rem !important;
  }

  .fs-md-70x {
    font-size: 4.375rem !important;
  }

  .fs-md-71x {
    font-size: 4.4375rem !important;
  }

  .fs-md-72x {
    font-size: 4.5rem !important;
  }

  .fs-md-73x {
    font-size: 4.5625rem !important;
  }

  .fs-md-74x {
    font-size: 4.625rem !important;
  }

  .fs-md-75x {
    font-size: 4.6875rem !important;
  }

  .fs-md-76x {
    font-size: 4.75rem !important;
  }

  .fs-md-77x {
    font-size: 4.8125rem !important;
  }

  .fs-md-78x {
    font-size: 4.875rem !important;
  }

  .fs-md-79x {
    font-size: 4.9375rem !important;
  }

  .fs-md-80x {
    font-size: 5rem !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;
  }

  .fs-lg-61x {
    font-size: 3.8125rem !important;
  }

  .fs-lg-62x {
    font-size: 3.875rem !important;
  }

  .fs-lg-63x {
    font-size: 3.9375rem !important;
  }

  .fs-lg-64x {
    font-size: 4rem !important;
  }

  .fs-lg-65x {
    font-size: 4.0625rem !important;
  }

  .fs-lg-66x {
    font-size: 4.125rem !important;
  }

  .fs-lg-67x {
    font-size: 4.1875rem !important;
  }

  .fs-lg-68x {
    font-size: 4.25rem !important;
  }

  .fs-lg-69x {
    font-size: 4.3125rem !important;
  }

  .fs-lg-70x {
    font-size: 4.375rem !important;
  }

  .fs-lg-71x {
    font-size: 4.4375rem !important;
  }

  .fs-lg-72x {
    font-size: 4.5rem !important;
  }

  .fs-lg-73x {
    font-size: 4.5625rem !important;
  }

  .fs-lg-74x {
    font-size: 4.625rem !important;
  }

  .fs-lg-75x {
    font-size: 4.6875rem !important;
  }

  .fs-lg-76x {
    font-size: 4.75rem !important;
  }

  .fs-lg-77x {
    font-size: 4.8125rem !important;
  }

  .fs-lg-78x {
    font-size: 4.875rem !important;
  }

  .fs-lg-79x {
    font-size: 4.9375rem !important;
  }

  .fs-lg-80x {
    font-size: 5rem !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;
  }

  .fs-xl-61x {
    font-size: 3.8125rem !important;
  }

  .fs-xl-62x {
    font-size: 3.875rem !important;
  }

  .fs-xl-63x {
    font-size: 3.9375rem !important;
  }

  .fs-xl-64x {
    font-size: 4rem !important;
  }

  .fs-xl-65x {
    font-size: 4.0625rem !important;
  }

  .fs-xl-66x {
    font-size: 4.125rem !important;
  }

  .fs-xl-67x {
    font-size: 4.1875rem !important;
  }

  .fs-xl-68x {
    font-size: 4.25rem !important;
  }

  .fs-xl-69x {
    font-size: 4.3125rem !important;
  }

  .fs-xl-70x {
    font-size: 4.375rem !important;
  }

  .fs-xl-71x {
    font-size: 4.4375rem !important;
  }

  .fs-xl-72x {
    font-size: 4.5rem !important;
  }

  .fs-xl-73x {
    font-size: 4.5625rem !important;
  }

  .fs-xl-74x {
    font-size: 4.625rem !important;
  }

  .fs-xl-75x {
    font-size: 4.6875rem !important;
  }

  .fs-xl-76x {
    font-size: 4.75rem !important;
  }

  .fs-xl-77x {
    font-size: 4.8125rem !important;
  }

  .fs-xl-78x {
    font-size: 4.875rem !important;
  }

  .fs-xl-79x {
    font-size: 4.9375rem !important;
  }

  .fs-xl-80x {
    font-size: 5rem !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;
  }

  .fs-xxl-61x {
    font-size: 3.8125rem !important;
  }

  .fs-xxl-62x {
    font-size: 3.875rem !important;
  }

  .fs-xxl-63x {
    font-size: 3.9375rem !important;
  }

  .fs-xxl-64x {
    font-size: 4rem !important;
  }

  .fs-xxl-65x {
    font-size: 4.0625rem !important;
  }

  .fs-xxl-66x {
    font-size: 4.125rem !important;
  }

  .fs-xxl-67x {
    font-size: 4.1875rem !important;
  }

  .fs-xxl-68x {
    font-size: 4.25rem !important;
  }

  .fs-xxl-69x {
    font-size: 4.3125rem !important;
  }

  .fs-xxl-70x {
    font-size: 4.375rem !important;
  }

  .fs-xxl-71x {
    font-size: 4.4375rem !important;
  }

  .fs-xxl-72x {
    font-size: 4.5rem !important;
  }

  .fs-xxl-73x {
    font-size: 4.5625rem !important;
  }

  .fs-xxl-74x {
    font-size: 4.625rem !important;
  }

  .fs-xxl-75x {
    font-size: 4.6875rem !important;
  }

  .fs-xxl-76x {
    font-size: 4.75rem !important;
  }

  .fs-xxl-77x {
    font-size: 4.8125rem !important;
  }

  .fs-xxl-78x {
    font-size: 4.875rem !important;
  }

  .fs-xxl-79x {
    font-size: 4.9375rem !important;
  }

  .fs-xxl-80x {
    font-size: 5rem !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;
  }

  .fs-xxxl-61x {
    font-size: 3.8125rem !important;
  }

  .fs-xxxl-62x {
    font-size: 3.875rem !important;
  }

  .fs-xxxl-63x {
    font-size: 3.9375rem !important;
  }

  .fs-xxxl-64x {
    font-size: 4rem !important;
  }

  .fs-xxxl-65x {
    font-size: 4.0625rem !important;
  }

  .fs-xxxl-66x {
    font-size: 4.125rem !important;
  }

  .fs-xxxl-67x {
    font-size: 4.1875rem !important;
  }

  .fs-xxxl-68x {
    font-size: 4.25rem !important;
  }

  .fs-xxxl-69x {
    font-size: 4.3125rem !important;
  }

  .fs-xxxl-70x {
    font-size: 4.375rem !important;
  }

  .fs-xxxl-71x {
    font-size: 4.4375rem !important;
  }

  .fs-xxxl-72x {
    font-size: 4.5rem !important;
  }

  .fs-xxxl-73x {
    font-size: 4.5625rem !important;
  }

  .fs-xxxl-74x {
    font-size: 4.625rem !important;
  }

  .fs-xxxl-75x {
    font-size: 4.6875rem !important;
  }

  .fs-xxxl-76x {
    font-size: 4.75rem !important;
  }

  .fs-xxxl-77x {
    font-size: 4.8125rem !important;
  }

  .fs-xxxl-78x {
    font-size: 4.875rem !important;
  }

  .fs-xxxl-79x {
    font-size: 4.9375rem !important;
  }

  .fs-xxxl-80x {
    font-size: 5rem !important;
  }
}

.font-8-9 {
  font-size: clamp(0.5rem, 0.4783rem + 0.1087vw, 0.5625rem) !important;
}

.font-9-10 {
  font-size: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem) !important;
}

.font-10-11 {
  font-size: clamp(0.625rem, 0.6033rem + 0.1087vw, 0.6875rem) !important;
}

.font-11-12 {
  font-size: clamp(0.6875rem, 0.6658rem + 0.1087vw, 0.75rem) !important;
}

.font-12-13 {
  font-size: clamp(0.75rem, 0.7065rem + 0.2174vw, 0.8125rem) !important;
}

.font-12-14 {
  font-size: clamp(0.75rem, 0.7065rem + 0.2174vw, 0.875rem) !important;
}

.font-13-15 {
  font-size: clamp(0.8125rem, 0.769rem + 0.2174vw, 0.9375rem) !important;
}

.font-14-16 {
  font-size: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem) !important;
}

.font-16-18 {
  font-size: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem) !important;
}

.font-18-20 {
  font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem) !important;
}

.font-16-20 {
  font-size: clamp(1rem, 0.9565rem + 0.2174vw, 1.25rem) !important;
}

.font-17-21 {
  font-size: clamp(1.0625rem, 1.019rem + 0.2174vw, 1.3125rem) !important;
}

.font-18-22 {
  font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.375rem) !important;
}

.font-19-23 {
  font-size: clamp(1.1875rem, 1.144rem + 0.2174vw, 1.4375rem) !important;
}

.font-20-24 {
  font-size: clamp(1.25rem, 1.163rem + 0.4348vw, 1.5rem) !important;
}

.font-21-25 {
  font-size: clamp(1.3125rem, 1.2255rem + 0.4348vw, 1.5625rem) !important;
}

.font-22-26 {
  font-size: clamp(1.375rem, 1.288rem + 0.4348vw, 1.625rem) !important;
}

.font-23-27 {
  font-size: clamp(1.4375rem, 1.3505rem + 0.4348vw, 1.6875rem) !important;
}

.font-24-28 {
  font-size: clamp(1.5rem, 1.413rem + 0.4348vw, 1.75rem) !important;
}

.font-25-29 {
  font-size: clamp(1.5625rem, 1.4755rem + 0.4348vw, 1.8125rem) !important;
}

.font-26-30 {
  font-size: clamp(1.625rem, 1.538rem + 0.4348vw, 1.875rem) !important;
}

.font-27-31 {
  font-size: clamp(1.6875rem, 1.6005rem + 0.4348vw, 1.9375rem) !important;
}

.font-28-32 {
  font-size: clamp(1.75rem, 1.663rem + 0.4348vw, 2rem) !important;
}

.font-29-33 {
  font-size: clamp(1.8125rem, 1.7255rem + 0.4348vw, 2.0625rem) !important;
}

.font-30-34 {
  font-size: clamp(1.875rem, 1.788rem + 0.4348vw, 2.125rem) !important;
}

.font-31-35 {
  font-size: clamp(1.9375rem, 1.8505rem + 0.4348vw, 2.1875rem) !important;
}

.font-32-36 {
  font-size: clamp(2rem, 1.913rem + 0.4348vw, 2.25rem) !important;
}

.font-33-37 {
  font-size: clamp(2.0625rem, 1.9755rem + 0.4348vw, 2.3125rem) !important;
}

.font-34-38 {
  font-size: clamp(2.125rem, 2.038rem + 0.4348vw, 2.375rem) !important;
}

.font-35-39 {
  font-size: clamp(2.1875rem, 2.1005rem + 0.4348vw, 2.4375rem) !important;
}

.font-36-40 {
  font-size: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem) !important;
}

.font-37-41 {
  font-size: clamp(2.3125rem, 2.2255rem + 0.4348vw, 2.5625rem) !important;
}

.font-38-42 {
  font-size: clamp(2.375rem, 2.288rem + 0.4348vw, 2.625rem) !important;
}

.font-39-43 {
  font-size: clamp(2.4375rem, 2.3505rem + 0.4348vw, 2.6875rem) !important;
}

.font-40-44 {
  font-size: clamp(2.5rem, 2.413rem + 0.4348vw, 2.75rem) !important;
}

.font-41-45 {
  font-size: clamp(2.5625rem, 2.476rem + 0.4348vw, 2.8125rem) !important;
}

.font-42-46 {
  font-size: clamp(2.625rem, 2.5385rem + 0.4348vw, 2.875rem) !important;
}

.font-43-47 {
  font-size: clamp(2.6875rem, 2.601rem + 0.4348vw, 2.9375rem) !important;
}

.font-44-48 {
  font-size: clamp(2.75rem, 2.6635rem + 0.4348vw, 3rem) !important;
}

.font-45-49 {
  font-size: clamp(2.8125rem, 2.726rem + 0.4348vw, 3.0625rem) !important;
}

.font-46-50 {
  font-size: clamp(2.875rem, 2.7885rem + 0.4348vw, 3.125rem) !important;
}

.font-47-51 {
  font-size: clamp(2.9375rem, 2.851rem + 0.4348vw, 3.1875rem) !important;
}

.font-48-52 {
  font-size: clamp(3rem, 2.9135rem + 0.4348vw, 3.25rem) !important;
}

.font-49-53 {
  font-size: clamp(3.0625rem, 2.976rem + 0.4348vw, 3.3125rem) !important;
}

.font-50-54 {
  font-size: clamp(3.125rem, 3.0385rem + 0.4348vw, 3.375rem) !important;
}

.font-51-55 {
  font-size: clamp(3.1875rem, 3.101rem + 0.4348vw, 3.4375rem) !important;
}

.font-52-56 {
  font-size: clamp(3.25rem, 3.1635rem + 0.4348vw, 3.5rem) !important;
}

.font-53-57 {
  font-size: clamp(3.3125rem, 3.226rem + 0.4348vw, 3.5625rem) !important;
}

.font-54-58 {
  font-size: clamp(3.375rem, 3.2885rem + 0.4348vw, 3.625rem) !important;
}

.font-55-59 {
  font-size: clamp(3.4375rem, 3.351rem + 0.4348vw, 3.6875rem) !important;
}

.font-56-60 {
  font-size: clamp(3.5rem, 3.4135rem + 0.4348vw, 3.75rem) !important;
}

.font-57-61 {
  font-size: clamp(3.5625rem, 3.476rem + 0.4348vw, 3.8125rem) !important;
}

.font-58-62 {
  font-size: clamp(3.625rem, 3.5385rem + 0.4348vw, 3.875rem) !important;
}

.font-59-63 {
  font-size: clamp(3.6875rem, 3.601rem + 0.4348vw, 3.9375rem) !important;
}

.font-60-64 {
  font-size: clamp(3.75rem, 3.6635rem + 0.4348vw, 4rem) !important;
}

.font-61-65 {
  font-size: clamp(3.8125rem, 3.726rem + 0.4348vw, 4.0625rem) !important;
}

.font-62-66 {
  font-size: clamp(3.875rem, 3.7885rem + 0.4348vw, 4.125rem) !important;
}

.font-63-67 {
  font-size: clamp(3.9375rem, 3.851rem + 0.4348vw, 4.1875rem) !important;
}

.font-64-68 {
  font-size: clamp(4rem, 3.9135rem + 0.4348vw, 4.25rem) !important;
}

.font-65-69 {
  font-size: clamp(4.0625rem, 3.976rem + 0.4348vw, 4.3125rem) !important;
}

.font-66-70 {
  font-size: clamp(4.125rem, 4.0385rem + 0.4348vw, 4.375rem) !important;
}

.font-67-71 {
  font-size: clamp(4.1875rem, 4.101rem + 0.4348vw, 4.4375rem) !important;
}

.font-68-72 {
  font-size: clamp(4.25rem, 4.1635rem + 0.4348vw, 4.5rem) !important;
}

.font-69-73 {
  font-size: clamp(4.3125rem, 4.226rem + 0.4348vw, 4.5625rem) !important;
}

.font-70-74 {
  font-size: clamp(4.375rem, 4.2885rem + 0.4348vw, 4.625rem) !important;
}

.font-71-75 {
  font-size: clamp(4.4375rem, 4.351rem + 0.4348vw, 4.6875rem) !important;
}

.font-72-76 {
  font-size: clamp(4.5rem, 4.4135rem + 0.4348vw, 4.75rem) !important;
}

.font-73-77 {
  font-size: clamp(4.5625rem, 4.476rem + 0.4348vw, 4.8125rem) !important;
}

.font-74-78 {
  font-size: clamp(4.625rem, 4.5385rem + 0.4348vw, 4.875rem) !important;
}

.font-75-79 {
  font-size: clamp(4.6875rem, 4.601rem + 0.4348vw, 4.9375rem) !important;
}

.font-76-80 {
  font-size: clamp(4.75rem, 4.6635rem + 0.4348vw, 5rem) !important;
}

.font-77-81 {
  font-size: clamp(4.8125rem, 4.726rem + 0.4348vw, 5.0625rem) !important;
}

.font-78-82 {
  font-size: clamp(4.875rem, 4.7885rem + 0.4348vw, 5.125rem) !important;
}

.font-79-83 {
  font-size: clamp(4.9375rem, 4.851rem + 0.4348vw, 5.1875rem) !important;
}

.font-80-84 {
  font-size: clamp(5rem, 4.9135rem + 0.4348vw, 5.25rem) !important;
}

@media (max-width: 991.98px) {
  /* Bootstrap's medium breakpoint */

  .font-8-9 {
    font-size: 0.75rem !important;
  }

  .font-9-10 {
    font-size: 0.813rem !important;
  }

  .font-10-11 {
    font-size: 0.875rem !important;
  }

  .font-11-12 {
    font-size: 0.875rem !important;
  }

  .font-12-13 {
    font-size: 0.938rem !important;
  }

  .font-12-14 {
    font-size: 0.938rem !important;
  }

  .font-14-16 {
    font-size: 1rem !important;
  }

  .font-16-18 {
    font-size: 1.125rem !important;
  }

  .font-18-20 {
    font-size: 1.25rem !important;
  }

  .font-20-24 {
    font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem) !important;
  }

  .font-21-25 {
    font-size: clamp(1.1875rem, 1.144rem + 0.2174vw, 1.3125rem) !important;
  }

  .font-22-26 {
    font-size: clamp(1.25rem, 1.163rem + 0.4348vw, 1.375rem) !important;
  }

  .font-23-27 {
    font-size: clamp(1.3125rem, 1.2255rem + 0.4348vw, 1.4375rem) !important;
  }

  .font-24-28 {
    font-size: clamp(1.375rem, 1.288rem + 0.4348vw, 1.5rem) !important;
  }

  .font-25-29 {
    font-size: clamp(1.4375rem, 1.3505rem + 0.4348vw, 1.5625rem) !important;
  }

  .font-26-30 {
    font-size: clamp(1.5rem, 1.413rem + 0.4348vw, 1.625rem) !important;
  }

  .font-27-31 {
    font-size: clamp(1.5625rem, 1.4755rem + 0.4348vw, 1.6875rem) !important;
  }

  .font-28-32 {
    font-size: clamp(1.625rem, 1.538rem + 0.4348vw, 1.75rem) !important;
  }

  .font-29-33 {
    font-size: clamp(1.6875rem, 1.6005rem + 0.4348vw, 1.8125rem) !important;
  }

  .font-30-34 {
    font-size: clamp(1.75rem, 1.663rem + 0.4348vw, 1.875rem) !important;
  }

  .font-31-35 {
    font-size: clamp(1.8125rem, 1.7255rem + 0.4348vw, 1.9375rem) !important;
  }

  .font-32-36 {
    font-size: clamp(1.875rem, 1.788rem + 0.4348vw, 2rem) !important;
  }

  .font-33-37 {
    font-size: clamp(1.9375rem, 1.8505rem + 0.4348vw, 2.0625rem) !important;
  }

  .font-34-38 {
    font-size: clamp(2rem, 1.913rem + 0.4348vw, 2.125rem) !important;
  }

  .font-35-39 {
    font-size: clamp(2.0625rem, 1.9755rem + 0.4348vw, 2.1875rem) !important;
  }

  .font-36-40 {
    font-size: clamp(2.125rem, 2.038rem + 0.4348vw, 2.25rem) !important;
  }

  .font-37-41 {
    font-size: clamp(2.1875rem, 2.1005rem + 0.4348vw, 2.3125rem) !important;
  }

  .font-38-42 {
    font-size: clamp(2.25rem, 2.163rem + 0.4348vw, 2.375rem) !important;
  }

  .font-39-43 {
    font-size: clamp(2.3125rem, 2.2255rem + 0.4348vw, 2.4375rem) !important;
  }

  .font-40-44 {
    font-size: clamp(2.375rem, 2.288rem + 0.4348vw, 2.5rem) !important;
  }

  .font-41-45 {
    font-size: clamp(2.4375rem, 2.3505rem + 0.4348vw, 2.5625rem) !important;
  }

  .font-42-46 {
    font-size: clamp(2.5rem, 2.413rem + 0.4348vw, 2.625rem) !important;
  }

  .font-43-47 {
    font-size: clamp(2.5625rem, 2.4755rem + 0.4348vw, 2.6875rem) !important;
  }

  .font-44-48 {
    font-size: clamp(2.625rem, 2.538rem + 0.4348vw, 2.75rem) !important;
  }

  .font-45-49 {
    font-size: clamp(2.6875rem, 2.6005rem + 0.4348vw, 2.8125rem) !important;
  }

  .font-46-50 {
    font-size: clamp(2.75rem, 2.663rem + 0.4348vw, 2.875rem) !important;
  }

  .font-47-51 {
    font-size: clamp(2.8125rem, 2.7255rem + 0.4348vw, 2.9375rem) !important;
  }

  .font-48-52 {
    font-size: clamp(2.875rem, 2.788rem + 0.4348vw, 3rem) !important;
  }

  .font-49-53 {
    font-size: clamp(2.9375rem, 2.8505rem + 0.4348vw, 3.0625rem) !important;
  }

  .font-50-54 {
    font-size: clamp(3rem, 2.913rem + 0.4348vw, 3.125rem) !important;
  }

  .font-51-55 {
    font-size: clamp(3.0625rem, 2.9755rem + 0.4348vw, 3.1875rem) !important;
  }

  .font-52-56 {
    font-size: clamp(3.125rem, 3.038rem + 0.4348vw, 3.25rem) !important;
  }

  .font-53-57 {
    font-size: clamp(3.1875rem, 3.1005rem + 0.4348vw, 3.3125rem) !important;
  }

  .font-54-58 {
    font-size: clamp(3.25rem, 3.163rem + 0.4348vw, 3.375rem) !important;
  }

  .font-55-59 {
    font-size: clamp(3.3125rem, 3.2255rem + 0.4348vw, 3.4375rem) !important;
  }

  .font-56-60 {
    font-size: clamp(3.375rem, 3.288rem + 0.4348vw, 3.5rem) !important;
  }

  .font-57-61 {
    font-size: clamp(3.4375rem, 3.3505rem + 0.4348vw, 3.5625rem) !important;
  }

  .font-58-62 {
    font-size: clamp(3.5rem, 3.413rem + 0.4348vw, 3.625rem) !important;
  }

  .font-59-63 {
    font-size: clamp(3.5625rem, 3.4755rem + 0.4348vw, 3.6875rem) !important;
  }

  .font-60-64 {
    font-size: clamp(3.625rem, 3.538rem + 0.4348vw, 3.75rem) !important;
  }

  .font-61-65 {
    font-size: clamp(3.6875rem, 3.6005rem + 0.4348vw, 3.8125rem) !important;
  }

  .font-62-66 {
    font-size: clamp(3.75rem, 3.663rem + 0.4348vw, 3.875rem) !important;
  }

  .font-63-67 {
    font-size: clamp(3.8125rem, 3.7255rem + 0.4348vw, 3.9375rem) !important;
  }

  .font-64-68 {
    font-size: clamp(3.875rem, 3.788rem + 0.4348vw, 4rem) !important;
  }

  .font-65-69 {
    font-size: clamp(3.9375rem, 3.8505rem + 0.4348vw, 4.0625rem) !important;
  }

  .font-66-70 {
    font-size: clamp(4rem, 3.913rem + 0.4348vw, 4.125rem) !important;
  }

  .font-67-71 {
    font-size: clamp(4.0625rem, 3.9755rem + 0.4348vw, 4.1875rem) !important;
  }

  .font-68-72 {
    font-size: clamp(4.125rem, 4.038rem + 0.4348vw, 4.25rem) !important;
  }

  .font-69-73 {
    font-size: clamp(4.1875rem, 4.1005rem + 0.4348vw, 4.3125rem) !important;
  }

  .font-70-74 {
    font-size: clamp(4.25rem, 4.163rem + 0.4348vw, 4.375rem) !important;
  }

  .font-71-75 {
    font-size: clamp(4.3125rem, 4.2255rem + 0.4348vw, 4.4375rem) !important;
  }

  .font-72-76 {
    font-size: clamp(4.375rem, 4.288rem + 0.4348vw, 4.5rem) !important;
  }

  .font-73-77 {
    font-size: clamp(4.4375rem, 4.3505rem + 0.4348vw, 4.5625rem) !important;
  }

  .font-74-78 {
    font-size: clamp(4.5rem, 4.413rem + 0.4348vw, 4.625rem) !important;
  }

  .font-75-79 {
    font-size: clamp(4.5625rem, 4.4755rem + 0.4348vw, 4.6875rem) !important;
  }

  .font-76-80 {
    font-size: clamp(4.625rem, 4.538rem + 0.4348vw, 4.75rem) !important;
  }

  .font-77-81 {
    font-size: clamp(4.6875rem, 4.6005rem + 0.4348vw, 4.8125rem) !important;
  }

  .font-78-82 {
    font-size: clamp(4.75rem, 4.663rem + 0.4348vw, 4.875rem) !important;
  }

  .font-79-83 {
    font-size: clamp(4.8125rem, 4.7255rem + 0.4348vw, 4.9375rem) !important;
  }

  .font-80-84 {
    font-size: clamp(4.875rem, 4.788rem + 0.4348vw, 5rem) !important;
  }
}

@media (min-width: 1750px) {
  .font-8-9 {
    font-size: clamp(0.6875rem, 0.6658rem + 0.1087vw, 0.75rem) !important;
  }

  .font-9-10 {
    font-size: clamp(0.75rem, 0.7283rem + 0.1087vw, 0.8125rem) !important;
  }

  .font-10-11 {
    font-size: clamp(0.8125rem, 0.7908rem + 0.1087vw, 0.875rem) !important;
  }

  .font-11-12 {
    font-size: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem) !important;
  }

  .font-12-13 {
    font-size: clamp(0.9375rem, 0.936rem + 0.2174vw, 1rem) !important;
  }

  .font-12-14 {
    font-size: clamp(0.9375rem, 0.936rem + 0.2174vw, 1.0625rem) !important;
  }

  .font-13-15 {
    font-size: clamp(1rem, 0.9985rem + 0.2174vw, 1.125rem) !important;
  }

  .font-14-16 {
    font-size: clamp(1.0625rem, 1.061rem + 0.2174vw, 1.1875rem) !important;
  }

  .font-16-18 {
    font-size: clamp(1.1875rem, 1.186rem + 0.2174vw, 1.3125rem) !important;
  }

  .font-18-20 {
    font-size: clamp(1.3125rem, 1.311rem + 0.2174vw, 1.4375rem) !important;
  }

  .font-16-20 {
    font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.375rem) !important;
  }

  .font-17-21 {
    font-size: clamp(1.1875rem, 1.144rem + 0.2174vw, 1.4375rem) !important;
  }

  .font-18-22 {
    font-size: clamp(1.25rem, 1.163rem + 0.4348vw, 1.5rem) !important;
  }

  .font-19-23 {
    font-size: clamp(1.3125rem, 1.2255rem + 0.4348vw, 1.5625rem) !important;
  }

  .font-20-24 {
    font-size: clamp(1.375rem, 1.288rem + 0.4348vw, 1.625rem) !important;
  }

  .font-21-25 {
    font-size: clamp(1.4375rem, 1.3505rem + 0.4348vw, 1.6875rem) !important;
  }

  .font-22-26 {
    font-size: clamp(1.5rem, 1.413rem + 0.4348vw, 1.75rem) !important;
  }

  .font-23-27 {
    font-size: clamp(1.5625rem, 1.4755rem + 0.4348vw, 1.8125rem) !important;
  }

  .font-24-28 {
    font-size: clamp(1.625rem, 1.538rem + 0.4348vw, 1.875rem) !important;
  }

  .font-25-29 {
    font-size: clamp(1.6875rem, 1.6005rem + 0.4348vw, 1.9375rem) !important;
  }

  .font-26-30 {
    font-size: clamp(1.75rem, 1.663rem + 0.4348vw, 2rem) !important;
  }

  .font-27-31 {
    font-size: clamp(1.8125rem, 1.7255rem + 0.4348vw, 2.0625rem) !important;
  }

  .font-28-32 {
    font-size: clamp(1.875rem, 1.788rem + 0.4348vw, 2.125rem) !important;
  }

  .font-29-33 {
    font-size: clamp(1.9375rem, 1.8505rem + 0.4348vw, 2.1875rem) !important;
  }

  .font-30-34 {
    font-size: clamp(2rem, 1.913rem + 0.4348vw, 2.25rem) !important;
  }

  .font-31-35 {
    font-size: clamp(2.0625rem, 1.9755rem + 0.4348vw, 2.3125rem) !important;
  }

  .font-32-36 {
    font-size: clamp(2.125rem, 2.038rem + 0.4348vw, 2.375rem) !important;
  }

  .font-33-37 {
    font-size: clamp(2.1875rem, 2.1005rem + 0.4348vw, 2.4375rem) !important;
  }

  .font-34-38 {
    font-size: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem) !important;
  }

  .font-35-39 {
    font-size: clamp(2.3125rem, 2.2255rem + 0.4348vw, 2.5625rem) !important;
  }

  .font-36-40 {
    font-size: clamp(2.375rem, 2.288rem + 0.4348vw, 2.625rem) !important;
  }

  .font-37-41 {
    font-size: clamp(2.4375rem, 2.3505rem + 0.4348vw, 2.6875rem) !important;
  }

  .font-38-42 {
    font-size: clamp(2.5rem, 2.413rem + 0.4348vw, 2.75rem) !important;
  }

  .font-39-43 {
    font-size: clamp(2.5625rem, 2.4755rem + 0.4348vw, 2.8125rem) !important;
  }

  .font-40-44 {
    font-size: clamp(2.625rem, 2.538rem + 0.4348vw, 2.875rem) !important;
  }

  .font-41-45 {
    font-size: clamp(2.6875rem, 2.6005rem + 0.4348vw, 2.9375rem) !important;
  }

  .font-42-46 {
    font-size: clamp(2.75rem, 2.663rem + 0.4348vw, 3rem) !important;
  }

  .font-43-47 {
    font-size: clamp(2.8125rem, 2.7255rem + 0.4348vw, 3.0625rem) !important;
  }

  .font-44-48 {
    font-size: clamp(2.875rem, 2.788rem + 0.4348vw, 3.125rem) !important;
  }

  .font-45-49 {
    font-size: clamp(2.9375rem, 2.8505rem + 0.4348vw, 3.1875rem) !important;
  }

  .font-46-50 {
    font-size: clamp(3rem, 2.913rem + 0.4348vw, 3.25rem) !important;
  }

  .font-47-51 {
    font-size: clamp(3.0625rem, 2.9755rem + 0.4348vw, 3.3125rem) !important;
  }

  .font-48-52 {
    font-size: clamp(3.125rem, 3.038rem + 0.4348vw, 3.375rem) !important;
  }

  .font-49-53 {
    font-size: clamp(3.1875rem, 3.1005rem + 0.4348vw, 3.4375rem) !important;
  }

  .font-50-54 {
    font-size: clamp(3.25rem, 3.163rem + 0.4348vw, 3.5rem) !important;
  }

  .font-51-55 {
    font-size: clamp(3.3125rem, 3.2255rem + 0.4348vw, 3.5625rem) !important;
  }

  .font-52-56 {
    font-size: clamp(3.375rem, 3.288rem + 0.4348vw, 3.625rem) !important;
  }

  .font-53-57 {
    font-size: clamp(3.4375rem, 3.3505rem + 0.4348vw, 3.6875rem) !important;
  }

  .font-54-58 {
    font-size: clamp(3.5rem, 3.413rem + 0.4348vw, 3.75rem) !important;
  }

  .font-55-59 {
    font-size: clamp(3.5625rem, 3.4755rem + 0.4348vw, 3.8125rem) !important;
  }

  .font-56-60 {
    font-size: clamp(3.625rem, 3.538rem + 0.4348vw, 3.875rem) !important;
  }

  .font-57-61 {
    font-size: clamp(3.6875rem, 3.6005rem + 0.4348vw, 3.9375rem) !important;
  }

  .font-58-62 {
    font-size: clamp(3.75rem, 3.663rem + 0.4348vw, 4rem) !important;
  }

  .font-59-63 {
    font-size: clamp(3.8125rem, 3.7255rem + 0.4348vw, 4.0625rem) !important;
  }

  .font-60-64 {
    font-size: clamp(3.875rem, 3.788rem + 0.4348vw, 4.125rem) !important;
  }

  .font-61-65 {
    font-size: clamp(3.9375rem, 3.8505rem + 0.4348vw, 4.1875rem) !important;
  }

  .font-62-66 {
    font-size: clamp(4rem, 3.913rem + 0.4348vw, 4.25rem) !important;
  }

  .font-63-67 {
    font-size: clamp(4.0625rem, 3.9755rem + 0.4348vw, 4.3125rem) !important;
  }

  .font-64-68 {
    font-size: clamp(4.125rem, 4.038rem + 0.4348vw, 4.375rem) !important;
  }

  .font-65-69 {
    font-size: clamp(4.1875rem, 4.1005rem + 0.4348vw, 4.4375rem) !important;
  }

  .font-66-70 {
    font-size: clamp(4.25rem, 4.163rem + 0.4348vw, 4.5rem) !important;
  }

  .font-67-71 {
    font-size: clamp(4.3125rem, 4.2255rem + 0.4348vw, 4.5625rem) !important;
  }

  .font-68-72 {
    font-size: clamp(4.375rem, 4.288rem + 0.4348vw, 4.625rem) !important;
  }

  .font-69-73 {
    font-size: clamp(4.4375rem, 4.3505rem + 0.4348vw, 4.6875rem) !important;
  }

  .font-70-74 {
    font-size: clamp(4.5rem, 4.413rem + 0.4348vw, 4.75rem) !important;
  }

  .font-71-75 {
    font-size: clamp(4.5625rem, 4.4755rem + 0.4348vw, 4.8125rem) !important;
  }

  .font-72-76 {
    font-size: clamp(4.625rem, 4.538rem + 0.4348vw, 4.875rem) !important;
  }

  .font-73-77 {
    font-size: clamp(4.6875rem, 4.6005rem + 0.4348vw, 4.9375rem) !important;
  }

  .font-74-78 {
    font-size: clamp(4.75rem, 4.663rem + 0.4348vw, 5rem) !important;
  }

  .font-75-79 {
    font-size: clamp(4.8125rem, 4.7255rem + 0.4348vw, 5.0625rem) !important;
  }

  .font-76-80 {
    font-size: clamp(4.875rem, 4.788rem + 0.4348vw, 5.125rem) !important;
  }

  .font-77-81 {
    font-size: clamp(4.9375rem, 4.8505rem + 0.4348vw, 5.1875rem) !important;
  }

  .font-78-82 {
    font-size: clamp(5rem, 4.913rem + 0.4348vw, 5.25rem) !important;
  }

  .font-79-83 {
    font-size: clamp(5.0625rem, 4.9755rem + 0.4348vw, 5.3125rem) !important;
  }

  .font-80-84 {
    font-size: clamp(5.125rem, 5.038rem + 0.4348vw, 5.375rem) !important;
  }
}

.fs-4-3vw {
  font-size: 4.3vw;
}

.fs-11vw {
  font-size: 11vw;
}

.fs-12vw {
  font-size: 12vw;
}

.fs-13vw {
  font-size: 13vw;
}

.fs-14vw {
  font-size: 14vw;
}

@media (min-width: 1600px) {
  .col-xxxl {
    flex: 1 0 0%;
  }

  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxxl-0 {
    margin-left: 0;
  }

  .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxxl-3 {
    margin-left: 25%;
  }

  .offset-xxxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxxl-6 {
    margin-left: 50%;
  }

  .offset-xxxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxxl-9 {
    margin-left: 75%;
  }

  .offset-xxxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxxl-0,
  .gx-xxxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxxl-0,
  .gy-xxxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxxl-1,
  .gx-xxxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxxl-1,
  .gy-xxxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxxl-2,
  .gx-xxxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxxl-2,
  .gy-xxxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxxl-3,
  .gx-xxxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxxl-3,
  .gy-xxxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxxl-4,
  .gx-xxxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxxl-4,
  .gy-xxxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxxl-5,
  .gx-xxxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxxl-5,
  .gy-xxxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.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;
}

.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;
}

.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;
}

@media (min-width: 992px) {
  .img-lg-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;
}

.after-start-7x:after {
  left: 7px !important;
}

.after-end-7x:after {
  right: 7px !important;
}

.bg-custom-light {
  background-color: #f1f5f9 !important;
}

.bg-custom-light-2 {
  background-color: #f6f7f6;
}

.bg-custom-light-3 {
  background-color: #f0f0f0;
}

.bg-custom-danger {
  background-color: #dc3545 !important;
}

.font-theme {
  color: #333333 !important;
}

.font-theme-dark {
  color: #4f535e !important;
}

.font-theme-dark-2 {
  color: #4f535e !important;
}

.font-theme-light {
  color: #6c757d !important;
}

.text-theme {
  color: #09990c !important;
}

.text-theme[href]:hover {
  color: rgba(9, 153, 12, 0.3411764706) !important;
}

.text-light-2 {
  color: #ddd !important;
}

.text-black-2 {
  color: #060606 !important;
}

.text-black-2-all {
  color: #060606;
}

.text-black-2-all * {
  color: #060606;
}

.text-theme-secondary {
  color: #ef8301 !important;
}

.text-theme-secondary[href]:hover {
  color: #b16100 !important;
}

.bg-theme {
  background-color: #09990c !important;
}

.bg-theme-opacity-10 {
  background-color: rgba(9, 153, 12, 0.1) !important;
}

.bg-theme-opacity-20 {
  background-color: rgba(9, 153, 12, 0.2) !important;
}

.bg-theme-opacity-30 {
  background-color: rgba(9, 153, 12, 0.3) !important;
}

.bg-secondary {
  background-color: #ef8301 !important;
}

.bg-secondary-opacity-10 {
  background-color: rgba(239, 131, 1, 0.1) !important;
}

.bg-secondary-opacity-20 {
  background-color: rgba(239, 131, 1, 0.2) !important;
}

.bg-secondary-opacity-30 {
  background-color: rgba(239, 131, 1, 0.3) !important;
}

.bg-secondary-opacity-40 {
  background-color: rgba(239, 131, 1, 0.4) !important;
}

.bg-secondary-opacity-50 {
  background-color: rgba(239, 131, 1, 0.5) !important;
}

.text-theme-dark {
  color: #08810a !important;
}

.text-secondary-dark {
  color: #b16100 !important;
}

.bg-theme-dark {
  background-color: #08810a !important;
}

.bg-secondary-dark {
  background-color: #b16100 !important;
}

.text-theme-light {
  color: #0ab10e !important;
}

.text-secondary-light {
  color: #fe900c !important;
}

.bg-theme-light {
  background-color: #0ab10e !important;
}

.bg-secondary-light {
  background-color: #fe900c !important;
}

.btn-theme {
  background-color: #09990c !important;
  color: #fff;
}

.btn-theme:hover {
  background-color: #08810a !important;
  color: #fff;
}

.btn-theme-light {
  background-color: #0ab10e !important;
  color: #fff;
}

.btn-theme-light:hover {
  background-color: #09990c !important;
  color: #fff;
}

.btn-disabled {
  background-color: #a1a1a1 !important;
  color: #fff;
  cursor: not-allowed !important;
}

.btn-disabled:hover {
  background-color: #949494 !important;
}

.btn-secondary-theme {
  background-color: #ef8301 !important;
  color: #fff;
}

.btn-secondary-theme:hover {
  background-color: #d67501 !important;
  color: #fff;
}

.border-theme-secondary {
  border-color: #ef8301 !important;
}

.border-theme-secondary-opacity-60 {
  border-color: rgba(239, 131, 1, 0.6) !important;
}

.border-theme {
  border-color: #09990c !important;
}

.theme-placeholder-sm::-moz-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::placeholder {
  color: #a1a1a1 !important;
  font-size: 0.938rem;
}

.theme-placeholder-lg::-moz-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 rgba(5, 44, 101, 0.0588235294);
  background-color: #fff;
}

.theme-shadow-sm {
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #fff;
}

.theme-shadow {
  box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.0705882353);
  background-color: #fff;
}

.theme-shadow-lg {
  box-shadow: 3px 0px 25px 0px rgba(0, 0, 0, 0.0901960784);
  background-color: #fff;
}

.theme-shadow-3 {
  box-shadow: 0 0 10px 1px #eee;
}

.shadow-2 {
  box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1607843137);
}

.shadow-3 {
  box-shadow: 1px 1px 3px 1px #bfbfbf;
}

.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-28x {
  line-height: 28px;
}

.lh-30x {
  line-height: 30px;
}

.lh-31x {
  line-height: 31px;
}

.text-box-both {
  text-box-trim: trim-both;
}

.gap-35x {
  gap: 35px;
}

.custom-scroll-bar {
  /* width */
  /* Track */
  /* Handle */
}

.custom-scroll-bar::-webkit-scrollbar {
  height: 7px;
  width: 6px;
  overflow: hidden;
}

.custom-scroll-bar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 35px;
  border: 1px solid rgba(128, 128, 128, 0.0705882353);
}

.custom-scroll-bar::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.2705882353);
  border-radius: 50px;
  cursor: pointer;
}

.hide-scrollbar::-webkit-scrollbar {
  opacity: 0;
  display: none;
}

.sidebar-scroll {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.sidebar-scroll::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: transparent;
}

.sidebar-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.sidebar-scroll:hover::-webkit-scrollbar-thumb {
  background: #a1a1a1;
}

.sidebar-scroll:hover {
  scrollbar-color: #a1a1a1 transparent;
}

.btn-close {
  position: absolute;
  top: -7px;
  right: -7px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.6em auto no-repeat;
  background-color: #0ab10e;
  border-radius: 50%;
  opacity: 1;
  box-shadow: #0ab10e -9px 8px 20px -10px;
  z-index: 9;
}

.btn-close:hover {
  transform: translateY(-2px);
  transition: 0.3s ease;
  opacity: 1;
}

@media (max-width: 991.98px) {
  .btn-close {
    /* Bootstrap's medium breakpoint */
    right: 0px;
  }
}

.form-check-input.form-check-input {
  padding: 10px;
  border-color: #919eab;
  cursor: pointer;
}

.form-check-input.form-check-input:checked {
  background-color: #0ab10e;
  border-color: #919eab;
  box-shadow: unset;
}

.form-check-input.form-check-input:hover:checked {
  background-color: #0ab10e !important;
}

.form-check-input.form-check-input:focus {
  border-color: #919eab;
  box-shadow: unset;
}

.form-control.form-control.form-control:focus {
  border-color: #c9ccd0 #cfd2d6 #cfd2d6;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.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;
}

input[type=number] {
  -moz-appearance: textfield;
}

.select-toggle {
  position: relative;
}

.select-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  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;
}

.select-toggle > .select2-container {
  width: 100% !important;
}

.select-toggle > .select2-container .select2-selection__arrow {
  display: none;
}

.select-toggle.select-toggle-23x::after {
  top: 23px;
}

.text-balance {
  text-wrap: balance;
}

.rounded-2x {
  border-radius: 2px;
}

.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;
}

.custom-input-border-color {
  border-color: #c9ccd0 #cfd2d6 #cfd2d6 !important;
}

.theme-gradient {
  background: linear-gradient(to bottom, #75ad5e, #639b4e) !important;
}

.danger-gradient {
  background: linear-gradient(to top, #fe5353, #c01515);
}

.bg-paypal {
  background-color: #e4b646 !important;
}

.light-gradient {
  background-image: -webkit-linear-gradient(top, #f3f4f5, #edeeef);
}

.upload-input,
.upload-input-2 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url("https://res.cloudinary.com/promogator/image/upload/w_60/v1731654306/promogator%20product/upload.gif");
  background-size: contain;
  flex-shrink: 0;
  cursor: pointer;
  isolation: isolate;
  background-repeat: no-repeat;
}

.upload-input input[type=file],
.upload-input-2 input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.upload-input-2 {
  background-image: url("https://res.cloudinary.com/promogator/image/upload/v1752047251/promogator%20product/otp_icon_upload.gif");
}

@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;
  }
}

.loading-modal {
  position: relative;
  overflow: hidden;
}

.loading-modal .btn-close {
  display: none;
}

.loading-modal:after {
  content: "";
  display: inline-block;
  border: none !important;
  border-top: none !important;
  width: 70px;
  height: 70px;
  animation: none !important;
  background-image: url("https://res.cloudinary.com/promogator/image/upload/v1727418260/Promogator/gif/loading3.gif");
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0;
  transform: translate(-50%, -50%);
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  mix-blend-mode: multiply;
}

.loading-modal:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.loading-content {
  position: relative;
  overflow: hidden;
  --header-height: 170px;
  height: calc(100dvh - var(--header-height));
}

.loading-content .btn-close {
  display: none;
}

.loading-content:after {
  content: "";
  display: inline-block;
  border: none !important;
  border-top: none !important;
  width: 70px;
  height: 70px;
  animation: none !important;
  background-image: url("https://res.cloudinary.com/promogator/image/upload/v1727418260/Promogator/gif/loading3.gif");
  position: fixed;
  left: 50%;
  top: 50%;
  margin: 0 0;
  transform: translate(-50%, -50%);
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  mix-blend-mode: darken;
}

.loading-content:before {
  position: fixed;
  content: "";
  display: inline-block;
  left: 0;
  right: 0;
  top: var(--header-height);
  bottom: 0;
  background: rgb(255, 255, 255);
  z-index: 3;
}

.loading-content:not(:has(.header-2)) {
  --header-height: 95px;
}

@media (max-width: 991.98px) {
  .loading-content {
    /* Bootstrap's medium breakpoint */
    --header-height: 108px;
  }
}

body:has(.loading-content) {
  overflow: hidden;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.price-loader {
  position: relative;
  display: inline-block;
}

.price-loader:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #34a438 94%, rgba(45, 174, 50, 0)) top/6px 6px no-repeat, conic-gradient(rgba(93, 194, 34, 0) 30%, #648b67);
  -webkit-mask: radial-gradient(farthest-side, rgba(146, 201, 127, 0) calc(100% - 6px), #8fa987 0);
  animation: rotate 1s infinite linear;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.price-loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ebeced;
}

.uploadcare--widget__button_type_open {
  opacity: 0;
}

.max-w-500x {
  max-width: 500px !important;
}

.max-w-600x {
  max-width: 600px !important;
}

.max-w-700x {
  max-width: 700px !important;
}

.max-w-750x {
  max-width: 750px !important;
}

.max-w-800x {
  max-width: 800px !important;
}

.max-w-900x {
  max-width: 900px !important;
}

.max-w-1000x {
  max-width: 1000px !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;
}

.max-width-600 {
  max-width: 600px;
}

.bank-active.bank-active {
  margin-bottom: unset;
  border-color: #dfe3e8;
  border-radius: 6px;
  color: #6c757d;
}

.bank-active.bank-active.active {
  margin-bottom: unset;
  border-color: #333333;
  border-radius: 6px;
  color: #333333;
}

.bank-active.bank-active.active .fa {
  color: #333333;
}

.toast {
  position: absolute;
  top: 55px;
  right: 30px;
  border-radius: 12px;
  background: #fff;
  padding: 20px 35px 20px 25px;
  box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.35);
  z-index: 10;
}

.toast.active {
  transform: translateX(0%);
}

.toast .toast-content {
  display: flex;
  align-items: center;
}

.toast .toast-content .check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #09990c;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
}

.toast .toast-content .message {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.toast .toast-content .message .text {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.toast .toast-content .message .text.text-1 {
  font-weight: 600;
}

.toast .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
}

.toast .close:hover {
  opacity: 1;
}

.toast .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
}

.toast .progress::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #09990c;
}

.toast .progress.active::before {
  animation: progress 5s linear forwards;
}

.toast.toaste-error::before {
  background-color: #dc3545;
}

.toast.toaste-error .check {
  background-color: #dc3545;
}

@keyframes progress {
  100% {
    right: 100%;
  }
}

.max-h-600x {
  max-height: 600px !important;
}

.h-600x {
  height: 600px !important;
}

.mix-difference {
  mix-blend-mode: difference;
}

.max-w-80x {
  max-width: 80px;
}

.max-w-70x {
  max-width: 70px;
}

.btn-disabled {
  pointer-events: none !important;
}

.bg-purple {
  background-color: #373c4a !important;
}

.transition-0-3s {
  transition: 0.3s all ease-in-out;
}

.cursor-default {
  cursor: default;
}

.text-purple {
  color: #2f207f !important;
}

.tooltip-parent {
  position: relative;
  cursor: help;
}

.tooltip-parent .tooltip-parent-child {
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1019607843);
  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 {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.5019607843), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392156863), 0px 6px 18px 0px rgba(37, 41, 46, 0.1215686275);
}

.inset-0 {
  inset: 0;
}

.toggle-custom-new {
  position: relative;
}

.toggle-custom-new input[type=checkbox] {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.toggle-custom-new label {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 41px;
  background: #a1a1a1;
  display: block;
  border-radius: 100px;
  position: relative;
}

.toggle-custom-new label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 31px;
  height: 31px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.toggle-custom-new label:active:after {
  width: 40px !important;
}

.toggle-custom-new input:checked + label {
  background: rgba(10, 177, 14, 0.8);
}

.toggle-custom-new input:checked + label:after {
  left: calc(100% - 5px) !important;
  transform: translateX(-100%) !important;
}

.upload-btn {
  position: relative;
}

.upload-btn > *[class*=uploadcare] {
  position: absolute;
  inset: 0;
}

.custom-btn-admin {
  display: inline-block;
  padding: 10px 30px !important;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-image: none;
  border-radius: 4px;
  text-transform: unset;
}

.progress-animation {
  position: relative;
  animation: glowing 1500ms infinite;
}

.progress-animation::before {
  top: 0;
  left: 0;
  border-top-color: #09990c !important;
  border-right-color: #09990c !important;
  animation: border 2s infinite;
}

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }

  25% {
    width: 100%;
    height: 0;
  }

  50% {
    width: 100%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

.progress-animation::after,
.progress-animation::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  border: 5px solid rgba(255, 255, 255, 0);
  width: 0;
  height: 0;
  border-radius: 4px;
}

.progress-animation-2:after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, blankroute 2s 1s infinite;
}

.progress-animation-2:before {
  border-top-color: #ef8301 !important;
  border-right-color: #ef8301 !important;
}

.progress-animation-secondary {
  position: relative;
  z-index: 2;
  animation: glowing-new 1500ms infinite;
}

.progress-animation-secondary:after,
.progress-animation-secondary:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  border: 5px solid rgba(255, 255, 255, 0);
  width: 0;
  height: 0;
  border-radius: 4px;
}

.progress-animation-secondary:after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, blankroute 2s 1s infinite;
}

.progress-animation-secondary:before {
  top: 0;
  left: 0;
  border-top-color: #ef8301;
  border-right-color: #ef8301;
  animation: border 2s infinite;
}

.progress-animation-theme {
  animation: glowing-vendor 1500ms infinite;
  background-color: #ef8301;
  position: relative;
  z-index: 2;
}

.progress-animation-theme:after,
.progress-animation-theme:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  border: 5px solid rgba(255, 255, 255, 0);
  width: 0;
  height: 0;
  border-radius: 4px;
}

.progress-animation-theme:before {
  top: 0;
  left: 0;
  border-top-color: #09990c;
  border-right-color: #09990c;
  animation: border 2s infinite;
}

.progress-animation-theme:after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, borderTheme 2s 1s infinite;
}

.progress-animation-gray {
  animation: glowing-vendor 1500ms infinite;
  position: relative;
  z-index: 2;
}

.progress-animation-gray:after,
.progress-animation-gray:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  border: 5px solid rgba(255, 255, 255, 0);
  width: 0;
  height: 0;
  border-radius: 4px;
}

.progress-animation-gray:before {
  top: 0;
  left: 0;
  border-top-color: #333;
  border-right-color: #333;
  animation: border 2s infinite;
}

.progress-animation-gray:after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, theme-border 2s 1s infinite;
}

@keyframes blankroute {
  0% {
    border-bottom-color: #ef8301;
    border-left-color: #ef8301;
  }

  50% {
    border-bottom-color: #ef8301;
    border-left-color: #ef8301;
  }

  51% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }

  100% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }
}

@keyframes glowing-new {
  0% {
    background-color: #fff;
    box-shadow: 0 0 3px #ef8301;
  }

  50% {
    background-color: #fff;
    box-shadow: 0 0 20px #de8e2e;
  }

  100% {
    background-color: #fff;
    box-shadow: 0 0 3px #ef8301;
  }
}

@keyframes glowing-vendor {
  0% {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4705882353);
  }

  50% {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4705882353);
  }

  100% {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4705882353);
  }
}

@keyframes vendorassign {
  0% {
    border-bottom-color: #333;
    border-left-color: #333;
  }

  50% {
    border-bottom-color: #333;
    border-left-color: #333;
  }

  51% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }

  100% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }
}

@keyframes borderTheme {
  0% {
    border-bottom-color: #09990c;
    border-left-color: #09990c;
  }

  50% {
    border-bottom-color: #09990c;
    border-left-color: #09990c;
  }

  51% {
    border-bottom-color: #09990c;
    border-left-color: #09990c;
  }

  100% {
    border-bottom-color: #09990c;
    border-left-color: #09990c;
  }
}

@keyframes blankroute {
  0% {
    border-bottom-color: #ef8301;
    border-left-color: #ef8301;
  }

  50% {
    border-bottom-color: #ef8301;
    border-left-color: #ef8301;
  }

  51% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }

  100% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }
}

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }

  25% {
    width: 100%;
    height: 0;
  }

  50% {
    width: 100%;
    height: 100%;
  }

  100% {
    width: 100%;
    height: 100%;
  }
}

@keyframes theme-border {
  0% {
    border-bottom-color: #333;
    border-left-color: #333;
  }

  50% {
    border-bottom-color: #333;
    border-left-color: #333;
  }

  51% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }

  100% {
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
  }
}

@keyframes glowing {
  0% {
    background-color: #ef8301;
    box-shadow: 0 0 3px #ef8301;
  }

  50% {
    background-color: #ef8301;
    box-shadow: 0 0 20px #b16100;
  }

  100% {
    background-color: #ef8301;
    box-shadow: 0 0 3px #ef8301;
  }
}

table.custom-data-table-admin {
  overflow: hidden;
}

table.custom-data-table-admin .table > thead > tr > th {
  border-bottom: 2px solid #dfe3e8 !important;
}

table.custom-data-table-admin button {
  font-size: 13px;
  padding: 2px 10px;
}

table.custom-data-table-admin button:has(.fa) {
  padding: 5px;
  margin-right: 4px;
  color: #333333;
  font-size: 14px;
  background-color: transparent;
  border: unset;
  display: inline;
}

table.custom-data-table-admin .btn-success {
  background: #09990c;
  color: #fff;
  border: 1px solid #09990c;
  padding: 4px 10px;
  border-radius: 3px;
}

table.custom-data-table-admin .btn-danger {
  background: #dc3545;
  color: #fff;
  border: 1px solid #dc3545;
  padding: 4px 10px;
  border-radius: 3px;
}

table.custom-data-table-admin th,
table.custom-data-table-admin td {
  padding: 20px 20px !important;
  color: #4f535e;
  border-bottom: 1px solid #dfe3e8 !important;
  font-weight: 600;
}

table.custom-data-table-admin th *:not(.fa, .bi),
table.custom-data-table-admin td *:not(.fa, .bi) {
  font-weight: 500;
}

table.custom-data-table-admin th:has(img),
table.custom-data-table-admin td:has(img) {
  padding: 10px 20px !important;
}

table.custom-data-table-admin td:first-child {
  font-weight: 600;
}

table.custom-data-table-admin td img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
}

table.custom-data-table-admin thead tr > th.dt-orderable-asc span.dt-column-order,
table.custom-data-table-admin thead tr > th.dt-orderable-desc span.dt-column-order,
table.custom-data-table-admin thead tr > th.dt-ordering-asc span.dt-column-order,
table.custom-data-table-admin thead tr > th.dt-ordering-desc span.dt-column-order,
table.custom-data-table-admin tbody tr > td.dt-orderable-asc span.dt-column-order,
table.custom-data-table-admin tbody tr > td.dt-orderable-desc span.dt-column-order,
table.custom-data-table-admin tbody tr > td.dt-ordering-asc span.dt-column-order,
table.custom-data-table-admin tbody tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 1px;
  top: 0;
  bottom: 0;
  width: 12px;
}

table.custom-data-table-admin > :not(:first-child) {
  border-top: 1px solid #dfe3e8;
}

table.custom-data-table-admin.custom-data-table-admin-sm td,
table.custom-data-table-admin.custom-data-table-admin-sm th {
  padding: 10px 10px !important;
}

table.custom-data-table-admin.custom-data-table-frontend {
  overflow: visible;
}

table.custom-data-table-admin.custom-data-table-frontend td,
table.custom-data-table-admin.custom-data-table-frontend th {
  font-size: 16px;
  border: 1px solid #dfe3e8;
  font-weight: 400;
  font-size: 16px;
  align-items: center;
  vertical-align: middle;
  color: #000;
  min-width: 90px;
}

table.custom-data-table-admin.custom-data-table-frontend td a,
table.custom-data-table-admin.custom-data-table-frontend th a {
  color: #ef8301;
}

table.custom-data-table-admin.custom-data-table-frontend td a:hover,
table.custom-data-table-admin.custom-data-table-frontend th a:hover {
  filter: contrast(50%);
}

table.custom-data-table-admin.custom-data-table-frontend td:not(:first-child),
table.custom-data-table-admin.custom-data-table-frontend th:not(:first-child) {
  white-space: nowrap;
}

table.custom-data-table-admin.custom-data-table-frontend td:first-child,
table.custom-data-table-admin.custom-data-table-frontend th:first-child {
  font-weight: 400;
}

table.custom-data-table-admin.custom-data-table-frontend td:first-child div,
table.custom-data-table-admin.custom-data-table-frontend th:first-child div {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  gap: 15px 8px;
  min-width: unset;
  align-items: center;
}

table.custom-data-table-admin.custom-data-table-frontend td *:not(.fa, .bi),
table.custom-data-table-admin.custom-data-table-frontend th *:not(.fa, .bi) {
  font-weight: 400;
}

table.custom-data-table-admin.custom-data-table-frontend th {
  padding: 10px 5px !important;
}

table.custom-data-table-admin.custom-data-table-frontend td {
  padding: 8px 10px !important;
}

table.custom-data-table-admin.custom-data-table-frontend thead {
  background-color: #fff;
}

table.custom-data-table-admin.custom-data-table-frontend thead th {
  border: unset;
  position: relative;
  overflow: visible;
  background-color: transparent;
}

table.custom-data-table-admin.custom-data-table-frontend thead th .dt-column-title {
  white-space: nowrap !important;
  margin: -1em -3.5em -1em 6em !important;
  padding: 0 !important;
  writing-mode: vertical-lr !important;
  writing-mode: tb-lr !important;
  transform: rotate(225deg) !important;
  font-size: 18px;
  font-weight: 700;
}

table.custom-data-table-admin.custom-data-table-frontend thead th:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(128, 128, 128, 0.2705882353);
  transform: skew(-45deg);
  transform-origin: bottom left;
  width: calc(100% + 2px);
}

table.custom-data-table-admin tr.data-tr-green {
  background: #90ee90;
}

table.custom-data-table-admin tr.data-tr-green > td,
table.custom-data-table-admin tr.data-tr-green th {
  background: #90ee90;
}

table.custom-data-table-admin tr.data-tr-yellow {
  background: #f3f3c1;
}

table.custom-data-table-admin tr.data-tr-yellow > td,
table.custom-data-table-admin tr.data-tr-yellow th {
  background: #f3f3c1;
}

table.custom-data-table-admin tr.data-tr-marron {
  background: #d7c8d1;
}

table.custom-data-table-admin tr.data-tr-marron > td,
table.custom-data-table-admin tr.data-tr-marron th {
  background: #d7c8d1;
}

table.custom-data-table-admin tr.data-tr-sandal {
  background: rgba(255, 165, 0, 0.5215686275);
}

table.custom-data-table-admin tr.data-tr-sandal > td,
table.custom-data-table-admin tr.data-tr-sandal th {
  background: rgba(255, 165, 0, 0.5215686275);
}

table.custom-data-table-admin tr.data-tr-blue {
  background: #add8e6;
}

table.custom-data-table-admin tr.data-tr-blue > td,
table.custom-data-table-admin tr.data-tr-blue th {
  background: #add8e6;
}

table.custom-data-table-admin tr.data-tr-pink {
  background: #f0a6a7;
}

table.custom-data-table-admin tr.data-tr-pink > td,
table.custom-data-table-admin tr.data-tr-pink th {
  background: #f0a6a7;
}

table.custom-data-table-admin tr.data-tr-red {
  background: #fb6a6c;
}

table.custom-data-table-admin tr.data-tr-red > td,
table.custom-data-table-admin tr.data-tr-red th {
  background: #fb6a6c;
}

table.custom-data-table-admin tr.data-tr-white {
  background: #fff;
}

table.custom-data-table-admin tr.data-tr-white > td,
table.custom-data-table-admin tr.data-tr-white th {
  background: #fff;
}

table.custom-data-table-admin tr.data-tr-white > td:first-child,
table.custom-data-table-admin tr.data-tr-white th:first-child {
  filter: contrast(90%);
}

table.custom-data-table-admin tr.data-tr-white:hover {
  filter: contrast(95%);
}

table.custom-data-table-admin tr.data-tr-white:hover > td,
table.custom-data-table-admin tr.data-tr-white:hover th {
  filter: contrast(95%);
}

table.custom-data-table-admin tr.data-tr-white:hover > td:first-child,
table.custom-data-table-admin tr.data-tr-white:hover th:first-child {
  filter: contrast(85%);
}

div.dt-container .dt-paging .dt-paging-button {
  padding: 0;
}

div.dt-container .dt-paging .dt-paging-button:hover,
div.dt-container .dt-paging .dt-paging-button:focus,
div.dt-container .dt-paging .dt-paging-button:active {
  background: unset;
  border: unset;
  box-shadow: unset;
  background-color: transparent;
}

.page-item .page-link,
.page-item span {
  padding-top: 5px;
  height: 100%;
}

.page-item .page-link:focus,
.page-item .page-link:hover,
.page-item span:focus,
.page-item span:hover {
  color: #ef8301;
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  background-color: #ef8301;
  border-color: #ef8301;
}

.active > .page-link:hover,
.active > .page-link:focus,
.active > .page-link:active,
.page-link.active:hover,
.page-link.active:focus,
.page-link.active:active {
  color: #fff;
}

.pagination .dt-paging-button {
  height: 36px;
}

.pagination .dt-paging-button:first-child .page-link,
.pagination .dt-paging-button:first-child + * .page-link,
.pagination .dt-paging-button:last-child .page-link,
.pagination .dt-paging-button:has(+ :last-child) .page-link {
  font-size: 23px;
  line-height: 8px;
  height: 100%;
}

div:has(> .custom-data-table-admin) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.btn-info-dark {
  background-color: #3c8dbc;
  border-color: #3c8dbc;
  box-shadow: 0 14px 26px -12px rgba(60, 141, 188, 0.4), 0 4px 23px 0 rgba(60, 141, 188, 0.149), 0 8px 10px -5px rgba(60, 141, 188, 0.2);
}

.btn-info-dark:hover {
  background-color: #307095;
}

table.custom-data-table-admin-two {
  table-layout: auto;
}

table.custom-data-table-admin-two th,
table.custom-data-table-admin-two td {
  border: 1px solid #dfe3e8 !important;
  padding: 15px 15px !important;
  vertical-align: middle;
}

table.custom-data-table-admin-two .form-control {
  padding: 4px;
  display: block;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0196078431);
  border: 1px solid;
  border-color: #c9ccd0 #cfd2d6 #cfd2d6;
  border-radius: 3px;
  box-sizing: border-box;
  height: auto;
  outline: unset;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0745098039);
}

table.custom-data-table-admin-two *:not([class*=fa], [class*=bi]) {
  font-weight: 500;
}

table.custom-data-table-admin-two.custom-data-table-admin-two-sm th,
table.custom-data-table-admin-two.custom-data-table-admin-two-sm td {
  padding: 5px 10px !important;
}

.pointer-event-none {
  pointer-events: none;
}

body:has(.dt-layout-full) .row {
  margin: 0;
  row-gap: 10px;
}

body:has(.dt-layout-full) .dt-container {
  background-color: #fff;
}

body:has(.dt-layout-full) .dt-search,
body:has(.dt-layout-full) .dt-length {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  white-space: nowrap;
}

body:has(.dt-layout-full) .dt-length {
  flex-direction: row-reverse;
  text-transform: capitalize;
}

body:has(.dt-layout-full) .dt-container {
  overflow: auto;
}

@media (max-width: 991.98px) {
  body:has(.dt-layout-full) .pagination {
    /* Bootstrap's medium breakpoint */
    justify-content: center;
  }
}

.merchant-btn {
  font-size: 13px;
  width: 145px;
  text-align: center;
  display: inline-block;
  border: 0;
  border-right: 1px solid #eaeaea;
  color: #878c9a;
  padding: 0 18px;
  height: 44px;
  font-weight: 400;
  background-color: #f9f9f9;
  white-space: nowrap;
}

.merchant-btn.active {
  background-color: #fff;
}

.custom-date-picker[type=date],
input[type=date] {
  position: relative;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.custom-date-picker[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.custom-date-picker[type=date]::-moz-focus-inner,
input[type=date]::-moz-focus-inner {
  border: 0;
}

@-moz-document url-prefix()  {
  .fire-fox-d-none {
    display: none !important;
  }
}

::-webkit-search-cancel-button {
  cursor: pointer;
}

.min-w-50x {
  min-width: 50px;
}

.min-w-150x {
  min-width: 150px;
}

.max-w-450x {
  max-width: 450px;
}

.drop-shadow {
  --drop-shadow: #424242;
  filter: drop-shadow(3px 0px 1px var(--drop-shadow));
}

.hover-scale-1:hover {
  transform: scale(1.1);
}

.hover-scale-2:hover {
  transform: scale(1.2);
}

.hover-scale-3:hover {
  transform: scale(1.3);
}

.hover-theme:hover {
  color: #09990c !important;
}

.hover-theme[href]:hover {
  color: #09990c !important;
}

.active-bold.active {
  font-weight: 600 !important;
}

.active-theme-color.active {
  color: #09990c !important;
}

.active-border-theme.active {
  border: 1px solid;
  border-color: #09990c !important;
}

.active-border-theme-secondary.active {
  border: 1px solid;
  border-color: #ef8301 !important;
}

.bg-sandel {
  background-color: #fbead9;
}

.focus-input-theme-secondary:focus {
  border-color: #ef8301 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(239, 131, 1, 0.568627451) !important;
}

@media (min-width: 992px) {
  .h-lg-600x {
    height: 600px;
  }
}

@media (min-width: 992px) {
  .max-lg-w-350x {
    max-width: 350px !important;
  }
}

@media (min-width: 768px) {
  .max-md-w-350x {
    max-width: 350px !important;
  }
}

@media (min-width: 992px) {
  .max-lg-w-400x {
    max-width: 400px;
  }
}

.min-w-160x {
  min-width: 160px !important;
}

@media (min-width: 992px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }
}

.min-w-700x {
  min-width: 700px;
}

.bg-blue-light {
  background-color: #eaf1f6;
}

.text-primary-light {
  color: #007bff !important;
}

.border-dashed-bottom {
  border-bottom: 1px dashed #ccc;
}

.quick-order-tabs .nav-link {
  border: 1px solid #ddd;
  color: #6c757d;
  box-shadow: inset 0 0 10px #ccc;
  padding: 8px 15px;
}

.quick-order-tabs .nav-link.active {
  color: #fff;
  cursor: default;
  background: #09990c;
  border: 1px solid #dfe3e8;
  border-bottom-color: rgba(255, 255, 255, 0);
  box-shadow: none;
}

.quick-order-tabs .tab-pane {
  border: 1px solid #eee;
  border-top: none;
  padding: 20px 15px;
  box-shadow: inset 0 0 10px #eee;
}

.quick-order-tabs .tab-pane > div {
  min-height: 100px;
}

.mt-n5 {
  margin-top: -5rem !important;
}

@media (min-width: 768px) {
  .mt-md-n5 {
    margin-top: -5rem !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-n5 {
    margin-top: -5rem !important;
  }
}

@media (min-width: 992px) {
  .max-w-lg-450x {
    max-width: 450px !important;
  }
}

.height-animate {
  height: 50px;
  overflow: hidden;
  transition: 0.3s all ease-in;
}

.height-animate.active {
  height: 100%;
  overflow: visible;
}

.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.signature-pad {
  position: relative;
  font-size: 10px;
  width: 100%;
  height: 100%;
  max-width: 700px;
  max-height: 380px;
  border: 1px solid #dfe3e8;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  padding: 16px 16px 40px;
  display: inline-block;
}

.signature-pad--body {
  position: relative;
  border: 1px solid #f1f5f9;
  overflow: hidden;
  height: 230px;
  margin-bottom: 15px;
}

.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  transform: skew(3deg) rotate(3deg);
}

.signature-pad--body canvas {
  left: 0;
  top: 0;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--footer {
  color: #c3c3c3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
  display: inline-block;
  width: 100%;
}

.signature-pad--footer .description {
  font-weight: 500;
  margin-bottom: 30px;
}

.signature-pad--footer .description1.description1 {
  bottom: 70px;
}

.min-w-1000x {
  min-width: 1000px;
}

.max-w-400x {
  max-width: 400px;
}

.px-2x {
  padding-inline: 2px !important;
}

.px-4x {
  padding-inline: 4px !important;
}

.active-border-info.active {
  border-color: #0dcaf0 !important;
}

.accordion-product-address .accordion-button:after {
  content: "\F078";
  width: 10px;
  height: 20px;
  background: unset;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: -5px;
  position: relative;
  font-size: 13px;
}

.accordion-product-address .accordion-button.collapsed:after {
  top: 0;
}

.scale1-1 {
  transform: scale(1.1);
}

.start-n5x {
  left: -5px !important;
}

.end-n5x {
  right: -5px !important;
}

.start-n10x {
  left: -10px !important;
}

.end-n10x {
  right: -10px !important;
}

.start-n20x {
  left: -20px !important;
}

.end-n20x {
  right: -20px !important;
}

.start-5x {
  left: 5px !important;
}

.end-5x {
  right: 5px !important;
}

.start-10x {
  left: 10px !important;
}

.end-10x {
  right: 10px !important;
}

.start-20x {
  left: 20px !important;
}

.end-20x {
  right: 20px !important;
}

@media (min-width: 992px) {
  .max-w-lg-70 {
    max-width: 70%;
  }
}

.outline-unset {
  outline: unset !important;
}

.aspect-ratio-1-1 {
  aspect-ratio: 1/1;
}

.aspect-ratio-1-1-2 {
  aspect-ratio: 1/1.2;
}

.aspect-ratio-1-1-3 {
  aspect-ratio: 1/1.3;
}

.aspect-ratio-1-1-4 {
  aspect-ratio: 1/1.4;
}

.max-h-100 {
  max-height: 100%;
}

.table-fixed {
  table-layout: fixed;
}

.custom-data-table button {
  font-size: 13px;
  padding: 2px 10px;
}

.custom-data-table button:has(.fa) {
  padding: 5px;
  color: #333333;
  font-size: 14px;
  background-color: transparent;
  border: unset;
  display: inline;
  box-shadow: unset;
  margin: 0;
  margin-right: 4px;
}

.custom-data-table button i {
  font-size: 14px;
}

.custom-data-table .btn-success {
  background: #09990c;
  color: #fff;
  border: 1px solid #09990c;
  padding: 4px 10px;
  border-radius: 3px;
}

.custom-data-table .btn-danger {
  background: #dc3545;
  color: #fff;
  border: 1px solid #dc3545;
  padding: 4px 10px;
  border-radius: 3px;
}

.custom-data-table th,
.custom-data-table td {
  padding-inline: 12px;
  color: #4f535e;
}

.custom-data-table td:first-child {
  font-weight: 600;
}

.upload-care-done .uploadcare--widget {
  display: none;
}

.empty-none:empty {
  display: none !important;
}

.word-break-all {
  word-break: break-all;
}

.pac-container.pac-logo {
  z-index: 9999;
}

.h-90vh {
  height: 90vh !important;
  height: 90dvh !important;
}

@font-face {
  font-family: "fontello";
  src: url(../fonts/fontello.eot?c4736d52d69f44b72d09e14448c5d241);
  src: url(../fonts/fontello.eot?c4736d52d69f44b72d09e14448c5d241) format("embedded-opentype"), url(../fonts/fontello.woff2?706219641ddb9ad28799286db43eb4c0) format("woff2"), url(../fonts/fontello.woff?5308935912953375d57286097e7b47fe) format("woff"), url(../fonts/fontello.ttf?d5148b2d7022f7f986fcb9fbd719b48e) format("truetype"), url(../fonts/fontello.svg?aaca7b4c91c53dcc272a0aa5073514e5) format("svg");
  font-weight: 400;
  font-style: normal;
}

[class^=icon3-]:before,
[class*=" icon3-"]:before {
  font-family: "fontello";
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon3-SKU:before {
  content: "\E800";
}

.icon3-Virtual:before {
  content: "\E801";
}

.icon3-Maximum:before {
  content: "\E802";
}

.icon3-Material:before {
  content: "\E803";
}

.icon3-Weight:before {
  content: "\E804";
}

.icon3-Setup:before {
  content: "\E805";
}

.icon3-Add:before {
  content: "\E806";
}

.icon3-Item:before {
  content: "\E807";
}

.icon3-Artwork:before {
  content: "\E808";
}

.icon3-Imprint:before {
  content: "\E809";
}

.icon3-Units:before {
  content: "\E80A";
}

.icon3-QCA:before {
  content: "\E80B";
}

.icon3-clock:before {
  content: "\E80C";
}

.icon3-country:before {
  content: "\E80D";
}

.icon3-Estimate:before {
  content: "\E80E";
}

.icon3-Ship:before {
  content: "\E80F";
}

.icon3-Return:before {
  content: "\E810";
}

@font-face {
  font-family: "fontello1";
  src: url(../fonts/fontello1.eot?d6ab8b2bb328ed360ff744f8828f56c7);
  src: url(../fonts/fontello1.eot?d6ab8b2bb328ed360ff744f8828f56c7) format("embedded-opentype"), url(../fonts/fontello1.woff?ce8881749e52bdac4c388de4d69a6a94) format("woff"), url(../fonts/fontello1.woff2?f9bc8e78019de80b60edf915e286dcb3) format("woff2"), url(../fonts/fontello1.ttf?ed7ed135bfdf17dbe802d1ce1531d9e9) format("truetype"), url(../fonts/fontello1.svg?89e95972794beb1e9285b1c224e0a5a4) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^=icon1-]:before,
[class*=" icon1-"]:before {
  font-family: "fontello1";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
}

.icon1-calculator:before {
  content: "\E800";
}

/* 'î €' */

.icon1-card:before {
  content: "\E801";
}

/* 'î ?' */

.icon1-info:before {
  content: "\E802";
}

/* 'î ‚' */

.icon1-calender:before {
  content: "\E803";
}

/* 'î ƒ' */

.icon1-key:before {
  content: "\E804";
}

/* 'î „' */

.icon1-user:before {
  content: "\E805";
}

/* 'î …' */

.icon1-close:before {
  content: "\E806";
}

/* 'î †' */

.icon1-make-offer:before {
  content: "\E807";
}

@font-face {
  font-family: "promogator";
  src: url(../fonts/promogator.eot?55cc943158cc7c0ab6655ed7d37b0c1e);
  src: url(../fonts/promogator.eot?55cc943158cc7c0ab6655ed7d37b0c1e) format("embedded-opentype"), url(../fonts/promogator.woff?7b9d56977924faa64300cb51ad95229f) format("woff"), url(../fonts/promogator.ttf?923241efd8a2ae81235ede1efd34692a) format("truetype"), url(../fonts/promogator.svg?3c270d860ced58c5944c3e8c0ba5a0e1) format("svg");
  font-weight: 400;
  font-style: normal;
}

[data-icon2]:before {
  font-family: "promogator" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon2-]:before,
[class*=icon2-]:before {
  font-family: "promogator" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon2-credit-card:before {
  content: "a";
}

.icon2-delivery:before {
  content: "b";
}

.icon2-logout:before {
  content: "c";
}

.icon2-settings:before {
  content: "d";
}

.icon2-cart:before {
  content: "e";
}

.icon2-order:before {
  content: "f";
}

.icon2-close:before {
  content: "g";
}

.icon2-box:before {
  content: "h";
}

.header-products {
  position: relative;
  cursor: pointer;
}

@media (min-width: 992px) {
  .header-products {
    height: 95px;
  }
}

.header-products:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: #ef8301;
  bottom: -15px;
  opacity: 0;
  transition: all 0.2s linear;
}

.card-count-1 {
  font-size: 11px;
  bottom: 20px;
  left: -17px;
  line-height: 10px;
}

.header-products-child,
.header-products-child-2 {
  position: absolute;
  top: 40px;
  background-color: #fff;
  width: 100%;
  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: 500ms;
  transition-property: opacity, transform;
}

.hover-arrow-left:hover i {
  margin-left: 12px !important;
}

@media (min-width: 992px) {
  body:has(.header-products-1:hover) .header-products-child-1,
  body:has(.header-products-child-1:hover) .header-products-child-1 {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0);
    box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.5019607843), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392156863), 0px 6px 18px 0px rgba(37, 41, 46, 0.1215686275);
  }

  body:has(.header-products-1:hover) .header-products-1 .fa-angle-down,
  body:has(.header-products-child-1:hover) .header-products-1 .fa-angle-down {
    transform: rotate(180deg);
  }

  body:has(.header-products-1:hover) .header-products-1:before,
  body:has(.header-products-child-1:hover) .header-products-1:before {
    opacity: 1;
  }

  body:has(.header-products-1:hover) .header-products-1 *,
  body:has(.header-products-child-1:hover) .header-products-1 * {
    transition: all 0.1s linear;
  }

  body:has(.header-products-2:hover) .header-products-child-2,
  body:has(.header-products-child-2:hover) .header-products-child-2 {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0);
    box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.5019607843), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392156863), 0px 6px 18px 0px rgba(37, 41, 46, 0.1215686275);
  }

  body:has(.header-products-2:hover) .header-products-2 .fa-angle-down,
  body:has(.header-products-child-2:hover) .header-products-2 .fa-angle-down {
    transform: rotate(180deg);
  }

  body:has(.header-products-2:hover) .header-products-2:before,
  body:has(.header-products-child-2:hover) .header-products-2:before {
    opacity: 1;
  }

  body:has(.header-products-2:hover) .header-products-2 *,
  body:has(.header-products-child-2:hover) .header-products-2 * {
    transition: all 0.1s linear;
  }

  body:has(.header-products-3:hover) .header-products-child-3,
  body:has(.header-products-child-3:hover) .header-products-child-3 {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0);
    box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.5019607843), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392156863), 0px 6px 18px 0px rgba(37, 41, 46, 0.1215686275);
    width: 300px;
    right: 100px;
    top: 126px;
    max-height: 60dvh;
    overflow: auto;
  }

  body:has(.header-products-3:hover) .header-products-3:before,
  body:has(.header-products-child-3:hover) .header-products-3:before {
    opacity: 1;
  }

  body:has(.header-products-3:hover) .header-products-3 *,
  body:has(.header-products-child-3:hover) .header-products-3 * {
    transition: all 0.1s linear;
  }

  body:has(.header-products-4:hover) .header-products-child-4,
  body:has(.header-products-child-4:hover) .header-products-child-4 {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0);
    box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.5019607843), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392156863), 0px 6px 18px 0px rgba(37, 41, 46, 0.1215686275);
    width: 370px;
    right: 10px;
    top: 143px;
    max-height: 60dvh;
    overflow: auto;
  }

  body:has(.header-products-4:hover) .header-products-4:before,
  body:has(.header-products-child-4:hover) .header-products-4:before {
    opacity: 1;
  }

  body:has(.header-products-4:hover) .header-products-4 *,
  body:has(.header-products-child-4:hover) .header-products-4 * {
    transition: all 0.1s linear;
  }
}

.hover-anchor a:hover {
  background-color: #eee;
  border-radius: 5px;
}

.header-bottom {
  margin-bottom: 180px;
}

@media (max-width: 991.98px) {
  .header-bottom {
    /* Bootstrap's medium breakpoint */
    margin-bottom: 150px;
  }
}

@media (max-width: 767.98px) {
  .header-bottom {
    /* Bootstrap's small breakpoint */
    margin-bottom: 120px;
  }
}

.max-w-400x {
  max-width: 400px;
}

.max-w-350x {
  max-width: 350px;
}

@media (min-width: 768px) {
  .position-md-relative {
    position: relative !important;
  }

  .position-md-absolute {
    position: absolute !important;
  }

  .position-md-sticky {
    position: sticky !important;
  }

  .position-md-fixed {
    position: fixed !important;
  }

  .position-md-fixed .position-md-static {
    position: static !important;
  }
}

@media (min-width: 992px) {
  .position-lg-relative {
    position: relative !important;
  }

  .position-lg-absolute {
    position: absolute !important;
  }

  .position-lg-sticky {
    position: sticky !important;
  }

  .position-lg-fixed {
    position: fixed !important;
  }

  .position-lg-fixed .position-lg-static {
    position: static !important;
  }
}

@media (min-width: 1200px) {
  .position-xl-relative {
    position: relative !important;
  }

  .position-xl-absolute {
    position: absolute !important;
  }

  .position-xl-sticky {
    position: sticky !important;
  }

  .position-xl-fixed {
    position: fixed !important;
  }

  .position-xl-fixed .position-xl-static {
    position: static !important;
  }
}

@media (min-width: 1400px) {
  .position-xxl-relative {
    position: relative !important;
  }

  .position-xxl-absolute {
    position: absolute !important;
  }

  .position-xxl-sticky {
    position: sticky !important;
  }

  .position-xxl-fixed {
    position: fixed !important;
  }

  .position-xxl-fixed .position-xxl-static {
    position: static !important;
  }
}

@media (min-width: 1600px) {
  .position-xxxl-relative {
    position: relative !important;
  }

  .position-xxxl-absolute {
    position: absolute !important;
  }

  .position-xxxl-sticky {
    position: sticky !important;
  }

  .position-xxxl-fixed {
    position: fixed !important;
  }

  .position-xxxl-fixed .position-xxxl-static {
    position: static !important;
  }
}

@media (max-width: 991.98px) {
  .rounded-end-lg-3 {
    /* Bootstrap's medium breakpoint */
    border-radius: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .header-custom-font {
    font-size: clamp(0.66rem, 0.8vw, 1rem);
  }
}

@media (min-width: 1200px) {
  .header-custom-font {
    font-size: clamp(0.68rem, 0.95vw, 1.2rem);
  }
}

@media (min-width: 1400px) {
  .header-custom-font {
    font-size: clamp(0.8rem, 1vw, 1.4rem);
  }
}

@media (min-width: 1600px) {
  .header-custom-font {
    font-size: clamp(1.04rem, 1.05vw, 1.6rem);
  }
}

@media (min-width: 1750px) {
  .header-custom-font {
    font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  }
}

.hover-secondary:hover {
  color: #ef8301 !important;
}

.hover-secondary-bg:hover {
  background-color: #ef8301 !important;
  color: #fff !important;
}

.hover-gray-bg:hover {
  background-color: #f1f5f9 !important;
}

.w-95x {
  width: 95px !important;
}

.end-25x {
  right: 20px;
}

.footer-background {
  background-image: url("https://res.cloudinary.com/promogator/image/upload/v1727761434/footer/e1a07f94-373c-4fa9-ad81-554f83eece5c.png");
  background-position: center;
  background-size: cover;
}

.footer-orders {
  border: 1px solid #ccc;
}

.footer-orders .nav-link {
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  padding: 12px 20px;
  color: #000;
  transition: 0.3s all ease-in-out;
}

.footer-orders .nav-link.active {
  background-color: rgba(204, 204, 204, 0.1607843137);
  font-weight: 500;
  color: #ff9200;
}

.footer-orders .nav-link:hover {
  text-shadow: 2px 3px 2px #bbbbbb;
}

.refresh-popup-hide {
  transform: translateX(-500px);
  transition: all 0.5s;
}

.smooth_Scroll {
  transform: translateY(140px);
  transition: all 0.3s;
}

.smooth_Scroll-show {
  transform: translateY(0);
  transition: all 0.3s;
}

.video_player.second_video {
  background: url("https://res.cloudinary.com/promogator/image/upload/v1727338225/Promogator/staticimage/image-order.png") !important;
  background-size: auto;
  width: 100%;
  background-size: cover !important;
  height: 650px;
}

@media (max-width: 991.98px) {
  .video_player.second_video {
    /* Bootstrap's medium breakpoint */
    height: 100%;
  }
}

@media (max-width: 767.98px) {
  .video_player.second_video {
    /* Bootstrap's small breakpoint */
    height: 360px;
  }
}

.feature .feature-img {
  width: 120px;
  height: 120px;
}

.feature .feature-learn {
  color: #000;
}

.feature .feature-learn:hover {
  color: #b16100;
}

.feature .feature-learn:hover i {
  margin-left: 12px !important;
}

.accounts-parent {
  counter-reset: my-sec-counter;
}

.accounts {
  position: relative;
  isolation: isolate;
  text-align: start;
}

.accounts::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  border: 1px dashed #c1bfbf;
  position: absolute;
  top: 50px;
  z-index: -1;
}

.accounts::before {
  content: "";
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  display: inline-block;
  width: 54px;
  height: 55px;
  background-color: #ef8301;
  border-radius: 50%;
  margin-block: 20px 5px;
  color: #fff;
  font-size: clamp(1.5625rem, 1.5175rem + 0.4348vw, 1.8125rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1%;
  font-weight: 600;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .accounts {
    /* Bootstrap's small breakpoint */
    padding-left: 50px;
  }

  .accounts::before {
    width: 35px;
    height: 35px;
    margin-block: 10px 5px;
    position: absolute;
    left: 0;
    font-size: clamp(1.125rem, 1.038rem + 0.4348vw, 1.375rem) !important;
  }

  .accounts::after {
    width: 1px;
    height: 93%;
    left: 18px;
  }
}

.print-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #effeef;
  z-index: -1;
  transform: rotate(5deg);
  box-shadow: 0 0 0 100vmax #effeef;
  clip-path: inset(0 -100vmax);
}

.home-slider-img {
  height: 400px;
}

@media (min-width: 768px) {
  .home-slider-img {
    height: 450px;
  }
}

@media (min-width: 992px) {
  .home-slider-img {
    height: 600px;
  }
}

@media (min-width: 1200px) {
  .home-slider-img {
    height: 700px;
  }
}

@media (min-width: 1400px) {
  .home-slider-img {
    height: 750px;
  }
}

@media (min-width: 1600px) {
  .home-slider-img {
    height: 850px;
  }
}

@media (min-width: 992px) {
  .home-banner-img {
    height: 300px !important;
  }
}

@media (min-width: 1200px) {
  .home-banner-img {
    height: 350px !important;
  }
}

@media (min-width: 1400px) {
  .home-banner-img {
    height: 400px !important;
  }
}

@media (min-width: 1600px) {
  .home-banner-img {
    height: 450px !important;
  }
}

.home-banner-2 {
  top: -10px;
}

@media (min-width: 768px) {
  .home-banner-2 {
    top: -100px;
  }
}

@media (min-width: 992px) {
  .home-banner-2 {
    top: -100px;
  }
}

@media (min-width: 1400px) {
  .home-banner-2 {
    top: -100px;
  }
}

@media (min-width: 992px) {
  .top-lg-30x {
    top: 30px;
  }
}

@media (min-width: 992px) {
  .top-lg-36x {
    top: 36px;
  }
}

@media (min-width: 992px) {
  .top-lg-40x {
    top: 40px;
  }
}

.home-explore {
  aspect-ratio: 1/1.25;
}

@media (min-width: 992px) {
  .home-explore {
    aspect-ratio: 1/1.4;
  }
}

.or_form {
  position: relative;
  text-align: center;
  font-style: italic;
  font-weight: 600;
  color: #333333;
  margin: 0;
  font-size: 12px;
}

.or_form:before {
  content: "";
  border: 1px solid #dfe3e8;
  width: 45%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.or_form:after {
  content: "";
  border: 1px solid #dfe3e8;
  width: 45%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.express-login {
  width: 300px;
  height: 110px;
}

.express-login-sm {
  width: 125px;
  height: 60px;
}

.logo-img {
  width: 190px;
  height: 60px;
}

.h-70dvh {
  height: 70dvh !important;
}

.offcanvas .btn-close {
  position: absolute;
  top: 13px;
  right: 13px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='darkorange'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.2em auto no-repeat;
  border-radius: 50%;
  opacity: 1;
  box-shadow: unset;
  z-index: 9;
}

.offcanvas-mobile button {
  max-height: 40px !important;
  line-height: 18px !important;
}

.offcanvas-mobile .form-control {
  padding: 7px 20px !important;
  max-height: 40px;
}

.otp-parent label.otp-input:after {
  content: "";
  background-size: 42px;
  background-position-x: right, left;
  background-repeat: no-repeat, repeat-x;
  border: 0;
  height: 100px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  transform: unset;
  background-image: linear-gradient(#fff, #fff), url(../images/underline.png?f657708a13f064d92f8e7c6042b5e18c);
  background-position-y: 50px;
  position: absolute;
  left: 0;
}

.otp-parent .otp-input {
  position: relative;
  width: calc(100% + 32px);
  display: inline-block;
}

.otp-parent .otp-input [autocomplete=one-time-code] {
  --otp-digits: 6;
  --otp-ls: 27px;
  --otp-gap: 1.25;
  --_otp-bgsz: calc(var(--otp-ls) + 1ch);
  --_otp-digit: 0;
  all: unset;
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
  background-repeat: no-repeat, repeat-x;
  background-size: var(--_otp-bgsz) 100%;
  caret-color: var(--otp-cc, #222);
  caret-shape: block;
  clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
  font-family: ui-monospace, monospace;
  font-size: var(--otp-fz, 1.8em);
  inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
  letter-spacing: var(--otp-ls);
  padding-block: var(--otp-pb, 1ch);
  padding-inline-start: calc((var(--otp-ls) - 1ch) / 2 * var(--otp-gap) + 6px);
}

@media screen and (min-width: 375px) and (max-width: 767px) {
  .otp-parent label.otp-input:after {
    background-size: 55px;
  }

  .otp-parent .otp-input [autocomplete=one-time-code] {
    --otp-ls: 39px;
  }
}

@media screen and (min-width: 768px) {
  .otp-parent .otp-input {
    width: calc(100% + 45px);
  }

  .otp-parent label.otp-input:after {
    background-size: 87px;
    background-position-y: 45px;
  }

  .otp-parent .otp-input [autocomplete=one-time-code] {
    --otp-ls: 25px;
    --otp-ls: 68px;
    font-size: var(--otp-fz, 2.2em);
    height: 20px;
  }
}

@media screen and (min-width: 991px) {
  .otp-parent label.otp-input:after {
    background-size: 88px;
    background-position-y: 45px;
  }
}

.otp-after {
  position: relative;
}

.otp-after::after {
  content: "";
  width: 40px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -30px;
}

.product-bread a {
  color: #000;
  text-decoration: none;
}

.product-bread a:hover {
  color: #ef8301;
}

.product-bread a.active {
  color: #ef8301;
  font-weight: 600;
}

.product-img-lg {
  max-width: 900px;
  width: 100%;
  aspect-ratio: 1/1;
}

@media (min-width: 992px) {
  .product-img-lg {
    aspect-ratio: 1/0.82;
  }
}

.product-img-child {
  border: 1px solid #dfe3e8;
}

.product-value:hover:after {
  color: #000;
  content: attr(data-product);
  font-size: 0.75rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  background-color: var(--rgb-color);
  position: absolute;
  color: #fff;
  font-weight: bold;
  border: 3px solid var(--rgb-color);
  border-radius: 0.375rem;
}

.product-value.product-static-color:hover {
  --rgb-color: rgba(9, 153, 11, 0.35);
}

.product-value.active {
  position: relative;
}

.product-value.active * {
  transition: 0.2s all ease-in-out;
}

.product-value.active:after {
  content: "";
  font-size: 0.75rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  background-color: var(--rgb-color);
  position: absolute;
  color: #fff;
  font-weight: bold;
  border: 3px solid var(--rgb-color);
  border-radius: 0.375rem;
}

.product-value.active.product-static-color:after {
  --rgb-color: rgba(9, 153, 11, 0.35);
}

.custom-shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.bg-custom-blue {
  background-color: #216c94;
}

.text-custom-blue {
  color: #216c94;
}

.tick-product {
  right: -2px;
  bottom: -2px;
  display: none;
}

.select-product-parent:has(.active) .tick-product {
  display: flex;
}

.select-product-parent:has(.active) p {
  display: none !important;
}

.bg-theme-light-3 {
  background: rgba(9, 153, 12, 0.3411764706) !important;
}

.black-placeholder::-moz-placeholder {
  color: #000 !important;
  font-size: 15px;
}

.black-placeholder::placeholder {
  color: #000 !important;
  font-size: 15px;
}

.animated-button1 {
  background: linear-gradient(-30deg, #ef8301 50%, rgba(239, 131, 1, 0.9294117647) 50%);
  padding: 20px;
  margin: 12px 12px 12px 0;
  display: inline-block;
  transform: translate(0%, 0%);
  overflow: hidden;
  color: #fff;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.28);
  border: unset;
}

.animated-button1 span {
  position: absolute;
}

.animated-button1 span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #09990c);
  animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.animated-button1 span:nth-child(2) {
  top: 0;
  right: 0;
  height: 100%;
  width: 7px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #09990c);
  animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}

.animated-button1 span:nth-child(3) {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #09990c);
  animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.animated-button1 span:nth-child(4) {
  top: 0;
  left: 0;
  height: 100%;
  width: 7px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #09990c);
  animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(100%);
  }
}

.product-img-child.active {
  border: 2px solid #216c94;
}

.animated-button1.animated-button-green {
  background: linear-gradient(-30deg, #09990c 50%, rgba(9, 153, 11, 0.8274509804) 50%);
}

.animated-button1.animated-button-green span:nth-child(1) {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #ef8301);
}

.animated-button1.animated-button-green span:nth-child(2) {
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #ef8301);
}

.animated-button1.animated-button-green span:nth-child(3) {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ef8301);
}

.animated-button1.animated-button-green span:nth-child(4) {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ef8301);
}

.imprint-btn.active {
  position: relative;
}

.imprint-btn.active:before {
  content: "";
  background-image: url(https://res.cloudinary.com/promogator/image/upload/v1728552051/promogator%20product/2.svg);
  position: absolute;
  inset: 0;
}

.text-custom-blue-2 {
  color: #267ba9;
}

.picker-banner {
  background-image: url(https://res.cloudinary.com/promogator/image/upload/v1728552053/promogator%20product/21.png);
  background-size: cover;
  background-position: 0 30px;
  background-repeat: no-repeat;
  min-height: 190px;
  max-height: 220px;
}

.color-picker.active {
  transform: scale(1.2);
  border: 1px solid #216c94;
}

.aspect-1-1 {
  aspect-ratio: 1/1;
}

.range_amt > #slider_range {
  width: 100%;
  margin: auto;
  border: none;
  height: 5px;
}

.apparel_size_error {
  font-size: 13px;
}

.range_amt {
  display: inline-block;
  width: 100%;
  padding: 30px 5px 40px;
}

.range_amt .ranger_slide_pro {
  display: inline-block;
  width: calc(100% - 200px);
  float: left;
}

@media (min-width: 768px) {
  .range_amt .ranger_slide_pro {
    margin-right: 50px;
  }
}

.range_amt .noUi-base {
  background: unset;
  height: 28px;
  box-shadow: none;
  border-radius: 6px;
  border: none;
}

.range_amt .noUi-base .noUi-handle {
  width: 45px;
  height: 45px;
  position: absolute;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  top: -10px;
  background-image: url(https://res.cloudinary.com/promogator/image/upload/v1743769582/promogator%20product/product%203d/Detail%20Page/DETAILPAGE.png);
  background-size: 125%;
  background-position: -5px -7px;
}

.range_amt .noUi-base .noUi-handle:after,
.range_amt .noUi-base .noUi-handle:before {
  display: none;
}

.range_amt .noUi-connects {
  border-radius: 6px;
  width: calc(100% + 30px);
  background: #dfe3e8;
  left: -10px;
}

@media (min-width: 768px) {
  .range_amt .noUi-connects {
    background: #dfe3e8;
    width: 100%;
    left: unset;
  }
}

.range_amt .noUi-connect {
  background: #09990c;
  border-radius: 6px;
}

.range_amt .noUi-target {
  all: unset;
}

.range_amt .noUi-tooltip {
  border: unset;
  box-shadow: unset;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
}

.noUi-horizontal .noUi-handle.noUi-handle {
  right: -35px;
}

.noUi-connect,
.noUi-origin.noUi-origin {
  right: 15px;
}

.swiper-wrapper {
  display: flex;
  transition-timing-function: linear !important;
  /* Ensures smooth scroll */
}

.swiper {
  width: 100%;
  height: 100%;
}

.max-w-100 {
  max-width: 100%;
}

.select-product-carousel .swiper-button-next:after,
.select-product-carousel .swiper-button-prev:after,
.select-product-carousel-2 .swiper-button-next:after,
.select-product-carousel-2 .swiper-button-prev:after {
  width: 40px;
  height: 40px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #09990c;
  font-weight: bold;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  flex-shrink: 0;
  border-radius: 10%;
  border: 1px solid #dfe3e8;
}

.select-product-carousel .swiper-button-disabled,
.select-product-carousel-2 .swiper-button-disabled {
  display: none;
}

.select-product-carousel:after,
.select-product-carousel-2:after {
  content: "";
  height: 100%;
  width: 50px;
  display: inline-block;
  position: absolute;
  right: 0;
  background-color: #fff;
  top: 0;
  z-index: 2;
  filter: blur(15px);
  pointer-events: none;
}

.select-product-carousel .swiper-slide,
.select-product-carousel-2 .swiper-slide {
  max-width: 100px;
}

.select-product-carousel:has(.swiper-slide:last-child .product-value.active):after {
  content: unset !important;
}

.select-product-carousel-2:after {
  width: 100%;
  height: 40px;
}

.select-product-carousel-2:after {
  content: "";
  width: 100%;
  height: 40px;
  display: inline-block;
  position: absolute;
  right: 0;
  background-color: #fff;
  bottom: 0;
  z-index: 2;
  filter: blur(15px);
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .product-scroll {
    /* Bootstrap's medium breakpoint */
    max-width: 90vw;
    margin-inline: auto;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .product-scroll:before,
  .product-scroll:after {
    content: "\F285";
    font-family: bootstrap-icons !important;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    right: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 1;
  }

  .product-scroll:before {
    content: "\F284";
    left: 0;
  }
}

.product-scroll::-webkit-scrollbar {
  display: none;
}

.product-close {
  width: 20px;
  height: 20px;
  font-size: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  width: clamp(80px, 8vw + 30px, max(10vw, 80px));
  align-items: center;
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: -5px;
  top: -5px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.logo-text {
  width: clamp(80px, 8vw + 30px, max(10vw, 80px));
  -o-object-fit: contain;
     object-fit: contain;
}

.stock-badge {
  padding: 2px;
  padding-top: 6px;
}

@supports (text-box-trim: trim-both) {
  .stock-badge {
    text-box-trim: trim-both;
    padding-block: 5px;
  }
}

@media (max-width: 991.98px) {
  .overrate-container-tap {
    /* Bootstrap's medium breakpoint */
    box-shadow: 0 0 0 100vmax #ebeced;
    clip-path: inset(0 -100vmax);
  }
}

@media (max-width: 991.98px) {
  .overrate-container-tap-after {
    /* Bootstrap's medium breakpoint */
    position: relative;
    isolation: isolate;
  }

  .overrate-container-tap-after:after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: 0 0 0 100vmax #ebeced;
    clip-path: inset(0 -100vmax);
    z-index: -1;
  }
}

.animation-round {
  position: relative;
  width: 38px;
  height: 38px;
  background: #ef8301;
  border-radius: 50%;
  overflow: hidden;
}

.animation-round::after {
  content: "";
  position: absolute;
  inset: 5px;
  background: #ef8301;
  border-radius: 50%;
  z-index: 2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animation-round::before {
  content: "";
  position: absolute;
  inset: -5px 8px;
  transition: 0.5s;
  animation: border-animation 4s linear infinite;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), #09990c);
  z-index: 1;
}

@keyframes border-animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.product-item-box {
  width: 12.8571428571%;
}

@media (min-width: 992px) and (max-width: 1400px) {
  .product-item-box {
    /* Bootstrap's large breakpoint */
    width: 15%;
  }
}

.background-before {
  position: relative;
}

.background-before:before {
  content: "";
  inset: 0;
  background-color: rgba(58, 69, 112, 0.5490196078);
  display: block;
  position: absolute;
}

.tooltip-filter {
  position: relative;
}

.tooltip-filter .tooltip-filter-content {
  background-color: #3d3a3a;
  padding: 4px 10px;
  box-shadow: 0 2px 5px rgba(90, 90, 90, 0.2);
  border-radius: 7px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  font-size: 12px;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.3;
  position: absolute;
  top: -10px;
  z-index: 1;
  opacity: 0;
  transform-origin: top;
  transition: 0.3s all ease-in-out;
}

.tooltip-filter:hover .tooltip-filter-content {
  top: -30px;
  opacity: 1;
}

.tooltip-filter.tooltip-filter-small .tooltip-filter-content {
  font-size: 8px;
  transform: translateX(-50%);
  left: 50%;
  line-height: 1;
}

.product-buy-now:has(:nth-child(n+4)) > * {
  width: 50%;
}

.mobile-gpay-btn {
  scale: 1 1.12;
  top: 5px;
  position: relative;
}

.bg-body {
  background: #ebeced !important;
}

.hover-anchor-2 a {
  color: #6c757d;
}

.hover-anchor-2 a:hover {
  color: #333333;
}

.hover-anchor-2 a.active {
  color: #333333;
  background-color: #f1f5f9;
  border-radius: 5px;
  font-weight: 600;
}

.inset-0 {
  inset: 0;
}

.after-choose-file {
  width: 120px;
  cursor: pointer;
  height: 33px;
  isolation: isolate;
  position: relative;
}

.after-choose-file input {
  position: absolute;
  width: 100%;
  inset: 0;
  opacity: 0;
  z-index: 2;
  padding: 4px;
  cursor: pointer;
}

.after-choose-file:after {
  content: "Upload photo";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  padding: 0 12px;
  line-height: 30px;
  font-size: 12px;
  border: 1px solid #dddfe3;
  border-radius: 3px;
  color: #333333;
  text-shadow: none;
  box-shadow: none;
  background: #f7f7f8;
  width: 100%;
  inset: 0;
}

@media (max-width: 767.98px) {
  .after-choose-file {
    /* Bootstrap's small breakpoint */
    width: 100%;
  }
}

.profiles .form-control {
  padding: 8px;
  display: block;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
  border: 1px solid;
  border-color: #c9ccd0 #cfd2d6 #cfd2d6;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
  margin-bottom: 20px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select-boxes2 {
  padding: 4px 3px 5px;
  background-color: transparent !important;
  border: 1px solid #dfe3e8;
  border-radius: 4x;
  padding: 8px 10px;
  height: 40px;
  line-height: 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  width: 150px;
}

.icon-25x {
  min-width: 25px;
  height: 25px;
  padding: 0;
}

.text-nowrap-all {
  white-space: nowrap;
}

.text-nowrap-all * {
  white-space: nowrap;
}

.marquee.bank-marquee {
  animation: marquee-bank 30s linear infinite;
  gap: 5px !important;
}

.marquee {
  display: flex;
  animation: marquee 10s linear infinite;
  overflow: hidden;
  white-space: nowrap;
}

@keyframes marquee-bank {
  0% {
    transform: translateX(45%);
  }

  100% {
    transform: translateX(-105%);
  }
}

.bank-marquee img {
  width: 130px !important;
  height: 70px !important;
  -o-object-fit: contain;
     object-fit: contain;
}

#cc_number {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  height: 37px;
  width: 100%;
}

.address-table-view {
  font-size: 0.75rem;
}

.address-table-view.table > thead > tr > th {
  border-bottom: none;
  padding: 12px 8px;
}

.address-table-view.table tr:nth-child(odd):not(thead tr) {
  background: #f3f3f3;
}

.address-table-view.table tr:nth-child(odd):not(thead tr) th,
.address-table-view.table tr:nth-child(odd):not(thead tr) td {
  background-color: transparent;
}

.address-table-view.table tr:nth-child(even) {
  background: #fff;
}

.address-table-view * {
  color: #333333;
}

.list-numberic {
  list-style: auto;
}

.line-through-after {
  position: relative;
}

.line-through-after:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ef8301;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
}

.counter-parent {
  counter-reset: my-sec-counter;
}

.counter-parent .counter-child::before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter) ".";
  display: inline-block;
}

.text-nowrap-all {
  white-space: nowrap;
}

.text-nowrap-all * {
  white-space: nowrap;
}

.mb-0-all {
  margin-bottom: 0;
}

.mb-0-all * {
  margin-bottom: 0;
}

.rts-tooltip {
  position: relative;
  cursor: help;
}

.rts-tooltip p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
  font-weight: 600;
  text-align: left;
  color: #000;
  width: 100%;
}

.rts-tooltip .rts-tooltip-content {
  background: #f6f7f6;
  border: 1px solid #09990c;
  border-radius: 3px;
  bottom: auto;
  top: 35px;
  font-size: 12px;
  display: block;
  right: -21px;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  width: clamp(250px, 90vw, 600px);
  z-index: 3;
  margin-bottom: 10px;
  transition: 0.2s all ease-in-out;
}

.rts-tooltip .rts-tooltip-content:before {
  bottom: auto;
  content: " ";
  display: block;
  height: 20px;
  right: 20px;
  position: absolute;
  border-color: #09990c rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 11px;
  transform: translateX(-50%);
  margin-bottom: 20px;
  top: -22px;
  transform: rotate(180deg);
}

.rts-tooltip .rts-tooltip-content:after {
  border-left: solid rgba(255, 255, 255, 0) 10px;
  border-right: solid rgba(255, 255, 255, 0) 10px;
  border-top: solid #f6f7f6 10px;
  bottom: auto;
  content: " ";
  height: 0;
  right: 21px;
  position: absolute;
  width: 0;
  transform: translateX(-50%);
  top: -10px;
  transform: rotate(180deg);
}

.rts-tooltip .rts-tooltip-content-top {
  background: #f6f7f6;
  border: 1px solid #09990c;
  border-radius: 3px;
  bottom: 100%;
  font-size: 12px;
  display: block;
  right: -67px;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  width: clamp(200px, 90vw, 350px);
  z-index: 3;
  margin-bottom: 10px;
}

.rts-tooltip .rts-tooltip-content-top:before {
  bottom: -42px;
  content: " ";
  display: block;
  height: 20px;
  right: 55px;
  position: absolute;
  border-color: #0a990c rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 11px;
  transform: translateX(-50%);
  margin-bottom: 20px;
}

.rts-tooltip .rts-tooltip-content-top:after {
  border-left: solid rgba(255, 255, 255, 0) 10px;
  border-right: solid rgba(255, 255, 255, 0) 10px;
  border-top: solid #f3f3f3 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  right: 57px;
  position: absolute;
  width: 0;
  transform: translateX(-50%);
}

.rts-tooltip .rts-tooltip-content-top.rst-tooltip-content-top-2 {
  right: -10px;
}

.rts-tooltip .rts-tooltip-content-top.rst-tooltip-content-top-2::before {
  right: -2px;
}

.rts-tooltip .rts-tooltip-content-top.rst-tooltip-content-top-2::after {
  right: 0px;
}

.rts-tooltip .rts-tooltip-content-top.rts-tooltip-center {
  left: 50%;
  right: unset;
  transform: translateX(-50%);
}

.rts-tooltip .rts-tooltip-content-top.rts-tooltip-center::before {
  right: 40%;
}

.rts-tooltip .rts-tooltip-content-top.rts-tooltip-center::after {
  right: 40.6%;
}

.rts-tooltip:hover .rts-tooltip-content,
.rts-tooltip:hover .rts-tooltip-content-top {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.rts-status-parent * {
  transition: 0.2s all ease-in-out;
}

.rts-status-parent .rts-status {
  position: relative;
  isolation: isolate;
  text-align: start;
}

.rts-status-parent .rts-status::after {
  content: "";
  display: inline-block;
  width: calc(100% - 22px);
  height: 9px;
  position: absolute;
  top: 30px;
  left: 45px;
  z-index: -1;
  border: 2px solid #f1f5f9;
  background-color: #f1f5f9;
  border-radius: 15px;
  margin-inline: 5px;
}

@media (max-width: 767.98px) {
  .rts-status-parent .rts-status::after {
    /* Bootstrap's small breakpoint */
    display: inline-block;
    width: calc(100% - 0px);
    height: 6px;
    position: absolute;
    top: 12px;
    left: 20px;
    z-index: -1;
    border-radius: 0px;
  }
}

.rts-status-parent p {
  color: #ccc;
}

.rts-status-parent .active .rts-status:after {
  background-color: #09990c;
  border-color: #09990c;
}

.rts-status-parent .active .rts-status::before {
  border-color: #09990c;
  background-color: #09990c;
}

.rts-status-parent .active .rts-status p {
  display: block;
  color: #000;
}

.rts-status-parent .active .rts-status img {
  animation: 172.881ms linear 0s 1 normal none running spin;
  animation-delay: 4027.1186440678ms;
  filter: opacity(1);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
    border: 0 solid #fff;
    box-shadow: 0 0 8px #09990c;
    border-radius: 50%;
  }

  100% {
    transform: rotate(360deg);
    border: 3px solid #fff;
    box-shadow: 0 0 8px #09990c;
    border-radius: 50%;
  }
}

.rts-waiting-file {
  position: relative;
  height: 300px;
}

.rts-waiting-file:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}

.rts-waiting-file p {
  position: absolute;
  transform: rotate(-35deg);
  text-align: center;
  color: #fff;
  z-index: 2;
  margin: 0;
}

.rts-waiting-file .col-5 {
  flex-grow: 1;
  height: 48%;
}

.rts-chatting .rts-chatting-body {
  height: 500px;
  overflow: auto;
  width: 100%;
}

.rts-dropdown {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
}

.rts-dropdown.active {
  opacity: 1;
  pointer-events: auto;
}

.show-more-hover {
  color: #09990c;
}

.show-more-hover:hover {
  color: #ef8301;
}

.rts-show-more {
  display: grid;
  transition: 0.2s all;
  grid-template-rows: 0fr;
}

.rts-show-more > div {
  overflow: hidden;
}

.rts-show-more.active {
  grid-template-rows: 1fr;
  overflow: hidden;
}

.rts-banner {
  background-image: url(https://res.cloudinary.com/promogator/image/upload/v1743774660/promogator%20product/product%203d/My%20account/image.png);
  min-height: 300px;
  background-size: cover;
  max-height: 800px;
}

@media (min-width: 992px) {
  .rts-banner {
    height: 300px;
  }
}

.rts-banner .rts-box {
  left: 70px;
  bottom: 20px;
  max-width: 150px;
  font-size: 12px;
  font-weight: 500;
}

.rts-navs.rts-navs .nav-link {
  min-width: 200px;
  background-color: transparent;
  padding: 15px;
  color: #000;
  border-radius: 0;
}

.rts-navs.rts-navs .nav-link.active {
  background-color: #eee;
  border-left: 5px solid #ef8301;
}

.order-status-btn {
  transition: 0s all;
}

.order-status-btn.active {
  background-color: #eee;
  border-top: 3px solid #ef8301 !important;
}

.text-center-all * {
  text-align: center !important;
}

.max-width-600 {
  max-width: 600px;
}

.bank-active.bank-active.bank-active {
  margin-bottom: unset;
  border-color: #dfe3e8;
  border-radius: 6px;
  color: #6c757d;
}

.bank-active.bank-active.bank-active.active {
  margin-bottom: unset;
  border-color: #333333 !important;
  border-radius: 6px;
  color: #333333;
}

.bank-active.bank-active.bank-active.active .fa {
  color: #333333;
}

.custom-input-group {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-input-group label {
  min-width: 200px;
  margin: 0;
  font-weight: bold;
  color: #333333;
}

@media (min-width: 992px) {
  .custom-input-group label {
    max-width: 200px;
  }
}

.custom-input-group .form-control,
.custom-input-group textarea {
  padding: 8px;
  display: block;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
  border: 1px solid;
  border-color: #c9ccd0 #cfd2d6 #cfd2d6;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
  outline: unset;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.custom-input-group .form-control .custom-btn-admin,
.custom-input-group textarea .custom-btn-admin {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 4px;
}

.custom-input-group .form-control:not([type=file]),
.custom-input-group textarea:not([type=file]) {
  padding-left: 15px;
}

.custom-input-group .form-control:focus,
.custom-input-group textarea:focus {
  outline: unset;
}

.custom-input-group .form-control::file-selector-button,
.custom-input-group textarea::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  border-inline-end-width: var(--bs-border-width);
}

.custom-input-group .form-control::-moz-placeholder, .custom-input-group textarea::-moz-placeholder {
  font-size: 15px;
}

.custom-input-group .form-control::placeholder,
.custom-input-group textarea::placeholder {
  font-size: 15px;
}

.custom-input-group label.error {
  color: #dc3545 !important;
  font-weight: 500;
  position: absolute;
  bottom: -5px;
  left: 210px;
}

.custom-input-group:has(label.error, .text-danger) {
  padding-bottom: 20px;
}

.custom-input-group .text-danger {
  color: #dc3545 !important;
  font-weight: 500;
  position: absolute;
  bottom: -5px;
  left: 210px;
}

.modal-content .custom-input-group label.error {
  position: absolute;
  bottom: -5px;
  left: 0;
  max-width: unset;
  font-size: 12px;
}

.modal-content .custom-input-group.custom-input-group-start-150 label.error {
  left: 150px;
}

.validation-parent label.error {
  position: absolute;
  bottom: -5px;
  left: 0;
  max-width: unset;
  font-size: 12px;
}

.validation-parent.validation-parent-lg label.error {
  bottom: -25px;
}

.rts-dropdown-input {
  box-shadow: inset 2px 1px 6px rgba(0, 0, 0, 0.1098039216);
  border-radius: 6px;
}

.bg-pink {
  background-color: #FFFAF3;
}

.bg-chat {
  background-color: #fafafa;
}

.production-sender {
  margin-left: auto;
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .production-sender {
    margin-right: 1rem;
  }
}

.production-sender .production-sender-child {
  background-color: #f4f4f4;
  border-radius: 28px;
  padding: 12px 24px;
}

.production-sender .user-chat-box {
  background-color: #ef8301;
  color: #fff;
}

@media (min-width: 768px) {
  .production-sender .user-chat-box {
    max-width: 70%;
  }
}

.production-receiver {
  margin-right: auto;
}

.production-receiver .user-chat-box {
  background-color: #ebeced;
  border-color: #ebeced !important;
  color: #000;
}

@media (min-width: 768px) {
  .production-receiver {
    margin-left: 1rem;
  }
}

.side-nav-bar {
  width: 55px;
  height: 150px;
  cursor: pointer;
  overflow: hidden;
}

.side-nav-bar .rts-arrow {
  position: relative;
  left: -21px;
}

@media (min-width: 992px) {
  .ms-lg-300x {
    margin-left: 300px;
  }
}

.estimate-parent .row:has(.dt-layout-start) {
  position: sticky;
  left: 0;
}

.merchant-header {
  height: 55px;
}

.merchant-header * {
  transition: 0.3s opacity ease-in-out;
}

.merchant-header:hover .fa-angle-down {
  transform: rotate(180deg);
}

.merchant-header .merchant-header-dropdown {
  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: 500ms;
  transition-property: opacity, transform;
}

.merchant-header:hover .merchant-header-dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  box-shadow: 0px 0px 0px 1px rgba(209, 217, 224, 0.5019607843), 0px 6px 12px -3px rgba(37, 41, 46, 0.0392156863), 0px 6px 18px 0px rgba(37, 41, 46, 0.1215686275);
}

.merchant-header .merchant-header-content {
  opacity: 0.6;
}

.merchant-header .merchant-header-content.active {
  opacity: 1;
}

.transition-0-3s {
  transition: 0.3s all ease-in-out;
}

.cursor-default {
  cursor: default;
}

.focus-shadow-none:focus {
  box-shadow: none !important;
}

.text-custom-primary {
  color: #4978b3 !important;
}

.merchant-icon::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background: url(https://res.cloudinary.com/promogator/image/upload/v1738319690/promogator%20product/aac9d27e-9e96-4f9a-bb1c-672910bd417d.png) no-repeat;
  background-size: 350px 200px;
}

.merchant-icon.graph::before {
  background-position: 0 -17px;
}

.merchant-icon.store::before {
  background-position: -34px -17px;
}

.mt-n5 {
  margin-top: -3rem;
}

.form-controller {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  border-radius: 6px;
  padding: 10px 20px;
  color: #6c757d !important;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-border-color);
  outline: unset;
}

.marketing-map {
  height: 400px;
}

@media (min-width: 992px) {
  .marketing-map {
    height: 600px;
  }
}

.marketing-map.marketing-map-sm {
  height: 250px;
}

@media (min-width: 992px) {
  .marketing-map.marketing-map-sm {
    height: 400px;
  }
}

.marketing-banner {
  height: 300px;
}

@media (min-width: 992px) {
  .marketing-banner {
    height: 550px;
  }
}

.uploadcare--powered-by,
.uploadcare--powered-by__link {
  display: none;
}

.uploadcare--menu__item:focus,
.uploadcare--menu__item:hover {
  color: #ef8301;
}

.uploadcare--button_primary:active {
  background: #ef8301;
  border-color: #ef8301;
  color: #fff;
}

.uploadcare--button_primary:focus,
.uploadcare--button_primary:hover {
  background: #ef8301;
  border-color: #ef8301;
  color: #fff;
}

.uploadcare--menu__item:focus {
  box-shadow: unset;
}

.uploadcare--button {
  border: 1px solid #ef8301;
  background: transparent;
  color: #ef8301;
  top: -10px;
}

.uploadcare--button:hover {
  border: 1px solid #ef8301;
  background: transparent;
  color: #ef8301;
  outline: unset;
}

.uploadcare--file__description:focus,
.uploadcare--file__description:focus .uploadcare--file__preview,
.uploadcare--file__description:hover,
.uploadcare--file__description:hover .uploadcare--file__preview {
  color: #ef8301;
}

.uploadcare--file_status_uploading .uploadcare--file__preview {
  color: #ef8301 !important;
  background: #ef8301 !important;
}

.uploadcare--progressbar__value {
  background: #ef8301 !important;
}

.uploadcare--progress_type_canvas {
  color: #ef8301;
}

.uploadcare--button_icon {
  border-color: transparent !important;
  color: #a4a2a1 !important;
}

.uploadcare--button_primary:disabled,
.uploadcare--button_primary[aria-disabled=true] {
  background: #ef8301 4f !important;
  border-color: #ef8301 0 !important;
  color: #fff !important;
}

.uploadcare--button:disabled,
.uploadcare--button[aria-disabled=true] {
  background: transparent !important;
  border-color: #ef8301 45 !important;
  color: #ef8301 45 !important;
  cursor: not-allowed;
}

.uploadcare--panel__footer {
  background: #ef8301 12;
  display: none !important;
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .man-lotte-reseller {
    right: -120px;
  }

  .account-download-img {
    right: -120px;
  }
}

@media screen and (min-width: 500px) and (max-width: 860px) {
  .signin-proof-rts-align {
    flex-wrap: nowrap;
  }
}

.cls_upload_artwork {
  position: relative;
  width: 100%;
  height: 100%;
}

.upload_artwork_btn {
  background-color: #ef8301;
  color: #fff;
  border: 1px solid #ef8301;
  border-radius: 4px;
  font-weight: 700;
  font-size: 20px;
  padding: 10px 20px;
}

.cls_upload_artwork i {
  font-size: clamp(2.5rem, 1.9vw, 2.6rem);
  transform: rotate(45deg);
  vertical-align: middle;
  color: #fff;
  transition: 0.2s all;
}

.animated-button1:hover i {
  transform: rotate(45deg) scale(1.2);
  transition: 0.2s all;
  color: #fff;
}

.rts-new-uploadcare {
  position: relative;
}

.rts-new-uploadcare .animated-button1:focus {
  color: #fff;
}

.rts-new-uploadcare .image-preview-multiple {
  position: absolute;
  top: 7%;
  left: 14px;
}

.rts-new-uploadcare .uploadcare--widget__text {
  position: absolute;
  top: 83px;
}

.rts-new-uploadcare .uploadcare--widget__button_type_open {
  width: 340px;
  height: 65px;
  opacity: 0;
  position: absolute;
  top: 7px;
}

.rts-uploadcare-artwork {
  position: relative;
}

.rts-uploadcare-artwork .shipping_document_upload {
  position: absolute;
  top: -5px;
  opacity: 0;
}

.rts-uploadcare-artwork .uploadcare--widget__button_type_open {
  white-space: unset;
  width: 50px;
  height: 50px;
  font-size: 7px;
  position: absolute;
  left: 0;
  top: 0;
}

.product-notfound {
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
}

.upload_shipping.wid-200 .image_view_upload.art_up {
  width: unset;
}

.uploadcare--widget {
  inset: 0;
  width: 100%;
  height: 100%;
}

button.uploadcare--widget__button.uploadcare--widget__button_type_open {
  width: 100%;
  height: 100%;
}

.uploadcare--widget.uploadcare--widget_option_clearable.uploadcare--widget_status_loaded {
  margin-left: 80px;
}

.uploadcare--widget.uploadcare--widget_option_clearable.uploadcare--widget_status_loaded .uploadcare--link,
.uploadcare--widget.uploadcare--widget_option_clearable.uploadcare--widget_status_loaded .uploadcare--link:link,
.uploadcare--widget.uploadcare--widget_option_clearable.uploadcare--widget_status_loaded .uploadcare--link:visited {
  color: #09990c;
  font-weight: 500;
  font-size: 15px;
}

.uploadcare--widget__button_type_remove {
  background-color: #09990c;
  border-radius: 3px;
  font-size: 12px;
}

.uploadcare--widget__button_type_remove:hover {
  background-color: #09990c;
  border-radius: 3px;
  font-size: 12px;
}

.uploadcare--widget.uploadcare--widget_option_clearable.uploadcare--widget_status_started {
  margin-left: 70px;
  width: 220px;
}

button.uploadcare--widget__button.uploadcare--widget__button_type_cancel {
  border-radius: 4px;
  font-size: 13px;
  margin-top: 5px;
}

button.uploadcare--widget__button.uploadcare--widget__button_type_cancel:hover {
  border-radius: 4px;
  font-size: 13px;
  margin-top: 5px;
}

body:has(.search-parent.active) {
  overflow: hidden;
}

body:has(.search-parent.active) .search-parent {
  overflow: auto;
  width: 100%;
  min-height: 90dvh;
  height: 90dvh;
  position: fixed;
  z-index: 1;
  top: 125px;
  z-index: 12;
}

@media (max-width: 767.98px) {
  body:has(.search-parent.active) .search-parent {
    /* Bootstrap's small breakpoint */
    top: 104px;
  }
}

@media (min-width: 992px) {
  body:has(.search-parent.active) .search-parent {
    min-height: 81dvh;
    height: 81dvh;
    top: 170px;
    z-index: 5;
  }
}

@media screen and (min-width: 992px) and (max-height: 800px) {
  body:has(.search-parent.active) .search-parent {
    min-height: 79dvh;
    height: 79dvh;
  }
}

@media (min-width: 992px) {
  body:has(.search-parent.active):has(.search-parent.active):not(body:has(.search-parent.active):has(.search-parent.active):has(.header-2)) .search-parent {
    top: 90px;
    height: 90dvh;
  }
}

.search-parent {
  transform: 0.3s all ease-in-out;
  display: none;
}

.search-parent.active {
  display: block;
  opacity: 1;
}

.search-nav {
  transition: 0.3s all ease-in-out;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 12;
  min-height: 90dvh;
  height: 90dvh;
}

@media (min-width: 992px) {
  .search-nav {
    position: static;
    z-index: auto;
    min-height: unset;
    height: unset;
  }
}

.search-nav.active {
  margin-left: -400px !important;
}

@media (max-width: 991.98px) {
  .search-nav {
    /* Bootstrap's medium breakpoint */
  }

  .search-nav .search-nav-body {
    max-height: 75dvh;
    max-height: 75dvh;
    overflow: auto;
  }
}

@media screen and (max-width: 991.98px) and (max-height: 800px) {
  .search-nav .search-nav-body {
    max-height: 70vh;
    max-height: 70dvh;
  }
}

@media (max-width: 991.98px) {
  /* Bootstrap's medium breakpoint */

  .input-search-content-2.input-search-content-2:not(:has(.search-nav.active)) {
    overflow: hidden;
  }
}

*[class*=ais-] {
  list-style: none;
  padding: 0;
}

.search-content {
  position: relative;
  overflow: hidden;
}

.search-content .ais-Hits-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

.search-content .ais-Hits-list:not(:has(.ais-Hits-item:nth-child(n+4))) {
  grid-template-columns: repeat(auto-fit, minmax(290px, 300px));
}

.search-content .ais-HierarchicalMenu-list,
.search-content .ais-RefinementList-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 40dvh;
  overflow: auto;
  transition: 0.3s all ease-in-out;
  margin: 0;
}

.search-content .ais-HierarchicalMenu-list::-webkit-scrollbar,
.search-content .ais-RefinementList-list::-webkit-scrollbar {
  opacity: 0;
  display: none;
}

.search-content .ais-HierarchicalMenu-list:has(.w-fit) .ais-RefinementList-item,
.search-content .ais-RefinementList-list:has(.w-fit) .ais-RefinementList-item {
  width: -moz-fit-content;
  width: fit-content;
}

.search-content .ais-HierarchicalMenu-list:has(.w-fit) .ais-RefinementList-item > *,
.search-content .ais-RefinementList-list:has(.w-fit) .ais-RefinementList-item > * {
  width: -moz-fit-content;
  width: fit-content;
}

.search-content .ais-HierarchicalMenu-list li,
.search-content .ais-RefinementList-list li {
  cursor: pointer;
}

.search-content .ais-HierarchicalMenu-list .selected,
.search-content .ais-RefinementList-list .selected {
  border: 3px solid #09990c;
  padding: 1px;
}

.search-content .ais-HierarchicalMenu-list:has(.color-circle),
.search-content .ais-RefinementList-list:has(.color-circle) {
  padding-block: 3rem;
}

.search-content .direction-row .ais-HierarchicalMenu-list,
.search-content .direction-row .ais-RefinementList-list {
  flex-direction: row;
  flex-wrap: wrap;
}

.search-content .ais-HitsPerPage-select,
.search-content .ais-SortBy-select {
  min-width: 80px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 40px 6px 20px;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  outline: unset;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-content #header_hits-per-page .ais-HitsPerPage {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.search-content .filter-parent .bi-dash-lg {
  cursor: pointer;
}

.search-content .filter-parent .bi-dash-lg::before {
  transition: 0.3s all;
}

.search-content .filter-parent ul.active {
  max-height: 0dvh;
  padding: 0;
}

.search-content .filter-parent:has(ul.active, .minimize-filter.active) .bi-dash-lg::before {
  content: "\F64D";
  transform: rotate(180deg);
}

.search-content .filter-parent .minimize-filter {
  transition: 0.3s all ease-in-out;
  height: 100%;
  max-height: 40dvh;
}

.search-content .filter-parent .minimize-filter.active {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

.search-content .color-circle.active {
  border: 2px solid #09990c;
}

.search-content .ais-Hits-item:has(.search-col) {
  transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.search-content .ais-Hits-item:has(.search-col) .search-col {
  height: 100%;
}

.search-content .ais-Hits-item:has(.search-col):hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.custom-modal-backdrop {
  --bs-backdrop-zindex: 11;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
  opacity: 0;
}

.custom-modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.sec_padding {
  padding: 0 20px;
  z-index: 1;
  position: relative;
}

.ais-Breadcrumb-item,
.ais-Breadcrumb-list,
.ais-Pagination-list,
.ais-PoweredBy,
.ais-RangeInput-form,
.ais-RatingMenu-link {
  display: flex;
  align-items: center;
}

.ais-RangeSlider .rheostat {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ais-RangeSlider .rheostat-background {
  height: 6px;
  top: 0;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa;
}

.ais-RangeSlider .rheostat-handle {
  margin-left: -12px;
  top: -7px;
}

.ais-RangeSlider .rheostat-progress {
  position: absolute;
  top: 1px;
  height: 4px;
  background-color: #333;
  background-color: #495588;
}

.rheostat-handle {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: grab;
}

.rheostat-value {
  padding-top: 15px;
}

.rheostat-tooltip,
.rheostat-value {
  margin-left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.rheostat-tooltip {
  top: -22px;
}

.ais-RangeInput-input {
  padding: 0 0.2rem;
  width: 5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.ais-Pagination-item + .ais-Pagination-item {
  margin-left: 0.3rem;
}

.ais-Pagination-link {
  padding: 0.5rem 0.8rem;
  display: block;
  border: 1px solid #dfe3e8;
  border-radius: 5px;
  transition: background-color 0.2s ease-out;
  color: #333333;
  line-height: 1;
  font-size: 14px;
  box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.0705882353);
}

.ais-Pagination-link:hover {
  color: #09990c;
}

.ais-Pagination-item--nextPage .ais-Pagination-link,
.ais-Pagination-item--lastPage .ais-Pagination-link,
.ais-Pagination-item--previousPage .ais-Pagination-link,
.ais-Pagination-item--firstPage .ais-Pagination-link {
  font-size: 26px;
  line-height: 0.5;
}

.ais-Pagination-link:focus,
.ais-Pagination-link:hover {
  background-color: #fff;
}

.ais-Pagination-item--disabled .ais-Pagination-link {
  opacity: 0.6;
  cursor: not-allowed;
  color: #919eab;
}

.ais-Pagination-item--disabled .ais-Pagination-link:focus,
.ais-Pagination-item--disabled .ais-Pagination-link:hover {
  color: #919eab;
  background-color: #fff;
}

.ais-Pagination-item--selected .ais-Pagination-link {
  color: #fff;
  background-color: #09990c;
  border-color: #09990c;
}

.ais-Pagination-item--selected .ais-Pagination-link:focus,
.ais-Pagination-item--selected .ais-Pagination-link:hover {
  color: #fff;
}

.ais-PoweredBy-text,
.ais-Stats-text,
.rheostat-tooltip,
.rheostat-value {
  font-size: 0.8rem;
}

.ais-PoweredBy-logo {
  margin-left: 0.3rem;
}

.ais-Panel-body .ais-RangeSlider {
  margin: 2rem 0;
}

.ais-RangeSlider-handle {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  background: #fff;
  border: 1px solid #0ab10e;
  border-radius: 50%;
  cursor: pointer;
}

.sec_padding {
  padding: 0 15px;
  max-height: 500px;
  overflow-y: auto;
}

.desired_price {
  font-size: 15px;
  position: absolute;
  top: -30px;
  left: 64px;
  color: #000;
  cursor: pointer;
}

.multi-slider-header {
  height: 70px;
}

.multi-slider-header .rheostat {
  margin-left: 20px !important;
  width: 83% !important;
  top: 10px;
  left: -5px;
}

.multi-slider-header .ais-RangeSlider .rheostat-progress {
  background-color: #09990c !important;
  height: 12px;
}

.multi-slider-header .ais-RangeSlider .rheostat-background {
  background-color: #ccc !important;
  border: unset !important;
  height: 12px;
}

.multi-slider-header .ais-RangeSlider .rheostat-handle {
  top: -14px;
  width: 40px;
  height: 40px;
}

.multi-slider-header .rheostat-tooltip {
  font-size: 18px;
  top: 40px;
  color: #ef8302 !important;
  font-weight: 700 !important;
  position: relative;
}

.multi-slider-header .rheostat-tooltip::before {
  content: "$";
  position: absolute;
  right: 20px;
}

.multi-slider-header .rheostat-handle-upper .rheostat-tooltip {
  font-size: 18px;
  top: -33px;
  color: #ef8302 !important;
  font-weight: 700 !important;
}

.multi-slider-header .rheostat-marker {
  display: none !important;
}

.multi-slider-header .rheostat-handle-lower,
.multi-slider-header .rheostat-handle-upper {
  background-color: #09990c !important;
  box-shadow: 0 0 10px #a7a7a7 !important;
  border: 4px solid #fff !important;
}

.dbl-price {
  color: #f88223;
  font-weight: 700;
}

.show-price-dbl {
  text-align: center;
  margin: 15px 0 25px;
}

.showing-dbl-price {
  font-size: 16px;
  white-space: break-spaces;
}

.clear-btn {
  cursor: pointer;
}

.ais-Hits-list-gap-0 .ais-Hits-list {
  gap: 0;
}

.search-square > * {
  display: none !important;
}

.search-square > *:nth-child(-n+4) {
  display: block !important;
}

@media (max-width: 991.98px) {
  .header_pagination {
    /* Bootstrap's medium breakpoint */
  }

  .header_pagination .ais-Pagination-list {
    margin-bottom: 40px;
  }
}

.bg-modal {
  background-color: #dcdcdc !important;
}

.shadow-custom-job {
  box-shadow: 9px 4px 20px -6px rgba(0, 0, 0, 0.63), 9px 10px 20px -6px rgba(232, 118, 2, 0.8117647059);
}

.shadow-website {
  box-shadow: 9px 4px 20px -6px rgba(0, 0, 0, 0.37), 9px 10px 20px -6px #002f01 !important;
}

.rounded-50x {
  border-radius: 50px;
}

.rounded-60x {
  border-radius: 60px;
}

.rounded-30 {
  border-radius: 30%;
}

.custom-job-background {
  background-image: url(https://res.cloudinary.com/promogator/image/upload/v1727761434/footer/e1a07f94-373c-4fa9-ad81-554f83eece5c.png);
  background-position: center;
  background-size: cover;
  border-radius: 50px 50px 0 0;
}

@media (min-width: 992px) {
  .custom-job-background {
    border-radius: 50px 0 0 50px;
  }
}

.placeholder-light::-moz-placeholder {
  color: #c7cbc8 !important;
}

.placeholder-light::placeholder {
  color: #c7cbc8 !important;
}

.custom-job {
  border: 1px solid rgba(9, 153, 12, 0.3411764706) !important;
  border-radius: 5px;
  background-color: rgba(9, 153, 12, 0.3411764706) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.custom-job:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}

.border-tranparent {
  border-color: transparent !important;
}

.round_bg {
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 50px;
  position: relative;
  border: 3px solid green;
}

.round_bg:last-child {
  margin-right: 0;
}

.round_bg_line:before {
  border-top: 3px solid green;
  display: block;
  position: relative;
  top: 11px;
  margin: 0 auto;
  width: 53px;
  content: "";
  left: 25px;
}

.round_bg.active {
  background: #ef8300;
}

.round_bg.finished {
  background: green;
}

.category_img.active img {
  border: 3px solid green;
}

.import-btn {
  background-color: #fff;
  border: none;
  color: #000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.max-h-100vh {
  max-height: 100vh;
}

.max-h-85vh {
  max-height: 85vh;
}

.custom-job-input {
  background: #f0f1f3 !important;
}

.custom-job-input:focus {
  background: #fff !important;
}

.active-text-white.active {
  color: #fff !important;
}

.active-bg-theme.active {
  background-color: #4CAF50 !important;
}

.custom-job-modal-dialog {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
  .max-lg-h-unset {
    max-height: unset !important;
  }
}

.custom-popup-modal {
  max-width: 700px;
}

@media (min-width: 992px) {
  .custom-popup-modal {
    max-width: 800px;
  }
}

input,
select,
.form-control.form-control {
  font-size: 0.875rem;
  border-radius: 6px;
  padding: 10px 20px;
  color: #4f535e;
}

input::-moz-placeholder, select::-moz-placeholder, .form-control.form-control::-moz-placeholder {
  color: #919eab;
}

input::placeholder,
select::placeholder,
.form-control.form-control::placeholder {
  color: #919eab;
}

input:focus,
select:focus,
.form-control.form-control:focus {
  color: #333333;
}

.btn-theme-2 {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 5px 20px;
  color: #000;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
}

.font-monospace {
  font-family: monospace;
}

.video_player {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  overflow: hidden;
  background: #000;
  border-radius: 3px;
}

.cls-container {
  width: 95%;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .cls-container-md {
    width: 95%;
    margin: 0 auto;
  }
}

.toast {
  position: absolute;
  top: 25px;
  right: 30px;
  border-radius: 12px;
  background: #fff;
  padding: 20px 35px 20px 25px;
  box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}

.toast.active {
  transform: translateX(0%);
}

.toast .toast-content {
  display: flex;
  align-items: center;
}

.toast .toast-content .check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #09990c;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
}

.toast .toast-content .toast-close {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #dc3545;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
}

.toast .toast-content .message {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.toast .toast-content .message .text {
  font-size: 16px;
  font-weight: 400;
  color: #6c757d;
}

.toast .toast-content .message .text.text-1 {
  font-weight: 600;
  color: #333333;
}

.toast .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
}

.toast .close:hover {
  opacity: 1;
}

.toast .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
}

.toast .progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #09990c;
}

.toast .progress.active:before {
  animation: progress 5s linear forwards;
}

@keyframes progress {
  100% {
    right: 100%;
  }
}

.h-700x {
  height: 700px;
}

.anchor-hover {
  text-decoration: underline;
}

.anchor-hover:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 1400px) {
  .text-xxl-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 1600px) {
  .text-xxxl-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
  .flex-grow-all-tab > * {
    flex-grow: 1;
    flex-basis: 40%;
  }
}

@media (max-width: 767.98px) {
  .border-bottom-all-mobile {
    /* Bootstrap's small breakpoint */
  }

  .border-bottom-all-mobile > * {
    border-bottom: 2px solid #eee;
    padding-bottom: 1rem;
  }
}

.responsive-video {
  height: 680px;
}

@media (max-width: 991.98px) {
  .responsive-video {
    /* Bootstrap's medium breakpoint */
    height: 550px;
  }
}

@media (max-width: 767.98px) {
  .responsive-video {
    /* Bootstrap's small breakpoint */
    height: 350px;
  }
}

.pac-container {
  z-index: 10000;
}

.order-page .nav-link {
  position: relative;
  font-weight: 500;
  color: rgba(108, 117, 125, 0.7);
  border: unset;
  border-radius: 0;
  margin-bottom: unset;
}

.order-page .nav-link:after {
  content: "";
  height: 20px;
  width: 2px;
  background-color: rgba(108, 117, 125, 0.7);
  display: inline-block;
  position: absolute;
  right: 0;
  top: 22%;
}

.order-page .nav-link.active {
  color: #000;
}

.order-page .nav-link.active:after {
  background-color: #000;
}

.disabled {
  cursor: not-allowed !important;
}

.close-2 {
  right: -15px;
  top: -15px;
}

.max-w-95x {
  max-width: 95px !important;
}

.max-h-350x {
  max-height: 350px !important;
}

.top-2x {
  top: 2px;
}

.max-w-125x {
  max-width: 125px !important;
}

.h-400x {
  height: 400px !important;
}

.max-h-400x {
  max-height: 400px !important;
}

@media (min-width: 768px) {
  .max-h-md-h-400x {
    max-height: 400px !important;
  }
}

@media (min-width: 992px) {
  .max-lg-h-400x {
    max-height: 400px !important;
  }
}

.estimate-parent .estimate-table td,
.estimate-parent .estimate-table th {
  border-left: 1px solid #f6f7f6;
  line-height: 17px;
  padding: 0 10px;
  vertical-align: middle;
  color: #6c757d;
  transition: background 0.2s;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  position: relative;
  font-size: 14px;
  height: 45px;
  min-width: 150px;
}

.estimate-parent .estimate-table td a,
.estimate-parent .estimate-table th a {
  font-size: 0.875rem;
  color: #ef8301;
}

.estimate-parent .estimate-table thead tr:nth-child(odd) td,
.estimate-parent .estimate-table thead tr:nth-child(odd) th {
  height: 35px;
  white-space: nowrap;
  background-color: #ebeced;
  background: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
}

.estimate-parent .estimate-table tbody tr:nth-child(even) td,
.estimate-parent .estimate-table tbody tr:nth-child(even) th {
  background-color: #ebeced;
}

.estimate-parent .dt-info {
  font-size: 14px;
  margin-bottom: 5px;
  color: #6c757d;
  font-weight: 500;
  text-align: left;
}

.estimate-parent .dt-layout-end:has(.pagination) {
  width: 100%;
  margin: 0;
}

.estimate-parent .dt-layout-end:has(.pagination) .dt-paging {
  margin: 0;
}

.estimate-parent .pagination {
  margin: 0;
}

.estimate-parent .pagination .dt-paging-button .page-link {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #ef8301;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  height: 100%;
}

.estimate-parent .pagination .dt-paging-button .page-link:hover {
  z-index: 2;
  color: #b16100;
  background-color: #eee;
  border-color: #ddd;
}

.estimate-parent .pagination .dt-paging-button.active .page-link {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #ef8301;
  border-color: #ef8301;
}

.page-link {
  color: #333333;
  font-size: 12px;
}

.progress-blue {
  background-color: #3eacf3 !important;
}

.progress-purple {
  background-color: #d7c8d1 !important;
}

.progress-yellow {
  background-color: #f3f3c1 !important;
}

.progress-white {
  background-color: #ffffff !important;
}

.progress {
  height: 25px;
}

.progress-bar {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6sease;
  -o-transition: width 0.6s ease;
}

.after-dash {
  display: flex;
  align-items: center;
  gap: 8px;
}

.after-dash:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: currentcolor;
}

.after-dash:last-child:after {
  content: unset;
}

.account-cards {
  cursor: pointer;
  padding: 20px 10px;
  border-radius: 5px;
  transition: 0.3s all ease-in-out;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
}

.account-cards:hover {
  background-color: rgba(239, 131, 1, 0.0784313725);
}

.border-btn {
  display: inline-block;
  position: relative;
  border: none;
  cursor: pointer;
}

.border-btn::before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: rgba(239, 131, 1, 0.6);
}

.border-btn::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: rgba(239, 131, 1, 0.6);
}

.border-btn:hover::before {
  width: 100%;
}

.border-btn:hover::after {
  width: 100%;
}

.border-btn:hover .border-child::before {
  height: 100%;
}

.border-btn:hover .border-child::after {
  height: 100%;
}

.border-child::before {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: rgba(239, 131, 1, 0.6);
}

.border-child::after {
  content: "";
  width: 2px;
  height: 0px;
  position: absolute;
  transition: all 0.2s linear;
  background: rgba(239, 131, 1, 0.6);
}

.border-btn::after {
  right: 0;
  bottom: 0;
  transition-duration: 0.4s;
}

.border-btn .border-child::after {
  right: 0;
  bottom: 0;
  transition-duration: 0.4s;
}

.border-btn .border-child::before {
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}

.border-btn::before {
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}

.accounts-parent:has(.account-card-content.active) .account-cards-parent {
  display: none;
}

.accordion-card-address .accordion-button {
  color: #000;
  background-color: #ededed;
}

.accordion-card-address .accordion-button:after {
  content: unset;
}

.accordion-card-address .accordion-button:not(.collapsed) {
  background-color: #ededed;
}

.error-msg-st-5x .custom-input-group label.error {
  left: 5px;
}

.mix-blend-burn {
  mix-blend-mode: color-burn;
}

.mix-blend-darken {
  mix-blend-mode: darken;
}

.header-carousel .header-carousel-prev,
.header-carousel .header-carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease-in-out;
  outline: unset;
}

.header-carousel .header-carousel-prev:after,
.header-carousel .header-carousel-next:after {
  --color: #ccc;
  font-size: 25px;
  color: #75ad5e;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(1px 1px 1px var(--color));
  content: "\F105";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  transition: 0.3s all ease-in-out;
}

@media (min-width: 992px) {
  .header-carousel .header-carousel-prev:hover:after,
  .header-carousel .header-carousel-next:hover:after {
    scale: 1.3;
  }
}

.header-carousel .header-carousel-prev {
  left: -9px;
}

.header-carousel .header-carousel-prev:after {
  content: "\F104";
}

.header-carousel .header-carousel-next {
  right: -5px;
}

.check-out-banner {
  width: calc(100% + 2.1rem);
  transform: translateX(-1.1rem);
}

.w-31 {
  width: 31% !important;
}

@media (min-width: 768px) {
  .w-md-31 {
    width: 31% !important;
  }
}

.shadow-chat {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
}

.chat-box.chat-box {
  font-size: 16px;
  border-radius: 28px;
  padding: 18px 18px 10px 22px;
  line-height: 1.5;
  border: 1px solid rgba(13, 13, 13, 0.1607843137);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  height: auto;
  background-color: #fff;
}

.chat-box.chat-box .chat {
  font-size: 16px;
  min-height: 40px;
  height: 100%;
  max-height: 200px;
}

.chat-box.chat-box .chat::-moz-placeholder {
  color: #8f8f8f;
}

.chat-box.chat-box .chat::placeholder {
  color: #8f8f8f;
}

.chat-box.chat-box .send-icon {
  width: 34px;
  height: 34px;
}

.aspect-ratio-18-6 {
  aspect-ratio: 18/6;
}

.aspect-ratio-16-9 {
  aspect-ratio: 16/9;
}

.h-35x {
  height: 35px;
}

.w-35x {
  width: 35px;
}

.dt-length {
  width: -moz-fit-content;
  width: fit-content;
}

.grid-img-4:has(:nth-child(n+3)) {
  height: 300px !important;
}

.flex-basic-50 {
  flex-basis: 50%;
}

.flex-basic-100 {
  flex-basis: 100%;
}

.red-txt-vendor {
  color: #ff0712;
  font-weight: 600;
}

.green-txt-vendor {
  font-weight: 700;
  color: #09990c !important;
}

.cancel_item_blackscreen {
  position: relative;
  margin-top: 15px;
}

.cancel_item_blackscreen:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 8;
  height: 100%;
}

.cancel_item_blackscreen:after {
  content: "This order is no longer available. It has been cancelled.";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: #000;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 8;
}