/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/theme.scss ***!
  \********************************************************************************************************************************************************/
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

@font-face {
  font-family: "icomoon";
  src: url(../.././assets/fonts/icomoon.ttf) format("truetype"), url(../.././assets/fonts/icomoon.woff) format("woff"), url(../.././assets/img/icomoon.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ico-], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-play-alt:before {
  content: "\e924";
}

.ico-play-o:before {
  content: "\e922";
}

.ico-shopping-bag:before {
  content: "\e91b";
}

.ico-shopping-cart:before {
  content: "\e91c";
}

.ico-angle-up:before {
  content: "\e900";
}

.ico-angle-right:before {
  content: "\e901";
}

.ico-angle-left:before {
  content: "\e902";
}

.ico-angle-down:before {
  content: "\e903";
}

.ico-play:before {
  content: "\e923";
}

.ico-heart-o:before {
  content: "\e91d";
}

.ico-heart:before {
  content: "\e91e";
}

.ico-star-o:before {
  content: "\e918";
}

.ico-star-half:before {
  content: "\e919";
}

.ico-star:before {
  content: "\e91a";
}

.ico-envelope-o:before {
  content: "\e914";
}

.ico-envelope:before {
  content: "\e915";
}

.ico-arrow-left-long:before {
  content: "\e920";
}

.ico-arrow-right-long:before {
  content: "\e921";
}

.ico-globe:before {
  content: "\e910";
}

.ico-paperplane:before {
  content: "\e911";
}

.ico-location-o:before {
  content: "\e91f";
}

.ico-search:before {
  content: "\e90f";
}

.ico-globe:before {
  content: "\e910";
}

.ico-paperplane:before {
  content: "\e911";
}

.ico-bookmark-o:before {
  content: "\e916";
}

.ico-bookmark:before {
  content: "\e917";
}

.ico-close:before {
  content: "\e904";
}

.ico-arrow-right:before {
  content: "\e905";
}

.ico-arrow-left:before {
  content: "\e906";
}

.ico-arrow-down:before {
  content: "\e907";
}

.ico-arrow-up:before {
  content: "\e908";
}

.ico-minus:before {
  content: "\e909";
}

.ico-plus:before {
  content: "\e90a";
}

.ico-angle-thin-up:before {
  content: "\e90b";
}

.ico-angle-thin-right:before {
  content: "\e90c";
}

.ico-angle-thin-left:before {
  content: "\e90d";
}

.ico-angle-thin-down:before {
  content: "\e90e";
}

.ico-phone:before {
  content: "\e912";
}

.ico-mobile:before {
  content: "\e913";
}

.ico-location:before {
  content: "\e947";
}

.ico-facebook:before {
  content: "\ea90";
}

.ico-facebook2:before {
  content: "\ea91";
}

.ico-instagram:before {
  content: "\ea92";
}

.ico-whatsapp:before {
  content: "\ea93";
}

.ico-twitter:before {
  content: "\ea96";
}

.ico-youtube:before {
  content: "\ea9d";
}

.ico-linkedin:before {
  content: "\eac9";
}

.ico-linkedin2:before {
  content: "\eaca";
}

.ico-pinterest:before {
  content: "\ead1";
}

.ico-pinterest2:before {
  content: "\ead2";
}

@font-face {
  font-family: "Akira Expanded";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: url(../.././assets/fonts/AkiraExpanded-SuperBold.woff2) format("woff2"), url(../.././assets/fonts/AkiraExpanded-SuperBold.woff) format("truetype");
}
@font-face {
  font-family: "Inter 18pt";
  src: url(../.././assets/fonts/Inter18pt-Medium.woff2) format("woff2"), url(../.././assets/fonts/Inter18pt-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.site-wrapper {
  overflow-x: hidden;
}

body {
  font-family: "Inter 18pt", sans-serif;
  font-size: 1.1rem;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

p {
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 1rem;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

small {
  font-size: 0.875em;
}

address {
  padding: 0px;
  margin: 0px;
}

a {
  transition: 0.15s ease-in-out;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

h1, .h1 {
  font-family: "Akira Expanded", sans-serif;
  font-size: clamp(2rem, 4vw, 2.5rem);
  line-height: 1.4;
}

h2, .h2 {
  font-family: "Akira Expanded", sans-serif;
  font-size: clamp(1.75rem, 4vw, 2rem);
  line-height: 1.4;
}

h3, .h3 {
  font-family: "Akira Expanded", sans-serif;
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  line-height: 1.2;
}

h4, .h4 {
  font-family: "Akira Expanded", sans-serif;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 1.3;
}

h5, .h5 {
  font-family: "Akira Expanded", sans-serif;
  font-size: clamp(1.125rem, 4vw, 1.25rem);
  line-height: 1.3;
}

h6, .h6 {
  font-family: "Akira Expanded", sans-serif;
  font-size: clamp(1rem, 4vw, 1.125rem);
  line-height: 1.3;
}

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

strong, b {
  font-weight: 600;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

hr {
  background-color: #000;
  height: 3px;
  border: none;
  display: inline-block;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  width: 80px;
}

.editor-content {
  text-align: left;
}
.editor-content > * + *,
.editor-content .wp-block-column > * + * {
  margin-top: 2rem;
}
.editor-content .wp-block-column > h2 + *,
.editor-content .wp-block-column > h3 + *,
.editor-content .wp-block-column > h4 + *,
.editor-content .wp-block-column > h5 + *, .editor-content > h2 + *, .editor-content > h3 + *, .editor-content > h4 + *, .editor-content > h5 + * {
  margin-top: 1.33334rem;
  margin-top: 1rem;
}
.editor-content a {
  color: #ea3323;
  transition: all 0.3s ease-in-out;
}
.editor-content a:hover {
  color: #000;
}
.editor-content ul {
  float: none;
  width: auto;
  padding: unset;
  margin-left: 32px;
}
.editor-content ul li {
  list-style: square;
}
.editor-content ul li:not(:last-child) {
  margin-bottom: 8px;
}
.editor-content ul ul {
  margin-left: 32px;
}
.editor-content ul ul > li:first-child {
  margin-top: 8px;
}
.editor-content ul .wp-block-image {
  margin-bottom: 0;
}
.editor-content ol {
  float: none;
  width: auto;
  padding: unset;
  margin-left: 32px;
}
.editor-content ol li:not(:last-child) {
  margin-bottom: 8px;
}
.editor-content ol ul {
  margin-left: 32px;
}
.editor-content ol ul > li:first-child {
  margin-top: 8px;
}
.editor-content ol .wp-block-image {
  margin-bottom: 0;
}
.editor-content .wp-block-spacer {
  margin: 0 !important;
}
@media (max-width: 580px) {
  .editor-content figure.alignright,
  .editor-content figure.alignleft {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.editor-content .wp-block-image .alignleft {
  margin: 0.5em 2em 0.5em 0;
}
.editor-content .wp-block-image .alignright {
  margin: 0.5em 0 0.5em 2em;
}
.editor-content .wp-block-image.alignwide {
  width: auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
}
@media only screen and (min-width: 992px) {
  .editor-content .wp-block-image.alignwide {
    max-width: auto;
    width: calc(100% + 200px);
    margin-left: -100px;
  }
}
.editor-content .wp-block-image.alignfull {
  width: auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
}

:root {
  --bs-gutter-x: 2rem;
  --font-heading: Akira Expanded, sans-serif;
  --font-body: Inter 18pt, sans-serif;
  --font-secondary: Akira Expanded, sans-serif;
  --font-btns: Akira Expanded, sans-serif;
  --font-nav-links: Akira Expanded, sans-serif;
  --font-footer-links: Akira Expanded, sans-serif;
  --font-form-input: Inter 18pt, sans-serif;
  --font-form-label: Inter 18pt, sans-serif;
  --font-slide-title: Akira Expanded, sans-serif;
  --font-slide-content: Akira Expanded, sans-serif;
  --slider-height: 95svh;
  --slide-elements-gap: 2.5rem;
  --slide-title-size: clamp(2rem, 5vw, 4.5rem);
  --slide-content-size: clamp(1rem, 4vw, 1.2rem);
  --overlay-color: #000;
  --overlay-opacity: .7;
  --slide-title-max-width: none;
  --slide-content-max-width: none;
  --slide-content-box-padding: 3rem;
  --slide-content-box-color: rgba(0,0,0, 0.4);
  --nav-items-font-size: 1rem;
  --nav-item-spacing: 1rem;
  --nav-item-padding: 2.5rem;
  --nav-item-link-color: #fff;
  --nav-item-link-color-hover: #fff;
  --nav-item-link-active-color: #fff;
  --nav-dropdown-bg: #fff;
  --nav-dropdown-item-link-color: #fff;
  --nav-dropdown-item-link-color-hover: #fff;
  --nav-dropdown-item-link-color-hover-bg: #fff;
  --nav-item-link-font-case: none;
  --nav-item-link-font-weight: 400;
  --nav-dropdown-width: 260px;
  --page-title-size: clamp(2rem, 4vw, 2.5rem);
  --page-title-color: #fff;
  --page-title-text-block-color: #e6e6e6;
  --page-title-text-block-size: clamp(1.125rem, 4vw, 1.25rem);
  --page-title-color-bg: #fff;
  --page-title-box-color-bg: rgba(0, 0, 0, 0.7);
  --page-title-overlay-color: #000;
  --page-title-overlay-opacity: 0.5;
  --section-title-overlay-color: #e6e6e6;
  --boxed-slider-width: 600px;
}
@media only screen and (max-width: 575.8px) {
  :root {
    --bs-gutter-x: 2rem;
  }
}
@media only screen and (min-width: 400px) {
  :root {
    --slider-height: 450px;
  }
}
@media only screen and (min-width: 576px) {
  :root {
    --slider-height: 500px;
  }
}
@media only screen and (min-width: 768px) {
  :root {
    --slider-height: 500px;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --slider-height: 95svh;
  }
}

.site-footer.dark {
  --title-color: #fff;
  --text-color: #9a9a9a;
  --link-color: #808080;
  --link-color-hover: #fff;
  --footer-bg: #000;
  --footer-bg-secondary: #222020;
  --social-links-color: #fff;
  --social-links-color-hover: #808080;
  --link-accent-color: #fff;
  --link-accent-color-hover: #b3b3b3;
}
.site-footer.light {
  --title-color: #fff;
  --text-color: #000;
  --link-color: #000;
  --link-color-hover: #fff;
  --footer-bg: #f5f5f5;
  --footer-bg-secondary: #f3ebe2;
  --social-links-color: #fff;
  --social-links-color-hover: #000;
  --link-accent-color: #000;
  --link-accent-color-hover: #fff;
}

@keyframes fall {
  from {
    transform: translateY(-50px);
    opacity: 1;
  }
  to {
    transform: translateY(110vh);
    opacity: 0;
  }
}
@keyframes paths-4 {
  0% {
    background-position: 0 0;
    opacity: 1;
  }
  1% {
    background-position: 5px 0;
  }
  2% {
    background-position: -5px 0;
    clip-path: polygon(0 85%, 100% 80%, 100% 95%, 0 100%);
  }
  3% {
    background-position: 15px 0;
    clip-path: polygon(0 15%, 100% 10%, 100% 25%, 0 30%);
  }
  4% {
    background-position: 5px 0;
    clip-path: polygon(0 60%, 100% 55%, 100% 70%, 0 75%);
  }
  5% {
    background-position: -15px 0;
    clip-path: polygon(0 15%, 100% 10%, 100% 25%, 0 30%);
  }
  6% {
    background-position: -10px 0px;
    clip-path: none;
  }
  7% {
    background-position: 0 -5px;
  }
  8% {
    background-position: -5px -5px;
  }
  9% {
    background-position: 0px 0px;
  }
  15% {
    background-position: 0px 0px;
    opacity: 0;
  }
  100% {
    background-position: 0px 0px;
    opacity: 0;
  }
}
@keyframes paths {
  0% {
    clip-path: polygon(0% 43%, 83% 43%, 83% 22%, 23% 22%, 23% 24%, 91% 24%, 91% 26%, 18% 26%, 18% 83%, 29% 83%, 29% 17%, 41% 17%, 41% 39%, 18% 39%, 18% 82%, 54% 82%, 54% 88%, 19% 88%, 19% 4%, 39% 4%, 39% 14%, 76% 14%, 76% 52%, 23% 52%, 23% 35%, 19% 35%, 19% 8%, 36% 8%, 36% 31%, 73% 31%, 73% 16%, 1% 16%, 1% 56%, 50% 56%, 50% 8%);
    transform: translate(0, 0) skewY(0);
  }
  5% {
    clip-path: polygon(0% 31%, 15% 31%, 15% 35%, 13% 35%, 13% 25%, 81% 25%, 81% 12%, 27% 12%, 27% 69%, 57% 69%);
    transform: translate(2px, -3px) skewY(5deg);
  }
  30% {
    clip-path: polygon(0% 53%, 93% 53%, 93% 62%, 68% 62%, 68% 37%, 97% 37%, 97% 89%, 13% 89%, 13% 45%, 51% 45%, 51% 88%, 17% 88%, 17% 54%, 81% 54%, 81% 75%, 79% 75%, 79% 76%, 38% 76%, 38% 28%, 61% 28%, 61% 12%, 55% 12%, 55% 62%, 68% 62%, 68% 51%, 0% 51%, 0% 92%, 63% 92%, 63% 4%, 65% 4%);
  }
  45% {
    clip-path: polygon(0% 33%, 2% 33%, 2% 69%, 58% 69%, 58% 94%, 55% 94%, 55% 25%, 33% 25%, 33% 85%, 16% 85%, 16% 19%, 5% 19%, 5% 20%, 79% 20%, 79% 96%, 93% 96%, 93% 50%, 5% 50%, 5% 74%, 55% 74%, 55% 57%, 96% 57%, 96% 59%, 87% 59%, 87% 65%, 82% 65%, 82% 39%, 63% 39%, 63% 92%, 4% 92%, 4% 36%, 24% 36%, 24% 70%, 1% 70%, 1% 43%, 15% 43%, 15% 28%, 23% 28%, 23% 71%, 90% 71%, 90% 86%, 97% 86%, 97% 1%, 60% 1%, 60% 67%, 71% 67%, 71% 91%, 17% 91%, 17% 14%, 39% 14%, 39% 30%, 58% 30%, 58% 11%, 52% 11%, 52% 83%, 68% 83%);
  }
  76% {
    clip-path: polygon(0% 26%, 15% 26%, 15% 73%, 72% 73%, 72% 70%, 77% 70%, 77% 75%, 8% 75%, 8% 42%, 4% 42%, 4% 61%, 17% 61%, 17% 12%, 26% 12%, 26% 63%, 73% 63%, 73% 43%, 90% 43%, 90% 67%, 50% 67%, 50% 41%, 42% 41%, 42% 46%, 50% 46%, 50% 84%, 96% 84%, 96% 78%, 49% 78%, 49% 25%, 63% 25%, 63% 14%);
  }
  90% {
    clip-path: polygon(0% 41%, 13% 41%, 13% 6%, 87% 6%, 87% 93%, 10% 93%, 10% 13%, 89% 13%, 89% 6%, 3% 6%, 3% 8%, 16% 8%, 16% 79%, 0% 79%, 0% 99%, 92% 99%, 92% 90%, 5% 90%, 5% 60%, 0% 60%, 0% 48%, 89% 48%, 89% 13%, 80% 13%, 80% 43%, 95% 43%, 95% 19%, 80% 19%, 80% 85%, 38% 85%, 38% 62%);
    transform: translate(2px, -3px) skewY(2deg);
  }
  1%, 7%, 33%, 47%, 78%, 93% {
    clip-path: none;
    transform: translate(0px, 0px) skewY(0deg);
  }
}
@keyframes opacity {
  0% {
    opacity: 0.1;
  }
  5% {
    opacity: 0.7;
  }
  30% {
    opacity: 0.4;
  }
  45% {
    opacity: 0.6;
  }
  76% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.8;
  }
  1%, 7%, 33%, 47%, 78%, 93% {
    opacity: 0;
  }
}
@keyframes paths-2 {
  0% {
    clip-path: none;
  }
  10% { /* first 1s (since 10% of 10s = 1s) */
    clip-path: polygon(0% 75%, 13% 75%, 13% 10%, 79% 10%, 79% 56%, 55% 56%, 55% 72%, 52% 72%, 52% 77%, 66% 77%, 66% 86%, 32% 86%, 32% 61%, 12% 61%, 12% 99%, 79% 99%, 79% 63%, 74% 63%, 74% 64%, 85% 64%, 85% 6%, 12% 6%, 12% 58%, 87% 58%, 87% 71%);
  }
  15%, 100% { /* hold still for the remaining ~9s */
    clip-path: none;
  }
}
@keyframes opacity {
  0% {
    opacity: 0.1;
  }
  5% {
    opacity: 0.7;
  }
  30% {
    opacity: 0.4;
  }
  45% {
    opacity: 0.6;
  }
  76% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.8;
  }
  1%, 7%, 33%, 47%, 78%, 93% {
    opacity: 0;
  }
}
.glitch-shape {
  animation: glitch-cycle 10s infinite;
}

@keyframes glitch-cycle {
  0% {
    clip-path: none; /* normal */
  }
  /* glitch for ~1s */
  1% {
    clip-path: polygon(0 10%, 100% 10%, 100% 30%, 0 30%);
  }
  2% {
    clip-path: polygon(0 60%, 100% 55%, 100% 75%, 0 80%);
  }
  3% {
    clip-path: polygon(10% 20%, 90% 25%, 90% 50%, 10% 45%);
  }
  4% {
    clip-path: polygon(0 40%, 100% 35%, 100% 65%, 0 70%);
  }
  6% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* full rect */
  }
  /* stay normal until next cycle */
  7%, 100% {
    clip-path: none;
  }
}
@keyframes glitch-img {
  0% {
    clip-path: none; /* normal */
  }
  /* glitch for ~1s */
  1% {
    clip-path: polygon(0% 38%, 82% 38%, 82% 52%, 42% 52%, 42% 43%, 52% 43%, 52% 54%, 46% 54%, 46% 99%, 52% 99%, 52% 34%, 8% 34%, 8% 90%, 24% 90%, 24% 30%, 65% 30%, 65% 95%, 11% 95%, 11% 87%, 84% 87%, 84% 16%, 94% 16%, 94% 86%, 63% 86%, 63% 45%, 63% 45%, 63% 3%, 20% 3%, 20% 28%, 74% 28%, 74% 22%);
    filter: hue-rotate(45deg);
    transform: translate(-100px, -150px);
  }
  2% {
    clip-path: polygon(0% 38%, 82% 38%, 82% 52%, 42% 52%, 42% 43%, 52% 43%, 52% 54%, 46% 54%, 46% 99%, 52% 99%, 52% 34%, 8% 34%, 8% 90%, 24% 90%, 24% 30%, 65% 30%, 65% 95%, 11% 95%, 11% 87%, 84% 87%, 84% 16%, 94% 16%, 94% 86%, 63% 86%, 63% 45%, 63% 45%, 63% 3%, 20% 3%, 20% 28%, 74% 28%, 74% 22%);
    filter: hue-rotate(66deg);
    transform: translate(3px, -1px) skewX(5deg);
    transform: translate(100px, 150px);
  }
  4% {
    clip-path: polygon(0% 38%, 82% 38%, 82% 52%, 42% 52%, 42% 43%, 52% 43%, 52% 54%, 46% 54%, 46% 99%, 52% 99%, 52% 34%, 8% 34%, 8% 90%, 24% 90%, 24% 30%, 65% 30%, 65% 95%, 11% 95%, 11% 87%, 84% 87%, 84% 16%, 94% 16%, 94% 86%, 63% 86%, 63% 45%, 63% 45%, 63% 3%, 20% 3%, 20% 28%, 74% 28%, 74% 22%);
    transform: translate(-4px, 0px) scaleX(1.02);
    filter: hue-rotate(0deg);
  }
  5% {
    clip-path: polygon(0% 38%, 82% 38%, 82% 52%, 42% 52%, 42% 43%, 52% 43%, 52% 54%, 46% 54%, 46% 99%, 52% 99%, 52% 34%, 8% 34%, 8% 90%, 24% 90%, 24% 30%, 65% 30%, 65% 95%, 11% 95%, 11% 87%, 84% 87%, 84% 16%, 94% 16%, 94% 86%, 63% 86%, 63% 45%, 63% 45%, 63% 3%, 20% 3%, 20% 28%, 74% 28%, 74% 22%);
    transform: translate(2px, -3px) skewY(-5deg);
    transform: translate(10px, 15px);
  }
  6% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* full rect */
    transform: translate(-1px, 1px) scaleY(0.98);
  }
  /* stay normal until next cycle */
  7%, 100% {
    filter: invert(0);
    clip-path: none;
    transform: none;
  }
}
/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 1300px;
  }
  .container-lg {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 1600px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl {
    max-width: 1480px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 400px) {
  .col-xs {
    flex: 1 0 0%;
  }
  .row-cols-xs-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xs-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xs-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xs-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xs-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xs-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xs-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
.btn {
  font-family: var(--font-btns);
  font-size: clamp(0.825rem, 4vw, 1rem);
  padding: 0.875em 2em;
  display: inline-block;
  font-weight: 500;
  border-radius: 6px;
}
.btn.btn-primary {
  color: #fff;
  background-color: #fff;
}
.btn.btn-primary:hover {
  background-color: #121212;
  background-color: #ebebeb;
}
.btn.btn-accent {
  color: #fff;
  background-color: #ea3323;
}
.btn.btn-accent:hover {
  color: #fff;
  background-color: #121212;
}
.btn.btn-secondary {
  color: #fff;
  background-color: #c29a5c;
}
.btn.btn-secondary:hover {
  background-color: #fff;
}
.btn.btn-black {
  color: #fff;
  background-color: #000;
}
.btn.btn-black:hover {
  background-color: #fff;
}
.btn.btn-white {
  color: #000;
  background-color: #fff;
}
.btn.btn-white:hover {
  color: #fff;
  background-color: #fff;
}
.btn.btn-round {
  border-radius: 4rem;
}
.btn.btn-border {
  color: #000;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  background-color: transparent;
}
.btn.btn-border:hover {
  border-color: #fff;
  background-color: #fff;
  color: #fff;
}
.btn.btn-border.btn-primary {
  border-color: #fff;
  color: #fff;
}
.btn.btn-border.btn-primary:hover {
  color: #fff;
  background-color: #121212;
  border-color: #121212;
}
.btn.btn-border.btn-secondary {
  border-color: #c29a5c;
  color: #c29a5c;
}
.btn.btn-border.btn-secondary:hover {
  color: #fff;
  background-color: #afafaf;
  border-color: #afafaf;
}
.btn.btn-border.btn-accent {
  border-color: #f6f0e9;
  color: #f6f0e9;
}
.btn.btn-border.btn-accent:hover {
  color: #fff;
  background-color: #121212;
  border-color: #121212;
}
.btn.btn-lg {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
}
.btn.btn-md {
  font-size: clamp(0.825rem, 4vw, 1rem);
}
.btn.btn-sm {
  font-size: clamp(0.75rem, 2vw, 1rem);
}
.btn.btn-xs {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
}
.btn.btn-xxs {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  padding: 0.725em 1.125em;
}

.btn-holder {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.btn-holder .btn {
  margin: 0.25rem 0.5rem;
}
.btn-holder.btn-holder-center-center, .btn-holder.btn-holder-center-right, .btn-holder.btn-holder-center-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-holder.btn-holder-center-center {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .btn-holder.btn-holder-center-right {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .btn-holder.btn-holder-center-left {
    justify-content: flex-start;
  }
}

.donate-button {
  position: fixed;
  top: 180px;
  right: 0px;
  z-index: 1000;
  transition: all linear 0.3s;
}
@media only screen and (max-width: 991.8px) {
  .donate-button {
    display: none;
  }
}
.donate-button .donate-button-item {
  background-color: #fff;
  font-family: "Akira Expanded", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  border-radius: 4px 0 0 4px;
}
.donate-button .donate-button-item .donate-text {
  margin-top: 5px;
}
.donate-button .donate-button-item:hover {
  background-color: #D81616;
  color: #fff;
  text-decoration: none;
}
.donate-button .donate-button-item:hover svg path {
  fill: #fff;
}
.donate-button .donate-button-item.show {
  background-color: #D81616;
  color: #fff;
  text-decoration: none;
}
.donate-button .donate-button-item.show svg path {
  fill: #fff;
}
.donate-button.mobile {
  position: relative;
  top: 0;
  transform: none;
  margin-bottom: 40px;
}
.donate-button.mobile .donate-button-item {
  width: 100%;
  border-radius: 4px;
}

.modal {
  position: fixed;
  top: 180px;
  right: 110px;
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  visibility: hidden;
}
@media only screen and (max-width: 991.8px) {
  .modal {
    right: 2%;
    left: 2%;
    top: 150px;
    margin: 0 auto;
  }
}

.modal.show {
  visibility: visible;
}

.modal-content {
  position: relative;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  color: #fff;
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgb(67, 67, 67);
  transform: scale(0.95);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}
.modal-content h3 {
  font-size: 16px;
  margin-bottom: 1rem;
  color: #fff;
}
.modal-content h2 {
  font-size: 24px;
  line-height: 40px;
  color: #fff;
}
.modal-content p {
  font-size: 14px;
  line-height: 22px;
}
.modal-content p.bottom-text {
  font-size: 12px;
  color: #fff;
}
.modal-content .modal-close {
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  margin-bottom: 10px;
}
.modal-content .paypal-link a,
.modal-content .stripe-link a {
  color: #000;
  font-size: 14px;
  font-family: "Inter 18pt", sans-serif;
  padding: 10px;
}
.modal-content .paypal-link svg,
.modal-content .stripe-link svg {
  margin-left: 5px;
}
.modal-content .paypal-link a {
  background-color: #fff;
}
.modal-content .stripe-link a {
  background-color: #6772E5;
  color: #fff;
}
.modal-content .stripe-link a:hover {
  background-color: #4452df;
}
.modal-content .stripe-link a svg {
  margin-left: 0;
}

.modal.show .modal-content {
  opacity: 1;
  transform: scale(1);
}

button,
fieldset,
input,
legend,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

label {
  font-family: var(--font-form-label);
  font-size: 14px;
  text-align: left;
}

input,
select,
form button,
textarea {
  font-family: var(--font-form-input);
  font-size: clamp(0.825rem, 4vw, 1rem);
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.25);
  border-radius: 0.25rem;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease-in-out;
}

form button,
input[type=submit],
input[type=reset],
input[type=button] {
  border: none;
  cursor: pointer;
  font-size: clamp(0.825rem, 4vw, 1rem);
  padding: 0.875em 2em;
  display: inline-block;
  font-weight: 600;
  border-radius: 6px;
  color: #000;
  background-color: #fff;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-family: "Akira Expanded", sans-serif;
}
form button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
  background-color: #121212;
  background-color: #e6e6e6;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
input[type=week],
input[type=month],
input[type=file],
input[list],
select,
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.75em;
  color: #fff;
}

textarea {
  height: 140px; /* sets fixed height */
}

input[type=time],
input[type=file],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=week],
input[type=month] {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

textarea {
  min-height: 10rem;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: rgba(255, 255, 255, 0.8);
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: rgba(255, 255, 255, 0.8);
}

select:not([size]) {
  background: url(../.././assets/img/select-arrow.svg) no-repeat center right 0.75rem;
}

input[type=radio],
input[type=checkbox] {
  height: 1.25em;
  width: 1.25em;
  vertical-align: middle;
}

input[type=radio] {
  border-radius: 50%;
}

input[type=radio]:checked {
  background-image: radial-gradient(#fff 40%, transparent calc(40% + 1px));
}

input[type=checkbox]:checked {
  background: url(../.././assets/img/check.svg) no-repeat center/75% auto;
  filter: invert(1);
}

input[type=range] {
  border: none;
  padding: 0;
  height: 3px;
  background: #fff;
}

.cf-row {
  display: grid;
  gap: 1.5rem;
}
@media only screen and (min-width: 576px) {
  .cf-row.cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.wpcf7-form > label {
  display: block;
}
.wpcf7-form > * + * {
  margin-top: 10px;
}
.wpcf7-form input[type=submit] {
  font-size: clamp(0.825rem, 4vw, 1rem);
  padding: 0.875em 2em;
  display: inline-block;
  font-weight: 600;
  border-radius: 6px;
  color: #000;
  background-color: #fff;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-family: "Akira Expanded", sans-serif;
}
.wpcf7-form input[type=submit]:hover {
  background-color: #121212;
  background-color: #e6e6e6;
}
.wpcf7-form .wpcf7-list-item {
  margin-left: 0;
  cursor: pointer;
  margin-block: 1rem;
}
.wpcf7-form .mc4wp-checkbox-contact-form-7 label {
  margin-block: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wpcf7-form .wpcf7-list-item-label {
  margin-left: 0.5rem;
  font-size: 13px;
}
.wpcf7-form label .wpcf7-form-control-wrap {
  display: block;
  margin-top: 0.5rem;
}
.wpcf7-form .wpcf7-not-valid-tip {
  font-size: 0.825rem;
  position: absolute;
  margin-top: 4px;
}
.wpcf7-form .wpcf7-response-output {
  border-radius: 0.25rem;
  padding: 1rem !important;
  margin: 0 !important;
}
.wpcf7-form .wpcf7-spinner {
  display: none !important;
  visibility: hidden !important;
}

.wpcf7-response-output {
  display: none !important;
}

.wpcf7-custom-toast {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.4s ease;
  z-index: 999;
}

.wpcf7-custom-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7-custom-toast.error {
  border-top-color: #f44336; /* red */
}

.wpcf7-custom-toast.warning {
  border-top-color: #ff9800; /* orange */
}

.wpcf7-custom-toast.success {
  border-top-color: #4caf50; /* green */
}

.site-header {
  --header-color-bg: transparent;
  --header-top-bar-font-size: 0.875rem;
  --header-top-bar-color: #fff;
  --header-top-bar-bg-color: #fff;
  --sticky-header-color-bg: #fff;
  --sticky-header-nav-color: #fff;
  --sticky-header-nav-hover-color: #fff;
}

.site-logo {
  max-width: 220px;
}
@media (min-width: 1400px) {
  .site-logo {
    max-width: 26rem;
  }
}

@media only screen and (min-width: 992px) {
  .logo-mobile {
    display: none;
  }
}

.site-header {
  background-color: var(--header-color-bg);
}
.site-header.header-transparent {
  top: 0;
  z-index: 10;
  position: fixed;
  width: 100%;
}
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-footer {
  background-color: var(--footer-bg);
  font-size: clamp(0.875rem, 4vw, 1rem);
  border-top: 1px solid rgb(240, 240, 240);
}
@media only screen and (max-width: 575.8px) {
  .site-footer .container-lg .row {
    row-gap: 3rem;
  }
}
.site-footer .footer-col-heading {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--title-color);
}
.site-footer .footer-col-sub-heading {
  color: var(--title-color);
}
.site-footer .footer-menu-holder {
  font-family: var(--font-footer-links);
}
.site-footer .footer-menu-holder ul li:not(:last-child) {
  margin-bottom: 0.85em;
}
.site-footer a {
  color: var(--link-color);
}
.site-footer a:hover {
  color: var(--link-color-hover);
}
.site-footer .address {
  color: var(--text-color);
}
.site-footer .copyright {
  font-size: 0.875rem;
  color: var(--text-color);
}

.social-links a {
  color: var(--social-links-color);
}
.social-links a:hover {
  color: var(--social-links-color-hover);
}
.social-links li:not(:last-child) {
  margin-right: 1.25rem;
}
.social-links i {
  font-size: 1.25rem;
}

.grid-half {
  display: grid;
}
@media only screen and (min-width: 768px) {
  .grid-half {
    grid-template-columns: 1fr 1fr;
  }
}

.grid-5-4 {
  display: grid;
}
@media only screen and (min-width: 768px) {
  .grid-5-4 {
    grid-template-columns: 5fr 4fr;
  }
}

.fill-after {
  position: relative;
  z-index: 2;
}
.fill-after:after {
  content: "";
  top: 0;
  left: 100%;
  right: -10000px;
  bottom: 0;
  background-color: inherit;
  display: block;
  position: absolute;
  z-index: 1;
}

.fill-before {
  position: relative;
  z-index: 2;
}
.fill-before:after {
  content: "";
  top: 0;
  right: 100%;
  left: -10000px;
  bottom: 0;
  background-color: inherit;
  display: block;
  position: absolute;
  z-index: 1;
}

.footer-11 .footer-col-heading {
  font-weight: 400;
}
.footer-11 .contact-info {
  font-family: var(--font-nav-links);
}
.footer-11 .contact-info i {
  color: var(--link-accent-color);
  font-size: 1.3rem;
  margin-right: 10px;
}
.footer-11 .contact-info li a {
  color: var(--link-accent-color);
  margin-left: 34px;
}
.footer-11 .contact-info li a:hover {
  color: var(--link-accent-color-hover);
}
.footer-11 .contact-info li i + a {
  margin-left: 0;
}
.footer-11 .footer-secondary {
  background-color: var(--footer-bg-secondary);
}

.nav-container {
  display: none;
}
@media only screen and (min-width: 992px) {
  .nav-container {
    display: block;
  }
}

.burger-menu {
  position: absolute;
  right: 10px;
}
@media (min-width: 400px) {
  .burger-menu {
    right: var(--bs-gutter-x, 0.75rem);
  }
}
@media only screen and (min-width: 992px) {
  .burger-menu {
    display: none;
  }
}
.burger-menu svg {
  display: block;
}
.burger-menu svg rect {
  fill: #fff;
  transition: fill 0.1s linear;
}
.burger-menu:hover svg rect {
  fill: var(--nav-item-link-color-hover);
}
.burger-menu.has-border {
  border: 2px solid var(--nav-item-link-color);
  padding: 0.75rem;
  transition: border-color 0.1s linear;
}
.burger-menu.has-border:hover {
  border-color: var(--nav-item-link-color-hover);
}
.burger-menu.has-border-fill {
  border: 2px solid var(--nav-item-link-color);
  padding: 0.75rem;
  transition: all 0.1s linear;
}
.burger-menu.has-border-fill:hover {
  border-color: var(--nav-item-link-color-hover);
  background-color: var(--nav-item-link-color-hover);
}
.burger-menu.has-border-fill:hover svg rect {
  fill: #fff;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-family: var(--font-nav-links);
}
.main-nav ul {
  display: flex;
  align-items: center;
  gap: 7px;
}
.main-nav ul > .current-menu-item > a {
  color: var(--nav-item-link-active-color);
}
.main-nav ul > li.menu-item-has-children {
  position: relative;
}
.main-nav ul > li > a {
  font-size: 14px;
  font-family: var(--bs-heading-font-family);
  color: var(--nav-item-link-color);
  text-transform: var(--nav-item-link-font-case);
  border-radius: 10px;
  padding: 20px 10px;
  width: 120px;
  max-width: 120px;
  height: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .main-nav ul > li > a {
    font-size: 13px;
    padding: 1rem 1.8rem;
  }
}
.main-nav ul > li > a span {
  position: relative;
  z-index: 10;
}
.main-nav ul > li > a.active, .main-nav ul > li > a:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5490196078);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
}

/*-----------------------------
    OFF CANVAS SIDEBAR - SIDEDRAWER
-----------------------------*/
.sidedrawer {
  background: black;
  height: 100%;
  right: 0;
  transform: translateX(120%);
  top: 0;
  width: 355px;
  z-index: 1000;
  position: fixed;
  overflow-y: auto;
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.06);
  transition: all 0.2s linear;
  padding-top: 45px;
  width: 100%;
}
.sidedrawer .sidebar__bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.sidedrawer .sidebar__bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side-container {
  max-width: 80%;
}

.sidedrawer.sd-open {
  transform: translateX(0);
}
.sidedrawer.sd-open .sidedrawer-inner {
  height: 90vh;
}

.drawer-closer {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 30px;
  top: 52px;
  font-size: 16px;
  cursor: pointer;
  z-index: 9999999;
}
.drawer-closer svg path {
  fill: white;
}
.drawer-closer:hover svg path {
  fill: white;
}

.sidedrawer-open {
  z-index: 1;
  transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}

.body-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0;
  z-index: 500;
  height: 100%;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}

@media only screen and (max-width: 991.8px) {
  .overlay-show {
    visibility: visible;
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
  }
}

.mobile-menu {
  display: block;
}
.side-logo .site-logo {
  display: inline-block;
  text-align: center;
}
.side-logo .site-logo img {
  max-width: 100%;
}

.mobile-nav {
  position: relative;
  z-index: 100;
}

.side-nav {
  max-width: 80%;
  padding: 0;
  margin: 0 auto;
  margin-top: 80px;
  list-style: none;
}
@media only screen and (max-width: 991.8px) {
  .side-nav {
    display: block;
    visibility: visible;
  }
}
.side-nav li {
  padding: 13px 0;
  text-align: center;
}
.side-nav li.current-menu-item > a {
  color: #fff;
}
.side-nav li a {
  color: white;
  font-family: "Akira Expanded", sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  transition: all 0.2s ease;
  display: inline-block;
  padding: 1rem 1.8rem;
}
.side-nav li a.active, .side-nav li a:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5490196078);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
}

.cd_home_hero {
  height: 100svh;
}
.cd_home_hero .img-overlay {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: -2;
}
.cd_home_hero .hero-content {
  padding-bottom: 140px;
}
.cd_home_hero .hero-content .cd_section_title {
  font-size: clamp(1rem, 0.6479rem + 1.1268vw, 2rem);
  color: #fff;
  font-weight: 800;
  line-height: 1.4;
  text-transform: capitalize;
  font-family: var(--font-heading);
  margin-bottom: 2rem;
}
.cd_home_hero .hero-content .cd_section_text p {
  color: #fff;
  font-size: 18px;
}
.cd_home_hero .nav {
  display: grid;
  gap: 16px;
  padding: 0;
}

.hero-caption-heading u {
  color: #fff;
  text-decoration: none;
}

.hero-anchor {
  position: relative;
  transition: all 0.3s linear;
}
.hero-anchor:hover {
  transform: translateY(-8px);
}

.header-transparent + .site-wrapper .page-wrapper .section-wrapper:first-child .hero-video-holder {
  margin-top: calc(-1 * var(--header-height));
}

.cd_home_about .container .cd_section_text p {
  margin-bottom: 20px;
  font-size: clamp(0.875rem, 4vw, 1rem);
  animation: glitch-cycle 15s step-end infinite;
}
.cd_home_about .container .cd_section_text p strong {
  font-family: "Akira Expanded", sans-serif;
  line-height: 20px;
  font-size: 14px;
}
@media only screen and (max-width: 991.8px) {
  .cd_home_about .container .cd_section_text {
    margin-bottom: 2rem;
  }
}
.cd_home_about .container img {
  max-width: 491px;
  width: 100%;
  border-radius: 10px;
  aspect-ratio: auto;
}

.social-icons {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 1000;
  transition: all linear 0.2s;
}
@media only screen and (max-width: 991.8px) {
  .social-icons {
    display: none;
  }
}
.social-icons .social-icons-item {
  margin-bottom: 5px;
  width: 48px;
  height: 48px;
  color: white;
  font-size: 25px;
  line-height: 60px;
  text-align: center;
  border-radius: 0 10px 10px 0;
  transition: all linear 0.2s;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2509803922);
  transition: all 0.3s ease;
}
.social-icons .social-icons-item svg {
  transition: all 0.3s ease;
}
.social-icons .social-icons-item:hover .media {
  filter: grayscale(0%) brightness(1.2);
}
.social-icons .social-icons-item:hover svg {
  transform: scale(1.2);
}
.social-icons .social-icons-item:hover svg path {
  fill: var(--hover-color);
}
.social-icons.mobile {
  position: relative;
  top: 0;
  transform: none;
  left: 0;
}
.social-icons.mobile .social-icons-item {
  width: 40px;
  height: 40px;
}
.social-icons.mobile .social-icons-item:not(:last-child) {
  margin-right: 5px;
}
.social-icons.mobile .social-icons-item svg {
  width: 20px;
}

.social-icons-wrap p {
  font-size: 12px;
  margin-bottom: 10px;
  z-index: 1000;
  color: #575757;
}

.newsletter-popup {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
  max-width: 400px;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  display: none;
  border-radius: 4px;
  border: 1px solid rgb(67, 67, 67);
  transition: all 0.3s ease-in-out;
}
.newsletter-popup.open {
  display: block;
}
@media only screen and (max-width: 991.8px) {
  .newsletter-popup.open {
    display: none;
  }
}
.newsletter-popup.open:hover {
  transform: scale(1.05); /* 5% bigger on hover */
  right: 20px;
  bottom: 20px;
}
.newsletter-popup .newsletter-popup-inner {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  position: relative;
}
.newsletter-popup .newsletter-popup-inner h2 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}
.newsletter-popup .newsletter-popup-inner p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.newsletter-popup .newsletter-popup-inner .mc4wp-form-fields {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.newsletter-popup .newsletter-popup-inner .mc4wp-form-fields input[type=email] {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #000;
  padding: 15px;
  font-size: 14px;
  color: #000;
}
.newsletter-popup .newsletter-popup-inner .mc4wp-form-fields input[type=submit] {
  background: #d81616;
  border: 1px solid #d81616;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 15px;
  margin-top: 0;
}
.newsletter-popup .newsletter-popup-inner .mc4wp-form-fields input::-moz-placeholder {
  color: #8d8d8d;
  font-size: 14px;
}
.newsletter-popup .newsletter-popup-inner .mc4wp-form-fields input::placeholder {
  color: #8d8d8d;
  font-size: 14px;
}
.newsletter-popup .newsletter-popup-inner .newsletter-popup-inner-close {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: end;
}

.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 70px;
  right: 70px;
  bottom: 0;
  z-index: 777;
}
.loading-container .spinner {
  width: 60px;
  height: 60px;
  border: 6px solid rgba(221, 221, 221, 0.3843137255);
  border-top: 6px solid #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.music-no-slider {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}
@media (min-width: 701px) {
  .music-no-slider {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.music-no-slider img {
  border-radius: 10px;
}
.music-no-slider__year {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 12px;
  font-family: "Akira Expanded", sans-serif;
}

.video-no-slider {
  display: grid;
  gap: 40px 20px;
}
@media (min-width: 701px) {
  .video-no-slider {
    grid-template-columns: 1fr 1fr;
  }
}
.video-no-slider .youtube-video {
  position: relative;
  width: 100%;
}
.video-no-slider .youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.video-no-slider__year {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 12px;
  font-family: "Akira Expanded", sans-serif;
}

.select-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-bottom: 30px;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 992px) {
  .select-btns {
    margin-bottom: 130px;
    gap: 2px;
  }
}
.select-btns button {
  font-size: 16px;
  font-family: "Akira Expanded", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  cursor: pointer;
  padding: 20px 10px;
  width: 120px;
  max-width: 120px;
  height: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  border-radius: 10px;
}
.select-btns button:not(:last-child) {
  margin-right: 32px;
}
.select-btns button:hover {
  background: rgba(255, 255, 255, 0.085);
}
@media (max-width: 900px) {
  .select-btns button {
    font-size: 12px;
    width: 100px;
    height: 40px;
  }
  .select-btns button:not(:last-child) {
    margin-right: 0;
  }
}

.react-section-wrapper {
  min-height: 500px;
}
@media only screen and (min-width: 992px) {
  .react-section-wrapper {
    min-height: unset;
  }
}
@media (min-width: 1400px) {
  .react-section-wrapper .swiper {
    max-width: 1520px;
    margin: 0 auto;
  }
}
.react-section-wrapper .swiper img {
  border-radius: 10px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Custom Buttons */
.swiper__btn {
  position: absolute;
  z-index: 10;
  color: #fff;
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5490196078);
  border-radius: 10px;
  background: rgba(107, 107, 107, 0.1);
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.25);
  transition: opacity 0.5s ease;
}
.swiper__btn--prev {
  left: 0;
}
.swiper__btn--next {
  right: 0;
}
.swiper__btn.disabled {
  opacity: 0;
  cursor: auto;
}

.years-container {
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.years-container p {
  padding: 20px 10px;
  width: 120px;
  max-width: 120px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Akira Expanded", sans-serif;
}

/* Swiper ALBUM LIST */
.album-list {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .album-list {
    width: 80%;
  }
}
.album-list .swiper-wrap {
  position: relative;
}
.album-list .swiper .swiper-slide {
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 1000 !important;
}
.album-list .swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}
.album-list .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 20;
  transition: all 0.3s;
}
.album-list .swiper .swiper-slide .album-slide__inner:hover img {
  filter: contrast(120%);
}
.album-list .swiper .swiper-slide.swiper-slide-next {
  position: relative;
}
.album-list .swiper .swiper-slide.swiper-slide-next:after {
  content: "";
  position: absolute;
  top: 70px;
  bottom: 70px;
  border-radius: 0 40px 40px 0;
  right: -50px;
  width: 50px;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.25);
  background: rgba(107, 107, 107, 0.2);
}
@media (min-width: 1200px) {
  .album-list .swiper .swiper-slide.swiper-slide-next:after {
    right: -80px;
    width: 100px;
  }
}
.album-list .swiper .swiper-slide.swiper-slide-prev {
  position: relative;
}
.album-list .swiper .swiper-slide.swiper-slide-prev:before {
  content: "";
  position: absolute;
  top: 70px;
  bottom: 70px;
  border-radius: 40px 0 0 40px;
  left: -50px;
  width: 50px;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.25);
  background: rgba(107, 107, 107, 0.2);
}
@media (min-width: 1200px) {
  .album-list .swiper .swiper-slide.swiper-slide-prev:before {
    left: -80px;
    width: 100px;
  }
}

.single-name {
  margin: 0;
  text-align: center;
  padding: 4px 10px;
  padding-bottom: 0;
  letter-spacing: 2px;
  z-index: 30;
  font-size: 14px;
  font-family: "Akira Expanded", sans-serif;
}

.single-list {
  width: 80%;
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .single-list {
    margin-top: -75px;
  }
}
.single-list .swiper {
  max-width: 53%;
}
.single-list .swiper .swiper-slide {
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.single-list .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.single-list .swiper .swiper-slide .album-slide__inner {
  position: relative;
  backface-visibility: hidden;
  transition: transform 0.5s;
  transform-style: preserve-3d;
  will-change: transform;
}
.single-list .swiper .swiper-slide .album-slide__inner:hover {
  transform: scale(0.94);
}

.detail-view {
  font-family: "Akira Expanded", sans-serif;
}
.detail-view__back-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .detail-view__back-wrap {
    margin-bottom: 40px;
  }
}
.detail-view__back {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-family: "Akira Expanded", sans-serif;
  position: relative;
  z-index: 22;
}
.detail-view__back div {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5490196078);
  background: rgba(255, 255, 255, 0.2);
  width: 32px;
  height: 32px;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.detail-view__back:hover div {
  background: #fff;
}
.detail-view__back:hover div svg {
  color: #ea3323;
}
.detail-view__wrap {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .detail-view__wrap {
    flex-direction: row;
    gap: 50px;
    width: 90%;
  }
}
@media (min-width: 1300px) {
  .detail-view__wrap {
    gap: 95px;
    width: 100%;
  }
}
.detail-view .iframe-wrap {
  position: relative;
  min-height: 100px;
}
.detail-view .iframe-wrap iframe,
.detail-view .iframe-wrap img {
  z-index: 888;
  position: relative;
  border-radius: 12px;
}
@media only screen and (max-width: 991.8px) {
  .detail-view .iframe-wrap img {
    max-width: 200px;
    margin: 0 auto;
  }
}
.detail-view .player-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.detail-view .player-links img {
  width: 35px;
  height: 35px;
}
.detail-view .player-links--desktop {
  margin-top: 10px;
  justify-content: center;
}
.detail-view .player-links--desktop img {
  width: 40px;
  height: 40px;
}
.detail-view__list {
  flex: 1;
  position: relative;
}
@media only screen and (max-width: 991.8px) {
  .detail-view__list {
    margin-top: 40px;
  }
}
.detail-view__list .album-name {
  font-size: 15px;
  line-height: 1.2;
}
.detail-view__list .list-item {
  display: flex;
  gap: 5px;
  font-size: 12px;
  gap: 6px;
}
.detail-view__list .list-item:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) {
  .detail-view__list .list-item {
    gap: 12px;
  }
  .detail-view__list .list-item:not(:last-child) {
    margin-bottom: 5px;
  }
}
.detail-view__list .list-item p {
  margin: 0;
  font-size: 10px;
}
@media only screen and (min-width: 992px) {
  .detail-view__list .list-item p {
    font-size: 12px;
  }
}
.detail-view__list .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 25px;
}
.detail-view__list .song-name {
  text-transform: uppercase;
  line-height: 1.2;
}
.detail-view__list .list-item-info {
  max-width: calc(100% - 75px);
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 9px;
  gap: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) {
  .detail-view__list .list-item-info {
    padding: 7px 9px;
    max-width: 100%;
  }
}
.detail-view__list .list-item-info:hover {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
}
.detail-view__list .list-item-info.active {
  cursor: auto;
}
.detail-view__list .list-item-info > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .detail-view__list .list-item-info > div {
    gap: 15px;
  }
}
.detail-view__list .list-item-info > div a {
  flex: 0 0 20px;
}
.detail-view__list .lyrics-btn {
  position: relative;
  z-index: 20;
  cursor: pointer;
}
.detail-view__list .lyrics-btn--desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  .detail-view__list .lyrics-btn--desktop {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.detail-view__list .lyrics-btn--mobile {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5490196078);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  width: 35px;
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .detail-view__list .lyrics-btn--mobile {
    display: none;
  }
}
.detail-view__list .song-lyrics-wrap {
  position: absolute;
  padding: 20px;
  max-height: 520px;
  max-width: 460px;
  z-index: 99;
  backdrop-filter: blur(100px);
  border-radius: 10px;
  display: block !important;
  top: -1px;
  right: -1px;
  cursor: auto;
}
.detail-view__list p.song-lyrics-title {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.detail-view__list .song-lyrics-close {
  position: absolute;
  cursor: pointer;
  top: 13px;
  right: 20px;
}
.detail-view__list .song-lyrics {
  overflow-y: scroll;
  height: 400px;
  padding-right: 20px;
  font-size: 15px;
  line-height: 1.4;
  font-family: "Inter 18pt", sans-serif;
  white-space: pre-wrap;
}
.detail-view__list .song-lyrics::-webkit-scrollbar {
  background-color: #473f3d;
  width: 8px;
}
.detail-view__list .song-lyrics::-webkit-scrollbar-thumb {
  background-color: #ea3323;
  border-radius: 16px;
}
.detail-view .bottom-text {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  font-family: "Inter 18pt", sans-serif;
  font-size: 16px;
}

@media (min-width: 992px) and (max-height: 900px) {
  .site-logo {
    max-width: 20rem;
  }
  .cd_home_about .container {
    grid-template-columns: 0.4fr 1fr;
  }
  .years-container {
    margin-top: 40px;
  }
  .years-container p {
    font-size: 12px;
  }
  .detail-view__back {
    margin-bottom: 20px;
  }
}
@media (min-width: 1300px) and (max-height: 900px) {
  .site-logo {
    max-width: 20rem;
  }
  .section-scroll {
    padding-top: 120px !important;
  }
  .cd_home_releases.section-scroll {
    padding-top: 80px !important;
  }
  .cd_home_videos.section-scroll {
    padding-top: 90px !important;
  }
  .cd_home_about .container {
    grid-template-columns: 0.4fr 1fr;
  }
  .select-btns {
    margin-bottom: 30px;
  }
  .single-list {
    margin-top: 0;
  }
  .years-container {
    margin-top: 40px;
  }
  .years-container p {
    font-size: 12px;
  }
  .detail-view__back {
    margin-bottom: 20px;
  }
}
.youtube-videos {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  .youtube-videos {
    width: 80%;
  }
}
.youtube-videos .swiper-wrap {
  position: relative;
}
.youtube-videos .swiper {
  max-width: 75%;
  z-index: 778;
  position: relative;
}
.youtube-videos .swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}
.youtube-videos .video-title-overlay {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: clamp(12px, 2vw, 14px);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.youtube-videos .lty-playbtn {
  background: red !important;
}
.youtube-videos .lty-playbtn:hover {
  transform: translate3d(-50%, -50%, 0) scale(1.1);
}
@media only screen and (min-width: 992px) {
  .youtube-videos .youtube-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
  .youtube-videos .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }
}

.cd_home_contact .cd_section_title {
  font-size: clamp(1rem, 0.6479rem + 1.1268vw, 2rem);
  color: #fff;
  font-weight: 800;
  line-height: 1.4;
  text-transform: capitalize;
  font-family: var(--font-heading);
  margin-bottom: 2rem;
}

:root {
  --color-text: #fff;
  --color-bg: #000;
  --color-link: #f9d77e;
  --color-link-hover: #fff;
  --color-info: #efc453;
  --glitch-width: 100vw;
  --glitch-height: 100vh;
  --gap-horizontal: 10px;
  --gap-vertical: 5px;
  --time-anim: 4s;
  --delay-anim: 2s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: #af4949;
}

.v-gap-0 > * + * {
  margin-top: 0;
}

.gap-0 {
  gap: 0;
}

.p-0 {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .p-0 {
    padding: 0;
  }
}

.m-0 {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .m-0 {
    margin: 0;
  }
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  .px-0 {
    padding-left: 0;
    padding-right: 0;
  }
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 992px) {
  .mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
}

.pb-0 {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .pb-0 {
    padding-bottom: 0;
  }
}

.pt-0 {
  padding-top: 0;
}
@media only screen and (min-width: 992px) {
  .pt-0 {
    padding-top: 0;
  }
}

.mb-0 {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .mb-0 {
    margin-bottom: 0;
  }
}

.mt-0 {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .mt-0 {
    margin-top: 0;
  }
}

.mt-0-neg {
  margin-top: -0;
}
@media only screen and (min-width: 992px) {
  .mt-0-neg {
    margin-top: -0;
  }
}

.pl-0 {
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
  .pl-0 {
    padding-left: 0;
  }
}

.pr-0 {
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  .pr-0 {
    padding-right: 0;
  }
}

.ml-0 {
  margin-left: 0;
}
@media only screen and (min-width: 992px) {
  .ml-0 {
    margin-left: 0;
  }
}

.mr-0 {
  margin-right: 0;
}
@media only screen and (min-width: 992px) {
  .mr-0 {
    margin-right: 0;
  }
}

.v-gap-1 > * + * {
  margin-top: 0.25rem;
}

.gap-1 {
  gap: 0.25rem;
}

.p-1 {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .p-1 {
    padding: 0.25rem;
  }
}

.m-1 {
  margin: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-1 {
    margin: 0.25rem;
  }
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}

.pb-1 {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .pb-1 {
    padding-bottom: 0.25rem;
  }
}

.pt-1 {
  padding-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .pt-1 {
    padding-top: 0.25rem;
  }
}

.mb-1 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .mb-1 {
    margin-bottom: 0.25rem;
  }
}

.mt-1 {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .mt-1 {
    margin-top: 0.25rem;
  }
}

.mt-1-neg {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .mt-1-neg {
    margin-top: -0.25rem;
  }
}

.pl-1 {
  padding-left: 0.25rem;
}
@media only screen and (min-width: 992px) {
  .pl-1 {
    padding-left: 0.25rem;
  }
}

.pr-1 {
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .pr-1 {
    padding-right: 0.25rem;
  }
}

.ml-1 {
  margin-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .ml-1 {
    margin-left: 0.25rem;
  }
}

.mr-1 {
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mr-1 {
    margin-right: 0.25rem;
  }
}

.v-gap-2 > * + * {
  margin-top: 0.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.p-2 {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .p-2 {
    padding: 0.5rem;
  }
}

.m-2 {
  margin: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-2 {
    margin: 0.5rem;
  }
}

.py-2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.my-2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

.px-2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.mx-2 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

.pb-2 {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .pb-2 {
    padding-bottom: 0.5rem;
  }
}

.pt-2 {
  padding-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .pt-2 {
    padding-top: 0.5rem;
  }
}

.mb-2 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .mb-2 {
    margin-bottom: 0.5rem;
  }
}

.mt-2 {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .mt-2 {
    margin-top: 0.5rem;
  }
}

.mt-2-neg {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .mt-2-neg {
    margin-top: -0.5rem;
  }
}

.pl-2 {
  padding-left: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .pl-2 {
    padding-left: 0.5rem;
  }
}

.pr-2 {
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .pr-2 {
    padding-right: 0.5rem;
  }
}

.ml-2 {
  margin-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .ml-2 {
    margin-left: 0.5rem;
  }
}

.mr-2 {
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mr-2 {
    margin-right: 0.5rem;
  }
}

.v-gap-3 > * + * {
  margin-top: 0.75rem;
}

.gap-3 {
  gap: 0.75rem;
}

.p-3 {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .p-3 {
    padding: 0.75rem;
  }
}

.m-3 {
  margin: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-3 {
    margin: 0.75rem;
  }
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}

.pb-3 {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .pb-3 {
    padding-bottom: 0.75rem;
  }
}

.pt-3 {
  padding-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .pt-3 {
    padding-top: 0.75rem;
  }
}

.mb-3 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .mb-3 {
    margin-bottom: 0.75rem;
  }
}

.mt-3 {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .mt-3 {
    margin-top: 0.75rem;
  }
}

.mt-3-neg {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .mt-3-neg {
    margin-top: -0.75rem;
  }
}

.pl-3 {
  padding-left: 0.75rem;
}
@media only screen and (min-width: 992px) {
  .pl-3 {
    padding-left: 0.75rem;
  }
}

.pr-3 {
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .pr-3 {
    padding-right: 0.75rem;
  }
}

.ml-3 {
  margin-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .ml-3 {
    margin-left: 0.75rem;
  }
}

.mr-3 {
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mr-3 {
    margin-right: 0.75rem;
  }
}

.v-gap-4 > * + * {
  margin-top: 1rem;
}

.gap-4 {
  gap: 1rem;
}

.p-4 {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .p-4 {
    padding: 1rem;
  }
}

.m-4 {
  margin: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-4 {
    margin: 1rem;
  }
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.pb-4 {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .pb-4 {
    padding-bottom: 1rem;
  }
}

.pt-4 {
  padding-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .pt-4 {
    padding-top: 1rem;
  }
}

.mb-4 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .mb-4 {
    margin-bottom: 1rem;
  }
}

.mt-4 {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .mt-4 {
    margin-top: 1rem;
  }
}

.mt-4-neg {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .mt-4-neg {
    margin-top: -1rem;
  }
}

.pl-4 {
  padding-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .pl-4 {
    padding-left: 1rem;
  }
}

.pr-4 {
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .pr-4 {
    padding-right: 1rem;
  }
}

.ml-4 {
  margin-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .ml-4 {
    margin-left: 1rem;
  }
}

.mr-4 {
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mr-4 {
    margin-right: 1rem;
  }
}

.v-gap-5 > * + * {
  margin-top: 1.25rem;
}

.gap-5 {
  gap: 1.25rem;
}

.p-5 {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .p-5 {
    padding: 1.25rem;
  }
}

.m-5 {
  margin: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-5 {
    margin: 1.25rem;
  }
}

.py-5 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.my-5 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.px-5 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.mx-5 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.pb-5 {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .pb-5 {
    padding-bottom: 1.25rem;
  }
}

.pt-5 {
  padding-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .pt-5 {
    padding-top: 1.25rem;
  }
}

.mb-5 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .mb-5 {
    margin-bottom: 1.25rem;
  }
}

.mt-5 {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .mt-5 {
    margin-top: 1.25rem;
  }
}

.mt-5-neg {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .mt-5-neg {
    margin-top: -1.25rem;
  }
}

.pl-5 {
  padding-left: 1rem;
  padding-left: 1.25rem;
}
@media only screen and (min-width: 992px) {
  .pl-5 {
    padding-left: 1.25rem;
  }
}

.pr-5 {
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .pr-5 {
    padding-right: 1.25rem;
  }
}

.ml-5 {
  margin-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .ml-5 {
    margin-left: 1.25rem;
  }
}

.mr-5 {
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mr-5 {
    margin-right: 1.25rem;
  }
}

.v-gap-6 > * + * {
  margin-top: 1.5rem;
}

.gap-6 {
  gap: 1.5rem;
}

.p-6 {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .p-6 {
    padding: 1.5rem;
  }
}

.m-6 {
  margin: 1rem;
}
@media only screen and (min-width: 992px) {
  .m-6 {
    margin: 1.5rem;
  }
}

.py-6 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.my-6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.px-6 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.mx-6 {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

.pb-6 {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .pb-6 {
    padding-bottom: 1.5rem;
  }
}

.pt-6 {
  padding-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .pt-6 {
    padding-top: 1.5rem;
  }
}

.mb-6 {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .mb-6 {
    margin-bottom: 1.5rem;
  }
}

.mt-6 {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .mt-6 {
    margin-top: 1.5rem;
  }
}

.mt-6-neg {
  margin-top: -1rem;
}
@media only screen and (min-width: 992px) {
  .mt-6-neg {
    margin-top: -1.5rem;
  }
}

.pl-6 {
  padding-left: 1rem;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .pl-6 {
    padding-left: 1.5rem;
  }
}

.pr-6 {
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .pr-6 {
    padding-right: 1.5rem;
  }
}

.ml-6 {
  margin-left: 1rem;
}
@media only screen and (min-width: 992px) {
  .ml-6 {
    margin-left: 1.5rem;
  }
}

.mr-6 {
  margin-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .mr-6 {
    margin-right: 1.5rem;
  }
}

.v-gap-7 > * + * {
  margin-top: 1.75rem;
}

.gap-7 {
  gap: 1.75rem;
}

.p-7 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-7 {
    padding: 1.75rem;
  }
}

.m-7 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-7 {
    margin: 1.75rem;
  }
}

.py-7 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}

.my-7 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
}

.px-7 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.mx-7 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

.pb-7 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-7 {
    padding-bottom: 1.75rem;
  }
}

.pt-7 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-7 {
    padding-top: 1.75rem;
  }
}

.mb-7 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-7 {
    margin-bottom: 1.75rem;
  }
}

.mt-7 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-7 {
    margin-top: 1.75rem;
  }
}

.mt-7-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-7-neg {
    margin-top: -1.75rem;
  }
}

.pl-7 {
  padding-left: 2rem;
  padding-left: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .pl-7 {
    padding-left: 1.75rem;
  }
}

.pr-7 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-7 {
    padding-right: 1.75rem;
  }
}

.ml-7 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-7 {
    margin-left: 1.75rem;
  }
}

.mr-7 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-7 {
    margin-right: 1.75rem;
  }
}

.v-gap-8 > * + * {
  margin-top: 2rem;
}

.gap-8 {
  gap: 2rem;
}

.p-8 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-8 {
    padding: 2rem;
  }
}

.m-8 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-8 {
    margin: 2rem;
  }
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

.pb-8 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-8 {
    padding-bottom: 2rem;
  }
}

.pt-8 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-8 {
    padding-top: 2rem;
  }
}

.mb-8 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-8 {
    margin-bottom: 2rem;
  }
}

.mt-8 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-8 {
    margin-top: 2rem;
  }
}

.mt-8-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-8-neg {
    margin-top: -2rem;
  }
}

.pl-8 {
  padding-left: 2rem;
  padding-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .pl-8 {
    padding-left: 2rem;
  }
}

.pr-8 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-8 {
    padding-right: 2rem;
  }
}

.ml-8 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-8 {
    margin-left: 2rem;
  }
}

.mr-8 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-8 {
    margin-right: 2rem;
  }
}

.v-gap-9 > * + * {
  margin-top: 2.25rem;
}

.gap-9 {
  gap: 2.25rem;
}

.p-9 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-9 {
    padding: 2.25rem;
  }
}

.m-9 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-9 {
    margin: 2.25rem;
  }
}

.py-9 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.my-9 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}

.px-9 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

.mx-9 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}

.pb-9 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-9 {
    padding-bottom: 2.25rem;
  }
}

.pt-9 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-9 {
    padding-top: 2.25rem;
  }
}

.mb-9 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-9 {
    margin-bottom: 2.25rem;
  }
}

.mt-9 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-9 {
    margin-top: 2.25rem;
  }
}

.mt-9-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-9-neg {
    margin-top: -2.25rem;
  }
}

.pl-9 {
  padding-left: 2rem;
  padding-left: 2.25rem;
}
@media only screen and (min-width: 992px) {
  .pl-9 {
    padding-left: 2.25rem;
  }
}

.pr-9 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-9 {
    padding-right: 2.25rem;
  }
}

.ml-9 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-9 {
    margin-left: 2.25rem;
  }
}

.mr-9 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-9 {
    margin-right: 2.25rem;
  }
}

.v-gap-10 > * + * {
  margin-top: 2.5rem;
}

.gap-10 {
  gap: 2.5rem;
}

.p-10 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-10 {
    padding: 2.5rem;
  }
}

.m-10 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-10 {
    margin: 2.5rem;
  }
}

.py-10 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.my-10 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.px-10 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.mx-10 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

.pb-10 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-10 {
    padding-bottom: 2.5rem;
  }
}

.pt-10 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-10 {
    padding-top: 2.5rem;
  }
}

.mb-10 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-10 {
    margin-bottom: 2.5rem;
  }
}

.mt-10 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-10 {
    margin-top: 2.5rem;
  }
}

.mt-10-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-10-neg {
    margin-top: -2.5rem;
  }
}

.pl-10 {
  padding-left: 2rem;
  padding-left: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .pl-10 {
    padding-left: 2.5rem;
  }
}

.pr-10 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-10 {
    padding-right: 2.5rem;
  }
}

.ml-10 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-10 {
    margin-left: 2.5rem;
  }
}

.mr-10 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-10 {
    margin-right: 2.5rem;
  }
}

.v-gap-11 > * + * {
  margin-top: 2.75rem;
}

.gap-11 {
  gap: 2.75rem;
}

.p-11 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-11 {
    padding: 2.75rem;
  }
}

.m-11 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-11 {
    margin: 2.75rem;
  }
}

.py-11 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}

.my-11 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
}

.px-11 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}

.mx-11 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
}

.pb-11 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-11 {
    padding-bottom: 2.75rem;
  }
}

.pt-11 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-11 {
    padding-top: 2.75rem;
  }
}

.mb-11 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-11 {
    margin-bottom: 2.75rem;
  }
}

.mt-11 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-11 {
    margin-top: 2.75rem;
  }
}

.mt-11-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-11-neg {
    margin-top: -2.75rem;
  }
}

.pl-11 {
  padding-left: 2rem;
  padding-left: 2.75rem;
}
@media only screen and (min-width: 992px) {
  .pl-11 {
    padding-left: 2.75rem;
  }
}

.pr-11 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-11 {
    padding-right: 2.75rem;
  }
}

.ml-11 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-11 {
    margin-left: 2.75rem;
  }
}

.mr-11 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-11 {
    margin-right: 2.75rem;
  }
}

.v-gap-12 > * + * {
  margin-top: 3rem;
}

.gap-12 {
  gap: 3rem;
}

.p-12 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-12 {
    padding: 3rem;
  }
}

.m-12 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-12 {
    margin: 3rem;
  }
}

.py-12 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.my-12 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.px-12 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.mx-12 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.pb-12 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-12 {
    padding-bottom: 3rem;
  }
}

.pt-12 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-12 {
    padding-top: 3rem;
  }
}

.mb-12 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-12 {
    margin-bottom: 3rem;
  }
}

.mt-12 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-12 {
    margin-top: 3rem;
  }
}

.mt-12-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-12-neg {
    margin-top: -3rem;
  }
}

.pl-12 {
  padding-left: 2rem;
  padding-left: 3rem;
}
@media only screen and (min-width: 992px) {
  .pl-12 {
    padding-left: 3rem;
  }
}

.pr-12 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-12 {
    padding-right: 3rem;
  }
}

.ml-12 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-12 {
    margin-left: 3rem;
  }
}

.mr-12 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-12 {
    margin-right: 3rem;
  }
}

.v-gap-13 > * + * {
  margin-top: 3.25rem;
}

.gap-13 {
  gap: 3.25rem;
}

.p-13 {
  padding: 2rem;
}
@media only screen and (min-width: 992px) {
  .p-13 {
    padding: 3.25rem;
  }
}

.m-13 {
  margin: 2rem;
}
@media only screen and (min-width: 992px) {
  .m-13 {
    margin: 3.25rem;
  }
}

.py-13 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .py-13 {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }
}

.my-13 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .my-13 {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }
}

.px-13 {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .px-13 {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}

.mx-13 {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mx-13 {
    margin-left: 3.25rem;
    margin-right: 3.25rem;
  }
}

.pb-13 {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .pb-13 {
    padding-bottom: 3.25rem;
  }
}

.pt-13 {
  padding-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .pt-13 {
    padding-top: 3.25rem;
  }
}

.mb-13 {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .mb-13 {
    margin-bottom: 3.25rem;
  }
}

.mt-13 {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .mt-13 {
    margin-top: 3.25rem;
  }
}

.mt-13-neg {
  margin-top: -2rem;
}
@media only screen and (min-width: 992px) {
  .mt-13-neg {
    margin-top: -3.25rem;
  }
}

.pl-13 {
  padding-left: 2rem;
  padding-left: 3.25rem;
}
@media only screen and (min-width: 992px) {
  .pl-13 {
    padding-left: 3.25rem;
  }
}

.pr-13 {
  padding-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .pr-13 {
    padding-right: 3.25rem;
  }
}

.ml-13 {
  margin-left: 2rem;
}
@media only screen and (min-width: 992px) {
  .ml-13 {
    margin-left: 3.25rem;
  }
}

.mr-13 {
  margin-right: 2rem;
}
@media only screen and (min-width: 992px) {
  .mr-13 {
    margin-right: 3.25rem;
  }
}

.v-gap-14 > * + * {
  margin-top: 3.5rem;
}

.gap-14 {
  gap: 3.5rem;
}

.p-14 {
  padding: 3rem;
}
@media only screen and (min-width: 992px) {
  .p-14 {
    padding: 3.5rem;
  }
}

.m-14 {
  margin: 3rem;
}
@media only screen and (min-width: 992px) {
  .m-14 {
    margin: 3.5rem;
  }
}

.py-14 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}

.my-14 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}

.px-14 {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.mx-14 {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
}

.pb-14 {
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .pb-14 {
    padding-bottom: 3.5rem;
  }
}

.pt-14 {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .pt-14 {
    padding-top: 3.5rem;
  }
}

.mb-14 {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .mb-14 {
    margin-bottom: 3.5rem;
  }
}

.mt-14 {
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .mt-14 {
    margin-top: 3.5rem;
  }
}

.mt-14-neg {
  margin-top: -3rem;
}
@media only screen and (min-width: 992px) {
  .mt-14-neg {
    margin-top: -3.5rem;
  }
}

.pl-14 {
  padding-left: 3rem;
  padding-left: 3.5rem;
}
@media only screen and (min-width: 992px) {
  .pl-14 {
    padding-left: 3.5rem;
  }
}

.pr-14 {
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .pr-14 {
    padding-right: 3.5rem;
  }
}

.ml-14 {
  margin-left: 3rem;
}
@media only screen and (min-width: 992px) {
  .ml-14 {
    margin-left: 3.5rem;
  }
}

.mr-14 {
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mr-14 {
    margin-right: 3.5rem;
  }
}

.v-gap-15 > * + * {
  margin-top: 3.75rem;
}

.gap-15 {
  gap: 3.75rem;
}

.p-15 {
  padding: 3rem;
}
@media only screen and (min-width: 992px) {
  .p-15 {
    padding: 3.75rem;
  }
}

.m-15 {
  margin: 3rem;
}
@media only screen and (min-width: 992px) {
  .m-15 {
    margin: 3.75rem;
  }
}

.py-15 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.my-15 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .my-15 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}

.px-15 {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .px-15 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}

.mx-15 {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mx-15 {
    margin-left: 3.75rem;
    margin-right: 3.75rem;
  }
}

.pb-15 {
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .pb-15 {
    padding-bottom: 3.75rem;
  }
}

.pt-15 {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .pt-15 {
    padding-top: 3.75rem;
  }
}

.mb-15 {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .mb-15 {
    margin-bottom: 3.75rem;
  }
}

.mt-15 {
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .mt-15 {
    margin-top: 3.75rem;
  }
}

.mt-15-neg {
  margin-top: -3rem;
}
@media only screen and (min-width: 992px) {
  .mt-15-neg {
    margin-top: -3.75rem;
  }
}

.pl-15 {
  padding-left: 3rem;
  padding-left: 3.75rem;
}
@media only screen and (min-width: 992px) {
  .pl-15 {
    padding-left: 3.75rem;
  }
}

.pr-15 {
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .pr-15 {
    padding-right: 3.75rem;
  }
}

.ml-15 {
  margin-left: 3rem;
}
@media only screen and (min-width: 992px) {
  .ml-15 {
    margin-left: 3.75rem;
  }
}

.mr-15 {
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mr-15 {
    margin-right: 3.75rem;
  }
}

.v-gap-16 > * + * {
  margin-top: 4rem;
}

.gap-16 {
  gap: 4rem;
}

.p-16 {
  padding: 3rem;
}
@media only screen and (min-width: 992px) {
  .p-16 {
    padding: 4rem;
  }
}

.m-16 {
  margin: 3rem;
}
@media only screen and (min-width: 992px) {
  .m-16 {
    margin: 4rem;
  }
}

.py-16 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.my-16 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.px-16 {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.mx-16 {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.pb-16 {
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .pb-16 {
    padding-bottom: 4rem;
  }
}

.pt-16 {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .pt-16 {
    padding-top: 4rem;
  }
}

.mb-16 {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .mb-16 {
    margin-bottom: 4rem;
  }
}

.mt-16 {
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .mt-16 {
    margin-top: 4rem;
  }
}

.mt-16-neg {
  margin-top: -3rem;
}
@media only screen and (min-width: 992px) {
  .mt-16-neg {
    margin-top: -4rem;
  }
}

.pl-16 {
  padding-left: 3rem;
  padding-left: 4rem;
}
@media only screen and (min-width: 992px) {
  .pl-16 {
    padding-left: 4rem;
  }
}

.pr-16 {
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .pr-16 {
    padding-right: 4rem;
  }
}

.ml-16 {
  margin-left: 3rem;
}
@media only screen and (min-width: 992px) {
  .ml-16 {
    margin-left: 4rem;
  }
}

.mr-16 {
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mr-16 {
    margin-right: 4rem;
  }
}

.v-gap-17 > * + * {
  margin-top: 4.5rem;
}

.gap-17 {
  gap: 4.5rem;
}

.p-17 {
  padding: 3rem;
}
@media only screen and (min-width: 992px) {
  .p-17 {
    padding: 4.5rem;
  }
}

.m-17 {
  margin: 3rem;
}
@media only screen and (min-width: 992px) {
  .m-17 {
    margin: 4.5rem;
  }
}

.py-17 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .py-17 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.my-17 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .my-17 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
}

.px-17 {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .px-17 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}

.mx-17 {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mx-17 {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}

.pb-17 {
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .pb-17 {
    padding-bottom: 4.5rem;
  }
}

.pt-17 {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .pt-17 {
    padding-top: 4.5rem;
  }
}

.mb-17 {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .mb-17 {
    margin-bottom: 4.5rem;
  }
}

.mt-17 {
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .mt-17 {
    margin-top: 4.5rem;
  }
}

.mt-17-neg {
  margin-top: -3rem;
}
@media only screen and (min-width: 992px) {
  .mt-17-neg {
    margin-top: -4.5rem;
  }
}

.pl-17 {
  padding-left: 3rem;
  padding-left: 4.5rem;
}
@media only screen and (min-width: 992px) {
  .pl-17 {
    padding-left: 4.5rem;
  }
}

.pr-17 {
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .pr-17 {
    padding-right: 4.5rem;
  }
}

.ml-17 {
  margin-left: 3rem;
}
@media only screen and (min-width: 992px) {
  .ml-17 {
    margin-left: 4.5rem;
  }
}

.mr-17 {
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mr-17 {
    margin-right: 4.5rem;
  }
}

.v-gap-18 > * + * {
  margin-top: 5rem;
}

.gap-18 {
  gap: 5rem;
}

.p-18 {
  padding: 3rem;
}
@media only screen and (min-width: 992px) {
  .p-18 {
    padding: 5rem;
  }
}

.m-18 {
  margin: 3rem;
}
@media only screen and (min-width: 992px) {
  .m-18 {
    margin: 5rem;
  }
}

.py-18 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .py-18 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.my-18 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .my-18 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.px-18 {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .px-18 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.mx-18 {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mx-18 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}

.pb-18 {
  padding-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .pb-18 {
    padding-bottom: 5rem;
  }
}

.pt-18 {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .pt-18 {
    padding-top: 5rem;
  }
}

.mb-18 {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .mb-18 {
    margin-bottom: 5rem;
  }
}

.mt-18 {
  margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .mt-18 {
    margin-top: 5rem;
  }
}

.mt-18-neg {
  margin-top: -3rem;
}
@media only screen and (min-width: 992px) {
  .mt-18-neg {
    margin-top: -5rem;
  }
}

.pl-18 {
  padding-left: 3rem;
  padding-left: 5rem;
}
@media only screen and (min-width: 992px) {
  .pl-18 {
    padding-left: 5rem;
  }
}

.pr-18 {
  padding-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .pr-18 {
    padding-right: 5rem;
  }
}

.ml-18 {
  margin-left: 3rem;
}
@media only screen and (min-width: 992px) {
  .ml-18 {
    margin-left: 5rem;
  }
}

.mr-18 {
  margin-right: 3rem;
}
@media only screen and (min-width: 992px) {
  .mr-18 {
    margin-right: 5rem;
  }
}

.v-gap-19 > * + * {
  margin-top: 5.5rem;
}

.gap-19 {
  gap: 5.5rem;
}

.p-19 {
  padding: 4rem;
}
@media only screen and (min-width: 992px) {
  .p-19 {
    padding: 5.5rem;
  }
}

.m-19 {
  margin: 4rem;
}
@media only screen and (min-width: 992px) {
  .m-19 {
    margin: 5.5rem;
  }
}

.py-19 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .py-19 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }
}

.my-19 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .my-19 {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }
}

.px-19 {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .px-19 {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
}

.mx-19 {
  margin-left: 4rem;
  margin-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .mx-19 {
    margin-left: 5.5rem;
    margin-right: 5.5rem;
  }
}

.pb-19 {
  padding-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .pb-19 {
    padding-bottom: 5.5rem;
  }
}

.pt-19 {
  padding-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .pt-19 {
    padding-top: 5.5rem;
  }
}

.mb-19 {
  margin-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .mb-19 {
    margin-bottom: 5.5rem;
  }
}

.mt-19 {
  margin-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .mt-19 {
    margin-top: 5.5rem;
  }
}

.mt-19-neg {
  margin-top: -4rem;
}
@media only screen and (min-width: 992px) {
  .mt-19-neg {
    margin-top: -5.5rem;
  }
}

.pl-19 {
  padding-left: 4rem;
  padding-left: 5.5rem;
}
@media only screen and (min-width: 992px) {
  .pl-19 {
    padding-left: 5.5rem;
  }
}

.pr-19 {
  padding-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .pr-19 {
    padding-right: 5.5rem;
  }
}

.ml-19 {
  margin-left: 4rem;
}
@media only screen and (min-width: 992px) {
  .ml-19 {
    margin-left: 5.5rem;
  }
}

.mr-19 {
  margin-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .mr-19 {
    margin-right: 5.5rem;
  }
}

.v-gap-20 > * + * {
  margin-top: 6rem;
}

.gap-20 {
  gap: 6rem;
}

.p-20 {
  padding: 4rem;
}
@media only screen and (min-width: 992px) {
  .p-20 {
    padding: 6rem;
  }
}

.m-20 {
  margin: 4rem;
}
@media only screen and (min-width: 992px) {
  .m-20 {
    margin: 6rem;
  }
}

.py-20 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .py-20 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.my-20 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .my-20 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

.px-20 {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .px-20 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.mx-20 {
  margin-left: 4rem;
  margin-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .mx-20 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}

.pb-20 {
  padding-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .pb-20 {
    padding-bottom: 6rem;
  }
}

.pt-20 {
  padding-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .pt-20 {
    padding-top: 6rem;
  }
}

.mb-20 {
  margin-bottom: 4rem;
}
@media only screen and (min-width: 992px) {
  .mb-20 {
    margin-bottom: 6rem;
  }
}

.mt-20 {
  margin-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .mt-20 {
    margin-top: 6rem;
  }
}

.mt-20-neg {
  margin-top: -4rem;
}
@media only screen and (min-width: 992px) {
  .mt-20-neg {
    margin-top: -6rem;
  }
}

.pl-20 {
  padding-left: 4rem;
  padding-left: 6rem;
}
@media only screen and (min-width: 992px) {
  .pl-20 {
    padding-left: 6rem;
  }
}

.pr-20 {
  padding-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .pr-20 {
    padding-right: 6rem;
  }
}

.ml-20 {
  margin-left: 4rem;
}
@media only screen and (min-width: 992px) {
  .ml-20 {
    margin-left: 6rem;
  }
}

.mr-20 {
  margin-right: 4rem;
}
@media only screen and (min-width: 992px) {
  .mr-20 {
    margin-right: 6rem;
  }
}

.v-gap-21 > * + * {
  margin-top: 7rem;
}

.gap-21 {
  gap: 7rem;
}

.p-21 {
  padding: 5rem;
}
@media only screen and (min-width: 992px) {
  .p-21 {
    padding: 7rem;
  }
}

.m-21 {
  margin: 5rem;
}
@media only screen and (min-width: 992px) {
  .m-21 {
    margin: 7rem;
  }
}

.py-21 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .py-21 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}

.my-21 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .my-21 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
}

.px-21 {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .px-21 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

.mx-21 {
  margin-left: 5rem;
  margin-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .mx-21 {
    margin-left: 7rem;
    margin-right: 7rem;
  }
}

.pb-21 {
  padding-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .pb-21 {
    padding-bottom: 7rem;
  }
}

.pt-21 {
  padding-top: 5rem;
}
@media only screen and (min-width: 992px) {
  .pt-21 {
    padding-top: 7rem;
  }
}

.mb-21 {
  margin-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .mb-21 {
    margin-bottom: 7rem;
  }
}

.mt-21 {
  margin-top: 5rem;
}
@media only screen and (min-width: 992px) {
  .mt-21 {
    margin-top: 7rem;
  }
}

.mt-21-neg {
  margin-top: -5rem;
}
@media only screen and (min-width: 992px) {
  .mt-21-neg {
    margin-top: -7rem;
  }
}

.pl-21 {
  padding-left: 5rem;
  padding-left: 7rem;
}
@media only screen and (min-width: 992px) {
  .pl-21 {
    padding-left: 7rem;
  }
}

.pr-21 {
  padding-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .pr-21 {
    padding-right: 7rem;
  }
}

.ml-21 {
  margin-left: 5rem;
}
@media only screen and (min-width: 992px) {
  .ml-21 {
    margin-left: 7rem;
  }
}

.mr-21 {
  margin-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .mr-21 {
    margin-right: 7rem;
  }
}

.v-gap-22 > * + * {
  margin-top: 8rem;
}

.gap-22 {
  gap: 8rem;
}

.p-22 {
  padding: 5rem;
}
@media only screen and (min-width: 992px) {
  .p-22 {
    padding: 8rem;
  }
}

.m-22 {
  margin: 5rem;
}
@media only screen and (min-width: 992px) {
  .m-22 {
    margin: 8rem;
  }
}

.py-22 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .py-22 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

.my-22 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .my-22 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}

.px-22 {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .px-22 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}

.mx-22 {
  margin-left: 5rem;
  margin-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .mx-22 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
}

.pb-22 {
  padding-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .pb-22 {
    padding-bottom: 8rem;
  }
}

.pt-22 {
  padding-top: 5rem;
}
@media only screen and (min-width: 992px) {
  .pt-22 {
    padding-top: 8rem;
  }
}

.mb-22 {
  margin-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  .mb-22 {
    margin-bottom: 8rem;
  }
}

.mt-22 {
  margin-top: 5rem;
}
@media only screen and (min-width: 992px) {
  .mt-22 {
    margin-top: 8rem;
  }
}

.mt-22-neg {
  margin-top: -5rem;
}
@media only screen and (min-width: 992px) {
  .mt-22-neg {
    margin-top: -8rem;
  }
}

.pl-22 {
  padding-left: 5rem;
  padding-left: 8rem;
}
@media only screen and (min-width: 992px) {
  .pl-22 {
    padding-left: 8rem;
  }
}

.pr-22 {
  padding-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .pr-22 {
    padding-right: 8rem;
  }
}

.ml-22 {
  margin-left: 5rem;
}
@media only screen and (min-width: 992px) {
  .ml-22 {
    margin-left: 8rem;
  }
}

.mr-22 {
  margin-right: 5rem;
}
@media only screen and (min-width: 992px) {
  .mr-22 {
    margin-right: 8rem;
  }
}

.v-gap-23 > * + * {
  margin-top: 10rem;
}

.gap-23 {
  gap: 10rem;
}

.p-23 {
  padding: 6rem;
}
@media only screen and (min-width: 992px) {
  .p-23 {
    padding: 10rem;
  }
}

.m-23 {
  margin: 6rem;
}
@media only screen and (min-width: 992px) {
  .m-23 {
    margin: 10rem;
  }
}

.py-23 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media only screen and (min-width: 992px) {
  .py-23 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.my-23 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 992px) {
  .my-23 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

.px-23 {
  padding-left: 6rem;
  padding-right: 6rem;
}
@media only screen and (min-width: 992px) {
  .px-23 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

.mx-23 {
  margin-left: 6rem;
  margin-right: 6rem;
}
@media only screen and (min-width: 992px) {
  .mx-23 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

.pb-23 {
  padding-bottom: 6rem;
}
@media only screen and (min-width: 992px) {
  .pb-23 {
    padding-bottom: 10rem;
  }
}

.pt-23 {
  padding-top: 6rem;
}
@media only screen and (min-width: 992px) {
  .pt-23 {
    padding-top: 10rem;
  }
}

.mb-23 {
  margin-bottom: 6rem;
}
@media only screen and (min-width: 992px) {
  .mb-23 {
    margin-bottom: 10rem;
  }
}

.mt-23 {
  margin-top: 6rem;
}
@media only screen and (min-width: 992px) {
  .mt-23 {
    margin-top: 10rem;
  }
}

.mt-23-neg {
  margin-top: -6rem;
}
@media only screen and (min-width: 992px) {
  .mt-23-neg {
    margin-top: -10rem;
  }
}

.pl-23 {
  padding-left: 6rem;
  padding-left: 10rem;
}
@media only screen and (min-width: 992px) {
  .pl-23 {
    padding-left: 10rem;
  }
}

.pr-23 {
  padding-right: 6rem;
}
@media only screen and (min-width: 992px) {
  .pr-23 {
    padding-right: 10rem;
  }
}

.ml-23 {
  margin-left: 6rem;
}
@media only screen and (min-width: 992px) {
  .ml-23 {
    margin-left: 10rem;
  }
}

.mr-23 {
  margin-right: 6rem;
}
@media only screen and (min-width: 992px) {
  .mr-23 {
    margin-right: 10rem;
  }
}

.v-gap-24 > * + * {
  margin-top: 12rem;
}

.gap-24 {
  gap: 12rem;
}

.p-24 {
  padding: 8rem;
}
@media only screen and (min-width: 992px) {
  .p-24 {
    padding: 12rem;
  }
}

.m-24 {
  margin: 8rem;
}
@media only screen and (min-width: 992px) {
  .m-24 {
    margin: 12rem;
  }
}

.py-24 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media only screen and (min-width: 992px) {
  .py-24 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

.my-24 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
@media only screen and (min-width: 992px) {
  .my-24 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
}

.px-24 {
  padding-left: 8rem;
  padding-right: 8rem;
}
@media only screen and (min-width: 992px) {
  .px-24 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.mx-24 {
  margin-left: 8rem;
  margin-right: 8rem;
}
@media only screen and (min-width: 992px) {
  .mx-24 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
}

.pb-24 {
  padding-bottom: 8rem;
}
@media only screen and (min-width: 992px) {
  .pb-24 {
    padding-bottom: 12rem;
  }
}

.pt-24 {
  padding-top: 8rem;
}
@media only screen and (min-width: 992px) {
  .pt-24 {
    padding-top: 12rem;
  }
}

.mb-24 {
  margin-bottom: 8rem;
}
@media only screen and (min-width: 992px) {
  .mb-24 {
    margin-bottom: 12rem;
  }
}

.mt-24 {
  margin-top: 8rem;
}
@media only screen and (min-width: 992px) {
  .mt-24 {
    margin-top: 12rem;
  }
}

.mt-24-neg {
  margin-top: -8rem;
}
@media only screen and (min-width: 992px) {
  .mt-24-neg {
    margin-top: -12rem;
  }
}

.pl-24 {
  padding-left: 8rem;
  padding-left: 12rem;
}
@media only screen and (min-width: 992px) {
  .pl-24 {
    padding-left: 12rem;
  }
}

.pr-24 {
  padding-right: 8rem;
}
@media only screen and (min-width: 992px) {
  .pr-24 {
    padding-right: 12rem;
  }
}

.ml-24 {
  margin-left: 8rem;
}
@media only screen and (min-width: 992px) {
  .ml-24 {
    margin-left: 12rem;
  }
}

.mr-24 {
  margin-right: 8rem;
}
@media only screen and (min-width: 992px) {
  .mr-24 {
    margin-right: 12rem;
  }
}

.v-gap-25 > * + * {
  margin-top: 14rem;
}

.gap-25 {
  gap: 14rem;
}

.p-25 {
  padding: 9rem;
}
@media only screen and (min-width: 992px) {
  .p-25 {
    padding: 14rem;
  }
}

.m-25 {
  margin: 9rem;
}
@media only screen and (min-width: 992px) {
  .m-25 {
    margin: 14rem;
  }
}

.py-25 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
@media only screen and (min-width: 992px) {
  .py-25 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}

.my-25 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}
@media only screen and (min-width: 992px) {
  .my-25 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
}

.px-25 {
  padding-left: 9rem;
  padding-right: 9rem;
}
@media only screen and (min-width: 992px) {
  .px-25 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
}

.mx-25 {
  margin-left: 9rem;
  margin-right: 9rem;
}
@media only screen and (min-width: 992px) {
  .mx-25 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
}

.pb-25 {
  padding-bottom: 9rem;
}
@media only screen and (min-width: 992px) {
  .pb-25 {
    padding-bottom: 14rem;
  }
}

.pt-25 {
  padding-top: 9rem;
}
@media only screen and (min-width: 992px) {
  .pt-25 {
    padding-top: 14rem;
  }
}

.mb-25 {
  margin-bottom: 9rem;
}
@media only screen and (min-width: 992px) {
  .mb-25 {
    margin-bottom: 14rem;
  }
}

.mt-25 {
  margin-top: 9rem;
}
@media only screen and (min-width: 992px) {
  .mt-25 {
    margin-top: 14rem;
  }
}

.mt-25-neg {
  margin-top: -9rem;
}
@media only screen and (min-width: 992px) {
  .mt-25-neg {
    margin-top: -14rem;
  }
}

.pl-25 {
  padding-left: 9rem;
  padding-left: 14rem;
}
@media only screen and (min-width: 992px) {
  .pl-25 {
    padding-left: 14rem;
  }
}

.pr-25 {
  padding-right: 9rem;
}
@media only screen and (min-width: 992px) {
  .pr-25 {
    padding-right: 14rem;
  }
}

.ml-25 {
  margin-left: 9rem;
}
@media only screen and (min-width: 992px) {
  .ml-25 {
    margin-left: 14rem;
  }
}

.mr-25 {
  margin-right: 9rem;
}
@media only screen and (min-width: 992px) {
  .mr-25 {
    margin-right: 14rem;
  }
}

.v-gap-26 > * + * {
  margin-top: 16rem;
}

.gap-26 {
  gap: 16rem;
}

.p-26 {
  padding: 10rem;
}
@media only screen and (min-width: 992px) {
  .p-26 {
    padding: 16rem;
  }
}

.m-26 {
  margin: 10rem;
}
@media only screen and (min-width: 992px) {
  .m-26 {
    margin: 16rem;
  }
}

.py-26 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media only screen and (min-width: 992px) {
  .py-26 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}

.my-26 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
@media only screen and (min-width: 992px) {
  .my-26 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
}

.px-26 {
  padding-left: 10rem;
  padding-right: 10rem;
}
@media only screen and (min-width: 992px) {
  .px-26 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}

.mx-26 {
  margin-left: 10rem;
  margin-right: 10rem;
}
@media only screen and (min-width: 992px) {
  .mx-26 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

.pb-26 {
  padding-bottom: 10rem;
}
@media only screen and (min-width: 992px) {
  .pb-26 {
    padding-bottom: 16rem;
  }
}

.pt-26 {
  padding-top: 10rem;
}
@media only screen and (min-width: 992px) {
  .pt-26 {
    padding-top: 16rem;
  }
}

.mb-26 {
  margin-bottom: 10rem;
}
@media only screen and (min-width: 992px) {
  .mb-26 {
    margin-bottom: 16rem;
  }
}

.mt-26 {
  margin-top: 10rem;
}
@media only screen and (min-width: 992px) {
  .mt-26 {
    margin-top: 16rem;
  }
}

.mt-26-neg {
  margin-top: -10rem;
}
@media only screen and (min-width: 992px) {
  .mt-26-neg {
    margin-top: -16rem;
  }
}

.pl-26 {
  padding-left: 10rem;
  padding-left: 16rem;
}
@media only screen and (min-width: 992px) {
  .pl-26 {
    padding-left: 16rem;
  }
}

.pr-26 {
  padding-right: 10rem;
}
@media only screen and (min-width: 992px) {
  .pr-26 {
    padding-right: 16rem;
  }
}

.ml-26 {
  margin-left: 10rem;
}
@media only screen and (min-width: 992px) {
  .ml-26 {
    margin-left: 16rem;
  }
}

.mr-26 {
  margin-right: 10rem;
}
@media only screen and (min-width: 992px) {
  .mr-26 {
    margin-right: 16rem;
  }
}

.bg_image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.bg_image img {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 991.8px) {
  .bg_image.desktop {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .bg_image.mobile {
    display: none;
  }
}

.bgr-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

.relative {
  position: relative;
}

.h-100svh {
  height: 100svh;
}

.bshadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14901);
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.h-100 {
  height: 100%;
}

.max-w-900 {
  max-width: 900px;
}

.max-w-1300 {
  max-width: 1300px;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.clr-black-bg {
  background-color: #000;
}
.clr-black-bg-hvr:hover {
  background-color: #000;
}

.clr-black {
  color: #000;
}
.clr-black-hvr:hover {
  color: #000;
}

.clr-white-bg {
  background-color: #fff;
}
.clr-white-bg-hvr:hover {
  background-color: #fff;
}

.clr-white {
  color: #fff;
}
.clr-white-hvr:hover {
  color: #fff;
}

.clr-body-text-bg {
  background-color: #fff;
}
.clr-body-text-bg-hvr:hover {
  background-color: #fff;
}

.clr-body-text {
  color: #fff;
}
.clr-body-text-hvr:hover {
  color: #fff;
}

.clr-primary-bg {
  background-color: #fff;
}
.clr-primary-bg-hvr:hover {
  background-color: #fff;
}

.clr-primary {
  color: #fff;
}
.clr-primary-hvr:hover {
  color: #fff;
}

.clr-primary-hover-bg {
  background-color: #fff;
}
.clr-primary-hover-bg-hvr:hover {
  background-color: #fff;
}

.clr-primary-hover {
  color: #fff;
}
.clr-primary-hover-hvr:hover {
  color: #fff;
}

.clr-primary-hover-bg-bg {
  background-color: #121212;
}
.clr-primary-hover-bg-bg-hvr:hover {
  background-color: #121212;
}

.clr-primary-hover-bg {
  color: #121212;
}
.clr-primary-hover-bg-hvr:hover {
  color: #121212;
}

.clr-secondary-bg {
  background-color: #c29a5c;
}
.clr-secondary-bg-hvr:hover {
  background-color: #c29a5c;
}

.clr-secondary {
  color: #c29a5c;
}
.clr-secondary-hvr:hover {
  color: #c29a5c;
}

.clr-secondary-hover-bg {
  background-color: #afafaf;
}
.clr-secondary-hover-bg-hvr:hover {
  background-color: #afafaf;
}

.clr-secondary-hover {
  color: #afafaf;
}
.clr-secondary-hover-hvr:hover {
  color: #afafaf;
}

.clr-secondary-hover-bg-bg {
  background-color: #afafaf;
}
.clr-secondary-hover-bg-bg-hvr:hover {
  background-color: #afafaf;
}

.clr-secondary-hover-bg {
  color: #afafaf;
}
.clr-secondary-hover-bg-hvr:hover {
  color: #afafaf;
}

.clr-accent-bg {
  background-color: #f6f0e9;
}
.clr-accent-bg-hvr:hover {
  background-color: #f6f0e9;
}

.clr-accent {
  color: #f6f0e9;
}
.clr-accent-hvr:hover {
  color: #f6f0e9;
}

.clr-accent-hover-bg {
  background-color: #fff;
}
.clr-accent-hover-bg-hvr:hover {
  background-color: #fff;
}

.clr-accent-hover {
  color: #fff;
}
.clr-accent-hover-hvr:hover {
  color: #fff;
}

.clr-accent-hover-bg-bg {
  background-color: #fff;
}
.clr-accent-hover-bg-bg-hvr:hover {
  background-color: #fff;
}

.clr-accent-hover-bg {
  color: #fff;
}
.clr-accent-hover-bg-hvr:hover {
  color: #fff;
}

.clr-grey-bg {
  background-color: #808080;
}
.clr-grey-bg-hvr:hover {
  background-color: #808080;
}

.clr-grey {
  color: #808080;
}
.clr-grey-hvr:hover {
  color: #808080;
}

.clr-grey-dark-bg {
  background-color: #222020;
}
.clr-grey-dark-bg-hvr:hover {
  background-color: #222020;
}

.clr-grey-dark {
  color: #222020;
}
.clr-grey-dark-hvr:hover {
  color: #222020;
}

.clr-grey-light-bg {
  background-color: #f5f5f5;
}
.clr-grey-light-bg-hvr:hover {
  background-color: #f5f5f5;
}

.clr-grey-light {
  color: #f5f5f5;
}
.clr-grey-light-hvr:hover {
  color: #f5f5f5;
}

.clr-grey-border-bg {
  background-color: #eee;
}
.clr-grey-border-bg-hvr:hover {
  background-color: #eee;
}

.clr-grey-border {
  color: #eee;
}
.clr-grey-border-hvr:hover {
  color: #eee;
}

.clr-secondary-100-bg {
  background-color: #fcf6f3;
}
.clr-secondary-100-bg-hvr:hover {
  background-color: #fcf6f3;
}

.clr-secondary-100 {
  color: #fcf6f3;
}
.clr-secondary-100-hvr:hover {
  color: #fcf6f3;
}

.clr-secondary-200-bg {
  background-color: #f3ebe2;
}
.clr-secondary-200-bg-hvr:hover {
  background-color: #f3ebe2;
}

.clr-secondary-200 {
  color: #f3ebe2;
}
.clr-secondary-200-hvr:hover {
  color: #f3ebe2;
}

.clr-red-bg {
  background-color: #ea3323;
}
.clr-red-bg-hvr:hover {
  background-color: #ea3323;
}

.clr-red {
  color: #ea3323;
}
.clr-red-hvr:hover {
  color: #ea3323;
}

.f-ucase {
  text-transform: uppercase;
}

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

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

.fw-normal {
  font-weight: "normal";
}

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

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

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

.fw-bold {
  font-weight: "bold";
}

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

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

.f-size-100 {
  font-size: 0.875rem;
}

.f-size-200 {
  font-size: clamp(0.875rem, 4vw, 1rem);
}

.f-size-300 {
  font-size: clamp(1rem, 4vw, 1.125rem);
}

.f-size-400 {
  font-size: clamp(1.125rem, 4vw, 1.25rem);
}

.f-size-500 {
  font-size: clamp(1.25rem, 4vw, 1.5rem);
}

.f-size-600 {
  font-size: clamp(1.5rem, 4vw, 1.75rem);
}

.f-size-700 {
  font-size: clamp(1.75rem, 4vw, 2rem);
}

.f-size-800 {
  font-size: clamp(2rem, 4vw, 2.5rem);
}

.f-size-900 {
  font-size: clamp(2.25rem, 4vw, 3rem);
}

.f-size-1000 {
  font-size: clamp(3rem, 5vw, 3.5rem);
}

.f-size-1100 {
  font-size: clamp(3.5rem, 6vw, 4rem);
}

.ltr-spacing-100 {
  letter-spacing: 0.0625rem;
}

.ltr-spacing-200 {
  letter-spacing: 0.125rem;
}

.ltr-spacing-300 {
  letter-spacing: 0.1875rem;
}

.ltr-spacing-400 {
  letter-spacing: 0.25rem;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-grid {
  display: grid;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-none {
  display: none;
}

@media only screen and (max-width: 399.8px) {
  .d-none-xs {
    display: none !important;
  }
}

@media only screen and (max-width: 575.8px) {
  .d-none-sm {
    display: none !important;
  }
}

@media only screen and (max-width: 767.8px) {
  .d-none-md {
    display: none !important;
  }
}

@media only screen and (max-width: 879.8px) {
  .d-none-mdm {
    display: none !important;
  }
}

@media only screen and (max-width: 991.8px) {
  .d-none-lg {
    display: none !important;
  }
}

@media only screen and (max-width: 1024.8px) {
  .d-none-lgl {
    display: none !important;
  }
}

@media only screen and (max-width: 1199.8px) {
  .d-none-xl {
    display: none !important;
  }
}

@media only screen and (max-width: 1399.8px) {
  .d-none-xxl {
    display: none !important;
  }
}

@media only screen and (max-width: 1679.8px) {
  .d-none-xxxl {
    display: none !important;
  }
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: start;
}

.align-end {
  align-items: end;
}

.space-between {
  justify-content: space-between;
}

.f-wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-start {
  justify-content: start;
}

.justify-between {
  justify-content: space-between;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.flex-dir-col {
  flex-direction: column;
}

.flex-dir-col-reverse {
  flex-direction: column-reverse;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.width-100 {
  width: 100%;
}

.width-m-100 {
  width: 100%;
  max-width: 100%;
}

.height-100 {
  height: 100%;
}

.f-heading {
  font-family: var(--font-heading);
}

.f-body {
  font-family: var(--font-body);
}

.f-secondary {
  font-family: var(--font-secondary);
}

.border-1 {
  border: 1px solid #fff;
}

.grid-cols {
  display: grid;
  gap: 2.5rem 1.5rem;
  grid-template-columns: repeat(var(--grid-cols), 1fr);
}
.grid-cols.auto-wrap {
  grid-template-columns: repeat(auto-fit, minmax(var(--auto-wrap-min-size), 1fr));
}
.grid-cols.grid-cols-2 {
  --auto-wrap-min-size: 26rem;
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 400px) {
  .grid-cols.grid-cols-2-xs {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 576px) {
  .grid-cols.grid-cols-2-sm {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-2-md {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 880px) {
  .grid-cols.grid-cols-2-mdm {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 992px) {
  .grid-cols.grid-cols-2-lg {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .grid-cols.grid-cols-2-lgl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .grid-cols.grid-cols-2-xl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .grid-cols.grid-cols-2-xxl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1680px) {
  .grid-cols.grid-cols-2-xxxl {
    --grid-cols: 2;
  }
}
.grid-cols.grid-cols-3 {
  --auto-wrap-min-size: 21rem;
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-3 {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 400px) {
  .grid-cols.grid-cols-3-xs {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 576px) {
  .grid-cols.grid-cols-3-sm {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-3-md {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 880px) {
  .grid-cols.grid-cols-3-mdm {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 992px) {
  .grid-cols.grid-cols-3-lg {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 1025px) {
  .grid-cols.grid-cols-3-lgl {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 1200px) {
  .grid-cols.grid-cols-3-xl {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 1400px) {
  .grid-cols.grid-cols-3-xxl {
    --grid-cols: 3;
  }
}
@media only screen and (min-width: 1680px) {
  .grid-cols.grid-cols-3-xxxl {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-xs-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 399.8px) {
  .grid-cols.grid-cols-3-xs-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 400px) {
  .grid-cols.grid-cols-3-xs-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-sm-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-sm-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 576px) {
  .grid-cols.grid-cols-3-sm-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-md-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 767.8px) {
  .grid-cols.grid-cols-3-md-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-3-md-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-mdm-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 879.8px) {
  .grid-cols.grid-cols-3-mdm-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 880px) {
  .grid-cols.grid-cols-3-mdm-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-lg-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 991.8px) {
  .grid-cols.grid-cols-3-lg-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 992px) {
  .grid-cols.grid-cols-3-lg-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-lgl-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 1024.8px) {
  .grid-cols.grid-cols-3-lgl-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .grid-cols.grid-cols-3-lgl-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-xl-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 1199.8px) {
  .grid-cols.grid-cols-3-xl-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .grid-cols.grid-cols-3-xl-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-xxl-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 1399.8px) {
  .grid-cols.grid-cols-3-xxl-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .grid-cols.grid-cols-3-xxl-break-2 {
    --grid-cols: 3;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-3-xxxl-break-2 {
    --grid-cols: 1;
  }
}
@media (min-width: 576px) and (max-width: 1679.8px) {
  .grid-cols.grid-cols-3-xxxl-break-2 {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1680px) {
  .grid-cols.grid-cols-3-xxxl-break-2 {
    --grid-cols: 3;
  }
}
.grid-cols.grid-cols-4 {
  --auto-wrap-min-size: 18rem;
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-4 {
    --grid-cols: 4;
  }
}
@media only screen and (max-width: 575.8px) {
  .grid-cols.grid-cols-4 {
    --grid-cols: 2;
  }
}
@media (min-width: 576px) and (max-width: 399.8px) {
  .grid-cols.grid-cols-4-xs {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 400px) {
  .grid-cols.grid-cols-4-xs {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 575.8px) {
  .grid-cols.grid-cols-4-sm {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 576px) {
  .grid-cols.grid-cols-4-sm {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 767.8px) {
  .grid-cols.grid-cols-4-md {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 768px) {
  .grid-cols.grid-cols-4-md {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 879.8px) {
  .grid-cols.grid-cols-4-mdm {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 880px) {
  .grid-cols.grid-cols-4-mdm {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 991.8px) {
  .grid-cols.grid-cols-4-lg {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 992px) {
  .grid-cols.grid-cols-4-lg {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 1024.8px) {
  .grid-cols.grid-cols-4-lgl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .grid-cols.grid-cols-4-lgl {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 1199.8px) {
  .grid-cols.grid-cols-4-xl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .grid-cols.grid-cols-4-xl {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 1399.8px) {
  .grid-cols.grid-cols-4-xxl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .grid-cols.grid-cols-4-xxl {
    --grid-cols: 4;
  }
}
@media (min-width: 576px) and (max-width: 1679.8px) {
  .grid-cols.grid-cols-4-xxxl {
    --grid-cols: 2;
  }
}
@media only screen and (min-width: 1680px) {
  .grid-cols.grid-cols-4-xxxl {
    --grid-cols: 4;
  }
}

.scroll-to-top {
  background-color: #fff;
  color: #fff;
  font-size: 1rem;
  position: fixed;
  z-index: 10;
  bottom: 30px;
  right: 30px;
  opacity: 0.7;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vw;
}
.scroll-to-top:hover {
  opacity: 1;
}

.overlap-400 {
  margin-top: -132px;
}
@media only screen and (min-width: 992px) {
  .overlap-400 {
    margin-top: -220px;
  }
}

.overlap-top-400 {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) {
  .overlap-top-400 {
    padding-bottom: 220px;
  }
}

.section-scroll {
  position: relative;
  padding-block: 80px;
}
@media only screen and (min-width: 992px) {
  .section-scroll {
    height: 100svh;
    scroll-snap-align: start;
    padding-top: 140px;
  }
}

@media only screen and (min-width: 992px) {
  .scroll-flex-height {
    min-height: 100svh;
    height: auto;
  }
}

.active:not(.nav-logo):not(.newsletter-popup) {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5490196078);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
}

canvas {
  display: block;
  margin: 0;
  padding: 0;
}

.matrix-rain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* covers entire site-wrapper height */
  pointer-events: none; /* clicks go through */
  overflow: hidden;
}
.matrix-rain .drop {
  position: absolute;
  top: -50px;
  font-size: 12px;
  color: rgba(216, 22, 22, 0.3);
  font-family: monospace;
  white-space: pre;
  animation: fall linear forwards;
}

.glitch-effect span {
  animation: paths 8s step-end infinite;
}

.layers {
  position: relative;
}

.layers::before {
  content: attr(data-text);
  position: absolute;
  width: 110%;
  z-index: -1;
  animation: paths 8s step-end infinite;
  top: 10px;
  left: 15px;
  color: rgba(216, 22, 22, 0.5);
  animation: paths 8s step-end infinite, opacity 10s step-end infinite;
}

.glitch {
  overflow: hidden;
}

.glitch img {
  display: block;
  width: 100%;
}

/* duplicate layers */
.glitch::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--glitch-bg) no-repeat center/cover;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: hard-light;
}

/* RGB offset */
.glitch::after {
  left: 0px;
}

/* glitch bursts */
@keyframes glitch-slice {
  0%, 92%, 100% {
    clip-path: none;
    transform: none;
    opacity: 0;
  }
  93% {
    clip-path: polygon(0 15%, 100% 10%, 100% 25%, 0 30%);
    transform: translate(-5px, -3px);
    opacity: 1;
  }
  94% {
    clip-path: polygon(0 60%, 100% 55%, 100% 70%, 0 75%);
    transform: translate(5px, 2px);
    opacity: 1;
  }
  95% {
    clip-path: polygon(0 85%, 100% 80%, 100% 95%, 0 100%);
    transform: translate(-3px, 0);
    opacity: 1;
  }
  96%, 99% {
    clip-path: none;
    transform: none;
    opacity: 0;
  }
}
/* apply animation */
.glitch::after {
  animation: paths-4 15s infinite;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***!
  \**************************************************************************************************************************************************************************/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}