/********************** Variables *************/
:root {
  --main-clr: #4c149d;
  --main-clr-hover: #360e70;
  --main-client-clr: #e6f32c;
  --main-client-clr-hover: #d2df0d;
  --secondary-clr: #df3a60;
  --secondary-clr-hover: #c62046;
  --secondary-client-clr: #df3a60;
  --secondary-client-clr-hover: #c62046;
  --soft-yellow-clr: #ffff4d;
  --soft-yellow-clr-hover: #ffff1a;
  --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-red-clr: hsl(340deg, 68%, 22%);
  --dark-red-clr-hover: #330a18;
  --danger-clr: #d81919;
  --danger-clr-hover: #aa1414;
  --open-green-clr: #28f647;
  --open-green-clr-hover: #09e22a;
  --notification-success: hsl(98deg, 53%, 80%);
  --notification-success-hover: #a8db8a;
  --notification-warning: #fff9c3;
  --notification-warning-hover: #fff490;
  --open-blue-clr: #52bfee;
  --open-blue-clr-hover: #24aee9;
  --dark-blue-clr: #3c3deb;
  --dark-blue-clr-hover: #1718dd;
  --dark-clr: #221d21;
  --dark-clr-hover: #060606;
  --gray-clr: #686b57;
  --gray-clr-hover: #4d4f40;
  --print-main-clr: #FBB707;
  --print-main-clr-hover: #cc9403;
  --body-bg: #eee;
  --body-client-bg: #fff;
  --soft-gray: #c8c8c8;
  --dark-gray: #6c7769;
  --sidebar-bg: #4c149d;
  --sidebar-width: min(15.625rem, 100%);
  --sidebar-link-txt-clr: #eee;
  --sidebar-link-txt-hover-clr: white;
  --sidebar-link-bg-hover-clr: rgba(255, 255, 255, 0.2);
  --sidebar-link-txt-hover-clr: white;
  --sidebar-collapse-txt-clr: white;
  --sidebar-collapse-txt-hover-clr: white;
  --sidebar-collapse-bg-clr: #360e70;
  --sidebar-collapse-bg-hover-clr: #200843;
  --navbar-bg: #212529;
  --navbar-link-txt-clr: #fff;
  --navbar-link-txt-hover-clr: #222;
  --navbar-link-bg-hover-clr: #e6f32c;
  --navbar-link-txt-hover-clr: #222;
  --navbar-dropdown-txt-clr: #fff;
  --navbar-dropdown-txt-hover-clr: #fff;
  --navbar-dropdown-bg-clr: #1a1d21;
  --navbar-dropdown-bg-hover-clr: #383f45;
  --min-header-height: 6.71875rem;
  --min-header-sm-height: 4.375rem;
  --img-loader-bg-clr: hsl(0deg, 0%, 83%);
}

/********************** Reset *************/
html body * {
  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;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: inherit;
}

button:focus,
button {
  outline: 0;
  border: 0;
  cursor: pointer;
}
button:focus:not(.btn-success):not(.btn-primary):not(.btn-danger):not(.btn-dark):not(.btn-white):not(.btn-warning):not(.btn-secondary):not(.no-trans),
button:not(.btn-success):not(.btn-primary):not(.btn-danger):not(.btn-dark):not(.btn-white):not(.btn-warning):not(.btn-secondary):not(.no-trans) {
  background-color: transparent;
}

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

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

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

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

.text-r {
  text-align: right;
}

.text-c {
  text-align: center;
}

.text-l {
  text-align: left;
}

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

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

.cursor-ban {
  cursor: not-allowed !important;
}

.cursor-p {
  cursor: pointer;
}

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

.disable {
  pointer-events: none;
  background-color: var(--soft-gray);
}

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

.bg-trans {
  background-color: transparent !important;
}

.ov-x-visible {
  overflow-x: visible;
}

@media (min-width: 768px) {
  .ov-sm-x-visible {
    overflow-x: visible;
  }
}

.ov-x-scroll {
  overflow-x: scroll;
}

@media (min-width: 768px) {
  .ov-sm-x-scroll {
    overflow-x: scroll;
  }
}

.ov-x-auto {
  overflow-x: auto;
}

@media (min-width: 768px) {
  .ov-sm-x-auto {
    overflow-x: auto;
  }
}

.ov-x-hidden {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .ov-sm-x-hidden {
    overflow-x: hidden;
  }
}

.ov-y-auto {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .ov-sm-y-auto {
    overflow-y: auto;
  }
}

.ov-y-visible {
  overflow-y: visible;
}

@media (min-width: 768px) {
  .ov-sm-y-visible {
    overflow-y: visible;
  }
}

.ov-y-scroll {
  overflow-y: scroll;
}

@media (min-width: 768px) {
  .ov-sm-y-scroll {
    overflow-y: scroll;
  }
}

.ov-y-hidden {
  overflow-y: hidden;
}

@media (min-width: 768px) {
  .ov-sm-y-hidden {
    overflow-y: hidden;
  }
}

.ov-scroll {
  overflow: scroll;
}

.ov-hidden {
  overflow: hidden;
}

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

.border-dashed {
  border-style: dashed !important;
}

.borderless {
  border: none;
}
.borderless thead,
.borderless tbody,
.borderless tr {
  border: none;
}
.borderless td,
.borderless th {
  border: solid 0.0625rem #000;
}
.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: #4c149d;
}
.borderless.border-main-client-clr td,
.borderless.border-main-client-clr th {
  border-color: #e6f32c;
}
.borderless.border-secondary-clr td,
.borderless.border-secondary-clr th {
  border-color: #df3a60;
}
.borderless.border-secondary-client-clr td,
.borderless.border-secondary-client-clr th {
  border-color: #df3a60;
}
.borderless.border-soft-yellow-clr td,
.borderless.border-soft-yellow-clr th {
  border-color: #ffff4d;
}
.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-red-clr td,
.borderless.border-dark-red-clr th {
  border-color: hsl(340deg, 68%, 22%);
}
.borderless.border-danger-clr td,
.borderless.border-danger-clr th {
  border-color: #d81919;
}
.borderless.border-open-green-clr td,
.borderless.border-open-green-clr th {
  border-color: #28f647;
}
.borderless.border-notification-success td,
.borderless.border-notification-success th {
  border-color: hsl(98deg, 53%, 80%);
}
.borderless.border-notification-warning td,
.borderless.border-notification-warning th {
  border-color: #fff9c3;
}
.borderless.border-open-blue-clr td,
.borderless.border-open-blue-clr th {
  border-color: #52bfee;
}
.borderless.border-dark-blue-clr td,
.borderless.border-dark-blue-clr th {
  border-color: #3c3deb;
}
.borderless.border-dark-clr td,
.borderless.border-dark-clr th {
  border-color: #221d21;
}
.borderless.border-gray-clr td,
.borderless.border-gray-clr th {
  border-color: #686b57;
}
.borderless.border-print-main-clr td,
.borderless.border-print-main-clr th {
  border-color: #FBB707;
}

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

.img-fit-10 {
  width: 0.625rem;
  height: 0.625rem;
  object-fit: cover;
}

.img-fit-5 {
  width: 0.3125rem;
  height: 0.3125rem;
  object-fit: cover;
}

.img-wh-25 {
  width: 1.5625rem;
  height: 1.5625rem;
}

.img-wh-10 {
  width: 0.625rem;
  height: 0.625rem;
}

.img-wh-5 {
  width: 0.3125rem;
  height: 0.3125rem;
}

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

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

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

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

.img-fit-20 {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: cover;
}

.img-fit-10 {
  width: 0.625rem;
  height: 0.625rem;
  object-fit: cover;
}

.img-wh-50 {
  width: 3.125rem;
  height: 3.125rem;
}

.img-wh-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.img-wh-10 {
  width: 0.625rem;
  height: 0.625rem;
}

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

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

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

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

.img-fit-30 {
  width: 1.875rem;
  height: 1.875rem;
  object-fit: cover;
}

.img-fit-15 {
  width: 0.9375rem;
  height: 0.9375rem;
  object-fit: cover;
}

.img-wh-75 {
  width: 4.6875rem;
  height: 4.6875rem;
}

.img-wh-30 {
  width: 1.875rem;
  height: 1.875rem;
}

.img-wh-15 {
  width: 0.9375rem;
  height: 0.9375rem;
}

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

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

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

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

.img-fit-40 {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
}

.img-fit-20 {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: cover;
}

.img-wh-100 {
  width: 6.25rem;
  height: 6.25rem;
}

.img-wh-40 {
  width: 2.5rem;
  height: 2.5rem;
}

.img-wh-20 {
  width: 1.25rem;
  height: 1.25rem;
}

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

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

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

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

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

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

.img-wh-125 {
  width: 7.8125rem;
  height: 7.8125rem;
}

.img-wh-50 {
  width: 3.125rem;
  height: 3.125rem;
}

.img-wh-25 {
  width: 1.5625rem;
  height: 1.5625rem;
}

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

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

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

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

.img-fit-60 {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: cover;
}

.img-fit-30 {
  width: 1.875rem;
  height: 1.875rem;
  object-fit: cover;
}

.img-wh-150 {
  width: 9.375rem;
  height: 9.375rem;
}

.img-wh-60 {
  width: 3.75rem;
  height: 3.75rem;
}

.img-wh-30 {
  width: 1.875rem;
  height: 1.875rem;
}

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

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

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

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

.img-fit-70 {
  width: 4.375rem;
  height: 4.375rem;
  object-fit: cover;
}

.img-fit-35 {
  width: 2.1875rem;
  height: 2.1875rem;
  object-fit: cover;
}

.img-wh-175 {
  width: 10.9375rem;
  height: 10.9375rem;
}

.img-wh-70 {
  width: 4.375rem;
  height: 4.375rem;
}

.img-wh-35 {
  width: 2.1875rem;
  height: 2.1875rem;
}

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

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

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

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

.img-fit-80 {
  width: 5rem;
  height: 5rem;
  object-fit: cover;
}

.img-fit-40 {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
}

.img-wh-200 {
  width: 12.5rem;
  height: 12.5rem;
}

.img-wh-80 {
  width: 5rem;
  height: 5rem;
}

.img-wh-40 {
  width: 2.5rem;
  height: 2.5rem;
}

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

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

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

.img-fit-225 {
  width: 14.0625rem;
  height: 14.0625rem;
  object-fit: cover;
}

.img-fit-90 {
  width: 5.625rem;
  height: 5.625rem;
  object-fit: cover;
}

.img-fit-45 {
  width: 2.8125rem;
  height: 2.8125rem;
  object-fit: cover;
}

.img-wh-225 {
  width: 14.0625rem;
  height: 14.0625rem;
}

.img-wh-90 {
  width: 5.625rem;
  height: 5.625rem;
}

.img-wh-45 {
  width: 2.8125rem;
  height: 2.8125rem;
}

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

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

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

.img-fit-250 {
  width: 15.625rem;
  height: 15.625rem;
  object-fit: cover;
}

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

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

.img-wh-250 {
  width: 15.625rem;
  height: 15.625rem;
}

.img-wh-100 {
  width: 6.25rem;
  height: 6.25rem;
}

.img-wh-50 {
  width: 3.125rem;
  height: 3.125rem;
}

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

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

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

.img-fit-275 {
  width: 17.1875rem;
  height: 17.1875rem;
  object-fit: cover;
}

.img-fit-110 {
  width: 6.875rem;
  height: 6.875rem;
  object-fit: cover;
}

.img-fit-55 {
  width: 3.4375rem;
  height: 3.4375rem;
  object-fit: cover;
}

.img-wh-275 {
  width: 17.1875rem;
  height: 17.1875rem;
}

.img-wh-110 {
  width: 6.875rem;
  height: 6.875rem;
}

.img-wh-55 {
  width: 3.4375rem;
  height: 3.4375rem;
}

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

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

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

.img-fit-300 {
  width: 18.75rem;
  height: 18.75rem;
  object-fit: cover;
}

.img-fit-120 {
  width: 7.5rem;
  height: 7.5rem;
  object-fit: cover;
}

.img-fit-60 {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: cover;
}

.img-wh-300 {
  width: 18.75rem;
  height: 18.75rem;
}

.img-wh-120 {
  width: 7.5rem;
  height: 7.5rem;
}

.img-wh-60 {
  width: 3.75rem;
  height: 3.75rem;
}

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

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

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

.img-fit-325 {
  width: 20.3125rem;
  height: 20.3125rem;
  object-fit: cover;
}

.img-fit-130 {
  width: 8.125rem;
  height: 8.125rem;
  object-fit: cover;
}

.img-fit-65 {
  width: 4.0625rem;
  height: 4.0625rem;
  object-fit: cover;
}

.img-wh-325 {
  width: 20.3125rem;
  height: 20.3125rem;
}

.img-wh-130 {
  width: 8.125rem;
  height: 8.125rem;
}

.img-wh-65 {
  width: 4.0625rem;
  height: 4.0625rem;
}

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

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

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

.img-fit-350 {
  width: 21.875rem;
  height: 21.875rem;
  object-fit: cover;
}

.img-fit-140 {
  width: 8.75rem;
  height: 8.75rem;
  object-fit: cover;
}

.img-fit-70 {
  width: 4.375rem;
  height: 4.375rem;
  object-fit: cover;
}

.img-wh-350 {
  width: 21.875rem;
  height: 21.875rem;
}

.img-wh-140 {
  width: 8.75rem;
  height: 8.75rem;
}

.img-wh-70 {
  width: 4.375rem;
  height: 4.375rem;
}

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

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

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

.img-fit-375 {
  width: 23.4375rem;
  height: 23.4375rem;
  object-fit: cover;
}

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

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

.img-wh-375 {
  width: 23.4375rem;
  height: 23.4375rem;
}

.img-wh-150 {
  width: 9.375rem;
  height: 9.375rem;
}

.img-wh-75 {
  width: 4.6875rem;
  height: 4.6875rem;
}

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

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

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

.img-fit-400 {
  width: 25rem;
  height: 25rem;
  object-fit: cover;
}

.img-fit-160 {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
}

.img-fit-80 {
  width: 5rem;
  height: 5rem;
  object-fit: cover;
}

.img-wh-400 {
  width: 25rem;
  height: 25rem;
}

.img-wh-160 {
  width: 10rem;
  height: 10rem;
}

.img-wh-80 {
  width: 5rem;
  height: 5rem;
}

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

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

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

.img-fit-425 {
  width: 26.5625rem;
  height: 26.5625rem;
  object-fit: cover;
}

.img-fit-170 {
  width: 10.625rem;
  height: 10.625rem;
  object-fit: cover;
}

.img-fit-85 {
  width: 5.3125rem;
  height: 5.3125rem;
  object-fit: cover;
}

.img-wh-425 {
  width: 26.5625rem;
  height: 26.5625rem;
}

.img-wh-170 {
  width: 10.625rem;
  height: 10.625rem;
}

.img-wh-85 {
  width: 5.3125rem;
  height: 5.3125rem;
}

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

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

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

.img-fit-450 {
  width: 28.125rem;
  height: 28.125rem;
  object-fit: cover;
}

.img-fit-180 {
  width: 11.25rem;
  height: 11.25rem;
  object-fit: cover;
}

.img-fit-90 {
  width: 5.625rem;
  height: 5.625rem;
  object-fit: cover;
}

.img-wh-450 {
  width: 28.125rem;
  height: 28.125rem;
}

.img-wh-180 {
  width: 11.25rem;
  height: 11.25rem;
}

.img-wh-90 {
  width: 5.625rem;
  height: 5.625rem;
}

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

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

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

.img-fit-475 {
  width: 29.6875rem;
  height: 29.6875rem;
  object-fit: cover;
}

.img-fit-190 {
  width: 11.875rem;
  height: 11.875rem;
  object-fit: cover;
}

.img-fit-95 {
  width: 5.9375rem;
  height: 5.9375rem;
  object-fit: cover;
}

.img-wh-475 {
  width: 29.6875rem;
  height: 29.6875rem;
}

.img-wh-190 {
  width: 11.875rem;
  height: 11.875rem;
}

.img-wh-95 {
  width: 5.9375rem;
  height: 5.9375rem;
}

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

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

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

.img-fit-500 {
  width: 31.25rem;
  height: 31.25rem;
  object-fit: cover;
}

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

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

.img-wh-500 {
  width: 31.25rem;
  height: 31.25rem;
}

.img-wh-200 {
  width: 12.5rem;
  height: 12.5rem;
}

.img-wh-100 {
  width: 6.25rem;
  height: 6.25rem;
}

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

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

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

.img-fit-525 {
  width: 32.8125rem;
  height: 32.8125rem;
  object-fit: cover;
}

.img-fit-210 {
  width: 13.125rem;
  height: 13.125rem;
  object-fit: cover;
}

.img-fit-105 {
  width: 6.5625rem;
  height: 6.5625rem;
  object-fit: cover;
}

.img-wh-525 {
  width: 32.8125rem;
  height: 32.8125rem;
}

.img-wh-210 {
  width: 13.125rem;
  height: 13.125rem;
}

.img-wh-105 {
  width: 6.5625rem;
  height: 6.5625rem;
}

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

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

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

.img-fit-550 {
  width: 34.375rem;
  height: 34.375rem;
  object-fit: cover;
}

.img-fit-220 {
  width: 13.75rem;
  height: 13.75rem;
  object-fit: cover;
}

.img-fit-110 {
  width: 6.875rem;
  height: 6.875rem;
  object-fit: cover;
}

.img-wh-550 {
  width: 34.375rem;
  height: 34.375rem;
}

.img-wh-220 {
  width: 13.75rem;
  height: 13.75rem;
}

.img-wh-110 {
  width: 6.875rem;
  height: 6.875rem;
}

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

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

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

.img-fit-575 {
  width: 35.9375rem;
  height: 35.9375rem;
  object-fit: cover;
}

.img-fit-230 {
  width: 14.375rem;
  height: 14.375rem;
  object-fit: cover;
}

.img-fit-115 {
  width: 7.1875rem;
  height: 7.1875rem;
  object-fit: cover;
}

.img-wh-575 {
  width: 35.9375rem;
  height: 35.9375rem;
}

.img-wh-230 {
  width: 14.375rem;
  height: 14.375rem;
}

.img-wh-115 {
  width: 7.1875rem;
  height: 7.1875rem;
}

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

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

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

.img-fit-600 {
  width: 37.5rem;
  height: 37.5rem;
  object-fit: cover;
}

.img-fit-240 {
  width: 15rem;
  height: 15rem;
  object-fit: cover;
}

.img-fit-120 {
  width: 7.5rem;
  height: 7.5rem;
  object-fit: cover;
}

.img-wh-600 {
  width: 37.5rem;
  height: 37.5rem;
}

.img-wh-240 {
  width: 15rem;
  height: 15rem;
}

.img-wh-120 {
  width: 7.5rem;
  height: 7.5rem;
}

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

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

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

.img-fit-625 {
  width: 39.0625rem;
  height: 39.0625rem;
  object-fit: cover;
}

.img-fit-250 {
  width: 15.625rem;
  height: 15.625rem;
  object-fit: cover;
}

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

.img-wh-625 {
  width: 39.0625rem;
  height: 39.0625rem;
}

.img-wh-250 {
  width: 15.625rem;
  height: 15.625rem;
}

.img-wh-125 {
  width: 7.8125rem;
  height: 7.8125rem;
}

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

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

.rounded-img-125 {
  width: 7.8125rem;
  height: 7.8125rem;
  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-10vw {
  width: 10vw !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .w-sm-190vw {
    width: 190vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-195vw {
    width: 195vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-190vh {
    height: 190vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-195vh {
    height: 195vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-200vw {
  width: 200vw !important;
}

.w-205vw {
  width: 205vw !important;
}

@media (max-width: 767px) {
  .w-sm-200vw {
    width: 200vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-205vw {
    width: 205vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-200vh {
    height: 200vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-205vh {
    height: 205vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-210vw {
  width: 210vw !important;
}

.w-215vw {
  width: 215vw !important;
}

@media (max-width: 767px) {
  .w-sm-210vw {
    width: 210vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-215vw {
    width: 215vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-210vh {
    height: 210vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-215vh {
    height: 215vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-220vw {
  width: 220vw !important;
}

.w-225vw {
  width: 225vw !important;
}

@media (max-width: 767px) {
  .w-sm-220vw {
    width: 220vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-225vw {
    width: 225vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-220vh {
    height: 220vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-225vh {
    height: 225vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-230vw {
  width: 230vw !important;
}

.w-235vw {
  width: 235vw !important;
}

@media (max-width: 767px) {
  .w-sm-230vw {
    width: 230vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-235vw {
    width: 235vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-230vh {
    height: 230vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-235vh {
    height: 235vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-240vw {
  width: 240vw !important;
}

.w-245vw {
  width: 245vw !important;
}

@media (max-width: 767px) {
  .w-sm-240vw {
    width: 240vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-245vw {
    width: 245vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-240vh {
    height: 240vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-245vh {
    height: 245vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-250vw {
  width: 250vw !important;
}

.w-255vw {
  width: 255vw !important;
}

@media (max-width: 767px) {
  .w-sm-250vw {
    width: 250vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-255vw {
    width: 255vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-250vh {
    height: 250vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-255vh {
    height: 255vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-260vw {
  width: 260vw !important;
}

.w-265vw {
  width: 265vw !important;
}

@media (max-width: 767px) {
  .w-sm-260vw {
    width: 260vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-265vw {
    width: 265vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-260vh {
    height: 260vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-265vh {
    height: 265vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-270vw {
  width: 270vw !important;
}

.w-275vw {
  width: 275vw !important;
}

@media (max-width: 767px) {
  .w-sm-270vw {
    width: 270vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-275vw {
    width: 275vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-270vh {
    height: 270vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-275vh {
    height: 275vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-280vw {
  width: 280vw !important;
}

.w-285vw {
  width: 285vw !important;
}

@media (max-width: 767px) {
  .w-sm-280vw {
    width: 280vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-285vw {
    width: 285vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-280vh {
    height: 280vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-285vh {
    height: 285vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-290vw {
  width: 290vw !important;
}

.w-295vw {
  width: 295vw !important;
}

@media (max-width: 767px) {
  .w-sm-290vw {
    width: 290vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-295vw {
    width: 295vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-290vh {
    height: 290vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-295vh {
    height: 295vh !important;
  }
}

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

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

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

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

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

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

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

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

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

.w-300vw {
  width: 300vw !important;
}

.w-305vw {
  width: 305vw !important;
}

@media (max-width: 767px) {
  .w-sm-300vw {
    width: 300vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-305vw {
    width: 305vw !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .h-sm-300vh {
    height: 300vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-305vh {
    height: 305vh !important;
  }
}

.h-300px {
  height: 300px !important;
}

.min-h-300px {
  min-height: 300px !important;
}

.h-305px {
  height: 305px !important;
}

.min-h-305px {
  min-height: 305px !important;
}

.h-300pc {
  height: 300% !important;
}

.min-h-300pc {
  min-height: 300% !important;
}

@media (max-width: 767px) {
  .h-sm-300pc {
    height: 300% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-300pc {
    min-height: 300% !important;
  }
}

.mh-300px {
  max-height: 300px !important;
}

.w-310vw {
  width: 310vw !important;
}

.w-315vw {
  width: 315vw !important;
}

@media (max-width: 767px) {
  .w-sm-310vw {
    width: 310vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-315vw {
    width: 315vw !important;
  }
}

.w-310px {
  width: 310px !important;
}

.min-w-310px {
  min-width: 310px !important;
}

.w-315px {
  width: 315px !important;
}

.min-w-315px {
  min-width: 315px !important;
}

.w-310pc {
  width: 310% !important;
}

.min-w-310pc {
  min-width: 310% !important;
}

@media (max-width: 767px) {
  .w-sm-310pc {
    width: 310% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-310pc {
    min-width: 310% !important;
  }
}

.mw-310px {
  max-width: 310px !important;
}

.h-310vh {
  height: 310vh !important;
}

.h-315vh {
  height: 315vh !important;
}

@media (max-width: 767px) {
  .h-sm-310vh {
    height: 310vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-315vh {
    height: 315vh !important;
  }
}

.h-310px {
  height: 310px !important;
}

.min-h-310px {
  min-height: 310px !important;
}

.h-315px {
  height: 315px !important;
}

.min-h-315px {
  min-height: 315px !important;
}

.h-310pc {
  height: 310% !important;
}

.min-h-310pc {
  min-height: 310% !important;
}

@media (max-width: 767px) {
  .h-sm-310pc {
    height: 310% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-310pc {
    min-height: 310% !important;
  }
}

.mh-310px {
  max-height: 310px !important;
}

.w-320vw {
  width: 320vw !important;
}

.w-325vw {
  width: 325vw !important;
}

@media (max-width: 767px) {
  .w-sm-320vw {
    width: 320vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-325vw {
    width: 325vw !important;
  }
}

.w-320px {
  width: 320px !important;
}

.min-w-320px {
  min-width: 320px !important;
}

.w-325px {
  width: 325px !important;
}

.min-w-325px {
  min-width: 325px !important;
}

.w-320pc {
  width: 320% !important;
}

.min-w-320pc {
  min-width: 320% !important;
}

@media (max-width: 767px) {
  .w-sm-320pc {
    width: 320% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-320pc {
    min-width: 320% !important;
  }
}

.mw-320px {
  max-width: 320px !important;
}

.h-320vh {
  height: 320vh !important;
}

.h-325vh {
  height: 325vh !important;
}

@media (max-width: 767px) {
  .h-sm-320vh {
    height: 320vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-325vh {
    height: 325vh !important;
  }
}

.h-320px {
  height: 320px !important;
}

.min-h-320px {
  min-height: 320px !important;
}

.h-325px {
  height: 325px !important;
}

.min-h-325px {
  min-height: 325px !important;
}

.h-320pc {
  height: 320% !important;
}

.min-h-320pc {
  min-height: 320% !important;
}

@media (max-width: 767px) {
  .h-sm-320pc {
    height: 320% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-320pc {
    min-height: 320% !important;
  }
}

.mh-320px {
  max-height: 320px !important;
}

.w-330vw {
  width: 330vw !important;
}

.w-335vw {
  width: 335vw !important;
}

@media (max-width: 767px) {
  .w-sm-330vw {
    width: 330vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-335vw {
    width: 335vw !important;
  }
}

.w-330px {
  width: 330px !important;
}

.min-w-330px {
  min-width: 330px !important;
}

.w-335px {
  width: 335px !important;
}

.min-w-335px {
  min-width: 335px !important;
}

.w-330pc {
  width: 330% !important;
}

.min-w-330pc {
  min-width: 330% !important;
}

@media (max-width: 767px) {
  .w-sm-330pc {
    width: 330% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-330pc {
    min-width: 330% !important;
  }
}

.mw-330px {
  max-width: 330px !important;
}

.h-330vh {
  height: 330vh !important;
}

.h-335vh {
  height: 335vh !important;
}

@media (max-width: 767px) {
  .h-sm-330vh {
    height: 330vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-335vh {
    height: 335vh !important;
  }
}

.h-330px {
  height: 330px !important;
}

.min-h-330px {
  min-height: 330px !important;
}

.h-335px {
  height: 335px !important;
}

.min-h-335px {
  min-height: 335px !important;
}

.h-330pc {
  height: 330% !important;
}

.min-h-330pc {
  min-height: 330% !important;
}

@media (max-width: 767px) {
  .h-sm-330pc {
    height: 330% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-330pc {
    min-height: 330% !important;
  }
}

.mh-330px {
  max-height: 330px !important;
}

.w-340vw {
  width: 340vw !important;
}

.w-345vw {
  width: 345vw !important;
}

@media (max-width: 767px) {
  .w-sm-340vw {
    width: 340vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-345vw {
    width: 345vw !important;
  }
}

.w-340px {
  width: 340px !important;
}

.min-w-340px {
  min-width: 340px !important;
}

.w-345px {
  width: 345px !important;
}

.min-w-345px {
  min-width: 345px !important;
}

.w-340pc {
  width: 340% !important;
}

.min-w-340pc {
  min-width: 340% !important;
}

@media (max-width: 767px) {
  .w-sm-340pc {
    width: 340% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-340pc {
    min-width: 340% !important;
  }
}

.mw-340px {
  max-width: 340px !important;
}

.h-340vh {
  height: 340vh !important;
}

.h-345vh {
  height: 345vh !important;
}

@media (max-width: 767px) {
  .h-sm-340vh {
    height: 340vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-345vh {
    height: 345vh !important;
  }
}

.h-340px {
  height: 340px !important;
}

.min-h-340px {
  min-height: 340px !important;
}

.h-345px {
  height: 345px !important;
}

.min-h-345px {
  min-height: 345px !important;
}

.h-340pc {
  height: 340% !important;
}

.min-h-340pc {
  min-height: 340% !important;
}

@media (max-width: 767px) {
  .h-sm-340pc {
    height: 340% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-340pc {
    min-height: 340% !important;
  }
}

.mh-340px {
  max-height: 340px !important;
}

.w-350vw {
  width: 350vw !important;
}

.w-355vw {
  width: 355vw !important;
}

@media (max-width: 767px) {
  .w-sm-350vw {
    width: 350vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-355vw {
    width: 355vw !important;
  }
}

.w-350px {
  width: 350px !important;
}

.min-w-350px {
  min-width: 350px !important;
}

.w-355px {
  width: 355px !important;
}

.min-w-355px {
  min-width: 355px !important;
}

.w-350pc {
  width: 350% !important;
}

.min-w-350pc {
  min-width: 350% !important;
}

@media (max-width: 767px) {
  .w-sm-350pc {
    width: 350% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-350pc {
    min-width: 350% !important;
  }
}

.mw-350px {
  max-width: 350px !important;
}

.h-350vh {
  height: 350vh !important;
}

.h-355vh {
  height: 355vh !important;
}

@media (max-width: 767px) {
  .h-sm-350vh {
    height: 350vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-355vh {
    height: 355vh !important;
  }
}

.h-350px {
  height: 350px !important;
}

.min-h-350px {
  min-height: 350px !important;
}

.h-355px {
  height: 355px !important;
}

.min-h-355px {
  min-height: 355px !important;
}

.h-350pc {
  height: 350% !important;
}

.min-h-350pc {
  min-height: 350% !important;
}

@media (max-width: 767px) {
  .h-sm-350pc {
    height: 350% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-350pc {
    min-height: 350% !important;
  }
}

.mh-350px {
  max-height: 350px !important;
}

.w-360vw {
  width: 360vw !important;
}

.w-365vw {
  width: 365vw !important;
}

@media (max-width: 767px) {
  .w-sm-360vw {
    width: 360vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-365vw {
    width: 365vw !important;
  }
}

.w-360px {
  width: 360px !important;
}

.min-w-360px {
  min-width: 360px !important;
}

.w-365px {
  width: 365px !important;
}

.min-w-365px {
  min-width: 365px !important;
}

.w-360pc {
  width: 360% !important;
}

.min-w-360pc {
  min-width: 360% !important;
}

@media (max-width: 767px) {
  .w-sm-360pc {
    width: 360% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-360pc {
    min-width: 360% !important;
  }
}

.mw-360px {
  max-width: 360px !important;
}

.h-360vh {
  height: 360vh !important;
}

.h-365vh {
  height: 365vh !important;
}

@media (max-width: 767px) {
  .h-sm-360vh {
    height: 360vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-365vh {
    height: 365vh !important;
  }
}

.h-360px {
  height: 360px !important;
}

.min-h-360px {
  min-height: 360px !important;
}

.h-365px {
  height: 365px !important;
}

.min-h-365px {
  min-height: 365px !important;
}

.h-360pc {
  height: 360% !important;
}

.min-h-360pc {
  min-height: 360% !important;
}

@media (max-width: 767px) {
  .h-sm-360pc {
    height: 360% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-360pc {
    min-height: 360% !important;
  }
}

.mh-360px {
  max-height: 360px !important;
}

.w-370vw {
  width: 370vw !important;
}

.w-375vw {
  width: 375vw !important;
}

@media (max-width: 767px) {
  .w-sm-370vw {
    width: 370vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-375vw {
    width: 375vw !important;
  }
}

.w-370px {
  width: 370px !important;
}

.min-w-370px {
  min-width: 370px !important;
}

.w-375px {
  width: 375px !important;
}

.min-w-375px {
  min-width: 375px !important;
}

.w-370pc {
  width: 370% !important;
}

.min-w-370pc {
  min-width: 370% !important;
}

@media (max-width: 767px) {
  .w-sm-370pc {
    width: 370% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-370pc {
    min-width: 370% !important;
  }
}

.mw-370px {
  max-width: 370px !important;
}

.h-370vh {
  height: 370vh !important;
}

.h-375vh {
  height: 375vh !important;
}

@media (max-width: 767px) {
  .h-sm-370vh {
    height: 370vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-375vh {
    height: 375vh !important;
  }
}

.h-370px {
  height: 370px !important;
}

.min-h-370px {
  min-height: 370px !important;
}

.h-375px {
  height: 375px !important;
}

.min-h-375px {
  min-height: 375px !important;
}

.h-370pc {
  height: 370% !important;
}

.min-h-370pc {
  min-height: 370% !important;
}

@media (max-width: 767px) {
  .h-sm-370pc {
    height: 370% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-370pc {
    min-height: 370% !important;
  }
}

.mh-370px {
  max-height: 370px !important;
}

.w-380vw {
  width: 380vw !important;
}

.w-385vw {
  width: 385vw !important;
}

@media (max-width: 767px) {
  .w-sm-380vw {
    width: 380vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-385vw {
    width: 385vw !important;
  }
}

.w-380px {
  width: 380px !important;
}

.min-w-380px {
  min-width: 380px !important;
}

.w-385px {
  width: 385px !important;
}

.min-w-385px {
  min-width: 385px !important;
}

.w-380pc {
  width: 380% !important;
}

.min-w-380pc {
  min-width: 380% !important;
}

@media (max-width: 767px) {
  .w-sm-380pc {
    width: 380% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-380pc {
    min-width: 380% !important;
  }
}

.mw-380px {
  max-width: 380px !important;
}

.h-380vh {
  height: 380vh !important;
}

.h-385vh {
  height: 385vh !important;
}

@media (max-width: 767px) {
  .h-sm-380vh {
    height: 380vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-385vh {
    height: 385vh !important;
  }
}

.h-380px {
  height: 380px !important;
}

.min-h-380px {
  min-height: 380px !important;
}

.h-385px {
  height: 385px !important;
}

.min-h-385px {
  min-height: 385px !important;
}

.h-380pc {
  height: 380% !important;
}

.min-h-380pc {
  min-height: 380% !important;
}

@media (max-width: 767px) {
  .h-sm-380pc {
    height: 380% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-380pc {
    min-height: 380% !important;
  }
}

.mh-380px {
  max-height: 380px !important;
}

.w-390vw {
  width: 390vw !important;
}

.w-395vw {
  width: 395vw !important;
}

@media (max-width: 767px) {
  .w-sm-390vw {
    width: 390vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-395vw {
    width: 395vw !important;
  }
}

.w-390px {
  width: 390px !important;
}

.min-w-390px {
  min-width: 390px !important;
}

.w-395px {
  width: 395px !important;
}

.min-w-395px {
  min-width: 395px !important;
}

.w-390pc {
  width: 390% !important;
}

.min-w-390pc {
  min-width: 390% !important;
}

@media (max-width: 767px) {
  .w-sm-390pc {
    width: 390% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-390pc {
    min-width: 390% !important;
  }
}

.mw-390px {
  max-width: 390px !important;
}

.h-390vh {
  height: 390vh !important;
}

.h-395vh {
  height: 395vh !important;
}

@media (max-width: 767px) {
  .h-sm-390vh {
    height: 390vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-395vh {
    height: 395vh !important;
  }
}

.h-390px {
  height: 390px !important;
}

.min-h-390px {
  min-height: 390px !important;
}

.h-395px {
  height: 395px !important;
}

.min-h-395px {
  min-height: 395px !important;
}

.h-390pc {
  height: 390% !important;
}

.min-h-390pc {
  min-height: 390% !important;
}

@media (max-width: 767px) {
  .h-sm-390pc {
    height: 390% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-390pc {
    min-height: 390% !important;
  }
}

.mh-390px {
  max-height: 390px !important;
}

.w-400vw {
  width: 400vw !important;
}

.w-405vw {
  width: 405vw !important;
}

@media (max-width: 767px) {
  .w-sm-400vw {
    width: 400vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-405vw {
    width: 405vw !important;
  }
}

.w-400px {
  width: 400px !important;
}

.min-w-400px {
  min-width: 400px !important;
}

.w-405px {
  width: 405px !important;
}

.min-w-405px {
  min-width: 405px !important;
}

.w-400pc {
  width: 400% !important;
}

.min-w-400pc {
  min-width: 400% !important;
}

@media (max-width: 767px) {
  .w-sm-400pc {
    width: 400% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-400pc {
    min-width: 400% !important;
  }
}

.mw-400px {
  max-width: 400px !important;
}

.h-400vh {
  height: 400vh !important;
}

.h-405vh {
  height: 405vh !important;
}

@media (max-width: 767px) {
  .h-sm-400vh {
    height: 400vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-405vh {
    height: 405vh !important;
  }
}

.h-400px {
  height: 400px !important;
}

.min-h-400px {
  min-height: 400px !important;
}

.h-405px {
  height: 405px !important;
}

.min-h-405px {
  min-height: 405px !important;
}

.h-400pc {
  height: 400% !important;
}

.min-h-400pc {
  min-height: 400% !important;
}

@media (max-width: 767px) {
  .h-sm-400pc {
    height: 400% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-400pc {
    min-height: 400% !important;
  }
}

.mh-400px {
  max-height: 400px !important;
}

.w-410vw {
  width: 410vw !important;
}

.w-415vw {
  width: 415vw !important;
}

@media (max-width: 767px) {
  .w-sm-410vw {
    width: 410vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-415vw {
    width: 415vw !important;
  }
}

.w-410px {
  width: 410px !important;
}

.min-w-410px {
  min-width: 410px !important;
}

.w-415px {
  width: 415px !important;
}

.min-w-415px {
  min-width: 415px !important;
}

.w-410pc {
  width: 410% !important;
}

.min-w-410pc {
  min-width: 410% !important;
}

@media (max-width: 767px) {
  .w-sm-410pc {
    width: 410% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-410pc {
    min-width: 410% !important;
  }
}

.mw-410px {
  max-width: 410px !important;
}

.h-410vh {
  height: 410vh !important;
}

.h-415vh {
  height: 415vh !important;
}

@media (max-width: 767px) {
  .h-sm-410vh {
    height: 410vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-415vh {
    height: 415vh !important;
  }
}

.h-410px {
  height: 410px !important;
}

.min-h-410px {
  min-height: 410px !important;
}

.h-415px {
  height: 415px !important;
}

.min-h-415px {
  min-height: 415px !important;
}

.h-410pc {
  height: 410% !important;
}

.min-h-410pc {
  min-height: 410% !important;
}

@media (max-width: 767px) {
  .h-sm-410pc {
    height: 410% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-410pc {
    min-height: 410% !important;
  }
}

.mh-410px {
  max-height: 410px !important;
}

.w-420vw {
  width: 420vw !important;
}

.w-425vw {
  width: 425vw !important;
}

@media (max-width: 767px) {
  .w-sm-420vw {
    width: 420vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-425vw {
    width: 425vw !important;
  }
}

.w-420px {
  width: 420px !important;
}

.min-w-420px {
  min-width: 420px !important;
}

.w-425px {
  width: 425px !important;
}

.min-w-425px {
  min-width: 425px !important;
}

.w-420pc {
  width: 420% !important;
}

.min-w-420pc {
  min-width: 420% !important;
}

@media (max-width: 767px) {
  .w-sm-420pc {
    width: 420% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-420pc {
    min-width: 420% !important;
  }
}

.mw-420px {
  max-width: 420px !important;
}

.h-420vh {
  height: 420vh !important;
}

.h-425vh {
  height: 425vh !important;
}

@media (max-width: 767px) {
  .h-sm-420vh {
    height: 420vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-425vh {
    height: 425vh !important;
  }
}

.h-420px {
  height: 420px !important;
}

.min-h-420px {
  min-height: 420px !important;
}

.h-425px {
  height: 425px !important;
}

.min-h-425px {
  min-height: 425px !important;
}

.h-420pc {
  height: 420% !important;
}

.min-h-420pc {
  min-height: 420% !important;
}

@media (max-width: 767px) {
  .h-sm-420pc {
    height: 420% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-420pc {
    min-height: 420% !important;
  }
}

.mh-420px {
  max-height: 420px !important;
}

.w-430vw {
  width: 430vw !important;
}

.w-435vw {
  width: 435vw !important;
}

@media (max-width: 767px) {
  .w-sm-430vw {
    width: 430vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-435vw {
    width: 435vw !important;
  }
}

.w-430px {
  width: 430px !important;
}

.min-w-430px {
  min-width: 430px !important;
}

.w-435px {
  width: 435px !important;
}

.min-w-435px {
  min-width: 435px !important;
}

.w-430pc {
  width: 430% !important;
}

.min-w-430pc {
  min-width: 430% !important;
}

@media (max-width: 767px) {
  .w-sm-430pc {
    width: 430% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-430pc {
    min-width: 430% !important;
  }
}

.mw-430px {
  max-width: 430px !important;
}

.h-430vh {
  height: 430vh !important;
}

.h-435vh {
  height: 435vh !important;
}

@media (max-width: 767px) {
  .h-sm-430vh {
    height: 430vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-435vh {
    height: 435vh !important;
  }
}

.h-430px {
  height: 430px !important;
}

.min-h-430px {
  min-height: 430px !important;
}

.h-435px {
  height: 435px !important;
}

.min-h-435px {
  min-height: 435px !important;
}

.h-430pc {
  height: 430% !important;
}

.min-h-430pc {
  min-height: 430% !important;
}

@media (max-width: 767px) {
  .h-sm-430pc {
    height: 430% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-430pc {
    min-height: 430% !important;
  }
}

.mh-430px {
  max-height: 430px !important;
}

.w-440vw {
  width: 440vw !important;
}

.w-445vw {
  width: 445vw !important;
}

@media (max-width: 767px) {
  .w-sm-440vw {
    width: 440vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-445vw {
    width: 445vw !important;
  }
}

.w-440px {
  width: 440px !important;
}

.min-w-440px {
  min-width: 440px !important;
}

.w-445px {
  width: 445px !important;
}

.min-w-445px {
  min-width: 445px !important;
}

.w-440pc {
  width: 440% !important;
}

.min-w-440pc {
  min-width: 440% !important;
}

@media (max-width: 767px) {
  .w-sm-440pc {
    width: 440% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-440pc {
    min-width: 440% !important;
  }
}

.mw-440px {
  max-width: 440px !important;
}

.h-440vh {
  height: 440vh !important;
}

.h-445vh {
  height: 445vh !important;
}

@media (max-width: 767px) {
  .h-sm-440vh {
    height: 440vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-445vh {
    height: 445vh !important;
  }
}

.h-440px {
  height: 440px !important;
}

.min-h-440px {
  min-height: 440px !important;
}

.h-445px {
  height: 445px !important;
}

.min-h-445px {
  min-height: 445px !important;
}

.h-440pc {
  height: 440% !important;
}

.min-h-440pc {
  min-height: 440% !important;
}

@media (max-width: 767px) {
  .h-sm-440pc {
    height: 440% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-440pc {
    min-height: 440% !important;
  }
}

.mh-440px {
  max-height: 440px !important;
}

.w-450vw {
  width: 450vw !important;
}

.w-455vw {
  width: 455vw !important;
}

@media (max-width: 767px) {
  .w-sm-450vw {
    width: 450vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-455vw {
    width: 455vw !important;
  }
}

.w-450px {
  width: 450px !important;
}

.min-w-450px {
  min-width: 450px !important;
}

.w-455px {
  width: 455px !important;
}

.min-w-455px {
  min-width: 455px !important;
}

.w-450pc {
  width: 450% !important;
}

.min-w-450pc {
  min-width: 450% !important;
}

@media (max-width: 767px) {
  .w-sm-450pc {
    width: 450% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-450pc {
    min-width: 450% !important;
  }
}

.mw-450px {
  max-width: 450px !important;
}

.h-450vh {
  height: 450vh !important;
}

.h-455vh {
  height: 455vh !important;
}

@media (max-width: 767px) {
  .h-sm-450vh {
    height: 450vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-455vh {
    height: 455vh !important;
  }
}

.h-450px {
  height: 450px !important;
}

.min-h-450px {
  min-height: 450px !important;
}

.h-455px {
  height: 455px !important;
}

.min-h-455px {
  min-height: 455px !important;
}

.h-450pc {
  height: 450% !important;
}

.min-h-450pc {
  min-height: 450% !important;
}

@media (max-width: 767px) {
  .h-sm-450pc {
    height: 450% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-450pc {
    min-height: 450% !important;
  }
}

.mh-450px {
  max-height: 450px !important;
}

.w-460vw {
  width: 460vw !important;
}

.w-465vw {
  width: 465vw !important;
}

@media (max-width: 767px) {
  .w-sm-460vw {
    width: 460vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-465vw {
    width: 465vw !important;
  }
}

.w-460px {
  width: 460px !important;
}

.min-w-460px {
  min-width: 460px !important;
}

.w-465px {
  width: 465px !important;
}

.min-w-465px {
  min-width: 465px !important;
}

.w-460pc {
  width: 460% !important;
}

.min-w-460pc {
  min-width: 460% !important;
}

@media (max-width: 767px) {
  .w-sm-460pc {
    width: 460% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-460pc {
    min-width: 460% !important;
  }
}

.mw-460px {
  max-width: 460px !important;
}

.h-460vh {
  height: 460vh !important;
}

.h-465vh {
  height: 465vh !important;
}

@media (max-width: 767px) {
  .h-sm-460vh {
    height: 460vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-465vh {
    height: 465vh !important;
  }
}

.h-460px {
  height: 460px !important;
}

.min-h-460px {
  min-height: 460px !important;
}

.h-465px {
  height: 465px !important;
}

.min-h-465px {
  min-height: 465px !important;
}

.h-460pc {
  height: 460% !important;
}

.min-h-460pc {
  min-height: 460% !important;
}

@media (max-width: 767px) {
  .h-sm-460pc {
    height: 460% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-460pc {
    min-height: 460% !important;
  }
}

.mh-460px {
  max-height: 460px !important;
}

.w-470vw {
  width: 470vw !important;
}

.w-475vw {
  width: 475vw !important;
}

@media (max-width: 767px) {
  .w-sm-470vw {
    width: 470vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-475vw {
    width: 475vw !important;
  }
}

.w-470px {
  width: 470px !important;
}

.min-w-470px {
  min-width: 470px !important;
}

.w-475px {
  width: 475px !important;
}

.min-w-475px {
  min-width: 475px !important;
}

.w-470pc {
  width: 470% !important;
}

.min-w-470pc {
  min-width: 470% !important;
}

@media (max-width: 767px) {
  .w-sm-470pc {
    width: 470% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-470pc {
    min-width: 470% !important;
  }
}

.mw-470px {
  max-width: 470px !important;
}

.h-470vh {
  height: 470vh !important;
}

.h-475vh {
  height: 475vh !important;
}

@media (max-width: 767px) {
  .h-sm-470vh {
    height: 470vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-475vh {
    height: 475vh !important;
  }
}

.h-470px {
  height: 470px !important;
}

.min-h-470px {
  min-height: 470px !important;
}

.h-475px {
  height: 475px !important;
}

.min-h-475px {
  min-height: 475px !important;
}

.h-470pc {
  height: 470% !important;
}

.min-h-470pc {
  min-height: 470% !important;
}

@media (max-width: 767px) {
  .h-sm-470pc {
    height: 470% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-470pc {
    min-height: 470% !important;
  }
}

.mh-470px {
  max-height: 470px !important;
}

.w-480vw {
  width: 480vw !important;
}

.w-485vw {
  width: 485vw !important;
}

@media (max-width: 767px) {
  .w-sm-480vw {
    width: 480vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-485vw {
    width: 485vw !important;
  }
}

.w-480px {
  width: 480px !important;
}

.min-w-480px {
  min-width: 480px !important;
}

.w-485px {
  width: 485px !important;
}

.min-w-485px {
  min-width: 485px !important;
}

.w-480pc {
  width: 480% !important;
}

.min-w-480pc {
  min-width: 480% !important;
}

@media (max-width: 767px) {
  .w-sm-480pc {
    width: 480% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-480pc {
    min-width: 480% !important;
  }
}

.mw-480px {
  max-width: 480px !important;
}

.h-480vh {
  height: 480vh !important;
}

.h-485vh {
  height: 485vh !important;
}

@media (max-width: 767px) {
  .h-sm-480vh {
    height: 480vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-485vh {
    height: 485vh !important;
  }
}

.h-480px {
  height: 480px !important;
}

.min-h-480px {
  min-height: 480px !important;
}

.h-485px {
  height: 485px !important;
}

.min-h-485px {
  min-height: 485px !important;
}

.h-480pc {
  height: 480% !important;
}

.min-h-480pc {
  min-height: 480% !important;
}

@media (max-width: 767px) {
  .h-sm-480pc {
    height: 480% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-480pc {
    min-height: 480% !important;
  }
}

.mh-480px {
  max-height: 480px !important;
}

.w-490vw {
  width: 490vw !important;
}

.w-495vw {
  width: 495vw !important;
}

@media (max-width: 767px) {
  .w-sm-490vw {
    width: 490vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-495vw {
    width: 495vw !important;
  }
}

.w-490px {
  width: 490px !important;
}

.min-w-490px {
  min-width: 490px !important;
}

.w-495px {
  width: 495px !important;
}

.min-w-495px {
  min-width: 495px !important;
}

.w-490pc {
  width: 490% !important;
}

.min-w-490pc {
  min-width: 490% !important;
}

@media (max-width: 767px) {
  .w-sm-490pc {
    width: 490% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-490pc {
    min-width: 490% !important;
  }
}

.mw-490px {
  max-width: 490px !important;
}

.h-490vh {
  height: 490vh !important;
}

.h-495vh {
  height: 495vh !important;
}

@media (max-width: 767px) {
  .h-sm-490vh {
    height: 490vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-495vh {
    height: 495vh !important;
  }
}

.h-490px {
  height: 490px !important;
}

.min-h-490px {
  min-height: 490px !important;
}

.h-495px {
  height: 495px !important;
}

.min-h-495px {
  min-height: 495px !important;
}

.h-490pc {
  height: 490% !important;
}

.min-h-490pc {
  min-height: 490% !important;
}

@media (max-width: 767px) {
  .h-sm-490pc {
    height: 490% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-490pc {
    min-height: 490% !important;
  }
}

.mh-490px {
  max-height: 490px !important;
}

.w-500vw {
  width: 500vw !important;
}

.w-505vw {
  width: 505vw !important;
}

@media (max-width: 767px) {
  .w-sm-500vw {
    width: 500vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-505vw {
    width: 505vw !important;
  }
}

.w-500px {
  width: 500px !important;
}

.min-w-500px {
  min-width: 500px !important;
}

.w-505px {
  width: 505px !important;
}

.min-w-505px {
  min-width: 505px !important;
}

.w-500pc {
  width: 500% !important;
}

.min-w-500pc {
  min-width: 500% !important;
}

@media (max-width: 767px) {
  .w-sm-500pc {
    width: 500% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-500pc {
    min-width: 500% !important;
  }
}

.mw-500px {
  max-width: 500px !important;
}

.h-500vh {
  height: 500vh !important;
}

.h-505vh {
  height: 505vh !important;
}

@media (max-width: 767px) {
  .h-sm-500vh {
    height: 500vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-505vh {
    height: 505vh !important;
  }
}

.h-500px {
  height: 500px !important;
}

.min-h-500px {
  min-height: 500px !important;
}

.h-505px {
  height: 505px !important;
}

.min-h-505px {
  min-height: 505px !important;
}

.h-500pc {
  height: 500% !important;
}

.min-h-500pc {
  min-height: 500% !important;
}

@media (max-width: 767px) {
  .h-sm-500pc {
    height: 500% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-500pc {
    min-height: 500% !important;
  }
}

.mh-500px {
  max-height: 500px !important;
}

.w-510vw {
  width: 510vw !important;
}

.w-515vw {
  width: 515vw !important;
}

@media (max-width: 767px) {
  .w-sm-510vw {
    width: 510vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-515vw {
    width: 515vw !important;
  }
}

.w-510px {
  width: 510px !important;
}

.min-w-510px {
  min-width: 510px !important;
}

.w-515px {
  width: 515px !important;
}

.min-w-515px {
  min-width: 515px !important;
}

.w-510pc {
  width: 510% !important;
}

.min-w-510pc {
  min-width: 510% !important;
}

@media (max-width: 767px) {
  .w-sm-510pc {
    width: 510% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-510pc {
    min-width: 510% !important;
  }
}

.mw-510px {
  max-width: 510px !important;
}

.h-510vh {
  height: 510vh !important;
}

.h-515vh {
  height: 515vh !important;
}

@media (max-width: 767px) {
  .h-sm-510vh {
    height: 510vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-515vh {
    height: 515vh !important;
  }
}

.h-510px {
  height: 510px !important;
}

.min-h-510px {
  min-height: 510px !important;
}

.h-515px {
  height: 515px !important;
}

.min-h-515px {
  min-height: 515px !important;
}

.h-510pc {
  height: 510% !important;
}

.min-h-510pc {
  min-height: 510% !important;
}

@media (max-width: 767px) {
  .h-sm-510pc {
    height: 510% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-510pc {
    min-height: 510% !important;
  }
}

.mh-510px {
  max-height: 510px !important;
}

.w-520vw {
  width: 520vw !important;
}

.w-525vw {
  width: 525vw !important;
}

@media (max-width: 767px) {
  .w-sm-520vw {
    width: 520vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-525vw {
    width: 525vw !important;
  }
}

.w-520px {
  width: 520px !important;
}

.min-w-520px {
  min-width: 520px !important;
}

.w-525px {
  width: 525px !important;
}

.min-w-525px {
  min-width: 525px !important;
}

.w-520pc {
  width: 520% !important;
}

.min-w-520pc {
  min-width: 520% !important;
}

@media (max-width: 767px) {
  .w-sm-520pc {
    width: 520% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-520pc {
    min-width: 520% !important;
  }
}

.mw-520px {
  max-width: 520px !important;
}

.h-520vh {
  height: 520vh !important;
}

.h-525vh {
  height: 525vh !important;
}

@media (max-width: 767px) {
  .h-sm-520vh {
    height: 520vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-525vh {
    height: 525vh !important;
  }
}

.h-520px {
  height: 520px !important;
}

.min-h-520px {
  min-height: 520px !important;
}

.h-525px {
  height: 525px !important;
}

.min-h-525px {
  min-height: 525px !important;
}

.h-520pc {
  height: 520% !important;
}

.min-h-520pc {
  min-height: 520% !important;
}

@media (max-width: 767px) {
  .h-sm-520pc {
    height: 520% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-520pc {
    min-height: 520% !important;
  }
}

.mh-520px {
  max-height: 520px !important;
}

.w-530vw {
  width: 530vw !important;
}

.w-535vw {
  width: 535vw !important;
}

@media (max-width: 767px) {
  .w-sm-530vw {
    width: 530vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-535vw {
    width: 535vw !important;
  }
}

.w-530px {
  width: 530px !important;
}

.min-w-530px {
  min-width: 530px !important;
}

.w-535px {
  width: 535px !important;
}

.min-w-535px {
  min-width: 535px !important;
}

.w-530pc {
  width: 530% !important;
}

.min-w-530pc {
  min-width: 530% !important;
}

@media (max-width: 767px) {
  .w-sm-530pc {
    width: 530% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-530pc {
    min-width: 530% !important;
  }
}

.mw-530px {
  max-width: 530px !important;
}

.h-530vh {
  height: 530vh !important;
}

.h-535vh {
  height: 535vh !important;
}

@media (max-width: 767px) {
  .h-sm-530vh {
    height: 530vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-535vh {
    height: 535vh !important;
  }
}

.h-530px {
  height: 530px !important;
}

.min-h-530px {
  min-height: 530px !important;
}

.h-535px {
  height: 535px !important;
}

.min-h-535px {
  min-height: 535px !important;
}

.h-530pc {
  height: 530% !important;
}

.min-h-530pc {
  min-height: 530% !important;
}

@media (max-width: 767px) {
  .h-sm-530pc {
    height: 530% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-530pc {
    min-height: 530% !important;
  }
}

.mh-530px {
  max-height: 530px !important;
}

.w-540vw {
  width: 540vw !important;
}

.w-545vw {
  width: 545vw !important;
}

@media (max-width: 767px) {
  .w-sm-540vw {
    width: 540vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-545vw {
    width: 545vw !important;
  }
}

.w-540px {
  width: 540px !important;
}

.min-w-540px {
  min-width: 540px !important;
}

.w-545px {
  width: 545px !important;
}

.min-w-545px {
  min-width: 545px !important;
}

.w-540pc {
  width: 540% !important;
}

.min-w-540pc {
  min-width: 540% !important;
}

@media (max-width: 767px) {
  .w-sm-540pc {
    width: 540% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-540pc {
    min-width: 540% !important;
  }
}

.mw-540px {
  max-width: 540px !important;
}

.h-540vh {
  height: 540vh !important;
}

.h-545vh {
  height: 545vh !important;
}

@media (max-width: 767px) {
  .h-sm-540vh {
    height: 540vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-545vh {
    height: 545vh !important;
  }
}

.h-540px {
  height: 540px !important;
}

.min-h-540px {
  min-height: 540px !important;
}

.h-545px {
  height: 545px !important;
}

.min-h-545px {
  min-height: 545px !important;
}

.h-540pc {
  height: 540% !important;
}

.min-h-540pc {
  min-height: 540% !important;
}

@media (max-width: 767px) {
  .h-sm-540pc {
    height: 540% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-540pc {
    min-height: 540% !important;
  }
}

.mh-540px {
  max-height: 540px !important;
}

.w-550vw {
  width: 550vw !important;
}

.w-555vw {
  width: 555vw !important;
}

@media (max-width: 767px) {
  .w-sm-550vw {
    width: 550vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-555vw {
    width: 555vw !important;
  }
}

.w-550px {
  width: 550px !important;
}

.min-w-550px {
  min-width: 550px !important;
}

.w-555px {
  width: 555px !important;
}

.min-w-555px {
  min-width: 555px !important;
}

.w-550pc {
  width: 550% !important;
}

.min-w-550pc {
  min-width: 550% !important;
}

@media (max-width: 767px) {
  .w-sm-550pc {
    width: 550% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-550pc {
    min-width: 550% !important;
  }
}

.mw-550px {
  max-width: 550px !important;
}

.h-550vh {
  height: 550vh !important;
}

.h-555vh {
  height: 555vh !important;
}

@media (max-width: 767px) {
  .h-sm-550vh {
    height: 550vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-555vh {
    height: 555vh !important;
  }
}

.h-550px {
  height: 550px !important;
}

.min-h-550px {
  min-height: 550px !important;
}

.h-555px {
  height: 555px !important;
}

.min-h-555px {
  min-height: 555px !important;
}

.h-550pc {
  height: 550% !important;
}

.min-h-550pc {
  min-height: 550% !important;
}

@media (max-width: 767px) {
  .h-sm-550pc {
    height: 550% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-550pc {
    min-height: 550% !important;
  }
}

.mh-550px {
  max-height: 550px !important;
}

.w-560vw {
  width: 560vw !important;
}

.w-565vw {
  width: 565vw !important;
}

@media (max-width: 767px) {
  .w-sm-560vw {
    width: 560vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-565vw {
    width: 565vw !important;
  }
}

.w-560px {
  width: 560px !important;
}

.min-w-560px {
  min-width: 560px !important;
}

.w-565px {
  width: 565px !important;
}

.min-w-565px {
  min-width: 565px !important;
}

.w-560pc {
  width: 560% !important;
}

.min-w-560pc {
  min-width: 560% !important;
}

@media (max-width: 767px) {
  .w-sm-560pc {
    width: 560% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-560pc {
    min-width: 560% !important;
  }
}

.mw-560px {
  max-width: 560px !important;
}

.h-560vh {
  height: 560vh !important;
}

.h-565vh {
  height: 565vh !important;
}

@media (max-width: 767px) {
  .h-sm-560vh {
    height: 560vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-565vh {
    height: 565vh !important;
  }
}

.h-560px {
  height: 560px !important;
}

.min-h-560px {
  min-height: 560px !important;
}

.h-565px {
  height: 565px !important;
}

.min-h-565px {
  min-height: 565px !important;
}

.h-560pc {
  height: 560% !important;
}

.min-h-560pc {
  min-height: 560% !important;
}

@media (max-width: 767px) {
  .h-sm-560pc {
    height: 560% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-560pc {
    min-height: 560% !important;
  }
}

.mh-560px {
  max-height: 560px !important;
}

.w-570vw {
  width: 570vw !important;
}

.w-575vw {
  width: 575vw !important;
}

@media (max-width: 767px) {
  .w-sm-570vw {
    width: 570vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-575vw {
    width: 575vw !important;
  }
}

.w-570px {
  width: 570px !important;
}

.min-w-570px {
  min-width: 570px !important;
}

.w-575px {
  width: 575px !important;
}

.min-w-575px {
  min-width: 575px !important;
}

.w-570pc {
  width: 570% !important;
}

.min-w-570pc {
  min-width: 570% !important;
}

@media (max-width: 767px) {
  .w-sm-570pc {
    width: 570% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-570pc {
    min-width: 570% !important;
  }
}

.mw-570px {
  max-width: 570px !important;
}

.h-570vh {
  height: 570vh !important;
}

.h-575vh {
  height: 575vh !important;
}

@media (max-width: 767px) {
  .h-sm-570vh {
    height: 570vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-575vh {
    height: 575vh !important;
  }
}

.h-570px {
  height: 570px !important;
}

.min-h-570px {
  min-height: 570px !important;
}

.h-575px {
  height: 575px !important;
}

.min-h-575px {
  min-height: 575px !important;
}

.h-570pc {
  height: 570% !important;
}

.min-h-570pc {
  min-height: 570% !important;
}

@media (max-width: 767px) {
  .h-sm-570pc {
    height: 570% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-570pc {
    min-height: 570% !important;
  }
}

.mh-570px {
  max-height: 570px !important;
}

.w-580vw {
  width: 580vw !important;
}

.w-585vw {
  width: 585vw !important;
}

@media (max-width: 767px) {
  .w-sm-580vw {
    width: 580vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-585vw {
    width: 585vw !important;
  }
}

.w-580px {
  width: 580px !important;
}

.min-w-580px {
  min-width: 580px !important;
}

.w-585px {
  width: 585px !important;
}

.min-w-585px {
  min-width: 585px !important;
}

.w-580pc {
  width: 580% !important;
}

.min-w-580pc {
  min-width: 580% !important;
}

@media (max-width: 767px) {
  .w-sm-580pc {
    width: 580% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-580pc {
    min-width: 580% !important;
  }
}

.mw-580px {
  max-width: 580px !important;
}

.h-580vh {
  height: 580vh !important;
}

.h-585vh {
  height: 585vh !important;
}

@media (max-width: 767px) {
  .h-sm-580vh {
    height: 580vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-585vh {
    height: 585vh !important;
  }
}

.h-580px {
  height: 580px !important;
}

.min-h-580px {
  min-height: 580px !important;
}

.h-585px {
  height: 585px !important;
}

.min-h-585px {
  min-height: 585px !important;
}

.h-580pc {
  height: 580% !important;
}

.min-h-580pc {
  min-height: 580% !important;
}

@media (max-width: 767px) {
  .h-sm-580pc {
    height: 580% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-580pc {
    min-height: 580% !important;
  }
}

.mh-580px {
  max-height: 580px !important;
}

.w-590vw {
  width: 590vw !important;
}

.w-595vw {
  width: 595vw !important;
}

@media (max-width: 767px) {
  .w-sm-590vw {
    width: 590vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-595vw {
    width: 595vw !important;
  }
}

.w-590px {
  width: 590px !important;
}

.min-w-590px {
  min-width: 590px !important;
}

.w-595px {
  width: 595px !important;
}

.min-w-595px {
  min-width: 595px !important;
}

.w-590pc {
  width: 590% !important;
}

.min-w-590pc {
  min-width: 590% !important;
}

@media (max-width: 767px) {
  .w-sm-590pc {
    width: 590% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-590pc {
    min-width: 590% !important;
  }
}

.mw-590px {
  max-width: 590px !important;
}

.h-590vh {
  height: 590vh !important;
}

.h-595vh {
  height: 595vh !important;
}

@media (max-width: 767px) {
  .h-sm-590vh {
    height: 590vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-595vh {
    height: 595vh !important;
  }
}

.h-590px {
  height: 590px !important;
}

.min-h-590px {
  min-height: 590px !important;
}

.h-595px {
  height: 595px !important;
}

.min-h-595px {
  min-height: 595px !important;
}

.h-590pc {
  height: 590% !important;
}

.min-h-590pc {
  min-height: 590% !important;
}

@media (max-width: 767px) {
  .h-sm-590pc {
    height: 590% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-590pc {
    min-height: 590% !important;
  }
}

.mh-590px {
  max-height: 590px !important;
}

.w-600vw {
  width: 600vw !important;
}

.w-605vw {
  width: 605vw !important;
}

@media (max-width: 767px) {
  .w-sm-600vw {
    width: 600vw !important;
  }
}

@media (max-width: 767px) {
  .w-sm-605vw {
    width: 605vw !important;
  }
}

.w-600px {
  width: 600px !important;
}

.min-w-600px {
  min-width: 600px !important;
}

.w-605px {
  width: 605px !important;
}

.min-w-605px {
  min-width: 605px !important;
}

.w-600pc {
  width: 600% !important;
}

.min-w-600pc {
  min-width: 600% !important;
}

@media (max-width: 767px) {
  .w-sm-600pc {
    width: 600% !important;
  }
}

@media (max-width: 767px) {
  .min-w-sm-600pc {
    min-width: 600% !important;
  }
}

.mw-600px {
  max-width: 600px !important;
}

.h-600vh {
  height: 600vh !important;
}

.h-605vh {
  height: 605vh !important;
}

@media (max-width: 767px) {
  .h-sm-600vh {
    height: 600vh !important;
  }
}

@media (max-width: 767px) {
  .h-sm-605vh {
    height: 605vh !important;
  }
}

.h-600px {
  height: 600px !important;
}

.min-h-600px {
  min-height: 600px !important;
}

.h-605px {
  height: 605px !important;
}

.min-h-605px {
  min-height: 605px !important;
}

.h-600pc {
  height: 600% !important;
}

.min-h-600pc {
  min-height: 600% !important;
}

@media (max-width: 767px) {
  .h-sm-600pc {
    height: 600% !important;
  }
}

@media (max-width: 767px) {
  .min-h-sm-600pc {
    min-height: 600% !important;
  }
}

.mh-600px {
  max-height: 600px !important;
}

/* -------- Components -------- */
#client_body .main-heading {
  position: relative;
  width: fit-content;
  margin: 0.3125rem auto 2.8125rem;
  text-transform: capitalize;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
}
#client_body .main-heading::before {
  content: "";
  position: absolute;
  bottom: -0.9375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0.3125rem;
  background-image: linear-gradient(to right, #000, var(--secondary-client-clr));
  border-radius: 100vw;
  pointer-events: none;
}
#client_body .sub-main-heading {
  position: relative;
  width: fit-content;
  margin: 1rem;
  text-transform: capitalize;
}
#client_body .sub-main-heading::before {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  width: 50%;
  height: 0;
  border-top: dotted 0.125rem var(--dark-clr);
}

#admin_body .main-heading,
#admin-login .main-heading {
  margin-top: 0.3125rem;
  margin-bottom: 1rem;
  padding-bottom: 1.25rem;
  text-transform: capitalize;
  width: fit-content;
  width: 100%;
  text-align: unset;
}
#admin_body .main-heading h2,
#admin-login .main-heading h2 {
  font-weight: bolder;
  text-transform: capitalize;
}
#admin_body .main-heading span,
#admin-login .main-heading span {
  display: block;
  position: relative;
  width: fit-content;
  color: var(--dark-gray);
}
#admin_body .main-heading span::before,
#admin-login .main-heading span::before {
  content: "";
  position: absolute;
  left: -0.625rem;
  top: 50%;
  transform: translate(-100%, -50%);
  width: 50%;
  height: 0.125rem;
  background-color: var(--soft-green-sky-clr-hover);
}
#admin_body .main-heading::before, #admin_body .main-heading::after,
#admin-login .main-heading::before,
#admin-login .main-heading::after {
  display: none;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-center {
  display: grid;
  place-items: center;
}

.main-sec-p {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.main-client-sec-p {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.main-clr {
  color: var(--main-clr);
}

.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(--main-clr-hover) !important;
}

.text-main-clr {
  color: #4c149d !important;
}

.border-main-clr {
  border-color: #4c149d !important;
}

.btn-main-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--main-clr) !important;
  transition: 0.2s ease;
}
.btn-main-clr:hover {
  background-color: var(--main-clr-hover) !important;
  border-color: var(--main-clr-hover) !important;
}

.main-client-clr {
  color: var(--main-client-clr);
}

.bg-main-client-clr {
  background-color: var(--main-client-clr) !important;
}
.bg-main-client-clr.transition {
  transition: 0.4s ease;
}
.bg-main-client-clr.transition:hover {
  background-color: var(--main-client-clr-hover) !important;
}

.text-main-client-clr {
  color: #e6f32c !important;
}

.border-main-client-clr {
  border-color: #e6f32c !important;
}

.btn-main-client-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--main-client-clr) !important;
  transition: 0.2s ease;
}
.btn-main-client-clr:hover {
  background-color: var(--main-client-clr-hover) !important;
  border-color: var(--main-client-clr-hover) !important;
}

.secondary-clr {
  color: var(--secondary-clr);
}

.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(--secondary-clr-hover) !important;
}

.text-secondary-clr {
  color: #df3a60 !important;
}

.border-secondary-clr {
  border-color: #df3a60 !important;
}

.btn-secondary-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--secondary-clr) !important;
  transition: 0.2s ease;
}
.btn-secondary-clr:hover {
  background-color: var(--secondary-clr-hover) !important;
  border-color: var(--secondary-clr-hover) !important;
}

.secondary-client-clr {
  color: var(--secondary-client-clr);
}

.bg-secondary-client-clr {
  background-color: var(--secondary-client-clr) !important;
}
.bg-secondary-client-clr.transition {
  transition: 0.4s ease;
}
.bg-secondary-client-clr.transition:hover {
  background-color: var(--secondary-client-clr-hover) !important;
}

.text-secondary-client-clr {
  color: #df3a60 !important;
}

.border-secondary-client-clr {
  border-color: #df3a60 !important;
}

.btn-secondary-client-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--secondary-client-clr) !important;
  transition: 0.2s ease;
}
.btn-secondary-client-clr:hover {
  background-color: var(--secondary-client-clr-hover) !important;
  border-color: var(--secondary-client-clr-hover) !important;
}

.soft-yellow-clr {
  color: var(--soft-yellow-clr);
}

.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(--soft-yellow-clr-hover) !important;
}

.text-soft-yellow-clr {
  color: #ffff4d !important;
}

.border-soft-yellow-clr {
  border-color: #ffff4d !important;
}

.btn-soft-yellow-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--soft-yellow-clr) !important;
  transition: 0.2s ease;
}
.btn-soft-yellow-clr:hover {
  background-color: var(--soft-yellow-clr-hover) !important;
  border-color: var(--soft-yellow-clr-hover) !important;
}

.soft-green-sky-clr {
  color: var(--soft-green-sky-clr);
}

.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(--soft-green-sky-clr-hover) !important;
}

.text-soft-green-sky-clr {
  color: #80ffd4 !important;
}

.border-soft-green-sky-clr {
  border-color: #80ffd4 !important;
}

.btn-soft-green-sky-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--soft-green-sky-clr) !important;
  transition: 0.2s ease;
}
.btn-soft-green-sky-clr:hover {
  background-color: var(--soft-green-sky-clr-hover) !important;
  border-color: var(--soft-green-sky-clr-hover) !important;
}

.skin-clr {
  color: var(--skin-clr);
}

.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(--skin-clr-hover) !important;
}

.text-skin-clr {
  color: #edd392 !important;
}

.border-skin-clr {
  border-color: #edd392 !important;
}

.btn-skin-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--skin-clr) !important;
  transition: 0.2s ease;
}
.btn-skin-clr:hover {
  background-color: var(--skin-clr-hover) !important;
  border-color: var(--skin-clr-hover) !important;
}

.soft-gray {
  color: var(--soft-gray);
}

.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(--soft-gray-hover) !important;
}

.text-soft-gray {
  color: #c8c8c8 !important;
}

.border-soft-gray {
  border-color: #c8c8c8 !important;
}

.btn-soft-gray {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--soft-gray) !important;
  transition: 0.2s ease;
}
.btn-soft-gray:hover {
  background-color: var(--soft-gray-hover) !important;
  border-color: var(--soft-gray-hover) !important;
}

.dark-red-clr {
  color: var(--dark-red-clr);
}

.bg-dark-red-clr {
  background-color: var(--dark-red-clr) !important;
}
.bg-dark-red-clr.transition {
  transition: 0.4s ease;
}
.bg-dark-red-clr.transition:hover {
  background-color: var(--dark-red-clr-hover) !important;
}

.text-dark-red-clr {
  color: hsl(340deg, 68%, 22%) !important;
}

.border-dark-red-clr {
  border-color: hsl(340deg, 68%, 22%) !important;
}

.btn-dark-red-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--dark-red-clr) !important;
  transition: 0.2s ease;
}
.btn-dark-red-clr:hover {
  background-color: var(--dark-red-clr-hover) !important;
  border-color: var(--dark-red-clr-hover) !important;
}

.danger-clr {
  color: var(--danger-clr);
}

.bg-danger-clr {
  background-color: var(--danger-clr) !important;
}
.bg-danger-clr.transition {
  transition: 0.4s ease;
}
.bg-danger-clr.transition:hover {
  background-color: var(--danger-clr-hover) !important;
}

.text-danger-clr {
  color: #d81919 !important;
}

.border-danger-clr {
  border-color: #d81919 !important;
}

.btn-danger-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--danger-clr) !important;
  transition: 0.2s ease;
}
.btn-danger-clr:hover {
  background-color: var(--danger-clr-hover) !important;
  border-color: var(--danger-clr-hover) !important;
}

.open-green-clr {
  color: var(--open-green-clr);
}

.bg-open-green-clr {
  background-color: var(--open-green-clr) !important;
}
.bg-open-green-clr.transition {
  transition: 0.4s ease;
}
.bg-open-green-clr.transition:hover {
  background-color: var(--open-green-clr-hover) !important;
}

.text-open-green-clr {
  color: #28f647 !important;
}

.border-open-green-clr {
  border-color: #28f647 !important;
}

.btn-open-green-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--open-green-clr) !important;
  transition: 0.2s ease;
}
.btn-open-green-clr:hover {
  background-color: var(--open-green-clr-hover) !important;
  border-color: var(--open-green-clr-hover) !important;
}

.notification-success {
  color: var(--notification-success);
}

.bg-notification-success {
  background-color: var(--notification-success) !important;
}
.bg-notification-success.transition {
  transition: 0.4s ease;
}
.bg-notification-success.transition:hover {
  background-color: var(--notification-success-hover) !important;
}

.text-notification-success {
  color: hsl(98deg, 53%, 80%) !important;
}

.border-notification-success {
  border-color: hsl(98deg, 53%, 80%) !important;
}

.btn-notification-success {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--notification-success) !important;
  transition: 0.2s ease;
}
.btn-notification-success:hover {
  background-color: var(--notification-success-hover) !important;
  border-color: var(--notification-success-hover) !important;
}

.notification-warning {
  color: var(--notification-warning);
}

.bg-notification-warning {
  background-color: var(--notification-warning) !important;
}
.bg-notification-warning.transition {
  transition: 0.4s ease;
}
.bg-notification-warning.transition:hover {
  background-color: var(--notification-warning-hover) !important;
}

.text-notification-warning {
  color: #fff9c3 !important;
}

.border-notification-warning {
  border-color: #fff9c3 !important;
}

.btn-notification-warning {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--notification-warning) !important;
  transition: 0.2s ease;
}
.btn-notification-warning:hover {
  background-color: var(--notification-warning-hover) !important;
  border-color: var(--notification-warning-hover) !important;
}

.open-blue-clr {
  color: var(--open-blue-clr);
}

.bg-open-blue-clr {
  background-color: var(--open-blue-clr) !important;
}
.bg-open-blue-clr.transition {
  transition: 0.4s ease;
}
.bg-open-blue-clr.transition:hover {
  background-color: var(--open-blue-clr-hover) !important;
}

.text-open-blue-clr {
  color: #52bfee !important;
}

.border-open-blue-clr {
  border-color: #52bfee !important;
}

.btn-open-blue-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--open-blue-clr) !important;
  transition: 0.2s ease;
}
.btn-open-blue-clr:hover {
  background-color: var(--open-blue-clr-hover) !important;
  border-color: var(--open-blue-clr-hover) !important;
}

.dark-blue-clr {
  color: var(--dark-blue-clr);
}

.bg-dark-blue-clr {
  background-color: var(--dark-blue-clr) !important;
}
.bg-dark-blue-clr.transition {
  transition: 0.4s ease;
}
.bg-dark-blue-clr.transition:hover {
  background-color: var(--dark-blue-clr-hover) !important;
}

.text-dark-blue-clr {
  color: #3c3deb !important;
}

.border-dark-blue-clr {
  border-color: #3c3deb !important;
}

.btn-dark-blue-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--dark-blue-clr) !important;
  transition: 0.2s ease;
}
.btn-dark-blue-clr:hover {
  background-color: var(--dark-blue-clr-hover) !important;
  border-color: var(--dark-blue-clr-hover) !important;
}

.dark-clr {
  color: var(--dark-clr);
}

.bg-dark-clr {
  background-color: var(--dark-clr) !important;
}
.bg-dark-clr.transition {
  transition: 0.4s ease;
}
.bg-dark-clr.transition:hover {
  background-color: var(--dark-clr-hover) !important;
}

.text-dark-clr {
  color: #221d21 !important;
}

.border-dark-clr {
  border-color: #221d21 !important;
}

.btn-dark-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--dark-clr) !important;
  transition: 0.2s ease;
}
.btn-dark-clr:hover {
  background-color: var(--dark-clr-hover) !important;
  border-color: var(--dark-clr-hover) !important;
}

.gray-clr {
  color: var(--gray-clr);
}

.bg-gray-clr {
  background-color: var(--gray-clr) !important;
}
.bg-gray-clr.transition {
  transition: 0.4s ease;
}
.bg-gray-clr.transition:hover {
  background-color: var(--gray-clr-hover) !important;
}

.text-gray-clr {
  color: #686b57 !important;
}

.border-gray-clr {
  border-color: #686b57 !important;
}

.btn-gray-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--gray-clr) !important;
  transition: 0.2s ease;
}
.btn-gray-clr:hover {
  background-color: var(--gray-clr-hover) !important;
  border-color: var(--gray-clr-hover) !important;
}

.print-main-clr {
  color: var(--print-main-clr);
}

.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(--print-main-clr-hover) !important;
}

.text-print-main-clr {
  color: #FBB707 !important;
}

.border-print-main-clr {
  border-color: #FBB707 !important;
}

.btn-print-main-clr {
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--print-main-clr) !important;
  transition: 0.2s ease;
}
.btn-print-main-clr:hover {
  background-color: var(--print-main-clr-hover) !important;
  border-color: var(--print-main-clr-hover) !important;
}

.divider {
  width: max-content;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid black;
}

.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%;
}

.strike {
  text-decoration: line-through;
  text-decoration-thickness: 0.090625rem;
}

/********************** Global Style *************/
title {
  text-transform: capitalize;
}

body {
  transition: 0.5s ease;
}
body#admin_body {
  background-color: var(--body-bg);
}
@media (min-width: 768px) {
  body#admin_body.start {
    padding-right: var(--sidebar-width);
  }
}
body#client_body {
  background-color: var(--body-client-bg);
}
body#client_body:not(.p-none) {
  padding-top: calc(var(--min-header-height) - 1px);
}
@media (max-width: 767px) {
  body#client_body#client_body {
    padding-top: calc(var(--min-header-sm-height) - 1px);
  }
}

table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

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,
.btn-main-clr,
.btn-secondary-clr,
.btn,
.invalid-feedback,
input::placeholder,
label {
  text-transform: capitalize;
}

::selection {
  background-color: var(--main-clr);
}

/* width */
::-webkit-scrollbar {
  width: 0.625rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(76, 20, 157, 0.5);
  border-radius: 0.625rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--main-clr);
}

input[type=date] {
  outline: 0;
  position: relative;
  width: 100%;
  display: block;
}
input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

select.form-select,
input.form-control {
  padding: 0.375rem 0.75rem !important;
}

#admin_body .form-control:focus,
#admin_body textarea:focus,
#admin_body select:focus,
#admin_body input:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--main-clr);
  box-shadow: 0 0 0 0.0625rem var(--main-clr);
  outline: 0;
}

#client_body .form-control:focus,
#client_body textarea:focus,
#client_body select:focus,
#client_body input:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--main-client-clr);
  box-shadow: 0 0 0 0.0625rem var(--main-client-clr);
  outline: 0;
}

lord-icon {
  width: 2.1875rem;
  height: 2.1875rem;
}
lord-icon.search {
  width: 3.125rem;
  height: 3.125rem;
}
lord-icon.print {
  width: 2.5rem;
  height: 2.5rem;
}

.uk-modal-dialog .uk-button-primary {
  transition: 0.5s ease;
}
.uk-modal-dialog .uk-modal-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (max-width: 450px) {
  .uk-modal-dialog .uk-modal-footer {
    justify-content: center;
  }
}

#admin_body .uk-modal-dialog .uk-button-primary {
  background-color: var(--main-clr);
}
#admin_body .uk-modal-dialog .uk-button-primary:hover {
  background-color: var(--main-clr-hover);
}

#client_body .uk-modal-dialog .uk-button-primary {
  background-color: var(--main-client-clr);
  color: var(--dark-clr);
}
#client_body .uk-modal-dialog .uk-button-primary:hover {
  background-color: var(--main-client-clr-hover);
}

#client_body .uk-notification-message,
#admin_body .uk-notification-message {
  min-width: 21.875rem;
  width: max-content;
}
@media (max-width: 767px) {
  #client_body .uk-notification-message,
#admin_body .uk-notification-message {
    min-width: 12.5rem;
    width: 100%;
  }
}

.uk-modal.uk-open {
  z-index: 12345678911 !important;
}
.uk-modal.uk-open .uk-modal-body {
  text-transform: capitalize;
}

.uk-notification {
  z-index: 12345678912;
}

#editModal {
  z-index: 12345678910;
}

.content {
  transition: 0.5s ease;
}

.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;
  transition: opacity 0.3s ease;
}
.tooltip.shadow {
  box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2) !important;
}
@media (max-width: 767px) {
  .tooltip {
    display: none;
  }
}

[type=radio] {
  opacity: 0;
  height: 1.375rem;
  width: 1.375rem;
  vertical-align: text-bottom;
  display: inline-block;
  pointer-events: none;
}

[type=radio]:checked ~ .radioToCheckBox,
.form-check-input:checked ~ .radioToCheckBox {
  background-color: var(--secondary-clr);
  border-color: var(--secondary-clr);
  background-color: #000;
  border-color: #000;
  color: var(--soft-yellow-clr-hover);
}
[type=radio]:checked ~ .radioToCheckBox i,
.form-check-input:checked ~ .radioToCheckBox i {
  text-shadow: 0 2px 5px #ffff4d;
}

.radioToCheckBox {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  height: 1.375rem;
  width: 1.375rem;
  font-size: 0.875rem;
  border: solid 0.0625rem var(--soft-gray);
  color: transparent;
  background-color: white;
  cursor: pointer;
  transition: 0.3s ease;
}

@media (min-width: 768px) {
  .radioToCheckBox ~ label {
    white-space: nowrap;
  }
}

.form-check-inline {
  margin: 0.25rem;
}

.form-check-input:checked,
[type=checkbox]:checked {
  background-color: var(--secondary-clr) !important;
  border-color: var(--secondary-clr) !important;
}

[type=checkbox]:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(223, 58, 96, 0.5);
  border-color: var(--secondary-clr);
}

.pagination-btns {
  cursor: auto;
}

button:focus {
  border: solid 0.0625rem transparent;
}
button:focus.b-0 {
  border: 0;
}

.show-pwd {
  position: relative;
}
.show-pwd input {
  padding-left: 2rem !important;
}
.show-pwd input.is-invalid {
  padding-left: 3.5rem !important;
}
.show-pwd-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  height: 100%;
  width: fit-content;
  padding: 0.5rem;
  cursor: pointer;
}
input.is-invalid + .show-pwd-icon {
  left: 1.5rem;
}

.count-phone-number {
  position: relative;
}
.count-phone-number input {
  padding-left: 2rem !important;
}
.count-phone-number input.is-invalid {
  padding-left: 3.5rem !important;
}
.count-phone-number span {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  height: 100%;
  width: fit-content;
  padding: 0.5rem;
  color: red;
}
.count-phone-number input.is-invalid + span {
  left: 1.5rem;
}

.pagination_ajax {
  margin: 1rem 0;
}
.pagination_ajax .numbers,
.pagination_ajax .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3125rem;
  margin: 0.5rem 0;
}
.pagination_ajax #pagination_next,
.pagination_ajax #pagination_previous {
  padding: 0.3125rem 0.625rem;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  transition: 0.3s ease;
}
.pagination_ajax #pagination_next:hover,
.pagination_ajax #pagination_previous:hover {
  background-color: var(--main-clr);
}
.pagination_ajax .numbers .page_number,
.pagination_ajax .numbers .pages {
  background-color: #000;
  color: #fff;
  padding: 0.3125rem 0.625rem;
}
.pagination_ajax .numbers .page_number {
  background-color: var(--secondary-clr);
}

#admin_body #ajax-loading {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 12345678;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 50%;
}
@media (max-width: 767px) {
  #admin_body #ajax-loading {
    left: auto;
    top: auto;
    right: calc(var(--sidebar-width) + 5px);
    bottom: 1rem;
  }
}
@media (min-width: 992px) {
  #admin_body #ajax-loading {
    left: 3rem;
  }
}
@media (min-width: 1200px) {
  #admin_body #ajax-loading {
    left: 5rem;
  }
}

#client_body #ajax-loading {
  position: fixed;
  top: 0.25rem;
  left: 1rem;
  z-index: 12345678;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 3.75rem;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 0.5rem;
}
@media (max-width: 767px) {
  #client_body #ajax-loading {
    top: auto;
    bottom: 1rem;
  }
}
#client_body #ajax-loading .loader {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--open-green-clr);
  position: relative;
}
#client_body #ajax-loading .loader:before, #client_body #ajax-loading .loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: #fff;
  transform: rotate(0deg) translate(1.25rem);
  animation: rotate 1.5s ease infinite;
}
#client_body #ajax-loading .loader:after {
  animation-delay: 0.5s;
}

.input-holder {
  position: relative;
  overflow: hidden;
}
.input-holder input:not([type=submit]):focus + span {
  display: none;
}
.input-holder .show-placeholder {
  display: none;
}
@media (max-width: 767px) {
  .input-holder .show-placeholder {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    display: flex;
    width: max-content;
    pointer-events: none;
    transform: translate(100%, -50%);
    animation: show-news 10s linear infinite;
  }
  .input-holder input:not([type=submit])::placeholder {
    opacity: 0;
  }
}
.input-holder [type=submit] {
  position: relative;
  z-index: 11;
}

#client_body section:not(.admin-login) {
  min-height: 100vh;
}

.img-loader {
  position: absolute;
  inset: 0;
  background-color: var(--img-loader-bg-clr);
  z-index: 9;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
}
.img-loader.loaded {
  display: none;
}
.img-loader:not(.loaded)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background: linear-gradient(to right, var(--img-loader-bg-clr), #fff, var(--img-loader-bg-clr));
  animation: skeleton-loader 2s ease-in-out infinite;
  border-radius: inherit;
  pointer-events: none;
}

#client_body #fixed_show_search {
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 1000;
  display: grid;
  place-items: center;
  height: 2.8125rem;
  width: 2.8125rem;
  border-radius: 50%;
  font-size: 1.25rem;
  color: var(--main-client-clr);
  background-color: rgba(34, 29, 33, 0.75);
  backdrop-filter: blur(0.09375rem);
}
@media (min-width: 768px) {
  #client_body #fixed_show_search {
    display: none;
  }
}
#client_body:has(.admin-login) {
  background-color: var(--soft-gray);
  font-weight: bolder;

}
#client_body:has(.admin-login) #fixed_show_search {
  display: none;
}

/********************** Classes *************/
/* Make A Tooltip By Using tooltip Attribute */
[tooltip] {
  --arrow-width: 7px;
  --tooltip-clr: #000;
  --tooltip-txt-clr: #fff;
  --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: 15px;
  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;
}

/********************** Header (sidebar) *************/
#admin_body .sidebar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 999;
  width: var(--sidebar-width);
  background-color: var(--sidebar-bg);
  transition: 0.5s ease;
}
#admin_body .sidebar .expand {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: fit-content;
  padding: 0.3125rem 0.625rem;
  background-color: var(--body-bg);
  border-radius: 0 0 0.46875rem 0;
  transition: 0.5s ease, background-color 0.2s ease;
}
#admin_body .sidebar .expand i {
  transition: 0.5s ease, color 0s ease;
}
#admin_body .sidebar .nav ul:not(.collapsed_ul) {
  width: 100%;
  padding: 0rem 0.4375rem 0.9375rem;
  transition: 0.3s ease;
}
#admin_body .sidebar .nav__link_collapse, #admin_body .sidebar .nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  margin: 0.3125rem 0 0;
  border-radius: 0.46875rem;
  color: var(--sidebar-link-txt-clr);
  text-transform: capitalize;
  transition: 0.2s ease;
}
#admin_body .sidebar .nav__link_collapse.active, #admin_body .sidebar .nav__link_collapse:hover, #admin_body .sidebar .nav__link.active, #admin_body .sidebar .nav__link:hover {
  background-color: var(--sidebar-link-bg-hover-clr);
  color: var(--sidebar-link-txt-hover-clr);
}
#admin_body .sidebar .nav__link_collapse[data-bs-toggle=collapse][aria-expanded=true]:hover, #admin_body .sidebar .nav__link_collapse[data-bs-toggle=collapse][aria-expanded=true].active, #admin_body .sidebar .nav__link[data-bs-toggle=collapse][aria-expanded=true]:hover, #admin_body .sidebar .nav__link[data-bs-toggle=collapse][aria-expanded=true].active {
  border-radius: 0.46875rem 0.46875rem 0 0;
}
#admin_body .sidebar .nav .collapsed_ul {
  font-size: 0.9375rem;
  background-color: #360e70;
  border-radius: 0 0 0.46875rem 0.46875rem;
}
#admin_body .sidebar .nav .collapse__item:last-child .nav__link_collapse {
  border-radius: 0 0 0.46875rem 0.46875rem;
}
#admin_body .sidebar .nav__link_collapse {
  margin: 0;
  border-radius: 0;
  color: var(--sidebar-collapse-txt-clr);
  transition: 0.25s ease;
}
#admin_body .sidebar .nav__link_collapse.active, #admin_body .sidebar .nav__link_collapse:hover {
  background-color: var(--sidebar-collapse-bg-hover-clr);
  color: var(--sidebar-collapse-txt-hover-clr);
}
#admin_body .sidebar .nav__link_collapse i {
  font-size: 1.125rem;
}
#admin_body .sidebar.closed {
  transform: translateX(100%);
  transition: 0.5s ease;
  overflow-y: visible;
}
#admin_body .sidebar.closed .expand {
  transform: translateX(-100%);
  border-radius: 0 0 0 0.46875rem;
  background: var(--sidebar-bg);
  color: var(--sidebar-link-txt-clr);
}
#admin_body .sidebar.closed .expand i {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  #admin_body .sidebar:not(.active) {
    transform: translateX(100%);
    transition: 0.5s ease;
    overflow-y: visible;
  }
  #admin_body .sidebar:not(.active) .expand {
    transform: translateX(-100%);
    border-radius: 0 0 0 0.46875rem;
    background: var(--sidebar-bg);
    color: var(--sidebar-link-txt-clr);
  }
  #admin_body .sidebar:not(.active) .expand i {
    transform: rotate(180deg);
  }
}

/********************** Header (sidebar) *************/ /********************** Header (sidebar) *************/
#client_body .header-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: fit-content;
  min-height: var(--min-header-sm-height);
  transition: 0.4s ease-in-out;
}
@media (min-width: 768px) {
  #client_body .header-holder {
    overflow-y: visible;
  }
}
#client_body .header-holder.hide {
  transform: translateY(-100%);
}
#client_body .header-holder.hide .search {
  display: none;
}
@media (max-width: 767px) {
  #client_body .header-holder .search {
    position: absolute;
    bottom: 0%;
    transform: translateY(100%);
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease;
  }
  #client_body .header-holder .search.show {
    opacity: 1;
    pointer-events: auto;
  }
}
#client_body .header-holder .account .dropdown-toggle::after {
  display: none;
}
#client_body .header {
  display: grid;
  max-height: 100vh;
  width: 100%;
  transition: 0.4s ease-in-out;
  overflow-y: auto;
  box-shadow: 0 0.21875rem 0.625rem rgba(34, 34, 34, 0.2);
}
@media (min-width: 768px) {
  #client_body .header {
    overflow-y: visible;
    min-height: var(--min-header-height);
  }
}
#client_body .header .navbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3125rem 0;
  background-color: #fff;
}
#client_body .header .cart-fav {
  display: flex;
  justify-content: center;
  gap: 0.8125rem;
  font-size: 0.6875rem;
}
@media (min-width: 768px) {
  #client_body .header .cart-fav {
    font-size: 0.75rem;
  }
  #client_body .header .cart-fav i {
    font-size: 1.4375rem;
  }
}
#client_body .header .cart-fav i {
  position: relative;
  width: fit-content;
  margin: auto;
  font-size: 1.25rem;
  transition: 0.3s ease;
}
@media (max-width: 767px) {
  #client_body .header .cart-fav i {
    font-size: 1.125rem;
  }
}
#client_body .header .cart-fav .dropdown-item i, #client_body .header .cart-fav .dropdown-item span {
  color: var(--navbar-dropdown-txt-clr);
  margin-inline: 0;
}
#client_body .header .cart-fav .dropdown-item i {
  font-size: 1rem;
}
#client_body .header .cart-fav .dropdown-toggle:hover i {
  color: var(--dark-blue-clr);
}
#client_body .header .cart-fav > *,
#client_body .header .cart-fav .dropdown-toggle {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.15625rem;
  max-height: 100%;
  text-align: center;
  cursor: pointer;
}
#client_body .header .cart-fav > *:hover.cart,
#client_body .header .cart-fav .dropdown-toggle:hover.cart {
  color: var(--main-client-clr);
}
#client_body .header .cart-fav > *:hover.favorite,
#client_body .header .cart-fav .dropdown-toggle:hover.favorite {
  color: var(--danger-clr);
}
#client_body .header .cart-fav span {
  color: var(--dark-gray);
  transition: 0.3s ease;
  margin-top: auto;
}
#client_body .header .cart-fav span.mobile {
  color: var(--navbar-link-txt-clr);
}
#client_body .header .cart-fav i span {
  position: absolute;
  padding: 0.15625rem;
  font-size: 0.53125rem;
  background-color: var(--danger-clr);
  color: #fff;
  border-radius: 0.1875rem;
}
#client_body .header .cart-fav i span.num-mobile {
  top: 0;
  left: 0%;
  transform: translate(-95%, -50%);
}
#client_body .header .cart-fav i span.num {
  top: -20%;
  right: 0%;
  transform: translateX(80%);
}
#client_body .header .navbar {
  padding: 0.75rem 0 0.53125rem;
  height: 100%;
}
@media (min-width: 768px) {
  #client_body .header .navbar {
    padding: 0.1875rem 0;
  }
}
@media (max-width: 767px) {
  #client_body .header .navbar {
    min-height: var(--min-header-sm-height);
  }
}
#client_body .header .navbar-nav {
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
#client_body .header .navbar-brand {
  text-transform: capitalize;
  font-weight: 600;
  font-size: clamp(18px, 20px + 0.75vw, 30px);
}
#client_body .header .navbar-toggler {
  position: relative;
  width: 2.1875rem;
  height: 2.03125rem;
  padding: 0.3125rem;
  border-radius: 0;
  border: 0;
  overflow: hidden;
}
#client_body .header .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
#client_body .header .navbar-toggler span {
  position: absolute;
  display: block;
  height: 0.1875rem;
  width: 100%;
  background: #fff;
  border-radius: 0.5625rem;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#client_body .header .navbar-toggler span:nth-child(1) {
  top: 0.3125rem;
}
#client_body .header .navbar-toggler span:nth-child(2) {
  top: 0.9375rem;
}
#client_body .header .navbar-toggler span:nth-child(3) {
  top: 1.5625rem;
}
#client_body .header .navbar-toggler:not([aria-expanded=false]) span:nth-child(1) {
  top: 0.8125rem;
  transform: rotate(135deg);
}
#client_body .header .navbar-toggler:not([aria-expanded=false]) span:nth-child(2) {
  opacity: 0;
  left: -3.75rem;
}
#client_body .header .navbar-toggler:not([aria-expanded=false]) span:nth-child(3) {
  top: 0.8125rem;
  transform: rotate(-135deg);
}
#client_body .header .dropdown-menu {
  background-color: var(--navbar-dropdown-bg-clr);
}
@media (max-width: 767px) {
  #client_body .header .dropdown-menu {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #client_body .header .dropdown-menu .dropdown-item {
    white-space: pre-wrap;
  }
}
#client_body .header .dropdown-menu .dropdown-item {
  color: var(--navbar-dropdown-txt-clr);
}
#client_body .header .dropdown-menu .dropdown-item:hover, #client_body .header .dropdown-menu .dropdown-item.active {
  background-color: var(--navbar-dropdown-bg-hover-clr);
  color: var(--navbar-dropdown-txt-hover-clr);
}
#client_body .header .nav-link {
  position: relative;
  padding: 0.3125rem 0.5rem;
  margin: 0.15625rem;
  border-radius: 0.15625rem;
  color: var(--navbar-link-txt-clr);
}
#client_body .header .nav-link img,
#client_body .header .nav-link span,
#client_body .header .nav-link i {
  position: relative;
  z-index: 2;
}
#client_body .header .nav-link::after {
  position: relative;
  z-index: 3;
}
#client_body .header .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: var(--navbar-link-bg-hover-clr);
  border-radius: inherit;
  transition: 0.3s ease;
  transform: scale(0);
  opacity: 0;
}
#client_body .header .nav-link:hover, #client_body .header .nav-link.active {
  color: var(--navbar-link-txt-hover-clr);
}
#client_body .header .nav-link:hover::before, #client_body .header .nav-link.active::before {
  transform: scale(1);
  opacity: 1;
}
#client_body .header .my-orders {
  align-self: flex-start;
  width: 100%;
}
@media (min-width: 768px) {
  #client_body .header .my-orders {
    margin-left: auto;
    width: auto;
  }
}
#client_body .header .my-orders .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border: solid 0.0625rem var(--dark-gray);
  transition: 0.3s ease-in-out;
}
#client_body .header .my-orders .nav-link::before {
  display: none;
}
#client_body .header .my-orders .nav-link:hover, #client_body .header .my-orders .nav-link.active {
  border-color: #fff;
  background-color: #fff;
  color: var(--dark-clr);
}
#client_body .header .navbar-collapse {
  transition: 300ms linear;
}

/********************** Footer *************/
#client_body .footer {
  padding: 1.875rem 0;
  background-color: var(--dark-clr);
  color: #fff;
}
#client_body .footer-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  gap: 1.5625rem;
}
#client_body .footer .item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.5rem;
}
#client_body .footer .item .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4375rem;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
#client_body .footer .item .phone,
#client_body .footer .item .link {
  transition: 0.4s ease;
  color: var(--soft-gray);
}
#client_body .footer .item .phone:not(.phone):hover,
#client_body .footer .item .link:not(.phone):hover {
  color: var(--main-client-clr);
}
#client_body .footer .item .phone i,
#client_body .footer .item .link i {
  font-size: 1.875rem;
  transition: 0.4s ease;
}
#client_body .footer .item .phone i:hover,
#client_body .footer .item .link i:hover {
  text-shadow: 0rem 0rem 0.9375rem rgba(230, 243, 44, 0.5);
}
#client_body .footer .line {
  display: block;
  height: 0.0625rem;
  background-image: linear-gradient(to right, var(--dark-clr), var(--soft-gray), var(--dark-clr));
  margin: 1.875rem 0 1.25rem;
  background-clip: padding-box;
}
#client_body .footer .made-by {
  text-align: center;
  text-transform: capitalize;
  font-size: 0.875rem;
}
#client_body .footer .made-by .link {
  color: var(--open-blue-clr);
}

/********************** KeyFrames *************/
@keyframes flying {
  0% {
    transform: translateY(-0.625rem);
  }
  100% {
    transform: translateY(0.625rem);
  }
}
@keyframes main-clr-glowing {
  0% {
    background-color: #4c149d;
  }
  100% {
    background-color: #200843;
  }
}
@keyframes secondary-clr-glowing {
  0% {
    background-color: #df3a60;
  }
  100% {
    background-color: #9a1937;
  }
}
@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 show-news {
  0% {
    transform: translate(100%, -50%);
  }
  100% {
    transform: translate(-100%, -50%);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg) translate(1.25rem);
  }
}
@keyframes smokeOut {
  100% {
    opacity: 0.08;
    filter: blur(5px);
    letter-spacing: 0.625rem;
  }
}
@keyframes skeleton-loader {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/********************** Loading *************/
#admin_body .loading {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  background-color: white;
  transition: 0.5s ease;
  overflow: hidden;
}
#admin_body .loading.hide {
  pointer-events: none;
  transform: scale(0.35);
  opacity: 0;
}

/********************** Login *************/
#admin-login .main-content {
  min-height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#admin-login .main-content .form {
  width: 100%;
}
@media (min-width: 992px) {
  #admin-login .main-content .form {
    width: 50%;
  }
}

/********************** Dashboard *************/
.dashboard .box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(12.5rem, 100%), 1fr));
  gap: 1rem;
}
.dashboard .box__card {
  height: 100%;
}
.dashboard .card {
  height: 100%;
  transition: 0.3s ease;
  border-left: solid 7px var(--main-clr);
}
.dashboard .card:hover {
  transform: translateY(-0.625rem);
  background-color: #7b32e5;
  border-color: #7b32e5;
  box-shadow: 0 0.625rem 0.625rem #c8c8c8;
  color: #fff;
}
.dashboard .card .icon {
  margin: 0 auto;
}
.dashboard .card .icon img {
  width: 4.0625rem;
  min-width: 4.0625rem;
  margin: 0 auto;
  filter: drop-shadow(0 0.25rem 0.21875rem rgba(51, 51, 51, 0.25));
}
.dashboard .card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.5rem;
  border-radius: inherit;
}
@media (max-width: 767px) {
  .dashboard .card-body {
    flex-wrap: wrap;
  }
}
.dashboard .card .text {
  text-transform: capitalize;
  text-align: center;
  margin: 0 auto;
}
.dashboard .card .text span {
  font-size: clamp(1.5625rem, 1.5625rem + 5vw, 2.5rem);
}
.dashboard .card .text h4 {
  font-weight: bold;
  line-height: 1.25em;
  font-size: 1.125rem;
}

/********************** Orders *************/
#admin_body .orders .orders_holder {
  background-color: #E5E5E5;
}
#admin_body .orders .table-holder {
  width: calc(var(--table-width) * 1px);
  margin: 0 auto;
}
#admin_body .orders .resp-table {
  width: 100%;
}
#admin_body .orders .resp-table .resp-table-head {
  display: grid;
  grid-template-columns: repeat(var(--number-columns), 1fr);
  background-color: var(--soft-gray) !important;
  border-top: 0.0625rem solid #afafaf;
}
#admin_body .orders .resp-table .table-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.3125rem;
  border-right: 0.0625rem solid #afafaf;
  word-break: break-all;
  word-wrap: break-word;
}
#admin_body .orders .resp-table .table-cell.no-break, #admin_body .orders .resp-table .table-cell.desc {
  word-break: initial;
  word-wrap: initial;
}
#admin_body .orders .resp-table .table-cell.date {
  font-size: 0.8125rem;
}
#admin_body .orders .resp-table .table-cell a {
  color: blue;
}
#admin_body .orders .resp-table .table-head-cell {
  text-transform: capitalize;
  font-weight: 600;
  word-break: normal;
  word-wrap: normal;
}
#admin_body .orders .resp-table .table-cell:first-child {
  border-right: 0.0625rem solid #afafaf;
}
#admin_body .orders .resp-table .table-cell:last-child {
  border-left: 0.0625rem solid #afafaf;
}
#admin_body .orders .resp-table .resp-table-body {
  display: grid;
  grid-template-columns: repeat(var(--number-columns), 1fr);
  background-color: white;
  border-bottom: 0.0625rem solid #afafaf;
  border-top: 0.0625rem solid #afafaf;
}
#admin_body .orders .resp-table .resp-table-body.show-shadow {
  box-shadow: inset -5px 5px 10px -1px #c7c7c7, inset 5px -5px 10px 3px #c7c7c7;
}
#admin_body .orders .resp-table .resp-table-body:last-child {
  border-bottom: none;
}
#admin_body .orders.print_orders .resp-table .resp-table-head,
#admin_body .orders.print_orders .resp-table .resp-table-body {
  grid-template-columns: 0.75fr repeat(4, 1fr) 2fr;
}
#admin_body .orders .status-holder {
  position: relative;
  display: grid;
  place-items: center;
  grid-template-columns: repeat(4, 1fr) !important;
  margin: 0.1875rem 0 0.3125rem;
  padding: 0 1rem;
}
#admin_body .orders .status-holder.print {
  grid-template-columns: repeat(4, 1fr);
}
#admin_body .orders .status-holder > * {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 0.85rem;
}
#admin_body .orders .status-holder > * i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  font-size: 0.85rem;
  transition: 0.5s ease;
  cursor: pointer;
  z-index: 3;
}
#admin_body .orders .status-holder > * i.success {
  background-color: #43cd14 !important;
}
#admin_body .orders .status-holder > * i.empty {
  background-color: #DAA520 !important;
}
#admin_body .orders .status-holder > * i.zero {
  background-color: #9a99a3 !important;
}
#admin_body .orders .status-holder > * i.danger {
  background-color: #f47276 !important;
}
#admin_body .orders .status-holder > *.status::before {
  content: "";
  position: absolute;
  top: 30%;
  right: calc(var(--line-x) * 1px);
  transform: translateY(-50%);
  height: 0.125rem;
  width: calc(var(--line-width) * 1px);
  background-color: transparent;
  pointer-events: none;
  transition: 0.5s ease;
}
#admin_body .orders .status-holder > *.status.active::before {
  background-color: #a2a2a2 !important;
}
#admin_body .orders .status-holder > *.status:nth-child(1)::before, #admin_body .orders .status-holder > *.status:nth-child(2)::before {
  display: none;
}
#admin_body .orders.print_orders .status-holder {
  margin: 0.1875rem 0 0.3125rem;
  padding: 0 1rem;
}
#admin_body .orders.print_orders .status-holder > * {
  font-size: 0.625rem;
}
#admin_body .orders.print_orders .status-holder > * i {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.625rem;
}
#admin_body .orders.print_orders .status-holder > *.status::before {
  height: 0.0625rem;
}
@media (max-width: 767px) {
  #admin_body .orders .invoices-row .btns > * {
    padding: 1rem 0;
  }
  #admin_body .orders .invoices-row .invoice-info {
    height: 8.4375rem !important;
  }
}
#admin_body .orders .invoices-row > * > * {
  background-color: #fff;
}

/********************** Swiper *************/
#client_body .swiper-button-next,
#client_body .swiper-button-prev {
  background-color: rgba(34, 29, 33, 0.3);
  border-radius: 0.1875rem;
}
#client_body .swiper-button-next::after,
#client_body .swiper-button-prev::after {
  font-size: inherit;
}
#client_body .swiper-button-next {
  left: 1rem;
}
#client_body .swiper-button-prev {
  right: 1rem;
}
#client_body .swiper-pagination-bullet {
  background-color: var(--dark-clr);
}

/********************** Loading *************/
#client_body .loading {
  position: fixed;
  inset: 0;
  z-index: 10000000;
  display: grid;
  place-items: center;
  background-color: #000;
  transition: 0.4s ease;
  overflow: hidden;
  text-align: center;
}
#client_body .loading .loader {
  font-size: 3.125rem;
  font-weight: bold;
  letter-spacing: 0.125rem;
  color: #fff;
  animation: smokeOut 0.75s ease-in-out infinite alternate;
  text-shadow: 0 0 0.0625rem white;
  text-transform: capitalize;
}
#client_body .loading.hide {
  pointer-events: none;
  opacity: 0;
}

/********************** home *************/
.home .adsSwiper {
  width: 100%;
  height: 50vh;
}
@media (min-width: 768px) {
  .home .adsSwiper {
    height: 65vh;
  }
}

.home .item-card__cart {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.3125rem;
  background-color: var(--main-client-clr);
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s ease;
}
.home .item-card__cart:hover {
  background-color: var(--main-client-clr-hover);
  border-color: var(--main-client-clr-hover);
}
.home .item-card__cart.in-cart {
  background-color: #f6aeae;
}
.home .item-card__cart.in-cart:hover {
  background-color: lightcoral;
}
.home .item-card__cart i {
  font-size: 1.25rem;
}
.home .cate-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
  gap: 0.625rem;
}
.home .cate-box__item {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}
.home .cate-box__item:hover .text {
  background-color: rgba(34, 29, 33, 0.35);
}
.home .cate-box__item:hover img {
  transform: scale(1.05);
}
.home .cate-box__item .text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.3125rem;
  padding: 0.3125rem;
  background-image: linear-gradient(to top, var(--dark-clr), transparent);
  color: #fff;
  text-align: center;
  transition: 0.4s ease;
}
.home .cate-box__item .text .name {
  text-transform: capitalize;
  font-weight: bold;
}
.home .cate-box__item .text .description {
  font-size: 0.9375rem;
  border-radius: 0.3125rem;
  padding: 0.3125rem;
}
.home .cate-box__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease-in-out;
}

/********************** Product Card *************/
#client_body .product-box {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(auto-fill, minmax(13.125rem, 1fr));
  gap: 0.9375rem;
}
@media (min-width: 1200px) {
  #client_body .product-box {
    grid-template-columns: repeat(4, minmax(13.75rem, 1fr));
  }
}
@media (max-width: 450px) {
  #client_body .product-box {
    grid-template-columns: repeat(1, minmax(13.75rem, 20.625rem));
  }
}
#client_body .item-card {
  position: relative;
  min-width: 12.5rem;
  max-width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: 0.5s ease;
}
#client_body .item-card::before, #client_body .item-card::after {
  content: "";
  position: absolute;
  z-index: 10;
  background-color: var(--soft-gray);
  width: 0.078125rem;
  height: 0;
  transition: height 0.4s ease-in-out;
}
#client_body .item-card::before {
  top: 0;
  left: 0;
}
#client_body .item-card::after {
  bottom: 0;
  right: 0;
}
#client_body .item-card:hover {
  box-shadow: 0rem 0.25rem 0.9375rem rgba(34, 34, 34, 0.2);
}
#client_body .item-card:hover img {
  border-radius: 0.5rem 0.5rem 0 0;
}
#client_body .item-card__img {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
#client_body .item-card__img:hover img {
  transform: scale(1.075) rotate(1.5deg);
}
#client_body .item-card__img .favorite {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 5;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.3125rem;
  background-color: rgba(34, 34, 34, 0.1);
  color: #fff;
  font-size: clamp(1.125rem, 0.8125rem + 2vw, 1.5625rem);
  transition: 0.4s ease;
  cursor: pointer;
}
#client_body .item-card__img .favorite.in-fav, #client_body .item-card__img .favorite:hover {
  color: var(--danger-clr);
}
#client_body .item-card__img .discount {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.75rem 0.3125rem 0.5rem;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  background-color: rgba(216, 25, 25, 0.7);
  color: #fff;
  pointer-events: none;
}
#client_body .item-card__img .discount span:not(.number) {
  font-size: 0.625rem;
  padding: 0;
  margin: 0;
}
#client_body .item-card__img img {
  width: 21.875rem;
  height: 21.875rem;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.5rem;
  margin: 0 auto;
  object-fit: cover;
  transition: 0.4s ease;
}
@media (max-width: 767px) {
  #client_body .item-card__img img {
    min-width: 100%;
    min-height: 100%;
  }
}
#client_body .item-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  height: 14.25rem;
  padding: 0.625rem 0.75rem;
  background: #fff;
  text-align: center;
}
#client_body .item-card__price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4375rem;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.3125rem;
}
#client_body .item-card__price .old_money {
  color: var(--gray-clr);
}
#client_body .item-card__title {
  position: relative;
  display: block;
  padding: 0.1875rem;
}
#client_body .item-card__title span {
  position: relative;
  z-index: 2;
  display: block;
  word-wrap: nowrap;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 1.0625rem;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
#client_body .item-card__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 0.0625rem;
  width: 100%;
  background-color: var(--dark-clr);
  transition: height 0.3s ease-in-out;
  border-radius: 0.3125rem;
}
#client_body .item-card__title:hover {
  color: #fff;
}
#client_body .item-card__title:hover::before {
  height: 100%;
}
#client_body .item-card__info {
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}
#client_body .item-card__info .code,
#client_body .item-card__info .brand {
  text-align: initial;
}
#client_body .item-card__info .code span:not(.name),
#client_body .item-card__info .brand span:not(.name) {
  color: #959595;
}
#client_body .item-card__info .code .name,
#client_body .item-card__info .brand .name {
  text-transform: capitalize;
}
#client_body .item-card__info .code .name {
  text-transform: none;
}
#client_body .item-card__description {
  padding: 0.1875rem 0.375rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  font-size: 0.875rem;
  text-transform: capitalize;
  text-align: center;
  overflow: hidden;
  color: #60695d;
  line-height: 1.375rem;
}
#client_body .item-card__cart {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.3125rem;
  background-color: var(--main-client-clr);
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s ease;
}
#client_body .item-card__cart:hover {
  background-color: var(--main-client-clr-hover);
  border-color: var(--main-client-clr-hover);
}
#client_body .item-card__cart.in-cart {
  background-color: #f6aeae;
}
#client_body .item-card__cart.in-cart:hover {
  background-color: lightcoral;
}
#client_body .item-card__cart i {
  font-size: 1.25rem;
}

/********************** account *************/
.edit_profile .form,
.login .form,
.signup .form {
  width: 100%;
  margin-inline: auto;
  padding: 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.3125rem 1.25rem rgba(104, 107, 87, 0.2);
}
@media (min-width: 768px) {
  .edit_profile .form,
.login .form,
.signup .form {
    width: 50%;
  }
}
.edit_profile .form input, .edit_profile .form select,
.login .form input,
.login .form select,
.signup .form input,
.signup .form select {
  transition: 0.3s ease;
  background-color: rgba(200, 200, 200, 0.5) !important;
}
.edit_profile .form input:focus, .edit_profile .form select:focus,
.login .form input:focus,
.login .form select:focus,
.signup .form input:focus,
.signup .form select:focus {
  background-color: #fff !important;
}
.edit_profile .form > *:not([type=submit]),
.login .form > *:not([type=submit]),
.signup .form > *:not([type=submit]) {
  margin-bottom: 0.75rem;
}

/********************** Item Page *************/
#client_body .item_page {
  --big-img-width: 300px;
}
#client_body .item_page .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  #client_body .item_page .box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
#client_body .item_page .box__text {
  width: 100%;
}
@media (min-width: 768px) {
  #client_body .item_page .box__text {
    flex-basis: 50%;
  }
}
#client_body .item_page .box__text .pack {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding: 0.625rem 0.8125rem;
  border: solid 0.0625rem #c8c8c8;
  box-shadow: 0 0 0.625rem rgba(104, 107, 87, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
#client_body .item_page .box__text .name {
  font-size: clamp(1.25rem, 0.625rem + 5vw, 1.875rem);
  text-align: center;
}
#client_body .item_page .box__text .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#client_body .item_page .box__text .info > * {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
#client_body .item_page .box__text .info .code,
#client_body .item_page .box__text .info .brand {
  font-size: 1.25rem;
  color: inherit;
  font-weight: inherit;
}
#client_body .item_page .box__text .info .brand {
  text-transform: capitalize;
}
#client_body .item_page .box__text .info span {
  color: #959595;
}
#client_body .item_page .box__text .price {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0.9375rem;
  font-weight: bold;
  text-align: center;
  font-size: 1.875rem;
  color: #3b4139;
}
#client_body .item_page .box__text .price .discount {
  font-size: 1.25rem;
  color: #959595;
}
#client_body .item_page .box__text .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
#client_body .item_page .box__text .btns .add {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.9375rem;
  background-color: var(--main-client-clr);
  color: var(--dark-clr);
  transition: 0.4s ease;
  border-radius: 100vw;
  white-space: nowrap;
  font-size: 1.125rem;
}
#client_body .item_page .box__text .btns .add.end {
  background-color: var(--dark-clr);
  color: #fff;
  cursor: not-allowed;
}
#client_body .item_page .box__text .btns .add.in-cart {
  background-color: #f6aeae;
}
#client_body .item_page .box__text .btns .add.in-cart:hover {
  background-color: lightcoral;
}
#client_body .item_page .box__text .btns .add:not(.end):not(.in-cart):hover {
  background-color: var(--main-client-clr-hover);
}
#client_body .item_page .box__text .btns .favorite {
  font-size: 1.5625rem;
  transition: 0.2s ease;
}
#client_body .item_page .box__text .btns .favorite.in-fav, #client_body .item_page .box__text .btns .favorite:hover {
  color: var(--danger-clr);
}
#client_body .item_page .box__text .description .title {
  font-weight: bold;
  color: #959595;
  margin-bottom: 1.2rem;
}
#client_body .item_page .box__text .description p {
  color: var(--dark-clr);
}
#client_body .item_page .box__imgs {
  width: 100%;
}
@media (min-width: 768px) {
  #client_body .item_page .box__imgs {
    flex-basis: 50%;
  }
}
#client_body .item_page .box__imgs .big-img {
  position: relative;
  width: 100%;
  max-width: 25rem;
  min-width: 12.5rem;
  margin-inline: auto;
  margin-bottom: 0.9375rem;
  padding: 0rem 0.3125rem;
  background-color: #eeeeee;
  border: solid 0.0625rem #c8c8c8;
  border-radius: 0.5rem;
  overflow: hidden;
}
#client_body .item_page .box__imgs .big-img img {
  width: var(--big-img-width);
  max-width: var(--big-img-width);
  height: 25rem;
  object-fit: cover;
  margin-inline: auto;
  border: solid 0.0625rem #c8c8c8;
  border-radius: 0.5rem;
  overflow: hidden;
  filter: drop-shadow(0 5px 10px rgba(104, 107, 87, 0.25));
}
@media (max-width: 450px) {
  #client_body .item_page .box__imgs .big-img img {
    width: 100%;
  }
}
#client_body .item_page .box__imgs .big-img .discount {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.3125rem 1.875rem;
  font-size: 1.0625rem;
  clip-path: polygon(0 0, 100% 0%, 100% 55%, 50% 100%, 0 55%);
  background-color: #eb5252;
  color: #fff;
}
#client_body .item_page .box__imgs .big-img .discount span:not(.number) {
  font-size: 0.8125rem;
  padding: 0;
  margin: 0;
}
#client_body .item_page .box__imgs .thumb-imgs {
  width: 100%;
  max-width: 25rem;
  min-width: 12.5rem;
  height: 6.25rem;
  margin-inline: auto;
  padding: 0.5rem;
  border: solid 0.0625rem #a0a99d;
  background-color: #e2e2e2;
  border-radius: 0.5rem;
}
@media (max-width: 767px) {
  #client_body .item_page .box__imgs .thumb-imgs {
    height: 4.6875rem;
  }
}
#client_body .item_page .box__imgs .thumb-imgs img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 9.375rem;
  margin-inline: auto;
  border: solid 0.0625rem #afafaf;
  border-radius: 0.5rem;
  cursor: pointer;
  overflow: hidden;
  background-color: #fff;
}
#client_body .item_page .box__imgs .swiper-button-prev,
#client_body .item_page .box__imgs .swiper-button-next {
  background-color: rgba(34, 29, 33, 0.5);
  color: #fff;
}
#client_body .item_page .box__imgs .swiper-button-prev {
  right: 0;
}
#client_body .item_page .box__imgs .swiper-button-next {
  left: 0;
}

/********************** Cart *************/
.cart .cart-box {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .cart .cart-box {
    flex-direction: column;
  }
}
.cart .cart-box .item,
.cart .cart-box .pack {
  padding: 0.625rem 0.8125rem;
  border: solid 0.0625rem #c8c8c8;
  box-shadow: 0 0 0.625rem rgba(104, 107, 87, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.cart .cart-box__total {
  min-width: min(21.875rem, 100%);
}
.cart .cart-box__total .pack {
  position: sticky;
  top: calc(var(--header-height) * 0.0625rem + 0.625rem);
  right: 0;
  display: grid;
  gap: 0.625rem;
}
.cart .cart-box__total .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #626262;
}
.cart .cart-box__total .delivery {
  align-items: last baseline;
}
.cart .cart-box__total .delivery select {
  padding-left: 1.25rem;
}
.cart .cart-box__total .total_after_delivery {
  margin: 0.5rem 0;
}
.cart .cart-box__total .total_after_delivery .money {
  font-weight: bold;
  color: #494949;
}
.cart .cart-box__items .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cart .cart-box__items .item {
    text-align: center;
    align-items: center;
    flex-direction: column-reverse;
    gap: 0.625rem;
  }
}
@media (max-width: 767px) {
  .cart .cart-box__items .item__title {
    margin-inline: auto;
  }
}
.cart .cart-box__items .text {
  padding: 0 0.625rem;
}
.cart .cart-box__items .text > * {
  margin-bottom: 0.875rem;
}
.cart .cart-box__items .btns,
.cart .cart-box__items .brand-code {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125rem;
}
.cart .cart-box__items .span-label {
  color: #959595;
  font-size: 0.875rem;
  margin-left: 0.3125rem;
}
.cart .cart-box__items .product_price {
  display: flex;
  align-items: last baseline;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.cart .cart-box__items .product_price .price {
  width: max-content;
}
.cart .cart-box__items .product_price .price.old_money {
  color: var(--dark-gray);
  font-size: 0.875rem;
}
.cart .cart-box__items .btns {
  justify-content: flex-start;
  align-items: unset;
  flex-wrap: nowrap;
  gap: 0;
  margin-top: 1.875rem;
}
@media (max-width: 767px) {
  .cart .cart-box__items .btns {
    justify-content: center;
  }
}
.cart .cart-box__items .btns input {
  width: min(100%, 6.25rem);
  border-radius: 0;
  padding: 0 0.125rem !important;
  text-align: center;
}
.cart .cart-box__items .btns .add,
.cart .cart-box__items .btns .remove {
  padding: 0.3125rem 0.4375rem;
  background-color: var(--dark-clr);
  color: #fff;
  font-weight: bold;
  max-height: 100%;
}
.cart .cart-box__items .btns .add {
  border-radius: 0 0.25rem 0.25rem 0;
}
.cart .cart-box__items .btns .remove {
  border-radius: 0.25rem 0 0 0.25rem;
}
.cart .cart-box__items .img {
  position: relative;
  flex-shrink: 0;
  width: 9.375rem;
  height: 12.5rem;
}
.cart .cart-box__items .img .delete_btn {
  position: absolute;
  top: 0;
  left: 0;
}
.cart .cart-box__items .img .discount {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0rem 0.5rem 0.9375rem 0.5rem;
  clip-path: polygon(0% 0%, 100% 0, 100% 50%, 50% 100%, 0 50%);
  background-color: rgba(216, 25, 25, 0.7);
  color: #fff;
  pointer-events: none;
}
.cart .cart-box__items .img .discount span:not(.number) {
  font-size: 0.625rem;
  padding: 0;
  margin: 0;
}
.cart .cart-box__items .img .discount .number {
  font-size: 0.75rem;
}
.cart .cart-box__items .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-inline: auto;
  border-radius: 0.5rem;
}

/********************** Orders *************/
#client_body .orders .orders_holder {
  background-color: #E5E5E5;
}
#client_body .orders .table-holder {
  width: calc(var(--table-width) * 1px);
  margin: 0 auto;
}
#client_body .orders .resp-table {
  width: 100%;
}
#client_body .orders .resp-table .resp-table-head {
  display: grid;
  grid-template-columns: repeat(var(--number-columns), 1fr);
  background-color: var(--soft-gray) !important;
  border-top: 0.0625rem solid #afafaf;
}
#client_body .orders .resp-table .table-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.3125rem;
  border-right: 0.0625rem solid #afafaf;
  word-break: break-all;
  word-wrap: break-word;
}
#client_body .orders .resp-table .table-cell.no-break, #client_body .orders .resp-table .table-cell.desc {
  word-break: initial;
  word-wrap: initial;
}
#client_body .orders .resp-table .table-cell.date {
  font-size: 0.8125rem;
}
#client_body .orders .resp-table .table-cell a {
  color: blue;
}
#client_body .orders .resp-table .table-head-cell {
  text-transform: capitalize;
  font-weight: 600;
  word-break: normal;
  word-wrap: normal;
}
#client_body .orders .resp-table .table-cell:first-child {
  border-right: 0.0625rem solid #afafaf;
}
#client_body .orders .resp-table .table-cell:last-child {
  border-left: 0.0625rem solid #afafaf;
}
#client_body .orders .resp-table .resp-table-body {
  display: grid;
  grid-template-columns: repeat(var(--number-columns), 1fr);
  background-color: white;
  border-bottom: 0.0625rem solid #afafaf;
  border-top: 0.0625rem solid #afafaf;
}
#client_body .orders .resp-table .resp-table-body.show-shadow {
  box-shadow: inset -5px 5px 10px -1px #c7c7c7, inset 5px -5px 10px 3px #c7c7c7;
}
#client_body .orders .resp-table .resp-table-body:last-child {
  border-bottom: none;
}
#client_body .orders.print_orders .resp-table .resp-table-head,
#client_body .orders.print_orders .resp-table .resp-table-body {
  grid-template-columns: 0.75fr repeat(4, 1fr) 2fr;
}
#client_body .orders .status-holder {
  position: relative;
  display: grid;
  place-items: center;
  grid-template-columns: repeat(4, 1fr) !important;
  margin: 0.1875rem 0 0.3125rem;
  padding: 0 1rem;
}
#client_body .orders .status-holder.print {
  grid-template-columns: repeat(4, 1fr);
}
#client_body .orders .status-holder > * {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 0.85rem;
}
#client_body .orders .status-holder > * i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  font-size: 0.85rem;
  transition: 0.5s ease;
  z-index: 3;
}
#client_body .orders .status-holder > * i.success {
  background-color: #43cd14 !important;
}
#client_body .orders .status-holder > * i.empty {
  background-color: #DAA520 !important;
}
#client_body .orders .status-holder > * i.zero {
  background-color: #9a99a3 !important;
}
#client_body .orders .status-holder > * i.danger {
  background-color: #f47276 !important;
}
#client_body .orders .status-holder > *.status::before {
  content: "";
  position: absolute;
  top: 30%;
  right: calc(var(--line-x) * 1px);
  transform: translateY(-50%);
  height: 0.125rem;
  width: calc(var(--line-width) * 1px);
  background-color: transparent;
  pointer-events: none;
  transition: 0.5s ease;
}
#client_body .orders .status-holder > *.status.active::before {
  background-color: #a2a2a2 !important;
}
#client_body .orders .status-holder > *.status:nth-child(1)::before, #client_body .orders .status-holder > *.status:nth-child(2)::before {
  display: none;
}
#client_body .orders.print_orders .status-holder {
  margin: 0.1875rem 0 0.3125rem;
  padding: 0 1rem;
}
#client_body .orders.print_orders .status-holder > * {
  font-size: 0.625rem;
}
#client_body .orders.print_orders .status-holder > * i {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.625rem;
}
#client_body .orders.print_orders .status-holder > *.status::before {
  height: 0.0625rem;
}

/*# sourceMappingURL=style.css.map */