.main-page-wrap:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: var(--body-bg);
  pointer-events: none;
  opacity: 0;
}
.main-page-wrap.show-after:after {
  opacity: 1;
}
.split-text-js, .container-anim-js {
  opacity: 0;
  visibility: hidden;
}
.split-text-js .line-st-first {
  overflow: hidden;
}
.h1.split-text-js .line-st-first,
h1.split-text-js .line-st-first,
.h2.split-text-js .line-st-first,
h2.split-text-js .line-st-first,
.h1 .split-text-js .line-st-first,
h1 .split-text-js .line-st-first,
.h2 .split-text-js .line-st-first,
h2 .split-text-js .line-st-first {
  padding: 0.15em 0;
  margin: -0.25em 0;
}
.pointer-evnt-auto {
  pointer-events: auto !important;
}
html:not(.page-load) .block-anim-js {
  opacity: 0;
  visibility: hidden;
}
.c-ml-2 {
  margin-left: 4px;
}
.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background: var(--1-color);
  color: var(--2-color);
  padding: 4px;
  z-index: 2;
}
.skip:focus {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.br-small-second {
  border-radius: 5px;
}
.br-small {
  border-radius: 3px;
}
.br-main {
  border-radius: 6px;
}
.br-big {
  border-radius: 3px;
}
.lh-1 {
  line-height: 1.5;
}
.w-50 {
  width: 50% !important;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.theme-body {
  --body-bg: var(--2-color);
  --body-color: var(--1-color);
  --heading-color-second: var(--1-color);
  background: var(--body-bg);
  color: var(--body-color);
}
.theme-2 {
  --body-bg: var(--12-color);
  --body-color: var(--2-color);
  --heading-color-second: var(--2-color);
  background: var(--body-bg);
  color: var(--body-color);
}
.theme-3 {
  --body-bg: var(--1-color);
  --body-color: var(--2-color);
  --heading-color-second: var(--2-color);
  background: var(--body-bg);
  color: var(--body-color);
}
.theme-4 {
  --body-bg: radial-gradient(390.34% 388.65% at -89.06% -172.77%, var(--1-color) 0%, var(--1-color) 100%);
  --body-color: var(--2-color);
  --heading-color-second: var(--2-color);
  background: var(--body-bg);
  color: var(--body-color);
}
.theme-5 {
  --body-bg: var(--5-color);
  --body-color: var(--2-color);
  --heading-color-second: var(--2-color);
  background: var(--body-bg);
  color: var(--body-color);
}
.visible {
  visibility: visible !important;
  opacity: 1 !important;
}
.invisible {
  opacity: 0 !important;
  visibility: hidden !important;
}
.transition-primary {
  transition: var(--animation-primary);
}
.pointer-events-none {
  pointer-events: none;
}
.object-pos-bottom {
  object-position: bottom;
}
.last-p p:last-child {
  margin-bottom: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.color-1 {
  color: var(--1-color);
}
.color-2 {
  color: var(--2-color);
}
.color-3 {
  color: var(--5-color);
}
.color-4 {
  color: var(--1-color);
}
.color-5 {
  color: var(--4-color);
}
.color-6 {
  color: var(--8-color);
}
.color-12,
.h1.color-12,
.h2.color-12,
.h3.color-12,
.h4.color-12,
.h5.color-12,
.h6.color-12 {
  color: var(--12-color);
  --heading-color-second: var(--12-color);
  color: var(--heading-color-second);
}
.link-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: var(--link-bg);
}
.grid-item .link-mask:focus-visible, .swiper .link-mask:focus-visible {
  outline-offset: -3px;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide {
  opacity: 0;
  visibility: hidden;
}
.min-vh-100 {
  min-height: 100vh;
  min-height: 100dvh;
}
.last-el-mb-0>*:last-child {
  margin-bottom: 0 !important;
}
.min-z-index {
  z-index: 0 !important;
}
.bg-none {
  background: none !important;
}
.bg-wrap {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bg-pattern {
  background: url("../../images/pattern.svg") 0% 0% / 100% repeat;
}
.bg-pattern-second {
  background: url("../../images/pattern-2.svg") -23% -23% / 38% repeat;
}
.bg-pattern-third {
  background: url("../../images/pattern-3.svg");
}
.bg-wrap-additional-page {
  height: 100vh;
  height: 100dvh;
}
.bg-wrap-hero {
  top: calc(-1 * var(--header-height));
}
.bg-wrap-gradient {
  -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0) 100%);
  mask-image: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0) 100%);
}
.bg-wrap-gradient--reverse {
  -webkit-mask-image: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0) 100%);
  mask-image: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0) 100%);
}
.bg-fade-down {
  -webkit-mask-image: linear-gradient(to bottom,
      #000 0%,
      #000 65%,
      transparent 100%);
  mask-image: linear-gradient(to bottom,
      #000 0%,
      #000 65%,
      transparent 100%);
}
.bg-wrap-bottom:after {
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
}
@supports (-webkit-text-stroke: 2px #CE784E) {
  .border-text-1 {
    -webkit-text-stroke: 2px var(--5-color);
    color: var(--1-color);
  }
  .border-text-1--secondary,
  .border-text-1--third {
    -webkit-text-stroke-color: var(--white-color);
  }
  .border-text-1--third, .border-text-1--fourth {
    color: #0000;
  }
}
.handwritten-text-1 {
  font-family: var(--2-ff);
  font-size: 1.65em;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
  text-transform: capitalize;
}
@media (min-width: 1200px) {
  .offset-xl-6 {
    margin-left: 50%;
  }
}