@charset "UTF-8";
@font-face {
  font-family: "nas";
  src: url("/assests/fonts/IranNastaliq.ttf");
}
.nas {
  font-family: "nas" !important;
}

@font-face {
  font-family: "iran-sans";
  src: url("/assests/fonts/IRANSansXFaNum-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "iran-sans";
  src: url("/assests/fonts/IRANSansXFaNum-Bold.ttf");
  font-weight: bold;
}
.list-color-transparent li::marker {
  color: transparent;
}

.border-transparent {
  border-color: transparent !important;
}

.hover-border-transparent:hover {
  border-color: transparent !important;
}

.bg-transparent {
  background-color: transparent;
}

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

.text-transparent {
  color: transparent !important;
}

.hover-text-transparent:hover {
  color: transparent !important;
}
.hover-text-transparent:hover * {
  color: transparent !important;
}

.list-color-pr li::marker {
  color: #002D26;
}

.border-pr {
  border-color: #002D26 !important;
}

.hover-border-pr:hover {
  border-color: #002D26 !important;
}

.bg-pr {
  background-color: #002D26;
}

.hover-bg-pr:hover {
  background-color: #002D26 !important;
}

.text-pr {
  color: #002D26 !important;
}

.hover-text-pr:hover {
  color: #002D26 !important;
}
.hover-text-pr:hover * {
  color: #002D26 !important;
}

.list-color-pr-80 li::marker {
  color: rgba(0, 45, 38, 0.5019607843);
}

.border-pr-80 {
  border-color: rgba(0, 45, 38, 0.5019607843) !important;
}

.hover-border-pr-80:hover {
  border-color: rgba(0, 45, 38, 0.5019607843) !important;
}

.bg-pr-80 {
  background-color: rgba(0, 45, 38, 0.5019607843);
}

.hover-bg-pr-80:hover {
  background-color: rgba(0, 45, 38, 0.5019607843) !important;
}

.text-pr-80 {
  color: rgba(0, 45, 38, 0.5019607843) !important;
}

.hover-text-pr-80:hover {
  color: rgba(0, 45, 38, 0.5019607843) !important;
}
.hover-text-pr-80:hover * {
  color: rgba(0, 45, 38, 0.5019607843) !important;
}

.list-color-dark li::marker {
  color: #00342B;
}

.border-dark {
  border-color: #00342B !important;
}

.hover-border-dark:hover {
  border-color: #00342B !important;
}

.bg-dark {
  background-color: #00342B;
}

.hover-bg-dark:hover {
  background-color: #00342B !important;
}

.text-dark {
  color: #00342B !important;
}

.hover-text-dark:hover {
  color: #00342B !important;
}
.hover-text-dark:hover * {
  color: #00342B !important;
}

.list-color-txt li::marker {
  color: #3F4945;
}

.border-txt {
  border-color: #3F4945 !important;
}

.hover-border-txt:hover {
  border-color: #3F4945 !important;
}

.bg-txt {
  background-color: #3F4945;
}

.hover-bg-txt:hover {
  background-color: #3F4945 !important;
}

.text-txt {
  color: #3F4945 !important;
}

.hover-text-txt:hover {
  color: #3F4945 !important;
}
.hover-text-txt:hover * {
  color: #3F4945 !important;
}

.list-color-sec li::marker {
  color: #e5c158;
}

.border-sec {
  border-color: #e5c158 !important;
}

.hover-border-sec:hover {
  border-color: #e5c158 !important;
}

.bg-sec {
  background-color: #e5c158;
}

.hover-bg-sec:hover {
  background-color: #e5c158 !important;
}

.text-sec {
  color: #e5c158 !important;
}

.hover-text-sec:hover {
  color: #e5c158 !important;
}
.hover-text-sec:hover * {
  color: #e5c158 !important;
}

.list-color-sec-20 li::marker {
  color: rgba(229, 193, 88, 0.1254901961);
}

.border-sec-20 {
  border-color: rgba(229, 193, 88, 0.1254901961) !important;
}

.hover-border-sec-20:hover {
  border-color: rgba(229, 193, 88, 0.1254901961) !important;
}

.bg-sec-20 {
  background-color: rgba(229, 193, 88, 0.1254901961);
}

.hover-bg-sec-20:hover {
  background-color: rgba(229, 193, 88, 0.1254901961) !important;
}

.text-sec-20 {
  color: rgba(229, 193, 88, 0.1254901961) !important;
}

.hover-text-sec-20:hover {
  color: rgba(229, 193, 88, 0.1254901961) !important;
}
.hover-text-sec-20:hover * {
  color: rgba(229, 193, 88, 0.1254901961) !important;
}

.list-color-sec-50 li::marker {
  color: rgba(229, 193, 88, 0.3137254902);
}

.border-sec-50 {
  border-color: rgba(229, 193, 88, 0.3137254902) !important;
}

.hover-border-sec-50:hover {
  border-color: rgba(229, 193, 88, 0.3137254902) !important;
}

.bg-sec-50 {
  background-color: rgba(229, 193, 88, 0.3137254902);
}

.hover-bg-sec-50:hover {
  background-color: rgba(229, 193, 88, 0.3137254902) !important;
}

.text-sec-50 {
  color: rgba(229, 193, 88, 0.3137254902) !important;
}

.hover-text-sec-50:hover {
  color: rgba(229, 193, 88, 0.3137254902) !important;
}
.hover-text-sec-50:hover * {
  color: rgba(229, 193, 88, 0.3137254902) !important;
}

.list-color-white li::marker {
  color: #ffffff;
}

.border-white {
  border-color: #ffffff !important;
}

.hover-border-white:hover {
  border-color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff;
}

.hover-bg-white:hover {
  background-color: #ffffff !important;
}

.text-white {
  color: #ffffff !important;
}

.hover-text-white:hover {
  color: #ffffff !important;
}
.hover-text-white:hover * {
  color: #ffffff !important;
}

.list-color-black li::marker {
  color: #000000;
}

.border-black {
  border-color: #000000 !important;
}

.hover-border-black:hover {
  border-color: #000000 !important;
}

.bg-black {
  background-color: #000000;
}

.hover-bg-black:hover {
  background-color: #000000 !important;
}

.text-black {
  color: #000000 !important;
}

.hover-text-black:hover {
  color: #000000 !important;
}
.hover-text-black:hover * {
  color: #000000 !important;
}

.list-color-black-10 li::marker {
  color: rgba(0, 0, 0, 0.062745098);
}

.border-black-10 {
  border-color: rgba(0, 0, 0, 0.062745098) !important;
}

.hover-border-black-10:hover {
  border-color: rgba(0, 0, 0, 0.062745098) !important;
}

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.062745098);
}

.hover-bg-black-10:hover {
  background-color: rgba(0, 0, 0, 0.062745098) !important;
}

.text-black-10 {
  color: rgba(0, 0, 0, 0.062745098) !important;
}

.hover-text-black-10:hover {
  color: rgba(0, 0, 0, 0.062745098) !important;
}
.hover-text-black-10:hover * {
  color: rgba(0, 0, 0, 0.062745098) !important;
}

.list-color-gray li::marker {
  color: #414846;
}

.border-gray {
  border-color: #414846 !important;
}

.hover-border-gray:hover {
  border-color: #414846 !important;
}

.bg-gray {
  background-color: #414846;
}

.hover-bg-gray:hover {
  background-color: #414846 !important;
}

.text-gray {
  color: #414846 !important;
}

.hover-text-gray:hover {
  color: #414846 !important;
}
.hover-text-gray:hover * {
  color: #414846 !important;
}

.list-color-gray-2 li::marker {
  color: #E4E2DE;
}

.border-gray-2 {
  border-color: #E4E2DE !important;
}

.hover-border-gray-2:hover {
  border-color: #E4E2DE !important;
}

.bg-gray-2 {
  background-color: #E4E2DE;
}

.hover-bg-gray-2:hover {
  background-color: #E4E2DE !important;
}

.text-gray-2 {
  color: #E4E2DE !important;
}

.hover-text-gray-2:hover {
  color: #E4E2DE !important;
}
.hover-text-gray-2:hover * {
  color: #E4E2DE !important;
}

.list-color-light-gray li::marker {
  color: #F8F9FA;
}

.border-light-gray {
  border-color: #F8F9FA !important;
}

.hover-border-light-gray:hover {
  border-color: #F8F9FA !important;
}

.bg-light-gray {
  background-color: #F8F9FA;
}

.hover-bg-light-gray:hover {
  background-color: #F8F9FA !important;
}

.text-light-gray {
  color: #F8F9FA !important;
}

.hover-text-light-gray:hover {
  color: #F8F9FA !important;
}
.hover-text-light-gray:hover * {
  color: #F8F9FA !important;
}

.list-color-light-gray-50 li::marker {
  color: rgba(248, 249, 250, 0.3137254902);
}

.border-light-gray-50 {
  border-color: rgba(248, 249, 250, 0.3137254902) !important;
}

.hover-border-light-gray-50:hover {
  border-color: rgba(248, 249, 250, 0.3137254902) !important;
}

.bg-light-gray-50 {
  background-color: rgba(248, 249, 250, 0.3137254902);
}

.hover-bg-light-gray-50:hover {
  background-color: rgba(248, 249, 250, 0.3137254902) !important;
}

.text-light-gray-50 {
  color: rgba(248, 249, 250, 0.3137254902) !important;
}

.hover-text-light-gray-50:hover {
  color: rgba(248, 249, 250, 0.3137254902) !important;
}
.hover-text-light-gray-50:hover * {
  color: rgba(248, 249, 250, 0.3137254902) !important;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "iran-sans";
}

p {
  text-overflow: ellipsis;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

fieldset {
  border: 0;
}

textarea {
  resize: none;
  field-sizing: content;
}

input, textarea {
  outline: none;
  resize: none;
}
input:focus::placeholder, textarea:focus::placeholder {
  opacity: 0;
}
input::placeholder, textarea::placeholder {
  transition: opacity 300ms ease;
}

button {
  border: 0;
}
button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
button {
  transition: transform 300ms ease;
}
button:active {
  transform: scale(0.95);
}

*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 1px;
}

*::-webkit-scrollbar-thumb {
  background: #e5c158;
  border-radius: 1px;
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: #e5c158 #ffffff;
  }
}
.pad-0 {
  padding: 0px !important;
}

@media (min-width: 576px) {
  .pad-sm-0 {
    padding: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-md-0 {
    padding: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-0 {
    padding: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-0 {
    padding: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-0 {
    padding: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-0 {
    padding: 0px !important;
  }
}

.pad-t-0 {
  padding-top: 0px !important;
}

@media (min-width: 576px) {
  .pad-t-sm-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-0 {
    padding-top: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-0 {
    padding-top: 0px !important;
  }
}

.pad-b-0 {
  padding-bottom: 0px !important;
}

@media (min-width: 576px) {
  .pad-b-sm-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-0 {
    padding-bottom: 0px !important;
  }
}

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

@media (min-width: 576px) {
  .pad-l-sm-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-0 {
    padding-left: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-0 {
    padding-left: 0px !important;
  }
}

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

@media (min-width: 576px) {
  .pad-r-sm-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-0 {
    padding-right: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-0 {
    padding-right: 0px !important;
  }
}

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

@media (min-width: 576px) {
  .pad-x-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.pad-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media (min-width: 576px) {
  .pad-y-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

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

@media (min-width: 576px) {
  .margin-sm-0 {
    margin: 0px !important;
  }
}

@media (min-width: 768px) {
  .margin-md-0 {
    margin: 0px !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-0 {
    margin: 0px !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-0 {
    margin: 0px !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-0 {
    margin: 0px !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-0 {
    margin: 0px !important;
  }
}

.margin-t-0 {
  margin-top: 0px !important;
}

@media (min-width: 576px) {
  .margin-t-sm-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-0 {
    margin-top: 0px !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-0 {
    margin-top: 0px !important;
  }
}

.margin-t--0 {
  margin-top: 0px !important;
}

.margin-b-0 {
  margin-bottom: 0px !important;
}

@media (min-width: 576px) {
  .margin-b-sm-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-0 {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-0 {
    margin-bottom: 0px !important;
  }
}

.margin-l-0 {
  margin-left: 0px !important;
}

@media (min-width: 576px) {
  .margin-l-sm-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-0 {
    margin-left: 0px !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-0 {
    margin-left: 0px !important;
  }
}

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

@media (min-width: 576px) {
  .margin-y-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

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

@media (min-width: 576px) {
  .margin-x-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.pad-5px {
  padding: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-sm-5px {
    padding: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-5px {
    padding: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-5px {
    padding: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-5px {
    padding: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-5px {
    padding: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-5px {
    padding: 0.3125rem !important;
  }
}

.pad-t-5px {
  padding-top: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-5px {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-5px {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-5px {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-5px {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-5px {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-5px {
    padding-top: 0.3125rem !important;
  }
}

.pad-b-5px {
  padding-bottom: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-5px {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-5px {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-5px {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-5px {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-5px {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-5px {
    padding-bottom: 0.3125rem !important;
  }
}

.pad-l-5px {
  padding-left: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-5px {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-5px {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-5px {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-5px {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-5px {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-5px {
    padding-left: 0.3125rem !important;
  }
}

.pad-r-5px {
  padding-right: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-5px {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-5px {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-5px {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-5px {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-5px {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-5px {
    padding-right: 0.3125rem !important;
  }
}

.pad-x-5px {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-5px {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-5px {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-5px {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-5px {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-5px {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-5px {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.pad-y-5px {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-5px {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

.margin-5px {
  margin: 0.3125rem !important;
}

@media (min-width: 576px) {
  .margin-sm-5px {
    margin: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-5px {
    margin: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-5px {
    margin: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-5px {
    margin: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-5px {
    margin: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-5px {
    margin: 0.3125rem !important;
  }
}

.margin-t-5px {
  margin-top: 0.3125rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-5px {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-5px {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-5px {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-5px {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-5px {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-5px {
    margin-top: 0.3125rem !important;
  }
}

.margin-t--5px {
  margin-top: -0.3125rem !important;
}

.margin-b-5px {
  margin-bottom: 0.3125rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-5px {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-5px {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-5px {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-5px {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-5px {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-5px {
    margin-bottom: 0.3125rem !important;
  }
}

.margin-l-5px {
  margin-left: 0.3125rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-5px {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-5px {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-5px {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-5px {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-5px {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-5px {
    margin-left: 0.3125rem !important;
  }
}

.margin-y-5px {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-5px {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-5px {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-5px {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-5px {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-5px {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-5px {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

.margin-x-5px {
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-5px {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-5px {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-5px {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-5px {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-5px {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-5px {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.pad-8px {
  padding: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-sm-8px {
    padding: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-8px {
    padding: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-8px {
    padding: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-8px {
    padding: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-8px {
    padding: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-8px {
    padding: 0.5rem !important;
  }
}

.pad-t-8px {
  padding-top: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-8px {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-8px {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-8px {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-8px {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-8px {
    padding-top: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-8px {
    padding-top: 0.5rem !important;
  }
}

.pad-b-8px {
  padding-bottom: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-8px {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-8px {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-8px {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-8px {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-8px {
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-8px {
    padding-bottom: 0.5rem !important;
  }
}

.pad-l-8px {
  padding-left: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-8px {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-8px {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-8px {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-8px {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-8px {
    padding-left: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-8px {
    padding-left: 0.5rem !important;
  }
}

.pad-r-8px {
  padding-right: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-8px {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-8px {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-8px {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-8px {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-8px {
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-8px {
    padding-right: 0.5rem !important;
  }
}

.pad-x-8px {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-8px {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-8px {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-8px {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-8px {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-8px {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-8px {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

.pad-y-8px {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-8px {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

.margin-8px {
  margin: 0.5rem !important;
}

@media (min-width: 576px) {
  .margin-sm-8px {
    margin: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-8px {
    margin: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-8px {
    margin: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-8px {
    margin: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-8px {
    margin: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-8px {
    margin: 0.5rem !important;
  }
}

.margin-t-8px {
  margin-top: 0.5rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-8px {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-8px {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-8px {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-8px {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-8px {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-8px {
    margin-top: 0.5rem !important;
  }
}

.margin-t--8px {
  margin-top: -0.5rem !important;
}

.margin-b-8px {
  margin-bottom: 0.5rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-8px {
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-8px {
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-8px {
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-8px {
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-8px {
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-8px {
    margin-bottom: 0.5rem !important;
  }
}

.margin-l-8px {
  margin-left: 0.5rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-8px {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-8px {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-8px {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-8px {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-8px {
    margin-left: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-8px {
    margin-left: 0.5rem !important;
  }
}

.margin-y-8px {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-8px {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-8px {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-8px {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-8px {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-8px {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-8px {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

.margin-x-8px {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-8px {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-8px {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-8px {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-8px {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-8px {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-8px {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

.pad-10px {
  padding: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-sm-10px {
    padding: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-10px {
    padding: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-10px {
    padding: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-10px {
    padding: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-10px {
    padding: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-10px {
    padding: 0.625rem !important;
  }
}

.pad-t-10px {
  padding-top: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-10px {
    padding-top: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-10px {
    padding-top: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-10px {
    padding-top: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-10px {
    padding-top: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-10px {
    padding-top: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-10px {
    padding-top: 0.625rem !important;
  }
}

.pad-b-10px {
  padding-bottom: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-10px {
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-10px {
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-10px {
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-10px {
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-10px {
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-10px {
    padding-bottom: 0.625rem !important;
  }
}

.pad-l-10px {
  padding-left: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-10px {
    padding-left: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-10px {
    padding-left: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-10px {
    padding-left: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-10px {
    padding-left: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-10px {
    padding-left: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-10px {
    padding-left: 0.625rem !important;
  }
}

.pad-r-10px {
  padding-right: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-10px {
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-10px {
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-10px {
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-10px {
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-10px {
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-10px {
    padding-right: 0.625rem !important;
  }
}

.pad-x-10px {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-10px {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-10px {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-10px {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-10px {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-10px {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-10px {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}

.pad-y-10px {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-10px {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

.margin-10px {
  margin: 0.625rem !important;
}

@media (min-width: 576px) {
  .margin-sm-10px {
    margin: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-10px {
    margin: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-10px {
    margin: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-10px {
    margin: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-10px {
    margin: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-10px {
    margin: 0.625rem !important;
  }
}

.margin-t-10px {
  margin-top: 0.625rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-10px {
    margin-top: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-10px {
    margin-top: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-10px {
    margin-top: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-10px {
    margin-top: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-10px {
    margin-top: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-10px {
    margin-top: 0.625rem !important;
  }
}

.margin-t--10px {
  margin-top: -0.625rem !important;
}

.margin-b-10px {
  margin-bottom: 0.625rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-10px {
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-10px {
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-10px {
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-10px {
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-10px {
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-10px {
    margin-bottom: 0.625rem !important;
  }
}

.margin-l-10px {
  margin-left: 0.625rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-10px {
    margin-left: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-10px {
    margin-left: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-10px {
    margin-left: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-10px {
    margin-left: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-10px {
    margin-left: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-10px {
    margin-left: 0.625rem !important;
  }
}

.margin-y-10px {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-10px {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-10px {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-10px {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-10px {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-10px {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-10px {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
}

.margin-x-10px {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-10px {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-10px {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-10px {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-10px {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-10px {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-10px {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
  }
}

.pad-16px {
  padding: 1rem !important;
}

@media (min-width: 576px) {
  .pad-sm-16px {
    padding: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-16px {
    padding: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-16px {
    padding: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-16px {
    padding: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-16px {
    padding: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-16px {
    padding: 1rem !important;
  }
}

.pad-t-16px {
  padding-top: 1rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-16px {
    padding-top: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-16px {
    padding-top: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-16px {
    padding-top: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-16px {
    padding-top: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-16px {
    padding-top: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-16px {
    padding-top: 1rem !important;
  }
}

.pad-b-16px {
  padding-bottom: 1rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-16px {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-16px {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-16px {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-16px {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-16px {
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-16px {
    padding-bottom: 1rem !important;
  }
}

.pad-l-16px {
  padding-left: 1rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-16px {
    padding-left: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-16px {
    padding-left: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-16px {
    padding-left: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-16px {
    padding-left: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-16px {
    padding-left: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-16px {
    padding-left: 1rem !important;
  }
}

.pad-r-16px {
  padding-right: 1rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-16px {
    padding-right: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-16px {
    padding-right: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-16px {
    padding-right: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-16px {
    padding-right: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-16px {
    padding-right: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-16px {
    padding-right: 1rem !important;
  }
}

.pad-x-16px {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-16px {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-16px {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-16px {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-16px {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-16px {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-16px {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.pad-y-16px {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-16px {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

.margin-16px {
  margin: 1rem !important;
}

@media (min-width: 576px) {
  .margin-sm-16px {
    margin: 1rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-16px {
    margin: 1rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-16px {
    margin: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-16px {
    margin: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-16px {
    margin: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-16px {
    margin: 1rem !important;
  }
}

.margin-t-16px {
  margin-top: 1rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-16px {
    margin-top: 1rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-16px {
    margin-top: 1rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-16px {
    margin-top: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-16px {
    margin-top: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-16px {
    margin-top: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-16px {
    margin-top: 1rem !important;
  }
}

.margin-t--16px {
  margin-top: -1rem !important;
}

.margin-b-16px {
  margin-bottom: 1rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-16px {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-16px {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-16px {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-16px {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-16px {
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-16px {
    margin-bottom: 1rem !important;
  }
}

.margin-l-16px {
  margin-left: 1rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-16px {
    margin-left: 1rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-16px {
    margin-left: 1rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-16px {
    margin-left: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-16px {
    margin-left: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-16px {
    margin-left: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-16px {
    margin-left: 1rem !important;
  }
}

.margin-y-16px {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-16px {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-16px {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-16px {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-16px {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-16px {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-16px {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

.margin-x-16px {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-16px {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-16px {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-16px {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-16px {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-16px {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-16px {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

.pad-20px {
  padding: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-sm-20px {
    padding: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-20px {
    padding: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-20px {
    padding: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-20px {
    padding: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-20px {
    padding: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-20px {
    padding: 1.25rem !important;
  }
}

.pad-t-20px {
  padding-top: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-20px {
    padding-top: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-20px {
    padding-top: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-20px {
    padding-top: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-20px {
    padding-top: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-20px {
    padding-top: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-20px {
    padding-top: 1.25rem !important;
  }
}

.pad-b-20px {
  padding-bottom: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-20px {
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-20px {
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-20px {
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-20px {
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-20px {
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-20px {
    padding-bottom: 1.25rem !important;
  }
}

.pad-l-20px {
  padding-left: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-20px {
    padding-left: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-20px {
    padding-left: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-20px {
    padding-left: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-20px {
    padding-left: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-20px {
    padding-left: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-20px {
    padding-left: 1.25rem !important;
  }
}

.pad-r-20px {
  padding-right: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-20px {
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-20px {
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-20px {
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-20px {
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-20px {
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-20px {
    padding-right: 1.25rem !important;
  }
}

.pad-x-20px {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-20px {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-20px {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-20px {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-20px {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-20px {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-20px {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

.pad-y-20px {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-20px {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

.margin-20px {
  margin: 1.25rem !important;
}

@media (min-width: 576px) {
  .margin-sm-20px {
    margin: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-20px {
    margin: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-20px {
    margin: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-20px {
    margin: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-20px {
    margin: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-20px {
    margin: 1.25rem !important;
  }
}

.margin-t-20px {
  margin-top: 1.25rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-20px {
    margin-top: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-20px {
    margin-top: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-20px {
    margin-top: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-20px {
    margin-top: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-20px {
    margin-top: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-20px {
    margin-top: 1.25rem !important;
  }
}

.margin-t--20px {
  margin-top: -1.25rem !important;
}

.margin-b-20px {
  margin-bottom: 1.25rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-20px {
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-20px {
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-20px {
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-20px {
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-20px {
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-20px {
    margin-bottom: 1.25rem !important;
  }
}

.margin-l-20px {
  margin-left: 1.25rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-20px {
    margin-left: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-20px {
    margin-left: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-20px {
    margin-left: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-20px {
    margin-left: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-20px {
    margin-left: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-20px {
    margin-left: 1.25rem !important;
  }
}

.margin-y-20px {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-20px {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-20px {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-20px {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-20px {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-20px {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-20px {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
}

.margin-x-20px {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-20px {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-20px {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-20px {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-20px {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-20px {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-20px {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

.pad-25px {
  padding: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-sm-25px {
    padding: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-25px {
    padding: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-25px {
    padding: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-25px {
    padding: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-25px {
    padding: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-25px {
    padding: 1.5625rem !important;
  }
}

.pad-t-25px {
  padding-top: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-25px {
    padding-top: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-25px {
    padding-top: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-25px {
    padding-top: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-25px {
    padding-top: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-25px {
    padding-top: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-25px {
    padding-top: 1.5625rem !important;
  }
}

.pad-b-25px {
  padding-bottom: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-25px {
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-25px {
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-25px {
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-25px {
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-25px {
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-25px {
    padding-bottom: 1.5625rem !important;
  }
}

.pad-l-25px {
  padding-left: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-25px {
    padding-left: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-25px {
    padding-left: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-25px {
    padding-left: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-25px {
    padding-left: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-25px {
    padding-left: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-25px {
    padding-left: 1.5625rem !important;
  }
}

.pad-r-25px {
  padding-right: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-25px {
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-25px {
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-25px {
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-25px {
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-25px {
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-25px {
    padding-right: 1.5625rem !important;
  }
}

.pad-x-25px {
  padding-left: 1.5625rem !important;
  padding-right: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-25px {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-25px {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-25px {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-25px {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-25px {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-25px {
    padding-left: 1.5625rem !important;
    padding-right: 1.5625rem !important;
  }
}

.pad-y-25px {
  padding-top: 1.5625rem !important;
  padding-bottom: 1.5625rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-25px {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
}

.margin-25px {
  margin: 1.5625rem !important;
}

@media (min-width: 576px) {
  .margin-sm-25px {
    margin: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-25px {
    margin: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-25px {
    margin: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-25px {
    margin: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-25px {
    margin: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-25px {
    margin: 1.5625rem !important;
  }
}

.margin-t-25px {
  margin-top: 1.5625rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-25px {
    margin-top: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-25px {
    margin-top: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-25px {
    margin-top: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-25px {
    margin-top: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-25px {
    margin-top: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-25px {
    margin-top: 1.5625rem !important;
  }
}

.margin-t--25px {
  margin-top: -1.5625rem !important;
}

.margin-b-25px {
  margin-bottom: 1.5625rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-25px {
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-25px {
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-25px {
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-25px {
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-25px {
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-25px {
    margin-bottom: 1.5625rem !important;
  }
}

.margin-l-25px {
  margin-left: 1.5625rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-25px {
    margin-left: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-25px {
    margin-left: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-25px {
    margin-left: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-25px {
    margin-left: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-25px {
    margin-left: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-25px {
    margin-left: 1.5625rem !important;
  }
}

.margin-y-25px {
  margin-top: 1.5625rem !important;
  margin-bottom: 1.5625rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-25px {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-25px {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-25px {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-25px {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-25px {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-25px {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
}

.margin-x-25px {
  margin-left: 1.5625rem !important;
  margin-right: 1.5625rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-25px {
    margin-left: 1.5625rem !important;
    margin-right: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-25px {
    margin-left: 1.5625rem !important;
    margin-right: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-25px {
    margin-left: 1.5625rem !important;
    margin-right: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-25px {
    margin-left: 1.5625rem !important;
    margin-right: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-25px {
    margin-left: 1.5625rem !important;
    margin-right: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-25px {
    margin-left: 1.5625rem !important;
    margin-right: 1.5625rem !important;
  }
}

.pad-30px {
  padding: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-sm-30px {
    padding: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-30px {
    padding: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-30px {
    padding: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-30px {
    padding: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-30px {
    padding: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-30px {
    padding: 1.875rem !important;
  }
}

.pad-t-30px {
  padding-top: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-30px {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-30px {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-30px {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-30px {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-30px {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-30px {
    padding-top: 1.875rem !important;
  }
}

.pad-b-30px {
  padding-bottom: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-30px {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-30px {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-30px {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-30px {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-30px {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-30px {
    padding-bottom: 1.875rem !important;
  }
}

.pad-l-30px {
  padding-left: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-30px {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-30px {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-30px {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-30px {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-30px {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-30px {
    padding-left: 1.875rem !important;
  }
}

.pad-r-30px {
  padding-right: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-30px {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-30px {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-30px {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-30px {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-30px {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-30px {
    padding-right: 1.875rem !important;
  }
}

.pad-x-30px {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-30px {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-30px {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-30px {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-30px {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-30px {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-30px {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.pad-y-30px {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-30px {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

.margin-30px {
  margin: 1.875rem !important;
}

@media (min-width: 576px) {
  .margin-sm-30px {
    margin: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-30px {
    margin: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-30px {
    margin: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-30px {
    margin: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-30px {
    margin: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-30px {
    margin: 1.875rem !important;
  }
}

.margin-t-30px {
  margin-top: 1.875rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-30px {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-30px {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-30px {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-30px {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-30px {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-30px {
    margin-top: 1.875rem !important;
  }
}

.margin-t--30px {
  margin-top: -1.875rem !important;
}

.margin-b-30px {
  margin-bottom: 1.875rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-30px {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-30px {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-30px {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-30px {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-30px {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-30px {
    margin-bottom: 1.875rem !important;
  }
}

.margin-l-30px {
  margin-left: 1.875rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-30px {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-30px {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-30px {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-30px {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-30px {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-30px {
    margin-left: 1.875rem !important;
  }
}

.margin-y-30px {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-30px {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-30px {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-30px {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-30px {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-30px {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-30px {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

.margin-x-30px {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-30px {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-30px {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-30px {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-30px {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-30px {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-30px {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.pad-35px {
  padding: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-sm-35px {
    padding: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-35px {
    padding: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-35px {
    padding: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-35px {
    padding: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-35px {
    padding: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-35px {
    padding: 2.1875rem !important;
  }
}

.pad-t-35px {
  padding-top: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-35px {
    padding-top: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-35px {
    padding-top: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-35px {
    padding-top: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-35px {
    padding-top: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-35px {
    padding-top: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-35px {
    padding-top: 2.1875rem !important;
  }
}

.pad-b-35px {
  padding-bottom: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-35px {
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-35px {
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-35px {
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-35px {
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-35px {
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-35px {
    padding-bottom: 2.1875rem !important;
  }
}

.pad-l-35px {
  padding-left: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-35px {
    padding-left: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-35px {
    padding-left: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-35px {
    padding-left: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-35px {
    padding-left: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-35px {
    padding-left: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-35px {
    padding-left: 2.1875rem !important;
  }
}

.pad-r-35px {
  padding-right: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-35px {
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-35px {
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-35px {
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-35px {
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-35px {
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-35px {
    padding-right: 2.1875rem !important;
  }
}

.pad-x-35px {
  padding-left: 2.1875rem !important;
  padding-right: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-35px {
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-35px {
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-35px {
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-35px {
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-35px {
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-35px {
    padding-left: 2.1875rem !important;
    padding-right: 2.1875rem !important;
  }
}

.pad-y-35px {
  padding-top: 2.1875rem !important;
  padding-bottom: 2.1875rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-35px {
    padding-top: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
  }
}

.margin-35px {
  margin: 2.1875rem !important;
}

@media (min-width: 576px) {
  .margin-sm-35px {
    margin: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-35px {
    margin: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-35px {
    margin: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-35px {
    margin: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-35px {
    margin: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-35px {
    margin: 2.1875rem !important;
  }
}

.margin-t-35px {
  margin-top: 2.1875rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-35px {
    margin-top: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-35px {
    margin-top: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-35px {
    margin-top: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-35px {
    margin-top: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-35px {
    margin-top: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-35px {
    margin-top: 2.1875rem !important;
  }
}

.margin-t--35px {
  margin-top: -2.1875rem !important;
}

.margin-b-35px {
  margin-bottom: 2.1875rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-35px {
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-35px {
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-35px {
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-35px {
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-35px {
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-35px {
    margin-bottom: 2.1875rem !important;
  }
}

.margin-l-35px {
  margin-left: 2.1875rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-35px {
    margin-left: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-35px {
    margin-left: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-35px {
    margin-left: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-35px {
    margin-left: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-35px {
    margin-left: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-35px {
    margin-left: 2.1875rem !important;
  }
}

.margin-y-35px {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-35px {
    margin-top: 2.1875rem !important;
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-35px {
    margin-top: 2.1875rem !important;
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-35px {
    margin-top: 2.1875rem !important;
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-35px {
    margin-top: 2.1875rem !important;
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-35px {
    margin-top: 2.1875rem !important;
    margin-bottom: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-35px {
    margin-top: 2.1875rem !important;
    margin-bottom: 2.1875rem !important;
  }
}

.margin-x-35px {
  margin-left: 2.1875rem !important;
  margin-right: 2.1875rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-35px {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-35px {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-35px {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-35px {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-35px {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-35px {
    margin-left: 2.1875rem !important;
    margin-right: 2.1875rem !important;
  }
}

.pad-40px {
  padding: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-sm-40px {
    padding: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-40px {
    padding: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-40px {
    padding: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-40px {
    padding: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-40px {
    padding: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-40px {
    padding: 2.5rem !important;
  }
}

.pad-t-40px {
  padding-top: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-40px {
    padding-top: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-40px {
    padding-top: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-40px {
    padding-top: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-40px {
    padding-top: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-40px {
    padding-top: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-40px {
    padding-top: 2.5rem !important;
  }
}

.pad-b-40px {
  padding-bottom: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-40px {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-40px {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-40px {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-40px {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-40px {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-40px {
    padding-bottom: 2.5rem !important;
  }
}

.pad-l-40px {
  padding-left: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-40px {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-40px {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-40px {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-40px {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-40px {
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-40px {
    padding-left: 2.5rem !important;
  }
}

.pad-r-40px {
  padding-right: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-40px {
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-40px {
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-40px {
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-40px {
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-40px {
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-40px {
    padding-right: 2.5rem !important;
  }
}

.pad-x-40px {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-40px {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-40px {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-40px {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-40px {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-40px {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-40px {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

.pad-y-40px {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-40px {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

.margin-40px {
  margin: 2.5rem !important;
}

@media (min-width: 576px) {
  .margin-sm-40px {
    margin: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-40px {
    margin: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-40px {
    margin: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-40px {
    margin: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-40px {
    margin: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-40px {
    margin: 2.5rem !important;
  }
}

.margin-t-40px {
  margin-top: 2.5rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-40px {
    margin-top: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-40px {
    margin-top: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-40px {
    margin-top: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-40px {
    margin-top: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-40px {
    margin-top: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-40px {
    margin-top: 2.5rem !important;
  }
}

.margin-t--40px {
  margin-top: -2.5rem !important;
}

.margin-b-40px {
  margin-bottom: 2.5rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-40px {
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-40px {
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-40px {
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-40px {
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-40px {
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-40px {
    margin-bottom: 2.5rem !important;
  }
}

.margin-l-40px {
  margin-left: 2.5rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-40px {
    margin-left: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-40px {
    margin-left: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-40px {
    margin-left: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-40px {
    margin-left: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-40px {
    margin-left: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-40px {
    margin-left: 2.5rem !important;
  }
}

.margin-y-40px {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-40px {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-40px {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-40px {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-40px {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-40px {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-40px {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

.margin-x-40px {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-40px {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-40px {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-40px {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-40px {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-40px {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-40px {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
}

.pad-50px {
  padding: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-sm-50px {
    padding: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-50px {
    padding: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-50px {
    padding: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-50px {
    padding: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-50px {
    padding: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-50px {
    padding: 3.125rem !important;
  }
}

.pad-t-50px {
  padding-top: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-50px {
    padding-top: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-50px {
    padding-top: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-50px {
    padding-top: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-50px {
    padding-top: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-50px {
    padding-top: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-50px {
    padding-top: 3.125rem !important;
  }
}

.pad-b-50px {
  padding-bottom: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-50px {
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-50px {
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-50px {
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-50px {
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-50px {
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-50px {
    padding-bottom: 3.125rem !important;
  }
}

.pad-l-50px {
  padding-left: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-50px {
    padding-left: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-50px {
    padding-left: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-50px {
    padding-left: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-50px {
    padding-left: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-50px {
    padding-left: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-50px {
    padding-left: 3.125rem !important;
  }
}

.pad-r-50px {
  padding-right: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-50px {
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-50px {
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-50px {
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-50px {
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-50px {
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-50px {
    padding-right: 3.125rem !important;
  }
}

.pad-x-50px {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-50px {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-50px {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-50px {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-50px {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-50px {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-50px {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important;
  }
}

.pad-y-50px {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-50px {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
}

.margin-50px {
  margin: 3.125rem !important;
}

@media (min-width: 576px) {
  .margin-sm-50px {
    margin: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-50px {
    margin: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-50px {
    margin: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-50px {
    margin: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-50px {
    margin: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-50px {
    margin: 3.125rem !important;
  }
}

.margin-t-50px {
  margin-top: 3.125rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-50px {
    margin-top: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-50px {
    margin-top: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-50px {
    margin-top: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-50px {
    margin-top: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-50px {
    margin-top: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-50px {
    margin-top: 3.125rem !important;
  }
}

.margin-t--50px {
  margin-top: -3.125rem !important;
}

.margin-b-50px {
  margin-bottom: 3.125rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-50px {
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-50px {
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-50px {
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-50px {
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-50px {
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-50px {
    margin-bottom: 3.125rem !important;
  }
}

.margin-l-50px {
  margin-left: 3.125rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-50px {
    margin-left: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-50px {
    margin-left: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-50px {
    margin-left: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-50px {
    margin-left: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-50px {
    margin-left: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-50px {
    margin-left: 3.125rem !important;
  }
}

.margin-y-50px {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-50px {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-50px {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-50px {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-50px {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-50px {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-50px {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
}

.margin-x-50px {
  margin-left: 3.125rem !important;
  margin-right: 3.125rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-50px {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-50px {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-50px {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-50px {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-50px {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-50px {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important;
  }
}

.pad-60px {
  padding: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-sm-60px {
    padding: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-60px {
    padding: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-60px {
    padding: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-60px {
    padding: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-60px {
    padding: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-60px {
    padding: 3.75rem !important;
  }
}

.pad-t-60px {
  padding-top: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-60px {
    padding-top: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-60px {
    padding-top: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-60px {
    padding-top: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-60px {
    padding-top: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-60px {
    padding-top: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-60px {
    padding-top: 3.75rem !important;
  }
}

.pad-b-60px {
  padding-bottom: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-60px {
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-60px {
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-60px {
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-60px {
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-60px {
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-60px {
    padding-bottom: 3.75rem !important;
  }
}

.pad-l-60px {
  padding-left: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-60px {
    padding-left: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-60px {
    padding-left: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-60px {
    padding-left: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-60px {
    padding-left: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-60px {
    padding-left: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-60px {
    padding-left: 3.75rem !important;
  }
}

.pad-r-60px {
  padding-right: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-60px {
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-60px {
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-60px {
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-60px {
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-60px {
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-60px {
    padding-right: 3.75rem !important;
  }
}

.pad-x-60px {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-60px {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-60px {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-60px {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-60px {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-60px {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-60px {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
}

.pad-y-60px {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-60px {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

.margin-60px {
  margin: 3.75rem !important;
}

@media (min-width: 576px) {
  .margin-sm-60px {
    margin: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-60px {
    margin: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-60px {
    margin: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-60px {
    margin: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-60px {
    margin: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-60px {
    margin: 3.75rem !important;
  }
}

.margin-t-60px {
  margin-top: 3.75rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-60px {
    margin-top: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-60px {
    margin-top: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-60px {
    margin-top: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-60px {
    margin-top: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-60px {
    margin-top: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-60px {
    margin-top: 3.75rem !important;
  }
}

.margin-t--60px {
  margin-top: -3.75rem !important;
}

.margin-b-60px {
  margin-bottom: 3.75rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-60px {
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-60px {
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-60px {
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-60px {
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-60px {
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-60px {
    margin-bottom: 3.75rem !important;
  }
}

.margin-l-60px {
  margin-left: 3.75rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-60px {
    margin-left: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-60px {
    margin-left: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-60px {
    margin-left: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-60px {
    margin-left: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-60px {
    margin-left: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-60px {
    margin-left: 3.75rem !important;
  }
}

.margin-y-60px {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-60px {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-60px {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-60px {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-60px {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-60px {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-60px {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

.margin-x-60px {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-60px {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-60px {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-60px {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-60px {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-60px {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-60px {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
}

.pad-100px {
  padding: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-sm-100px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-100px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-100px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-100px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-100px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-100px {
    padding: 6.25rem !important;
  }
}

.pad-t-100px {
  padding-top: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-100px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-100px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-100px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-100px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-100px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-100px {
    padding-top: 6.25rem !important;
  }
}

.pad-b-100px {
  padding-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-100px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-100px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-100px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-100px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-100px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-100px {
    padding-bottom: 6.25rem !important;
  }
}

.pad-l-100px {
  padding-left: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-100px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-100px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-100px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-100px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-100px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-100px {
    padding-left: 6.25rem !important;
  }
}

.pad-r-100px {
  padding-right: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-100px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-100px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-100px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-100px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-100px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-100px {
    padding-right: 6.25rem !important;
  }
}

.pad-x-100px {
  padding-left: 6.25rem !important;
  padding-right: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-100px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-100px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-100px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-100px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-100px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-100px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

.pad-y-100px {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-100px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

.margin-100px {
  margin: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-sm-100px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-100px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-100px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-100px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-100px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-100px {
    margin: 6.25rem !important;
  }
}

.margin-t-100px {
  margin-top: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-100px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-100px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-100px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-100px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-100px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-100px {
    margin-top: 6.25rem !important;
  }
}

.margin-t--100px {
  margin-top: -6.25rem !important;
}

.margin-b-100px {
  margin-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-100px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-100px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-100px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-100px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-100px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-100px {
    margin-bottom: 6.25rem !important;
  }
}

.margin-l-100px {
  margin-left: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-100px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-100px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-100px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-100px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-100px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-100px {
    margin-left: 6.25rem !important;
  }
}

.margin-y-100px {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-100px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-100px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-100px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-100px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-100px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-100px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

.margin-x-100px {
  margin-left: 6.25rem !important;
  margin-right: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-100px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-100px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-100px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-100px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-100px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-100px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

.pad-150px {
  padding: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-sm-150px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-150px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-150px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-150px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-150px {
    padding: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-150px {
    padding: 6.25rem !important;
  }
}

.pad-t-150px {
  padding-top: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-150px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-150px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-150px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-150px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-150px {
    padding-top: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-150px {
    padding-top: 6.25rem !important;
  }
}

.pad-b-150px {
  padding-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-150px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-150px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-150px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-150px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-150px {
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-150px {
    padding-bottom: 6.25rem !important;
  }
}

.pad-l-150px {
  padding-left: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-150px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-150px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-150px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-150px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-150px {
    padding-left: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-150px {
    padding-left: 6.25rem !important;
  }
}

.pad-r-150px {
  padding-right: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-150px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-150px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-150px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-150px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-150px {
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-150px {
    padding-right: 6.25rem !important;
  }
}

.pad-x-150px {
  padding-left: 6.25rem !important;
  padding-right: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-150px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-150px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-150px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-150px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-150px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-150px {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
}

.pad-y-150px {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-150px {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
}

.margin-150px {
  margin: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-sm-150px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-150px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-150px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-150px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-150px {
    margin: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-150px {
    margin: 6.25rem !important;
  }
}

.margin-t-150px {
  margin-top: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-150px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-150px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-150px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-150px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-150px {
    margin-top: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-150px {
    margin-top: 6.25rem !important;
  }
}

.margin-t--150px {
  margin-top: -6.25rem !important;
}

.margin-b-150px {
  margin-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-150px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-150px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-150px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-150px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-150px {
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-150px {
    margin-bottom: 6.25rem !important;
  }
}

.margin-l-150px {
  margin-left: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-150px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-150px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-150px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-150px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-150px {
    margin-left: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-150px {
    margin-left: 6.25rem !important;
  }
}

.margin-y-150px {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-150px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-150px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-150px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-150px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-150px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-150px {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
}

.margin-x-150px {
  margin-left: 6.25rem !important;
  margin-right: 6.25rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-150px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-150px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-150px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-150px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-150px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-150px {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
}

.pad-200px {
  padding: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-sm-200px {
    padding: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-md-200px {
    padding: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-lg-200px {
    padding: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-xl-200px {
    padding: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-xxl-200px {
    padding: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-xxxl-200px {
    padding: 12.5rem !important;
  }
}

.pad-t-200px {
  padding-top: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-t-sm-200px {
    padding-top: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-t-md-200px {
    padding-top: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-t-lg-200px {
    padding-top: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-t-xl-200px {
    padding-top: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-t-xxl-200px {
    padding-top: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-t-xxxl-200px {
    padding-top: 12.5rem !important;
  }
}

.pad-b-200px {
  padding-bottom: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-b-sm-200px {
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-b-md-200px {
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-b-lg-200px {
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-b-xl-200px {
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-b-xxl-200px {
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-b-xxxl-200px {
    padding-bottom: 12.5rem !important;
  }
}

.pad-l-200px {
  padding-left: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-l-sm-200px {
    padding-left: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-l-md-200px {
    padding-left: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-l-lg-200px {
    padding-left: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-l-xl-200px {
    padding-left: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-l-xxl-200px {
    padding-left: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-l-xxxl-200px {
    padding-left: 12.5rem !important;
  }
}

.pad-r-200px {
  padding-right: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-r-sm-200px {
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-r-md-200px {
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-r-lg-200px {
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-r-xl-200px {
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-r-xxl-200px {
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-r-xxxl-200px {
    padding-right: 12.5rem !important;
  }
}

.pad-x-200px {
  padding-left: 12.5rem !important;
  padding-right: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-x-sm-200px {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-x-md-200px {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-x-lg-200px {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-x-xl-200px {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-x-xxl-200px {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-x-xxxl-200px {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }
}

.pad-y-200px {
  padding-top: 12.5rem !important;
  padding-bottom: 12.5rem !important;
}

@media (min-width: 576px) {
  .pad-y-sm-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .pad-y-md-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

@media (max-width: 767px) {
  .pad-y-less-md-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .pad-y-lg-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .pad-y-xl-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .pad-y-xxl-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .pad-y-xxxl-200px {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
}

.margin-200px {
  margin: 12.5rem !important;
}

@media (min-width: 576px) {
  .margin-sm-200px {
    margin: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-md-200px {
    margin: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-lg-200px {
    margin: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-xl-200px {
    margin: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-xxl-200px {
    margin: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-xxxl-200px {
    margin: 12.5rem !important;
  }
}

.margin-t-200px {
  margin-top: 12.5rem !important;
}

@media (min-width: 576px) {
  .margin-t-sm-200px {
    margin-top: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-t-md-200px {
    margin-top: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-t-lg-200px {
    margin-top: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-xl-200px {
    margin-top: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-t-xxl-200px {
    margin-top: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-t-xxxl-200px {
    margin-top: 12.5rem !important;
  }
}

.margin-t--200px {
  margin-top: -12.5rem !important;
}

.margin-b-200px {
  margin-bottom: 12.5rem !important;
}

@media (min-width: 576px) {
  .margin-b-sm-200px {
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-b-md-200px {
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-b-lg-200px {
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-xl-200px {
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-b-xxl-200px {
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-b-xxxl-200px {
    margin-bottom: 12.5rem !important;
  }
}

.margin-l-200px {
  margin-left: 12.5rem !important;
}

@media (min-width: 576px) {
  .margin-l-sm-200px {
    margin-left: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-l-md-200px {
    margin-left: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-l-lg-200px {
    margin-left: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-xl-200px {
    margin-left: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-l-xxl-200px {
    margin-left: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-l-xxxl-200px {
    margin-left: 12.5rem !important;
  }
}

.margin-y-200px {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}

@media (min-width: 576px) {
  .margin-y-sm-200px {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-y-md-200px {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-y-lg-200px {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-y-xl-200px {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-y-xxl-200px {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-y-xxxl-200px {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
}

.margin-x-200px {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}

@media (min-width: 576px) {
  .margin-x-sm-200px {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-x-md-200px {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-x-lg-200px {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-x-xl-200px {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .margin-x-xxl-200px {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .margin-x-xxxl-200px {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }
}

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

.border-b-0 {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0px !important;
  border-right-width: 0 !important;
}

.border-t-0 {
  border-top-width: 0px !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-l-0 {
  border-top-width: 0 !important;
  border-left-width: 0px !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-r-0 {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0px !important;
}

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

.border-b-1px {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0.0625rem !important;
  border-right-width: 0 !important;
}

.border-t-1px {
  border-top-width: 0.0625rem !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-l-1px {
  border-top-width: 0 !important;
  border-left-width: 0.0625rem !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-r-1px {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0.0625rem !important;
}

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

.border-b-2px {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0.125rem !important;
  border-right-width: 0 !important;
}

.border-t-2px {
  border-top-width: 0.125rem !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-l-2px {
  border-top-width: 0 !important;
  border-left-width: 0.125rem !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-r-2px {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0.125rem !important;
}

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

.border-b-4px {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0.25rem !important;
  border-right-width: 0 !important;
}

.border-t-4px {
  border-top-width: 0.25rem !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-l-4px {
  border-top-width: 0 !important;
  border-left-width: 0.25rem !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}

.border-r-4px {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0.25rem !important;
}

.rounded-4px {
  border-radius: 0.25rem;
}

.rounded-top-4px {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .rounded-top-md-4px {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.rounded-8px {
  border-radius: 0.5rem;
}

.rounded-top-8px {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .rounded-top-md-8px {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.rounded-16px {
  border-radius: 1rem;
}

.rounded-top-16px {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .rounded-top-md-16px {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.rounded-30px {
  border-radius: 1.875rem;
}

.rounded-top-30px {
  border-top-right-radius: 1.875rem;
  border-top-left-radius: 1.875rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .rounded-top-md-30px {
    border-top-right-radius: 1.875rem;
    border-top-left-radius: 1.875rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.rounded-40px {
  border-radius: 1rem;
}

.rounded-top-40px {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .rounded-top-md-40px {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

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

@media (min-width: 576px) {
  .gp-sm-0 {
    gap: 0px !important;
  }
}

@media (min-width: 768px) {
  .gp-md-0 {
    gap: 0px !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-0 {
    gap: 0px !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-0 {
    gap: 0px !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-0 {
    gap: 0px !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-0 {
    gap: 0px !important;
  }
}

.gp-5px {
  gap: 0.3125rem !important;
}

@media (min-width: 576px) {
  .gp-sm-5px {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-5px {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-5px {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-5px {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-5px {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-5px {
    gap: 0.3125rem !important;
  }
}

.gp-10px {
  gap: 0.625rem !important;
}

@media (min-width: 576px) {
  .gp-sm-10px {
    gap: 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-10px {
    gap: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-10px {
    gap: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-10px {
    gap: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-10px {
    gap: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-10px {
    gap: 0.625rem !important;
  }
}

.gp-15px {
  gap: 0.9375rem !important;
}

@media (min-width: 576px) {
  .gp-sm-15px {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-15px {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-15px {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-15px {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-15px {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-15px {
    gap: 0.9375rem !important;
  }
}

.gp-20px {
  gap: 1.25rem !important;
}

@media (min-width: 576px) {
  .gp-sm-20px {
    gap: 1.25rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-20px {
    gap: 1.25rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-20px {
    gap: 1.25rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-20px {
    gap: 1.25rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-20px {
    gap: 1.25rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-20px {
    gap: 1.25rem !important;
  }
}

.gp-25px {
  gap: 1.5625rem !important;
}

@media (min-width: 576px) {
  .gp-sm-25px {
    gap: 1.5625rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-25px {
    gap: 1.5625rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-25px {
    gap: 1.5625rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-25px {
    gap: 1.5625rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-25px {
    gap: 1.5625rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-25px {
    gap: 1.5625rem !important;
  }
}

.gp-30px {
  gap: 1.875rem !important;
}

@media (min-width: 576px) {
  .gp-sm-30px {
    gap: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-30px {
    gap: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-30px {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-30px {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-30px {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-30px {
    gap: 1.875rem !important;
  }
}

.gp-35px {
  gap: 2.1875rem !important;
}

@media (min-width: 576px) {
  .gp-sm-35px {
    gap: 2.1875rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-35px {
    gap: 2.1875rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-35px {
    gap: 2.1875rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-35px {
    gap: 2.1875rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-35px {
    gap: 2.1875rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-35px {
    gap: 2.1875rem !important;
  }
}

.gp-50px {
  gap: 3.125rem !important;
}

@media (min-width: 576px) {
  .gp-sm-50px {
    gap: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-50px {
    gap: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-50px {
    gap: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-50px {
    gap: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-50px {
    gap: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-50px {
    gap: 3.125rem !important;
  }
}

.gp-80px {
  gap: 5rem !important;
}

@media (min-width: 576px) {
  .gp-sm-80px {
    gap: 5rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-80px {
    gap: 5rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-80px {
    gap: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-80px {
    gap: 5rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-80px {
    gap: 5rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-80px {
    gap: 5rem !important;
  }
}

.gp-100px {
  gap: 6.25rem !important;
}

@media (min-width: 576px) {
  .gp-sm-100px {
    gap: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .gp-md-100px {
    gap: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .gp-lg-100px {
    gap: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .gp-xl-100px {
    gap: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .gp-xxl-100px {
    gap: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .gp-xxxl-100px {
    gap: 6.25rem !important;
  }
}

.f-s-5px {
  font-size: 0.3125rem !important;
}

@media (min-width: 768px) {
  .f-s-md-5px {
    font-size: 0.3125rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-5px {
    font-size: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-5px {
    font-size: 0.3125rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-5px {
    font-size: 0.3125rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-5px {
    font-size: 0.3125rem !important;
  }
}

.f-s-7px {
  font-size: 0.4375rem !important;
}

@media (min-width: 768px) {
  .f-s-md-7px {
    font-size: 0.4375rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-7px {
    font-size: 0.4375rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-7px {
    font-size: 0.4375rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-7px {
    font-size: 0.4375rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-7px {
    font-size: 0.4375rem !important;
  }
}

.f-s-8px {
  font-size: 0.5rem !important;
}

@media (min-width: 768px) {
  .f-s-md-8px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-8px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-8px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-8px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-8px {
    font-size: 0.5rem !important;
  }
}

.f-s-9px {
  font-size: 0.5rem !important;
}

@media (min-width: 768px) {
  .f-s-md-9px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-9px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-9px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-9px {
    font-size: 0.5rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-9px {
    font-size: 0.5rem !important;
  }
}

.f-s-10px {
  font-size: 0.625rem !important;
}

@media (min-width: 768px) {
  .f-s-md-10px {
    font-size: 0.625rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-10px {
    font-size: 0.625rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-10px {
    font-size: 0.625rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-10px {
    font-size: 0.625rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-10px {
    font-size: 0.625rem !important;
  }
}

.f-s-12px {
  font-size: 0.75rem !important;
}

@media (min-width: 768px) {
  .f-s-md-12px {
    font-size: 0.75rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-12px {
    font-size: 0.75rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-12px {
    font-size: 0.75rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-12px {
    font-size: 0.75rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-12px {
    font-size: 0.75rem !important;
  }
}

.f-s-13px {
  font-size: 0.8125rem !important;
}

@media (min-width: 768px) {
  .f-s-md-13px {
    font-size: 0.8125rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-13px {
    font-size: 0.8125rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-13px {
    font-size: 0.8125rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-13px {
    font-size: 0.8125rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-13px {
    font-size: 0.8125rem !important;
  }
}

.f-s-14px {
  font-size: 0.875rem !important;
}

@media (min-width: 768px) {
  .f-s-md-14px {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-14px {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-14px {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-14px {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-14px {
    font-size: 0.875rem !important;
  }
}

.f-s-16px {
  font-size: 1rem !important;
}

@media (min-width: 768px) {
  .f-s-md-16px {
    font-size: 1rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-16px {
    font-size: 1rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-16px {
    font-size: 1rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-16px {
    font-size: 1rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-16px {
    font-size: 1rem !important;
  }
}

.f-s-15px {
  font-size: 0.9375rem !important;
}

@media (min-width: 768px) {
  .f-s-md-15px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-15px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-15px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-15px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-15px {
    font-size: 0.9375rem !important;
  }
}

.f-s-20px {
  font-size: 0.9375rem !important;
}

@media (min-width: 768px) {
  .f-s-md-20px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-20px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-20px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-20px {
    font-size: 0.9375rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-20px {
    font-size: 0.9375rem !important;
  }
}

.f-s-24px {
  font-size: 1.5rem !important;
}

@media (min-width: 768px) {
  .f-s-md-24px {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-24px {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-24px {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-24px {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-24px {
    font-size: 1.5rem !important;
  }
}

.f-s-32px {
  font-size: 2rem !important;
}

@media (min-width: 768px) {
  .f-s-md-32px {
    font-size: 2rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-32px {
    font-size: 2rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-32px {
    font-size: 2rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-32px {
    font-size: 2rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-32px {
    font-size: 2rem !important;
  }
}

.f-s-45px {
  font-size: 2.8125rem !important;
}

@media (min-width: 768px) {
  .f-s-md-45px {
    font-size: 2.8125rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-45px {
    font-size: 2.8125rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-45px {
    font-size: 2.8125rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-45px {
    font-size: 2.8125rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-45px {
    font-size: 2.8125rem !important;
  }
}

.f-s-64px {
  font-size: 4rem !important;
}

@media (min-width: 768px) {
  .f-s-md-64px {
    font-size: 4rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-64px {
    font-size: 4rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-64px {
    font-size: 4rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-64px {
    font-size: 4rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-64px {
    font-size: 4rem !important;
  }
}

.f-s-128px {
  font-size: 8rem !important;
}

@media (min-width: 768px) {
  .f-s-md-128px {
    font-size: 8rem !important;
  }
}

@media (min-width: 992px) {
  .f-s-lg-128px {
    font-size: 8rem !important;
  }
}

@media (min-width: 1200px) {
  .f-s-xl-128px {
    font-size: 8rem !important;
  }
}

@media (min-width: 1400px) {
  .f-s-xxl-128px {
    font-size: 8rem !important;
  }
}

@media (min-width: 1800px) {
  .f-s-xxxl-128px {
    font-size: 8rem !important;
  }
}

.req-25 {
  width: 25%;
  height: 25%;
}

.vh--25 {
  height: calc(100vh - 25%);
}

@media (min-width: 1400px) {
  .xxl-vh--25 {
    height: calc(100vh - 25%) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--25 {
    min-height: calc(100vh - 25%);
  }
}

.min-vh--25 {
  min-height: calc(100vh - 25%);
}

.h-25 {
  height: 25%;
}

@media (min-width: 768px) {
  .h-md-25 {
    height: 25% !important;
  }
}

@media (min-width: 1200px) {
  .h-xl-25 {
    height: 25% !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-25 {
    height: 25% !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-25 {
    height: 25% !important;
  }
}

.max-h-25 {
  max-height: 25%;
}

.max-h-25 {
  max-height: 25%;
}

@media (min-width: 1200px) {
  .max-h-xl-25 {
    max-height: 25% !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-25 {
    max-height: 25% !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-25 {
    max-height: 25% !important;
  }
}

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

.vw--25 {
  width: calc(100vw - 25%);
}

.min-w-25 {
  min-width: 25%;
}

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

@media (max-width: 767px) {
  .min-w-less-md-25 {
    min-width: 25%;
  }
}

.w-25 {
  width: 25%;
}

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

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

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

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

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

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

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

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

.w--25 {
  width: 75%;
}

.min-w-25 {
  min-width: 25%;
}

.max-w-25 {
  max-width: 25%;
}

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

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

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

@media (min-width: 1800px) {
  .max-w-xxxl-25 {
    max-width: 25% !important;
  }
}

.req-30 {
  width: 30%;
  height: 30%;
}

.vh--30 {
  height: calc(100vh - 30%);
}

@media (min-width: 1400px) {
  .xxl-vh--30 {
    height: calc(100vh - 30%) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--30 {
    min-height: calc(100vh - 30%);
  }
}

.min-vh--30 {
  min-height: calc(100vh - 30%);
}

.h-30 {
  height: 30%;
}

@media (min-width: 768px) {
  .h-md-30 {
    height: 30% !important;
  }
}

@media (min-width: 1200px) {
  .h-xl-30 {
    height: 30% !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-30 {
    height: 30% !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-30 {
    height: 30% !important;
  }
}

.max-h-30 {
  max-height: 30%;
}

.max-h-30 {
  max-height: 30%;
}

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

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

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

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

.vw--30 {
  width: calc(100vw - 30%);
}

.min-w-30 {
  min-width: 30%;
}

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

@media (max-width: 767px) {
  .min-w-less-md-30 {
    min-width: 30%;
  }
}

.w-30 {
  width: 30%;
}

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

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

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

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

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

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

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

@media (min-width: 1800px) {
  .w-xxxl-30 {
    width: 30% !important;
  }
}

.w--30 {
  width: 70%;
}

.min-w-30 {
  min-width: 30%;
}

.max-w-30 {
  max-width: 30%;
}

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

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

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

@media (min-width: 1800px) {
  .max-w-xxxl-30 {
    max-width: 30% !important;
  }
}

.req-50 {
  width: 50%;
  height: 50%;
}

.vh--50 {
  height: calc(100vh - 50%);
}

@media (min-width: 1400px) {
  .xxl-vh--50 {
    height: calc(100vh - 50%) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--50 {
    min-height: calc(100vh - 50%);
  }
}

.min-vh--50 {
  min-height: calc(100vh - 50%);
}

.h-50 {
  height: 50%;
}

@media (min-width: 768px) {
  .h-md-50 {
    height: 50% !important;
  }
}

@media (min-width: 1200px) {
  .h-xl-50 {
    height: 50% !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-50 {
    height: 50% !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-50 {
    height: 50% !important;
  }
}

.max-h-50 {
  max-height: 50%;
}

.max-h-50 {
  max-height: 50%;
}

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

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

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

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

.vw--50 {
  width: calc(100vw - 50%);
}

.min-w-50 {
  min-width: 50%;
}

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

@media (max-width: 767px) {
  .min-w-less-md-50 {
    min-width: 50%;
  }
}

.w-50 {
  width: 50%;
}

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

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

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

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

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

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

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

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

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

.min-w-50 {
  min-width: 50%;
}

.max-w-50 {
  max-width: 50%;
}

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

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

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

@media (min-width: 1800px) {
  .max-w-xxxl-50 {
    max-width: 50% !important;
  }
}

.req-70 {
  width: 70%;
  height: 70%;
}

.vh--70 {
  height: calc(100vh - 70%);
}

@media (min-width: 1400px) {
  .xxl-vh--70 {
    height: calc(100vh - 70%) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--70 {
    min-height: calc(100vh - 70%);
  }
}

.min-vh--70 {
  min-height: calc(100vh - 70%);
}

.h-70 {
  height: 70%;
}

@media (min-width: 768px) {
  .h-md-70 {
    height: 70% !important;
  }
}

@media (min-width: 1200px) {
  .h-xl-70 {
    height: 70% !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-70 {
    height: 70% !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-70 {
    height: 70% !important;
  }
}

.max-h-70 {
  max-height: 70%;
}

.max-h-70 {
  max-height: 70%;
}

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

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

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

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

.vw--70 {
  width: calc(100vw - 70%);
}

.min-w-70 {
  min-width: 70%;
}

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

@media (max-width: 767px) {
  .min-w-less-md-70 {
    min-width: 70%;
  }
}

.w-70 {
  width: 70%;
}

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

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

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

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

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

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

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

@media (min-width: 1800px) {
  .w-xxxl-70 {
    width: 70% !important;
  }
}

.w--70 {
  width: 30%;
}

.min-w-70 {
  min-width: 70%;
}

.max-w-70 {
  max-width: 70%;
}

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

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

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

@media (min-width: 1800px) {
  .max-w-xxxl-70 {
    max-width: 70% !important;
  }
}

.req-75 {
  width: 75%;
  height: 75%;
}

.vh--75 {
  height: calc(100vh - 75%);
}

@media (min-width: 1400px) {
  .xxl-vh--75 {
    height: calc(100vh - 75%) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--75 {
    min-height: calc(100vh - 75%);
  }
}

.min-vh--75 {
  min-height: calc(100vh - 75%);
}

.h-75 {
  height: 75%;
}

@media (min-width: 768px) {
  .h-md-75 {
    height: 75% !important;
  }
}

@media (min-width: 1200px) {
  .h-xl-75 {
    height: 75% !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-75 {
    height: 75% !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-75 {
    height: 75% !important;
  }
}

.max-h-75 {
  max-height: 75%;
}

.max-h-75 {
  max-height: 75%;
}

@media (min-width: 1200px) {
  .max-h-xl-75 {
    max-height: 75% !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-75 {
    max-height: 75% !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-75 {
    max-height: 75% !important;
  }
}

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

.vw--75 {
  width: calc(100vw - 75%);
}

.min-w-75 {
  min-width: 75%;
}

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

@media (max-width: 767px) {
  .min-w-less-md-75 {
    min-width: 75%;
  }
}

.w-75 {
  width: 75%;
}

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

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

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

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

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

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

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

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

.w--75 {
  width: 25%;
}

.min-w-75 {
  min-width: 75%;
}

.max-w-75 {
  max-width: 75%;
}

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

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

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

@media (min-width: 1800px) {
  .max-w-xxxl-75 {
    max-width: 75% !important;
  }
}

.req-100 {
  width: 100%;
  height: 100%;
}

.vh--100 {
  height: calc(100vh - 100%);
}

@media (min-width: 1400px) {
  .xxl-vh--100 {
    height: calc(100vh - 100%) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--100 {
    min-height: calc(100vh - 100%);
  }
}

.min-vh--100 {
  min-height: calc(100vh - 100%);
}

.h-100 {
  height: 100%;
}

@media (min-width: 768px) {
  .h-md-100 {
    height: 100% !important;
  }
}

@media (min-width: 1200px) {
  .h-xl-100 {
    height: 100% !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-100 {
    height: 100% !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-100 {
    height: 100% !important;
  }
}

.max-h-100 {
  max-height: 100%;
}

.max-h-100 {
  max-height: 100%;
}

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

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

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

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

.vw--100 {
  width: calc(100vw - 100%);
}

.min-w-100 {
  min-width: 100%;
}

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

@media (max-width: 767px) {
  .min-w-less-md-100 {
    min-width: 100%;
  }
}

.w-100 {
  width: 100%;
}

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

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

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

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

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

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

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

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

.w--100 {
  width: 0%;
}

.min-w-100 {
  min-width: 100%;
}

.max-w-100 {
  max-width: 100%;
}

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

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

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

@media (min-width: 1800px) {
  .max-w-xxxl-100 {
    max-width: 100% !important;
  }
}

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

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

.number-ver-fixer-_5 {
  display: inline-block;
  transform: translateY(0.05rem);
}

.number-ver-fixer-1 {
  display: inline-block;
  transform: translateY(0.1rem);
}

.number-ver-fixer-1_5 {
  display: inline-block;
  transform: translateY(0.15rem);
}

.number-ver-fixer-2 {
  display: inline-block;
  transform: translateY(0.2rem);
}

.req-2px {
  width: 0.125rem;
  height: 0.125rem;
}

.vh--2px {
  height: calc(100vh - 0.125rem);
}

@media (min-width: 1400px) {
  .xxl-vh--2px {
    height: calc(100vh - 0.125rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--2px {
    min-height: calc(100vh - 0.125rem);
  }
}

.min-vh--2px {
  min-height: calc(100vh - 0.125rem);
}

.h-2px {
  height: 0.125rem;
}

@media (min-width: 1200px) {
  .h-xl-2px {
    height: 0.125rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-2px {
    height: 0.125rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-2px {
    height: 0.125rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-2px {
    height: 0.125rem !important;
  }
}

.max-h-2px {
  max-height: 0.125rem;
}

.max-h-2px {
  max-height: 0.125rem;
}

@media (min-width: 1200px) {
  .max-h-xl-2px {
    max-height: 0.125rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-2px {
    max-height: 0.125rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-2px {
    max-height: 0.125rem !important;
  }
}

.min-h-2px {
  min-height: 0.125rem !important;
}

.vw--2px {
  width: calc(100vw - 0.125rem);
}

.min-w-2px {
  min-width: 0.125rem;
}

@media (min-width: 768px) {
  .min-w-md-2px {
    min-width: 0.125rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-2px {
    min-width: 0.125rem;
  }
}

.w-2px {
  width: 0.125rem;
}

@media (min-width: 576px) {
  .w-sm-2px {
    width: 0.125rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-2px {
    width: 0.125rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-2px {
    width: 0.125rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-2px {
    width: 0.125rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-2px {
    width: 0.125rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-2px {
    width: 0.125rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-2px {
    width: 0.125rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-2px {
    width: 0.125rem !important;
  }
}

.w--2px {
  width: calc(100% - 0.125rem);
}

.min-w-2px {
  min-width: 0.125rem;
}

.max-w-2px {
  max-width: 0.125rem;
}

@media (min-width: 992px) {
  .max-w-lg-2px {
    max-width: 0.125rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-2px {
    max-width: 0.125rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-2px {
    max-width: 0.125rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-2px {
    max-width: 0.125rem !important;
  }
}

.req-4px {
  width: 0.25rem;
  height: 0.25rem;
}

.vh--4px {
  height: calc(100vh - 0.25rem);
}

@media (min-width: 1400px) {
  .xxl-vh--4px {
    height: calc(100vh - 0.25rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--4px {
    min-height: calc(100vh - 0.25rem);
  }
}

.min-vh--4px {
  min-height: calc(100vh - 0.25rem);
}

.h-4px {
  height: 0.25rem;
}

@media (min-width: 1200px) {
  .h-xl-4px {
    height: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-4px {
    height: 0.25rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-4px {
    height: 0.25rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-4px {
    height: 0.25rem !important;
  }
}

.max-h-4px {
  max-height: 0.25rem;
}

.max-h-4px {
  max-height: 0.25rem;
}

@media (min-width: 1200px) {
  .max-h-xl-4px {
    max-height: 0.25rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-4px {
    max-height: 0.25rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-4px {
    max-height: 0.25rem !important;
  }
}

.min-h-4px {
  min-height: 0.25rem !important;
}

.vw--4px {
  width: calc(100vw - 0.25rem);
}

.min-w-4px {
  min-width: 0.25rem;
}

@media (min-width: 768px) {
  .min-w-md-4px {
    min-width: 0.25rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-4px {
    min-width: 0.25rem;
  }
}

.w-4px {
  width: 0.25rem;
}

@media (min-width: 576px) {
  .w-sm-4px {
    width: 0.25rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-4px {
    width: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-4px {
    width: 0.25rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-4px {
    width: 0.25rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-4px {
    width: 0.25rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-4px {
    width: 0.25rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-4px {
    width: 0.25rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-4px {
    width: 0.25rem !important;
  }
}

.w--4px {
  width: calc(100% - 0.25rem);
}

.min-w-4px {
  min-width: 0.25rem;
}

.max-w-4px {
  max-width: 0.25rem;
}

@media (min-width: 992px) {
  .max-w-lg-4px {
    max-width: 0.25rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-4px {
    max-width: 0.25rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-4px {
    max-width: 0.25rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-4px {
    max-width: 0.25rem !important;
  }
}

.req-24px {
  width: 1.5rem;
  height: 1.5rem;
}

.vh--24px {
  height: calc(100vh - 1.5rem);
}

@media (min-width: 1400px) {
  .xxl-vh--24px {
    height: calc(100vh - 1.5rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--24px {
    min-height: calc(100vh - 1.5rem);
  }
}

.min-vh--24px {
  min-height: calc(100vh - 1.5rem);
}

.h-24px {
  height: 1.5rem;
}

@media (min-width: 1200px) {
  .h-xl-24px {
    height: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-24px {
    height: 1.5rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-24px {
    height: 1.5rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-24px {
    height: 1.5rem !important;
  }
}

.max-h-24px {
  max-height: 1.5rem;
}

.max-h-24px {
  max-height: 1.5rem;
}

@media (min-width: 1200px) {
  .max-h-xl-24px {
    max-height: 1.5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-24px {
    max-height: 1.5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-24px {
    max-height: 1.5rem !important;
  }
}

.min-h-24px {
  min-height: 1.5rem !important;
}

.vw--24px {
  width: calc(100vw - 1.5rem);
}

.min-w-24px {
  min-width: 1.5rem;
}

@media (min-width: 768px) {
  .min-w-md-24px {
    min-width: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-24px {
    min-width: 1.5rem;
  }
}

.w-24px {
  width: 1.5rem;
}

@media (min-width: 576px) {
  .w-sm-24px {
    width: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-24px {
    width: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-24px {
    width: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-24px {
    width: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-24px {
    width: 1.5rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-24px {
    width: 1.5rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-24px {
    width: 1.5rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-24px {
    width: 1.5rem !important;
  }
}

.w--24px {
  width: calc(100% - 1.5rem);
}

.min-w-24px {
  min-width: 1.5rem;
}

.max-w-24px {
  max-width: 1.5rem;
}

@media (min-width: 992px) {
  .max-w-lg-24px {
    max-width: 1.5rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-24px {
    max-width: 1.5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-24px {
    max-width: 1.5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-24px {
    max-width: 1.5rem !important;
  }
}

.req-30px {
  width: 1.875rem;
  height: 1.875rem;
}

.vh--30px {
  height: calc(100vh - 1.875rem);
}

@media (min-width: 1400px) {
  .xxl-vh--30px {
    height: calc(100vh - 1.875rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--30px {
    min-height: calc(100vh - 1.875rem);
  }
}

.min-vh--30px {
  min-height: calc(100vh - 1.875rem);
}

.h-30px {
  height: 1.875rem;
}

@media (min-width: 1200px) {
  .h-xl-30px {
    height: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-30px {
    height: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-30px {
    height: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-30px {
    height: 1.875rem !important;
  }
}

.max-h-30px {
  max-height: 1.875rem;
}

.max-h-30px {
  max-height: 1.875rem;
}

@media (min-width: 1200px) {
  .max-h-xl-30px {
    max-height: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-30px {
    max-height: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-30px {
    max-height: 1.875rem !important;
  }
}

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

.vw--30px {
  width: calc(100vw - 1.875rem);
}

.min-w-30px {
  min-width: 1.875rem;
}

@media (min-width: 768px) {
  .min-w-md-30px {
    min-width: 1.875rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-30px {
    min-width: 1.875rem;
  }
}

.w-30px {
  width: 1.875rem;
}

@media (min-width: 576px) {
  .w-sm-30px {
    width: 1.875rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-30px {
    width: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-30px {
    width: 1.875rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-30px {
    width: 1.875rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-30px {
    width: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-30px {
    width: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-30px {
    width: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-30px {
    width: 1.875rem !important;
  }
}

.w--30px {
  width: calc(100% - 1.875rem);
}

.min-w-30px {
  min-width: 1.875rem;
}

.max-w-30px {
  max-width: 1.875rem;
}

@media (min-width: 992px) {
  .max-w-lg-30px {
    max-width: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-30px {
    max-width: 1.875rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-30px {
    max-width: 1.875rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-30px {
    max-width: 1.875rem !important;
  }
}

.req-40px {
  width: 2.5rem;
  height: 2.5rem;
}

.vh--40px {
  height: calc(100vh - 2.5rem);
}

@media (min-width: 1400px) {
  .xxl-vh--40px {
    height: calc(100vh - 2.5rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--40px {
    min-height: calc(100vh - 2.5rem);
  }
}

.min-vh--40px {
  min-height: calc(100vh - 2.5rem);
}

.h-40px {
  height: 2.5rem;
}

@media (min-width: 1200px) {
  .h-xl-40px {
    height: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-40px {
    height: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-40px {
    height: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-40px {
    height: 2.5rem !important;
  }
}

.max-h-40px {
  max-height: 2.5rem;
}

.max-h-40px {
  max-height: 2.5rem;
}

@media (min-width: 1200px) {
  .max-h-xl-40px {
    max-height: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-40px {
    max-height: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-40px {
    max-height: 2.5rem !important;
  }
}

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

.vw--40px {
  width: calc(100vw - 2.5rem);
}

.min-w-40px {
  min-width: 2.5rem;
}

@media (min-width: 768px) {
  .min-w-md-40px {
    min-width: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-40px {
    min-width: 2.5rem;
  }
}

.w-40px {
  width: 2.5rem;
}

@media (min-width: 576px) {
  .w-sm-40px {
    width: 2.5rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-40px {
    width: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-40px {
    width: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-40px {
    width: 2.5rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-40px {
    width: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-40px {
    width: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-40px {
    width: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-40px {
    width: 2.5rem !important;
  }
}

.w--40px {
  width: calc(100% - 2.5rem);
}

.min-w-40px {
  min-width: 2.5rem;
}

.max-w-40px {
  max-width: 2.5rem;
}

@media (min-width: 992px) {
  .max-w-lg-40px {
    max-width: 2.5rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-40px {
    max-width: 2.5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-40px {
    max-width: 2.5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-40px {
    max-width: 2.5rem !important;
  }
}

.req-48px {
  width: 3rem;
  height: 3rem;
}

.vh--48px {
  height: calc(100vh - 3rem);
}

@media (min-width: 1400px) {
  .xxl-vh--48px {
    height: calc(100vh - 3rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--48px {
    min-height: calc(100vh - 3rem);
  }
}

.min-vh--48px {
  min-height: calc(100vh - 3rem);
}

.h-48px {
  height: 3rem;
}

@media (min-width: 1200px) {
  .h-xl-48px {
    height: 3rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-48px {
    height: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-48px {
    height: 3rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-48px {
    height: 3rem !important;
  }
}

.max-h-48px {
  max-height: 3rem;
}

.max-h-48px {
  max-height: 3rem;
}

@media (min-width: 1200px) {
  .max-h-xl-48px {
    max-height: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-48px {
    max-height: 3rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-48px {
    max-height: 3rem !important;
  }
}

.min-h-48px {
  min-height: 3rem !important;
}

.vw--48px {
  width: calc(100vw - 3rem);
}

.min-w-48px {
  min-width: 3rem;
}

@media (min-width: 768px) {
  .min-w-md-48px {
    min-width: 3rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-48px {
    min-width: 3rem;
  }
}

.w-48px {
  width: 3rem;
}

@media (min-width: 576px) {
  .w-sm-48px {
    width: 3rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-48px {
    width: 3rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-48px {
    width: 3rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-48px {
    width: 3rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-48px {
    width: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-48px {
    width: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-48px {
    width: 3rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-48px {
    width: 3rem !important;
  }
}

.w--48px {
  width: calc(100% - 3rem);
}

.min-w-48px {
  min-width: 3rem;
}

.max-w-48px {
  max-width: 3rem;
}

@media (min-width: 992px) {
  .max-w-lg-48px {
    max-width: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-48px {
    max-width: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-48px {
    max-width: 3rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-48px {
    max-width: 3rem !important;
  }
}

.req-50px {
  width: 3.125rem;
  height: 3.125rem;
}

.vh--50px {
  height: calc(100vh - 3.125rem);
}

@media (min-width: 1400px) {
  .xxl-vh--50px {
    height: calc(100vh - 3.125rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--50px {
    min-height: calc(100vh - 3.125rem);
  }
}

.min-vh--50px {
  min-height: calc(100vh - 3.125rem);
}

.h-50px {
  height: 3.125rem;
}

@media (min-width: 1200px) {
  .h-xl-50px {
    height: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-50px {
    height: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-50px {
    height: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-50px {
    height: 3.125rem !important;
  }
}

.max-h-50px {
  max-height: 3.125rem;
}

.max-h-50px {
  max-height: 3.125rem;
}

@media (min-width: 1200px) {
  .max-h-xl-50px {
    max-height: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-50px {
    max-height: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-50px {
    max-height: 3.125rem !important;
  }
}

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

.vw--50px {
  width: calc(100vw - 3.125rem);
}

.min-w-50px {
  min-width: 3.125rem;
}

@media (min-width: 768px) {
  .min-w-md-50px {
    min-width: 3.125rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-50px {
    min-width: 3.125rem;
  }
}

.w-50px {
  width: 3.125rem;
}

@media (min-width: 576px) {
  .w-sm-50px {
    width: 3.125rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-50px {
    width: 3.125rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-50px {
    width: 3.125rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-50px {
    width: 3.125rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-50px {
    width: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-50px {
    width: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-50px {
    width: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-50px {
    width: 3.125rem !important;
  }
}

.w--50px {
  width: calc(100% - 3.125rem);
}

.min-w-50px {
  min-width: 3.125rem;
}

.max-w-50px {
  max-width: 3.125rem;
}

@media (min-width: 992px) {
  .max-w-lg-50px {
    max-width: 3.125rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-50px {
    max-width: 3.125rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-50px {
    max-width: 3.125rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-50px {
    max-width: 3.125rem !important;
  }
}

.req-55px {
  width: 3.4375rem;
  height: 3.4375rem;
}

.vh--55px {
  height: calc(100vh - 3.4375rem);
}

@media (min-width: 1400px) {
  .xxl-vh--55px {
    height: calc(100vh - 3.4375rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--55px {
    min-height: calc(100vh - 3.4375rem);
  }
}

.min-vh--55px {
  min-height: calc(100vh - 3.4375rem);
}

.h-55px {
  height: 3.4375rem;
}

@media (min-width: 1200px) {
  .h-xl-55px {
    height: 3.4375rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-55px {
    height: 3.4375rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-55px {
    height: 3.4375rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-55px {
    height: 3.4375rem !important;
  }
}

.max-h-55px {
  max-height: 3.4375rem;
}

.max-h-55px {
  max-height: 3.4375rem;
}

@media (min-width: 1200px) {
  .max-h-xl-55px {
    max-height: 3.4375rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-55px {
    max-height: 3.4375rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-55px {
    max-height: 3.4375rem !important;
  }
}

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

.vw--55px {
  width: calc(100vw - 3.4375rem);
}

.min-w-55px {
  min-width: 3.4375rem;
}

@media (min-width: 768px) {
  .min-w-md-55px {
    min-width: 3.4375rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-55px {
    min-width: 3.4375rem;
  }
}

.w-55px {
  width: 3.4375rem;
}

@media (min-width: 576px) {
  .w-sm-55px {
    width: 3.4375rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-55px {
    width: 3.4375rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-55px {
    width: 3.4375rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-55px {
    width: 3.4375rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-55px {
    width: 3.4375rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-55px {
    width: 3.4375rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-55px {
    width: 3.4375rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-55px {
    width: 3.4375rem !important;
  }
}

.w--55px {
  width: calc(100% - 3.4375rem);
}

.min-w-55px {
  min-width: 3.4375rem;
}

.max-w-55px {
  max-width: 3.4375rem;
}

@media (min-width: 992px) {
  .max-w-lg-55px {
    max-width: 3.4375rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-55px {
    max-width: 3.4375rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-55px {
    max-width: 3.4375rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-55px {
    max-width: 3.4375rem !important;
  }
}

.req-64px {
  width: 4rem;
  height: 4rem;
}

.vh--64px {
  height: calc(100vh - 4rem);
}

@media (min-width: 1400px) {
  .xxl-vh--64px {
    height: calc(100vh - 4rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--64px {
    min-height: calc(100vh - 4rem);
  }
}

.min-vh--64px {
  min-height: calc(100vh - 4rem);
}

.h-64px {
  height: 4rem;
}

@media (min-width: 1200px) {
  .h-xl-64px {
    height: 4rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-64px {
    height: 4rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-64px {
    height: 4rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-64px {
    height: 4rem !important;
  }
}

.max-h-64px {
  max-height: 4rem;
}

.max-h-64px {
  max-height: 4rem;
}

@media (min-width: 1200px) {
  .max-h-xl-64px {
    max-height: 4rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-64px {
    max-height: 4rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-64px {
    max-height: 4rem !important;
  }
}

.min-h-64px {
  min-height: 4rem !important;
}

.vw--64px {
  width: calc(100vw - 4rem);
}

.min-w-64px {
  min-width: 4rem;
}

@media (min-width: 768px) {
  .min-w-md-64px {
    min-width: 4rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-64px {
    min-width: 4rem;
  }
}

.w-64px {
  width: 4rem;
}

@media (min-width: 576px) {
  .w-sm-64px {
    width: 4rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-64px {
    width: 4rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-64px {
    width: 4rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-64px {
    width: 4rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-64px {
    width: 4rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-64px {
    width: 4rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-64px {
    width: 4rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-64px {
    width: 4rem !important;
  }
}

.w--64px {
  width: calc(100% - 4rem);
}

.min-w-64px {
  min-width: 4rem;
}

.max-w-64px {
  max-width: 4rem;
}

@media (min-width: 992px) {
  .max-w-lg-64px {
    max-width: 4rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-64px {
    max-width: 4rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-64px {
    max-width: 4rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-64px {
    max-width: 4rem !important;
  }
}

.req-70px {
  width: 4.375rem;
  height: 4.375rem;
}

.vh--70px {
  height: calc(100vh - 4.375rem);
}

@media (min-width: 1400px) {
  .xxl-vh--70px {
    height: calc(100vh - 4.375rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--70px {
    min-height: calc(100vh - 4.375rem);
  }
}

.min-vh--70px {
  min-height: calc(100vh - 4.375rem);
}

.h-70px {
  height: 4.375rem;
}

@media (min-width: 1200px) {
  .h-xl-70px {
    height: 4.375rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-70px {
    height: 4.375rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-70px {
    height: 4.375rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-70px {
    height: 4.375rem !important;
  }
}

.max-h-70px {
  max-height: 4.375rem;
}

.max-h-70px {
  max-height: 4.375rem;
}

@media (min-width: 1200px) {
  .max-h-xl-70px {
    max-height: 4.375rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-70px {
    max-height: 4.375rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-70px {
    max-height: 4.375rem !important;
  }
}

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

.vw--70px {
  width: calc(100vw - 4.375rem);
}

.min-w-70px {
  min-width: 4.375rem;
}

@media (min-width: 768px) {
  .min-w-md-70px {
    min-width: 4.375rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-70px {
    min-width: 4.375rem;
  }
}

.w-70px {
  width: 4.375rem;
}

@media (min-width: 576px) {
  .w-sm-70px {
    width: 4.375rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-70px {
    width: 4.375rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-70px {
    width: 4.375rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-70px {
    width: 4.375rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-70px {
    width: 4.375rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-70px {
    width: 4.375rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-70px {
    width: 4.375rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-70px {
    width: 4.375rem !important;
  }
}

.w--70px {
  width: calc(100% - 4.375rem);
}

.min-w-70px {
  min-width: 4.375rem;
}

.max-w-70px {
  max-width: 4.375rem;
}

@media (min-width: 992px) {
  .max-w-lg-70px {
    max-width: 4.375rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-70px {
    max-width: 4.375rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-70px {
    max-width: 4.375rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-70px {
    max-width: 4.375rem !important;
  }
}

.req-80px {
  width: 5rem;
  height: 5rem;
}

.vh--80px {
  height: calc(100vh - 5rem);
}

@media (min-width: 1400px) {
  .xxl-vh--80px {
    height: calc(100vh - 5rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--80px {
    min-height: calc(100vh - 5rem);
  }
}

.min-vh--80px {
  min-height: calc(100vh - 5rem);
}

.h-80px {
  height: 5rem;
}

@media (min-width: 1200px) {
  .h-xl-80px {
    height: 5rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-80px {
    height: 5rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-80px {
    height: 5rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-80px {
    height: 5rem !important;
  }
}

.max-h-80px {
  max-height: 5rem;
}

.max-h-80px {
  max-height: 5rem;
}

@media (min-width: 1200px) {
  .max-h-xl-80px {
    max-height: 5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-80px {
    max-height: 5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-80px {
    max-height: 5rem !important;
  }
}

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

.vw--80px {
  width: calc(100vw - 5rem);
}

.min-w-80px {
  min-width: 5rem;
}

@media (min-width: 768px) {
  .min-w-md-80px {
    min-width: 5rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-80px {
    min-width: 5rem;
  }
}

.w-80px {
  width: 5rem;
}

@media (min-width: 576px) {
  .w-sm-80px {
    width: 5rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-80px {
    width: 5rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-80px {
    width: 5rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-80px {
    width: 5rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-80px {
    width: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-80px {
    width: 5rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-80px {
    width: 5rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-80px {
    width: 5rem !important;
  }
}

.w--80px {
  width: calc(100% - 5rem);
}

.min-w-80px {
  min-width: 5rem;
}

.max-w-80px {
  max-width: 5rem;
}

@media (min-width: 992px) {
  .max-w-lg-80px {
    max-width: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-80px {
    max-width: 5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-80px {
    max-width: 5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-80px {
    max-width: 5rem !important;
  }
}

.req-100px {
  width: 6.25rem;
  height: 6.25rem;
}

.vh--100px {
  height: calc(100vh - 6.25rem);
}

@media (min-width: 1400px) {
  .xxl-vh--100px {
    height: calc(100vh - 6.25rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--100px {
    min-height: calc(100vh - 6.25rem);
  }
}

.min-vh--100px {
  min-height: calc(100vh - 6.25rem);
}

.h-100px {
  height: 6.25rem;
}

@media (min-width: 1200px) {
  .h-xl-100px {
    height: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-100px {
    height: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-100px {
    height: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-100px {
    height: 6.25rem !important;
  }
}

.max-h-100px {
  max-height: 6.25rem;
}

.max-h-100px {
  max-height: 6.25rem;
}

@media (min-width: 1200px) {
  .max-h-xl-100px {
    max-height: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-100px {
    max-height: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-100px {
    max-height: 6.25rem !important;
  }
}

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

.vw--100px {
  width: calc(100vw - 6.25rem);
}

.min-w-100px {
  min-width: 6.25rem;
}

@media (min-width: 768px) {
  .min-w-md-100px {
    min-width: 6.25rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-100px {
    min-width: 6.25rem;
  }
}

.w-100px {
  width: 6.25rem;
}

@media (min-width: 576px) {
  .w-sm-100px {
    width: 6.25rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-100px {
    width: 6.25rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-100px {
    width: 6.25rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-100px {
    width: 6.25rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-100px {
    width: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-100px {
    width: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-100px {
    width: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-100px {
    width: 6.25rem !important;
  }
}

.w--100px {
  width: calc(100% - 6.25rem);
}

.min-w-100px {
  min-width: 6.25rem;
}

.max-w-100px {
  max-width: 6.25rem;
}

@media (min-width: 992px) {
  .max-w-lg-100px {
    max-width: 6.25rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-100px {
    max-width: 6.25rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-100px {
    max-width: 6.25rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-100px {
    max-width: 6.25rem !important;
  }
}

.req-130px {
  width: 8.125rem;
  height: 8.125rem;
}

.vh--130px {
  height: calc(100vh - 8.125rem);
}

@media (min-width: 1400px) {
  .xxl-vh--130px {
    height: calc(100vh - 8.125rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--130px {
    min-height: calc(100vh - 8.125rem);
  }
}

.min-vh--130px {
  min-height: calc(100vh - 8.125rem);
}

.h-130px {
  height: 8.125rem;
}

@media (min-width: 1200px) {
  .h-xl-130px {
    height: 8.125rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-130px {
    height: 8.125rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-130px {
    height: 8.125rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-130px {
    height: 8.125rem !important;
  }
}

.max-h-130px {
  max-height: 8.125rem;
}

.max-h-130px {
  max-height: 8.125rem;
}

@media (min-width: 1200px) {
  .max-h-xl-130px {
    max-height: 8.125rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-130px {
    max-height: 8.125rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-130px {
    max-height: 8.125rem !important;
  }
}

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

.vw--130px {
  width: calc(100vw - 8.125rem);
}

.min-w-130px {
  min-width: 8.125rem;
}

@media (min-width: 768px) {
  .min-w-md-130px {
    min-width: 8.125rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-130px {
    min-width: 8.125rem;
  }
}

.w-130px {
  width: 8.125rem;
}

@media (min-width: 576px) {
  .w-sm-130px {
    width: 8.125rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-130px {
    width: 8.125rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-130px {
    width: 8.125rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-130px {
    width: 8.125rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-130px {
    width: 8.125rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-130px {
    width: 8.125rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-130px {
    width: 8.125rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-130px {
    width: 8.125rem !important;
  }
}

.w--130px {
  width: calc(100% - 8.125rem);
}

.min-w-130px {
  min-width: 8.125rem;
}

.max-w-130px {
  max-width: 8.125rem;
}

@media (min-width: 992px) {
  .max-w-lg-130px {
    max-width: 8.125rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-130px {
    max-width: 8.125rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-130px {
    max-width: 8.125rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-130px {
    max-width: 8.125rem !important;
  }
}

.req-200px {
  width: 12.5rem;
  height: 12.5rem;
}

.vh--200px {
  height: calc(100vh - 12.5rem);
}

@media (min-width: 1400px) {
  .xxl-vh--200px {
    height: calc(100vh - 12.5rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--200px {
    min-height: calc(100vh - 12.5rem);
  }
}

.min-vh--200px {
  min-height: calc(100vh - 12.5rem);
}

.h-200px {
  height: 12.5rem;
}

@media (min-width: 1200px) {
  .h-xl-200px {
    height: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-200px {
    height: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-200px {
    height: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-200px {
    height: 12.5rem !important;
  }
}

.max-h-200px {
  max-height: 12.5rem;
}

.max-h-200px {
  max-height: 12.5rem;
}

@media (min-width: 1200px) {
  .max-h-xl-200px {
    max-height: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-200px {
    max-height: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-200px {
    max-height: 12.5rem !important;
  }
}

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

.vw--200px {
  width: calc(100vw - 12.5rem);
}

.min-w-200px {
  min-width: 12.5rem;
}

@media (min-width: 768px) {
  .min-w-md-200px {
    min-width: 12.5rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-200px {
    min-width: 12.5rem;
  }
}

.w-200px {
  width: 12.5rem;
}

@media (min-width: 576px) {
  .w-sm-200px {
    width: 12.5rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-200px {
    width: 12.5rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-200px {
    width: 12.5rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-200px {
    width: 12.5rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-200px {
    width: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-200px {
    width: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-200px {
    width: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-200px {
    width: 12.5rem !important;
  }
}

.w--200px {
  width: calc(100% - 12.5rem);
}

.min-w-200px {
  min-width: 12.5rem;
}

.max-w-200px {
  max-width: 12.5rem;
}

@media (min-width: 992px) {
  .max-w-lg-200px {
    max-width: 12.5rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-200px {
    max-width: 12.5rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-200px {
    max-width: 12.5rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-200px {
    max-width: 12.5rem !important;
  }
}

.req-900px {
  width: 56.25rem;
  height: 56.25rem;
}

.vh--900px {
  height: calc(100vh - 56.25rem);
}

@media (min-width: 1400px) {
  .xxl-vh--900px {
    height: calc(100vh - 56.25rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--900px {
    min-height: calc(100vh - 56.25rem);
  }
}

.min-vh--900px {
  min-height: calc(100vh - 56.25rem);
}

.h-900px {
  height: 56.25rem;
}

@media (min-width: 1200px) {
  .h-xl-900px {
    height: 56.25rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-900px {
    height: 56.25rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-900px {
    height: 56.25rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-900px {
    height: 56.25rem !important;
  }
}

.max-h-900px {
  max-height: 56.25rem;
}

.max-h-900px {
  max-height: 56.25rem;
}

@media (min-width: 1200px) {
  .max-h-xl-900px {
    max-height: 56.25rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-900px {
    max-height: 56.25rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-900px {
    max-height: 56.25rem !important;
  }
}

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

.vw--900px {
  width: calc(100vw - 56.25rem);
}

.min-w-900px {
  min-width: 56.25rem;
}

@media (min-width: 768px) {
  .min-w-md-900px {
    min-width: 56.25rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-900px {
    min-width: 56.25rem;
  }
}

.w-900px {
  width: 56.25rem;
}

@media (min-width: 576px) {
  .w-sm-900px {
    width: 56.25rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-900px {
    width: 56.25rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-900px {
    width: 56.25rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-900px {
    width: 56.25rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-900px {
    width: 56.25rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-900px {
    width: 56.25rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-900px {
    width: 56.25rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-900px {
    width: 56.25rem !important;
  }
}

.w--900px {
  width: calc(100% - 56.25rem);
}

.min-w-900px {
  min-width: 56.25rem;
}

.max-w-900px {
  max-width: 56.25rem;
}

@media (min-width: 992px) {
  .max-w-lg-900px {
    max-width: 56.25rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-900px {
    max-width: 56.25rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-900px {
    max-width: 56.25rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-900px {
    max-width: 56.25rem !important;
  }
}

.req-1184px {
  width: 74rem;
  height: 74rem;
}

.vh--1184px {
  height: calc(100vh - 74rem);
}

@media (min-width: 1400px) {
  .xxl-vh--1184px {
    height: calc(100vh - 74rem) !important;
  }
}

@media (max-width: 1399px) {
  .less-xxl-min-vh--1184px {
    min-height: calc(100vh - 74rem);
  }
}

.min-vh--1184px {
  min-height: calc(100vh - 74rem);
}

.h-1184px {
  height: 74rem;
}

@media (min-width: 1200px) {
  .h-xl-1184px {
    height: 74rem !important;
  }
}

@media (min-width: 768px) {
  .h-md-1184px {
    height: 74rem !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-1184px {
    height: 74rem !important;
  }
}

@media (min-width: 1800px) {
  .h-xxxl-1184px {
    height: 74rem !important;
  }
}

.max-h-1184px {
  max-height: 74rem;
}

.max-h-1184px {
  max-height: 74rem;
}

@media (min-width: 1200px) {
  .max-h-xl-1184px {
    max-height: 74rem !important;
  }
}

@media (min-width: 1400px) {
  .max-h-xxl-1184px {
    max-height: 74rem !important;
  }
}

@media (min-width: 1800px) {
  .max-h-xxxl-1184px {
    max-height: 74rem !important;
  }
}

.min-h-1184px {
  min-height: 74rem !important;
}

.vw--1184px {
  width: calc(100vw - 74rem);
}

.min-w-1184px {
  min-width: 74rem;
}

@media (min-width: 768px) {
  .min-w-md-1184px {
    min-width: 74rem !important;
  }
}

@media (max-width: 767px) {
  .min-w-less-md-1184px {
    min-width: 74rem;
  }
}

.w-1184px {
  width: 74rem;
}

@media (min-width: 576px) {
  .w-sm-1184px {
    width: 74rem !important;
  }
}

@media (max-width: 575px) {
  .w-less-sm-1184px {
    width: 74rem !important;
  }
}

@media (min-width: 768px) {
  .w-md-1184px {
    width: 74rem !important;
  }
}

@media (max-width: 767px) {
  .w-less-md-1184px {
    width: 74rem !important;
  }
}

@media (min-width: 992px) {
  .w-lg-1184px {
    width: 74rem !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-1184px {
    width: 74rem !important;
  }
}

@media (min-width: 1400px) {
  .w-xxl-1184px {
    width: 74rem !important;
  }
}

@media (min-width: 1800px) {
  .w-xxxl-1184px {
    width: 74rem !important;
  }
}

.w--1184px {
  width: calc(100% - 74rem);
}

.min-w-1184px {
  min-width: 74rem;
}

.max-w-1184px {
  max-width: 74rem;
}

@media (min-width: 992px) {
  .max-w-lg-1184px {
    max-width: 74rem !important;
  }
}

@media (min-width: 1200px) {
  .max-w-xl-1184px {
    max-width: 74rem !important;
  }
}

@media (min-width: 1400px) {
  .max-w-xxl-1184px {
    max-width: 74rem !important;
  }
}

@media (min-width: 1800px) {
  .max-w-xxxl-1184px {
    max-width: 74rem !important;
  }
}

.te-100 {
  transition: all 100ms ease;
}

.tl-100 {
  transition: all 100ms linear;
}

.te-200 {
  transition: all 200ms ease;
}

.tl-200 {
  transition: all 200ms linear;
}

.te-300 {
  transition: all 300ms ease;
}

.tl-300 {
  transition: all 300ms linear;
}

.te-500 {
  transition: all 500ms ease;
}

.tl-500 {
  transition: all 500ms linear;
}

.te-700 {
  transition: all 700ms ease;
}

.tl-700 {
  transition: all 700ms linear;
}

.te-800 {
  transition: all 800ms ease;
}

.tl-800 {
  transition: all 800ms linear;
}

.te-1000 {
  transition: all 1000ms ease;
}

.tl-1000 {
  transition: all 1000ms linear;
}

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

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

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

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

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

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

.z-6 {
  z-index: 5 !important;
}

.z-7 {
  z-index: 5 !important;
}

.z-8 {
  z-index: 5 !important;
}

.z-9 {
  z-index: 5 !important;
}

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

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

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

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

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

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

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

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

.grid {
  display: grid;
}

.grid-col-1 {
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
  .grid-col-md-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .grid-col-sm-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .grid-col-lg-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  .grid-col-xl-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxl-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxxl-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .span-sm-1 {
    grid-column: span 1;
  }
}

@media (min-width: 576px) {
  .span-1 {
    grid-column: span 1;
  }
}

.grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .grid-col-md-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .grid-col-sm-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .grid-col-lg-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  .grid-col-xl-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxl-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxxl-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .span-sm-2 {
    grid-column: span 2;
  }
}

@media (min-width: 576px) {
  .span-2 {
    grid-column: span 2;
  }
}

.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
  .grid-col-md-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .grid-col-sm-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .grid-col-lg-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  .grid-col-xl-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxl-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxxl-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .span-sm-3 {
    grid-column: span 3;
  }
}

@media (min-width: 576px) {
  .span-3 {
    grid-column: span 3;
  }
}

.grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 768px) {
  .grid-col-md-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .grid-col-sm-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .grid-col-lg-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  .grid-col-xl-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxl-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxxl-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .span-sm-4 {
    grid-column: span 4;
  }
}

@media (min-width: 576px) {
  .span-4 {
    grid-column: span 4;
  }
}

.grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}

@media (min-width: 768px) {
  .grid-col-md-5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .grid-col-sm-5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 992px) {
  .grid-col-lg-5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 1200px) {
  .grid-col-xl-5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxl-5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 1400px) {
  .grid-col-xxxl-5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 576px) {
  .span-sm-5 {
    grid-column: span 5;
  }
}

@media (min-width: 576px) {
  .span-5 {
    grid-column: span 5;
  }
}

/* base */
.d-inline {
  display: inline !important;
}

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

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

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

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

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

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

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

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

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

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

/* sm ≥576px */
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
}
/* md ≥768px */
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
}
/* lg ≥992px */
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
}
/* xl ≥1200px */
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
}
/* xxl ≥1400px */
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

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

/* =========================
   Justify Content
========================= */
.justify-content-start {
  justify-content: flex-start !important;
}

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

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

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

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

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

/* sm */
@media (min-width: 576px) {
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
/* md */
@media (min-width: 768px) {
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
/* lg */
@media (min-width: 992px) {
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
/* xl */
@media (min-width: 1200px) {
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
/* xxl */
@media (min-width: 1400px) {
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
}
/* =========================
   Align Items
========================= */
.align-items-start {
  align-items: flex-start !important;
}

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

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

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

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

/* sm */
@media (min-width: 576px) {
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
}
/* md */
@media (min-width: 768px) {
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
}
/* lg */
@media (min-width: 992px) {
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
}
/* xl */
@media (min-width: 1200px) {
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
}
/* xxl */
@media (min-width: 1400px) {
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

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

/* sm */
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
}
/* md */
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
}
/* lg */
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
}
/* xl */
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
}
/* xxl */
@media (min-width: 1400px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
}
.position-static {
  position: static;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: -webkit-sticky;
  position: sticky;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-solid {
  border-style: solid;
}

.b {
  border: 1px dashed red;
}

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

.contain-img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.pointer {
  cursor: pointer !important;
}

@media (max-width: 991px) {
  header nav {
    position: fixed;
    width: 15rem;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 1000;
    transition: transform 300ms ease;
    transform: translateX(100%);
  }
  header nav.active {
    transform: none;
  }
}

.active-link {
  position: relative;
}
.active-link::before {
  position: absolute;
  width: 100%;
  height: 2px;
  content: "";
  border-radius: 20rem;
  background-color: #e5c158;
  left: 0;
  top: calc(100% + 5px);
}

@media (max-width: 991px) {
  .header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.sec-line {
  background: linear-gradient(90deg, rgba(229, 193, 88, 0) 0%, rgba(229, 193, 88, 0.8) 50%, rgba(229, 193, 88, 0) 100%);
}

.overflow-hidden {
  overflow: hidden;
}

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

.pr-layer {
  background-image: url("../../assests/media/pics/first-page/third-part-layer.png");
  background-size: cover;
  background-position: center;
}

.bg-blur {
  backdrop-filter: blur(4px);
}

.list-style-type-disc {
  list-style-type: disc;
}

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

.hover-shadow:hover {
  box-shadow: 0px 0px 10px 1px rgba(229, 193, 88, 0.1) inset;
  box-shadow: 0px 0px 20px 0px rgba(229, 193, 88, 0.3);
}

.shadow {
  box-shadow: 0px 0px 15px 0px rgba(229, 193, 88, 0.2);
}

.hover-up:hover {
  transform: translateY(-5px);
}

h1, h2 {
  font-weight: 400;
}

.sec-svg {
  filter: brightness(0) saturate(100%) invert(83%) sepia(32%) saturate(756%) hue-rotate(353deg) brightness(93%) contrast(93%);
}

.hover-inner-svg-sec:hover img {
  filter: brightness(0) saturate(100%) invert(83%) sepia(32%) saturate(756%) hue-rotate(353deg) brightness(93%) contrast(93%);
}

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

.pad-x-auto {
  padding-left: auto;
  padding-right: auto;
}

.vh-100 {
  height: 100vh;
}

.overflow-auto {
  overflow: auto;
}

.rounded-pill {
  border-radius: 25rem;
}

header {
  position: -webkit-sticky;
  position: sticky !important;
  top: 0;
  z-index: 100;
}

/*# sourceMappingURL=style.css.map */