```css
a.link {
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(18 20 43 / var(--tw-text-opacity));
  /* no-underline border-b border-b-primary-dark/[0.25]  */
  /* hover:border-b-primary active:border-b-transparent */
  text-decoration-line: underline;
  text-decoration-color: rgb(18 20 43 / 0.25);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a.link:hover {
  --tw-text-opacity: 1;
  color: rgb(18 20 43 / var(--tw-text-opacity));
  text-decoration-color: #12142b;
}

a.link:active {
  --tw-text-opacity: 1;
  color: rgb(18 20 43 / var(--tw-text-opacity));
  text-decoration-color: transparent;
}

a.link.secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(18 20 43 / var(--tw-text-opacity));
}

a.link.secondary:active {
  --tw-text-opacity: 1;
  color: rgb(18 20 43 / var(--tw-text-opacity));
}

a.link.ajax {
  border-style: dotted;
}

.menu-icon-holder svg {
  height: 1rem;
  width: 1rem;
}

*:focus {
  outline: none !important;
}

.form.flex {
  row-gap: 1rem;
}

.form-field .label {
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

[data-smart-load] {
  position: relative;
}

[data-smart-load] img {
  z-index: 0;
  --tw-blur: blur(4px);
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

:root {
  --percentage-indicator-width: 125px;
  --percentage-indicator-height: 10px;
}

.bar-holder {
  /* content: attr(data-percent); */
  width: var(--percentage-indicator-width);
  height: var(--percentage-indicator-height);
  left: calc(50% - var(--percentage-indicator-width) / 2);
  top: calc(50% - var(--percentage-indicator-height) / 2);
  position: absolute;
  z-index: 20;
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form.bar-holder {
  row-gap: 1rem;
}

.bar-holder .bar {
  height: 0.25rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.blink-bg {
  transition: background-color 250ms linear;
  animation: blink-bg 1s 3;
}

@keyframes blink-bg {
  50% {
    background-color: rgb(18 20 43 / 0.1);
  }

  100% {
    background-color: transparent;
  }
}

:root {
  --barberpole-color: rgba(14, 101, 141, 0.05);
  --barberpole-color-dark: rgba(14, 101, 141, 0.65);
}

.bg-barberpole {
  background-image:
            repeating-linear-gradient(
                    -45deg,
                    transparent,
                    transparent 1rem,
                    var(--barberpole-color) 1rem,
                    var(--barberpole-color) 2rem
            );
  animation: barberpole-background-running 2s linear infinite;
  background-size: 150% 100%;
}

.bg-barberpole-small {
  background-image:
            repeating-linear-gradient(
                    -45deg,
                    transparent,
                    transparent 0.25rem,
                    var(--barberpole-color) 0.25rem,
                    var(--barberpole-color) 0.5rem
            );
  animation: barberpole-background-running-small 1s linear infinite;
  background-size: 150% 100%;
}

.bg-barberpole-small-dark {
  background-image:
            repeating-linear-gradient(
                    -45deg,
                    transparent,
                    transparent 0.25rem,
                    var(--barberpole-color-dark) 0.25rem,
                    var(--barberpole-color-dark) 0.5rem
            );
  animation: barberpole-background-running-small 1s linear infinite;
  background-size: 150% 100%;
}

@keyframes barberpole-background-running {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -3rem 0;
  }
}

@keyframes barberpole-background-running-small {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -.75rem 0;
  }
}

/* Overlay */

.ui2-overlay {
  display: none;
  position: fixed;
  inset: 0px;
  z-index: 40;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.4);
  opacity: 1;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

body.ui2-ajax-pending .ui2-overlay {
  display: flex;
}

body.form.ui2-ajax-pending .ui2-overlay {
  row-gap: 1rem;
}

.spinner {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.form.spinner {
  row-gap: 1rem;
}

.spinner-animated {
  /* @apply relative w-full h-full mx-auto;
  @apply bg-no-repeat bg-center bg-contain;
   */
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 300px;
  color: #a82df9;
  background-color: transparent;
  max-width: 375px
}

.spinner-animated path {
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  fill: #a82df9;
  background-color: transparent
}

.path-7 {
  animation-delay: -1s
}

.path-6 {
  animation-delay: -.875s
}

.path-5 {
  animation-delay: -.75s
}

.path-4 {
  animation-delay: -.625s
}

.path-3 {
  animation-delay: -.5s
}

.path-2 {
  animation-delay: -.375s
}

.path-1 {
  animation-delay: -.25s
}

.path-0 {
  animation-delay: -.125s
}

@keyframes pulse {
  0% {
    opacity: .1
  }

  30% {
    opacity: .8
  }

  to {
    opacity: .1
  }
}

/* backdrop-blur-sm */

.modal {
  background-color: rgb(39 39 42 / 0.4);
  transition-duration: 0ms;
}

:is(.dark .modal) {
  background-color: rgb(0 0 0 / 0.8);
}

body .main-menu {
  max-width: 20rem;
}

body.wide-main-menu .main-menu {
  max-width: 32rem;
}

.modal2 {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 40;
  display: flex;
  display: none;
  height: 100%;
  width: 100%;
  transform-origin: top;
  justify-content: center;
}

.form.modal2 {
  row-gap: 1rem;
}

.modal2.narrow .inner {
  max-width: 24rem !important;
}

.modal2.md-wide .inner {
  max-width: 610px;
}

@media (min-width: 450px) {
  .modal2.md-wide .inner {
    border-radius: 1.5rem;
  }
}

.modal2 .modal-action {
  margin-top: 1rem;
  display: flex;
  justify-content: space-around;
}

.form.modal2 .modal-action {
  row-gap: 1rem;
}

.modal2 p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.modal2.show {
  display: flex;
}

.form.modal2.show {
  row-gap: 1rem;
}

/* backdrop-blur-sm */

.modal2 .backholder {
  position: fixed;
  inset: 0px;
  z-index: 40;
  height: 100%;
  opacity: 1;
  background: rgba(18, 20, 42, 0.8);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

.modal2 .backholder:after {
  content: ' ';
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  z-index: 10;
  display: flex;
}

.form.modal2 .backholder:after {
  row-gap: 1rem;
}

.modal2 .backholder:after {
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.modal2 .inner {
  /* rounded-3xl and no drop-shadow-* */
  position: relative;
  z-index: 50;
  height: auto;
  width: 100%;
  max-width: 20rem;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-self: center;
  padding: 1.25rem;
  opacity: 1;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(24 24 27 / 0.05);
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(43 45 67 / var(--tw-bg-opacity));
}

.modal2:not(.md-wide) .inner {
  max-width: 100%;
}

@media (min-width: 450px) {
  .modal2:not(.md-wide) .inner {
    max-width: 20rem;
    border-radius: 1.5rem;
  }
}

.modal2.change-password-modal .inner {
}

.button {
  display: inline-flex;
  align-items: center;
  border-radius: 0.75rem;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  white-space: nowrap;
  background: linear-gradient(265.73deg, #a82df9, #6678e9);
}

.button:hover {
  background: linear-gradient(265.73deg, #bc56ff, #7788f8);
  box-shadow: 0 8px 80px rgba(137, 81, 242, .4);
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.button.big {
/*  text-transform: capitalize;*/
  font-size: 20px;
}

.button.big.for-order-form {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  .button.big.for-order-form {
    padding-left: 100px;
    padding-right: 100px;
  }
}

/* */

.button.big,
.button.big.secondary .inner {
  padding-left: 54px;
  padding-right: 54px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.button.big.secondary {
  align-items: center;
  padding: 1px;
}

.button.big.smaller-height:not(.secondary),
.button.big.secondary.smaller-height .inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

.button.big.secondary .inner {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  border-radius: 0.75rem;
  height: calc(100% - 2px);
  width: calc(100%)-2px;
}

/* */

.button.secondary .inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.button.secondary {
  align-items: center;
  padding: 1px;
}

.button.secondary .inner {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  border-radius: 0.75rem;
  height: calc(100% - 2px);
  width: calc(100%)-2px;
}

.button.secondary.light-bg .inner {
  --tw-bg-opacity: 1;
  background-color: rgb(43 45 67 / var(--tw-bg-opacity));
}

.sidebar {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.form.sidebar {
  row-gap: 1rem;
}

.sidebar > .inner {
  height: 100vh;
  width: 100%;
}

@media (min-width: 1024px) {
  .sidebar > .inner {
    max-width: 455px;
  }
}

.sidebar > .inner {
  background-color: rgb(18 20 42 / 0.8);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (max-width: 1023px) {
  .sidebar > .inner {
    overflow-y: auto;
    padding-bottom: 2.5rem;
  }
}

.sidebar > .inner {
  transform: translate(300px, 0);
  transition: 200ms;
}

.sidebar:not(.opened) {
  visibility: hidden;
}

.sidebar.opened > .inner {
  right: 0px;
  transform: translate(0, 0);
}

.sidebar-close {
  position: absolute;
  right: 24px;
  top: 14px;
  z-index: 10;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.tabs {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.tabs > * {
  border-bottom-width: 2px;
  border-bottom-color: transparent;
  padding-bottom: 10px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(104 104 120 / var(--tw-text-opacity));
  transition-property: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tabs > *.active {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tabs.big-and-wide > * {
  text-align: center;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .tabs.big-and-wide > * {
    flex-grow: 1;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (max-width: 1023px) {
  .tabs.big-and-wide > * {
    padding-bottom: 14px;
  }
}

.login-input {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / 0.5);
}

.login-input:focus {
  color: rgb(255 255 255 / 0.8);
}

.login-input {
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.5);
}

.login-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 45 249 / var(--tw-border-opacity));
}

.login-input {
  border-radius: 0.75rem;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.form.breadcrumbs {
  row-gap: 1rem;
}

.breadcrumbs > *:not(:first-child):before {
  margin-right: 0px;
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  content: '/';
}

.breadcrumbs a {
  opacity: 0.8;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}

.form.breadcrumbs a {
  row-gap: 1rem;
}

.breadcrumbs span {
  opacity: 0.5;
}

.header {
  background: linear-gradient(180deg,rgba(8,12,31,.8),rgba(8,12,31,.79) 6.7%,rgba(8,12,31,.77) 13.3%,rgba(8,12,31,.73) 20%,rgba(8,12,31,.68) 26.7%,rgba(8,12,31,.62) 33.3%,rgba(8,12,31,.54) 40%,rgba(8,12,31,.45) 46.7%,rgba(8,12,31,.35) 53.3%,rgba(8,12,31,.27) 60%,rgba(8,12,31,.19) 66.7%,rgba(8,12,31,.12) 73.3%,rgba(8,12,31,.07) 80%,rgba(8,12,31,.03) 86.7%,rgba(8,12,31,.007) 93.3%,rgba(8,12,31,0));
}

.footer-navbar {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.form.footer-navbar {
  row-gap: 1rem;
}

.footer-navbar > a {
  opacity: 0.6;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.footer-navbar > a:hover {
  opacity: 1;
}

.image-bg {
  position: relative;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .image-bg:before,
.image-bg:after {
    display: none !important;
  }
}

.image-bg:before,
.image-bg:after {
  display: block;
  position: absolute;
  content: " ";
  z-index: -1;
  width: 460px;
  height: 455px;
}

.image-bg:before {
  left: -182px;
  top: -63px;
  background-image: url('../images/order-before.png');
}

.image-bg:after {
  right: -68px;
  bottom: -256px;
  background-image: url('../images/order-after.png');
}

.coins-bg {
  background-repeat: no-repeat;
  background-image: url('../images/coin-1.webp'), url('../images/coin-2.webp');
  background-position: 0 0, 100% 100%;
}

.question .question-body {
  height: auto;
  max-height: 900px;
  overflow-y: hidden;
  opacity: 1;
  transition: all 300ms;
}

.question.question-closed .question-body {
  height: 0px;
  max-height: 0;
  padding: 0px;
  opacity: 0;
}

.question-title {
  position: relative;
  display: flex;
  align-items: center;
}

.form.question-title {
  row-gap: 1rem;
}

.question-title:after {
  position: relative;
  right: 0;
  margin-left: auto;
  margin-right: 0px;
  height: 32px;
  width: 32px;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='27' height='3' rx='1.5' transform='matrix(-1 -2.18557e-08 -2.18557e-08 1 29.5 14.5)' fill='white'/%3E%3Crect width='27' height='3' rx='1.5' transform='matrix(-6.2438e-08 -1 -1 6.2438e-08 17.5 29.5)' fill='white'/%3E%3C/svg%3E");
  transition: all .5s ease-in-out;
}

.question:not(.question-closed) .question-title:after {
  --tw-rotate: 405deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bg-trustpilot {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='343' height='36' viewBox='0 0 343 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M107.502 27.4327L115.76 25.3399L119.21 35.9736L107.502 27.4327ZM126.507 13.6881H111.97L107.502 0L103.034 13.6881H88.4971L100.262 22.1724L95.7936 35.8605L107.559 27.3761L114.798 22.1724L126.507 13.6881Z' fill='%23219653'/%3E%3Cpath d='M137.975 12.8548H132.599V9.68682H147.239V12.8548H141.863V26.4868H137.975V12.8548ZM152.362 15.2788C152.81 14.6548 153.41 14.1828 154.162 13.8628C154.93 13.5428 155.81 13.3828 156.802 13.3828V16.8388C156.386 16.8068 156.106 16.7908 155.962 16.7908C154.89 16.7908 154.05 17.0948 153.442 17.7028C152.834 18.2948 152.53 19.1908 152.53 20.3908V26.4868H148.786V13.5748H152.362V15.2788ZM172.13 13.5748V26.4868H168.578V24.9508C168.082 25.5108 167.49 25.9428 166.802 26.2468C166.114 26.5348 165.37 26.6788 164.57 26.6788C162.874 26.6788 161.53 26.1908 160.538 25.2148C159.546 24.2388 159.05 22.7908 159.05 20.8708V13.5748H162.794V20.3188C162.794 22.3988 163.666 23.4388 165.41 23.4388C166.306 23.4388 167.026 23.1508 167.57 22.5748C168.114 21.9828 168.386 21.1108 168.386 19.9588V13.5748H172.13ZM179.942 26.6788C178.87 26.6788 177.822 26.5508 176.798 26.2948C175.774 26.0228 174.958 25.6868 174.35 25.2868L175.598 22.5988C176.174 22.9668 176.87 23.2708 177.686 23.5108C178.502 23.7348 179.302 23.8468 180.086 23.8468C181.67 23.8468 182.462 23.4548 182.462 22.6708C182.462 22.3028 182.246 22.0388 181.814 21.8788C181.382 21.7188 180.718 21.5828 179.822 21.4708C178.766 21.3108 177.894 21.1268 177.206 20.9188C176.518 20.7108 175.918 20.3428 175.406 19.8148C174.91 19.2868 174.662 18.5348 174.662 17.5588C174.662 16.7428 174.894 16.0228 175.358 15.3988C175.838 14.7588 176.526 14.2628 177.422 13.9108C178.334 13.5588 179.406 13.3828 180.638 13.3828C181.55 13.3828 182.454 13.4868 183.35 13.6948C184.262 13.8868 185.014 14.1588 185.606 14.5108L184.358 17.1748C183.222 16.5348 181.982 16.2148 180.638 16.2148C179.838 16.2148 179.238 16.3268 178.838 16.5508C178.438 16.7748 178.238 17.0628 178.238 17.4148C178.238 17.8148 178.454 18.0948 178.886 18.2548C179.318 18.4148 180.006 18.5668 180.95 18.7108C182.006 18.8868 182.87 19.0788 183.542 19.2868C184.214 19.4788 184.798 19.8388 185.294 20.3668C185.79 20.8948 186.038 21.6308 186.038 22.5748C186.038 23.3748 185.798 24.0868 185.318 24.7108C184.838 25.3348 184.134 25.8228 183.206 26.1748C182.294 26.5108 181.206 26.6788 179.942 26.6788ZM196.676 25.8628C196.308 26.1348 195.852 26.3428 195.308 26.4868C194.78 26.6148 194.22 26.6788 193.628 26.6788C192.092 26.6788 190.9 26.2868 190.052 25.5028C189.22 24.7188 188.804 23.5668 188.804 22.0468V16.7428H186.812V13.8628H188.804V10.7188H192.548V13.8628H195.764V16.7428H192.548V21.9988C192.548 22.5428 192.684 22.9668 192.956 23.2708C193.244 23.5588 193.644 23.7028 194.156 23.7028C194.748 23.7028 195.252 23.5428 195.668 23.2228L196.676 25.8628ZM206.41 13.3828C207.61 13.3828 208.698 13.6628 209.674 14.2228C210.666 14.7668 211.442 15.5428 212.002 16.5508C212.562 17.5428 212.842 18.7028 212.842 20.0308C212.842 21.3588 212.562 22.5268 212.002 23.5348C211.442 24.5268 210.666 25.3028 209.674 25.8628C208.698 26.4068 207.61 26.6788 206.41 26.6788C204.762 26.6788 203.466 26.1588 202.522 25.1188V31.1428H198.778V13.5748H202.354V15.0628C203.282 13.9428 204.634 13.3828 206.41 13.3828ZM205.762 23.6068C206.722 23.6068 207.506 23.2868 208.114 22.6468C208.738 21.9908 209.05 21.1188 209.05 20.0308C209.05 18.9428 208.738 18.0788 208.114 17.4388C207.506 16.7828 206.722 16.4548 205.762 16.4548C204.802 16.4548 204.01 16.7828 203.386 17.4388C202.778 18.0788 202.474 18.9428 202.474 20.0308C202.474 21.1188 202.778 21.9908 203.386 22.6468C204.01 23.2868 204.802 23.6068 205.762 23.6068ZM215.348 13.5748H219.092V26.4868H215.348V13.5748ZM217.22 11.7748C216.532 11.7748 215.972 11.5748 215.54 11.1748C215.108 10.7748 214.892 10.2788 214.892 9.68682C214.892 9.09482 215.108 8.59882 215.54 8.19882C215.972 7.79882 216.532 7.59881 217.22 7.59881C217.908 7.59881 218.468 7.79082 218.9 8.17482C219.332 8.55882 219.548 9.03882 219.548 9.61482C219.548 10.2388 219.332 10.7588 218.9 11.1748C218.468 11.5748 217.908 11.7748 217.22 11.7748ZM222.567 8.67882H226.311V26.4868H222.567V8.67882ZM235.93 26.6788C234.57 26.6788 233.346 26.3988 232.258 25.8388C231.186 25.2628 230.346 24.4708 229.738 23.4628C229.13 22.4548 228.826 21.3108 228.826 20.0308C228.826 18.7508 229.13 17.6068 229.738 16.5988C230.346 15.5908 231.186 14.8068 232.258 14.2468C233.346 13.6708 234.57 13.3828 235.93 13.3828C237.29 13.3828 238.506 13.6708 239.578 14.2468C240.65 14.8068 241.49 15.5908 242.098 16.5988C242.706 17.6068 243.01 18.7508 243.01 20.0308C243.01 21.3108 242.706 22.4548 242.098 23.4628C241.49 24.4708 240.65 25.2628 239.578 25.8388C238.506 26.3988 237.29 26.6788 235.93 26.6788ZM235.93 23.6068C236.89 23.6068 237.674 23.2868 238.282 22.6468C238.906 21.9908 239.218 21.1188 239.218 20.0308C239.218 18.9428 238.906 18.0788 238.282 17.4388C237.674 16.7828 236.89 16.4548 235.93 16.4548C234.97 16.4548 234.178 16.7828 233.554 17.4388C232.93 18.0788 232.618 18.9428 232.618 20.0308C232.618 21.1188 232.93 21.9908 233.554 22.6468C234.178 23.2868 234.97 23.6068 235.93 23.6068ZM253.84 25.8628C253.472 26.1348 253.016 26.3428 252.472 26.4868C251.944 26.6148 251.384 26.6788 250.792 26.6788C249.256 26.6788 248.064 26.2868 247.216 25.5028C246.384 24.7188 245.968 23.5668 245.968 22.0468V16.7428H243.976V13.8628H245.968V10.7188H249.712V13.8628H252.928V16.7428H249.712V21.9988C249.712 22.5428 249.848 22.9668 250.12 23.2708C250.408 23.5588 250.808 23.7028 251.32 23.7028C251.912 23.7028 252.416 23.5428 252.832 23.2228L253.84 25.8628Z' fill='white'/%3E%3C/svg%3E%0A");
}

.with-links a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.with-links a:hover {
  text-decoration-line: none;
  opacity: 0.9;
}

.scroll-to-up {
  position: fixed;
  bottom: 144px;
  right: -20px;
  display: flex;
  height: 3rem;
  width: 3rem;
  max-width: 0rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  opacity: 0;
}

.form.scroll-to-up {
  row-gap: 1rem;
}

.scroll-to-up {
  background-image: linear-gradient(265.73deg,#a82df9,#6678e9);
  transition: 200ms ease-in-out;
}

.scrolled-enough .scroll-to-up {
  right: 20px;
  max-width: 9999px;
  opacity: 1;
}

.sidebar-submenu {
  height: auto;
  max-height: 900px;
  overflow-y: hidden;
  opacity: 1;
  transition: all 300ms;
}

.sidebar-submenu.closed {
  max-height: 0;
  opacity: 0;
}

[data-toggle-sidebar-submenu].is-active svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.h1 {
  position: fixed;
  width: 100%;
  padding-top: 32px;
  background: linear-gradient(180deg,rgba(8,12,31,.8),rgba(8,12,31,.79) 6.7%,rgba(8,12,31,.77) 13.3%,rgba(8,12,31,.73) 20%,rgba(8,12,31,.68) 26.7%,rgba(8,12,31,.62) 33.3%,rgba(8,12,31,.54) 40%,rgba(8,12,31,.45) 46.7%,rgba(8,12,31,.35) 53.3%,rgba(8,12,31,.27) 60%,rgba(8,12,31,.19) 66.7%,rgba(8,12,31,.12) 73.3%,rgba(8,12,31,.07) 80%,rgba(8,12,31,.03) 86.7%,rgba(8,12,31,.007) 93.3%,rgba(8,12,31,0));
}

@media (min-width: 1024px) {
  .h1 {
    padding-top: 44px;
    z-index: 1;
  }
}

.h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.form.h2 {
  row-gap: 1rem;
}

.h2 {
  /* @apply w-full px-4 max-w-[1376px] mx-auto; */
  margin-left: auto;
  margin-right: auto;
  width: calc(100vw - 32px);
  max-width: 1380px;
  margin-top: -20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .h2 {
    width: calc(100vw - 64px);
  }
}

@media (min-width: 1024px) {
  .h2 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: -10px;
  }
}

.h3 {
  text-transform: uppercase;
  font-family: bebas neue;
  font-weight: normal;
  font-size: 48px;
}

/* ИЗМЕНЕНИЕ: Растягиваем надпись MOBUY, добавляя расстояние между буквами */
.logo {
  letter-spacing: 0.03em;
}

@media (max-width: 1023px) {
  .h3 {
    padding-left: 2px;
    padding-top: 2px;
    font-family: bebas neue;
    font-weight: normal;
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .h4 {
    height: 24px !important;
    width: auto !important;
  }
}

.h5 {
  display: flex;
  cursor: default;
  flex-direction: row;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  font-size: 17.5px;
}

.form.h5 {
  row-gap: 1rem;
}

@media (max-width: 1023px) {
  .h5 {
    display: none;
  }
}

.h6 {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.form.h6 {
  row-gap: 1rem;
}

@media (max-width: 1023px) {
  .h6 {
    display: none;
  }
}

.h7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.form.h7 {
  row-gap: 1rem;
}

.h7:hover {
  opacity: 0.6;
}

.h8 {
  position: absolute;
  top: calc(2rem - 3px);
  display: none;
  cursor: pointer;
  flex-direction: column;
  row-gap: 0.25rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(53 55 75 / var(--tw-bg-opacity));
  padding: 0.625rem;
  width: 230px;
}

.group:hover .h8 {
  display: flex;
}

.h9 {
  display: flex;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: rgb(255 255 255 / 0.6);
}

.form.h9 {
  row-gap: 1rem;
}

.h9:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.h10 {
  display: flex;
  height: 1.25rem;
  width: 1.75rem;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 0.25rem;
  margin-right: 10px;
}

.form.h10 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .h10 {
    display: none;
  }
}

@media (max-width: 1023px) {
  .h11 {
    position: relative;
    top: -2px;
    display: flex;
    padding-right: 13px;
  }
}

.h12 {
  height: 3rem;
  width: 3rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}

@media (max-width: 1023px) {
  .h12 {
    display: none;
  }
}

.h13 {
  display: flex;
  height: 1.25rem;
  width: 1.75rem;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 0.25rem;
}

.form.h13 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .h13 {
    display: none;
  }
}

.h14 {
  width: 100%;
  border-width: 2px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.h15 {
  width: 50%;
  border-width: 2px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

@media (min-width: 1024px) {
  .h16 {
    display: flex;
    flex-basis: 20%;
    justify-content: flex-end;
  }
}

@media (min-width: 1280px) {
  .h16 {
    flex-basis: 15%;
  }
}

.h17 {
  height: 70px;
}

@media (min-width: 1024px) {
  .h17 {
    height: 93px;
  }
}

.h18 {
  margin-right: 0.5rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
}

.h19 {
  height: 8px;
  width: 10px;
}

.h20:hover {
  opacity: 0.6;
}

.h21 {
  display: inline-flex;
  align-items: center;
  border-radius: 0.75rem;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  white-space: nowrap;
  background: linear-gradient(265.73deg, #a82df9, #6678e9);
}

.h21:hover {
  background: linear-gradient(265.73deg, #bc56ff, #7788f8);
  box-shadow: 0 8px 80px rgba(137, 81, 242, .4);
}

.h21:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.h21.big {
/*  text-transform: capitalize;*/
  font-size: 20px;
}

.h21.big.for-order-form {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  .h21.big.for-order-form {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.h21.big,.h21.big.secondary .inner {
  padding-left: 54px;
  padding-right: 54px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.h21.big.secondary {
  align-items: center;
  padding: 1px;
}

.h21.big.smaller-height:not(.secondary),.h21.big.secondary.smaller-height .inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

.h21.big.secondary .inner {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  border-radius: 0.75rem;
  height: calc(100% - 2px);
  width: calc(100%)-2px;
}

.h21.secondary .inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.h21.secondary {
  align-items: center;
  padding: 1px;
}

.h21.secondary .inner {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  border-radius: 0.75rem;
  height: calc(100% - 2px);
  width: calc(100%)-2px;
}

.h21.secondary.light-bg .inner {
  --tw-bg-opacity: 1;
  background-color: rgb(43 45 67 / var(--tw-bg-opacity));
}

@media (max-width: 1023px) {
  .h21 {
    display: none;
  }
}

.f1 {
  margin-top: 69px;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.form.f1 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .f1 {
    margin-top: 59px;
  }
}

@media (max-width: 1023px) {
  .f1 {
    margin-top: 0px;
    row-gap: 1rem;
  }
}

.f2 {
  display: flex;
  width: 100%;
  flex-direction: row;
  background-repeat: no-repeat;
  padding-bottom: 80px;
}

.form.f2 {
  row-gap: 1rem;
}

@media screen and (min-width: 1024px) {
  div.f2 {
    background-size: 53%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  div.f2 {
    background-size: 74%;
    background-position: 27% 90px;
  }
}

@media (min-width: 1024px) {
  .f2 {
    background-size: contain !important;
    background-position: calc(100% + 39px);
  }
}

@media (max-width: 1023px) {
  .f2 {
    background-position: top;
    padding-bottom: 0px;
    padding-top: calc(60vw * 1.08);
  }
}

.f3 {
  display: flex;
  max-width: 770px;
  flex-direction: column;
  line-height: 400%;
}

.form.f3 {
  row-gap: 1rem;
}

@media (max-width: 1023px) {
  .f3 {
    margin-left: auto;
    margin-right: auto;
  }
}

.f4 {
  display: block;
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  max-width: 720px;
}

@media (max-width: 1023px) {
  .f4 {
    font-size: 28px;
    line-height: 31px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f4 {
    font-size: 48px;
    line-height: 53px;
  }
}

.f4 {
  letter-spacing: .8px;
}

.f5 {
  display: block;
  font-size: 68px;
  font-style: italic;
  line-height: 78px;
}

@media (max-width: 1023px) {
  .f5 {
    font-size: 32px;
    line-height: 31px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f5 {
    font-size: 68px;
    line-height: 72px;
  }
}

.f5 {
  background-image: linear-gradient(265.73deg, #a82df9, #6678e9);
  color: transparent;
  -webkit-background-clip: text;
  font-weight: 800;
  letter-spacing: -.35px;
}

.f6 {
  font-size: 24px;
  font-weight: 500;
  font-style: italic;
  opacity: 0.6;
}

@media (min-width: 1024px) {
  .f6 {
    margin-top: 6px;
    margin-bottom: 24px;
    width: 620px;
    line-height: 31px;
  }
}

@media (max-width: 1023px) {
  .f6 {
    margin-top: 1.25rem;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f6 {
    font-size: 24px;
    line-height: 29px;
  }
}

.f6 {
  letter-spacing: .4px;
}

.f7 {
  display: flex;
  width: auto;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(43 45 67 / var(--tw-bg-opacity));
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 2rem;
  padding-right: 2rem;
  line-height: 1rem;
}

.form.f7 {
  row-gap: 1rem;
}

.f7:hover {
  background-color: rgb(255 255 255 / 0.2);
}

@media (max-width: 767px) {
  .f7 {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .f7 {
    margin-top: 0.5rem;
    justify-content: center;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f7 {
    width: auto;
  }
}

.f8 {
  margin-top: 3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  line-height: 1;
}

.form.f8 {
  row-gap: 1rem;
}

@media (max-width: 1023px) {
  .f8 {
    margin-top: 32px;
    flex-direction: column;
    row-gap: 1rem;
  }
}

.f9 {
  margin-left: 1.5rem;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
/*  text-transform: capitalize;*/
  opacity: 0.6;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.f9:hover {
  opacity: 1;
}

.f10 {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}

.form.f10 {
  row-gap: 1rem;
}

@media (max-width: 767px) {
  .f10 {
    align-items: center;
  }
}

@media (max-width: 1023px) {
  .f10 {
    margin-bottom: 2rem;
  }
}

.f11 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.form.f11 {
  row-gap: 1rem;
}

@media (max-width: 767px) {
  .f11 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .f11 {
    gap: 16px;
  }
}

@media (min-width: 768px) {
  .f11 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .f11 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

@media (max-width: 767px) {
  .f11 {
    row-gap: 35px;
    align-self: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f11 {
    gap: 32px;
  }
}

.f12 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 28px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.05);
  background-color: rgb(255 255 255 / 0.05);
}

.form.f12 {
  row-gap: 1rem;
}

@media (min-width: 768px) {
  .f12 {
    padding: 1.25rem;
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .f12 {
    max-width: 334px;
  }
}

@media (max-width: 767px) {
  .f12 {
    flex-direction: row;
    flex-wrap: wrap;
    border-width: 0px;
    background-color: transparent;
  }
}

.f13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.form.f13 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .f13 {
    display: none;
  }
}

.f14 {
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
}

@media (max-width: 767px) {
  .f14 {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1023px) {
  .f14 {
    font-size: 18px;
  }
}

.f15 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media (max-width: 767px) {
  .f15 {
    align-items: center;
  }
}

@media (max-width: 1023px) {
  .f15 {
    display: none;
    font-size: 18px;
  }
}

.f16 {
  font-weight: 500;
  line-height: 1.25rem;
  opacity: 0.6;
}

.f17 {
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .f17 {
    margin-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.f18 {
  margin-left: 0.5rem;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
}

.f19 {
  margin-left: -1px;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  text-decoration-line: underline;
}

.f20 {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}

.f21 {
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.f22 {
}

.fo1 {
  margin-top: 4rem;
  flex-grow: 1;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(27 29 51 / var(--tw-bg-opacity));
  padding-top: 100px;
/*  padding-bottom: 78px;*/
}

@media (max-width: 1023px) {
  .fo1 {
    margin-top: 6rem;
    padding: 1rem;
    padding-bottom: 32px;
    padding-top: 4rem;
  }
}

.fo2 {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}

.form.fo2 {
  row-gap: 1rem;
}

@media (max-width: 1023px) {
  .fo2 {
    row-gap: 1rem;
  }
}

.fo3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  row-gap: 2rem;
}

.form.fo3 {
  row-gap: 1rem;
}

.fo3 {
  /* @apply w-full px-4 max-w-[1376px] mx-auto; */
  margin-left: auto;
  margin-right: auto;
  width: calc(100vw - 32px);
  max-width: 1380px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .fo3 {
    width: calc(100vw - 64px);
  }
}

@media (min-width: 1024px) {
  .fo3 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2px;
    padding-right: 2px;
  }
}

@media (max-width: 1023px) {
  .fo3 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}

.fo4 {
  margin-right: 0px;
}

@media (max-width: 1023px) {
  .fo4 {
    order: 9;
    margin-right: 0px;
    flex-basis: 100%;
  }
}

.fo5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (max-width: 639px) {
  .fo5 {
    font-size: 19px !important;
  }
}

@media (max-width: 1023px) {
  .fo5 {
    font-size: 24px;
  }
}

.fo6 {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
}

.form.fo6 {
  row-gap: 1rem;
}

.fo7 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.form.fo7 {
  row-gap: 1rem;
}

.fo7:hover {
  --tw-scale-x: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.8;
}

.fo8 {
  margin-top: 46px;
  display: flex;
  flex-direction: row;
}

.form.fo8 {
  row-gap: 1rem;
}

.fo9 {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.form.fo9 {
  row-gap: 1rem;
}

@media (min-width: 768px) {
  .fo9 {
    display: none;
  }
}

.fo10 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (max-width: 639px) {
  .fo10 {
    font-size: 16px !important;
  }
}

@media (max-width: 1023px) {
  .fo10 {
    font-size: 24px;
  }

  .fo11 {
    font-size: 16px;
  }
}

.fo12 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (max-width: 639px) {
  .fo12 {
    font-size: 16px !important;
  }
}

@media (max-width: 1023px) {
  .fo12 {
    font-size: 24px;
  }

  .fo13 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .fo14 {
    display: none;
  }
}

@media (max-width: 1023px) {
  .fo14 {
    flex-basis: 50%;
  }
}

.fo15 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (max-width: 639px) {
  .fo15 {
    font-size: 16px !important;
  }
}

@media (max-width: 1023px) {
  .fo15 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .fo16 {
    display: none;
  }
}

@media (max-width: 1023px) {
  .fo16 {
    flex-basis: 50%;
  }
}

.fo17 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (max-width: 639px) {
  .fo17 {
    font-size: 16px !important;
  }
}

@media (max-width: 1023px) {
  .fo17 {
    font-size: 24px;
  }

  .fo18 {
    font-size: 16px;
  }
}

.fo19 {
  font-size: 0.75rem;
  line-height: 1rem;
  opacity: 0.4;
}

.fo20 {
  width: 24px;
}

.mn1 {
  margin-top: 1.5rem;
}

@media (min-width: 1024px) {
  .mn1 {
    display: none;
  }
}

.mn2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form.mn2 {
  row-gap: 1rem;
}

.mn3 {
  margin-top: -0.75rem;
  flex-grow: 1;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}

.mn4 {
  margin-top: -0.75rem;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: rgb(255 255 255 / 0.4);
}

.mn5 {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.form.mn5 {
  row-gap: 1rem;
}

.mn8 {
  padding-bottom: 0.5rem;
}

.mn8:hover {
  opacity: 0.6;
}

.mn9 {
  height: 0.75rem;
  width: 0.75rem;
}

.mn10 {
  margin-bottom: -1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-self: center;
}

.form.mn10 {
  row-gap: 1rem;
}

.sb1 {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 80px;
}

.form.sb1 {
  row-gap: 1rem;
}

.sb2 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.form.sb2 {
  row-gap: 1rem;
}

.sb3 {
  margin-left: auto;
  margin-right: auto;
  height: 74px;
  width: 74px;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}

.sb4 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form.sb4 {
  row-gap: 1rem;
}

.sb5 {
  margin-top: -0.75rem;
  flex-grow: 1;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
}

.sb6 {
  margin-top: -0.75rem;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: rgb(255 255 255 / 0.4);
}

.sb7 {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.form.sb7 {
  row-gap: 1rem;
}

.sb8 {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 80px;
}

.form.sb8 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .faq1 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.faq2 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.5rem;
}

.form.faq2 {
  row-gap: 1rem;
}

@media (max-width: 1023px) {
  .faq2 {
    flex-direction: column-reverse;
  }
}

.faq3 {
  display: flex;
  flex-basis: 66.666667%;
  flex-direction: column;
  row-gap: 1rem;
}

.form.faq3 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .faq3 {
    padding-top: 5rem;
  }
}

.faq4 {
  position: relative;
  top: -7rem;
}

.faq5 {
  margin-bottom: 0.25rem;
  font-size: 32px;
  font-weight: 700;
}

.faq6 {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  border-radius: 28px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.05);
  padding: 0.75rem;
}

.form.faq6 {
  row-gap: 1rem;
}

.faq7 {
  display: flex;
  flex-direction: column;
  row-gap: 0px;
  border-radius: 28px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.05);
  padding: 0.75rem;
}

.form.faq7 {
  row-gap: 1rem;
}

.faq8 {
  border-radius: 28px;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.faq8:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.faq9 {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 1rem;
  padding-top: 0.5rem;
  font-weight: 500;
  color: rgb(255 255 255 / 0.6);
}

.form.faq9 {
  row-gap: 1rem;
}

.faq10 {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .faq10 {
    display: none;
  }
}

.faq11 {
  flex-basis: 33.333333%;
  padding-top: 1rem;
}

.faq12 {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-left: 0.5rem;
}

.form.faq12 {
  row-gap: 1rem;
}

.faq13 {
  margin-bottom: 0.25rem;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.faq14 {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
}

.form.faq14 {
  row-gap: 1rem;
}

.faq15 {
  border-radius: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.faq15:hover {
  background-color: rgb(255 255 255 / 0.05);
}

@media (min-width: 1024px) {
  .faq15 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.rw1 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.form.rw1 {
  row-gap: 1rem;
}

@media (max-width: 767px) {
  .rw1 {
    flex-direction: column;
  }
}

.rw2 {
  display: flex;
  flex-basis: 66.666667%;
  flex-direction: column;
  row-gap: 2rem;
}

.form.rw2 {
  row-gap: 1rem;
}

.rw3 {
  margin-bottom: 0.25rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.rw4 {
  font-weight: 500;
  line-height: 20px;
  color: rgb(255 255 255 / 0.6);
}

.rw5 {
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .rw5 {
    display: none;
  }
}

.rw6 {
  flex-basis: 33.333333%;
  padding-top: 3.5rem;
}

.rw7 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}

.form.rw7 {
  row-gap: 1rem;
}

.rw8 {
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (max-width: 1023px) {
  .rw8 {
    display: none;
  }
}

.rw9 {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 1rem;
  text-align: center;
}

.form.rw9 {
  row-gap: 1rem;
}

.rw10 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.form.rw10 {
  row-gap: 1rem;
}

.rw11 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: auto;
  flex-direction: row;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  mix-blend-mode: lighten;
}

.form.rw11 {
  row-gap: 1rem;
}

.rw12 {
  display: flex;
  height: auto;
  width: 3rem;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 83 / var(--tw-bg-opacity));
}

.form.rw12 {
  row-gap: 1rem;
}

.rw13 {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
}

.rw14 {
  font-weight: 600;
  text-decoration-line: underline;
}

.rw14:hover {
  text-decoration-line: none;
}

.rw15 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.form.rw15 {
  row-gap: 1rem;
}

.rw16 {
  height: 3rem;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.rw17 {
  display: block;
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 83 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
/*  text-transform: capitalize;*/
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rw17:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.pg1 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.form.pg1 {
  row-gap: 1rem;
}

@media (max-width: 767px) {
  .pg1 {
    flex-direction: column;
  }
}

.pg2 {
  display: flex;
  flex-basis: 66.666667%;
  flex-direction: column;
  row-gap: 2rem;
}

.form.pg2 {
  row-gap: 1rem;
}

.pg3 {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  font-weight: 500;
  line-height: 21px;
  color: rgb(255 255 255 / 0.6);
}

.form.pg3 {
  row-gap: 1rem;
}

.pg3 a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.pg3 a:hover {
  text-decoration-line: none;
  opacity: 0.9;
}

@media (max-width: 1023px) {
  .pg3 {
    font-size: 3.73vmin;
    line-height: 26px;
  }
}

.pg4 {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.form.pg4 {
  row-gap: 1rem;
}

.pg5 {
  margin-bottom: 0.25rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.pg6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.form.pg6 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .pg6 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .pg6 {
    row-gap: 16px;
  }
}

.pg7 {
  display: flex;
  /*flex-basis: 262px;*/
  flex-basis: 100%;
  flex-direction: column;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  border-radius: 1.5rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 20px;
  padding-right: 12px;
}

.form.pg7 {
  row-gap: 1rem;
}

@media (min-width: 1024px) {
  .pg7 {
    flex-basis: auto;
  }
}

.pg8 {
  font-weight: 600;
  opacity: 0.6;
}

.pg9 {
  font-size: 52px;
  font-weight: 700;
}

.pg10 {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  font-weight: 500;
  line-height: 21px;
  color: rgb(255 255 255 / 0.6);
}

.form.pg10 {
  row-gap: 1rem;
}

.pg11 {
  position: relative;
  flex-basis: 33.333333%;
  padding-top: 1.25rem;
}

@media (min-width: 1024px) {
  .pg11 {
    padding-top: 3.5rem;
  }
}

.pg12 {
  position: sticky;
  top: 8rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}

.form.pg12 {
  row-gap: 1rem;
}

.cm1 {
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.05);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.cm2 {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.form.cm2 {
  row-gap: 1rem;
}

.cm3 {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .cm4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.cm5 {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.form.cm5 {
  row-gap: 1rem;
}

.cm6 {
  height: 100%;
}

.pf1 {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .pf1 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .pf1 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com  */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Montserrat, Arial, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container {
  width: 100%;
}

@media (min-width: 320px) {
  .container {
    max-width: 320px;
  }
}

@media (min-width: 450px) {
  .container {
    max-width: 450px;
  }
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 650px) {
  .container {
    max-width: 650px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-2 {
  bottom: -0.5rem;
}

.-right-2 {
  right: 0px;
}

.-top-16 {
  top: -4rem;
}

.-top-2 {
  top: 0px;
}

.-top-\[3px\] {
  top: -3px;
}

.left-0 {
  left: 0px;
}

.left-5 {
  left: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.z-10 {
  z-index: 10;
}

.-m-1 {
  margin: -0.25rem;
}

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

@media (min-width: 1024px) {

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-\[45px\] {
  margin-bottom: 45px;
}

.mb-\[64px\] {
  margin-bottom: 16px;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

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

.mr-1 {
  margin-right: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.block {
  display: block;
}

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

.flex {
  display: flex;
}

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

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-\[14px\] {
  height: 14px;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[71px\] {
  height: 71px;
}

.h-\[74px\] {
  height: 74px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.\!max-h-0 {
  max-height: 0px !important;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[9999px\] {
  max-height: 9999px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.w-10 {
  width: 2.5rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-\[14px\] {
  width: 14px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[71px\] {
  width: 71px;
}

.w-\[74px\] {
  width: 74px;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.min-w-0 {
  min-width: 0px;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[125px\] {
  max-width: 125px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[260px\] {
  max-width: 260px;
}

.max-w-\[340px\] {
  max-width: 340px;
}

.max-w-\[350px\] {
  max-width: 350px;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[730px\] {
  max-width: 730px;
}

.max-w-\[768px\] {
  max-width: 768px;
}

.max-w-\[805px\] {
  max-width: 805px;
}

.max-w-\[935px\] {
  max-width: 935px;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.grow-\[1\] {
  flex-grow: 1;
}

.basis-0 {
  flex-basis: 0px;
}

.basis-1\/2 {
  flex-basis: 50%;
}

.basis-5\/12 {
  flex-basis: 41.666667%;
}

.basis-7\/12 {
  flex-basis: 58.333333%;
}

.basis-auto {
  flex-basis: auto;
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

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

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

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

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

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

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

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

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

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

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
  flex-wrap: wrap;
}

.gap-x-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}

.gap-x-0\.5 {
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
       flex-wrap: wrap;
       gap: 8px;
}

.gap-x-3 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 16px
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-1\.5 {
  row-gap: 0.375rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-2 {
  /*row-gap: 0.5rem;*/
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

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

.overflow-hidden {
  overflow: hidden;
}

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

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

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-t-xl {
  border-radius: 16px;
}

.rounded-tl-none {
  margin-top: 8px;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

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

.\!border-\[\#15bc26\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(21 188 38 / var(--tw-border-opacity)) !important;
}

.border-\[\#6b73eb\] {
  --tw-border-opacity: 1;
  border-color: rgb(107 115 235 / var(--tw-border-opacity));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

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

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/\[0\.1\] {
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/\[0\.25\] {
  border-color: rgb(255 255 255 / 0.25);
}

.border-white\/\[0\.2\] {
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/\[0\.5\] {
  border-color: rgb(255 255 255 / 0.5);
}

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

.bg-\[\#15bc26\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 188 38 / var(--tw-bg-opacity));
}

.bg-\[\#2b2d43\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 45 67 / var(--tw-bg-opacity));
}

.bg-\[\#eab11f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 177 31 / var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
}

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

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/\[0\.05\] {
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/\[0\.1\] {
  background-color: rgb(255 255 255 / 0.1);
}

.\!bg-none {
  background-image: none !important;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-24 {
  padding: 6rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[20px\] {
  padding: 20px;
}

.p-\[2px\] {
  padding: 2px;
}

.\!px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!px-\[72px\] {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}

.px-\[64px\] {
  padding-left: 64px;
  padding-right: 64px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-\[58px\] {
  padding-top: 58px;
  padding-bottom: 58px;
}

.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-\[7px\] {
  padding-bottom: 7px;
}

.pb-\[80px\] {
  padding-bottom: 80px;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[16px\] {
  padding-top: 16px;
}

.pt-\[42px\] {
  padding-top: 42px;
}

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

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

.align-top {
  vertical-align: top;
}

.align-text-top {
  vertical-align: text-top;
}

.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
/*  margin-top: -36px;
  margin-bottom: 16px;*/
}

.text-lg-1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-top: -36px;
  margin-bottom: 16px;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-semibold {
  font-weight: 600 !important;
}

.font-\[500\] {
  font-weight: 500;
}

.font-\[700\] {
  font-weight: 700;
}

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
/*  text-transform: capitalize;*/
}

.italic {
  font-style: italic;
}

.leading-\[1\.2rem\] {
  line-height: 1.2rem;
}

.leading-\[122\%\] {
  line-height: 122%;
}

.leading-\[18px\] {
  line-height: 18px;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#12142a\] {
  --tw-text-opacity: 1;
  color: rgb(18 20 42 / var(--tw-text-opacity));
}

.text-\[\#15bc26\] {
  --tw-text-opacity: 1;
  color: rgb(21 188 38 / var(--tw-text-opacity));
}

.text-\[\#eab11f\] {
  --tw-text-opacity: 1;
  color: rgb(234 177 31 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-white\/\[0\.6\] {
  color: rgb(255 255 255 / 0.6);
}

.text-white\/\[0\.7\] {
  color: rgb(255 255 255 / 0.7);
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}

.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.\!opacity-0 {
  opacity: 0 !important;
}

.\!opacity-100 {
  opacity: 1 !important;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-90 {
  opacity: 0.9;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur-lg {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

html[data-ui-scale="-1"] {
  font-size: 14px;
}

html[data-ui-scale="1"]  {
  font-size: 18px;
}

html[data-ui-scale="2"]  {
  font-size: 20px;
}

html[data-ui-scale="3"]  {
  font-size: 22px;
}

body {
  min-width: 330px;
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

* {
  outline-width:0 !important;
}

::-moz-selection {
  background-color: rgb(18 20 43 / 0.15);
}

::selection {
  background-color: rgb(18 20 43 / 0.15);
}

.site-container {
  /* @apply w-full px-4 max-w-[1376px] mx-auto; */
  margin-left: auto;
  margin-right: auto;
  width: calc(100vw - 32px);
  max-width: 1380px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .site-container {
    width: calc(100vw - 64px);
  }
}

@media (min-width: 1024px) {
  .site-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 100px;
  }
}

header {
  font-size: 19px;
}

.pay-systems {
  gap: 8px;
}

.pay-systems > div {
  width: 50px;
  height: 27px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1023px) {
  .pay-systems > div {
    height: auto;
    min-height: 25px;
    width: 100%;
    max-width: 80px;
    justify-content: flex-start;
  }
}

.payment-method-icon svg {
  max-height: 36px;
  max-width: 40px;
}

.payment-method {
}

.payment-method .title-to-translate {
  transform: translate(0, 0);
  transition: 500ms;
}

@media (min-width: 768px) {
  .payment-method.active-payment-method .title-to-translate {
    --tw-translate-y: -20px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media screen and (min-width: 1024px) {
  div.bg-front-picture {
    background-size: 53% !important;
    background-position-x: right !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  div.bg-front-picture {
    background-size: 74% !important;
    background-position: 27% 90px;
  }
}

.hover\:border-white\/\[0\.5\]:hover {
  border-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-primary\/\[0\.05\]:hover {
  background-color: rgb(18 20 43 / 0.05);
}

.hover\:bg-white\/\[0\.1\]:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(18 20 43 / var(--tw-border-opacity));
}

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(18 20 43 / var(--tw-ring-opacity));
}

.active\:text-primary:active {
  --tw-text-opacity: 1;
  color: rgb(18 20 43 / var(--tw-text-opacity));
}

:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}

:is(.dark .dark\:border-gray-600) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-gray-800) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

:is(.dark .dark\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-zinc-400) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:placeholder-gray-400)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

:is(.dark .dark\:focus\:border-blue-500:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

:is(.dark .dark\:focus\:ring-primary:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(18 20 43 / var(--tw-ring-opacity));
}

@media (min-width: 640px) {
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:max-w-\[200px\] {
    max-width: 300px;
  }

  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:bg-\[\#2b2d43\] {
    --tw-bg-opacity: 1;
    background-color: rgb(43 45 67 / var(--tw-bg-opacity));
  }

  .lg\:bg-white\/\[0\.05\] {
    background-color: rgb(255 255 255 / 0.05);
  }

  .lg\:p-14 {
    padding: 3.5rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-\[24px\] {
    padding: 24px;
  }

  .lg\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lg\:px-\[31px\] {
    padding-left: 31px;
    padding-right: 31px;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:pt-\[53px\] {
    padding-top: 53px;
  }

  .lg\:pt-\[8px\] {
    padding-top: 8px;
  }

  .lg\:font-semibold {
    font-weight: 600;
  }
}

@media (min-width: 1280px) {
  .xl\:rounded-3xl {
    border-radius: 1.5rem;
  }
}

@media (min-width: 768px) {
  .min-md\:bg-\[\#2b2d43\] {
    --tw-bg-opacity: 1;
    background-color: rgb(43 45 67 / var(--tw-bg-opacity));
  }

  .min-md\:bg-white\/\[0\.05\] {
    background-color: rgb(255 255 255 / 0.05);
  }
}

@media (min-width: 1024px) {
  .min-lg\:\!bg-contain {
    background-size: contain !important;
  }

  .min-lg\:bg-front-image-position {
    background-position: calc(100% + 37px) calc(50% + 17px);
  }

  .min-lg\:p-4 {
    padding: 1rem;
  }
}

@media (max-width: 639px) {
  .max-sm\:hidden {
    display: none;
  }
}

@media (max-width: 767px) {
  .max-md\:order-\[-1\] {
    order: -1;
  }

  .max-md\:grid {
    display: grid;
  }

  .max-md\:w-full {
    width: 100%;
  }

  .max-md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-md\:flex-row {
    flex-direction: row;
  }

  .max-md\:flex-col {
    flex-direction: column;
  }

  .max-md\:flex-wrap {
    flex-wrap: wrap;
  }

  .max-md\:gap-y-4 {
    row-gap: 1rem;
  }

  .max-md\:border-0 {
    border-width: 0px;
  }

  .max-md\:bg-transparent {
    background-color: transparent;
  }

  .max-md\:p-0 {
    padding: 0px;
  }

  .max-md\:p-4 {
    padding: 1rem;
  }

  .max-md\:\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .max-md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .max-md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .max-md\:pt-2 {
    padding-top: 0.5rem;
  }

  .max-md\:\!text-sm {
    font-size: 0.875rem !important;
    line-height: 2.25rem !important;
  }

  .max-md\:font-normal {
    font-weight: 400;
  }
}

@media (max-width: 1023px) {
  .max-lg\:mb-\[20px\] {
    margin-bottom: 20px;
  }

  .max-lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .max-lg\:grid {
    display: grid;
  }

  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:w-full {
    width: 100%;
  }

  .max-lg\:grow {
    flex-grow: 1;
  }

  .max-lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-lg\:justify-center {
    justify-content: center;
  }

  .max-lg\:gap-x-\[12px\] {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }

  .max-lg\:gap-x-\[18px\] {
    -moz-column-gap: 18px;
         column-gap: 18px;
  }

  .max-lg\:gap-y-4 {
    row-gap: 1rem;
  }

  .max-lg\:gap-y-\[10px\] {
    row-gap: 10px;
  }

  .max-lg\:self-center {
    align-self: center;
  }

  .max-lg\:overflow-x-auto {
    overflow-x: auto;
  }

  .max-lg\:rounded-\[9px\] {
    border-radius: 9px;
  }

  .max-lg\:rounded-tr-none {
    /*border-top-right-radius: 0px;*/
  }

  .max-lg\:border-0 {
    border-width: 0px;
  }

  .max-lg\:bg-\[\#12142b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 20 43 / var(--tw-bg-opacity));
  }

  .max-lg\:bg-transparent {
    background-color: transparent;
  }

  .max-lg\:bg-top {
    background-position: top;
  }

  .max-lg\:p-6 {
    padding: 1.5rem;
  }

  .max-lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .max-lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .max-lg\:pb-0 {
    padding-bottom: 0px;
  }

  .max-lg\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .max-lg\:pt-\[20px\] {
    padding-top: 20px;
  }

  .max-lg\:pt-\[calc\(60vw\*1\.08\)\] {
    padding-top: calc(60vw * 1.08);
  }

  .max-lg\:text-center {
    text-align: center;
  }

  .max-lg\:text-\[16px\] {
    font-size: 16px;
  }

  .max-lg\:text-\[24px\] {
    font-size: 24px;
  }

  .max-lg\:font-medium {
    font-weight: 500;
  }

  .max-lg\:font-normal {
    font-weight: 400;
  }

  .max-lg\:leading-\[20px\] {
    line-height: 20px;
  }

  .max-lg\:leading-\[34px\] {
    line-height: 34px;
  }
}



/* Reviews part */


.review-background {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000000d1;
  justify-content: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  z-index: 90;
  opacity: 0;
  transition: opacity 300ms;
}

body.review-form-visible .review-background {
  display: flex;
  opacity: 1;
}

.review-add {
  display: flex;
  flex-direction: column;
  background: #12142b;
  border: 1px solid #f9f9f914;
  border-radius: 16px;
  padding: 32px;
  gap: 16px;
  width: 775px;
}

.review-add-content {
  font-weight: 600;
  float: left;
  margin-bottom: 16px;
}

.order {
  float: left;
  margin-right: 16px;
}

.order-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.order-input {
  margin: 0px;
  padding: 0px;
  background: #2a2c41;
  border-radius: 8px;
  width: 300px;
  height: 44px;
  border: 1px solid #f9f9f914;
  padding-left: 16px;
  cursor: pointer;
  outline: none;
}

.review {

}

.review-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.review-text {
  margin: 0px;
  background: #2a2c41;
  border-radius: 8px;
  width: 100%;
  border: 1px solid #f9f9f914;
  padding: 16px;
  height: 150px;
  cursor: pointer;
  outline: none;
  resize: none;
}

.button-review {
  display: block;
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 83 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  /* text-transform: capitalize; */
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-review:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}


.stars-review {
  cursor: pointer;
}

.order-error {
  font-size: 13px;
  margin-top: 4px;
  color: #219653;
}

.review-close {
  float: right;
  cursor: pointer;
  font-size: 14px;
}

.order-names {

}

.other-contacts {
  margin-top: 8px;
}

.text-contacts {
  font-size: 14px;
}



@media (max-width: 767px) {



  .review-add-content {
    font-weight: 600;
    float: left;
    width: 70%;
  }

  .review-add {
    background: #12142b;
    border: 1px solid #f9f9f914;
    border-radius: 16px;
    padding: 32px;
    margin: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .stars-review {
    cursor: pointer;
    margin-bottom: 16px;
  }

  .order {
    float: left;
    margin-right: 0px;
    margin-bottom: 16px;
  }

  .order-names {
    display: flex;
    flex-direction: column;
  }

  .order-input {
    margin: 0px;
    padding: 0px;
    background: #2a2c41;
    border-radius: 8px;
    width: 100%;
    height: 44px;
    border: 1px solid #f9f9f914;
    padding-left: 16px;
    cursor: pointer;
    outline: none;
  }
}

#review-form input.invalid,
#review-form textarea.invalid{
  border: 1px solid #d362629e;
}

/* End of Reviews part */