/********************** KeyFrames *************/
@keyframes flying {
  0% {
    transform: translateY(-0.625rem);
  }
  100% {
    transform: translateY(0.625rem);
  }
}
@keyframes main-clr-glowing {
  0% {
    background-color: #8156c2;
  }
  100% {
    background-color: #502f83;
  }
}
@keyframes skeleton-loader {
  0% {
    background-color: hsl(200, 20%, 85%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}
@keyframes custom-flying {
  0% {
    transform: translateY(-0.625rem);
    filter: drop-shadow(0 1.25rem 0.4375rem #c8c8c8);
  }
  100% {
    transform: translateY(0.625rem);
    filter: drop-shadow(0 0.9375rem 0.4375rem #c8c8c8);
  }
}
@keyframes custom-flying-no-shadow {
  0% {
    transform: translateY(-0.625rem);
  }
  100% {
    transform: translateY(0.625rem);
  }
}
@keyframes show-news {
  0% {
    transform: translate(100%, -50%);
  }
  100% {
    transform: translate(-100%, -50%);
  }
}
@keyframes fade-out-up {
  0% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -100%);
    opacity: 0;
  }
}
@keyframes jump {
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes spin {
  to {
    transform: rotate(-360deg) translateY(var(--y));
  }
}
@keyframes traingle1 {
  0% {
    top: -3.125rem;
    opacity: 0;
  }
  100% {
    top: 3.125rem;
    opacity: 1;
  }
}
@keyframes traingle2 {
  0% {
    top: -3.125rem;
    opacity: 0;
  }
  100% {
    top: 3.1875rem;
    opacity: 1;
  }
}
@keyframes traingle3 {
  0% {
    top: -3.125rem;
    opacity: 0;
  }
  100% {
    top: 3.1875rem;
    opacity: 1;
  }
}
@keyframes traingle4 {
  0% {
    right: 3.6875rem;
    top: -2.0625rem;
    opacity: 0;
  }
  100% {
    right: 3.6875rem;
    top: 4.5rem;
    opacity: 1;
  }
}
@keyframes traingle5 {
  0% {
    left: 3.6875rem;
    top: -2.0625rem;
    opacity: 0;
  }
  100% {
    left: 3.6875rem;
    top: 4.5rem;
    opacity: 1;
  }
}
@keyframes traingle6 {
  0% {
    top: -2.0625rem;
    opacity: 0;
  }
  100% {
    top: 4.5625rem;
    opacity: 1;
  }
}
@keyframes traingle7 {
  0% {
    top: -0.625rem;
    opacity: 0;
  }
  100% {
    top: 5.875rem;
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce {
  from {
    bottom: 0rem;
  }
  to {
    bottom: 25%;
  }
}
@keyframes shake {
  0% {
    rotate: 0deg;
  }
  15% {
    rotate: 15deg;
  }
  30% {
    rotate: -15deg;
  }
  45% {
    rotate: 15deg;
  }
  60% {
    rotate: -15deg;
  }
  75% {
    rotate: 15deg;
  }
  100% {
    rotate: 0deg;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
/* Animations */
@keyframes ring1_ {
  from {
    stroke-dashoffset: -376.237129776;
    transform: rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  23% {
    stroke-dashoffset: -94.247778;
    transform: rotate(1turn);
    animation-timing-function: ease-out;
  }
  46%, 50% {
    stroke-dashoffset: -376.237129776;
    transform: rotate(2.25turn);
    animation-timing-function: ease-in;
  }
  73% {
    stroke-dashoffset: -94.247778;
    transform: rotate(3.5turn);
    animation-timing-function: ease-out;
  }
  96%, to {
    stroke-dashoffset: -376.237129776;
    transform: rotate(4.75turn);
  }
}
@keyframes ring2_ {
  from {
    stroke-dashoffset: -329.207488554;
    transform: rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  23% {
    stroke-dashoffset: -82.46680575;
    transform: rotate(1turn);
    animation-timing-function: ease-out;
  }
  46%, 50% {
    stroke-dashoffset: -329.207488554;
    transform: rotate(2.25turn);
    animation-timing-function: ease-in;
  }
  73% {
    stroke-dashoffset: -82.46680575;
    transform: rotate(3.5turn);
    animation-timing-function: ease-out;
  }
  96%, to {
    stroke-dashoffset: -329.207488554;
    transform: rotate(4.75turn);
  }
}
@keyframes ring3_ {
  from {
    stroke-dashoffset: -288.4484661616;
    transform: rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  23% {
    stroke-dashoffset: -72.2566298;
    transform: rotate(1turn);
    animation-timing-function: ease-out;
  }
  46%, 50% {
    stroke-dashoffset: -288.4484661616;
    transform: rotate(2.25turn);
    animation-timing-function: ease-in;
  }
  73% {
    stroke-dashoffset: -72.2566298;
    transform: rotate(3.5turn);
    animation-timing-function: ease-out;
  }
  96%, to {
    stroke-dashoffset: -288.4484661616;
    transform: rotate(4.75turn);
  }
}
@keyframes ring4_ {
  from {
    stroke-dashoffset: -253.9600625988;
    transform: rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  23% {
    stroke-dashoffset: -63.61725015;
    transform: rotate(1turn);
    animation-timing-function: ease-out;
  }
  46%, 50% {
    stroke-dashoffset: -253.9600625988;
    transform: rotate(2.25turn);
    animation-timing-function: ease-in;
  }
  73% {
    stroke-dashoffset: -63.61725015;
    transform: rotate(3.5turn);
    animation-timing-function: ease-out;
  }
  96%, to {
    stroke-dashoffset: -253.9600625988;
    transform: rotate(4.75turn);
  }
}
@keyframes ring5_ {
  from {
    stroke-dashoffset: -225.7422778656;
    transform: rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  23% {
    stroke-dashoffset: -56.5486668;
    transform: rotate(1turn);
    animation-timing-function: ease-out;
  }
  46%, 50% {
    stroke-dashoffset: -225.7422778656;
    transform: rotate(2.25turn);
    animation-timing-function: ease-in;
  }
  73% {
    stroke-dashoffset: -56.5486668;
    transform: rotate(3.5turn);
    animation-timing-function: ease-out;
  }
  96%, to {
    stroke-dashoffset: -225.7422778656;
    transform: rotate(4.75turn);
  }
}
@keyframes ring6_ {
  from {
    stroke-dashoffset: -203.795111962;
    transform: rotate(-0.25turn);
    animation-timing-function: ease-in;
  }
  23% {
    stroke-dashoffset: -51.05087975;
    transform: rotate(1turn);
    animation-timing-function: ease-out;
  }
  46%, 50% {
    stroke-dashoffset: -203.795111962;
    transform: rotate(2.25turn);
    animation-timing-function: ease-in;
  }
  73% {
    stroke-dashoffset: -51.05087975;
    transform: rotate(3.5turn);
    animation-timing-function: ease-out;
  }
  96%, to {
    stroke-dashoffset: -203.795111962;
    transform: rotate(4.75turn);
  }
}
/********************** Reset *************/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
}

a:hover,
a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

li {
  list-style: none;
}

button {
  outline: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: inherit;
  font-weight: normal;
}

img {
  max-width: 100%;
  display: block;
}

/********************** Variables *************/
:root {
  --main-clr: #8156c2;
  --main-clr-hover: #683da8;
  --secondary-clr: #df3a60;
  --secondary-clr-hover: #c62046;
  --tomato-clr: #d65c5c;
  --tomato-clr-hover: #cc3333;
  --soft-yellow-clr: #ffff4d;
  --soft-yellow-clr-hover: #ffff1a;
  --dark-yellow-clr: #FBB707;
  --dark-yellow-clr-hover: #cc9403;
  --soft-green-sky-clr: #80ffd4;
  --soft-green-sky-clr-hover: #4dffc3;
  --skin-clr: #edd392;
  --skin-clr-hover: #e6c166;
  --soft-gray: #c8c8c8;
  --soft-gray-hover: #afafaf;
  --dark-gray: #6c7769;
  --dark-gray-hover: #535c51;
  --print-main-clr: #FBB707;
  --print-main-clr-hover: #cc9403;
  --print-d3-clr: #2a25b2;
  --print-d3-clr-hover: #201c88;
  --heaven-clr: #37c329;
  --heaven-clr-hover: #2b9920;
  --very-soft-pink-clr: #ebdff1;
  --very-soft-pink-clr-hover: #d5bce1;
  --sidebar-bg: #fff;
  --body-bg: #eee;
  --soft-gray: #c8c8c8;
  --dark-gray: #6c7769;
  --dark-clr: #222;
  --sidebar-width: min(max(30%, 50px), 70px);
}

/********************** Classes *************/
/* -------- Common Classes To Use -------- */
.w-fit {
  width: fit-content;
}

@media (min-width: 768px) {
  .w-sm-fit {
    width: fit-content !important;
  }
}

@media (min-width: 992px) {
  .w-md-fit {
    width: fit-content !important;
  }
}

@media (min-width: 1200px) {
  .w-lg-fit {
    width: fit-content !important;
  }
}

.mw-fit {
  max-width: fit-content;
}

.w-max {
  width: max-content;
}

.h-fit {
  height: fit-content;
}

.h-max {
  height: max-content;
}

.min-h-100vh {
  min-height: 100vh;
}

.min-h-95vh {
  min-height: 95vh;
}

.min-h-90vh {
  min-height: 90vh;
}

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

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

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

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

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

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

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

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

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

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

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

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

.txt-italic {
  font-style: italic;
}

.txt-cap {
  text-transform: capitalize;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.word-break-bw {
  word-break: break-word;
}

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

.cursor-p {
  cursor: pointer;
}

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

.g-transition {
  transition: 0.4s ease;
}

.bg-img {
  object-fit: cover;
}

.user-select-off {
  user-select: none;
}

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

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

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

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

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

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

.borderless {
  border: none;
}
.borderless thead,
.borderless tbody,
.borderless td:not(.has-border),
.borderless th,
.borderless tr {
  border: none;
}
.borderless.border-secondary td,
.borderless.border-secondary th {
  border-color: var(--bs-secondary);
}
.borderless.border-dark td,
.borderless.border-dark th {
  border-color: var(--bs-dark);
}
.borderless.border-primary td,
.borderless.border-primary th {
  border-color: var(--bs-primary);
}
.borderless.border-success td,
.borderless.border-success th {
  border-color: var(--bs-success);
}
.borderless.border-info td,
.borderless.border-info th {
  border-color: var(--bs-info);
}
.borderless.border-warning td,
.borderless.border-warning th {
  border-color: var(--bs-warning);
}
.borderless.border-main-clr td,
.borderless.border-main-clr th {
  border-color: #8156c2;
}
.borderless.border-secondary-clr td,
.borderless.border-secondary-clr th {
  border-color: #df3a60;
}
.borderless.border-tomato-clr td,
.borderless.border-tomato-clr th {
  border-color: #d65c5c;
}
.borderless.border-soft-yellow-clr td,
.borderless.border-soft-yellow-clr th {
  border-color: #ffff4d;
}
.borderless.border-dark-yellow-clr td,
.borderless.border-dark-yellow-clr th {
  border-color: #FBB707;
}
.borderless.border-soft-green-sky-clr td,
.borderless.border-soft-green-sky-clr th {
  border-color: #80ffd4;
}
.borderless.border-skin-clr td,
.borderless.border-skin-clr th {
  border-color: #edd392;
}
.borderless.border-soft-gray td,
.borderless.border-soft-gray th {
  border-color: #c8c8c8;
}
.borderless.border-dark-gray td,
.borderless.border-dark-gray th {
  border-color: #6c7769;
}
.borderless.border-print-main-clr td,
.borderless.border-print-main-clr th {
  border-color: #FBB707;
}
.borderless.border-print-d3-clr td,
.borderless.border-print-d3-clr th {
  border-color: #2a25b2;
}
.borderless.border-heaven-clr td,
.borderless.border-heaven-clr th {
  border-color: #37c329;
}
.borderless.border-very-soft-pink-clr td,
.borderless.border-very-soft-pink-clr th {
  border-color: #ebdff1;
}

.table-p-0px table,
.table-p-0px thead,
.table-p-0px tbody,
.table-p-0px tfoot,
.table-p-0px th,
.table-p-0px td,
.table-p-0px tr {
  padding: 0rem;
}

.table-p-1px table,
.table-p-1px thead,
.table-p-1px tbody,
.table-p-1px tfoot,
.table-p-1px th,
.table-p-1px td,
.table-p-1px tr {
  padding: 0.0625rem;
}

.table-p-2px table,
.table-p-2px thead,
.table-p-2px tbody,
.table-p-2px tfoot,
.table-p-2px th,
.table-p-2px td,
.table-p-2px tr {
  padding: 0.125rem;
}

.table-p-3px table,
.table-p-3px thead,
.table-p-3px tbody,
.table-p-3px tfoot,
.table-p-3px th,
.table-p-3px td,
.table-p-3px tr {
  padding: 0.1875rem;
}

.table-p-4px table,
.table-p-4px thead,
.table-p-4px tbody,
.table-p-4px tfoot,
.table-p-4px th,
.table-p-4px td,
.table-p-4px tr {
  padding: 0.25rem;
}

.table-p-5px table,
.table-p-5px thead,
.table-p-5px tbody,
.table-p-5px tfoot,
.table-p-5px th,
.table-p-5px td,
.table-p-5px tr {
  padding: 0.3125rem;
}

.table-p-6px table,
.table-p-6px thead,
.table-p-6px tbody,
.table-p-6px tfoot,
.table-p-6px th,
.table-p-6px td,
.table-p-6px tr {
  padding: 0.375rem;
}

.table-p-7px table,
.table-p-7px thead,
.table-p-7px tbody,
.table-p-7px tfoot,
.table-p-7px th,
.table-p-7px td,
.table-p-7px tr {
  padding: 0.4375rem;
}

.table-p-8px table,
.table-p-8px thead,
.table-p-8px tbody,
.table-p-8px tfoot,
.table-p-8px th,
.table-p-8px td,
.table-p-8px tr {
  padding: 0.5rem;
}

.table-p-9px table,
.table-p-9px thead,
.table-p-9px tbody,
.table-p-9px tfoot,
.table-p-9px th,
.table-p-9px td,
.table-p-9px tr {
  padding: 0.5625rem;
}

.table-p-10px table,
.table-p-10px thead,
.table-p-10px tbody,
.table-p-10px tfoot,
.table-p-10px th,
.table-p-10px td,
.table-p-10px tr {
  padding: 0.625rem;
}

.img-fit-25 {
  width: 1.5625rem;
  height: 1.5625rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-25 {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-50 {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-50 {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-75 {
  width: 4.6875rem;
  height: 4.6875rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-75 {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-100 {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-100 {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-125 {
  width: 7.8125rem;
  height: 7.8125rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-125 {
  width: 7.8125rem;
  height: 7.8125rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-150 {
  width: 9.375rem;
  height: 9.375rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-150 {
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-175 {
  width: 10.9375rem;
  height: 10.9375rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-175 {
  width: 10.9375rem;
  height: 10.9375rem;
  border-radius: 50%;
  object-fit: cover;
}

.img-fit-200 {
  width: 12.5rem;
  height: 12.5rem;
  object-fit: cover;
  object-position: center;
}

.rounded-img-200 {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  object-fit: cover;
}

.fs-1px {
  font-size: 0.0625rem;
}

.fs-1em {
  font-size: 1em;
}

.fs-1dot-em {
  font-size: 0.5em;
}

.fs-2px {
  font-size: 0.125rem;
}

.fs-2em {
  font-size: 2em;
}

.fs-2dot-em {
  font-size: 1.5em;
}

.fs-3px {
  font-size: 0.1875rem;
}

.fs-3em {
  font-size: 3em;
}

.fs-3dot-em {
  font-size: 2.5em;
}

.fs-4px {
  font-size: 0.25rem;
}

.fs-4em {
  font-size: 4em;
}

.fs-4dot-em {
  font-size: 3.5em;
}

.fs-5px {
  font-size: 0.3125rem;
}

.fs-5em {
  font-size: 5em;
}

.fs-5dot-em {
  font-size: 4.5em;
}

.fs-6px {
  font-size: 0.375rem;
}

.fs-6em {
  font-size: 6em;
}

.fs-6dot-em {
  font-size: 5.5em;
}

.fs-7 {
  font-size: 0.4375rem;
}

.fs-7em {
  font-size: 7em;
}

.fs-7dot-em {
  font-size: 6.5em;
}

.fs-8 {
  font-size: 0.5rem;
}

.fs-8em {
  font-size: 8em;
}

.fs-8dot-em {
  font-size: 7.5em;
}

.fs-9 {
  font-size: 0.5625rem;
}

.fs-9em {
  font-size: 9em;
}

.fs-9dot-em {
  font-size: 8.5em;
}

.fs-10 {
  font-size: 0.625rem;
}

.fs-10em {
  font-size: 10em;
}

.fs-10dot-em {
  font-size: 9.5em;
}

.fs-11 {
  font-size: 0.6875rem;
}

.fs-11em {
  font-size: 11em;
}

.fs-11dot-em {
  font-size: 10.5em;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-12em {
  font-size: 12em;
}

.fs-12dot-em {
  font-size: 11.5em;
}

.fs-13 {
  font-size: 0.8125rem;
}

.fs-13em {
  font-size: 13em;
}

.fs-13dot-em {
  font-size: 12.5em;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-14em {
  font-size: 14em;
}

.fs-14dot-em {
  font-size: 13.5em;
}

.fs-15 {
  font-size: 0.9375rem;
}

.fs-15em {
  font-size: 15em;
}

.fs-15dot-em {
  font-size: 14.5em;
}

.fs-16 {
  font-size: 1rem;
}

.fs-16em {
  font-size: 16em;
}

.fs-16dot-em {
  font-size: 15.5em;
}

.fs-17 {
  font-size: 1.0625rem;
}

.fs-17em {
  font-size: 17em;
}

.fs-17dot-em {
  font-size: 16.5em;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-18em {
  font-size: 18em;
}

.fs-18dot-em {
  font-size: 17.5em;
}

.fs-19 {
  font-size: 1.1875rem;
}

.fs-19em {
  font-size: 19em;
}

.fs-19dot-em {
  font-size: 18.5em;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-20em {
  font-size: 20em;
}

.fs-20dot-em {
  font-size: 19.5em;
}

.fs-21 {
  font-size: 1.3125rem;
}

.fs-21em {
  font-size: 21em;
}

.fs-21dot-em {
  font-size: 20.5em;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-22em {
  font-size: 22em;
}

.fs-22dot-em {
  font-size: 21.5em;
}

.fs-23 {
  font-size: 1.4375rem;
}

.fs-23em {
  font-size: 23em;
}

.fs-23dot-em {
  font-size: 22.5em;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-24em {
  font-size: 24em;
}

.fs-24dot-em {
  font-size: 23.5em;
}

.fs-25 {
  font-size: 1.5625rem;
}

.fs-25em {
  font-size: 25em;
}

.fs-25dot-em {
  font-size: 24.5em;
}

.fs-26 {
  font-size: 1.625rem;
}

.fs-26em {
  font-size: 26em;
}

.fs-26dot-em {
  font-size: 25.5em;
}

.fs-27 {
  font-size: 1.6875rem;
}

.fs-27em {
  font-size: 27em;
}

.fs-27dot-em {
  font-size: 26.5em;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-28em {
  font-size: 28em;
}

.fs-28dot-em {
  font-size: 27.5em;
}

.fs-29 {
  font-size: 1.8125rem;
}

.fs-29em {
  font-size: 29em;
}

.fs-29dot-em {
  font-size: 28.5em;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-30em {
  font-size: 30em;
}

.fs-30dot-em {
  font-size: 29.5em;
}

.fs-31 {
  font-size: 1.9375rem;
}

.fs-31em {
  font-size: 31em;
}

.fs-31dot-em {
  font-size: 30.5em;
}

.fs-32 {
  font-size: 2rem;
}

.fs-32em {
  font-size: 32em;
}

.fs-32dot-em {
  font-size: 31.5em;
}

.fs-33 {
  font-size: 2.0625rem;
}

.fs-33em {
  font-size: 33em;
}

.fs-33dot-em {
  font-size: 32.5em;
}

.fs-34 {
  font-size: 2.125rem;
}

.fs-34em {
  font-size: 34em;
}

.fs-34dot-em {
  font-size: 33.5em;
}

.fs-35 {
  font-size: 2.1875rem;
}

.fs-35em {
  font-size: 35em;
}

.fs-35dot-em {
  font-size: 34.5em;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-36em {
  font-size: 36em;
}

.fs-36dot-em {
  font-size: 35.5em;
}

.fs-37 {
  font-size: 2.3125rem;
}

.fs-37em {
  font-size: 37em;
}

.fs-37dot-em {
  font-size: 36.5em;
}

.fs-38 {
  font-size: 2.375rem;
}

.fs-38em {
  font-size: 38em;
}

.fs-38dot-em {
  font-size: 37.5em;
}

.fs-39 {
  font-size: 2.4375rem;
}

.fs-39em {
  font-size: 39em;
}

.fs-39dot-em {
  font-size: 38.5em;
}

.fs-40 {
  font-size: 2.5rem;
}

.fs-40em {
  font-size: 40em;
}

.fs-40dot-em {
  font-size: 39.5em;
}

.fs-41 {
  font-size: 2.5625rem;
}

.fs-41em {
  font-size: 41em;
}

.fs-41dot-em {
  font-size: 40.5em;
}

.fs-42 {
  font-size: 2.625rem;
}

.fs-42em {
  font-size: 42em;
}

.fs-42dot-em {
  font-size: 41.5em;
}

.fs-43 {
  font-size: 2.6875rem;
}

.fs-43em {
  font-size: 43em;
}

.fs-43dot-em {
  font-size: 42.5em;
}

.fs-44 {
  font-size: 2.75rem;
}

.fs-44em {
  font-size: 44em;
}

.fs-44dot-em {
  font-size: 43.5em;
}

.fs-45 {
  font-size: 2.8125rem;
}

.fs-45em {
  font-size: 45em;
}

.fs-45dot-em {
  font-size: 44.5em;
}

.fs-46 {
  font-size: 2.875rem;
}

.fs-46em {
  font-size: 46em;
}

.fs-46dot-em {
  font-size: 45.5em;
}

.fs-47 {
  font-size: 2.9375rem;
}

.fs-47em {
  font-size: 47em;
}

.fs-47dot-em {
  font-size: 46.5em;
}

.fs-48 {
  font-size: 3rem;
}

.fs-48em {
  font-size: 48em;
}

.fs-48dot-em {
  font-size: 47.5em;
}

.fs-49 {
  font-size: 3.0625rem;
}

.fs-49em {
  font-size: 49em;
}

.fs-49dot-em {
  font-size: 48.5em;
}

.fs-50 {
  font-size: 3.125rem;
}

.fs-50em {
  font-size: 50em;
}

.fs-50dot-em {
  font-size: 49.5em;
}

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

.w-15px {
  width: 15px !important;
}

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

.w-15pc {
  width: 15% !important;
}

@media (max-width: 767px) {
  .w-sm-10pc {
    width: 10% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-15pc {
    width: 15% !important;
  }
}

@media (max-width: 991px) {
  .w-md-10pc {
    width: 10% !important;
  }
}

@media (max-width: 991px) {
  .w-md-15pc {
    width: 15% !important;
  }
}

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

.mw-15px {
  max-width: 15px !important;
}

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

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

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

.h-15px {
  height: 15px !important;
}

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

.h-15pc {
  height: 15% !important;
}

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

.h-15vh {
  height: 15vh !important;
}

@media (max-width: 767px) {
  .h-sm-10pc {
    height: 10% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-15pc {
    height: 15% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-10pc {
    height: 10% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-15pc {
    height: 15% !important;
  }
}

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

.mh-15px {
  max-height: 15px !important;
}

.mh-10vh {
  max-height: 10vh !important;
}

.mh-15vh {
  max-height: 15vh !important;
}

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

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

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

.min-h-15 {
  min-height: 15% !important;
}

.min-h-10vh {
  min-height: 10vh !important;
}

.min-h-15vh {
  min-height: 15vh !important;
}

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

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

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

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

@media (max-width: 767px) {
  .w-sm-20pc {
    width: 20% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-25pc {
    width: 25% !important;
  }
}

@media (max-width: 991px) {
  .w-md-20pc {
    width: 20% !important;
  }
}

@media (max-width: 991px) {
  .w-md-25pc {
    width: 25% !important;
  }
}

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

.mw-25px {
  max-width: 25px !important;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-20pc {
    height: 20% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-25pc {
    height: 25% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-20pc {
    height: 20% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-25pc {
    height: 25% !important;
  }
}

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

.mh-25px {
  max-height: 25px !important;
}

.mh-20vh {
  max-height: 20vh !important;
}

.mh-25vh {
  max-height: 25vh !important;
}

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

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

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

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

.min-h-20vh {
  min-height: 20vh !important;
}

.min-h-25vh {
  min-height: 25vh !important;
}

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

.w-35px {
  width: 35px !important;
}

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

.w-35pc {
  width: 35% !important;
}

@media (max-width: 767px) {
  .w-sm-30pc {
    width: 30% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-35pc {
    width: 35% !important;
  }
}

@media (max-width: 991px) {
  .w-md-30pc {
    width: 30% !important;
  }
}

@media (max-width: 991px) {
  .w-md-35pc {
    width: 35% !important;
  }
}

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

.mw-35px {
  max-width: 35px !important;
}

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

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

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

.h-35px {
  height: 35px !important;
}

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

.h-35pc {
  height: 35% !important;
}

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

.h-35vh {
  height: 35vh !important;
}

@media (max-width: 767px) {
  .h-sm-30pc {
    height: 30% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-35pc {
    height: 35% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-30pc {
    height: 30% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-35pc {
    height: 35% !important;
  }
}

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

.mh-35px {
  max-height: 35px !important;
}

.mh-30vh {
  max-height: 30vh !important;
}

.mh-35vh {
  max-height: 35vh !important;
}

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

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

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

.min-h-35 {
  min-height: 35% !important;
}

.min-h-30vh {
  min-height: 30vh !important;
}

.min-h-35vh {
  min-height: 35vh !important;
}

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

.w-45px {
  width: 45px !important;
}

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

.w-45pc {
  width: 45% !important;
}

@media (max-width: 767px) {
  .w-sm-40pc {
    width: 40% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-45pc {
    width: 45% !important;
  }
}

@media (max-width: 991px) {
  .w-md-40pc {
    width: 40% !important;
  }
}

@media (max-width: 991px) {
  .w-md-45pc {
    width: 45% !important;
  }
}

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

.mw-45px {
  max-width: 45px !important;
}

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

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

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

.h-45px {
  height: 45px !important;
}

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

.h-45pc {
  height: 45% !important;
}

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

.h-45vh {
  height: 45vh !important;
}

@media (max-width: 767px) {
  .h-sm-40pc {
    height: 40% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-45pc {
    height: 45% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-40pc {
    height: 40% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-45pc {
    height: 45% !important;
  }
}

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

.mh-45px {
  max-height: 45px !important;
}

.mh-40vh {
  max-height: 40vh !important;
}

.mh-45vh {
  max-height: 45vh !important;
}

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

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

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

.min-h-45 {
  min-height: 45% !important;
}

.min-h-40vh {
  min-height: 40vh !important;
}

.min-h-45vh {
  min-height: 45vh !important;
}

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

.w-55px {
  width: 55px !important;
}

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

.w-55pc {
  width: 55% !important;
}

@media (max-width: 767px) {
  .w-sm-50pc {
    width: 50% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-55pc {
    width: 55% !important;
  }
}

@media (max-width: 991px) {
  .w-md-50pc {
    width: 50% !important;
  }
}

@media (max-width: 991px) {
  .w-md-55pc {
    width: 55% !important;
  }
}

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

.mw-55px {
  max-width: 55px !important;
}

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

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

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

.h-55px {
  height: 55px !important;
}

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

.h-55pc {
  height: 55% !important;
}

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

.h-55vh {
  height: 55vh !important;
}

@media (max-width: 767px) {
  .h-sm-50pc {
    height: 50% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-55pc {
    height: 55% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-50pc {
    height: 50% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-55pc {
    height: 55% !important;
  }
}

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

.mh-55px {
  max-height: 55px !important;
}

.mh-50vh {
  max-height: 50vh !important;
}

.mh-55vh {
  max-height: 55vh !important;
}

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

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

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

.min-h-55 {
  min-height: 55% !important;
}

.min-h-50vh {
  min-height: 50vh !important;
}

.min-h-55vh {
  min-height: 55vh !important;
}

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

.w-65px {
  width: 65px !important;
}

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

.w-65pc {
  width: 65% !important;
}

@media (max-width: 767px) {
  .w-sm-60pc {
    width: 60% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-65pc {
    width: 65% !important;
  }
}

@media (max-width: 991px) {
  .w-md-60pc {
    width: 60% !important;
  }
}

@media (max-width: 991px) {
  .w-md-65pc {
    width: 65% !important;
  }
}

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

.mw-65px {
  max-width: 65px !important;
}

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

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

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

.h-65px {
  height: 65px !important;
}

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

.h-65pc {
  height: 65% !important;
}

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

.h-65vh {
  height: 65vh !important;
}

@media (max-width: 767px) {
  .h-sm-60pc {
    height: 60% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-65pc {
    height: 65% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-60pc {
    height: 60% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-65pc {
    height: 65% !important;
  }
}

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

.mh-65px {
  max-height: 65px !important;
}

.mh-60vh {
  max-height: 60vh !important;
}

.mh-65vh {
  max-height: 65vh !important;
}

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

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

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

.min-h-65 {
  min-height: 65% !important;
}

.min-h-60vh {
  min-height: 60vh !important;
}

.min-h-65vh {
  min-height: 65vh !important;
}

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

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

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

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

@media (max-width: 767px) {
  .w-sm-70pc {
    width: 70% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-75pc {
    width: 75% !important;
  }
}

@media (max-width: 991px) {
  .w-md-70pc {
    width: 70% !important;
  }
}

@media (max-width: 991px) {
  .w-md-75pc {
    width: 75% !important;
  }
}

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

.mw-75px {
  max-width: 75px !important;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-70pc {
    height: 70% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-75pc {
    height: 75% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-70pc {
    height: 70% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-75pc {
    height: 75% !important;
  }
}

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

.mh-75px {
  max-height: 75px !important;
}

.mh-70vh {
  max-height: 70vh !important;
}

.mh-75vh {
  max-height: 75vh !important;
}

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

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

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

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

.min-h-70vh {
  min-height: 70vh !important;
}

.min-h-75vh {
  min-height: 75vh !important;
}

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

.w-85px {
  width: 85px !important;
}

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

.w-85pc {
  width: 85% !important;
}

@media (max-width: 767px) {
  .w-sm-80pc {
    width: 80% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-85pc {
    width: 85% !important;
  }
}

@media (max-width: 991px) {
  .w-md-80pc {
    width: 80% !important;
  }
}

@media (max-width: 991px) {
  .w-md-85pc {
    width: 85% !important;
  }
}

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

.mw-85px {
  max-width: 85px !important;
}

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

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

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

.h-85px {
  height: 85px !important;
}

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

.h-85pc {
  height: 85% !important;
}

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

.h-85vh {
  height: 85vh !important;
}

@media (max-width: 767px) {
  .h-sm-80pc {
    height: 80% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-85pc {
    height: 85% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-80pc {
    height: 80% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-85pc {
    height: 85% !important;
  }
}

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

.mh-85px {
  max-height: 85px !important;
}

.mh-80vh {
  max-height: 80vh !important;
}

.mh-85vh {
  max-height: 85vh !important;
}

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

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

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

.min-h-85 {
  min-height: 85% !important;
}

.min-h-80vh {
  min-height: 80vh !important;
}

.min-h-85vh {
  min-height: 85vh !important;
}

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

.w-95px {
  width: 95px !important;
}

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

.w-95pc {
  width: 95% !important;
}

@media (max-width: 767px) {
  .w-sm-90pc {
    width: 90% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-95pc {
    width: 95% !important;
  }
}

@media (max-width: 991px) {
  .w-md-90pc {
    width: 90% !important;
  }
}

@media (max-width: 991px) {
  .w-md-95pc {
    width: 95% !important;
  }
}

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

.mw-95px {
  max-width: 95px !important;
}

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

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

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

.h-95px {
  height: 95px !important;
}

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

.h-95pc {
  height: 95% !important;
}

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

.h-95vh {
  height: 95vh !important;
}

@media (max-width: 767px) {
  .h-sm-90pc {
    height: 90% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-95pc {
    height: 95% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-90pc {
    height: 90% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-95pc {
    height: 95% !important;
  }
}

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

.mh-95px {
  max-height: 95px !important;
}

.mh-90vh {
  max-height: 90vh !important;
}

.mh-95vh {
  max-height: 95vh !important;
}

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

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

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

.min-h-95 {
  min-height: 95% !important;
}

.min-h-90vh {
  min-height: 90vh !important;
}

.min-h-95vh {
  min-height: 95vh !important;
}

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

.w-105px {
  width: 105px !important;
}

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

.w-105pc {
  width: 105% !important;
}

@media (max-width: 767px) {
  .w-sm-100pc {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-105pc {
    width: 105% !important;
  }
}

@media (max-width: 991px) {
  .w-md-100pc {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .w-md-105pc {
    width: 105% !important;
  }
}

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

.mw-105px {
  max-width: 105px !important;
}

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

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

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

.h-105px {
  height: 105px !important;
}

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

.h-105pc {
  height: 105% !important;
}

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

.h-105vh {
  height: 105vh !important;
}

@media (max-width: 767px) {
  .h-sm-100pc {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-105pc {
    height: 105% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-100pc {
    height: 100% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-105pc {
    height: 105% !important;
  }
}

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

.mh-105px {
  max-height: 105px !important;
}

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

.mh-105vh {
  max-height: 105vh !important;
}

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

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

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

.min-h-105 {
  min-height: 105% !important;
}

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

.min-h-105vh {
  min-height: 105vh !important;
}

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

.w-115px {
  width: 115px !important;
}

.w-110pc {
  width: 110% !important;
}

.w-115pc {
  width: 115% !important;
}

@media (max-width: 767px) {
  .w-sm-110pc {
    width: 110% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-115pc {
    width: 115% !important;
  }
}

@media (max-width: 991px) {
  .w-md-110pc {
    width: 110% !important;
  }
}

@media (max-width: 991px) {
  .w-md-115pc {
    width: 115% !important;
  }
}

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

.mw-115px {
  max-width: 115px !important;
}

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

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

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

.h-115px {
  height: 115px !important;
}

.h-110pc {
  height: 110% !important;
}

.h-115pc {
  height: 115% !important;
}

.h-110vh {
  height: 110vh !important;
}

.h-115vh {
  height: 115vh !important;
}

@media (max-width: 767px) {
  .h-sm-110pc {
    height: 110% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-115pc {
    height: 115% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-110pc {
    height: 110% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-115pc {
    height: 115% !important;
  }
}

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

.mh-115px {
  max-height: 115px !important;
}

.mh-110vh {
  max-height: 110vh !important;
}

.mh-115vh {
  max-height: 115vh !important;
}

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

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

.min-h-110 {
  min-height: 110% !important;
}

.min-h-115 {
  min-height: 115% !important;
}

.min-h-110vh {
  min-height: 110vh !important;
}

.min-h-115vh {
  min-height: 115vh !important;
}

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

.w-125px {
  width: 125px !important;
}

.w-120pc {
  width: 120% !important;
}

.w-125pc {
  width: 125% !important;
}

@media (max-width: 767px) {
  .w-sm-120pc {
    width: 120% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-125pc {
    width: 125% !important;
  }
}

@media (max-width: 991px) {
  .w-md-120pc {
    width: 120% !important;
  }
}

@media (max-width: 991px) {
  .w-md-125pc {
    width: 125% !important;
  }
}

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

.mw-125px {
  max-width: 125px !important;
}

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

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

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

.h-125px {
  height: 125px !important;
}

.h-120pc {
  height: 120% !important;
}

.h-125pc {
  height: 125% !important;
}

.h-120vh {
  height: 120vh !important;
}

.h-125vh {
  height: 125vh !important;
}

@media (max-width: 767px) {
  .h-sm-120pc {
    height: 120% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-125pc {
    height: 125% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-120pc {
    height: 120% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-125pc {
    height: 125% !important;
  }
}

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

.mh-125px {
  max-height: 125px !important;
}

.mh-120vh {
  max-height: 120vh !important;
}

.mh-125vh {
  max-height: 125vh !important;
}

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

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

.min-h-120 {
  min-height: 120% !important;
}

.min-h-125 {
  min-height: 125% !important;
}

.min-h-120vh {
  min-height: 120vh !important;
}

.min-h-125vh {
  min-height: 125vh !important;
}

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

.w-135px {
  width: 135px !important;
}

.w-130pc {
  width: 130% !important;
}

.w-135pc {
  width: 135% !important;
}

@media (max-width: 767px) {
  .w-sm-130pc {
    width: 130% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-135pc {
    width: 135% !important;
  }
}

@media (max-width: 991px) {
  .w-md-130pc {
    width: 130% !important;
  }
}

@media (max-width: 991px) {
  .w-md-135pc {
    width: 135% !important;
  }
}

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

.mw-135px {
  max-width: 135px !important;
}

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

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

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

.h-135px {
  height: 135px !important;
}

.h-130pc {
  height: 130% !important;
}

.h-135pc {
  height: 135% !important;
}

.h-130vh {
  height: 130vh !important;
}

.h-135vh {
  height: 135vh !important;
}

@media (max-width: 767px) {
  .h-sm-130pc {
    height: 130% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-135pc {
    height: 135% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-130pc {
    height: 130% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-135pc {
    height: 135% !important;
  }
}

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

.mh-135px {
  max-height: 135px !important;
}

.mh-130vh {
  max-height: 130vh !important;
}

.mh-135vh {
  max-height: 135vh !important;
}

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

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

.min-h-130 {
  min-height: 130% !important;
}

.min-h-135 {
  min-height: 135% !important;
}

.min-h-130vh {
  min-height: 130vh !important;
}

.min-h-135vh {
  min-height: 135vh !important;
}

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

.w-145px {
  width: 145px !important;
}

.w-140pc {
  width: 140% !important;
}

.w-145pc {
  width: 145% !important;
}

@media (max-width: 767px) {
  .w-sm-140pc {
    width: 140% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-145pc {
    width: 145% !important;
  }
}

@media (max-width: 991px) {
  .w-md-140pc {
    width: 140% !important;
  }
}

@media (max-width: 991px) {
  .w-md-145pc {
    width: 145% !important;
  }
}

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

.mw-145px {
  max-width: 145px !important;
}

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

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

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

.h-145px {
  height: 145px !important;
}

.h-140pc {
  height: 140% !important;
}

.h-145pc {
  height: 145% !important;
}

.h-140vh {
  height: 140vh !important;
}

.h-145vh {
  height: 145vh !important;
}

@media (max-width: 767px) {
  .h-sm-140pc {
    height: 140% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-145pc {
    height: 145% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-140pc {
    height: 140% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-145pc {
    height: 145% !important;
  }
}

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

.mh-145px {
  max-height: 145px !important;
}

.mh-140vh {
  max-height: 140vh !important;
}

.mh-145vh {
  max-height: 145vh !important;
}

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

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

.min-h-140 {
  min-height: 140% !important;
}

.min-h-145 {
  min-height: 145% !important;
}

.min-h-140vh {
  min-height: 140vh !important;
}

.min-h-145vh {
  min-height: 145vh !important;
}

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

.w-155px {
  width: 155px !important;
}

.w-150pc {
  width: 150% !important;
}

.w-155pc {
  width: 155% !important;
}

@media (max-width: 767px) {
  .w-sm-150pc {
    width: 150% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-155pc {
    width: 155% !important;
  }
}

@media (max-width: 991px) {
  .w-md-150pc {
    width: 150% !important;
  }
}

@media (max-width: 991px) {
  .w-md-155pc {
    width: 155% !important;
  }
}

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

.mw-155px {
  max-width: 155px !important;
}

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

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

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

.h-155px {
  height: 155px !important;
}

.h-150pc {
  height: 150% !important;
}

.h-155pc {
  height: 155% !important;
}

.h-150vh {
  height: 150vh !important;
}

.h-155vh {
  height: 155vh !important;
}

@media (max-width: 767px) {
  .h-sm-150pc {
    height: 150% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-155pc {
    height: 155% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-150pc {
    height: 150% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-155pc {
    height: 155% !important;
  }
}

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

.mh-155px {
  max-height: 155px !important;
}

.mh-150vh {
  max-height: 150vh !important;
}

.mh-155vh {
  max-height: 155vh !important;
}

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

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

.min-h-150 {
  min-height: 150% !important;
}

.min-h-155 {
  min-height: 155% !important;
}

.min-h-150vh {
  min-height: 150vh !important;
}

.min-h-155vh {
  min-height: 155vh !important;
}

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

.w-165px {
  width: 165px !important;
}

.w-160pc {
  width: 160% !important;
}

.w-165pc {
  width: 165% !important;
}

@media (max-width: 767px) {
  .w-sm-160pc {
    width: 160% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-165pc {
    width: 165% !important;
  }
}

@media (max-width: 991px) {
  .w-md-160pc {
    width: 160% !important;
  }
}

@media (max-width: 991px) {
  .w-md-165pc {
    width: 165% !important;
  }
}

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

.mw-165px {
  max-width: 165px !important;
}

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

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

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

.h-165px {
  height: 165px !important;
}

.h-160pc {
  height: 160% !important;
}

.h-165pc {
  height: 165% !important;
}

.h-160vh {
  height: 160vh !important;
}

.h-165vh {
  height: 165vh !important;
}

@media (max-width: 767px) {
  .h-sm-160pc {
    height: 160% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-165pc {
    height: 165% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-160pc {
    height: 160% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-165pc {
    height: 165% !important;
  }
}

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

.mh-165px {
  max-height: 165px !important;
}

.mh-160vh {
  max-height: 160vh !important;
}

.mh-165vh {
  max-height: 165vh !important;
}

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

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

.min-h-160 {
  min-height: 160% !important;
}

.min-h-165 {
  min-height: 165% !important;
}

.min-h-160vh {
  min-height: 160vh !important;
}

.min-h-165vh {
  min-height: 165vh !important;
}

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

.w-175px {
  width: 175px !important;
}

.w-170pc {
  width: 170% !important;
}

.w-175pc {
  width: 175% !important;
}

@media (max-width: 767px) {
  .w-sm-170pc {
    width: 170% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-175pc {
    width: 175% !important;
  }
}

@media (max-width: 991px) {
  .w-md-170pc {
    width: 170% !important;
  }
}

@media (max-width: 991px) {
  .w-md-175pc {
    width: 175% !important;
  }
}

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

.mw-175px {
  max-width: 175px !important;
}

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

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

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

.h-175px {
  height: 175px !important;
}

.h-170pc {
  height: 170% !important;
}

.h-175pc {
  height: 175% !important;
}

.h-170vh {
  height: 170vh !important;
}

.h-175vh {
  height: 175vh !important;
}

@media (max-width: 767px) {
  .h-sm-170pc {
    height: 170% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-175pc {
    height: 175% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-170pc {
    height: 170% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-175pc {
    height: 175% !important;
  }
}

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

.mh-175px {
  max-height: 175px !important;
}

.mh-170vh {
  max-height: 170vh !important;
}

.mh-175vh {
  max-height: 175vh !important;
}

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

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

.min-h-170 {
  min-height: 170% !important;
}

.min-h-175 {
  min-height: 175% !important;
}

.min-h-170vh {
  min-height: 170vh !important;
}

.min-h-175vh {
  min-height: 175vh !important;
}

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

.w-185px {
  width: 185px !important;
}

.w-180pc {
  width: 180% !important;
}

.w-185pc {
  width: 185% !important;
}

@media (max-width: 767px) {
  .w-sm-180pc {
    width: 180% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-185pc {
    width: 185% !important;
  }
}

@media (max-width: 991px) {
  .w-md-180pc {
    width: 180% !important;
  }
}

@media (max-width: 991px) {
  .w-md-185pc {
    width: 185% !important;
  }
}

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

.mw-185px {
  max-width: 185px !important;
}

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

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

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

.h-185px {
  height: 185px !important;
}

.h-180pc {
  height: 180% !important;
}

.h-185pc {
  height: 185% !important;
}

.h-180vh {
  height: 180vh !important;
}

.h-185vh {
  height: 185vh !important;
}

@media (max-width: 767px) {
  .h-sm-180pc {
    height: 180% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-185pc {
    height: 185% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-180pc {
    height: 180% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-185pc {
    height: 185% !important;
  }
}

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

.mh-185px {
  max-height: 185px !important;
}

.mh-180vh {
  max-height: 180vh !important;
}

.mh-185vh {
  max-height: 185vh !important;
}

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

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

.min-h-180 {
  min-height: 180% !important;
}

.min-h-185 {
  min-height: 185% !important;
}

.min-h-180vh {
  min-height: 180vh !important;
}

.min-h-185vh {
  min-height: 185vh !important;
}

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

.w-195px {
  width: 195px !important;
}

.w-190pc {
  width: 190% !important;
}

.w-195pc {
  width: 195% !important;
}

@media (max-width: 767px) {
  .w-sm-190pc {
    width: 190% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-195pc {
    width: 195% !important;
  }
}

@media (max-width: 991px) {
  .w-md-190pc {
    width: 190% !important;
  }
}

@media (max-width: 991px) {
  .w-md-195pc {
    width: 195% !important;
  }
}

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

.mw-195px {
  max-width: 195px !important;
}

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

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

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

.h-195px {
  height: 195px !important;
}

.h-190pc {
  height: 190% !important;
}

.h-195pc {
  height: 195% !important;
}

.h-190vh {
  height: 190vh !important;
}

.h-195vh {
  height: 195vh !important;
}

@media (max-width: 767px) {
  .h-sm-190pc {
    height: 190% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-195pc {
    height: 195% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-190pc {
    height: 190% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-195pc {
    height: 195% !important;
  }
}

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

.mh-195px {
  max-height: 195px !important;
}

.mh-190vh {
  max-height: 190vh !important;
}

.mh-195vh {
  max-height: 195vh !important;
}

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

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

.min-h-190 {
  min-height: 190% !important;
}

.min-h-195 {
  min-height: 195% !important;
}

.min-h-190vh {
  min-height: 190vh !important;
}

.min-h-195vh {
  min-height: 195vh !important;
}

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

.w-205px {
  width: 205px !important;
}

.w-200pc {
  width: 200% !important;
}

.w-205pc {
  width: 205% !important;
}

@media (max-width: 767px) {
  .w-sm-200pc {
    width: 200% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-205pc {
    width: 205% !important;
  }
}

@media (max-width: 991px) {
  .w-md-200pc {
    width: 200% !important;
  }
}

@media (max-width: 991px) {
  .w-md-205pc {
    width: 205% !important;
  }
}

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

.mw-205px {
  max-width: 205px !important;
}

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

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

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

.h-205px {
  height: 205px !important;
}

.h-200pc {
  height: 200% !important;
}

.h-205pc {
  height: 205% !important;
}

.h-200vh {
  height: 200vh !important;
}

.h-205vh {
  height: 205vh !important;
}

@media (max-width: 767px) {
  .h-sm-200pc {
    height: 200% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-205pc {
    height: 205% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-200pc {
    height: 200% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-205pc {
    height: 205% !important;
  }
}

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

.mh-205px {
  max-height: 205px !important;
}

.mh-200vh {
  max-height: 200vh !important;
}

.mh-205vh {
  max-height: 205vh !important;
}

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

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

.min-h-200 {
  min-height: 200% !important;
}

.min-h-205 {
  min-height: 205% !important;
}

.min-h-200vh {
  min-height: 200vh !important;
}

.min-h-205vh {
  min-height: 205vh !important;
}

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

.w-215px {
  width: 215px !important;
}

.w-210pc {
  width: 210% !important;
}

.w-215pc {
  width: 215% !important;
}

@media (max-width: 767px) {
  .w-sm-210pc {
    width: 210% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-215pc {
    width: 215% !important;
  }
}

@media (max-width: 991px) {
  .w-md-210pc {
    width: 210% !important;
  }
}

@media (max-width: 991px) {
  .w-md-215pc {
    width: 215% !important;
  }
}

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

.mw-215px {
  max-width: 215px !important;
}

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

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

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

.h-215px {
  height: 215px !important;
}

.h-210pc {
  height: 210% !important;
}

.h-215pc {
  height: 215% !important;
}

.h-210vh {
  height: 210vh !important;
}

.h-215vh {
  height: 215vh !important;
}

@media (max-width: 767px) {
  .h-sm-210pc {
    height: 210% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-215pc {
    height: 215% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-210pc {
    height: 210% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-215pc {
    height: 215% !important;
  }
}

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

.mh-215px {
  max-height: 215px !important;
}

.mh-210vh {
  max-height: 210vh !important;
}

.mh-215vh {
  max-height: 215vh !important;
}

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

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

.min-h-210 {
  min-height: 210% !important;
}

.min-h-215 {
  min-height: 215% !important;
}

.min-h-210vh {
  min-height: 210vh !important;
}

.min-h-215vh {
  min-height: 215vh !important;
}

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

.w-225px {
  width: 225px !important;
}

.w-220pc {
  width: 220% !important;
}

.w-225pc {
  width: 225% !important;
}

@media (max-width: 767px) {
  .w-sm-220pc {
    width: 220% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-225pc {
    width: 225% !important;
  }
}

@media (max-width: 991px) {
  .w-md-220pc {
    width: 220% !important;
  }
}

@media (max-width: 991px) {
  .w-md-225pc {
    width: 225% !important;
  }
}

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

.mw-225px {
  max-width: 225px !important;
}

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

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

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

.h-225px {
  height: 225px !important;
}

.h-220pc {
  height: 220% !important;
}

.h-225pc {
  height: 225% !important;
}

.h-220vh {
  height: 220vh !important;
}

.h-225vh {
  height: 225vh !important;
}

@media (max-width: 767px) {
  .h-sm-220pc {
    height: 220% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-225pc {
    height: 225% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-220pc {
    height: 220% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-225pc {
    height: 225% !important;
  }
}

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

.mh-225px {
  max-height: 225px !important;
}

.mh-220vh {
  max-height: 220vh !important;
}

.mh-225vh {
  max-height: 225vh !important;
}

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

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

.min-h-220 {
  min-height: 220% !important;
}

.min-h-225 {
  min-height: 225% !important;
}

.min-h-220vh {
  min-height: 220vh !important;
}

.min-h-225vh {
  min-height: 225vh !important;
}

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

.w-235px {
  width: 235px !important;
}

.w-230pc {
  width: 230% !important;
}

.w-235pc {
  width: 235% !important;
}

@media (max-width: 767px) {
  .w-sm-230pc {
    width: 230% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-235pc {
    width: 235% !important;
  }
}

@media (max-width: 991px) {
  .w-md-230pc {
    width: 230% !important;
  }
}

@media (max-width: 991px) {
  .w-md-235pc {
    width: 235% !important;
  }
}

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

.mw-235px {
  max-width: 235px !important;
}

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

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

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

.h-235px {
  height: 235px !important;
}

.h-230pc {
  height: 230% !important;
}

.h-235pc {
  height: 235% !important;
}

.h-230vh {
  height: 230vh !important;
}

.h-235vh {
  height: 235vh !important;
}

@media (max-width: 767px) {
  .h-sm-230pc {
    height: 230% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-235pc {
    height: 235% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-230pc {
    height: 230% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-235pc {
    height: 235% !important;
  }
}

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

.mh-235px {
  max-height: 235px !important;
}

.mh-230vh {
  max-height: 230vh !important;
}

.mh-235vh {
  max-height: 235vh !important;
}

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

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

.min-h-230 {
  min-height: 230% !important;
}

.min-h-235 {
  min-height: 235% !important;
}

.min-h-230vh {
  min-height: 230vh !important;
}

.min-h-235vh {
  min-height: 235vh !important;
}

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

.w-245px {
  width: 245px !important;
}

.w-240pc {
  width: 240% !important;
}

.w-245pc {
  width: 245% !important;
}

@media (max-width: 767px) {
  .w-sm-240pc {
    width: 240% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-245pc {
    width: 245% !important;
  }
}

@media (max-width: 991px) {
  .w-md-240pc {
    width: 240% !important;
  }
}

@media (max-width: 991px) {
  .w-md-245pc {
    width: 245% !important;
  }
}

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

.mw-245px {
  max-width: 245px !important;
}

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

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

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

.h-245px {
  height: 245px !important;
}

.h-240pc {
  height: 240% !important;
}

.h-245pc {
  height: 245% !important;
}

.h-240vh {
  height: 240vh !important;
}

.h-245vh {
  height: 245vh !important;
}

@media (max-width: 767px) {
  .h-sm-240pc {
    height: 240% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-245pc {
    height: 245% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-240pc {
    height: 240% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-245pc {
    height: 245% !important;
  }
}

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

.mh-245px {
  max-height: 245px !important;
}

.mh-240vh {
  max-height: 240vh !important;
}

.mh-245vh {
  max-height: 245vh !important;
}

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

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

.min-h-240 {
  min-height: 240% !important;
}

.min-h-245 {
  min-height: 245% !important;
}

.min-h-240vh {
  min-height: 240vh !important;
}

.min-h-245vh {
  min-height: 245vh !important;
}

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

.w-255px {
  width: 255px !important;
}

.w-250pc {
  width: 250% !important;
}

.w-255pc {
  width: 255% !important;
}

@media (max-width: 767px) {
  .w-sm-250pc {
    width: 250% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-255pc {
    width: 255% !important;
  }
}

@media (max-width: 991px) {
  .w-md-250pc {
    width: 250% !important;
  }
}

@media (max-width: 991px) {
  .w-md-255pc {
    width: 255% !important;
  }
}

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

.mw-255px {
  max-width: 255px !important;
}

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

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

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

.h-255px {
  height: 255px !important;
}

.h-250pc {
  height: 250% !important;
}

.h-255pc {
  height: 255% !important;
}

.h-250vh {
  height: 250vh !important;
}

.h-255vh {
  height: 255vh !important;
}

@media (max-width: 767px) {
  .h-sm-250pc {
    height: 250% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-255pc {
    height: 255% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-250pc {
    height: 250% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-255pc {
    height: 255% !important;
  }
}

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

.mh-255px {
  max-height: 255px !important;
}

.mh-250vh {
  max-height: 250vh !important;
}

.mh-255vh {
  max-height: 255vh !important;
}

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

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

.min-h-250 {
  min-height: 250% !important;
}

.min-h-255 {
  min-height: 255% !important;
}

.min-h-250vh {
  min-height: 250vh !important;
}

.min-h-255vh {
  min-height: 255vh !important;
}

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

.w-265px {
  width: 265px !important;
}

.w-260pc {
  width: 260% !important;
}

.w-265pc {
  width: 265% !important;
}

@media (max-width: 767px) {
  .w-sm-260pc {
    width: 260% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-265pc {
    width: 265% !important;
  }
}

@media (max-width: 991px) {
  .w-md-260pc {
    width: 260% !important;
  }
}

@media (max-width: 991px) {
  .w-md-265pc {
    width: 265% !important;
  }
}

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

.mw-265px {
  max-width: 265px !important;
}

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

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

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

.h-265px {
  height: 265px !important;
}

.h-260pc {
  height: 260% !important;
}

.h-265pc {
  height: 265% !important;
}

.h-260vh {
  height: 260vh !important;
}

.h-265vh {
  height: 265vh !important;
}

@media (max-width: 767px) {
  .h-sm-260pc {
    height: 260% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-265pc {
    height: 265% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-260pc {
    height: 260% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-265pc {
    height: 265% !important;
  }
}

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

.mh-265px {
  max-height: 265px !important;
}

.mh-260vh {
  max-height: 260vh !important;
}

.mh-265vh {
  max-height: 265vh !important;
}

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

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

.min-h-260 {
  min-height: 260% !important;
}

.min-h-265 {
  min-height: 265% !important;
}

.min-h-260vh {
  min-height: 260vh !important;
}

.min-h-265vh {
  min-height: 265vh !important;
}

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

.w-275px {
  width: 275px !important;
}

.w-270pc {
  width: 270% !important;
}

.w-275pc {
  width: 275% !important;
}

@media (max-width: 767px) {
  .w-sm-270pc {
    width: 270% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-275pc {
    width: 275% !important;
  }
}

@media (max-width: 991px) {
  .w-md-270pc {
    width: 270% !important;
  }
}

@media (max-width: 991px) {
  .w-md-275pc {
    width: 275% !important;
  }
}

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

.mw-275px {
  max-width: 275px !important;
}

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

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

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

.h-275px {
  height: 275px !important;
}

.h-270pc {
  height: 270% !important;
}

.h-275pc {
  height: 275% !important;
}

.h-270vh {
  height: 270vh !important;
}

.h-275vh {
  height: 275vh !important;
}

@media (max-width: 767px) {
  .h-sm-270pc {
    height: 270% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-275pc {
    height: 275% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-270pc {
    height: 270% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-275pc {
    height: 275% !important;
  }
}

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

.mh-275px {
  max-height: 275px !important;
}

.mh-270vh {
  max-height: 270vh !important;
}

.mh-275vh {
  max-height: 275vh !important;
}

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

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

.min-h-270 {
  min-height: 270% !important;
}

.min-h-275 {
  min-height: 275% !important;
}

.min-h-270vh {
  min-height: 270vh !important;
}

.min-h-275vh {
  min-height: 275vh !important;
}

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

.w-285px {
  width: 285px !important;
}

.w-280pc {
  width: 280% !important;
}

.w-285pc {
  width: 285% !important;
}

@media (max-width: 767px) {
  .w-sm-280pc {
    width: 280% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-285pc {
    width: 285% !important;
  }
}

@media (max-width: 991px) {
  .w-md-280pc {
    width: 280% !important;
  }
}

@media (max-width: 991px) {
  .w-md-285pc {
    width: 285% !important;
  }
}

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

.mw-285px {
  max-width: 285px !important;
}

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

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

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

.h-285px {
  height: 285px !important;
}

.h-280pc {
  height: 280% !important;
}

.h-285pc {
  height: 285% !important;
}

.h-280vh {
  height: 280vh !important;
}

.h-285vh {
  height: 285vh !important;
}

@media (max-width: 767px) {
  .h-sm-280pc {
    height: 280% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-285pc {
    height: 285% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-280pc {
    height: 280% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-285pc {
    height: 285% !important;
  }
}

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

.mh-285px {
  max-height: 285px !important;
}

.mh-280vh {
  max-height: 280vh !important;
}

.mh-285vh {
  max-height: 285vh !important;
}

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

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

.min-h-280 {
  min-height: 280% !important;
}

.min-h-285 {
  min-height: 285% !important;
}

.min-h-280vh {
  min-height: 280vh !important;
}

.min-h-285vh {
  min-height: 285vh !important;
}

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

.w-295px {
  width: 295px !important;
}

.w-290pc {
  width: 290% !important;
}

.w-295pc {
  width: 295% !important;
}

@media (max-width: 767px) {
  .w-sm-290pc {
    width: 290% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-295pc {
    width: 295% !important;
  }
}

@media (max-width: 991px) {
  .w-md-290pc {
    width: 290% !important;
  }
}

@media (max-width: 991px) {
  .w-md-295pc {
    width: 295% !important;
  }
}

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

.mw-295px {
  max-width: 295px !important;
}

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

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

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

.h-295px {
  height: 295px !important;
}

.h-290pc {
  height: 290% !important;
}

.h-295pc {
  height: 295% !important;
}

.h-290vh {
  height: 290vh !important;
}

.h-295vh {
  height: 295vh !important;
}

@media (max-width: 767px) {
  .h-sm-290pc {
    height: 290% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-295pc {
    height: 295% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-290pc {
    height: 290% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-295pc {
    height: 295% !important;
  }
}

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

.mh-295px {
  max-height: 295px !important;
}

.mh-290vh {
  max-height: 290vh !important;
}

.mh-295vh {
  max-height: 295vh !important;
}

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

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

.min-h-290 {
  min-height: 290% !important;
}

.min-h-295 {
  min-height: 295% !important;
}

.min-h-290vh {
  min-height: 290vh !important;
}

.min-h-295vh {
  min-height: 295vh !important;
}

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

.w-305px {
  width: 305px !important;
}

.w-300pc {
  width: 300% !important;
}

.w-305pc {
  width: 305% !important;
}

@media (max-width: 767px) {
  .w-sm-300pc {
    width: 300% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-305pc {
    width: 305% !important;
  }
}

@media (max-width: 991px) {
  .w-md-300pc {
    width: 300% !important;
  }
}

@media (max-width: 991px) {
  .w-md-305pc {
    width: 305% !important;
  }
}

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

.mw-305px {
  max-width: 305px !important;
}

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

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

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

.h-305px {
  height: 305px !important;
}

.h-300pc {
  height: 300% !important;
}

.h-305pc {
  height: 305% !important;
}

.h-300vh {
  height: 300vh !important;
}

.h-305vh {
  height: 305vh !important;
}

@media (max-width: 767px) {
  .h-sm-300pc {
    height: 300% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-305pc {
    height: 305% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-300pc {
    height: 300% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-305pc {
    height: 305% !important;
  }
}

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

.mh-305px {
  max-height: 305px !important;
}

.mh-300vh {
  max-height: 300vh !important;
}

.mh-305vh {
  max-height: 305vh !important;
}

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

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

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

.min-h-305 {
  min-height: 305% !important;
}

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

.min-h-305vh {
  min-height: 305vh !important;
}

.w-310px {
  width: 310px !important;
}

.w-315px {
  width: 315px !important;
}

.w-310pc {
  width: 310% !important;
}

.w-315pc {
  width: 315% !important;
}

@media (max-width: 767px) {
  .w-sm-310pc {
    width: 310% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-315pc {
    width: 315% !important;
  }
}

@media (max-width: 991px) {
  .w-md-310pc {
    width: 310% !important;
  }
}

@media (max-width: 991px) {
  .w-md-315pc {
    width: 315% !important;
  }
}

.mw-310px {
  max-width: 310px !important;
}

.mw-315px {
  max-width: 315px !important;
}

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

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

.h-310px {
  height: 310px !important;
}

.h-315px {
  height: 315px !important;
}

.h-310pc {
  height: 310% !important;
}

.h-315pc {
  height: 315% !important;
}

.h-310vh {
  height: 310vh !important;
}

.h-315vh {
  height: 315vh !important;
}

@media (max-width: 767px) {
  .h-sm-310pc {
    height: 310% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-315pc {
    height: 315% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-310pc {
    height: 310% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-315pc {
    height: 315% !important;
  }
}

.mh-310px {
  max-height: 310px !important;
}

.mh-315px {
  max-height: 315px !important;
}

.mh-310vh {
  max-height: 310vh !important;
}

.mh-315vh {
  max-height: 315vh !important;
}

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

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

.min-h-310 {
  min-height: 310% !important;
}

.min-h-315 {
  min-height: 315% !important;
}

.min-h-310vh {
  min-height: 310vh !important;
}

.min-h-315vh {
  min-height: 315vh !important;
}

.w-320px {
  width: 320px !important;
}

.w-325px {
  width: 325px !important;
}

.w-320pc {
  width: 320% !important;
}

.w-325pc {
  width: 325% !important;
}

@media (max-width: 767px) {
  .w-sm-320pc {
    width: 320% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-325pc {
    width: 325% !important;
  }
}

@media (max-width: 991px) {
  .w-md-320pc {
    width: 320% !important;
  }
}

@media (max-width: 991px) {
  .w-md-325pc {
    width: 325% !important;
  }
}

.mw-320px {
  max-width: 320px !important;
}

.mw-325px {
  max-width: 325px !important;
}

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

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

.h-320px {
  height: 320px !important;
}

.h-325px {
  height: 325px !important;
}

.h-320pc {
  height: 320% !important;
}

.h-325pc {
  height: 325% !important;
}

.h-320vh {
  height: 320vh !important;
}

.h-325vh {
  height: 325vh !important;
}

@media (max-width: 767px) {
  .h-sm-320pc {
    height: 320% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-325pc {
    height: 325% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-320pc {
    height: 320% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-325pc {
    height: 325% !important;
  }
}

.mh-320px {
  max-height: 320px !important;
}

.mh-325px {
  max-height: 325px !important;
}

.mh-320vh {
  max-height: 320vh !important;
}

.mh-325vh {
  max-height: 325vh !important;
}

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

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

.min-h-320 {
  min-height: 320% !important;
}

.min-h-325 {
  min-height: 325% !important;
}

.min-h-320vh {
  min-height: 320vh !important;
}

.min-h-325vh {
  min-height: 325vh !important;
}

.w-330px {
  width: 330px !important;
}

.w-335px {
  width: 335px !important;
}

.w-330pc {
  width: 330% !important;
}

.w-335pc {
  width: 335% !important;
}

@media (max-width: 767px) {
  .w-sm-330pc {
    width: 330% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-335pc {
    width: 335% !important;
  }
}

@media (max-width: 991px) {
  .w-md-330pc {
    width: 330% !important;
  }
}

@media (max-width: 991px) {
  .w-md-335pc {
    width: 335% !important;
  }
}

.mw-330px {
  max-width: 330px !important;
}

.mw-335px {
  max-width: 335px !important;
}

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

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

.h-330px {
  height: 330px !important;
}

.h-335px {
  height: 335px !important;
}

.h-330pc {
  height: 330% !important;
}

.h-335pc {
  height: 335% !important;
}

.h-330vh {
  height: 330vh !important;
}

.h-335vh {
  height: 335vh !important;
}

@media (max-width: 767px) {
  .h-sm-330pc {
    height: 330% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-335pc {
    height: 335% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-330pc {
    height: 330% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-335pc {
    height: 335% !important;
  }
}

.mh-330px {
  max-height: 330px !important;
}

.mh-335px {
  max-height: 335px !important;
}

.mh-330vh {
  max-height: 330vh !important;
}

.mh-335vh {
  max-height: 335vh !important;
}

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

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

.min-h-330 {
  min-height: 330% !important;
}

.min-h-335 {
  min-height: 335% !important;
}

.min-h-330vh {
  min-height: 330vh !important;
}

.min-h-335vh {
  min-height: 335vh !important;
}

.w-340px {
  width: 340px !important;
}

.w-345px {
  width: 345px !important;
}

.w-340pc {
  width: 340% !important;
}

.w-345pc {
  width: 345% !important;
}

@media (max-width: 767px) {
  .w-sm-340pc {
    width: 340% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-345pc {
    width: 345% !important;
  }
}

@media (max-width: 991px) {
  .w-md-340pc {
    width: 340% !important;
  }
}

@media (max-width: 991px) {
  .w-md-345pc {
    width: 345% !important;
  }
}

.mw-340px {
  max-width: 340px !important;
}

.mw-345px {
  max-width: 345px !important;
}

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

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

.h-340px {
  height: 340px !important;
}

.h-345px {
  height: 345px !important;
}

.h-340pc {
  height: 340% !important;
}

.h-345pc {
  height: 345% !important;
}

.h-340vh {
  height: 340vh !important;
}

.h-345vh {
  height: 345vh !important;
}

@media (max-width: 767px) {
  .h-sm-340pc {
    height: 340% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-345pc {
    height: 345% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-340pc {
    height: 340% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-345pc {
    height: 345% !important;
  }
}

.mh-340px {
  max-height: 340px !important;
}

.mh-345px {
  max-height: 345px !important;
}

.mh-340vh {
  max-height: 340vh !important;
}

.mh-345vh {
  max-height: 345vh !important;
}

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

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

.min-h-340 {
  min-height: 340% !important;
}

.min-h-345 {
  min-height: 345% !important;
}

.min-h-340vh {
  min-height: 340vh !important;
}

.min-h-345vh {
  min-height: 345vh !important;
}

.w-350px {
  width: 350px !important;
}

.w-355px {
  width: 355px !important;
}

.w-350pc {
  width: 350% !important;
}

.w-355pc {
  width: 355% !important;
}

@media (max-width: 767px) {
  .w-sm-350pc {
    width: 350% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-355pc {
    width: 355% !important;
  }
}

@media (max-width: 991px) {
  .w-md-350pc {
    width: 350% !important;
  }
}

@media (max-width: 991px) {
  .w-md-355pc {
    width: 355% !important;
  }
}

.mw-350px {
  max-width: 350px !important;
}

.mw-355px {
  max-width: 355px !important;
}

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

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

.h-350px {
  height: 350px !important;
}

.h-355px {
  height: 355px !important;
}

.h-350pc {
  height: 350% !important;
}

.h-355pc {
  height: 355% !important;
}

.h-350vh {
  height: 350vh !important;
}

.h-355vh {
  height: 355vh !important;
}

@media (max-width: 767px) {
  .h-sm-350pc {
    height: 350% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-355pc {
    height: 355% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-350pc {
    height: 350% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-355pc {
    height: 355% !important;
  }
}

.mh-350px {
  max-height: 350px !important;
}

.mh-355px {
  max-height: 355px !important;
}

.mh-350vh {
  max-height: 350vh !important;
}

.mh-355vh {
  max-height: 355vh !important;
}

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

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

.min-h-350 {
  min-height: 350% !important;
}

.min-h-355 {
  min-height: 355% !important;
}

.min-h-350vh {
  min-height: 350vh !important;
}

.min-h-355vh {
  min-height: 355vh !important;
}

.w-360px {
  width: 360px !important;
}

.w-365px {
  width: 365px !important;
}

.w-360pc {
  width: 360% !important;
}

.w-365pc {
  width: 365% !important;
}

@media (max-width: 767px) {
  .w-sm-360pc {
    width: 360% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-365pc {
    width: 365% !important;
  }
}

@media (max-width: 991px) {
  .w-md-360pc {
    width: 360% !important;
  }
}

@media (max-width: 991px) {
  .w-md-365pc {
    width: 365% !important;
  }
}

.mw-360px {
  max-width: 360px !important;
}

.mw-365px {
  max-width: 365px !important;
}

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

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

.h-360px {
  height: 360px !important;
}

.h-365px {
  height: 365px !important;
}

.h-360pc {
  height: 360% !important;
}

.h-365pc {
  height: 365% !important;
}

.h-360vh {
  height: 360vh !important;
}

.h-365vh {
  height: 365vh !important;
}

@media (max-width: 767px) {
  .h-sm-360pc {
    height: 360% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-365pc {
    height: 365% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-360pc {
    height: 360% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-365pc {
    height: 365% !important;
  }
}

.mh-360px {
  max-height: 360px !important;
}

.mh-365px {
  max-height: 365px !important;
}

.mh-360vh {
  max-height: 360vh !important;
}

.mh-365vh {
  max-height: 365vh !important;
}

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

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

.min-h-360 {
  min-height: 360% !important;
}

.min-h-365 {
  min-height: 365% !important;
}

.min-h-360vh {
  min-height: 360vh !important;
}

.min-h-365vh {
  min-height: 365vh !important;
}

.w-370px {
  width: 370px !important;
}

.w-375px {
  width: 375px !important;
}

.w-370pc {
  width: 370% !important;
}

.w-375pc {
  width: 375% !important;
}

@media (max-width: 767px) {
  .w-sm-370pc {
    width: 370% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-375pc {
    width: 375% !important;
  }
}

@media (max-width: 991px) {
  .w-md-370pc {
    width: 370% !important;
  }
}

@media (max-width: 991px) {
  .w-md-375pc {
    width: 375% !important;
  }
}

.mw-370px {
  max-width: 370px !important;
}

.mw-375px {
  max-width: 375px !important;
}

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

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

.h-370px {
  height: 370px !important;
}

.h-375px {
  height: 375px !important;
}

.h-370pc {
  height: 370% !important;
}

.h-375pc {
  height: 375% !important;
}

.h-370vh {
  height: 370vh !important;
}

.h-375vh {
  height: 375vh !important;
}

@media (max-width: 767px) {
  .h-sm-370pc {
    height: 370% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-375pc {
    height: 375% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-370pc {
    height: 370% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-375pc {
    height: 375% !important;
  }
}

.mh-370px {
  max-height: 370px !important;
}

.mh-375px {
  max-height: 375px !important;
}

.mh-370vh {
  max-height: 370vh !important;
}

.mh-375vh {
  max-height: 375vh !important;
}

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

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

.min-h-370 {
  min-height: 370% !important;
}

.min-h-375 {
  min-height: 375% !important;
}

.min-h-370vh {
  min-height: 370vh !important;
}

.min-h-375vh {
  min-height: 375vh !important;
}

.w-380px {
  width: 380px !important;
}

.w-385px {
  width: 385px !important;
}

.w-380pc {
  width: 380% !important;
}

.w-385pc {
  width: 385% !important;
}

@media (max-width: 767px) {
  .w-sm-380pc {
    width: 380% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-385pc {
    width: 385% !important;
  }
}

@media (max-width: 991px) {
  .w-md-380pc {
    width: 380% !important;
  }
}

@media (max-width: 991px) {
  .w-md-385pc {
    width: 385% !important;
  }
}

.mw-380px {
  max-width: 380px !important;
}

.mw-385px {
  max-width: 385px !important;
}

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

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

.h-380px {
  height: 380px !important;
}

.h-385px {
  height: 385px !important;
}

.h-380pc {
  height: 380% !important;
}

.h-385pc {
  height: 385% !important;
}

.h-380vh {
  height: 380vh !important;
}

.h-385vh {
  height: 385vh !important;
}

@media (max-width: 767px) {
  .h-sm-380pc {
    height: 380% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-385pc {
    height: 385% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-380pc {
    height: 380% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-385pc {
    height: 385% !important;
  }
}

.mh-380px {
  max-height: 380px !important;
}

.mh-385px {
  max-height: 385px !important;
}

.mh-380vh {
  max-height: 380vh !important;
}

.mh-385vh {
  max-height: 385vh !important;
}

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

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

.min-h-380 {
  min-height: 380% !important;
}

.min-h-385 {
  min-height: 385% !important;
}

.min-h-380vh {
  min-height: 380vh !important;
}

.min-h-385vh {
  min-height: 385vh !important;
}

.w-390px {
  width: 390px !important;
}

.w-395px {
  width: 395px !important;
}

.w-390pc {
  width: 390% !important;
}

.w-395pc {
  width: 395% !important;
}

@media (max-width: 767px) {
  .w-sm-390pc {
    width: 390% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-395pc {
    width: 395% !important;
  }
}

@media (max-width: 991px) {
  .w-md-390pc {
    width: 390% !important;
  }
}

@media (max-width: 991px) {
  .w-md-395pc {
    width: 395% !important;
  }
}

.mw-390px {
  max-width: 390px !important;
}

.mw-395px {
  max-width: 395px !important;
}

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

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

.h-390px {
  height: 390px !important;
}

.h-395px {
  height: 395px !important;
}

.h-390pc {
  height: 390% !important;
}

.h-395pc {
  height: 395% !important;
}

.h-390vh {
  height: 390vh !important;
}

.h-395vh {
  height: 395vh !important;
}

@media (max-width: 767px) {
  .h-sm-390pc {
    height: 390% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-395pc {
    height: 395% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-390pc {
    height: 390% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-395pc {
    height: 395% !important;
  }
}

.mh-390px {
  max-height: 390px !important;
}

.mh-395px {
  max-height: 395px !important;
}

.mh-390vh {
  max-height: 390vh !important;
}

.mh-395vh {
  max-height: 395vh !important;
}

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

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

.min-h-390 {
  min-height: 390% !important;
}

.min-h-395 {
  min-height: 395% !important;
}

.min-h-390vh {
  min-height: 390vh !important;
}

.min-h-395vh {
  min-height: 395vh !important;
}

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

.w-405px {
  width: 405px !important;
}

.w-400pc {
  width: 400% !important;
}

.w-405pc {
  width: 405% !important;
}

@media (max-width: 767px) {
  .w-sm-400pc {
    width: 400% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-405pc {
    width: 405% !important;
  }
}

@media (max-width: 991px) {
  .w-md-400pc {
    width: 400% !important;
  }
}

@media (max-width: 991px) {
  .w-md-405pc {
    width: 405% !important;
  }
}

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

.mw-405px {
  max-width: 405px !important;
}

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

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

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

.h-405px {
  height: 405px !important;
}

.h-400pc {
  height: 400% !important;
}

.h-405pc {
  height: 405% !important;
}

.h-400vh {
  height: 400vh !important;
}

.h-405vh {
  height: 405vh !important;
}

@media (max-width: 767px) {
  .h-sm-400pc {
    height: 400% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-405pc {
    height: 405% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-400pc {
    height: 400% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-405pc {
    height: 405% !important;
  }
}

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

.mh-405px {
  max-height: 405px !important;
}

.mh-400vh {
  max-height: 400vh !important;
}

.mh-405vh {
  max-height: 405vh !important;
}

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

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

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

.min-h-405 {
  min-height: 405% !important;
}

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

.min-h-405vh {
  min-height: 405vh !important;
}

.w-410px {
  width: 410px !important;
}

.w-415px {
  width: 415px !important;
}

.w-410pc {
  width: 410% !important;
}

.w-415pc {
  width: 415% !important;
}

@media (max-width: 767px) {
  .w-sm-410pc {
    width: 410% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-415pc {
    width: 415% !important;
  }
}

@media (max-width: 991px) {
  .w-md-410pc {
    width: 410% !important;
  }
}

@media (max-width: 991px) {
  .w-md-415pc {
    width: 415% !important;
  }
}

.mw-410px {
  max-width: 410px !important;
}

.mw-415px {
  max-width: 415px !important;
}

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

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

.h-410px {
  height: 410px !important;
}

.h-415px {
  height: 415px !important;
}

.h-410pc {
  height: 410% !important;
}

.h-415pc {
  height: 415% !important;
}

.h-410vh {
  height: 410vh !important;
}

.h-415vh {
  height: 415vh !important;
}

@media (max-width: 767px) {
  .h-sm-410pc {
    height: 410% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-415pc {
    height: 415% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-410pc {
    height: 410% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-415pc {
    height: 415% !important;
  }
}

.mh-410px {
  max-height: 410px !important;
}

.mh-415px {
  max-height: 415px !important;
}

.mh-410vh {
  max-height: 410vh !important;
}

.mh-415vh {
  max-height: 415vh !important;
}

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

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

.min-h-410 {
  min-height: 410% !important;
}

.min-h-415 {
  min-height: 415% !important;
}

.min-h-410vh {
  min-height: 410vh !important;
}

.min-h-415vh {
  min-height: 415vh !important;
}

.w-420px {
  width: 420px !important;
}

.w-425px {
  width: 425px !important;
}

.w-420pc {
  width: 420% !important;
}

.w-425pc {
  width: 425% !important;
}

@media (max-width: 767px) {
  .w-sm-420pc {
    width: 420% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-425pc {
    width: 425% !important;
  }
}

@media (max-width: 991px) {
  .w-md-420pc {
    width: 420% !important;
  }
}

@media (max-width: 991px) {
  .w-md-425pc {
    width: 425% !important;
  }
}

.mw-420px {
  max-width: 420px !important;
}

.mw-425px {
  max-width: 425px !important;
}

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

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

.h-420px {
  height: 420px !important;
}

.h-425px {
  height: 425px !important;
}

.h-420pc {
  height: 420% !important;
}

.h-425pc {
  height: 425% !important;
}

.h-420vh {
  height: 420vh !important;
}

.h-425vh {
  height: 425vh !important;
}

@media (max-width: 767px) {
  .h-sm-420pc {
    height: 420% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-425pc {
    height: 425% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-420pc {
    height: 420% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-425pc {
    height: 425% !important;
  }
}

.mh-420px {
  max-height: 420px !important;
}

.mh-425px {
  max-height: 425px !important;
}

.mh-420vh {
  max-height: 420vh !important;
}

.mh-425vh {
  max-height: 425vh !important;
}

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

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

.min-h-420 {
  min-height: 420% !important;
}

.min-h-425 {
  min-height: 425% !important;
}

.min-h-420vh {
  min-height: 420vh !important;
}

.min-h-425vh {
  min-height: 425vh !important;
}

.w-430px {
  width: 430px !important;
}

.w-435px {
  width: 435px !important;
}

.w-430pc {
  width: 430% !important;
}

.w-435pc {
  width: 435% !important;
}

@media (max-width: 767px) {
  .w-sm-430pc {
    width: 430% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-435pc {
    width: 435% !important;
  }
}

@media (max-width: 991px) {
  .w-md-430pc {
    width: 430% !important;
  }
}

@media (max-width: 991px) {
  .w-md-435pc {
    width: 435% !important;
  }
}

.mw-430px {
  max-width: 430px !important;
}

.mw-435px {
  max-width: 435px !important;
}

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

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

.h-430px {
  height: 430px !important;
}

.h-435px {
  height: 435px !important;
}

.h-430pc {
  height: 430% !important;
}

.h-435pc {
  height: 435% !important;
}

.h-430vh {
  height: 430vh !important;
}

.h-435vh {
  height: 435vh !important;
}

@media (max-width: 767px) {
  .h-sm-430pc {
    height: 430% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-435pc {
    height: 435% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-430pc {
    height: 430% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-435pc {
    height: 435% !important;
  }
}

.mh-430px {
  max-height: 430px !important;
}

.mh-435px {
  max-height: 435px !important;
}

.mh-430vh {
  max-height: 430vh !important;
}

.mh-435vh {
  max-height: 435vh !important;
}

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

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

.min-h-430 {
  min-height: 430% !important;
}

.min-h-435 {
  min-height: 435% !important;
}

.min-h-430vh {
  min-height: 430vh !important;
}

.min-h-435vh {
  min-height: 435vh !important;
}

.w-440px {
  width: 440px !important;
}

.w-445px {
  width: 445px !important;
}

.w-440pc {
  width: 440% !important;
}

.w-445pc {
  width: 445% !important;
}

@media (max-width: 767px) {
  .w-sm-440pc {
    width: 440% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-445pc {
    width: 445% !important;
  }
}

@media (max-width: 991px) {
  .w-md-440pc {
    width: 440% !important;
  }
}

@media (max-width: 991px) {
  .w-md-445pc {
    width: 445% !important;
  }
}

.mw-440px {
  max-width: 440px !important;
}

.mw-445px {
  max-width: 445px !important;
}

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

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

.h-440px {
  height: 440px !important;
}

.h-445px {
  height: 445px !important;
}

.h-440pc {
  height: 440% !important;
}

.h-445pc {
  height: 445% !important;
}

.h-440vh {
  height: 440vh !important;
}

.h-445vh {
  height: 445vh !important;
}

@media (max-width: 767px) {
  .h-sm-440pc {
    height: 440% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-445pc {
    height: 445% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-440pc {
    height: 440% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-445pc {
    height: 445% !important;
  }
}

.mh-440px {
  max-height: 440px !important;
}

.mh-445px {
  max-height: 445px !important;
}

.mh-440vh {
  max-height: 440vh !important;
}

.mh-445vh {
  max-height: 445vh !important;
}

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

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

.min-h-440 {
  min-height: 440% !important;
}

.min-h-445 {
  min-height: 445% !important;
}

.min-h-440vh {
  min-height: 440vh !important;
}

.min-h-445vh {
  min-height: 445vh !important;
}

.w-450px {
  width: 450px !important;
}

.w-455px {
  width: 455px !important;
}

.w-450pc {
  width: 450% !important;
}

.w-455pc {
  width: 455% !important;
}

@media (max-width: 767px) {
  .w-sm-450pc {
    width: 450% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-455pc {
    width: 455% !important;
  }
}

@media (max-width: 991px) {
  .w-md-450pc {
    width: 450% !important;
  }
}

@media (max-width: 991px) {
  .w-md-455pc {
    width: 455% !important;
  }
}

.mw-450px {
  max-width: 450px !important;
}

.mw-455px {
  max-width: 455px !important;
}

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

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

.h-450px {
  height: 450px !important;
}

.h-455px {
  height: 455px !important;
}

.h-450pc {
  height: 450% !important;
}

.h-455pc {
  height: 455% !important;
}

.h-450vh {
  height: 450vh !important;
}

.h-455vh {
  height: 455vh !important;
}

@media (max-width: 767px) {
  .h-sm-450pc {
    height: 450% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-455pc {
    height: 455% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-450pc {
    height: 450% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-455pc {
    height: 455% !important;
  }
}

.mh-450px {
  max-height: 450px !important;
}

.mh-455px {
  max-height: 455px !important;
}

.mh-450vh {
  max-height: 450vh !important;
}

.mh-455vh {
  max-height: 455vh !important;
}

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

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

.min-h-450 {
  min-height: 450% !important;
}

.min-h-455 {
  min-height: 455% !important;
}

.min-h-450vh {
  min-height: 450vh !important;
}

.min-h-455vh {
  min-height: 455vh !important;
}

.w-460px {
  width: 460px !important;
}

.w-465px {
  width: 465px !important;
}

.w-460pc {
  width: 460% !important;
}

.w-465pc {
  width: 465% !important;
}

@media (max-width: 767px) {
  .w-sm-460pc {
    width: 460% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-465pc {
    width: 465% !important;
  }
}

@media (max-width: 991px) {
  .w-md-460pc {
    width: 460% !important;
  }
}

@media (max-width: 991px) {
  .w-md-465pc {
    width: 465% !important;
  }
}

.mw-460px {
  max-width: 460px !important;
}

.mw-465px {
  max-width: 465px !important;
}

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

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

.h-460px {
  height: 460px !important;
}

.h-465px {
  height: 465px !important;
}

.h-460pc {
  height: 460% !important;
}

.h-465pc {
  height: 465% !important;
}

.h-460vh {
  height: 460vh !important;
}

.h-465vh {
  height: 465vh !important;
}

@media (max-width: 767px) {
  .h-sm-460pc {
    height: 460% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-465pc {
    height: 465% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-460pc {
    height: 460% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-465pc {
    height: 465% !important;
  }
}

.mh-460px {
  max-height: 460px !important;
}

.mh-465px {
  max-height: 465px !important;
}

.mh-460vh {
  max-height: 460vh !important;
}

.mh-465vh {
  max-height: 465vh !important;
}

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

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

.min-h-460 {
  min-height: 460% !important;
}

.min-h-465 {
  min-height: 465% !important;
}

.min-h-460vh {
  min-height: 460vh !important;
}

.min-h-465vh {
  min-height: 465vh !important;
}

.w-470px {
  width: 470px !important;
}

.w-475px {
  width: 475px !important;
}

.w-470pc {
  width: 470% !important;
}

.w-475pc {
  width: 475% !important;
}

@media (max-width: 767px) {
  .w-sm-470pc {
    width: 470% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-475pc {
    width: 475% !important;
  }
}

@media (max-width: 991px) {
  .w-md-470pc {
    width: 470% !important;
  }
}

@media (max-width: 991px) {
  .w-md-475pc {
    width: 475% !important;
  }
}

.mw-470px {
  max-width: 470px !important;
}

.mw-475px {
  max-width: 475px !important;
}

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

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

.h-470px {
  height: 470px !important;
}

.h-475px {
  height: 475px !important;
}

.h-470pc {
  height: 470% !important;
}

.h-475pc {
  height: 475% !important;
}

.h-470vh {
  height: 470vh !important;
}

.h-475vh {
  height: 475vh !important;
}

@media (max-width: 767px) {
  .h-sm-470pc {
    height: 470% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-475pc {
    height: 475% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-470pc {
    height: 470% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-475pc {
    height: 475% !important;
  }
}

.mh-470px {
  max-height: 470px !important;
}

.mh-475px {
  max-height: 475px !important;
}

.mh-470vh {
  max-height: 470vh !important;
}

.mh-475vh {
  max-height: 475vh !important;
}

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

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

.min-h-470 {
  min-height: 470% !important;
}

.min-h-475 {
  min-height: 475% !important;
}

.min-h-470vh {
  min-height: 470vh !important;
}

.min-h-475vh {
  min-height: 475vh !important;
}

.w-480px {
  width: 480px !important;
}

.w-485px {
  width: 485px !important;
}

.w-480pc {
  width: 480% !important;
}

.w-485pc {
  width: 485% !important;
}

@media (max-width: 767px) {
  .w-sm-480pc {
    width: 480% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-485pc {
    width: 485% !important;
  }
}

@media (max-width: 991px) {
  .w-md-480pc {
    width: 480% !important;
  }
}

@media (max-width: 991px) {
  .w-md-485pc {
    width: 485% !important;
  }
}

.mw-480px {
  max-width: 480px !important;
}

.mw-485px {
  max-width: 485px !important;
}

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

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

.h-480px {
  height: 480px !important;
}

.h-485px {
  height: 485px !important;
}

.h-480pc {
  height: 480% !important;
}

.h-485pc {
  height: 485% !important;
}

.h-480vh {
  height: 480vh !important;
}

.h-485vh {
  height: 485vh !important;
}

@media (max-width: 767px) {
  .h-sm-480pc {
    height: 480% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-485pc {
    height: 485% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-480pc {
    height: 480% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-485pc {
    height: 485% !important;
  }
}

.mh-480px {
  max-height: 480px !important;
}

.mh-485px {
  max-height: 485px !important;
}

.mh-480vh {
  max-height: 480vh !important;
}

.mh-485vh {
  max-height: 485vh !important;
}

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

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

.min-h-480 {
  min-height: 480% !important;
}

.min-h-485 {
  min-height: 485% !important;
}

.min-h-480vh {
  min-height: 480vh !important;
}

.min-h-485vh {
  min-height: 485vh !important;
}

.w-490px {
  width: 490px !important;
}

.w-495px {
  width: 495px !important;
}

.w-490pc {
  width: 490% !important;
}

.w-495pc {
  width: 495% !important;
}

@media (max-width: 767px) {
  .w-sm-490pc {
    width: 490% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-495pc {
    width: 495% !important;
  }
}

@media (max-width: 991px) {
  .w-md-490pc {
    width: 490% !important;
  }
}

@media (max-width: 991px) {
  .w-md-495pc {
    width: 495% !important;
  }
}

.mw-490px {
  max-width: 490px !important;
}

.mw-495px {
  max-width: 495px !important;
}

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

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

.h-490px {
  height: 490px !important;
}

.h-495px {
  height: 495px !important;
}

.h-490pc {
  height: 490% !important;
}

.h-495pc {
  height: 495% !important;
}

.h-490vh {
  height: 490vh !important;
}

.h-495vh {
  height: 495vh !important;
}

@media (max-width: 767px) {
  .h-sm-490pc {
    height: 490% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-495pc {
    height: 495% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-490pc {
    height: 490% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-495pc {
    height: 495% !important;
  }
}

.mh-490px {
  max-height: 490px !important;
}

.mh-495px {
  max-height: 495px !important;
}

.mh-490vh {
  max-height: 490vh !important;
}

.mh-495vh {
  max-height: 495vh !important;
}

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

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

.min-h-490 {
  min-height: 490% !important;
}

.min-h-495 {
  min-height: 495% !important;
}

.min-h-490vh {
  min-height: 490vh !important;
}

.min-h-495vh {
  min-height: 495vh !important;
}

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

.w-505px {
  width: 505px !important;
}

.w-500pc {
  width: 500% !important;
}

.w-505pc {
  width: 505% !important;
}

@media (max-width: 767px) {
  .w-sm-500pc {
    width: 500% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-505pc {
    width: 505% !important;
  }
}

@media (max-width: 991px) {
  .w-md-500pc {
    width: 500% !important;
  }
}

@media (max-width: 991px) {
  .w-md-505pc {
    width: 505% !important;
  }
}

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

.mw-505px {
  max-width: 505px !important;
}

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

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

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

.h-505px {
  height: 505px !important;
}

.h-500pc {
  height: 500% !important;
}

.h-505pc {
  height: 505% !important;
}

.h-500vh {
  height: 500vh !important;
}

.h-505vh {
  height: 505vh !important;
}

@media (max-width: 767px) {
  .h-sm-500pc {
    height: 500% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-505pc {
    height: 505% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-500pc {
    height: 500% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-505pc {
    height: 505% !important;
  }
}

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

.mh-505px {
  max-height: 505px !important;
}

.mh-500vh {
  max-height: 500vh !important;
}

.mh-505vh {
  max-height: 505vh !important;
}

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

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

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

.min-h-505 {
  min-height: 505% !important;
}

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

.min-h-505vh {
  min-height: 505vh !important;
}

.w-510px {
  width: 510px !important;
}

.w-515px {
  width: 515px !important;
}

.w-510pc {
  width: 510% !important;
}

.w-515pc {
  width: 515% !important;
}

@media (max-width: 767px) {
  .w-sm-510pc {
    width: 510% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-515pc {
    width: 515% !important;
  }
}

@media (max-width: 991px) {
  .w-md-510pc {
    width: 510% !important;
  }
}

@media (max-width: 991px) {
  .w-md-515pc {
    width: 515% !important;
  }
}

.mw-510px {
  max-width: 510px !important;
}

.mw-515px {
  max-width: 515px !important;
}

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

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

.h-510px {
  height: 510px !important;
}

.h-515px {
  height: 515px !important;
}

.h-510pc {
  height: 510% !important;
}

.h-515pc {
  height: 515% !important;
}

.h-510vh {
  height: 510vh !important;
}

.h-515vh {
  height: 515vh !important;
}

@media (max-width: 767px) {
  .h-sm-510pc {
    height: 510% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-515pc {
    height: 515% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-510pc {
    height: 510% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-515pc {
    height: 515% !important;
  }
}

.mh-510px {
  max-height: 510px !important;
}

.mh-515px {
  max-height: 515px !important;
}

.mh-510vh {
  max-height: 510vh !important;
}

.mh-515vh {
  max-height: 515vh !important;
}

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

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

.min-h-510 {
  min-height: 510% !important;
}

.min-h-515 {
  min-height: 515% !important;
}

.min-h-510vh {
  min-height: 510vh !important;
}

.min-h-515vh {
  min-height: 515vh !important;
}

.w-520px {
  width: 520px !important;
}

.w-525px {
  width: 525px !important;
}

.w-520pc {
  width: 520% !important;
}

.w-525pc {
  width: 525% !important;
}

@media (max-width: 767px) {
  .w-sm-520pc {
    width: 520% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-525pc {
    width: 525% !important;
  }
}

@media (max-width: 991px) {
  .w-md-520pc {
    width: 520% !important;
  }
}

@media (max-width: 991px) {
  .w-md-525pc {
    width: 525% !important;
  }
}

.mw-520px {
  max-width: 520px !important;
}

.mw-525px {
  max-width: 525px !important;
}

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

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

.h-520px {
  height: 520px !important;
}

.h-525px {
  height: 525px !important;
}

.h-520pc {
  height: 520% !important;
}

.h-525pc {
  height: 525% !important;
}

.h-520vh {
  height: 520vh !important;
}

.h-525vh {
  height: 525vh !important;
}

@media (max-width: 767px) {
  .h-sm-520pc {
    height: 520% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-525pc {
    height: 525% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-520pc {
    height: 520% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-525pc {
    height: 525% !important;
  }
}

.mh-520px {
  max-height: 520px !important;
}

.mh-525px {
  max-height: 525px !important;
}

.mh-520vh {
  max-height: 520vh !important;
}

.mh-525vh {
  max-height: 525vh !important;
}

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

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

.min-h-520 {
  min-height: 520% !important;
}

.min-h-525 {
  min-height: 525% !important;
}

.min-h-520vh {
  min-height: 520vh !important;
}

.min-h-525vh {
  min-height: 525vh !important;
}

.w-530px {
  width: 530px !important;
}

.w-535px {
  width: 535px !important;
}

.w-530pc {
  width: 530% !important;
}

.w-535pc {
  width: 535% !important;
}

@media (max-width: 767px) {
  .w-sm-530pc {
    width: 530% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-535pc {
    width: 535% !important;
  }
}

@media (max-width: 991px) {
  .w-md-530pc {
    width: 530% !important;
  }
}

@media (max-width: 991px) {
  .w-md-535pc {
    width: 535% !important;
  }
}

.mw-530px {
  max-width: 530px !important;
}

.mw-535px {
  max-width: 535px !important;
}

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

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

.h-530px {
  height: 530px !important;
}

.h-535px {
  height: 535px !important;
}

.h-530pc {
  height: 530% !important;
}

.h-535pc {
  height: 535% !important;
}

.h-530vh {
  height: 530vh !important;
}

.h-535vh {
  height: 535vh !important;
}

@media (max-width: 767px) {
  .h-sm-530pc {
    height: 530% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-535pc {
    height: 535% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-530pc {
    height: 530% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-535pc {
    height: 535% !important;
  }
}

.mh-530px {
  max-height: 530px !important;
}

.mh-535px {
  max-height: 535px !important;
}

.mh-530vh {
  max-height: 530vh !important;
}

.mh-535vh {
  max-height: 535vh !important;
}

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

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

.min-h-530 {
  min-height: 530% !important;
}

.min-h-535 {
  min-height: 535% !important;
}

.min-h-530vh {
  min-height: 530vh !important;
}

.min-h-535vh {
  min-height: 535vh !important;
}

.w-540px {
  width: 540px !important;
}

.w-545px {
  width: 545px !important;
}

.w-540pc {
  width: 540% !important;
}

.w-545pc {
  width: 545% !important;
}

@media (max-width: 767px) {
  .w-sm-540pc {
    width: 540% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-545pc {
    width: 545% !important;
  }
}

@media (max-width: 991px) {
  .w-md-540pc {
    width: 540% !important;
  }
}

@media (max-width: 991px) {
  .w-md-545pc {
    width: 545% !important;
  }
}

.mw-540px {
  max-width: 540px !important;
}

.mw-545px {
  max-width: 545px !important;
}

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

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

.h-540px {
  height: 540px !important;
}

.h-545px {
  height: 545px !important;
}

.h-540pc {
  height: 540% !important;
}

.h-545pc {
  height: 545% !important;
}

.h-540vh {
  height: 540vh !important;
}

.h-545vh {
  height: 545vh !important;
}

@media (max-width: 767px) {
  .h-sm-540pc {
    height: 540% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-545pc {
    height: 545% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-540pc {
    height: 540% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-545pc {
    height: 545% !important;
  }
}

.mh-540px {
  max-height: 540px !important;
}

.mh-545px {
  max-height: 545px !important;
}

.mh-540vh {
  max-height: 540vh !important;
}

.mh-545vh {
  max-height: 545vh !important;
}

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

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

.min-h-540 {
  min-height: 540% !important;
}

.min-h-545 {
  min-height: 545% !important;
}

.min-h-540vh {
  min-height: 540vh !important;
}

.min-h-545vh {
  min-height: 545vh !important;
}

.w-550px {
  width: 550px !important;
}

.w-555px {
  width: 555px !important;
}

.w-550pc {
  width: 550% !important;
}

.w-555pc {
  width: 555% !important;
}

@media (max-width: 767px) {
  .w-sm-550pc {
    width: 550% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-555pc {
    width: 555% !important;
  }
}

@media (max-width: 991px) {
  .w-md-550pc {
    width: 550% !important;
  }
}

@media (max-width: 991px) {
  .w-md-555pc {
    width: 555% !important;
  }
}

.mw-550px {
  max-width: 550px !important;
}

.mw-555px {
  max-width: 555px !important;
}

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

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

.h-550px {
  height: 550px !important;
}

.h-555px {
  height: 555px !important;
}

.h-550pc {
  height: 550% !important;
}

.h-555pc {
  height: 555% !important;
}

.h-550vh {
  height: 550vh !important;
}

.h-555vh {
  height: 555vh !important;
}

@media (max-width: 767px) {
  .h-sm-550pc {
    height: 550% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-555pc {
    height: 555% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-550pc {
    height: 550% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-555pc {
    height: 555% !important;
  }
}

.mh-550px {
  max-height: 550px !important;
}

.mh-555px {
  max-height: 555px !important;
}

.mh-550vh {
  max-height: 550vh !important;
}

.mh-555vh {
  max-height: 555vh !important;
}

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

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

.min-h-550 {
  min-height: 550% !important;
}

.min-h-555 {
  min-height: 555% !important;
}

.min-h-550vh {
  min-height: 550vh !important;
}

.min-h-555vh {
  min-height: 555vh !important;
}

.w-560px {
  width: 560px !important;
}

.w-565px {
  width: 565px !important;
}

.w-560pc {
  width: 560% !important;
}

.w-565pc {
  width: 565% !important;
}

@media (max-width: 767px) {
  .w-sm-560pc {
    width: 560% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-565pc {
    width: 565% !important;
  }
}

@media (max-width: 991px) {
  .w-md-560pc {
    width: 560% !important;
  }
}

@media (max-width: 991px) {
  .w-md-565pc {
    width: 565% !important;
  }
}

.mw-560px {
  max-width: 560px !important;
}

.mw-565px {
  max-width: 565px !important;
}

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

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

.h-560px {
  height: 560px !important;
}

.h-565px {
  height: 565px !important;
}

.h-560pc {
  height: 560% !important;
}

.h-565pc {
  height: 565% !important;
}

.h-560vh {
  height: 560vh !important;
}

.h-565vh {
  height: 565vh !important;
}

@media (max-width: 767px) {
  .h-sm-560pc {
    height: 560% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-565pc {
    height: 565% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-560pc {
    height: 560% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-565pc {
    height: 565% !important;
  }
}

.mh-560px {
  max-height: 560px !important;
}

.mh-565px {
  max-height: 565px !important;
}

.mh-560vh {
  max-height: 560vh !important;
}

.mh-565vh {
  max-height: 565vh !important;
}

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

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

.min-h-560 {
  min-height: 560% !important;
}

.min-h-565 {
  min-height: 565% !important;
}

.min-h-560vh {
  min-height: 560vh !important;
}

.min-h-565vh {
  min-height: 565vh !important;
}

.w-570px {
  width: 570px !important;
}

.w-575px {
  width: 575px !important;
}

.w-570pc {
  width: 570% !important;
}

.w-575pc {
  width: 575% !important;
}

@media (max-width: 767px) {
  .w-sm-570pc {
    width: 570% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-575pc {
    width: 575% !important;
  }
}

@media (max-width: 991px) {
  .w-md-570pc {
    width: 570% !important;
  }
}

@media (max-width: 991px) {
  .w-md-575pc {
    width: 575% !important;
  }
}

.mw-570px {
  max-width: 570px !important;
}

.mw-575px {
  max-width: 575px !important;
}

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

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

.h-570px {
  height: 570px !important;
}

.h-575px {
  height: 575px !important;
}

.h-570pc {
  height: 570% !important;
}

.h-575pc {
  height: 575% !important;
}

.h-570vh {
  height: 570vh !important;
}

.h-575vh {
  height: 575vh !important;
}

@media (max-width: 767px) {
  .h-sm-570pc {
    height: 570% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-575pc {
    height: 575% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-570pc {
    height: 570% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-575pc {
    height: 575% !important;
  }
}

.mh-570px {
  max-height: 570px !important;
}

.mh-575px {
  max-height: 575px !important;
}

.mh-570vh {
  max-height: 570vh !important;
}

.mh-575vh {
  max-height: 575vh !important;
}

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

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

.min-h-570 {
  min-height: 570% !important;
}

.min-h-575 {
  min-height: 575% !important;
}

.min-h-570vh {
  min-height: 570vh !important;
}

.min-h-575vh {
  min-height: 575vh !important;
}

.w-580px {
  width: 580px !important;
}

.w-585px {
  width: 585px !important;
}

.w-580pc {
  width: 580% !important;
}

.w-585pc {
  width: 585% !important;
}

@media (max-width: 767px) {
  .w-sm-580pc {
    width: 580% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-585pc {
    width: 585% !important;
  }
}

@media (max-width: 991px) {
  .w-md-580pc {
    width: 580% !important;
  }
}

@media (max-width: 991px) {
  .w-md-585pc {
    width: 585% !important;
  }
}

.mw-580px {
  max-width: 580px !important;
}

.mw-585px {
  max-width: 585px !important;
}

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

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

.h-580px {
  height: 580px !important;
}

.h-585px {
  height: 585px !important;
}

.h-580pc {
  height: 580% !important;
}

.h-585pc {
  height: 585% !important;
}

.h-580vh {
  height: 580vh !important;
}

.h-585vh {
  height: 585vh !important;
}

@media (max-width: 767px) {
  .h-sm-580pc {
    height: 580% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-585pc {
    height: 585% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-580pc {
    height: 580% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-585pc {
    height: 585% !important;
  }
}

.mh-580px {
  max-height: 580px !important;
}

.mh-585px {
  max-height: 585px !important;
}

.mh-580vh {
  max-height: 580vh !important;
}

.mh-585vh {
  max-height: 585vh !important;
}

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

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

.min-h-580 {
  min-height: 580% !important;
}

.min-h-585 {
  min-height: 585% !important;
}

.min-h-580vh {
  min-height: 580vh !important;
}

.min-h-585vh {
  min-height: 585vh !important;
}

.w-590px {
  width: 590px !important;
}

.w-595px {
  width: 595px !important;
}

.w-590pc {
  width: 590% !important;
}

.w-595pc {
  width: 595% !important;
}

@media (max-width: 767px) {
  .w-sm-590pc {
    width: 590% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-595pc {
    width: 595% !important;
  }
}

@media (max-width: 991px) {
  .w-md-590pc {
    width: 590% !important;
  }
}

@media (max-width: 991px) {
  .w-md-595pc {
    width: 595% !important;
  }
}

.mw-590px {
  max-width: 590px !important;
}

.mw-595px {
  max-width: 595px !important;
}

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

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

.h-590px {
  height: 590px !important;
}

.h-595px {
  height: 595px !important;
}

.h-590pc {
  height: 590% !important;
}

.h-595pc {
  height: 595% !important;
}

.h-590vh {
  height: 590vh !important;
}

.h-595vh {
  height: 595vh !important;
}

@media (max-width: 767px) {
  .h-sm-590pc {
    height: 590% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-595pc {
    height: 595% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-590pc {
    height: 590% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-595pc {
    height: 595% !important;
  }
}

.mh-590px {
  max-height: 590px !important;
}

.mh-595px {
  max-height: 595px !important;
}

.mh-590vh {
  max-height: 590vh !important;
}

.mh-595vh {
  max-height: 595vh !important;
}

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

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

.min-h-590 {
  min-height: 590% !important;
}

.min-h-595 {
  min-height: 595% !important;
}

.min-h-590vh {
  min-height: 590vh !important;
}

.min-h-595vh {
  min-height: 595vh !important;
}

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

.w-605px {
  width: 605px !important;
}

.w-600pc {
  width: 600% !important;
}

.w-605pc {
  width: 605% !important;
}

@media (max-width: 767px) {
  .w-sm-600pc {
    width: 600% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-605pc {
    width: 605% !important;
  }
}

@media (max-width: 991px) {
  .w-md-600pc {
    width: 600% !important;
  }
}

@media (max-width: 991px) {
  .w-md-605pc {
    width: 605% !important;
  }
}

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

.mw-605px {
  max-width: 605px !important;
}

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

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

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

.h-605px {
  height: 605px !important;
}

.h-600pc {
  height: 600% !important;
}

.h-605pc {
  height: 605% !important;
}

.h-600vh {
  height: 600vh !important;
}

.h-605vh {
  height: 605vh !important;
}

@media (max-width: 767px) {
  .h-sm-600pc {
    height: 600% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-605pc {
    height: 605% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-600pc {
    height: 600% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-605pc {
    height: 605% !important;
  }
}

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

.mh-605px {
  max-height: 605px !important;
}

.mh-600vh {
  max-height: 600vh !important;
}

.mh-605vh {
  max-height: 605vh !important;
}

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

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

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

.min-h-605 {
  min-height: 605% !important;
}

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

.min-h-605vh {
  min-height: 605vh !important;
}

.w-610px {
  width: 610px !important;
}

.w-615px {
  width: 615px !important;
}

.w-610pc {
  width: 610% !important;
}

.w-615pc {
  width: 615% !important;
}

@media (max-width: 767px) {
  .w-sm-610pc {
    width: 610% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-615pc {
    width: 615% !important;
  }
}

@media (max-width: 991px) {
  .w-md-610pc {
    width: 610% !important;
  }
}

@media (max-width: 991px) {
  .w-md-615pc {
    width: 615% !important;
  }
}

.mw-610px {
  max-width: 610px !important;
}

.mw-615px {
  max-width: 615px !important;
}

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

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

.h-610px {
  height: 610px !important;
}

.h-615px {
  height: 615px !important;
}

.h-610pc {
  height: 610% !important;
}

.h-615pc {
  height: 615% !important;
}

.h-610vh {
  height: 610vh !important;
}

.h-615vh {
  height: 615vh !important;
}

@media (max-width: 767px) {
  .h-sm-610pc {
    height: 610% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-615pc {
    height: 615% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-610pc {
    height: 610% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-615pc {
    height: 615% !important;
  }
}

.mh-610px {
  max-height: 610px !important;
}

.mh-615px {
  max-height: 615px !important;
}

.mh-610vh {
  max-height: 610vh !important;
}

.mh-615vh {
  max-height: 615vh !important;
}

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

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

.min-h-610 {
  min-height: 610% !important;
}

.min-h-615 {
  min-height: 615% !important;
}

.min-h-610vh {
  min-height: 610vh !important;
}

.min-h-615vh {
  min-height: 615vh !important;
}

.w-620px {
  width: 620px !important;
}

.w-625px {
  width: 625px !important;
}

.w-620pc {
  width: 620% !important;
}

.w-625pc {
  width: 625% !important;
}

@media (max-width: 767px) {
  .w-sm-620pc {
    width: 620% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-625pc {
    width: 625% !important;
  }
}

@media (max-width: 991px) {
  .w-md-620pc {
    width: 620% !important;
  }
}

@media (max-width: 991px) {
  .w-md-625pc {
    width: 625% !important;
  }
}

.mw-620px {
  max-width: 620px !important;
}

.mw-625px {
  max-width: 625px !important;
}

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

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

.h-620px {
  height: 620px !important;
}

.h-625px {
  height: 625px !important;
}

.h-620pc {
  height: 620% !important;
}

.h-625pc {
  height: 625% !important;
}

.h-620vh {
  height: 620vh !important;
}

.h-625vh {
  height: 625vh !important;
}

@media (max-width: 767px) {
  .h-sm-620pc {
    height: 620% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-625pc {
    height: 625% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-620pc {
    height: 620% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-625pc {
    height: 625% !important;
  }
}

.mh-620px {
  max-height: 620px !important;
}

.mh-625px {
  max-height: 625px !important;
}

.mh-620vh {
  max-height: 620vh !important;
}

.mh-625vh {
  max-height: 625vh !important;
}

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

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

.min-h-620 {
  min-height: 620% !important;
}

.min-h-625 {
  min-height: 625% !important;
}

.min-h-620vh {
  min-height: 620vh !important;
}

.min-h-625vh {
  min-height: 625vh !important;
}

.w-630px {
  width: 630px !important;
}

.w-635px {
  width: 635px !important;
}

.w-630pc {
  width: 630% !important;
}

.w-635pc {
  width: 635% !important;
}

@media (max-width: 767px) {
  .w-sm-630pc {
    width: 630% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-635pc {
    width: 635% !important;
  }
}

@media (max-width: 991px) {
  .w-md-630pc {
    width: 630% !important;
  }
}

@media (max-width: 991px) {
  .w-md-635pc {
    width: 635% !important;
  }
}

.mw-630px {
  max-width: 630px !important;
}

.mw-635px {
  max-width: 635px !important;
}

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

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

.h-630px {
  height: 630px !important;
}

.h-635px {
  height: 635px !important;
}

.h-630pc {
  height: 630% !important;
}

.h-635pc {
  height: 635% !important;
}

.h-630vh {
  height: 630vh !important;
}

.h-635vh {
  height: 635vh !important;
}

@media (max-width: 767px) {
  .h-sm-630pc {
    height: 630% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-635pc {
    height: 635% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-630pc {
    height: 630% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-635pc {
    height: 635% !important;
  }
}

.mh-630px {
  max-height: 630px !important;
}

.mh-635px {
  max-height: 635px !important;
}

.mh-630vh {
  max-height: 630vh !important;
}

.mh-635vh {
  max-height: 635vh !important;
}

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

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

.min-h-630 {
  min-height: 630% !important;
}

.min-h-635 {
  min-height: 635% !important;
}

.min-h-630vh {
  min-height: 630vh !important;
}

.min-h-635vh {
  min-height: 635vh !important;
}

.w-640px {
  width: 640px !important;
}

.w-645px {
  width: 645px !important;
}

.w-640pc {
  width: 640% !important;
}

.w-645pc {
  width: 645% !important;
}

@media (max-width: 767px) {
  .w-sm-640pc {
    width: 640% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-645pc {
    width: 645% !important;
  }
}

@media (max-width: 991px) {
  .w-md-640pc {
    width: 640% !important;
  }
}

@media (max-width: 991px) {
  .w-md-645pc {
    width: 645% !important;
  }
}

.mw-640px {
  max-width: 640px !important;
}

.mw-645px {
  max-width: 645px !important;
}

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

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

.h-640px {
  height: 640px !important;
}

.h-645px {
  height: 645px !important;
}

.h-640pc {
  height: 640% !important;
}

.h-645pc {
  height: 645% !important;
}

.h-640vh {
  height: 640vh !important;
}

.h-645vh {
  height: 645vh !important;
}

@media (max-width: 767px) {
  .h-sm-640pc {
    height: 640% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-645pc {
    height: 645% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-640pc {
    height: 640% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-645pc {
    height: 645% !important;
  }
}

.mh-640px {
  max-height: 640px !important;
}

.mh-645px {
  max-height: 645px !important;
}

.mh-640vh {
  max-height: 640vh !important;
}

.mh-645vh {
  max-height: 645vh !important;
}

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

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

.min-h-640 {
  min-height: 640% !important;
}

.min-h-645 {
  min-height: 645% !important;
}

.min-h-640vh {
  min-height: 640vh !important;
}

.min-h-645vh {
  min-height: 645vh !important;
}

.w-650px {
  width: 650px !important;
}

.w-655px {
  width: 655px !important;
}

.w-650pc {
  width: 650% !important;
}

.w-655pc {
  width: 655% !important;
}

@media (max-width: 767px) {
  .w-sm-650pc {
    width: 650% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-655pc {
    width: 655% !important;
  }
}

@media (max-width: 991px) {
  .w-md-650pc {
    width: 650% !important;
  }
}

@media (max-width: 991px) {
  .w-md-655pc {
    width: 655% !important;
  }
}

.mw-650px {
  max-width: 650px !important;
}

.mw-655px {
  max-width: 655px !important;
}

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

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

.h-650px {
  height: 650px !important;
}

.h-655px {
  height: 655px !important;
}

.h-650pc {
  height: 650% !important;
}

.h-655pc {
  height: 655% !important;
}

.h-650vh {
  height: 650vh !important;
}

.h-655vh {
  height: 655vh !important;
}

@media (max-width: 767px) {
  .h-sm-650pc {
    height: 650% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-655pc {
    height: 655% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-650pc {
    height: 650% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-655pc {
    height: 655% !important;
  }
}

.mh-650px {
  max-height: 650px !important;
}

.mh-655px {
  max-height: 655px !important;
}

.mh-650vh {
  max-height: 650vh !important;
}

.mh-655vh {
  max-height: 655vh !important;
}

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

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

.min-h-650 {
  min-height: 650% !important;
}

.min-h-655 {
  min-height: 655% !important;
}

.min-h-650vh {
  min-height: 650vh !important;
}

.min-h-655vh {
  min-height: 655vh !important;
}

.w-660px {
  width: 660px !important;
}

.w-665px {
  width: 665px !important;
}

.w-660pc {
  width: 660% !important;
}

.w-665pc {
  width: 665% !important;
}

@media (max-width: 767px) {
  .w-sm-660pc {
    width: 660% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-665pc {
    width: 665% !important;
  }
}

@media (max-width: 991px) {
  .w-md-660pc {
    width: 660% !important;
  }
}

@media (max-width: 991px) {
  .w-md-665pc {
    width: 665% !important;
  }
}

.mw-660px {
  max-width: 660px !important;
}

.mw-665px {
  max-width: 665px !important;
}

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

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

.h-660px {
  height: 660px !important;
}

.h-665px {
  height: 665px !important;
}

.h-660pc {
  height: 660% !important;
}

.h-665pc {
  height: 665% !important;
}

.h-660vh {
  height: 660vh !important;
}

.h-665vh {
  height: 665vh !important;
}

@media (max-width: 767px) {
  .h-sm-660pc {
    height: 660% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-665pc {
    height: 665% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-660pc {
    height: 660% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-665pc {
    height: 665% !important;
  }
}

.mh-660px {
  max-height: 660px !important;
}

.mh-665px {
  max-height: 665px !important;
}

.mh-660vh {
  max-height: 660vh !important;
}

.mh-665vh {
  max-height: 665vh !important;
}

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

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

.min-h-660 {
  min-height: 660% !important;
}

.min-h-665 {
  min-height: 665% !important;
}

.min-h-660vh {
  min-height: 660vh !important;
}

.min-h-665vh {
  min-height: 665vh !important;
}

.w-670px {
  width: 670px !important;
}

.w-675px {
  width: 675px !important;
}

.w-670pc {
  width: 670% !important;
}

.w-675pc {
  width: 675% !important;
}

@media (max-width: 767px) {
  .w-sm-670pc {
    width: 670% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-675pc {
    width: 675% !important;
  }
}

@media (max-width: 991px) {
  .w-md-670pc {
    width: 670% !important;
  }
}

@media (max-width: 991px) {
  .w-md-675pc {
    width: 675% !important;
  }
}

.mw-670px {
  max-width: 670px !important;
}

.mw-675px {
  max-width: 675px !important;
}

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

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

.h-670px {
  height: 670px !important;
}

.h-675px {
  height: 675px !important;
}

.h-670pc {
  height: 670% !important;
}

.h-675pc {
  height: 675% !important;
}

.h-670vh {
  height: 670vh !important;
}

.h-675vh {
  height: 675vh !important;
}

@media (max-width: 767px) {
  .h-sm-670pc {
    height: 670% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-675pc {
    height: 675% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-670pc {
    height: 670% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-675pc {
    height: 675% !important;
  }
}

.mh-670px {
  max-height: 670px !important;
}

.mh-675px {
  max-height: 675px !important;
}

.mh-670vh {
  max-height: 670vh !important;
}

.mh-675vh {
  max-height: 675vh !important;
}

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

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

.min-h-670 {
  min-height: 670% !important;
}

.min-h-675 {
  min-height: 675% !important;
}

.min-h-670vh {
  min-height: 670vh !important;
}

.min-h-675vh {
  min-height: 675vh !important;
}

.w-680px {
  width: 680px !important;
}

.w-685px {
  width: 685px !important;
}

.w-680pc {
  width: 680% !important;
}

.w-685pc {
  width: 685% !important;
}

@media (max-width: 767px) {
  .w-sm-680pc {
    width: 680% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-685pc {
    width: 685% !important;
  }
}

@media (max-width: 991px) {
  .w-md-680pc {
    width: 680% !important;
  }
}

@media (max-width: 991px) {
  .w-md-685pc {
    width: 685% !important;
  }
}

.mw-680px {
  max-width: 680px !important;
}

.mw-685px {
  max-width: 685px !important;
}

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

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

.h-680px {
  height: 680px !important;
}

.h-685px {
  height: 685px !important;
}

.h-680pc {
  height: 680% !important;
}

.h-685pc {
  height: 685% !important;
}

.h-680vh {
  height: 680vh !important;
}

.h-685vh {
  height: 685vh !important;
}

@media (max-width: 767px) {
  .h-sm-680pc {
    height: 680% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-685pc {
    height: 685% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-680pc {
    height: 680% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-685pc {
    height: 685% !important;
  }
}

.mh-680px {
  max-height: 680px !important;
}

.mh-685px {
  max-height: 685px !important;
}

.mh-680vh {
  max-height: 680vh !important;
}

.mh-685vh {
  max-height: 685vh !important;
}

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

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

.min-h-680 {
  min-height: 680% !important;
}

.min-h-685 {
  min-height: 685% !important;
}

.min-h-680vh {
  min-height: 680vh !important;
}

.min-h-685vh {
  min-height: 685vh !important;
}

.w-690px {
  width: 690px !important;
}

.w-695px {
  width: 695px !important;
}

.w-690pc {
  width: 690% !important;
}

.w-695pc {
  width: 695% !important;
}

@media (max-width: 767px) {
  .w-sm-690pc {
    width: 690% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-695pc {
    width: 695% !important;
  }
}

@media (max-width: 991px) {
  .w-md-690pc {
    width: 690% !important;
  }
}

@media (max-width: 991px) {
  .w-md-695pc {
    width: 695% !important;
  }
}

.mw-690px {
  max-width: 690px !important;
}

.mw-695px {
  max-width: 695px !important;
}

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

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

.h-690px {
  height: 690px !important;
}

.h-695px {
  height: 695px !important;
}

.h-690pc {
  height: 690% !important;
}

.h-695pc {
  height: 695% !important;
}

.h-690vh {
  height: 690vh !important;
}

.h-695vh {
  height: 695vh !important;
}

@media (max-width: 767px) {
  .h-sm-690pc {
    height: 690% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-695pc {
    height: 695% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-690pc {
    height: 690% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-695pc {
    height: 695% !important;
  }
}

.mh-690px {
  max-height: 690px !important;
}

.mh-695px {
  max-height: 695px !important;
}

.mh-690vh {
  max-height: 690vh !important;
}

.mh-695vh {
  max-height: 695vh !important;
}

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

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

.min-h-690 {
  min-height: 690% !important;
}

.min-h-695 {
  min-height: 695% !important;
}

.min-h-690vh {
  min-height: 690vh !important;
}

.min-h-695vh {
  min-height: 695vh !important;
}

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

.w-705px {
  width: 705px !important;
}

.w-700pc {
  width: 700% !important;
}

.w-705pc {
  width: 705% !important;
}

@media (max-width: 767px) {
  .w-sm-700pc {
    width: 700% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-705pc {
    width: 705% !important;
  }
}

@media (max-width: 991px) {
  .w-md-700pc {
    width: 700% !important;
  }
}

@media (max-width: 991px) {
  .w-md-705pc {
    width: 705% !important;
  }
}

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

.mw-705px {
  max-width: 705px !important;
}

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

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

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

.h-705px {
  height: 705px !important;
}

.h-700pc {
  height: 700% !important;
}

.h-705pc {
  height: 705% !important;
}

.h-700vh {
  height: 700vh !important;
}

.h-705vh {
  height: 705vh !important;
}

@media (max-width: 767px) {
  .h-sm-700pc {
    height: 700% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-705pc {
    height: 705% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-700pc {
    height: 700% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-705pc {
    height: 705% !important;
  }
}

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

.mh-705px {
  max-height: 705px !important;
}

.mh-700vh {
  max-height: 700vh !important;
}

.mh-705vh {
  max-height: 705vh !important;
}

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

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

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

.min-h-705 {
  min-height: 705% !important;
}

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

.min-h-705vh {
  min-height: 705vh !important;
}

.w-710px {
  width: 710px !important;
}

.w-715px {
  width: 715px !important;
}

.w-710pc {
  width: 710% !important;
}

.w-715pc {
  width: 715% !important;
}

@media (max-width: 767px) {
  .w-sm-710pc {
    width: 710% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-715pc {
    width: 715% !important;
  }
}

@media (max-width: 991px) {
  .w-md-710pc {
    width: 710% !important;
  }
}

@media (max-width: 991px) {
  .w-md-715pc {
    width: 715% !important;
  }
}

.mw-710px {
  max-width: 710px !important;
}

.mw-715px {
  max-width: 715px !important;
}

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

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

.h-710px {
  height: 710px !important;
}

.h-715px {
  height: 715px !important;
}

.h-710pc {
  height: 710% !important;
}

.h-715pc {
  height: 715% !important;
}

.h-710vh {
  height: 710vh !important;
}

.h-715vh {
  height: 715vh !important;
}

@media (max-width: 767px) {
  .h-sm-710pc {
    height: 710% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-715pc {
    height: 715% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-710pc {
    height: 710% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-715pc {
    height: 715% !important;
  }
}

.mh-710px {
  max-height: 710px !important;
}

.mh-715px {
  max-height: 715px !important;
}

.mh-710vh {
  max-height: 710vh !important;
}

.mh-715vh {
  max-height: 715vh !important;
}

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

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

.min-h-710 {
  min-height: 710% !important;
}

.min-h-715 {
  min-height: 715% !important;
}

.min-h-710vh {
  min-height: 710vh !important;
}

.min-h-715vh {
  min-height: 715vh !important;
}

.w-720px {
  width: 720px !important;
}

.w-725px {
  width: 725px !important;
}

.w-720pc {
  width: 720% !important;
}

.w-725pc {
  width: 725% !important;
}

@media (max-width: 767px) {
  .w-sm-720pc {
    width: 720% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-725pc {
    width: 725% !important;
  }
}

@media (max-width: 991px) {
  .w-md-720pc {
    width: 720% !important;
  }
}

@media (max-width: 991px) {
  .w-md-725pc {
    width: 725% !important;
  }
}

.mw-720px {
  max-width: 720px !important;
}

.mw-725px {
  max-width: 725px !important;
}

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

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

.h-720px {
  height: 720px !important;
}

.h-725px {
  height: 725px !important;
}

.h-720pc {
  height: 720% !important;
}

.h-725pc {
  height: 725% !important;
}

.h-720vh {
  height: 720vh !important;
}

.h-725vh {
  height: 725vh !important;
}

@media (max-width: 767px) {
  .h-sm-720pc {
    height: 720% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-725pc {
    height: 725% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-720pc {
    height: 720% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-725pc {
    height: 725% !important;
  }
}

.mh-720px {
  max-height: 720px !important;
}

.mh-725px {
  max-height: 725px !important;
}

.mh-720vh {
  max-height: 720vh !important;
}

.mh-725vh {
  max-height: 725vh !important;
}

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

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

.min-h-720 {
  min-height: 720% !important;
}

.min-h-725 {
  min-height: 725% !important;
}

.min-h-720vh {
  min-height: 720vh !important;
}

.min-h-725vh {
  min-height: 725vh !important;
}

.w-730px {
  width: 730px !important;
}

.w-735px {
  width: 735px !important;
}

.w-730pc {
  width: 730% !important;
}

.w-735pc {
  width: 735% !important;
}

@media (max-width: 767px) {
  .w-sm-730pc {
    width: 730% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-735pc {
    width: 735% !important;
  }
}

@media (max-width: 991px) {
  .w-md-730pc {
    width: 730% !important;
  }
}

@media (max-width: 991px) {
  .w-md-735pc {
    width: 735% !important;
  }
}

.mw-730px {
  max-width: 730px !important;
}

.mw-735px {
  max-width: 735px !important;
}

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

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

.h-730px {
  height: 730px !important;
}

.h-735px {
  height: 735px !important;
}

.h-730pc {
  height: 730% !important;
}

.h-735pc {
  height: 735% !important;
}

.h-730vh {
  height: 730vh !important;
}

.h-735vh {
  height: 735vh !important;
}

@media (max-width: 767px) {
  .h-sm-730pc {
    height: 730% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-735pc {
    height: 735% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-730pc {
    height: 730% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-735pc {
    height: 735% !important;
  }
}

.mh-730px {
  max-height: 730px !important;
}

.mh-735px {
  max-height: 735px !important;
}

.mh-730vh {
  max-height: 730vh !important;
}

.mh-735vh {
  max-height: 735vh !important;
}

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

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

.min-h-730 {
  min-height: 730% !important;
}

.min-h-735 {
  min-height: 735% !important;
}

.min-h-730vh {
  min-height: 730vh !important;
}

.min-h-735vh {
  min-height: 735vh !important;
}

.w-740px {
  width: 740px !important;
}

.w-745px {
  width: 745px !important;
}

.w-740pc {
  width: 740% !important;
}

.w-745pc {
  width: 745% !important;
}

@media (max-width: 767px) {
  .w-sm-740pc {
    width: 740% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-745pc {
    width: 745% !important;
  }
}

@media (max-width: 991px) {
  .w-md-740pc {
    width: 740% !important;
  }
}

@media (max-width: 991px) {
  .w-md-745pc {
    width: 745% !important;
  }
}

.mw-740px {
  max-width: 740px !important;
}

.mw-745px {
  max-width: 745px !important;
}

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

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

.h-740px {
  height: 740px !important;
}

.h-745px {
  height: 745px !important;
}

.h-740pc {
  height: 740% !important;
}

.h-745pc {
  height: 745% !important;
}

.h-740vh {
  height: 740vh !important;
}

.h-745vh {
  height: 745vh !important;
}

@media (max-width: 767px) {
  .h-sm-740pc {
    height: 740% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-745pc {
    height: 745% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-740pc {
    height: 740% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-745pc {
    height: 745% !important;
  }
}

.mh-740px {
  max-height: 740px !important;
}

.mh-745px {
  max-height: 745px !important;
}

.mh-740vh {
  max-height: 740vh !important;
}

.mh-745vh {
  max-height: 745vh !important;
}

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

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

.min-h-740 {
  min-height: 740% !important;
}

.min-h-745 {
  min-height: 745% !important;
}

.min-h-740vh {
  min-height: 740vh !important;
}

.min-h-745vh {
  min-height: 745vh !important;
}

.w-750px {
  width: 750px !important;
}

.w-755px {
  width: 755px !important;
}

.w-750pc {
  width: 750% !important;
}

.w-755pc {
  width: 755% !important;
}

@media (max-width: 767px) {
  .w-sm-750pc {
    width: 750% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-755pc {
    width: 755% !important;
  }
}

@media (max-width: 991px) {
  .w-md-750pc {
    width: 750% !important;
  }
}

@media (max-width: 991px) {
  .w-md-755pc {
    width: 755% !important;
  }
}

.mw-750px {
  max-width: 750px !important;
}

.mw-755px {
  max-width: 755px !important;
}

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

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

.h-750px {
  height: 750px !important;
}

.h-755px {
  height: 755px !important;
}

.h-750pc {
  height: 750% !important;
}

.h-755pc {
  height: 755% !important;
}

.h-750vh {
  height: 750vh !important;
}

.h-755vh {
  height: 755vh !important;
}

@media (max-width: 767px) {
  .h-sm-750pc {
    height: 750% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-755pc {
    height: 755% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-750pc {
    height: 750% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-755pc {
    height: 755% !important;
  }
}

.mh-750px {
  max-height: 750px !important;
}

.mh-755px {
  max-height: 755px !important;
}

.mh-750vh {
  max-height: 750vh !important;
}

.mh-755vh {
  max-height: 755vh !important;
}

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

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

.min-h-750 {
  min-height: 750% !important;
}

.min-h-755 {
  min-height: 755% !important;
}

.min-h-750vh {
  min-height: 750vh !important;
}

.min-h-755vh {
  min-height: 755vh !important;
}

.w-760px {
  width: 760px !important;
}

.w-765px {
  width: 765px !important;
}

.w-760pc {
  width: 760% !important;
}

.w-765pc {
  width: 765% !important;
}

@media (max-width: 767px) {
  .w-sm-760pc {
    width: 760% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-765pc {
    width: 765% !important;
  }
}

@media (max-width: 991px) {
  .w-md-760pc {
    width: 760% !important;
  }
}

@media (max-width: 991px) {
  .w-md-765pc {
    width: 765% !important;
  }
}

.mw-760px {
  max-width: 760px !important;
}

.mw-765px {
  max-width: 765px !important;
}

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

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

.h-760px {
  height: 760px !important;
}

.h-765px {
  height: 765px !important;
}

.h-760pc {
  height: 760% !important;
}

.h-765pc {
  height: 765% !important;
}

.h-760vh {
  height: 760vh !important;
}

.h-765vh {
  height: 765vh !important;
}

@media (max-width: 767px) {
  .h-sm-760pc {
    height: 760% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-765pc {
    height: 765% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-760pc {
    height: 760% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-765pc {
    height: 765% !important;
  }
}

.mh-760px {
  max-height: 760px !important;
}

.mh-765px {
  max-height: 765px !important;
}

.mh-760vh {
  max-height: 760vh !important;
}

.mh-765vh {
  max-height: 765vh !important;
}

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

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

.min-h-760 {
  min-height: 760% !important;
}

.min-h-765 {
  min-height: 765% !important;
}

.min-h-760vh {
  min-height: 760vh !important;
}

.min-h-765vh {
  min-height: 765vh !important;
}

.w-770px {
  width: 770px !important;
}

.w-775px {
  width: 775px !important;
}

.w-770pc {
  width: 770% !important;
}

.w-775pc {
  width: 775% !important;
}

@media (max-width: 767px) {
  .w-sm-770pc {
    width: 770% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-775pc {
    width: 775% !important;
  }
}

@media (max-width: 991px) {
  .w-md-770pc {
    width: 770% !important;
  }
}

@media (max-width: 991px) {
  .w-md-775pc {
    width: 775% !important;
  }
}

.mw-770px {
  max-width: 770px !important;
}

.mw-775px {
  max-width: 775px !important;
}

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

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

.h-770px {
  height: 770px !important;
}

.h-775px {
  height: 775px !important;
}

.h-770pc {
  height: 770% !important;
}

.h-775pc {
  height: 775% !important;
}

.h-770vh {
  height: 770vh !important;
}

.h-775vh {
  height: 775vh !important;
}

@media (max-width: 767px) {
  .h-sm-770pc {
    height: 770% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-775pc {
    height: 775% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-770pc {
    height: 770% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-775pc {
    height: 775% !important;
  }
}

.mh-770px {
  max-height: 770px !important;
}

.mh-775px {
  max-height: 775px !important;
}

.mh-770vh {
  max-height: 770vh !important;
}

.mh-775vh {
  max-height: 775vh !important;
}

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

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

.min-h-770 {
  min-height: 770% !important;
}

.min-h-775 {
  min-height: 775% !important;
}

.min-h-770vh {
  min-height: 770vh !important;
}

.min-h-775vh {
  min-height: 775vh !important;
}

.w-780px {
  width: 780px !important;
}

.w-785px {
  width: 785px !important;
}

.w-780pc {
  width: 780% !important;
}

.w-785pc {
  width: 785% !important;
}

@media (max-width: 767px) {
  .w-sm-780pc {
    width: 780% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-785pc {
    width: 785% !important;
  }
}

@media (max-width: 991px) {
  .w-md-780pc {
    width: 780% !important;
  }
}

@media (max-width: 991px) {
  .w-md-785pc {
    width: 785% !important;
  }
}

.mw-780px {
  max-width: 780px !important;
}

.mw-785px {
  max-width: 785px !important;
}

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

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

.h-780px {
  height: 780px !important;
}

.h-785px {
  height: 785px !important;
}

.h-780pc {
  height: 780% !important;
}

.h-785pc {
  height: 785% !important;
}

.h-780vh {
  height: 780vh !important;
}

.h-785vh {
  height: 785vh !important;
}

@media (max-width: 767px) {
  .h-sm-780pc {
    height: 780% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-785pc {
    height: 785% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-780pc {
    height: 780% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-785pc {
    height: 785% !important;
  }
}

.mh-780px {
  max-height: 780px !important;
}

.mh-785px {
  max-height: 785px !important;
}

.mh-780vh {
  max-height: 780vh !important;
}

.mh-785vh {
  max-height: 785vh !important;
}

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

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

.min-h-780 {
  min-height: 780% !important;
}

.min-h-785 {
  min-height: 785% !important;
}

.min-h-780vh {
  min-height: 780vh !important;
}

.min-h-785vh {
  min-height: 785vh !important;
}

.w-790px {
  width: 790px !important;
}

.w-795px {
  width: 795px !important;
}

.w-790pc {
  width: 790% !important;
}

.w-795pc {
  width: 795% !important;
}

@media (max-width: 767px) {
  .w-sm-790pc {
    width: 790% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-795pc {
    width: 795% !important;
  }
}

@media (max-width: 991px) {
  .w-md-790pc {
    width: 790% !important;
  }
}

@media (max-width: 991px) {
  .w-md-795pc {
    width: 795% !important;
  }
}

.mw-790px {
  max-width: 790px !important;
}

.mw-795px {
  max-width: 795px !important;
}

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

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

.h-790px {
  height: 790px !important;
}

.h-795px {
  height: 795px !important;
}

.h-790pc {
  height: 790% !important;
}

.h-795pc {
  height: 795% !important;
}

.h-790vh {
  height: 790vh !important;
}

.h-795vh {
  height: 795vh !important;
}

@media (max-width: 767px) {
  .h-sm-790pc {
    height: 790% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-795pc {
    height: 795% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-790pc {
    height: 790% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-795pc {
    height: 795% !important;
  }
}

.mh-790px {
  max-height: 790px !important;
}

.mh-795px {
  max-height: 795px !important;
}

.mh-790vh {
  max-height: 790vh !important;
}

.mh-795vh {
  max-height: 795vh !important;
}

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

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

.min-h-790 {
  min-height: 790% !important;
}

.min-h-795 {
  min-height: 795% !important;
}

.min-h-790vh {
  min-height: 790vh !important;
}

.min-h-795vh {
  min-height: 795vh !important;
}

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

.w-805px {
  width: 805px !important;
}

.w-800pc {
  width: 800% !important;
}

.w-805pc {
  width: 805% !important;
}

@media (max-width: 767px) {
  .w-sm-800pc {
    width: 800% !important;
  }
}

@media (max-width: 767px) {
  .w-sm-805pc {
    width: 805% !important;
  }
}

@media (max-width: 991px) {
  .w-md-800pc {
    width: 800% !important;
  }
}

@media (max-width: 991px) {
  .w-md-805pc {
    width: 805% !important;
  }
}

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

.mw-805px {
  max-width: 805px !important;
}

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

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

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

.h-805px {
  height: 805px !important;
}

.h-800pc {
  height: 800% !important;
}

.h-805pc {
  height: 805% !important;
}

.h-800vh {
  height: 800vh !important;
}

.h-805vh {
  height: 805vh !important;
}

@media (max-width: 767px) {
  .h-sm-800pc {
    height: 800% !important;
  }
}

@media (max-width: 767px) {
  .h-sm-805pc {
    height: 805% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-800pc {
    height: 800% !important;
  }
}

@media (max-width: 991px) {
  .h-sm-805pc {
    height: 805% !important;
  }
}

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

.mh-805px {
  max-height: 805px !important;
}

.mh-800vh {
  max-height: 800vh !important;
}

.mh-805vh {
  max-height: 805vh !important;
}

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

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

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

.min-h-805 {
  min-height: 805% !important;
}

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

.min-h-805vh {
  min-height: 805vh !important;
}

/* -------- Components -------- */
.main-sec-p {
  padding: 1.875rem 0;
  min-height: 100vh;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-main-clr {
  color: #8156c2 !important;
}

.bg-main-clr {
  background-color: var(--main-clr) !important;
}
.bg-main-clr.transition {
  transition: 0.4s ease;
}
.bg-main-clr.transition:hover {
  background-color: var(--#8156c2-hover) !important;
}

.btn-main-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #fff;
  background-color: var(--main-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--main-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-main-clr:hover {
  background-color: var(--main-clr-hover) !important;
  color: #fff;
  border-color: var(--main-clr-hover) !important;
}
.btn-main-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-main-clr {
  border-color: var(--main-clr) !important;
}

.text-secondary-clr {
  color: #df3a60 !important;
}

.bg-secondary-clr {
  background-color: var(--secondary-clr) !important;
}
.bg-secondary-clr.transition {
  transition: 0.4s ease;
}
.bg-secondary-clr.transition:hover {
  background-color: var(--#df3a60-hover) !important;
}

.btn-secondary-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #fff;
  background-color: var(--secondary-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--secondary-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-secondary-clr:hover {
  background-color: var(--secondary-clr-hover) !important;
  color: #fff;
  border-color: var(--secondary-clr-hover) !important;
}
.btn-secondary-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

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

.text-tomato-clr {
  color: #d65c5c !important;
}

.bg-tomato-clr {
  background-color: var(--tomato-clr) !important;
}
.bg-tomato-clr.transition {
  transition: 0.4s ease;
}
.bg-tomato-clr.transition:hover {
  background-color: var(--#d65c5c-hover) !important;
}

.btn-tomato-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--tomato-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--tomato-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-tomato-clr:hover {
  background-color: var(--tomato-clr-hover) !important;
  color: #fff;
  border-color: var(--tomato-clr-hover) !important;
}
.btn-tomato-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-tomato-clr {
  border-color: var(--tomato-clr) !important;
}

.text-soft-yellow-clr {
  color: #ffff4d !important;
}

.bg-soft-yellow-clr {
  background-color: var(--soft-yellow-clr) !important;
}
.bg-soft-yellow-clr.transition {
  transition: 0.4s ease;
}
.bg-soft-yellow-clr.transition:hover {
  background-color: var(--#ffff4d-hover) !important;
}

.btn-soft-yellow-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--soft-yellow-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--soft-yellow-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-soft-yellow-clr:hover {
  background-color: var(--soft-yellow-clr-hover) !important;
  color: #000;
  border-color: var(--soft-yellow-clr-hover) !important;
}
.btn-soft-yellow-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-soft-yellow-clr {
  border-color: var(--soft-yellow-clr) !important;
}

.text-dark-yellow-clr {
  color: #FBB707 !important;
}

.bg-dark-yellow-clr {
  background-color: var(--dark-yellow-clr) !important;
}
.bg-dark-yellow-clr.transition {
  transition: 0.4s ease;
}
.bg-dark-yellow-clr.transition:hover {
  background-color: var(--#FBB707-hover) !important;
}

.btn-dark-yellow-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--dark-yellow-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--dark-yellow-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-dark-yellow-clr:hover {
  background-color: var(--dark-yellow-clr-hover) !important;
  color: #fff;
  border-color: var(--dark-yellow-clr-hover) !important;
}
.btn-dark-yellow-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-dark-yellow-clr {
  border-color: var(--dark-yellow-clr) !important;
}

.text-soft-green-sky-clr {
  color: #80ffd4 !important;
}

.bg-soft-green-sky-clr {
  background-color: var(--soft-green-sky-clr) !important;
}
.bg-soft-green-sky-clr.transition {
  transition: 0.4s ease;
}
.bg-soft-green-sky-clr.transition:hover {
  background-color: var(--#80ffd4-hover) !important;
}

.btn-soft-green-sky-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--soft-green-sky-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--soft-green-sky-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-soft-green-sky-clr:hover {
  background-color: var(--soft-green-sky-clr-hover) !important;
  color: #000;
  border-color: var(--soft-green-sky-clr-hover) !important;
}
.btn-soft-green-sky-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-soft-green-sky-clr {
  border-color: var(--soft-green-sky-clr) !important;
}

.text-skin-clr {
  color: #edd392 !important;
}

.bg-skin-clr {
  background-color: var(--skin-clr) !important;
}
.bg-skin-clr.transition {
  transition: 0.4s ease;
}
.bg-skin-clr.transition:hover {
  background-color: var(--#edd392-hover) !important;
}

.btn-skin-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--skin-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--skin-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-skin-clr:hover {
  background-color: var(--skin-clr-hover) !important;
  color: #000;
  border-color: var(--skin-clr-hover) !important;
}
.btn-skin-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-skin-clr {
  border-color: var(--skin-clr) !important;
}

.text-soft-gray {
  color: #c8c8c8 !important;
}

.bg-soft-gray {
  background-color: var(--soft-gray) !important;
}
.bg-soft-gray.transition {
  transition: 0.4s ease;
}
.bg-soft-gray.transition:hover {
  background-color: var(--#c8c8c8-hover) !important;
}

.btn-soft-gray {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--soft-gray) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--soft-gray);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-soft-gray:hover {
  background-color: var(--soft-gray-hover) !important;
  color: #000;
  border-color: var(--soft-gray-hover) !important;
}
.btn-soft-gray.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-soft-gray {
  border-color: var(--soft-gray) !important;
}

.text-dark-gray {
  color: #6c7769 !important;
}

.bg-dark-gray {
  background-color: var(--dark-gray) !important;
}
.bg-dark-gray.transition {
  transition: 0.4s ease;
}
.bg-dark-gray.transition:hover {
  background-color: var(--#6c7769-hover) !important;
}

.btn-dark-gray {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #fff;
  background-color: var(--dark-gray) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--dark-gray);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-dark-gray:hover {
  background-color: var(--dark-gray-hover) !important;
  color: #fff;
  border-color: var(--dark-gray-hover) !important;
}
.btn-dark-gray.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

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

.text-print-main-clr {
  color: #FBB707 !important;
}

.bg-print-main-clr {
  background-color: var(--print-main-clr) !important;
}
.bg-print-main-clr.transition {
  transition: 0.4s ease;
}
.bg-print-main-clr.transition:hover {
  background-color: var(--#FBB707-hover) !important;
}

.btn-print-main-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--print-main-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--print-main-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-print-main-clr:hover {
  background-color: var(--print-main-clr-hover) !important;
  color: #fff;
  border-color: var(--print-main-clr-hover) !important;
}
.btn-print-main-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-print-main-clr {
  border-color: var(--print-main-clr) !important;
}

.text-print-d3-clr {
  color: #2a25b2 !important;
}

.bg-print-d3-clr {
  background-color: var(--print-d3-clr) !important;
}
.bg-print-d3-clr.transition {
  transition: 0.4s ease;
}
.bg-print-d3-clr.transition:hover {
  background-color: var(--#2a25b2-hover) !important;
}

.btn-print-d3-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #fff;
  background-color: var(--print-d3-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--print-d3-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-print-d3-clr:hover {
  background-color: var(--print-d3-clr-hover) !important;
  color: #fff;
  border-color: var(--print-d3-clr-hover) !important;
}
.btn-print-d3-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-print-d3-clr {
  border-color: var(--print-d3-clr) !important;
}

.text-heaven-clr {
  color: #37c329 !important;
}

.bg-heaven-clr {
  background-color: var(--heaven-clr) !important;
}
.bg-heaven-clr.transition {
  transition: 0.4s ease;
}
.bg-heaven-clr.transition:hover {
  background-color: var(--#37c329-hover) !important;
}

.btn-heaven-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--heaven-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--heaven-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-heaven-clr:hover {
  background-color: var(--heaven-clr-hover) !important;
  color: #fff;
  border-color: var(--heaven-clr-hover) !important;
}
.btn-heaven-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-heaven-clr {
  border-color: var(--heaven-clr) !important;
}

.text-very-soft-pink-clr {
  color: #ebdff1 !important;
}

.bg-very-soft-pink-clr {
  background-color: var(--very-soft-pink-clr) !important;
}
.bg-very-soft-pink-clr.transition {
  transition: 0.4s ease;
}
.bg-very-soft-pink-clr.transition:hover {
  background-color: var(--#ebdff1-hover) !important;
}

.btn-very-soft-pink-clr {
  padding: 0.375rem 0.75rem;
  text-transform: capitalize;
  color: #000;
  background-color: var(--very-soft-pink-clr) !important;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--very-soft-pink-clr);
  text-align: center;
  user-select: none;
  transition: 0.4s ease;
  cursor: pointer;
}
.btn-very-soft-pink-clr:hover {
  background-color: var(--very-soft-pink-clr-hover) !important;
  color: #000;
  border-color: var(--very-soft-pink-clr-hover) !important;
}
.btn-very-soft-pink-clr.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.border-very-soft-pink-clr {
  border-color: var(--very-soft-pink-clr) !important;
}

.divider {
  width: max-content;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid black;
}

.events-none {
  pointer-events: none;
}

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

.disable {
  pointer-events: none;
  background-color: #cbcaca !important;
}

.disable-btn {
  pointer-events: none;
  filter: grayscale(60%);
}

.shine {
  position: relative;
  overflow: hidden;
  opacity: 0.85;
  transition: 0.5s ease;
}
.shine:hover {
  opacity: 1;
}
.shine::before {
  content: "";
  position: absolute;
  left: -120%;
  top: -70%;
  height: 250%;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  transform: rotate(45deg);
}
.shine:hover:before {
  transition: 0.7s ease;
  left: 150%;
}

.slideUp {
  display: grid;
  grid-template-rows: 1fr;
  transition: 0.4s ease;
}
.slideUp > *:first-child {
  overflow: hidden;
  transition: 0.4s ease;
}
.slideUp.slide {
  grid-template-rows: 0fr;
}
.slideUp.slide > *:first-child {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0 !important;
  transition: 0.4s ease, padding 0.2s 0.2s ease;
}

.slideRight {
  display: grid;
  grid-template-columns: 1fr;
  transition: 0.4s ease;
}
.slideRight > *:first-child {
  overflow: hidden;
  transition: 0.4s ease;
}
.slideRight.slide {
  grid-template-columns: 0fr;
}
.slideRight.slide > *:first-child {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0 !important;
  transition: 0.4s ease, padding 0.2s 0.2s ease;
}

.blur-disable {
  filter: blur(0.1875rem);
  opacity: 0.8;
  pointer-events: none;
}

.underline {
  --underline-clr: #dc3545;
  --underline-style: solid;
  --underline-width: 1px;
  --underline-offset: .4em;
  text-decoration: underline var(--underline-style) var(--underline-clr) var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

.soft-glowing-text {
  --glowing-clr: red;
  --glowing-letter-spacing: 2px;
  color: var(--glowing-clr) !important;
  text-shadow: 0 0 1px var(--glowing-clr), 0 0 3px var(--glowing-clr), 0 0 5px var(--glowing-clr);
  letter-spacing: var(--glowing-letter-spacing);
}

/*
SIZE OF SWITCH
==============
All sizes are in em - therefore
changing the font-size here
will change the size of the switch.
See .rocker-small below as example.
*/
.switch {
  position: relative;
  padding: 1rem;
  display: inline-block;
  width: 7em;
  height: 4em;
  overflow: hidden;
  border-bottom: 0.5em solid #eee;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #888;
  /* Keyboard Users */
}
.switch input[type=checkbox] {
  visibility: hidden;
  display: none;
}
.switch::before {
  content: "";
  position: absolute;
  inset: 0.5rem 0 0 0;
  background-color: #999;
  border: 0.5em solid #eee;
  border-bottom: 0;
}
.switch .switch-left,
.switch .switch-right {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 3em;
  text-transform: capitalize;
  line-height: 0.9375rem;
  transition: 0.2s;
  user-select: none;
}
.switch .switch-left {
  height: 2.4em;
  width: 2.75em;
  left: 0.85em;
  bottom: 0.4em;
  background-color: #ddd;
  transform: rotate(15deg) skewX(15deg);
}
.switch .switch-right {
  right: 0.5em;
  bottom: 0;
  background-color: #bd5757;
  color: #fff;
}
.switch .switch-left::before,
.switch .switch-right::before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 2.45em;
  bottom: -0.45em;
  background-color: #ccc;
  transform: skewY(-65deg);
}
.switch .switch-left::before {
  left: -0.4em;
}
.switch .switch-right::before {
  right: -0.375em;
  background-color: transparent;
  transform: skewY(65deg);
}
.switch input:checked ~ .switch-left {
  background-color: #0084d0;
  color: #fff;
  bottom: 0px;
  left: 0.5em;
  height: 2.5em;
  width: 3em;
  transform: rotate(0deg) skewX(0deg);
}
.switch input:checked ~ .switch-left::before {
  background-color: transparent;
  width: 3.0833em;
}
.switch input:checked ~ .switch-right {
  background-color: #ddd;
  color: #888;
  bottom: 0.4em;
  right: 0.8em;
  height: 2.4em;
  width: 2.75em;
  transform: rotate(-15deg) skewX(-15deg);
}
.switch input:checked ~ .switch-right::before {
  background-color: #ccc;
}
.switch input:focus ~ .switch-left {
  color: #333;
}
.switch input:checked:focus ~ .switch-left {
  color: #fff;
}
.switch input:focus ~ .switch-right {
  color: #fff;
}
.switch input:checked:focus ~ .switch-right {
  color: #333;
}

.table-vertical {
  width: fit-content;
  margin-inline: auto;
}
.table-vertical thead {
  position: static;
  display: flex;
}
.table-vertical thead tr {
  display: grid;
  grid-template-rows: repeat(var(--rows), 1fr);
}
.table-vertical thead tr > * {
  position: static;
  border-width: 0.0625rem;
  white-space: wrap;
  word-wrap: break-word;
  max-width: unset;
}

/********************** Global Style *************/
html {
  scroll-snap-type: y mandatory;
}

body {
  background-color: var(--body-bg);
}

::selection {
  background-color: var(--main-clr);
  color: #fff;
}

label {
  font-weight: 400;
}

fieldset {
  --border-clr: var(--soft-gray);
  --border-type: solid;
  --border-width: 1px;
  --fieldset-padding: 5px;
  border: var(--border-width) var(--border-type) var(--border-clr);
  padding: var(--fieldset-padding);
}

legend {
  float: initial !important;
  width: initial !important;
  text-transform: capitalize;
  text-align: center;
}
legend.legend-inherit {
  padding-inline: 0.4375rem;
  border: var(--border-width, 0px) var(--border-type, solid) var(--border-clr, transparent);
  background-color: inherit;
}
legend.legend-inherit-full-top {
  position: relative;
  transform: translateY(-50%);
  padding-inline: 0.4375rem;
  margin-top: 1.25rem;
  border: var(--border-width, 0px) var(--border-type, solid) var(--border-clr, transparent);
  border-bottom: none;
  background-color: inherit;
}
legend.legend-inherit-full-top:not(.mx-auto) {
  border-right: none;
  margin-right: calc((var(--fieldset-padding)) * -1);
}
legend.legend-inherit-full-top:not(.mx-auto)::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(var(--border-width, 0px) * -1);
  width: var(--border-width, 0px);
  height: 100%;
  background-color: var(--border-clr, inherit);
}
legend.legend-inherit-half-top {
  position: relative;
  padding-inline: 0.4375rem;
  border-top: var(--border-width, 0px) var(--border-type, solid) var(--border-clr, transparent);
  background-color: inherit;
}
legend.legend-inherit-half-top:not(.mx-auto) {
  margin-right: calc((var(--fieldset-padding) + var(--border-width)) * -1);
}
legend.legend-inherit-half-top::before, legend.legend-inherit-half-top::after {
  content: "";
  position: absolute;
  width: var(--border-width, 0px);
  background-color: var(--border-clr, inherit);
  top: 0;
  height: 50%;
}
legend.legend-inherit-half-top::before {
  left: 0;
}
legend.legend-inherit-half-top::after {
  right: 0;
}
legend.legend-inherit-half-top:not(.mx-auto)::after {
  height: 100%;
}

.table-responsive {
  max-height: 75vh;
}
.table-responsive:not(:hover)::-webkit-scrollbar {
  visibility: hidden;
}
.table-responsive:has(.table-vertical) {
  max-height: unset;
}

table {
  font-size: 0.8125rem;
}
table tbody,
table thead {
  vertical-align: middle !important;
}
table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12.5rem;
}
table td.lost.lost {
  outline: 0.125rem outset hsl(0, 50%, 40%);
  outline-offset: -0.1875rem;
}
table td.lost-bg.lost-bg {
  box-shadow: inset 0 0 0 100vw hsl(0, 40%, 70%);
  color: #000;
}
table td.win.win {
  outline: 0.125rem outset hsl(120, 50%, 40%);
  outline-offset: -3px;
}
table td.win-bg.win-bg {
  box-shadow: inset 0 0 0 100vw hsl(120, 40%, 70%);
  color: #000;
}
table td.wrap {
  white-space: initial;
}
table td.is-input textarea,
table td.is-input input {
  min-width: 3.125rem;
  background-color: transparent;
  border-color: transparent;
  font-size: inherit;
  color: inherit;
}
table td.is-input select {
  min-width: 3.125rem;
  padding: 0.3125rem;
  padding-left: 0.3125rem;
  padding-left: 1.25rem;
  font-size: inherit;
  background-size: 1.25rem;
  background-position: left;
  cursor: pointer;
}
table td.is-input select:not(:focus) {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
table td.is-filter-input {
  padding: 0rem;
}
table td.is-filter-input input {
  min-width: 3.125rem;
  background-color: rgba(238, 238, 238, 0.35);
  border-color: rgba(238, 238, 238, 0.7);
  border-radius: 0;
  font-size: 0.75rem;
  color: #222;
  transition: 0.3s ease;
  mix-blend-mode: hard-light;
}
table td.is-filter-input input::placeholder {
  color: #222;
  opacity: 0.7;
  text-align: right;
}
table td.is-filter-input input:focus {
  border-color: var(--soft-gray);
  caret-color: #000;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}
table td.is-filter-input select {
  min-width: 3.125rem;
  padding-left: 0.3125rem;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  background-size: 1.25rem;
  mix-blend-mode: hard-light;
  background-position: left;
  border-radius: 0;
  cursor: pointer;
}
table td.is-filter-input select:not(:focus) {
  background-color: rgba(238, 238, 238, 0.35);
  border-color: rgba(238, 238, 238, 0.7);
  color: #222;
}
table td.is-filter-input select:focus {
  border-color: var(--soft-gray);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}
table * {
  text-align: center;
  font-size: inherit;
}
table thead.head-sticky {
  position: sticky;
  top: -1px;
  z-index: 10;
}
table thead.head-sticky th, table thead.head-sticky td {
  position: sticky;
  top: -1px;
  z-index: 10;
  padding: 0.5rem;
  text-transform: capitalize;
}
table th {
  min-width: max-content;
  text-transform: capitalize;
  padding: 0.5rem;
}
@media (print) {
  table th {
    min-width: unset;
  }
}
table tr, table th, table td {
  font: inherit;
}
table [data-for-deleting] {
  margin: 0;
  height: 1.5625rem;
  width: 1.5625rem;
  cursor: pointer;
}
table .select-all {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
table .select-all input {
  margin: 0;
  height: 1.5625rem;
  width: 1.5625rem;
  cursor: pointer;
}

hr {
  border-color: black;
}
hr.dashed {
  border-style: dashed;
  margin: 0.3125rem 0;
}

select,
textarea,
input {
  caret-color: var(--secondary-clr);
  transition: 0.5s ease;
}

table th,
input::placeholder,
label {
  text-transform: capitalize;
}

.form-control:focus,
textarea:focus,
select:focus,
input:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--main-clr);
  box-shadow: 0 0 0 0.0625rem var(--main-clr);
  outline: 0;
}

.form-check-input,
[type=checkbox] {
  transition: 0.2s ease;
}

.form-check-input:checked,
[type=checkbox]:checked {
  background-color: var(--main-clr) !important;
  border-color: var(--main-clr) !important;
}

[type=checkbox]:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(129, 86, 194, 0.5);
  border-color: var(--main-clr);
}

lord-icon {
  --lord-width: 25px;
  --lord-height: 25px;
  width: var(--lord-width);
  height: var(--lord-width);
}
lord-icon.search {
  width: 3.125rem;
  height: 3.125rem;
}
lord-icon.print {
  width: 2.5rem;
  height: 2.5rem;
}

.show-pwd {
  position: relative;
}
.show-pwd input {
  padding-left: 2rem;
}
.show-pwd.is-invalid input {
  padding-left: 3.5rem;
}
.show-pwd-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  height: 100%;
  width: fit-content;
  padding: 0.5rem;
  cursor: pointer;
  transition: 0.2s ease;
}
.show-pwd.is-invalid .show-pwd-icon {
  left: 1.5rem;
}

.tooltip {
  position: absolute;
  z-index: 10000;
  padding: 0.4em 1em;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  background-color: black;
  color: white;
  text-transform: capitalize;
  border-radius: 0.25rem;
}
.tooltip.shadow {
  box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2) !important;
}
@media (max-width: 767px) {
  .tooltip {
    display: none;
  }
}

.count-phone-number {
  position: relative;
}
.count-phone-number span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-55%);
  display: grid;
  place-items: center;
  height: 100%;
  width: fit-content;
  padding: 0.5rem;
  color: red;
  transition: 0.2s ease;
}
.count-phone-number.is-invalid span {
  left: 1.5rem;
}

.invalid-feedback {
  text-transform: capitalize;
}

.main-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 1rem;
  transition: 0.3s ease;
}
.main-box .item {
  position: relative;
  z-index: 3;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  text-align: center;
  border: solid 1px var(--soft-gray);
  transition: 0.3s ease;
}
.main-box .item:hover {
  transform: translateY(-0.625rem);
  box-shadow: 0 0.625rem 0.625rem -0.3125rem rgba(200, 200, 200, 0.5);
}
.main-box .item h5 {
  font-size: 0.9375rem;
  text-transform: capitalize;
}
.main-box .item img {
  margin-bottom: 1rem;
  max-width: min(100%, 75px);
}

.suppliers-box {
  transition: 0.5s ease;
}
.suppliers-box .title {
  text-align: center;
  text-transform: capitalize;
}
.suppliers-box .head {
  display: grid;
  gap: 0.5rem;
}
.suppliers-box .body {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-height: 50vh;
  overflow: scroll;
  padding: 2rem 0 1rem;
}
@media (max-width: 767px) {
  .suppliers-box .body {
    flex-direction: row;
    max-height: initial;
    padding: 1rem 0.5rem;
  }
}
.suppliers-box .info-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}
.suppliers-box .info-holder .name-holder {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  text-transform: capitalize;
}
.suppliers-box .info-holder .name {
  color: red;
  font-weight: bold;
}
.suppliers-box .info-holder .supplier-id,
.suppliers-box .info-holder .customer-id {
  padding: 0.625rem;
  font-weight: bold;
  background-color: #fff;
  box-shadow: 0 0.5rem 1.25rem 0.3125rem rgba(0, 0, 0, 0.1);
  border-radius: 0.3125rem;
}
.suppliers-box .supplier-info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  width: min(12.5rem, 100%);
  padding: 0.4375rem 0.75rem;
  margin-inline: auto;
  background-color: #e8e8e8;
  border-radius: 0.3125rem;
  border: solid 0.0625rem transparent;
  box-shadow: 0 0.1875rem 0.3125rem rgba(34, 34, 34, 0.2);
  transition: 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .suppliers-box .supplier-info {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 9.375rem;
    gap: 0.625rem;
  }
}
.suppliers-box .supplier-info .debt {
  position: absolute;
  top: 0.125rem;
  font-size: 0.6875rem;
  color: hsl(0, 60%, 60%);
  text-align: center;
}
.suppliers-box .supplier-info .debt-dollar {
  left: 0.75rem;
}
.suppliers-box .supplier-info .debt-dinar {
  right: 0.75rem;
}
.suppliers-box .supplier-info .info,
.suppliers-box .supplier-info .user {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
}
@media (max-width: 767px) {
  .suppliers-box .supplier-info .info,
  .suppliers-box .supplier-info .user {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .suppliers-box .supplier-info .user {
    width: 40%;
  }
}
.suppliers-box .supplier-info .info {
  align-items: initial;
  font-size: 0.8125rem;
}
.suppliers-box .supplier-info .delegate {
  display: flex;
  gap: 0.3125rem;
  justify-content: center;
  align-items: center;
}
.suppliers-box .supplier-info .delegate .label {
  color: var(--main-clr);
}
.suppliers-box .supplier-info .delegate .name {
  text-align: center;
}
.suppliers-box .supplier-info .img {
  font-size: 2.5rem;
  color: #999;
  transition: 0.3s ease;
}
.suppliers-box .supplier-info.active, .suppliers-box .supplier-info:hover {
  transform: scale(1.05) !important;
  background-color: #fff !important;
}
.suppliers-box .supplier-info.active .img, .suppliers-box .supplier-info:hover .img {
  color: #555;
}
.suppliers-box .supplier-info.active {
  border: solid 0.0625rem #afafaf;
}
@media (max-width: 767px) {
  .suppliers-box {
    margin: 1.25rem 0;
  }
}

#empty_data_msg {
  text-align: center;
  text-transform: capitalize;
  font-size: 1.875rem;
  margin: 2.5rem 0;
}

#show_suppliers_suggestions,
#show_clients_suggestions,
#show_global_search_suggestions,
#show_suggestions {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  width: 100%;
  z-index: 30;
  display: flex;
  flex-direction: column;
  border-radius: 0.3125rem;
  overflow: auto;
  max-height: 15.625rem;
  box-shadow: 0 0.5rem 0.5rem rgba(108, 119, 105, 0.2);
  background-color: var(--body-bg);
}
#show_suppliers_suggestions > *,
#show_clients_suggestions > *,
#show_global_search_suggestions > *,
#show_suggestions > * {
  padding: 0.5rem;
  background-color: white;
  cursor: pointer;
  transition: 0.4s ease;
}
#show_suppliers_suggestions > *.hovered, #show_suppliers_suggestions > *:hover,
#show_clients_suggestions > *.hovered,
#show_clients_suggestions > *:hover,
#show_global_search_suggestions > *.hovered,
#show_global_search_suggestions > *:hover,
#show_suggestions > *.hovered,
#show_suggestions > *:hover {
  background-color: rgba(200, 200, 200, 0.4);
}

#air-datepicker-global-container {
  direction: ltr;
  z-index: 1100;
}

.img-loader {
  display: block;
  margin-inline: auto;
  max-width: 100%;
  border: solid 1px dark;
  animation: skeleton-loader 1s ease alternate infinite;
}

/********************** Classes *************/
/* Make A Tooltip By Using tooltip Attribute */
[tooltip] {
  --arrow-width: 7px;
  --tooltip-clr: #000;
  --tooltip-txt-clr: #fff;
  --tt-fs: 15px;
  --distance: 1px;
  position: relative;
  text-transform: capitalize;
}

[tooltip][tt-light] {
  --tooltip-clr: #fff;
  --tooltip-txt-clr: #000;
}

[tooltip]::before,
[tooltip]::after {
  position: absolute;
  z-index: 1000;
  transition: 0.15s ease;
  pointer-events: none;
  text-transform: capitalize;
  opacity: 0;
  scale: 0.2;
}
@media (max-width: 767px) {
  [tooltip]::before,
  [tooltip]::after {
    display: none;
  }
}

[tooltip]::after {
  content: attr(tt-text);
  width: max-content;
  font-size: var(--tt-fs);
  padding: 4px 8px;
  text-align: center;
  background-color: var(--tooltip-clr);
  color: var(--tooltip-txt-clr);
  border-radius: 0.3125rem;
}

[tooltip]::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: var(--arrow-width);
  border-color: var(--tooltip-clr);
}

[tooltip][tt-dir=left]::after {
  left: calc(var(--arrow-width) * -2 - var(--distance));
  top: 50%;
  transform: translate(-100%, -50%);
  transform-origin: left center;
}

[tooltip][tt-dir=left]::before {
  left: calc(var(--distance) * -2);
  top: 50%;
  transform: translate(-100%, -50%);
  border-left-color: var(--tooltip-clr);
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  transform-origin: left center;
}

[tooltip][tt-dir=right]::after {
  right: calc(var(--arrow-width) * -2 - var(--distance));
  top: 50%;
  transform: translate(100%, -50%);
  transform-origin: right center;
}

[tooltip][tt-dir=right]::before {
  right: calc(var(--distance) * -2);
  top: 50%;
  transform: translate(100%, -50%);
  border-right-color: var(--tooltip-clr);
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  transform-origin: right center;
}

[tooltip][tt-dir=top]::after {
  top: calc(var(--arrow-width) * -2 - var(--distance));
  left: 50%;
  transform: translate(-50%, -100%);
  transform-origin: left;
}

[tooltip][tt-dir=top]::before {
  top: calc(var(--distance) * -2);
  left: 50%;
  transform: translate(-50%, -100%);
  border-top-color: var(--tooltip-clr);
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform-origin: left;
}

[tooltip][tt-dir=bottom]::after {
  bottom: calc(var(--arrow-width) * -2 + var(--distance));
  left: 50%;
  transform: translate(-50%, 100%);
  transform-origin: left;
}

[tooltip][tt-dir=bottom]::before {
  bottom: calc(var(--distance) - 2px);
  left: 50%;
  transform: translate(-50%, 100%);
  border-bottom-color: var(--tooltip-clr);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  transform-origin: left;
}

[tooltip][tt-fw-bold]:after {
  font-weight: bold;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
  opacity: 1;
  scale: 1;
}

/********************** Sweet Alert 2 *************/
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background-color: rgba(0, 0, 0, 0.6);
}

.swal2-toast.colored-toast.swal2-icon-success {
  background-color: #87d05d !important;
}
.swal2-toast.colored-toast.swal2-icon-warning {
  background-color: #da950b !important;
}
.swal2-toast.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}
.swal2-toast.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}
.swal2-toast.colored-toast .swal2-title,
.swal2-toast.colored-toast .swal2-close,
.swal2-toast.colored-toast .swal2-html-container {
  color: white;
}

.swal2-content {
  padding: 0;
}
.swal2-content label {
  font-size: 1rem;
}

.swal2-header {
  padding: 0;
}

.swal2-title {
  width: 100%;
  padding-bottom: 0.625rem;
  border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.15);
  font-size: 1.4375rem;
  text-align: initial;
}

.swal2-container {
  transition: background-color 0.2s ease;
}

.swal2-hide,
.swal2-show {
  animation-duration: 0.4s;
}

.swal2-popup.swal2-toast {
  box-shadow: none !important;
}

.swal2-actions {
  z-index: 0;
}

/********************** print page *************/
.print_page {
  display: grid;
  width: 100%;
  min-height: 100vh;
  background-color: #fff !important;
  padding: 0 2.8125rem !important;
}
.print_page table td {
  overflow: auto;
  text-overflow: auto;
  white-space: normal;
  max-width: auto;
  padding: 0.125rem 0.1875rem;
}
.print_page table th {
  padding: 0.125rem 0.1875rem;
  font-weight: bold;
}
.print_page .label {
  font-weight: bolder;
  text-transform: capitalize;
}
.print_page .contact {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.print_page .info-label {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 0.625rem;
}
.print_page .info-label span {
  text-transform: capitalize;
}
.print_page .social {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  margin-bottom: 0.625rem;
}
.print_page .social > * {
  display: grid;
  gap: 0.3125rem;
}
.print_page .social > * > * {
  display: flex;
  align-items: flex-end;
  gap: 0.9375rem;
}
@media print {
  .print_page {
    padding: 0 !important;
  }
  .print_page #print_btn {
    display: none;
  }
}
.print_page #fixed-btns,
.print_page #fixed_notification_btn,
.print_page #fixed_settings_btn {
  display: none;
}
.print_page tr:not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-secondary):not(.text-dark) {
  color: inherit !important;
}
.print_page th:not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-secondary):not(.text-dark) {
  color: inherit !important;
}
.print_page td:not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-secondary):not(.text-dark) {
  color: inherit !important;
}
.print_page thead:not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-secondary):not(.text-dark) {
  color: inherit !important;
}
.print_page tbody:not(.text-white):not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning):not(.text-secondary):not(.text-dark) {
  color: inherit !important;
}
.print_page thead.text-main-clr {
  color: #8156c2 !important;
}
.print_page tbody.text-main-clr {
  color: #8156c2 !important;
}
.print_page thead.text-secondary-clr {
  color: #df3a60 !important;
}
.print_page tbody.text-secondary-clr {
  color: #df3a60 !important;
}
.print_page thead.text-tomato-clr {
  color: #d65c5c !important;
}
.print_page tbody.text-tomato-clr {
  color: #d65c5c !important;
}
.print_page thead.text-soft-yellow-clr {
  color: #ffff4d !important;
}
.print_page tbody.text-soft-yellow-clr {
  color: #ffff4d !important;
}
.print_page thead.text-dark-yellow-clr {
  color: #FBB707 !important;
}
.print_page tbody.text-dark-yellow-clr {
  color: #FBB707 !important;
}
.print_page thead.text-soft-green-sky-clr {
  color: #80ffd4 !important;
}
.print_page tbody.text-soft-green-sky-clr {
  color: #80ffd4 !important;
}
.print_page thead.text-skin-clr {
  color: #edd392 !important;
}
.print_page tbody.text-skin-clr {
  color: #edd392 !important;
}
.print_page thead.text-soft-gray {
  color: #c8c8c8 !important;
}
.print_page tbody.text-soft-gray {
  color: #c8c8c8 !important;
}
.print_page thead.text-dark-gray {
  color: #6c7769 !important;
}
.print_page tbody.text-dark-gray {
  color: #6c7769 !important;
}
.print_page thead.text-print-main-clr {
  color: #FBB707 !important;
}
.print_page tbody.text-print-main-clr {
  color: #FBB707 !important;
}
.print_page thead.text-print-d3-clr {
  color: #2a25b2 !important;
}
.print_page tbody.text-print-d3-clr {
  color: #2a25b2 !important;
}
.print_page thead.text-heaven-clr {
  color: #37c329 !important;
}
.print_page tbody.text-heaven-clr {
  color: #37c329 !important;
}
.print_page thead.text-very-soft-pink-clr {
  color: #ebdff1 !important;
}
.print_page tbody.text-very-soft-pink-clr {
  color: #ebdff1 !important;
}
.print_page table {
  background-color: var(--bs-table-bg) !important;
}

/********************** pages *************/
.invoice .header-slide {
  position: relative;
  margin-top: 2.5rem;
}
.invoice .sales_settings_btn_close {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  display: grid;
  place-items: center;
  width: fit-content;
  transform: translateY(-100%);
  padding: 0.3125rem 0.625rem;
  font-size: 1.25rem;
  background-color: #221;
  color: #fff;
  border-radius: 0.3125rem 0.3125rem 0rem 0rem;
}
.invoice .sales_settings_btn_close i {
  transition: 0.5s ease-in-out;
}
.invoice .sales_settings_btn_close.close i {
  rotate: 180deg;
}
.invoice .current_invoice_number {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  bottom: auto;
  display: flex;
  gap: 0.3125rem;
  width: fit-content;
  transform: translateY(-100%);
  padding: 0.3125rem;
  background-color: var(--soft-gray);
  background-image: linear-gradient(-190deg, #fcfcfc 0%, var(--soft-gray) 100%);
  border-radius: 0.3125rem 0.3125rem 0rem 0rem;
}
.invoice .invoice-settings {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 0.3125rem;
}
.invoice .invoice-settings .chose-settings {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.25rem;
}
.invoice .invoice-settings .chose-settings > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.invoice .invoice-settings .dashed {
  margin: 0.75rem 0;
}
.invoice .table-box {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 50vh;
  height: 100%;
}
.invoice .table-box table td:not(.is-input) {
  cursor: default;
}
.invoice .table-box table td.total-product {
  padding: 0.25rem;
}
.invoice .table-box table .product-name-holder {
  position: relative;
  min-height: 3.75rem;
  max-width: 18.75rem;
  padding: 1.5625rem 0.3125rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invoice .table-box table .product-name-holder:hover .see-orders {
  left: 0;
}
.invoice .table-box table .product-name-holder:hover .gift {
  right: 0;
}
.invoice .table-box table .see-orders {
  left: -100%;
  background-color: var(--main-clr);
}
.invoice .table-box table .see-orders:hover {
  background-color: var(--main-clr-hover);
}
.invoice .table-box table .gift {
  right: -100%;
  background-color: var(--secondary-clr);
}
.invoice .table-box table .gift:hover {
  background-color: var(--secondary-clr-hover);
}
.invoice .table-box table .see-orders,
.invoice .table-box table .gift {
  position: absolute;
  top: 0;
  padding: 0.125rem 0.21875rem;
  width: calc(50% - 5px);
  color: #fff;
  transition: 0.15s ease;
  font-size: 0.75rem;
}
.invoice .table-box .stop-sale {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  -webkit-backdrop-filter: blur(0.4375rem);
  -moz-backdrop-filter: blur(0.4375rem);
  -ms-backdrop-filter: blur(0.4375rem);
  -o-backdrop-filter: blur(0.4375rem);
  backdrop-filter: blur(0.4375rem);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  text-align: center;
}
.invoice .table-box .stop-sale .content {
  display: grid;
  gap: 0.9375rem;
  padding: 0.9375rem 1.25rem;
  -webkit-backdrop-filter: blur(0.4375rem);
  -moz-backdrop-filter: blur(0.4375rem);
  -ms-backdrop-filter: blur(0.4375rem);
  -o-backdrop-filter: blur(0.4375rem);
  backdrop-filter: blur(0.4375rem);
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.625rem;
}
.invoice .table-box .stop-sale p {
  background-color: var(--soft-yellow-clr);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.3125rem;
}
.invoice .invoice-person-table {
  margin-right: 3.125rem;
}
.invoice .searchPerson {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  display: grid;
  place-content: center;
  height: 100%;
  padding: 0.15625rem 0.3125rem;
  background-color: var(--soft-gray);
}
.invoice .searchPerson input::placeholder {
  font-size: 0.875rem;
}
.invoice .searchPerson:has(input:focus) .searchPerson__slideForm {
  grid-template-columns: 1fr;
}
.invoice .searchPerson:hover .searchPerson__slideForm {
  grid-template-columns: 1fr;
}
.invoice .searchPerson:not(:hover) .searchPerson__slideForm {
  grid-template-columns: 0fr;
}
.invoice .searchPerson:not(:hover):not(:has(input:focus)) #show_clients_suggestions {
  display: none;
}
.invoice .searchPerson:not(:hover):not(:has(input:focus)) #show_suppliers_suggestions {
  display: none;
}
.invoice .searchPerson__revealBtn {
  position: relative;
}
.invoice .searchPerson__revealBtn lord-icon {
  width: 2.5rem;
  height: 2.5rem;
  opacity: 0.8;
  transition: 0.3s ease;
}
.invoice .searchPerson__revealBtn:hover lord-icon {
  opacity: 1;
}
.invoice .searchPerson__revealBtn .search-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.invoice .searchPerson__form {
  display: flex;
  align-items: center;
}
.invoice .searchPerson__slideForm {
  display: grid;
  transition: 0.3s ease;
}
.invoice .searchPerson__slideForm > *:first-child {
  overflow: hidden;
  transition: 0.3s ease;
}
.invoice .is-input {
  cursor: text;
}
.invoice .is-input i {
  position: absolute;
  top: -0.375rem;
  right: -0.125rem;
  display: block;
  font-size: 0.5625rem;
  opacity: 0.6;
}
.invoice .is-input i.price-edit-icon {
  top: -0.8125rem;
  right: -0.125rem;
}
.invoice .invoice-info {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
  margin-top: auto;
}
@media (max-width: 991px) {
  .invoice .invoice-info {
    flex-wrap: wrap;
  }
}
.invoice .totals {
  flex-grow: 1;
}
.invoice .totals > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(9.375rem, 100%), min(12.5rem, 100%)));
  column-gap: 0.3125rem;
  align-items: flex-end;
  justify-content: center;
}
.invoice .totals label:not(.type-select label) {
  font-size: 0.875rem;
  margin-inline: auto;
  display: block;
  width: fit-content;
  text-align: center;
}
.invoice .totals input {
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}
.invoice .totals .discount {
  position: relative;
  isolation: isolate;
}
.invoice .totals .discount legend {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .invoice .totals .discount .type-select {
    position: absolute;
    top: -25%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, calc(-100% + 2px));
    height: 0;
    width: calc(100% + 0.5px);
    transition: 0.3s ease;
    overflow: hidden;
    background-color: #fff;
    padding: 0rem;
    box-shadow: 0 -0.625rem 6.5625rem rgba(0, 0, 0, 0.15);
  }
  .invoice .totals .discount:hover .type-select {
    height: 5.3125rem;
    padding: 0.3125rem;
  }
}
.invoice .totals .discount .type-select label {
  font-size: 0.75rem;
}
.invoice .totals .invoice-plus-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  border-radius: 0.3125rem;
  padding: 0.3125rem;
  background-color: var(--heaven-clr);
  color: #fff;
  box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.31);
  opacity: 0;
  pointer-events: none;
}
.invoice .totals .invoice-plus-animation.fade-out {
  animation: fade-out-up ease 1s;
}

/*# sourceMappingURL=style.css.map */