/**
 * Swiper 9.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 16, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

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

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

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

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

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

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

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

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

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

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

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

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

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

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

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

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

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0.5s linear;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -ms-user-select: none;
      user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
          animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
}

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), color-stop(60%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/**
 * Functions for ViewPort Calculating
============
  SCSS
  .selector {
    font-size: px(18);
    @include md
      font-size: pxm(14);
    @include xs
      font-size: pxs(12);
  }

  CSS RESULT
  .selector {
    font-size: 18px;
  }
  @media (max-width: 768px) {
    .selector {
      font-size: 14px;
    }
  }
  @media (max-width: 320px) {
    .selector {
      font-size: 12px;
    }
  }
============
*/
/**
  function VA => use for calculate letter-spacing from photoshop
============
  SCSS
  .selector {
    letter-spacing: VA(120, 14);
  }

  CSS RESULT
  .selector {
    letter-spacing: 1.68px;
  }
============
  $unit => VA value in photoshop
  $font_size => how px font-size in photoshop ||| default 16
  $return px | em ||| default px
 */
:root {
  --header-height: 55px;
  --current-scrollbar-width: 0px;
}

@font-face {
  font-family: "Inter";
  font-display: swap;
  src: url("../../assets/fonts/Inter-Regular.eot") format("eot");
  src: url("../../assets/fonts/Inter-Regular.woff") format("woff"), url("../../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter-Regular.svg") format("svg"), url("../../assets/fonts/Inter-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  src: url("../../assets/fonts/Inter-Medium.eot") format("eot");
  src: url("../../assets/fonts/Inter-Medium.woff") format("woff"), url("../../assets/fonts/Inter-Medium.woff2") format("woff2"), url("../../assets/fonts/Inter-Medium.svg") format("svg"), url("../../assets/fonts/Inter-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  src: url("../../assets/fonts/Inter-SemiBold.eot") format("eot");
  src: url("../../assets/fonts/Inter-SemiBold.woff") format("woff"), url("../../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter-SemiBold.svg") format("svg"), url("../../assets/fonts/Inter-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Sora";
  font-display: swap;
  src: url("../../assets/fonts/Sora-Medium.eot") format("eot");
  src: url("../../assets/fonts/Sora-Medium.woff") format("woff"), url("../../assets/fonts/Sora-Medium.woff2") format("woff2"), url("../../assets/fonts/Sora-Medium.svg") format("svg"), url("../../assets/fonts/Sora-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sora";
  font-display: swap;
  src: url("../../assets/fonts/Sora-SemiBold.eot") format("eot");
  src: url("../../assets/fonts/Sora-SemiBold.woff") format("woff"), url("../../assets/fonts/Sora-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Sora-SemiBold.svg") format("svg"), url("../../assets/fonts/Sora-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Thin.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Thin.woff") format("woff"), url("../../assets/fonts/Montserrat-Thin.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Thin.svg") format("svg"), url("../../assets/fonts/Montserrat-Thin.ttf") format("ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-ThinItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-ThinItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-ThinItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-ThinItalic.ttf") format("ttf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-ExtraLight.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-ExtraLight.woff") format("woff"), url("../../assets/fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../../assets/fonts/Montserrat-ExtraLight.svg") format("svg"), url("../../assets/fonts/Montserrat-ExtraLight.ttf") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-ExtraLightItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-ExtraLightItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-ExtraLightItalic.ttf") format("ttf");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Light.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Light.woff") format("woff"), url("../../assets/fonts/Montserrat-Light.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Light.svg") format("svg"), url("../../assets/fonts/Montserrat-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-LightItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-LightItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-LightItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-LightItalic.ttf") format("ttf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Regular.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Regular.woff") format("woff"), url("../../assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Regular.svg") format("svg"), url("../../assets/fonts/Montserrat-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Italic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Italic.woff") format("woff"), url("../../assets/fonts/Montserrat-Italic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Italic.svg") format("svg"), url("../../assets/fonts/Montserrat-Italic.ttf") format("ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Medium.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Medium.woff") format("woff"), url("../../assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Medium.svg") format("svg"), url("../../assets/fonts/Montserrat-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-MediumItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-MediumItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-MediumItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-MediumItalic.ttf") format("ttf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-SemiBold.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-SemiBold.woff") format("woff"), url("../../assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Montserrat-SemiBold.svg") format("svg"), url("../../assets/fonts/Montserrat-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-SemiBoldItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-SemiBoldItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-SemiBoldItalic.ttf") format("ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Bold.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Bold.woff") format("woff"), url("../../assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Bold.svg") format("svg"), url("../../assets/fonts/Montserrat-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-BoldItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-BoldItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-BoldItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-BoldItalic.ttf") format("ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-ExtraBold.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-ExtraBold.woff") format("woff"), url("../../assets/fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../../assets/fonts/Montserrat-ExtraBold.svg") format("svg"), url("../../assets/fonts/Montserrat-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-ExtraBoldItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-ExtraBoldItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-ExtraBoldItalic.ttf") format("ttf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Black.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-Black.woff") format("woff"), url("../../assets/fonts/Montserrat-Black.woff2") format("woff2"), url("../../assets/fonts/Montserrat-Black.svg") format("svg"), url("../../assets/fonts/Montserrat-Black.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-BlackItalic.eot") format("eot");
  src: url("../../assets/fonts/Montserrat-BlackItalic.woff") format("woff"), url("../../assets/fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../../assets/fonts/Montserrat-BlackItalic.svg") format("svg"), url("../../assets/fonts/Montserrat-BlackItalic.ttf") format("ttf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  font-display: swap;
  src: url("../../assets/fonts/PlayfairDisplay-SemiBoldItalic.eot") format("eot");
  src: url("../../assets/fonts/PlayfairDisplay-SemiBoldItalic.woff") format("woff"), url("../../assets/fonts/PlayfairDisplay-SemiBoldItalic.woff2") format("woff2"), url("../../assets/fonts/PlayfairDisplay-SemiBoldItalic.svg") format("svg"), url("../../assets/fonts/PlayfairDisplay-SemiBoldItalic.ttf") format("ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display";
  font-display: swap;
  src: url("../../assets/fonts/PlayfairDisplay-ExtraBoldItalic.eot") format("eot");
  src: url("../../assets/fonts/PlayfairDisplay-ExtraBoldItalic.woff") format("woff"), url("../../assets/fonts/PlayfairDisplay-ExtraBoldItalic.woff2") format("woff2"), url("../../assets/fonts/PlayfairDisplay-ExtraBoldItalic.svg") format("svg"), url("../../assets/fonts/PlayfairDisplay-ExtraBoldItalic.ttf") format("ttf");
  font-weight: 800;
  font-style: italic;
}
* {
  padding: 0;
  margin: 0;
  outline: none;
}

.lock {
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: none;
      touch-action: none;
}

.disable-display {
  display: none !important;
}

body {
  padding-right: var(--current-scrollbar-width);
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: #fff;
  color: #304659;
  -webkit-text-size-adjust: 100%;
}

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

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

p {
  margin: 0;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

textarea {
  resize: none;
}

section {
  position: relative;
}

input,
select,
button,
textarea {
  font: inherit;
  outline: none !important;
  border: none;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
}

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.global-section {
  width: 100%;
  position: relative;
  padding: 60px 30px;
  z-index: 1;
}
@media (max-width: 375px) {
  .global-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.pt-header-height {
  width: 100%;
  height: 100%;
  padding-top: var(--header-height);
}

.light-bg {
  width: 100%;
  height: 100%;
  background-color: #f9fafb;
}

.container, .p-container {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .container, .p-container {
    max-width: 636px;
  }
}

.p-container {
  max-width: 1010px;
  padding-inline: 30px;
}
@media screen and (max-width: 1024px) {
  .p-container {
    max-width: 696px;
  }
}
@media screen and (max-width: 375px) {
  .p-container {
    padding-inline: 15px;
  }
}
@media screen and (min-width: 1025px) {
  .p-container.xl {
    max-width: 1140px;
  }
}

.swiper-container {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .global-dropdown-list {
    display: none;
  }
}

button {
  cursor: pointer;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

.color-red {
  color: #ff6174;
}

.simplebar-scrollbar:before {
  background: rgb(255, 255, 255);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.important__none {
  display: none !important;
}

input::-webkit-date-and-time-value {
  text-align: left !important;
}

.scroll-locking-element {
  padding-right: var(--current-scrollbar-width);
}

.mb-6 {
  margin-bottom: 6px;
}

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

.global-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .global-title {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (max-width: 576px) {
  .global-title {
    margin-bottom: 13px;
    line-height: 28px;
  }
}

.global-subtitle {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #6f7077;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 650px;
}
@media (max-width: 576px) {
  .global-subtitle {
    margin-bottom: 15px;
  }
}

.global-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 14px;
  grid-row-gap: 9px;
  margin-bottom: 23px;
}
@media (max-width: 1024px) {
  .global-list {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .global-list {
    margin-bottom: 24px;
    grid-column-gap: 0px;
    grid-row-gap: 8px;
  }
}
.global-list li {
  width: calc(50% - 7px);
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #304659;
  padding-left: 28px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .global-list li {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .global-list li {
    font-size: 15px;
    line-height: 24px;
  }
}
.global-list li::before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("../../assets/svg/marker.svg") no-repeat;
  background-size: 100% 100%;
  content: "";
}

.global-uppertitle {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 2.34375px;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .global-uppertitle {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    line-height: 28px;
  }
}
@media (max-width: 576px) {
  .global-uppertitle {
    letter-spacing: 3px;
  }
}

.global-socials {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  grid-column-gap: 14px;
}
@media (max-width: 576px) {
  .global-socials {
    grid-column-gap: 18px;
  }
}

.global-social__item {
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 576px) {
  .global-social__item {
    width: 18px;
    height: 18px;
  }
}
.global-social__item .icon {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .global-social__item .icon {
    width: 18px;
    height: 18px;
  }
}

.primary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-width: 1px;
  border-style: solid;
  -o-border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
     border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
}
.primary-btn::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.primary-btn .value {
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
}
.primary-btn .arrow {
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-width: 10px;
  margin-left: 6px;
}
.primary-btn .arrow::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-gradient.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 1;
}
.primary-btn .arrow::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-white.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 0;
  z-index: 1;
}
@media (min-width: 1025px) {
  .primary-btn:hover::after {
    opacity: 1;
  }
  .primary-btn:hover .value {
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
  }
  .primary-btn:hover .arrow::before {
    opacity: 0;
  }
  .primary-btn:hover .arrow::after {
    opacity: 1;
  }
}

.filled-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-width: 1px;
  border-style: solid;
  -o-border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
     border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
}
.filled-btn::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  pointer-events: none;
}
.filled-btn .value {
  color: #fff;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
  position: relative;
  z-index: 2;
}
.filled-btn .arrow {
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-width: 10px;
  margin-left: 6px;
}
.filled-btn .arrow::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-gradient.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 1;
  opacity: 0;
}
.filled-btn .arrow::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-white.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 1;
}
@media (min-width: 1025px) {
  .filled-btn:hover::after {
    opacity: 0;
  }
  .filled-btn:hover .value {
    background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
  }
  .filled-btn:hover .arrow::before {
    opacity: 1;
  }
  .filled-btn:hover .arrow::after {
    opacity: 0;
  }
}

.blur-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  -webkit-backdrop-filter: blur(7.8125px);
          backdrop-filter: blur(7.8125px);
}
.blur-btn::after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  position: absolute;
  top: -1px;
  left: -1px;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.blur-btn .value {
  color: #fff;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.blur-btn .arrow {
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-width: 10px;
  margin-left: 6px;
}
.blur-btn .arrow::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-white.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 1;
  z-index: 1;
}
.blur-btn.btn-play .arrow {
  min-width: 14px;
  width: 14px;
  height: 14px;
}
.blur-btn.btn-play .arrow::after {
  background: url("../../assets/svg/play-fill.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media (min-width: 1025px) {
  .blur-btn:hover {
    border-color: transparent;
  }
  .blur-btn:hover::after {
    opacity: 1;
  }
}

.global-slider-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
  width: calc(100% + 90px);
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1100px) {
  .global-slider-btns {
    width: calc(100% + 29px);
  }
}
@media (max-width: 1024px) {
  .global-slider-btns {
    width: calc(100% + 70px);
  }
}
@media (max-width: 730px) {
  .global-slider-btns {
    width: calc(100% - 18px);
  }
}

.global-slider-btn {
  pointer-events: all;
  width: 29px;
  height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #d6dade;
  -webkit-backdrop-filter: blur(11.7188px);
          backdrop-filter: blur(11.7188px);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
}
@media (max-width: 1024px) {
  .global-slider-btn {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 730px) {
  .global-slider-btn {
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
  }
}
@media (max-width: 576px) {
  .global-slider-btn {
    width: 36px;
    height: 36px;
  }
}
.global-slider-btn .icon {
  width: 7px;
  height: 13px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #c7cdd2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .global-slider-btn .icon {
    width: 6.5px;
    height: 12px;
  }
}
@media (max-width: 576px) {
  .global-slider-btn .icon {
    width: 9px;
    height: 17px;
    fill: #fff;
  }
}
@media (min-width: 1025px) {
  .global-slider-btn:hover {
    background: #4f4f4f;
    border-color: #4f4f4f;
  }
  .global-slider-btn:hover .icon {
    fill: #fff;
  }
}
.global-slider-btn.swiper-button-disabled {
  pointer-events: none !important;
}
@media (max-width: 730px) {
  .global-slider-btn.swiper-button-disabled {
    opacity: 0.7 !important;
  }
}

.arrow-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .arrow-link:hover {
    color: #3da6b0;
  }
  .arrow-link:hover .icon {
    stroke: #3da6b0;
  }
}
.arrow-link .icon {
  fill: none;
  width: 12px;
  min-width: 12px;
  height: 12px;
  stroke: #475467;
  stroke-width: 2px;
  stroke-linecap: round;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.arrow-link .icon-arrow-left {
  margin-right: 12px;
}
.arrow-link .icon-arrow-right {
  margin-left: 12px;
}

.global-play__btn {
  width: 55px;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 576px) {
  .global-play__btn {
    width: 63px;
    height: 63px;
  }
}
.global-play__btn::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/play-fill.svg") center no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.global-play__btn::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/play-fill-bg.svg") center no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
@media (min-width: 1025px) {
  .global-play__btn:hover::after {
    opacity: 0;
  }
  .global-play__btn:hover::before {
    opacity: 1;
  }
}

.link-primary {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  text-align: right;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  border-width: 0 0 1px 0;
  border-style: solid;
  -o-border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
     border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link-primary.sm {
  font-size: 13px;
}
.link-primary.no-border {
  border-width: 0;
}
@media screen and (min-width: 1025px) {
  .link-primary:hover {
    -webkit-transform: scale(0.975);
            transform: scale(0.975);
  }
}

.outline-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #fff;
  color: #fff;
}
.outline-btn::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.outline-btn .value {
  color: #fff;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.outline-btn .arrow {
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-width: 10px;
  margin-left: 6px;
}
.outline-btn .arrow::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-white.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 1;
  z-index: 1;
}
@media (min-width: 1025px) {
  .outline-btn:hover {
    border-color: transparent;
  }
  .outline-btn:hover::after {
    opacity: 1;
  }
}

.footer {
  width: 100%;
  position: relative;
  padding: 0 35px;
  background-color: #383d44;
}
.footer-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .footer-container {
    max-width: 640px;
  }
}
.footer-top {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 50px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 576px) {
  .footer-top {
    grid-column-gap: 0;
    grid-row-gap: 32px;
    padding: 48px 0;
    padding-bottom: 32px;
  }
}
.footer-column {
  max-width: 250px;
}
@media (max-width: 1024px) {
  .footer-column {
    width: 50%;
    max-width: calc(50% - 50px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 576px) {
  .footer-column {
    max-width: none;
    width: 100%;
  }
}
.footer-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-row-gap: 25px;
  margin-right: auto;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .footer-media {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 576px) {
  .footer-media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-row-gap: 32px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .footer-socials {
    margin-top: -9px;
  }
}
.footer-logo {
  width: 149px;
  min-width: 149px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 576px) {
  .footer-logo {
    width: 175px;
    min-width: 175px;
  }
}
.footer-logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.footer-member {
  width: 71px;
  min-width: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 576px) {
  .footer-member {
    width: 82px;
    min-width: 82px;
  }
}
.footer-member img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.footer-infobox {
  width: 100%;
  position: relative;
  margin-bottom: 24px;
}
@media (max-width: 576px) {
  .footer-infobox {
    margin-bottom: 26px;
  }
}
.footer-infobox:last-child {
  margin-bottom: 0;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .footer-contacts {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .footer-country-1 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .footer-country-2 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.footer-infotitle {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  color: #d0d5dd;
  margin-bottom: 12px;
}
@media (max-width: 576px) {
  .footer-infotitle {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.footer-infolist {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer-infoitem {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  color: #eaecf0;
}
@media (max-width: 576px) {
  .footer-infoitem {
    font-size: 13px;
    line-height: 22px;
  }
}
.footer-infolink {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  color: #eaecf0;
  margin-bottom: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .footer-infolink {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .footer-infolink:hover {
    color: #fff;
  }
}
.footer-infolink:active {
  color: #fff;
}
.footer-infolink:last-child {
  margin-bottom: 0;
}
.footer-bottom {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 0;
  grid-column-gap: 40px;
  border-top: 1px solid #606469;
}
@media (max-width: 1024px) {
  .footer-bottom {
    grid-column-gap: 20px;
  }
}
@media (max-width: 700px) {
  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column-gap: 0;
  }
}
@media (max-width: 576px) {
  .footer-bottom {
    padding: 20px 0;
  }
}
.footer-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row-gap: 4px;
  grid-column-gap: 26px;
}
@media (max-width: 1024px) {
  .footer-links {
    max-width: 340px;
    grid-column-gap: 22px;
    margin-bottom: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .footer-links {
    margin-bottom: 18px;
    grid-column-gap: 24px;
    grid-row-gap: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    max-width: 270px;
    margin-right: auto;
  }
}
.footer-links li {
  position: relative;
}
.footer-links li::after {
  content: "|";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) translateX(15px);
          transform: translateY(-50%) translateX(15px);
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 19px;
  color: #d0d5dd;
}
@media (max-width: 1024px) {
  .footer-links li::after {
    font-size: 10px;
    -webkit-transform: translateY(-50%) translateX(12px);
            transform: translateY(-50%) translateX(12px);
  }
}
@media (max-width: 576px) {
  .footer-links li::after {
    font-size: 13px;
    line-height: 24px;
    -webkit-transform: translateY(-50%) translateX(14px);
            transform: translateY(-50%) translateX(14px);
  }
}
.footer-links li:last-child::after {
  display: none;
}
@media screen and (min-width: 577px) and (max-width: 1024px) {
  .footer-links li:nth-child(3n)::after {
    display: none;
  }
}
@media (max-width: 576px) {
  .footer-links li:nth-child(2n)::after {
    display: none;
  }
}
@media (max-width: 360px) {
  .footer-links li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-links li::after {
    display: none;
  }
}
.footer-link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 19px;
  color: #d0d5dd;
}
@media (max-width: 1024px) {
  .footer-link {
    font-size: 10px;
  }
}
@media (max-width: 576px) {
  .footer-link {
    font-size: 13px;
    line-height: 19px;
  }
}
@media (max-width: 360px) {
  .footer-link {
    text-align: center;
  }
}
@media (min-width: 1025px) {
  .footer-link:hover {
    text-decoration: underline;
  }
}
.footer-link:active {
  text-decoration: underline;
}
.footer-link-with-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -1px;
}
@media screen and (max-width: 1024px) {
  .footer-link-with-logo {
    margin-top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer-link-with-logo__img {
  display: block;
  width: 100%;
  height: 100%;
}
.footer-link-with-logo__img.trustpilot {
  max-width: 80px;
  margin-left: 8px;
  margin-bottom: 3px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .footer-link-with-logo__img.trustpilot {
    margin-bottom: 0;
  }
}
.footer-copyright {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 19px;
  color: #d0d5dd;
}
@media (max-width: 1024px) {
  .footer-copyright {
    font-size: 10px;
  }
}
@media (max-width: 700px) {
  .footer-copyright {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .footer-copyright {
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .small-footer .footer-top {
    padding: 47px 0 47px;
  }
}
@media screen and (min-width: 1025px) {
  .small-footer .footer-bottom {
    padding: 11px 0 13px;
  }
}
@media screen and (min-width: 1025px) {
  .small-footer .footer-media {
    gap: 23px;
  }
}
@media screen and (min-width: 1025px) {
  .small-footer .footer-infobox {
    margin-bottom: 23px;
  }
  .small-footer .footer-infobox:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .small-footer .footer-infoitem {
    line-height: 17px;
  }
}
.small-footer .footer-links li:last-child {
  display: none;
}
.small-footer .footer-links li:nth-last-child(2):after {
  display: none;
}

.signature {
  max-width: 517px;
  margin: 0 auto;
}
.signature__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% + 24px);
  margin-inline: -12px;
  row-gap: 18px;
}
.signature__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: 12px;
}
.signature__field-wrap {
  padding: 11px 20px;
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .signature__field-wrap {
    padding: 11px 16px;
  }
}
.signature__field {
  padding: 10px;
  border: 1px dashed #b7bcc0;
}
.signature__canvas {
  display: block;
  max-width: 360px;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  border-bottom: 1px solid #b7bcc0;
  background-color: #fff;
}
@media screen and (max-width: 576px) {
  .signature__canvas {
    max-width: 180px;
    height: 40px;
  }
}
.signature__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.signature__reset-btn {
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.sent-message-status {
  max-width: 500px;
  width: calc(100% - 60px);
  padding: 35px 30px;
  padding-bottom: 30px;
  position: fixed;
  top: 26.5%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translate(-50%, calc(-50% - 10px));
          transform: translate(-50%, calc(-50% - 10px));
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(27.04px);
          backdrop-filter: blur(27.04px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .sent-message-status {
    top: 24%;
  }
}
@media (max-height: 520px) {
  .sent-message-status {
    top: 50%;
  }
}
@media (max-width: 576px) {
  .sent-message-status {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 374px) {
  .sent-message-status {
    width: calc(100% - 40px);
  }
}
.sent-message-status.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sent-message-status__icon {
  display: block;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin: 0 auto;
  margin-bottom: 14px;
}
.sent-message-status__title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .sent-message-status__title {
    font-size: 24px;
  }
}
.sent-message-status__text {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
@media (max-width: 450px) {
  .sent-message-status__text {
    max-width: 230px;
    margin: 0 auto;
  }
}

.header {
  padding: 10px calc(var(--current-scrollbar-width) + 30px) 10px 30px;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  z-index: 99;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  min-height: 55px;
  max-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .header {
    min-height: 66px;
    max-height: 66px;
  }
}
@media (max-width: 375px) {
  .header {
    padding: 10px calc(var(--current-scrollbar-width) + 20px) 10px 20px;
  }
}
.header.fixed {
  position: fixed;
  -webkit-transition: top 0s, background 0.3s, padding-right 0s, -webkit-transform 0.3s;
  transition: top 0s, background 0.3s, padding-right 0s, -webkit-transform 0.3s;
  transition: top 0s, transform 0.3s, background 0.3s, padding-right 0s;
  transition: top 0s, transform 0.3s, background 0.3s, padding-right 0s, -webkit-transform 0.3s;
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: transparent;
}
@media (max-width: 375px) {
  .header.fixed {
    padding-right: calc(var(--current-scrollbar-width) + 20px);
  }
}
.header.fixed::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  -webkit-backdrop-filter: blur(26px);
          backdrop-filter: blur(26px);
  content: "";
}
.header .container, .header .p-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .header .container, .header .p-container {
    max-width: 668px !important;
  }
}
.header-join-btn {
  font-size: 12px;
  padding: 8px 6px;
  min-height: 31px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(17.1875px);
          backdrop-filter: blur(17.1875px);
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid transparent;
  color: #fff;
  margin-left: 23px;
  -webkit-box-ordinal-group: 101;
      -ms-flex-order: 100;
          order: 100;
  white-space: nowrap;
}
.header-join-btn::after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  position: absolute;
  top: -1px;
  left: -1px;
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .header-join-btn {
    font-size: 11px;
    margin-left: 25px;
  }
}
@media (max-width: 576px) {
  .header-join-btn {
    font-size: 12px;
    margin-left: 20px;
  }
}
@media (min-width: 1025px) {
  .header-join-btn:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }
  .header-join-btn:hover::after {
    opacity: 0;
  }
}
.header-join-btn:active {
  border-color: rgba(255, 255, 255, 0.4);
}
.header-join-btn:active::after {
  opacity: 0;
}
.header__logo-mobile {
  max-width: 115px;
  margin-bottom: 32px;
  display: none;
  -webkit-box-ordinal-group: -998;
      -ms-flex-order: -999;
          order: -999;
}
.header__logo-mobile img {
  width: 100%;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
@media (max-width: 576px) {
  .header__logo-mobile {
    display: block;
  }
}
.header__logo {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 122px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 27px;
}
@media (max-width: 1024px) {
  .header__logo {
    margin-right: 20px;
  }
}
@media (max-width: 350px) {
  .header__logo {
    max-width: 105px;
  }
}
@media (max-width: 310px) {
  .header__logo {
    max-width: 80px;
  }
}
.header__logo img {
  width: 100%;
  height: auto;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.header-secure {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  margin-left: 25px;
}
@media (max-width: 1024px) {
  .header-secure {
    font-size: 11px;
    line-height: 13px;
  }
}
@media (max-width: 576px) {
  .header-secure {
    display: none;
  }
}
.header-secure .symbol {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}
@media (max-width: 1024px) {
  .header-secure .symbol {
    min-width: 15px;
    height: 15px;
    min-width: 15px;
  }
}
.header-secure .icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .header-secure .icon {
    width: 15px;
    height: 15px;
  }
}
.header-secure .icon.stroke {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1.5px;
}
.header-body__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .header-body__inner {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    overflow-y: auto;
  }
}
.header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 576px) {
  .header__body.hide-content .header-body__inner {
    overflow: hidden !important;
  }
}
@media (max-width: 1024px) {
  .header__body {
    width: auto;
    margin-left: auto;
  }
}
@media (max-width: 576px) {
  .header__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
    padding: 20px 30px;
    padding-bottom: 30px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
    flex-direction: column;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    visibility: hidden;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
  }
  .header__body::after {
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
  }
  .header__body.active {
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 375px) {
  .header__body {
    padding: 20px;
    padding-bottom: 30px;
  }
}
.header__body-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 11px;
  right: 11px;
  display: none;
  cursor: pointer;
}
.header__body-close .icon {
  width: 13px;
  height: 13px;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__body-close:active .icon {
  fill: #A5EBFB;
}
@media (max-width: 576px) {
  .header__body-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header__toggle {
  display: none;
  width: 20px;
  height: 17px;
  min-width: 20px;
  position: relative;
  -webkit-box-ordinal-group: 91;
      -ms-flex-order: 90;
          order: 90;
}
.header__toggle .icon {
  width: 20px;
  height: 17px;
  stroke: #fff;
  stroke-width: 1.7px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .header__toggle .icon {
    width: 24px;
    height: 20px;
    stroke-width: 2px;
  }
}
.header__toggle:active .icon {
  stroke: #A5EBFB;
}
@media (max-width: 576px) {
  .header__toggle {
    margin-left: auto;
    width: 24px;
    height: 20px;
    min-width: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 576px) {
  .header-logout-desctop {
    display: none !important;
  }
}
.header__login {
  margin-left: 25px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: capitalize;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .header__login {
    font-size: 11px;
    line-height: 13px;
    margin-left: 26px;
  }
}
@media (max-width: 576px) {
  .header__login {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 36px;
    -webkit-box-ordinal-group: 1000;
        -ms-flex-order: 999;
            order: 999;
    min-width: 125px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    margin-top: auto;
    padding: 5px 10px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #424848;
    border: 1px solid #fff;
    margin-left: 0;
  }
}
@media (min-width: 1025px) {
  .header__login:hover {
    color: #a5ebfb;
  }
}
@media (min-width: 577px) {
  .header__login:active {
    color: #a5ebfb;
  }
}
@media (max-width: 576px) {
  .header__login:active {
    color: #fff;
    background-color: transparent;
  }
}
.header__logout {
  display: none;
}
@media (max-width: 576px) {
  .header__logout {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-ordinal-group: 1000;
        -ms-flex-order: 999;
            order: 999;
    min-height: 36px;
    min-width: 125px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    margin-top: auto;
    padding: 5px 10px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .header__logout:active {
    color: #424848;
    background-color: #fff;
    border-color: #fff;
  }
}
.header-selects__row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 16px;
}
@media (max-width: 1024px) {
  .header-selects__row {
    grid-column: 18px;
  }
}
@media (max-width: 576px) {
  .header-selects__row {
    margin-bottom: 32px;
    grid-column-gap: 36px;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.header-tabletmenu {
  display: none;
}
@media (max-width: 1024px) {
  .header-tabletmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    margin-left: 24px;
  }
}
@media (max-width: 576px) {
  .header-tabletmenu {
    display: none;
  }
}
.header-tabletmenu__trigger {
  width: 20px;
  height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header-tabletmenu__trigger .icon-close {
  width: 17px;
  height: 17px;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.header-tabletmenu__trigger .icon-burger {
  width: 20px;
  height: 17px;
  stroke: #fff;
  fill: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  stroke-width: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-tabletmenu__trigger:active .icon-burger {
  stroke: #A5EBFB;
}
.header-tabletmenu__trigger:active .icon-close {
  fill: #A5EBFB;
}
.header-tabletmenu__trigger.active .icon-close {
  opacity: 1;
}
.header-tabletmenu__trigger.active .icon-burger {
  opacity: 0;
}
.header-tabletmenu__dropdown {
  position: absolute;
  bottom: -18.5px;
  right: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  width: 154px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
}
.header-tabletmenu__dropdown.active {
  opacity: 1;
  visibility: visible;
}
.header-tabletmenu__dropdown::after {
  width: 100%;
  height: 300%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  z-index: -1;
  content: "";
}
.header-tabletmenu__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  max-height: 341px;
}
.header-tabletmenu__list li:last-child .header-navigation-dropbox {
  border: none !important;
}
.header-tabletmenu__list .header-navigation__link {
  padding: 5px 13px;
  font-size: 12px;
  min-height: 34px;
}
.header-tabletmenu-link {
  padding: 5px 13px;
  min-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
}
.header-tabletmenu-link .icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 4px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #fff;
}
.header-tabletmenu-link:active {
  color: #a5ebfb;
}
.header-tabletmenu-link:active .icon {
  fill: #a5ebfb;
}
.header-tabletmenu-link.active {
  color: #a5ebfb;
}
.header-tabletmenu-link.active .icon {
  fill: #a5ebfb;
}

.header-addmenu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 30px;
}
@media (max-width: 1024px) {
  .header-addmenu {
    display: none;
  }
}
@media (max-width: 576px) {
  .header-addmenu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0;
    margin-bottom: 36px;
  }
}
.header-addmenu__trigger {
  width: 22px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 576px) {
  .header-addmenu__trigger {
    display: none !important;
  }
}
.header-addmenu__trigger .icon-close {
  width: 19px;
  height: 19px;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.header-addmenu__trigger .icon-burger {
  width: 22px;
  height: 18px;
  stroke: #fff;
  fill: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  stroke-width: 1.7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1025px) {
  .header-addmenu__trigger:hover .icon-burger {
    stroke: #A5EBFB;
  }
  .header-addmenu__trigger:hover .icon-close {
    fill: #A5EBFB;
  }
}
.header-addmenu__trigger:active .icon-burger {
  stroke: #A5EBFB;
}
.header-addmenu__trigger:active .icon-close {
  fill: #A5EBFB;
}
.header-addmenu__trigger.active .icon-close {
  opacity: 1;
}
.header-addmenu__trigger.active .icon-burger {
  opacity: 0;
}
.header-addmenu__dropdown {
  position: absolute;
  bottom: -18px;
  right: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 197px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
}
.header-addmenu__dropdown.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 576px) {
  .header-addmenu__dropdown {
    opacity: 1 !important;
    position: relative;
    bottom: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
    left: unset;
    -webkit-transform: none;
            transform: none;
    visibility: visible !important;
    background: transparent;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    width: 100%;
  }
}
.header-addmenu__dropdown::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  z-index: -1;
  content: "";
}
@media (max-width: 576px) {
  .header-addmenu__dropdown::after {
    display: none;
  }
}
.header-addmenu__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 576px) {
  .header-addmenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.header-addmenu-link {
  padding: 5px 20px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
@media (max-width: 576px) {
  .header-addmenu-link {
    min-height: auto;
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    margin-top: 15px;
  }
  .header-addmenu-link:first-child {
    margin-top: 0;
  }
}
.header-addmenu-link .icon {
  width: 21px;
  height: 21px;
  min-width: 21px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #fff;
}
@media (max-width: 576px) {
  .header-addmenu-link .icon {
    margin-left: 10px;
  }
}
@media (min-width: 1025px) {
  .header-addmenu-link:hover {
    background: rgba(247, 248, 251, 0.1);
  }
}
.header-addmenu-link:active {
  background: rgba(247, 248, 251, 0.1);
}
@media (max-width: 576px) {
  .header-addmenu-link:active {
    background: transparent;
    color: #a5ebfb;
  }
  .header-addmenu-link:active .icon {
    fill: #a5ebfb;
  }
}
@media (min-width: 1025px) {
  .header-addmenu-link.active {
    color: #a5ebfb;
  }
  .header-addmenu-link.active .icon {
    fill: #a5ebfb;
  }
}
@media (max-width: 576px) {
  .header-addmenu-link.active {
    background: transparent;
    color: #a5ebfb;
  }
  .header-addmenu-link.active .icon {
    fill: #a5ebfb;
  }
}

.header-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 21px;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .header-links {
    display: none;
  }
}
@media (max-width: 576px) {
  .header-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    grid-column-gap: 0;
    padding-bottom: 33px;
    position: relative;
    margin-bottom: 32px;
  }
  .header-links::after {
    width: calc(100% + 60px);
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    content: "";
  }
  .header-links li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 18px;
  }
  .header-links li:last-child {
    margin-bottom: 0;
  }
}
.header-link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .header-link {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
  }
}
@media (min-width: 1025px) {
  .header-link:hover {
    color: #a5ebfb;
  }
}
.header-link:active {
  color: #a5ebfb;
}
.header-link.active {
  color: #a5ebfb;
}
.header-navigation-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media (max-width: 1024px) {
  .header-navigation-dropdown {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .header-navigation-dropdown {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1025px) {
  .header-navigation-dropdown:hover .header-navigation-dropbox {
    opacity: 1;
    visibility: visible;
  }
  .header-navigation-dropdown:hover .header-navigation-trigger {
    color: #a5ebfb;
  }
  .header-navigation-dropdown:hover .header-navigation-trigger .icon {
    fill: #a5ebfb;
  }
}
.header-navigation-trigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
@media (min-width: 1025px) {
  .header-navigation-trigger {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
@media (max-width: 1024px) {
  .header-navigation-trigger {
    min-height: 34px;
    padding: 5px 13px;
    width: 100%;
    font-weight: 500;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .header-navigation-trigger {
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    min-height: auto;
  }
}
.header-navigation-trigger .icon {
  width: 9px;
  height: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-width: 9px;
  margin-left: 5px;
}
@media (min-width: 1025px) {
  .header-navigation-trigger .icon {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
@media (max-width: 576px) {
  .header-navigation-trigger .icon {
    width: 11px;
    height: 6px;
    min-width: 11px;
    margin-left: 6px;
  }
}
.header-navigation-trigger.active-trigger {
  color: #a5ebfb;
}
.header-navigation-trigger.active-trigger .icon {
  fill: #a5ebfb;
}
@media (max-width: 1024px) {
  .header-navigation-trigger.active-trigger .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .header-navigation-trigger.active-trigger {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
  }
  .header-navigation-trigger.active-trigger .icon {
    fill: #fff;
  }
}
@media (max-width: 576px) {
  .header-navigation-trigger.active-trigger {
    color: #fff;
  }
  .header-navigation-trigger.active-trigger .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    fill: #fff;
  }
}
.header-navigation-trigger.active {
  color: #a5ebfb;
}
.header-navigation-trigger.active .icon {
  fill: #a5ebfb;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .header-navigation-trigger.active {
    color: #fff;
  }
  .header-navigation-trigger.active .icon {
    fill: #fff;
  }
}
@media (min-width: 1025px) {
  .header-navigation-trigger:hover {
    color: #a5ebfb;
  }
  .header-navigation-trigger:hover .icon {
    fill: #a5ebfb;
  }
}
.header-navigation-trigger:active {
  color: #a5ebfb;
}
.header-navigation-trigger:active .icon {
  fill: #a5ebfb;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .header-navigation-trigger:active {
    color: #fff;
    background: transparent;
  }
  .header-navigation-trigger:active .icon {
    fill: #fff;
  }
}
@media (max-width: 576px) {
  .header-navigation-trigger:active {
    color: #fff;
  }
  .header-navigation-trigger:active .icon {
    fill: #fff;
  }
}
.header-navigation-dropbox {
  line-height: 1;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 156px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
}
@media (max-width: 1024px) {
  .header-navigation-dropbox {
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: unset;
    left: unset;
    -webkit-transform: none;
            transform: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    background: transparent;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
@media (max-width: 576px) {
  .header-navigation-dropbox {
    padding-top: 16px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .header-navigation-dropbox {
    border-bottom: 1px solid rgba(214, 218, 222, 0.3);
  }
  .header-navigation-dropbox.active {
    background: rgba(255, 255, 255, 0.1);
  }
}
.header-navigation__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  color: #fff;
  text-align: left;
  padding: 5px 12px;
}
@media (max-width: 576px) {
  .header-navigation__link {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    min-height: auto;
    padding: 0;
  }
  .header-navigation__link:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .header-navigation__link:hover {
    font-weight: 500;
    background: rgba(247, 248, 251, 0.1);
  }
}
@media (max-width: 1024px) {
  .header-navigation__link:active {
    color: #a5ebfb;
  }
}
@media (min-width: 1025px) {
  .header-navigation__link.active {
    font-weight: 500;
    color: #a5ebfb;
  }
}
@media (max-width: 1024px) {
  .header-navigation__link.active {
    color: #a5ebfb;
  }
}
.header-navigation__hide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media (max-width: 576px) {
  .header-navigation__hide-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.header-form {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 950px;
  background: rgba(0, 0, 0, 0.65);
  z-index: 10;
  padding: 29px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header-form.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header-form::after {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  pointer-events: none;
}
@media (max-width: 1024px) {
  .header-form {
    max-width: 637px;
  }
}
@media (max-width: 700px) {
  .header-form {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 576px) {
  .header-form {
    max-width: none;
    position: fixed;
    top: 0;
    left: 0;
    height: calc(var(--vh, 1vh) * 100);
    -webkit-transform: none;
            transform: none;
    padding-top: 46px;
  }
}
@media (max-width: 375px) {
  .header-form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header-form__close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 11px;
  right: 11px;
  display: none;
  cursor: pointer;
}
.header-form__close .icon {
  width: 13px;
  height: 13px;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .header-form__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header-form__inner {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .header-form__inner {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(var(--vh, 1vh) * 100 - 140px);
  }
}
@media (max-width: 576px) {
  .header-form__inner {
    height: 100%;
    max-height: 100%;
  }
}
.header-form__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 2px;
}
@media (max-width: 576px) {
  .header-form__title {
    font-size: 20px;
  }
}
.header-form__subtitle {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .header-form__subtitle {
    margin-bottom: 28px;
    max-width: 508px;
  }
}
@media (max-width: 450px) {
  .header-form__subtitle {
    max-width: 320px;
  }
}
.header-form__content {
  width: 100%;
  position: relative;
}
.header-form__container {
  width: 100%;
  position: relative;
}
.header-form__footer {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 576px) {
  .header-form__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.header-form__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 576px) {
  .header-form__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 12px;
    width: 100%;
  }
}
.header-form__submit {
  background: #fff;
  font-size: 13px;
  min-width: 107px;
}
@media (max-width: 576px) {
  .header-form__submit {
    min-width: 100%;
  }
}
.header-form__clean {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}
@media (min-width: 1025px) {
  .header-form__clean:hover {
    color: #3da6b0;
  }
}
.header-form .form {
  width: 100%;
  position: relative;
}
.header-form .form__row {
  width: calc(100% + 20px);
  margin-inline: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 22px;
}
.header-form .form__row:not(:last-child) {
  margin-bottom: 22px;
}
@media (max-width: 576px) {
  .header-form .form__row:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .header-form .form__row {
    row-gap: 20px;
    width: 100%;
    margin-inline: 0;
  }
}
.header-form .form__col {
  width: 33.3333333333%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  padding-inline: 10px;
}
@media (max-width: 1024px) {
  .header-form .form__col {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .header-form .form__col {
    width: 100%;
    padding-inline: 0;
  }
}
.header-form .form__col.full-field {
  width: 100%;
}
@media (max-width: 1024px) {
  .header-form .form__col.full-tablet {
    width: 100%;
  }
}
.header-form .form__field {
  width: 100%;
  position: relative;
}
.header-form .form__field.invalid .form__input {
  border-color: #FF7D8D !important;
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .form__input::-webkit-input-placeholder {
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .form__input::-moz-placeholder {
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .form__input:-ms-input-placeholder {
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .form__input::-ms-input-placeholder {
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .form__input::placeholder {
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .select__value {
  color: #FF7D8D !important;
}
.header-form .form__field.invalid .select__trigger {
  border-color: #FF7D8D !important;
}
.header-form .form__field.invalid .checkbox__wrap {
  border-color: #FF7D8D !important;
}
.header-form .form__field-name {
  width: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-height: 20px;
  min-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-form .form__field-name:not(:last-child) {
  margin-bottom: 6px;
}
@media (min-width: 577px) {
  .header-form .form__field-name br {
    display: none;
  }
}
@media (max-width: 576px) {
  .header-form .form__field-name {
    max-height: none;
    min-height: auto;
    line-height: 20px;
  }
}
.header-form .form__input {
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  min-height: 44px;
  padding: 8px 14px;
  background: transparent;
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header-form .form__input:focus {
  border-color: #fff;
}
.header-form .form__error {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #FF7D8D;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: -2px;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}
.header-form .form__field--checkbox {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.header-form .form__field--checkbox .checkbox {
  margin-right: 8px;
  margin-top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-form .form__field--checkbox .checkbox__wrap {
  width: 16px;
  min-width: 16px;
  height: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid #D0D5DD;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0;
}
.header-form .form__field--checkbox .checkbox__default {
  display: none;
}
.header-form .form__field--checkbox .checkbox__default:checked + .checkbox__custom {
  opacity: 1;
}
.header-form .form__field--checkbox .checkbox__custom {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask: url(../../assets/svg/checkbox-butt-2.svg) 0 0/contain no-repeat;
  mask: url(../../assets/svg/checkbox-butt-2.svg) 0 0/contain no-repeat;
}
.header-form .form .select-info {
  width: 100%;
  position: relative;
}
.header-form .form .select-info.active .select-arrow .icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.header-form .form .select-info.active .select__dropdown {
  opacity: 1;
  visibility: visible;
}
.header-form .form .select-info.active .select__trigger {
  border-color: #fff;
}
.header-form .form .select-info.time-select .select__list {
  max-height: 288px;
}
.header-form .form .select-info.time-select .select__option {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-form .form .select-info.help-select .select__dropdown {
  width: calc(200% + 20px);
}
@media (max-width: 1024px) {
  .header-form .form .select-info.help-select .select__dropdown {
    width: 150%;
    -webkit-transform: translateY(100%) translateX(-33.33333333%);
            transform: translateY(100%) translateX(-33.33333333%);
  }
}
@media (max-width: 576px) {
  .header-form .form .select-info.help-select .select__dropdown {
    width: 100%;
    -webkit-transform: translateY(100%) translateX(0);
            transform: translateY(100%) translateX(0);
  }
}
.header-form .form .select-info.help-select .select__list {
  max-height: 108px;
}
@media (max-width: 1024px) {
  .header-form .form .select-info.help-select .select__list {
    max-height: 120px;
  }
}
.header-form .form .select-info.heard-about-select .select__list {
  max-height: 108px;
}
@media (max-width: 1024px) {
  .header-form .form .select-info.heard-about-select .select__list {
    height: 72px;
  }
}
.header-form .form .select__trigger {
  width: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 7px 14px;
}
.header-form .form .select__value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 10px;
  max-width: calc(100% - 26px);
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-form .form .select-arrow {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-form .form .select-arrow .icon {
  fill: transparent;
  width: 16px;
  height: 16px;
  stroke: #9AA2AC;
  stroke-linecap: round;
  stroke-width: 1.6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header-form .form .select__dropdown {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 10;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: #fff;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
  opacity: 0;
  visibility: hidden;
}
.header-form .form .select__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  max-height: 144px;
}
.header-form .form .select__list .simplebar-scrollbar:before {
  background: #cecfd1;
}
.header-form .form .select__option {
  min-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #373a3e;
}
@media (min-width: 1025px) {
  .header-form .form .select__option:hover {
    background-color: #F5F6F7;
  }
}
.header-form .form .select__option:active {
  background-color: #F5F6F7;
}
.header-form .form .select__option.active {
  background-color: #F5F6F7;
}
.header-form .form .select__option.hide {
  display: none;
}
.header-form .form .select__search {
  width: 100%;
  position: relative;
  padding: 12px;
}
@media (max-width: 576px) {
  .header-form .form .select__search {
    padding: 10px;
  }
}
.header-form .form .select__search-wrapp {
  width: 100%;
  position: relative;
}
.header-form .form .select__search-wrapp .icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  stroke: #9AA2AC;
  stroke-width: 1.5px;
  fill: transparent;
}
.header-form .form .select__search-input {
  width: 100%;
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #373A3E;
  border: 1px solid #D6DADE;
  min-height: 38px;
  padding: 5px 32px;
  padding-right: 15px;
}
@media (max-width: 576px) {
  .header-form .form .select__search-input {
    font-size: 13px;
    line-height: 15px;
  }
}
.header-form .form .select__search-input::-webkit-input-placeholder {
  color: #373A3E;
}
.header-form .form .select__search-input::-moz-placeholder {
  color: #373A3E;
}
.header-form .form .select__search-input:-ms-input-placeholder {
  color: #373A3E;
}
.header-form .form .select__search-input::-ms-input-placeholder {
  color: #373A3E;
}
.header-form .form .select__search-input::placeholder {
  color: #373A3E;
}
.header-form .form .select__other {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-form .form .select__other-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #373A3E;
  margin-right: 12px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.header-form .form .select__other-input {
  width: 100%;
  padding: 9px;
  min-height: 38px;
  border: 1px solid #D6DADE;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #373A3E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header-form .form .select__other-input::-webkit-input-placeholder {
  color: #9AA2AC;
}
.header-form .form .select__other-input::-moz-placeholder {
  color: #9AA2AC;
}
.header-form .form .select__other-input:-ms-input-placeholder {
  color: #9AA2AC;
}
.header-form .form .select__other-input::-ms-input-placeholder {
  color: #9AA2AC;
}
.header-form .form .select__other-input::placeholder {
  color: #9AA2AC;
}

.header-country-dropbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 576px) {
  .header-country-dropbox {
    position: static;
  }
}
.header-country-droptrigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .header-country-droptrigger:hover .header-country__text {
    color: #a5ebfb;
  }
}
.header-country-droptrigger:active .header-country__text {
  color: #a5ebfb;
}
.header-country-droptrigger.active .header-country__text {
  color: #a5ebfb;
}
.header-country__flag {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 576px) {
  .header-country__flag {
    width: 26px;
    height: 26px;
    min-width: 26px;
    margin-right: 8px;
  }
}
.header-country__flag img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-country__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .header-country__text {
    font-size: 14px;
    line-height: 18px;
  }
}
.header-country-dropdown {
  position: absolute;
  bottom: -17.5px;
  left: -10px;
  width: 283px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  padding: 12px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header-country-dropdown.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .header-country-dropdown {
    left: 0;
    width: 251px;
    padding: 11px;
    bottom: -16.5px;
  }
}
@media (max-width: 576px) {
  .header-country-dropdown {
    bottom: unset;
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    z-index: 4;
    height: 100%;
    -webkit-transform: none;
            transform: none;
    padding: 30px;
    background: rgba(0, 0, 0, 0.3);
  }
}
.header-country-input-wrapp {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .header-country-input-wrapp {
    margin-bottom: 12px;
  }
}
@media (max-width: 576px) {
  .header-country-input-wrapp {
    margin-bottom: 23px;
  }
}
.header-country-input-wrapp .icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #afb5bb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .header-country-input-wrapp .icon {
    width: 14px;
    height: 14px;
    left: 9px;
  }
}
@media (max-width: 576px) {
  .header-country-input-wrapp .icon {
    width: 16px;
    height: 16px;
    left: 10px;
  }
}
.header-country-input-wrapp .icon.stroke {
  fill: transparent;
  stroke: #afb5bb;
  stroke-width: 1.5px;
}
.header-country-input {
  width: 100%;
  position: relative;
  min-height: 38px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  padding: 5px 35px;
  padding-right: 10px;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1024px) {
  .header-country-input {
    font-size: 12px;
    min-height: 34px;
  }
}
@media (max-width: 576px) {
  .header-country-input {
    font-size: 14px;
    line-height: 16px;
    min-height: 38px;
    font-weight: 400;
  }
}
.header-country-input::-webkit-input-placeholder {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}
.header-country-input::-moz-placeholder {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}
.header-country-input:-ms-input-placeholder {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}
.header-country-input::-ms-input-placeholder {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}
.header-country-input::placeholder {
  color: #fff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}
@media (max-width: 576px) {
  .header-country-input::-webkit-input-placeholder {
    font-weight: 400;
  }
  .header-country-input::-moz-placeholder {
    font-weight: 400;
  }
  .header-country-input:-ms-input-placeholder {
    font-weight: 400;
  }
  .header-country-input::-ms-input-placeholder {
    font-weight: 400;
  }
  .header-country-input::placeholder {
    font-weight: 400;
  }
}
.header-country__notfound {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
@media (max-width: 1024px) {
  .header-country__notfound {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .header-country__notfound {
    font-size: 14px;
    line-height: 20px;
  }
}
.header-country__notfound.hidden {
  display: none;
}
.header-country__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
  max-height: 320px;
}
@media (max-width: 1024px) {
  .header-country__list {
    width: calc(100% + 22px);
    margin-left: -11px;
    margin-right: -11px;
    max-height: 272px;
  }
}
@media (max-width: 576px) {
  .header-country__list {
    margin: 0;
    width: 100%;
    max-height: 100%;
    margin-bottom: 30px;
  }
}
.header-country__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 5px 18px;
  padding-right: 40px;
  min-height: 40px;
  font-family: "Montserrat";
  font-style: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  width: 100%;
  text-align: left;
  position: relative;
}
@media (max-width: 1024px) {
  .header-country__option {
    font-size: 12px;
    min-height: 34px;
    padding: 4px 16px;
  }
}
@media (max-width: 576px) {
  .header-country__option {
    padding: 0;
    font-size: 14px;
    min-height: auto;
    margin-bottom: 20px;
    padding-right: 45px;
  }
  .header-country__option:last-child {
    margin-bottom: 0;
  }
}
.header-country__option.hide {
  display: none !important;
}
.header-country__option::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: url("../../assets/svg/help-icon.svg") no-repeat;
  background-size: 100% 100%;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
@media (max-width: 576px) {
  .header-country__option::before {
    right: 20px;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1025px) {
  .header-country__option:hover {
    background: rgba(247, 248, 251, 0.1);
  }
}
.header-country__option:active {
  background: rgba(247, 248, 251, 0.1);
}
@media (max-width: 576px) {
  .header-country__option:active {
    background: transparent;
  }
}
.header-country__option.active {
  background: rgba(247, 248, 251, 0.1);
}
.header-country__option.active::before {
  opacity: 1;
}
@media (max-width: 576px) {
  .header-country__option.active {
    background: transparent;
  }
}
.header-country__option-flag {
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 26px;
  position: relative;
  margin-right: 8px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .header-country__option-flag {
    width: 23px;
    height: 23px;
    min-width: 23px;
    margin-right: 7px;
  }
}
@media (max-width: 576px) {
  .header-country__option-flag {
    margin-right: 10px;
    width: 26px;
    height: 26px;
    min-width: 26px;
  }
}
.header-country__option-flag img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.header-country-controls {
  display: none;
}
@media (max-width: 576px) {
  .header-country-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    position: relative;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    margin-top: auto;
  }
}
.header-country__close {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-transform: capitalize;
  color: #424848;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 36px;
  min-width: 126px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.header-country__close:active {
  background-color: transparent;
  color: #fff;
}

.header-lang-dropbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .header-lang-dropbox {
    position: static;
  }
}
.header-lang__trigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (min-width: 1025px) {
  .header-lang__trigger:hover .header-lang__value {
    color: #a5ebfb;
  }
  .header-lang__trigger:hover .icon {
    stroke: #a5ebfb;
  }
}
.header-lang__trigger:active .header-lang__value {
  color: #a5ebfb;
}
.header-lang__trigger:active .icon {
  stroke: #a5ebfb;
}
.header-lang__trigger.active .header-lang__value {
  color: #a5ebfb;
}
.header-lang__trigger.active .icon {
  stroke: #a5ebfb;
}
.header-lang__icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6px;
}
@media (max-width: 576px) {
  .header-lang__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}
.header-lang__icon .icon {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: transparent;
  stroke: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  stroke-width: 1.5px;
}
@media (max-width: 576px) {
  .header-lang__icon .icon {
    width: 24px;
    height: 24px;
  }
}
.header-lang__value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.78125px;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .header-lang__value {
    font-size: 14px;
    line-height: 18px;
  }
}
.header-lang__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  color: #fff;
  text-align: left;
  padding: 5px 15px;
  padding-right: 32px;
  position: relative;
}
@media (max-width: 1024px) {
  .header-lang__option {
    font-size: 12px;
    min-height: 34px;
    padding: 4px 13px;
    padding-right: 25px;
  }
}
@media (max-width: 576px) {
  .header-lang__option {
    font-size: 14px;
    min-height: 40px;
    line-height: 20px;
    min-height: auto;
    margin-bottom: 20px;
    padding: 0;
    padding-right: 30px;
  }
  .header-lang__option:last-child {
    margin-bottom: 0;
  }
}
.header-lang__option .flag {
  display: none;
}
@media (max-width: 576px) {
  .header-lang__option .flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 26px;
    height: 26px;
    min-width: 26px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 9px;
  }
  .header-lang__option .flag img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
  }
}
.header-lang__option::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: url("../../assets/svg/help-icon.svg") no-repeat;
  background-size: 100% 100%;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
@media (max-width: 1024px) {
  .header-lang__option::before {
    width: 12px;
    height: 12px;
    right: 11px;
  }
}
@media (max-width: 576px) {
  .header-lang__option::before {
    right: 0;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1025px) {
  .header-lang__option:hover {
    background: rgba(247, 248, 251, 0.1);
  }
}
.header-lang__option:active {
  background: rgba(247, 248, 251, 0.1);
}
@media (max-width: 576px) {
  .header-lang__option:active {
    background: transparent;
  }
}
.header-lang__option.active {
  background: rgba(247, 248, 251, 0.1);
}
.header-lang__option.active::before {
  opacity: 1;
}
@media (max-width: 576px) {
  .header-lang__option.active {
    background: transparent;
  }
}
.header-lang__dropdown {
  position: absolute;
  display: block;
  bottom: -18.5px;
  left: 0;
  width: 158px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (max-width: 1024px) {
  .header-lang__dropdown {
    width: 135px;
    bottom: -17.5px;
  }
}
@media (max-width: 576px) {
  .header-lang__dropdown {
    bottom: unset;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
            transform: none;
    z-index: 4;
    padding: 35px 30px;
    padding-bottom: 30px;
    background: rgba(0, 0, 0, 0.3);
  }
}
.header-lang__dropdown.active {
  opacity: 1;
  visibility: visible;
}
.header-lang__list {
  overflow: hidden;
  overflow-y: auto;
  max-height: 400px;
}
@media (max-width: 1024px) {
  .header-lang__list {
    max-height: 341px;
  }
}
@media (max-width: 576px) {
  .header-lang__list {
    max-height: 100%;
    margin-bottom: 30px;
  }
}
.header-lang-controls {
  display: none;
}
@media (max-width: 576px) {
  .header-lang-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    position: relative;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    margin-top: auto;
  }
}
.header-lang-apply {
  min-height: 36px;
  min-width: 129px;
  padding: 5px 10px;
  font-size: 14px;
}
.header-lang__close {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-transform: capitalize;
  color: #424848;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 36px;
  min-width: 126px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.header-lang__close:active {
  background-color: transparent;
  color: #fff;
}

.header-profile {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 27px;
  min-width: 37px;
  min-height: 20px;
  max-height: 20px;
}
@media (max-width: 1024px) {
  .header-profile {
    margin-left: 24px;
    min-width: 34px;
  }
}
@media (max-width: 576px) {
  .header-profile {
    margin-left: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    margin-bottom: 25px;
    z-index: 1;
    min-width: auto;
    max-height: none;
    min-height: auto;
  }
}
.header-profile-header {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 576px) {
  .header-profile-header {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: none;
            transform: none;
  }
}
.header-profile__user {
  width: 37px;
  height: 37px;
  min-width: 37px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 1024px) {
  .header-profile__user {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .header-profile__user {
    width: 59px;
    height: 59px;
    min-width: 59px;
    font-size: 14px;
    z-index: 2;
  }
}
.header-profile__user img {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-profile__trigger {
  width: 18px;
  height: 18px;
  border: 2px solid #4C7097;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: absolute;
  bottom: -4px;
  right: -4px;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .header-profile__trigger {
    width: 17px;
    height: 17px;
    bottom: -3px;
    right: -3px;
  }
}
@media (max-width: 576px) {
  .header-profile__trigger {
    display: none;
  }
}
.header-profile__trigger::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  content: "";
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.header-profile__trigger .icon {
  width: 8px;
  height: 5px;
  fill: #7B8086;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 1px;
}
@media (max-width: 1024px) {
  .header-profile__trigger .icon {
    width: 7px;
    height: 4px;
  }
}
@media (min-width: 1025px) {
  .header-profile__trigger:hover .icon {
    fill: #fff;
  }
  .header-profile__trigger:hover::after {
    opacity: 1;
  }
}
.header-profile__trigger:active .icon, .header-profile__trigger.active .icon {
  fill: #fff;
}
.header-profile__trigger:active::after, .header-profile__trigger.active::after {
  opacity: 1;
}
.header-profile-dropdown {
  position: absolute;
  bottom: -17px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  right: 0;
  width: 259px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(46px);
          backdrop-filter: blur(46px);
  padding: 15px 21px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (max-width: 1024px) {
  .header-profile-dropdown {
    width: 227px;
    padding: 13px 19px;
  }
}
@media (max-width: 700px) {
  .header-profile-dropdown {
    right: 0;
    left: unset;
  }
}
@media (max-width: 576px) {
  .header-profile-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(255, 255, 255, 0.1);
    padding: 21px;
    padding-top: 42px;
    position: relative;
    bottom: unset;
    left: unset;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    margin-top: -29px;
    z-index: -1;
  }
}
.header-profile-dropdown.active {
  opacity: 1;
  visibility: visible;
}
.header-profile-list {
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 576px) {
  .header-profile-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header-profile-name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .header-profile-name {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .header-profile-name {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }
}
.header-profile-status {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .header-profile-status {
    font-size: 10px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .header-profile-status {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
}
.header-profile-contacts {
  width: 100%;
  position: relative;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1024px) {
  .header-profile-contacts {
    margin-top: 12px;
    padding-top: 12px;
  }
}
@media (max-width: 576px) {
  .header-profile-contacts {
    padding-top: 0;
    border: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header-profile-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 8px;
  overflow-wrap: anywhere;
}
@media (max-width: 1024px) {
  .header-profile-link {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 7px;
  }
}
@media (max-width: 576px) {
  .header-profile-link {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    text-align: center;
  }
}
.header-profile-link:last-child {
  margin-bottom: 0;
}
.header-profile-link .icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  fill: transparent;
  stroke: #A5EBFB;
  stroke-width: 1.5px;
  margin-right: 7px;
}
@media (max-width: 1024px) {
  .header-profile-link .icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 7px;
  }
}
@media (min-width: 1025px) {
  .header-profile-link:hover {
    color: #A5EBFB;
  }
}
.header-profile-link:active {
  color: #A5EBFB;
}

.header--dark .header {
  background: #1d3561;
  border: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.header--lightblue .header::after {
  content: "";
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}
.header--lightblue .header.fixed::after {
  opacity: 0;
  visibility: hidden;
}
.header--lightblue .header:not(.fixed) {
  background: transparent;
  border-color: transparent;
  -o-border-image: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%) 1;
     border-image: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%) 1;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.header--lightblue .header:not(.fixed) .header-join-btn::after {
  background: #fff;
}
.header--lightblue .header:not(.fixed) .header-join-btn .value {
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (min-width: 1025px) {
  .header--lightblue .header:not(.fixed) .header-join-btn:hover .value {
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
  }
}
.header--lightblue .header:not(.fixed) .header-join-btn:active .value {
  color: #fff;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
}
@media (min-width: 577px) {
  .header--lightblue .header-addmenu__dropdown {
    background: #fff;
  }
}
@media (min-width: 577px) {
  .header--lightblue .header-addmenu-link {
    color: #27292C;
  }
}
@media (min-width: 1025px) {
  .header--lightblue .header-addmenu-link:hover {
    background: #F7F8FB;
  }
}
@media (min-width: 577px) {
  .header--lightblue .header-addmenu-link.active, .header--lightblue .header-addmenu-link:active {
    background: #F7F8FB;
  }
}
@media (max-width: 576px) {
  .header--lightblue .header-addmenu-link.active, .header--lightblue .header-addmenu-link:active {
    background: transparent;
    color: #a5ebfb;
  }
  .header--lightblue .header-addmenu-link.active .icon, .header--lightblue .header-addmenu-link:active .icon {
    fill: #a5ebfb;
  }
}
.header--lightblue .header-tabletmenu__dropdown {
  background: #fff;
}
.header--lightblue .header-tabletmenu__dropdown .header-tabletmenu-link {
  color: #27292C;
}
.header--lightblue .header-tabletmenu__dropdown .header-tabletmenu-link.active, .header--lightblue .header-tabletmenu__dropdown .header-tabletmenu-link:active {
  background: #F7F8FB;
}
.header--lightblue .header-tabletmenu__dropdown .header-navigation-trigger {
  color: #27292C;
}
.header--lightblue .header-tabletmenu__dropdown .header-navigation-trigger .icon {
  fill: #27292C;
}
.header--lightblue .header-tabletmenu__dropdown .header-navigation__link {
  color: #27292C;
}
.header--lightblue .header-tabletmenu__dropdown .header-navigation__link.active, .header--lightblue .header-tabletmenu__dropdown .header-navigation__link:active {
  background: #F7F8FB;
}
@media (min-width: 1025px) {
  .header--lightblue .header-navigation-dropbox {
    background: rgba(0, 0, 0, 0.5);
  }
}

.header-join .header-secure {
  margin-left: 7px;
  margin-right: auto;
}
@media (min-width: 577px) and (max-width: 700px) {
  .header-join .header-secure {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .header-join .header-secure {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto auto;
  }
}
@media (min-width: 577px) and (max-width: 700px) {
  .header-join .header-body__inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 1024px) {
  .header-join .header__body {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .header-join .header-addmenu {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 576px) {
  .header-join .header-selects__row {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width: 576px) {
  .header-join .header__logout,
  .header-join .header__login {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 10px;
    background-color: transparent;
    color: #fff;
  }
}

.checkbox {
  cursor: pointer;
  display: block;
}
.checkbox.butt .checkbox__wrap {
  border-radius: 0;
}
.checkbox.butt .checkbox__custom {
  -webkit-mask: url("../../assets/svg/checkbox-butt-2.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/checkbox-butt-2.svg") 0 0/contain no-repeat;
}
.checkbox.disable-click {
  pointer-events: none !important;
}
.checkbox__wrap {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  position: relative;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.checkbox__wrap:has(input:checked) {
  border-color: transparent;
}
.checkbox__defult, .checkbox__custom {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.checkbox__default {
  opacity: 0;
  pointer-events: all;
}
.checkbox__custom {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask: url("../../assets/svg/checkbox-butt.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/checkbox-butt.svg") 0 0/contain no-repeat;
}
.checkbox__default:checked + .checkbox__custom {
  opacity: 1;
}

.radio {
  display: block;
  cursor: pointer;
}
.radio__wrap {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  position: relative;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.radio__wrap::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #d0d5dd;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.radio__wrap:has(input:checked) {
  border-color: transparent;
}
.radio__defult, .radio__custom {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.radio__default {
  opacity: 0;
  pointer-events: all;
}
.radio__custom {
  pointer-events: none;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask: url("../../assets/svg/radio.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/radio.svg") 0 0/contain no-repeat;
}
.radio__default:checked + .radio__custom {
  opacity: 1;
}

.form *.is-hidden {
  display: none !important;
}
.form-input-wrapp {
  position: relative;
}
.form__row-payment-photo {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  padding-top: 11px;
  margin-bottom: -16px;
}
@media (max-width: 1024px) {
  .form__row-payment-photo {
    padding-top: 4px;
    margin-bottom: -30px;
  }
}
@media (max-width: 576px) {
  .form__row-payment-photo {
    padding-top: 0;
    margin-bottom: -26px;
  }
}
.form__row-payment-photo img, .form__row-payment-photo picture {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-inline: -12px;
  row-gap: 16px;
}
.form__row:not(:last-child) {
  margin-bottom: 16px;
}
.form__row.form__row-payment.bancontact-method {
  margin-bottom: 0;
}
.form__row.form__row-payment.bancontact-method .form__row-payment-photo {
  padding: 0;
  margin: 0 auto;
  margin-top: 22px;
  margin-bottom: 31px;
  max-width: 181px;
}
@media (max-width: 1024px) {
  .form__row.form__row-payment.bancontact-method .form__row-payment-photo {
    max-width: 150px;
    margin-top: 14px;
    margin-bottom: 0px;
  }
}
@media (max-width: 576px) {
  .form__row.form__row-payment.bancontact-method .form__row-payment-photo {
    margin-top: 10px;
  }
}
.form__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  padding-inline: 12px;
}
.form__col--12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.form__col--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form__col--quesion {
  padding-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 635px) {
  .form__col--quesion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    row-gap: 14px;
  }
}
.form__col.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 635px) {
  .form__col.m-635-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
.form__col.m-l-auto {
  margin-left: auto;
}
.form__field {
  display: block;
  width: 100%;
  position: relative;
}
.form__field.invalid .form__input {
  border-color: #ff6174;
}
.form__field.invalid .form__error {
  display: block;
}
.form__field.invalid .select__trigger {
  border-color: #ff6174;
}
.form__field.invalid .checkbox__wrap,
.form__field.invalid .radio__wrap {
  border-color: #ff6174;
}
.form__field.success .form__field-success-icon {
  opacity: 1;
  right: 12px;
  visibility: visible;
}
.form__field.visa .form__field-cards-wrap__img.visa {
  opacity: 1;
}
.form__field.master-card .form__field-cards-wrap__img.master-card {
  opacity: 1;
}
.form__field.american-express .form__field-cards-wrap__img.american-express {
  opacity: 1;
}
.form__field.discover .form__field-cards-wrap__img.discover {
  opacity: 1;
}
.form__field.jsb .form__field-cards-wrap__img.jsb {
  opacity: 1;
}
.form__field--checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .form__field--checkbox:hover .form__field-name {
    color: #3da6b0;
  }
}
.form__field--checkbox .checkbox {
  margin-top: 0.2em;
  margin-right: 8px;
}
.form__field-body {
  position: relative;
}
.form__field-body .form__input {
  margin: 0;
}
.form__field-cards-wrap {
  width: 28px;
  height: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form__field-cards-wrap__img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  border-radius: 4px;
}
.form__input {
  width: 100%;
  padding: 10px 14px;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: #667085;
  background: #fff;
  border: 1px solid #d0d5dd;
  -webkit-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 44px;
}
.form__input::-webkit-input-placeholder {
  color: inherit;
}
.form__input::-moz-placeholder {
  color: inherit;
}
.form__input:-ms-input-placeholder {
  color: inherit;
}
.form__input::-ms-input-placeholder {
  color: inherit;
}
.form__input::placeholder {
  color: inherit;
}
.form__input.ssn-input::-webkit-input-placeholder {
  color: #BAC2CB;
}
.form__input.ssn-input::-moz-placeholder {
  color: #BAC2CB;
}
.form__input.ssn-input:-ms-input-placeholder {
  color: #BAC2CB;
}
.form__input.ssn-input::-ms-input-placeholder {
  color: #BAC2CB;
}
.form__input.ssn-input::placeholder {
  color: #BAC2CB;
}
.form__field-cards-wrap + .form__input {
  padding-right: 54px;
}
.form__field-success-icon {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../../assets/svg/checkbox-round.svg") 0 0/contain no-repeat;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form__field-success-icon ~ .form__input {
  padding-right: 40px;
}
.form__error {
  display: none;
  margin-top: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ff6174;
}
@media (max-width: 576px) {
  .form__error {
    font-size: 13px;
  }
}
.form__success {
  display: none;
  margin-top: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #02AF72;
}
.form__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 635px) {
  .form__card-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
  }
}
.form__card-date, .form__card-cvc {
  width: 134px;
  min-width: 134px;
}
@media screen and (max-width: 1024px) {
  .form__card-date, .form__card-cvc {
    width: 102px;
    min-width: 102px;
  }
}
@media screen and (max-width: 576px) {
  .form__card-date, .form__card-cvc {
    width: 108px;
    min-width: 108px;
  }
}
@media screen and (max-width: 635px) {
  .form__card-date, .form__card-cvc {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 6px);
            flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px);
  }
}
@media screen and (max-width: 375px) {
  .form__card-date, .form__card-cvc {
    min-width: 98px;
  }
}
.form__card-number {
  width: 100%;
  margin-right: 15px;
}
@media screen and (max-width: 635px) {
  .form__card-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (min-width: 690px) {
  .form__card-number .form__input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .form__card-number .form__input::-moz-placeholder {
    font-size: 16px;
  }
  .form__card-number .form__input:-ms-input-placeholder {
    font-size: 16px;
  }
  .form__card-number .form__input::-ms-input-placeholder {
    font-size: 16px;
  }
  .form__card-number .form__input::placeholder {
    font-size: 16px;
  }
}
.form__card-date {
  margin-right: 12px;
}
.form__card-cvc .form__field-name,
.form__card-cvc .form__link {
  white-space: nowrap;
}
.form__card-cvc .form__link {
  font-size: 11px;
}
.form__field-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form__field-name:not(:last-child) {
  margin-bottom: 6px;
}
.form__field-name.cvv__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.form__field-name .show-bank-card-icon {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 4px;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask: url("../../assets/svg/question.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/question.svg") 0 0/contain no-repeat;
}
.form__field-name .bank-card-picture {
  display: block;
  width: 290px;
  position: absolute;
  bottom: 0;
  right: 19px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 650px) {
  .form__field-name .bank-card-picture {
    width: 220px;
  }
}
@media (max-width: 675px) {
  .form__field-name .bank-card-picture {
    right: -5px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 576px) {
  .form__field-name .bank-card-picture {
    right: unset;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.form__field-name .bank-card-picture.show {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.form__field-name .bank-card-picture__img {
  width: 100%;
}
.form-payment-card__row {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 20px;
  grid-row-gap: 16px;
}
@media (min-width: 577px) {
  .form-payment-card__row {
    margin-bottom: 4px;
  }
}
@media (max-width: 576px) {
  .form-payment-card__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .form-payment-card__row .form__field-name {
    font-size: 12px;
  }
}
.form-payment-card__row .form-payment__naviagtion {
  margin-left: 0 !important;
}
@media (max-width: 576px) {
  .form-payment-card__row .form__double-radio-item {
    gap: 4px;
  }
}
.form-payment-card__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 12px;
  grid-row-gap: 6px;
}
.form-payment-card__item {
  width: 100%;
  max-width: 30px;
}
.form-payment-card__item img {
  width: 100%;
  position: relative;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-website__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row-gap: 16px;
}
@media (max-width: 1024px) {
  .form-website__row {
    padding-left: 143px;
  }
}
@media (max-width: 576px) {
  .form-website__row {
    padding-left: 0;
  }
}
@media (min-width: 577px) {
  .form-website__row {
    padding-top: 6px;
  }
}
.form-website__row .form__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41%;
          flex: 0 0 41%;
}
@media (max-width: 1024px) {
  .form-website__row .form__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.form__col-website {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 59% !important;
          flex: 0 0 59% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 577px) {
  .form__col-website .form__field {
    width: calc(100% - 143px);
  }
}
@media (max-width: 1024px) {
  .form__col-website {
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
    width: calc(100% + 143px) !important;
    margin-left: -143px;
  }
}
@media (max-width: 576px) {
  .form__col-website {
    width: 100% !important;
    margin-left: 0;
  }
}
.form__col-website-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #304659;
  margin-top: 37px;
  margin-right: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 137px;
  overflow: hidden;
  overflow-wrap: anywhere;
}
@media (max-width: 576px) {
  .form__col-website-text {
    font-size: 13px;
    line-height: 20px;
    margin-right: 5px;
    display: none;
  }
}
.form__link {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: underline;
  color: #338db1;
}
.form__link:hover {
  text-decoration: none;
}
.form__primary-btn {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #3da6b0;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media (max-width: 315px) {
  .form__primary-btn {
    white-space: normal;
  }
}
@media screen and (min-width: 1025px) {
  .form__primary-btn:hover {
    border-color: #3da6b0;
  }
}
.form__submit {
  width: 100%;
}
.form__submit.disabled {
  pointer-events: none;
}
.form__submit.disabled, .form__submit.disabled::after, .form__submit.disabled::before {
  -o-border-image: none !important;
     border-image: none !important;
  border-color: transparent !important;
  background: #f3f5f6 !important;
}
.form__submit.disabled,
.form__submit.disabled span,
.form__submit.disabled .value {
  color: #95a0aa !important;
}
.form__google-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 10px 14px;
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #304659;
  border: 1px solid #d0d5dd;
  -webkit-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .form__google-btn:hover {
    border-color: #475467;
  }
  .form__google-btn:hover img,
  .form__google-btn:hover svg {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.form__google-btn > * {
  position: relative;
  z-index: 3;
}
.form__google-btn img,
.form__google-btn svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form__password-rules ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #304659;
}
.form__password-rules ul li:not(:last-child) {
  margin-bottom: 4px;
}
.form__password-rules ul li::before {
  content: "";
  display: block;
  width: 3px;
  min-width: 3px;
  height: 3px;
  margin-right: 5px;
  background-color: #304659;
  border-radius: 50%;
}
.form__password-rules ul li.invalid {
  color: #ff6174;
}
.form__password-rules ul li.invalid::before {
  background: #ff6174;
}
.form__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #475467;
}
.form__question b {
  font-weight: 600;
}
.form__question.billing-info {
  font-size: 14px;
}
@media (max-width: 576px) {
  .form__question.billing-info {
    max-width: 230px;
    font-size: 13px;
  }
}
.form__question.billing-info p {
  font-weight: 500;
}
.form__question.upper-text {
  font-size: 14px;
}
@media (max-width: 576px) {
  .form__question.upper-text {
    font-size: 13px;
  }
}
.form__question.upper-text p {
  font-weight: 500;
}
.form__question p {
  margin-right: 4px;
}
.form__payment-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
@media screen and (max-width: 576px) {
  .form__payment-title {
    font-size: 14px;
    line-height: 23px;
  }
}
.form__payment-card-wrap {
  max-width: 196px;
  padding: 20px;
  background-color: #f9fafb;
}
@media (max-width: 635px) {
  .form__payment-card-wrap {
    margin-right: auto;
  }
}
@media (max-width: 500px) {
  .form__payment-card-wrap {
    max-width: none;
  }
}
.form__payment-card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 14px);
  margin-inline: -7px;
  margin-bottom: 7px;
}
.form__payment-card-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  padding-inline: 7px;
}
.form__payment-card-col__img {
  width: 100%;
  border-radius: 4px;
}
.form__payment-card-title {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  color: #667085;
}
.form__double-radio-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form__double-radio-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.form-payment__naviagtion {
  gap: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 576px) {
  .form-payment__naviagtion {
    gap: 8px;
  }
}
.form .password-hidden__field .form__input-wrap {
  width: 100%;
  position: relative;
}
.form .password-hidden__field .form__input {
  padding-right: 40px;
}
.form .password-hidden__field .form__input-hidden-btn {
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form .password-hidden__field .form__input-hidden-btn .icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  fill: #9AA2AC;
}
.form .password-hidden__field .form__input-hidden-btn .icon-eye {
  opacity: 0;
}
.form .password-hidden__field .form__input-hidden-btn.active .icon-eye {
  opacity: 1;
}
.form .password-hidden__field .form__input-hidden-btn.active .icon-eye-close {
  opacity: 0;
}
@media (min-width: 1025px) {
  .form .password-hidden__field .form__input-hidden-btn:hover .icon {
    fill: #A5EBFB;
  }
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  display: block;
  background: url("../../assets/svg/calendar.svg") no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
  border-width: 0;
  cursor: pointer;
  pointer-events: all !important;
}

input::-webkit-date-and-time-value {
  text-align: left !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.hero-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 534px;
  padding-top: 65px;
  padding-bottom: 15px;
  background: url("../../assets/img/content/modules/recreate/homepage/hero.webp") center no-repeat;
  background-size: cover;
}
@media (max-width: 576px) {
  .hero-section {
    min-height: 624px;
    padding-top: 75px;
    background: url("../../assets/img/content/modules/recreate/homepage/hero-mobile.webp") center no-repeat;
    background-size: cover;
  }
}
.hero-section .container, .hero-section .p-container {
  margin: auto;
}
.hero-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.hero-uppertitle {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2.34375px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 7px;
}
@media (max-width: 1024px) {
  .hero-uppertitle {
    font-size: 15px;
    font-weight: 800;
  }
}
@media (max-width: 576px) {
  .hero-uppertitle {
    font-weight: 600;
    letter-spacing: 3px;
  }
}
.hero-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 7px;
  max-width: 625px;
}
@media (max-width: 576px) {
  .hero-title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 11px;
  }
}
.hero-subtitle {
  max-width: 527px;
  margin-bottom: 26px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1024px) {
  .hero-subtitle {
    font-weight: 500;
    font-size: 14px;
    max-width: 500px;
  }
}
@media (max-width: 576px) {
  .hero-subtitle {
    line-height: 19px;
    margin-bottom: 20px;
  }
}
@media (min-width: 451px) {
  .hero-subtitle br {
    display: none;
  }
}
.hero-btn {
  min-width: 146px;
}

@media (min-width: 1025px) {
  .homapage-hero-section {
    min-height: calc(100vh - 180px);
  }
}
@media (max-width: 576px) {
  .homapage-hero-section {
    min-height: 550px;
  }
  .homapage-hero-section::after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
  }
}
@media (max-width: 576px) {
  .homapage-hero-section .hero-title {
    width: calc(100% + 4px);
    margin-left: -2px;
  }
}
@media (max-width: 375px) {
  .homapage-hero-section .hero-title {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1025px) {
  .homapage-hero-section .hero-subtitle {
    font-weight: 500;
  }
}

.mebership-hero {
  background: url("../../assets/img/content/modules/recreate/membership/hero.webp") left center no-repeat;
  background-size: cover;
}
@media (max-width: 1450px) {
  .mebership-hero {
    background: url("../../assets/img/content/modules/recreate/membership/hero-laptop.webp") left no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1024px) {
  .mebership-hero {
    background: url("../../assets/img/content/modules/recreate/membership/hero-tablet.webp") left no-repeat;
    background-size: cover;
  }
}
@media (max-width: 576px) {
  .mebership-hero {
    background: url("../../assets/img/content/modules/recreate/membership/hero-mobile.webp") center center no-repeat;
    background-size: cover;
  }
}
.mebership-hero .hero-title {
  max-width: 700px;
}
@media (max-width: 1024px) {
  .mebership-hero .hero-title {
    max-width: 580px;
  }
}
.mebership-hero .hero-subtitle {
  font-weight: 500;
}
@media (max-width: 576px) {
  .mebership-hero .hero-subtitle {
    max-width: 220px;
  }
}
@media (max-width: 1024px) {
  .mebership-hero .hero-btn {
    min-width: 129px;
  }
}

.opportunity-hero {
  background: url("../../assets/img/content/modules/recreate/opportunity/hero.webp") center bottom no-repeat;
  background-size: cover;
}
@media (max-width: 576px) {
  .opportunity-hero {
    background: url("../../assets/img/content/modules/recreate/opportunity/hero-mobile.webp") left center no-repeat;
    background-size: cover;
  }
}
.opportunity-hero .hero-subtitle {
  font-weight: 500;
}
@media (max-width: 576px) {
  .opportunity-hero .hero-subtitle {
    max-width: 260px;
  }
}

.company-hero {
  background: url("../../assets/img/content/modules/recreate/company/hero.webp") center no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  .company-hero {
    background: url("../../assets/img/content/modules/recreate/company/hero.webp") center top no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1024px) {
  .company-hero {
    background: url("../../assets/img/content/modules/recreate/company/hero.webp") 57% center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 700px) {
  .company-hero {
    background: url("../../assets/img/content/modules/recreate/company/hero.webp") 75% center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 576px) {
  .company-hero {
    background: url("../../assets/img/content/modules/recreate/company/hero-mobile.webp") center center no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1025px) {
  .company-hero .hero-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1025px) {
  .company-hero .hero-uppertitle {
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .company-hero .hero-uppertitle {
    margin-left: 10px;
  }
}
@media (max-width: 576px) {
  .company-hero .hero-uppertitle {
    margin-bottom: 8px;
  }
}
.company-hero .hero-title {
  margin-bottom: 14px;
}
@media (min-width: 1025px) {
  .company-hero .hero-title {
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .company-hero .hero-title {
    margin-left: 14px;
  }
}
@media (max-width: 576px) {
  .company-hero .hero-title {
    margin-bottom: 16px;
  }
}
.company-hero .hero-subtitle {
  font-weight: 500;
}
@media (min-width: 1025px) {
  .company-hero .hero-subtitle {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .company-hero .hero-subtitle {
    max-width: 260px;
    font-weight: 400;
  }
}

.experience-section {
  padding-top: 49px;
  padding-bottom: 18px;
}
@media (max-width: 576px) {
  .experience-section {
    padding-top: 36px;
  }
}
.experience-uppertitle {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .experience-uppertitle {
    margin-bottom: 4px;
    line-height: 28px;
  }
}
.experience-title {
  margin-bottom: 8px;
}
@media (max-width: 576px) {
  .experience-title {
    margin-bottom: 11px;
  }
}
.experience-subtitle {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 28px;
}
@media (max-width: 1024px) {
  .experience-subtitle {
    max-width: 540px;
  }
}
@media (max-width: 576px) {
  .experience-subtitle {
    max-width: 272px;
  }
}
.experience-box {
  width: 100%;
  height: 461px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 35px;
}
@media (max-width: 1024px) {
  .experience-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    height: auto;
  }
}
@media (max-width: 650px) {
  .experience-box {
    grid-row-gap: 0;
    grid-column-gap: 0;
  }
}
.experience-card {
  position: relative;
  width: calc(50% - 12px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 461px;
  z-index: 1;
  display: none;
}
@media (max-width: 1024px) {
  .experience-card {
    height: auto;
    width: calc(50% - 10px);
    aspect-ratio: 1.21653543/1;
  }
}
@media (max-width: 650px) {
  .experience-card {
    width: 100%;
    aspect-ratio: 0.91666667/1;
    margin-bottom: 20px;
  }
  .experience-card:last-child {
    margin-bottom: 0;
  }
}
.experience-card img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.experience-card:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.experience-card:nth-child(2) {
  height: 219px;
  width: calc(25% - 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  .experience-card:nth-child(2) {
    height: auto;
    width: calc(50% - 10px);
  }
}
@media (max-width: 650px) {
  .experience-card:nth-child(2) {
    width: 100%;
    aspect-ratio: 0.91666667/1;
  }
}
.experience-card:nth-child(3) {
  height: 219px;
  width: calc(25% - 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  .experience-card:nth-child(3) {
    height: auto;
    width: calc(50% - 10px);
  }
}
@media (max-width: 650px) {
  .experience-card:nth-child(3) {
    width: 100%;
    aspect-ratio: 0.91666667/1;
  }
}
.experience-card:nth-child(4) {
  height: 218px;
  width: calc(50% - 12px);
  margin-left: -25.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  .experience-card:nth-child(4) {
    height: auto;
    width: calc(50% - 10px);
    margin: 0;
  }
}
@media (max-width: 650px) {
  .experience-card:nth-child(4) {
    width: 100%;
    aspect-ratio: 0.91666667/1;
  }
}
.experience-card-info {
  min-height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 16px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
}
@media (max-width: 576px) {
  .experience-card-info {
    min-height: 54px;
    padding: 5px 13px;
  }
}
.experience-card-city {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
@media (max-width: 576px) {
  .experience-card-city {
    font-size: 20px;
  }
}
.experience-card-travalers {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  color: #fff;
}
@media (max-width: 576px) {
  .experience-card-travalers {
    font-size: 13px;
  }
}
.experience-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.quote-section {
  min-height: 512px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url("../../assets/img/content/modules/recreate/homepage/quote/quote-bg.png") no-repeat;
  background-size: cover;
  background-position: center top;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1600px) {
  .quote-section {
    background: url("../../assets/img/content/modules/recreate/homepage/quote/quote-laptop.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
@media (max-width: 1024px) {
  .quote-section {
    min-height: 450px;
    padding-bottom: 115px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background: url("../../assets/img/content/modules/recreate/homepage/quote/quote-bg-tablet.png") no-repeat;
    background-size: cover;
    background-position: center top;
  }
}
@media (max-width: 850px) {
  .quote-section {
    min-height: 400px;
  }
}
@media (max-width: 576px) {
  .quote-section {
    min-height: 510px;
    background: url("../../assets/img/content/modules/recreate/homepage/quote/quote-bg-mobile.png") no-repeat;
    background-size: cover;
    background-position: center top;
    padding-bottom: 155px;
  }
}
.quote-section .container, .quote-section .p-container {
  margin: auto;
}
@media (max-width: 1024px) {
  .quote-section .container, .quote-section .p-container {
    margin: 0 auto;
  }
}
.quote-box {
  width: 100%;
  max-width: 636px;
  margin: 0 auto;
  position: relative;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  background: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(17.9688px);
          backdrop-filter: blur(17.9688px);
  padding: 41px 20px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .quote-box {
    -webkit-transform: none;
            transform: none;
    max-width: 572px;
    padding: 36px 20px;
    padding-bottom: 22px;
  }
}
@media (max-width: 576px) {
  .quote-box {
    max-width: 572px;
    padding: 25px 27px;
    padding-top: 42px;
  }
}
.quote-symbol {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  overflow: hidden;
  padding: 5px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.quote-symbol .icon {
  width: 25px;
  height: 25px;
  fill: #817C7C;
}
@media (max-width: 1024px) {
  .quote-symbol .icon {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 576px) {
  .quote-symbol .icon {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 1024px) {
  .quote-symbol {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 576px) {
  .quote-symbol {
    width: 50px;
    height: 50px;
  }
}
.quote-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  margin-bottom: 6px;
}
@media (max-width: 1024px) {
  .quote-text {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .quote-text {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
  }
}
.quote-autor {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1024px) {
  .quote-autor {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .quote-autor {
    font-size: 16px;
    line-height: 22px;
  }
}

.travel-categories-section {
  padding-top: 57px;
  padding-bottom: 46px;
}
@media (max-width: 1024px) {
  .travel-categories-section {
    padding-bottom: 34px;
    padding-top: 40px;
  }
}
@media (max-width: 576px) {
  .travel-categories-section {
    padding-bottom: 16px;
    background-color: #f9fafb;
  }
}
.travel-categories-title {
  margin-bottom: 29px;
}
@media (max-width: 1024px) {
  .travel-categories-title {
    margin-bottom: 27px;
  }
}
@media (max-width: 576px) {
  .travel-categories-title {
    margin-bottom: 30px;
  }
}
.travel-categories-list {
  width: calc(100% + 26px);
  margin-left: -13px;
  margin-right: -13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .travel-categories-list {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media (max-width: 576px) {
  .travel-categories-list {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 340px) {
  .travel-categories-list {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
.travel-categories-list-expand {
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .travel-categories-list-expand {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media (max-width: 576px) {
  .travel-categories-list-expand {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 340px) {
  .travel-categories-list-expand {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
.travel-categories-list-expand .travel-categories__wrapper {
  width: 20%;
  padding: 0 12px;
  margin-bottom: 23px;
}
@media (max-width: 1024px) {
  .travel-categories-list-expand .travel-categories__wrapper {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 25%;
  }
}
@media (max-width: 700px) {
  .travel-categories-list-expand .travel-categories__wrapper {
    width: 33.3333333333%;
  }
}
@media (max-width: 576px) {
  .travel-categories-list-expand .travel-categories__wrapper {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 23px;
  }
}
@media (max-width: 340px) {
  .travel-categories-list-expand .travel-categories__wrapper {
    margin-bottom: 20px;
    padding: 0 5px;
  }
}
.travel-categories-list-expand .travel-categories__photo {
  aspect-ratio: 1/1;
}
@media (max-width: 1024px) {
  .travel-categories-list-expand .travel-categories__photo {
    aspect-ratio: 1.10144928/1;
  }
}
@media (max-width: 576px) {
  .travel-categories-list-expand .travel-categories__photo {
    aspect-ratio: 0.85555556/1;
  }
}
.travel-categories-list-expand .travel-categories__name {
  font-size: 14px;
  line-height: 16px;
  min-height: 38px;
}
@media (max-width: 1024px) {
  .travel-categories-list-expand .travel-categories__name {
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .travel-categories-list-expand .travel-categories__name {
    font-size: 15px;
    min-height: 40px;
  }
}
@media (max-width: 340px) {
  .travel-categories-list-expand .travel-categories__name {
    font-size: 14px;
  }
}
.travel-categories__wrapper {
  width: 25%;
  position: relative;
  padding: 0 13px;
  margin-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .travel-categories__wrapper {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 700px) {
  .travel-categories__wrapper {
    width: 33.3333333333%;
  }
}
@media (max-width: 576px) {
  .travel-categories__wrapper {
    width: 50%;
    margin-bottom: 24px;
    padding: 0 10px;
  }
}
@media (max-width: 340px) {
  .travel-categories__wrapper {
    margin-bottom: 20px;
    padding: 0 5px;
  }
}
.travel-categories__item {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.travel-categories__photo {
  width: 100%;
  position: relative;
  aspect-ratio: 1.12886598/1;
}
@media (max-width: 576px) {
  .travel-categories__photo {
    aspect-ratio: 0.85635359/1;
  }
}
.travel-categories__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}
.travel-categories__name {
  padding: 5px;
  min-height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  max-height: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1024px) {
  .travel-categories__name {
    min-height: 38px;
    font-size: 13px;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .travel-categories__name {
    min-height: 40px;
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 340px) {
  .travel-categories__name {
    font-size: 14px;
  }
}

.save-banner-section {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 576px) {
  .save-banner-section {
    padding-bottom: 60px;
    padding-top: 120px;
    background-color: #f9fafb;
  }
}
.save-banner-box {
  width: 100%;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 8.60938px 25.7813px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 8.60938px 25.7813px rgba(52, 60, 71, 0.11);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 36px 65px;
}
@media (max-width: 1024px) {
  .save-banner-box {
    padding: 30px 25px;
  }
}
@media (max-width: 576px) {
  .save-banner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 115px 22px;
    padding-bottom: 34px;
    -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
            box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
  }
}
@media (max-width: 380px) {
  .save-banner-box {
    padding-top: 100px;
  }
}
.save-banner__photo {
  width: 100%;
  max-width: 37.7%;
  position: absolute;
  left: 48px;
  bottom: 29px;
}
@media (max-width: 1024px) {
  .save-banner__photo {
    left: 28px;
    max-width: 44%;
    bottom: 50%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@media (max-width: 700px) {
  .save-banner__photo {
    max-width: 38%;
  }
}
@media (max-width: 650px) {
  .save-banner__photo {
    max-width: 35%;
    left: 20px;
  }
}
@media (max-width: 600px) {
  .save-banner__photo {
    max-width: 33%;
    left: 17px;
  }
}
@media (max-width: 576px) {
  .save-banner__photo {
    bottom: unset;
    -webkit-transform: translateY(-120px) translateX(-50%);
            transform: translateY(-120px) translateX(-50%);
    max-width: 295px;
    left: 50%;
    top: 0;
  }
}
@media (max-width: 380px) {
  .save-banner__photo {
    max-width: 250px;
    -webkit-transform: translateY(-100px) translateX(-50%);
            transform: translateY(-100px) translateX(-50%);
  }
}
.save-banner__photo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.save-banner__info {
  width: 100%;
  max-width: 390px;
}
@media (max-width: 1024px) {
  .save-banner__info {
    max-width: 280px;
  }
}
@media (max-width: 576px) {
  .save-banner__info {
    max-width: none;
  }
}
.save-banner-title {
  text-align: start;
  font-size: 30px;
  line-height: 31px;
  margin-bottom: 17px;
}
@media (max-width: 1024px) {
  .save-banner-title {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 13px;
  }
}
@media (max-width: 576px) {
  .save-banner-title {
    font-size: 26px;
    margin-bottom: 12px;
  }
  .save-banner-title br {
    display: none;
  }
}
.save-banner-list {
  margin-bottom: 21px;
  width: calc(100% + 20px);
}
@media (max-width: 1024px) {
  .save-banner-list {
    margin-bottom: 15px;
    grid-column-gap: 0;
  }
}
@media (max-width: 576px) {
  .save-banner-list {
    margin-bottom: 21px;
  }
}
@media (max-width: 1024px) {
  .save-banner-list li {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .save-banner-list li {
    font-size: 14px;
    line-height: 19px;
  }
}

.social-media-section {
  padding-top: 60px;
  padding-bottom: 62px;
}
@media (max-width: 1024px) {
  .social-media-section {
    padding-top: 49px;
    padding-bottom: 47px;
  }
}
@media (max-width: 576px) {
  .social-media-section {
    padding-top: 40px;
    padding-bottom: 58px;
  }
}
.social-media-uppertitle {
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .social-media-uppertitle {
    margin-bottom: 7px;
  }
}
.social-media-title {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .social-media-title {
    margin-bottom: 23px;
    max-width: 460px;
  }
}
@media (max-width: 576px) {
  .social-media-title {
    margin-bottom: 32px;
    width: calc(100% + 4px);
    margin-left: -2px;
  }
}
@media (min-width: 577px) {
  .social-media-title br {
    display: none;
  }
}
.social-media__slider {
  width: 100%;
  position: relative;
}
.social-media__card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.social-media__card:hover .social-media__hidebox {
  opacity: 1;
  visibility: visible;
}
.social-media__photo {
  aspect-ratio: 0.94957983/1;
  width: 100%;
  position: relative;
}
.social-media__photo img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  height: 100%;
}
.social-media__buttons {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 8px;
}
@media (max-width: 1024px) {
  .social-media__buttons {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }
}
@media (max-width: 576px) {
  .social-media__buttons {
    padding: 10px;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }
}
.social-media-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 41px;
  min-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 3px 7px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  -webkit-backdrop-filter: blur(11.7188px);
          backdrop-filter: blur(11.7188px);
  border-radius: 31.25px;
  background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 576px) {
  .social-media-btn {
    font-size: 13px;
    min-width: 55px;
    min-height: 25px;
  }
}
.social-media-btn .symbol {
  margin-right: 4px;
  width: 11px;
  height: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 11px;
}
@media (max-width: 576px) {
  .social-media-btn .symbol {
    min-width: 14px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
}
.social-media-btn .icon {
  width: 11px;
  height: 11px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .social-media-btn .icon {
    width: 14px;
    height: 14px;
  }
}
.social-media-btn .icon.stroke {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1.1px;
}
@media (min-width: 1025px) {
  .social-media-btn:hover {
    background: #fff;
    color: #434343;
  }
  .social-media-btn:hover .icon {
    fill: #434343;
  }
  .social-media-btn:hover .icon.stroke {
    fill: transparent;
    stroke: #434343;
  }
}
.social-media-btn:active, .social-media-btn.active {
  background: #fff;
  color: #434343;
}
.social-media-btn:active .icon, .social-media-btn.active .icon {
  fill: #434343;
}
.social-media-btn:active .icon.stroke, .social-media-btn.active .icon.stroke {
  fill: transparent;
  stroke: #434343;
}
.social-media__hidebox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 38px);
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.social-media__hidebox.hide-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 0;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-8.17%, rgba(0, 0, 0, 0)), color-stop(61.27%, rgba(0, 0, 0, 0.873)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -8.17%, rgba(0, 0, 0, 0.873) 61.27%, rgba(0, 0, 0, 0.9) 100%);
}
@media (max-width: 1024px) {
  .social-media__hidebox.hide-text::before {
    height: 37px;
  }
}
@media (max-width: 500px) {
  .social-media__hidebox.hide-text::before {
    height: 40px;
  }
}
@media (max-width: 1024px) {
  .social-media__hidebox {
    padding: 8px;
    height: calc(100% - 42px);
  }
}
@media (max-width: 730px) {
  .social-media__hidebox {
    height: calc(100% - 44px);
  }
}
@media (max-width: 576px) {
  .social-media__hidebox {
    height: calc(100% - 49px);
    padding: 10px;
  }
}
.social-media__link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
  display: inline-block;
  margin-top: 15px;
}
@media (max-width: 1024px) {
  .social-media__link {
    font-size: 10px;
    line-height: 10px;
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  .social-media__link {
    font-size: 13px;
    line-height: 13px;
    margin-top: 14px;
  }
}
.social-media__link .icon {
  fill: #fff;
  width: 17px;
  height: 17px;
  margin-right: 6px;
  min-width: 17px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .social-media__link .icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-right: 5px;
  }
}
@media (max-width: 576px) {
  .social-media__link .icon {
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin-right: 6px;
  }
}
@media (min-width: 1025px) {
  .social-media__link:hover {
    color: #338EB2;
  }
  .social-media__link:hover .icon {
    fill: #338EB2;
  }
}
.social-media__link:active {
  color: #338EB2;
}
.social-media__link:active .icon {
  fill: #338EB2;
}
.social-media__hidetext {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  color: #fff;
  overflow: hidden;
  max-height: 100%;
  margin-bottom: auto;
}
@media (max-width: 1024px) {
  .social-media__hidetext {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 576px) {
  .social-media__hidetext {
    font-size: 11px;
    line-height: 14px;
  }
}

.explore-section {
  padding-top: 52px;
  padding-bottom: 52px;
  background: #f4f6f8 url("../../assets/img/content/modules/recreate/homepage/explore/explore-map.png") center 138px/1224px 574px no-repeat;
}
@media (max-width: 1024px) {
  .explore-section {
    padding-top: 45px;
    padding-bottom: 46px;
    background: #f4f6f8 url("../../assets/img/content/modules/recreate/homepage/explore/explore-map.png") -49px 120px/791px 370px no-repeat;
    background-size: 105% auto;
  }
}
@media (max-width: 576px) {
  .explore-section {
    padding-top: 39px;
    padding-bottom: 45px;
    background: #f4f6f8 url("../../assets/img/content/modules/recreate/homepage/explore/explore-map.png") center 170px no-repeat;
    background-size: 125% auto;
  }
}
@media screen and (max-width: 1024px) {
  .explore-section .container, .explore-section .p-container {
    max-width: 100%;
  }
}
.explore-title {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .explore-title {
    margin-bottom: 21px;
  }
}
@media (max-width: 576px) {
  .explore-title {
    margin-bottom: 26px;
  }
}
@media (max-width: 450px) {
  .explore-title {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 26px;
  }
}
.explore-box {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .explore-box {
    max-width: 636px;
  }
}
.explore-header {
  width: 100%;
  position: relative;
  min-height: 58px;
  padding: 5px 35px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 28px;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.explore-header::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-backdrop-filter: blur(31.6586px);
          backdrop-filter: blur(31.6586px);
  opacity: 0.85;
}
@media (max-width: 1024px) {
  .explore-header {
    font-size: 20px;
    line-height: 23px;
    min-height: 48px;
  }
}
@media (max-width: 576px) {
  .explore-header {
    font-size: 15px;
    line-height: 20px;
    min-height: 46px;
    padding: 5px;
  }
}
.explore-slider {
  height: 389px;
  background: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  margin-bottom: 17px;
}
.explore-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
@media (max-width: 1024px) {
  .explore-slider {
    height: 326px;
    margin-bottom: 24px;
  }
}
@media (max-width: 576px) {
  .explore-slider {
    height: 143px;
    margin-bottom: 16px;
  }
}
.explore-slide {
  overflow: hidden;
  height: 105px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 27px;
  position: relative;
}
.explore-slide::after {
  width: calc(100% - 54px);
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  content: "";
  position: absolute;
  background: #D6DADE;
}
@media (max-width: 1024px) {
  .explore-slide::after {
    width: calc(100% - 46px);
  }
}
@media (max-width: 576px) {
  .explore-slide::after {
    width: calc(100% - 20px);
  }
}
@media (max-width: 1024px) {
  .explore-slide {
    padding: 10px 23px;
    height: 84px !important;
  }
}
@media (max-width: 576px) {
  .explore-slide {
    padding: 7px 10px;
    height: 72px !important;
  }
}
.explore-slide__info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.explore-slide__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column-gap: 18px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 576px) {
  .explore-slide__row {
    grid-column-gap: 15px;
  }
}
.explore-slide__user {
  width: 54px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  border-radius: 50%;
  overflow: hidden;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  min-width: 54px;
  text-transform: uppercase;
  margin-right: 22px;
}
@media (max-width: 1024px) {
  .explore-slide__user {
    width: 44px;
    height: 44px;
    margin-right: 18px;
    min-width: 44px;
    font-size: 14px;
    line-height: 14px;
  }
}
@media (max-width: 576px) {
  .explore-slide__user {
    width: 35px;
    height: 35px;
    margin-right: 8px;
    min-width: 35px;
    font-size: 11px;
    line-height: 11px;
  }
}
.explore-slide__user img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.explore-slide__userinfo {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 1024px) {
  .explore-slide__userinfo {
    max-width: 345px;
  }
}
@media (max-width: 700px) {
  .explore-slide__userinfo {
    max-width: 280px;
  }
}
@media (max-width: 576px) {
  .explore-slide__userinfo {
    max-width: 160px;
  }
}
@media (max-width: 370px) {
  .explore-slide__userinfo {
    max-width: 120px;
  }
}
.explore-slide__username {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18.7px;
  line-height: 24px;
  color: #27292c;
  margin-bottom: 4.5px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .explore-slide__username {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 20px;
  }
}
@media (max-width: 576px) {
  .explore-slide__username {
    font-size: 12px;
    margin-bottom: 2px;
    line-height: 15px;
  }
}
.explore-slide__userdescription {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 17px;
  text-transform: capitalize;
  color: #424848;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .explore-slide__userdescription {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 576px) {
  .explore-slide__userdescription {
    font-size: 10px;
  }
}
.explore-slide__save {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18.7px;
  line-height: 24px;
  text-align: right;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 5px;
}
.explore-slide__save span {
  margin-right: 4px;
}
.explore-slide__save span:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .explore-slide__save {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    margin-bottom: 2px;
  }
}
@media (max-width: 576px) {
  .explore-slide__save {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 19px;
  }
}
.explore-slide__date {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #424848;
}
@media (max-width: 1024px) {
  .explore-slide__date {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .explore-slide__date {
    font-size: 10px;
    line-height: 13px;
  }
}
.explore-bottom {
  color: #27292c;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 12.6px;
}
@media screen and (max-width: 576px) {
  .explore-bottom {
    max-width: 304px;
    margin: 0 auto;
  }
  .explore-bottom br {
    display: none;
  }
}

.live-section {
  padding-top: 60px;
  padding-bottom: 60px;
  background: url("../../assets/img/content/modules/recreate/homepage/live/live-bg.png") no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  .live-section {
    background-position: 45% center;
  }
}
@media (max-width: 1300px) {
  .live-section {
    background-position: 60% center;
  }
}
@media (max-width: 1200px) {
  .live-section {
    background-position: 70% center;
  }
}
@media (max-width: 1024px) {
  .live-section {
    padding-top: 60px;
    padding-bottom: 52px;
    background: url("../../assets/img/content/modules/recreate/homepage/live/live-bg-tablet.png") no-repeat;
    background-position: 33% center;
    background-size: cover;
  }
}
@media (max-width: 740px) {
  .live-section {
    background-position: 50% center;
  }
}
@media (max-width: 700px) {
  .live-section {
    background-position: 70% center;
  }
}
@media (max-width: 576px) {
  .live-section {
    padding-top: 38px;
    padding-bottom: 41px;
    background: url("../../assets/img/content/modules/recreate/homepage/live/live-bg-mobile.png") no-repeat;
    background-position: right center;
    background-size: cover;
  }
}
.live-box {
  padding: 26px 30px 31px 34px;
  background: rgba(0, 0, 0, 0.07);
  -webkit-backdrop-filter: blur(23.4375px);
          backdrop-filter: blur(23.4375px);
  position: relative;
  width: 100%;
  max-width: 708px;
}
@media (max-width: 1024px) {
  .live-box {
    max-width: 518px;
    padding: 23px 26px 31px 30px;
  }
}
@media (max-width: 576px) {
  .live-box {
    padding: 26px 17px 26px 22px;
  }
}
.live-title {
  color: #fff;
  text-align: left;
  font-size: 30px;
  line-height: 36px;
}
@media (max-width: 1024px) {
  .live-title {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .live-title {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 11px;
  }
}
@media screen and (min-width: 391px) {
  .live-title .mobile-wrap {
    display: none;
  }
}
.live-subtitle {
  text-align: left;
  color: #fff;
  margin-left: 0;
  line-height: 21px;
  max-width: 480px;
  font-weight: 500;
}
@media (min-width: 451px) {
  .live-subtitle br {
    display: none;
  }
}
@media (max-width: 576px) {
  .live-subtitle {
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 15px;
  }
}
@media (max-width: 450px) {
  .live-subtitle {
    max-width: 285px;
  }
}
.live-list {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 9px 18px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .live-list {
    grid-template-columns: repeat(2, auto);
    gap: 9px;
  }
}
@media screen and (max-width: 576px) {
  .live-list {
    grid-template-columns: repeat(1, auto);
    gap: 8px;
  }
}
.live-list li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: 600;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .live-list li {
    font-size: 14px;
    line-height: 19px;
  }
}
.live-list li::before {
  background: url("../../assets/svg/marker-grey.svg") no-repeat;
  background-size: 100% 100%;
}

.care-section {
  padding-top: 53px;
  padding-bottom: 40px;
  min-height: 630px;
  overflow: hidden;
}
@media (max-width: 700px) {
  .care-section {
    padding-top: 47px;
    min-height: 758px;
  }
}
.care-bg__img {
  width: 100%;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -o-object-position: center center;
     object-position: center center;
}
@media (max-width: 1024px) {
  .care-bg__img {
    -o-object-position: 40% center;
       object-position: 40% center;
  }
}
@media (max-width: 800px) {
  .care-bg__img {
    -o-object-position: 30% center;
       object-position: 30% center;
  }
}
@media (max-width: 700px) {
  .care-bg__img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
}
.care-box {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.care-logo {
  width: 120px;
  min-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 11px;
}
.care-logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .care-logo {
    width: 102px;
    min-width: 102px;
  }
}
@media (max-width: 576px) {
  .care-logo {
    width: 153px;
    min-width: 154px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .care-title {
    max-width: 395px;
  }
}
.care-subtitle {
  max-width: 749px;
}
@media (max-width: 1024px) {
  .care-subtitle {
    max-width: 540px;
  }
}
@media (max-width: 576px) {
  .care-subtitle {
    margin-bottom: 15px;
  }
}
.care-hashtag {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 19px;
}
@media (max-width: 576px) {
  .care-hashtag {
    margin-bottom: 24px;
  }
}

.auth-page {
  width: 100%;
  min-height: 100vh;
}
@media screen and (max-width: 576px) {
  .auth-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.auth-page__back-to-home {
  min-width: 360px;
  min-height: 44px;
  font-size: 14px;
  line-height: 16px;
  margin-top: 16px;
}
@media (max-width: 576px) {
  .auth-page__back-to-home {
    min-width: 330px;
  }
}
@media (max-width: 420px) {
  .auth-page__back-to-home {
    min-width: 100%;
  }
}
.auth-page .form__error {
  margin-top: 6px;
  font-size: 13px;
}
@media (min-width: 1025px) {
  .auth-page .form__error {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .auth-page .form__field-name {
    font-size: 14px;
  }
}
.auth-page .form__submit,
.auth-page .filled-btn {
  font-size: 14px;
  line-height: 15px;
  min-height: 44px;
}
@media (max-width: 576px) {
  .auth-page .form__submit,
  .auth-page .filled-btn {
    font-size: 15px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .auth-page .form__primary-btn {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .auth-page .form__question {
    font-size: 14px;
    grid-row-gap: 2px;
  }
}
.auth-page .form__row {
  row-gap: 20px;
}
@media screen and (min-width: 1025px) {
  .auth-page .form-foot-message {
    margin-top: -4px;
  }
}
.auth-page.password-changed .auth-page__container {
  max-width: 456px;
}
.auth-page.password-changed .auth-page__title {
  margin-bottom: 24px;
}
.auth-page.password-changed .filled-btn {
  display: block;
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}
.auth-page__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .auth-page__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    min-height: 100vh;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__row {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
.auth-page__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
@media screen and (max-width: 1024px) {
  .auth-page__col {
    min-height: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .auth-page__col:last-child {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .auth-page__col.auth-page__col-content {
    min-height: calc(100vh - 215px);
  }
}
.auth-page__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-inline: 30px;
}
@media screen and (min-width: 1025px) {
  .auth-page__content {
    padding-top: 47px;
  }
}
@media (max-width: 1024px) {
  .auth-page__content {
    padding-top: 19px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .auth-page__content {
    padding-top: 0;
    padding-inline: 28px;
  }
}
@media screen and (max-width: 375px) {
  .auth-page__content {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__header {
    padding-top: 24px;
  }
}
.auth-page__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 576px) {
  .auth-page__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.auth-page__body .form {
  margin-bottom: 40px;
}
.auth-page__body .form__input-wrap {
  margin-bottom: 3px;
}
@media screen and (max-width: 1024px) {
  .auth-page__body .form__password-rules {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__body .form__question {
    margin-top: 6px;
  }
}
.auth-page__container {
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .auth-page__container {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.auth-page__logo {
  display: block;
  max-width: 164px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 577px) {
  .auth-page__logo {
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__logo {
    margin: 0 auto;
  }
}
.auth-page__logo__img {
  width: 100%;
}
.auth-page__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 38px;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
}
@media screen and (max-width: 576px) {
  .auth-page__title {
    margin-bottom: 4px;
    font-size: 28px;
  }
}
.auth-page__subtitle {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 13.9px;
  line-height: 21px;
  text-align: center;
  color: #667085;
}
@media screen and (max-width: 576px) {
  .auth-page__subtitle {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 24px;
  }
}
.auth-page__picture {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 577px) and (max-width: 1024px) {
  .auth-page__picture::before {
    content: "";
    display: block;
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-shadow: inset 0 -100px 55px #fff;
            box-shadow: inset 0 -100px 55px #fff;
    z-index: 2;
    pointer-events: none;
  }
  .auth-page__picture::after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 4;
    background: #fff;
    pointer-events: none;
  }
}
@media screen and (min-width: 1025px) {
  .auth-page__picture {
    width: 50vw;
    max-height: 100vh;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .auth-page__picture {
    height: 215px;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__picture {
    display: none;
  }
}
.auth-page__picture__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .auth-page__picture__img.pc {
    display: none;
  }
}
@media screen and (min-width: 1024.9px) {
  .auth-page__picture__img.mobile {
    display: none;
  }
}
.auth-page__footer {
  padding-bottom: 17px;
  position: relative;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #475467;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .auth-page__footer {
    padding-bottom: 17px;
  }
}
@media screen and (max-width: 576px) {
  .auth-page__footer {
    padding-bottom: 26px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) {
  .auth-page.password-changed .auth-page__content, .auth-page.password-changed-success .auth-page__content {
    padding-top: 0;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .auth-page.password-changed .auth-page__content, .auth-page.password-changed-success .auth-page__content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 140px;
  }
}
@media (max-width: 576px) {
  .auth-page.password-changed .auth-page__container, .auth-page.password-changed-success .auth-page__container {
    padding-bottom: 40px;
  }
}

.page-french .outline-btn,
.page-french .primary-btn,
.page-french .filled-btn,
.page-french .blur-btn,
.page-french .header-join-btn {
  text-transform: none;
}

.page-french * {
  text-transform: none;
}
@media screen and (min-width: 577px) {
  .page-french .password-changed .reset-password-title,
  .page-french .new-password-page .reset-password-title {
    text-transform: unset;
  }
}
.page-french .password-changed__submit,
.page-french .auth-page__back-to-home,
.page-french .form__submit {
  text-transform: unset;
}
@media screen and (min-width: 577px) {
  .page-french .reset-password-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    white-space: nowrap;
  }
}
@media screen and (min-width: 577px) {
  .page-french .reset-password-title .mobile {
    display: none;
  }
}
.page-french .form-foot-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 577px) {
  .page-french .form-foot-message .form__question {
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media screen and (max-width: 576px) {
  .page-french .auth-page.password-changed-success .auth-page__subtitle {
    max-width: 295px;
    margin-inline: auto;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .auth-page.password-changed-success .auth-page__back-to-home {
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .page-french .w-calc-d-10 {
    width: calc(100% + 10px);
  }
}
@media screen and (max-width: 576px) {
  .page-french .w-calc-d-10 {
    line-height: 32px;
  }
}

.page-french .footer-links {
  max-width: 462px;
}
@media screen and (max-width: 1024px) {
  .page-french .footer-links {
    max-width: 430px;
  }
}
@media screen and (max-width: 414px) {
  .page-french .footer-links {
    max-width: none;
    width: calc(100% + 18px);
  }
}
@media screen and (max-width: 414px) {
  .page-french .footer-link {
    font-size: 12.5px;
  }
}
.page-french .footer-copyright br {
  display: none;
}
@media screen and (min-width: 701px) and (max-width: 1024px) {
  .page-french .footer-copyright br {
    display: block;
  }
}
@media screen and (min-width: 701px) and (max-width: 1024px) {
  .page-french .footer-copyright {
    text-align: right;
  }
}

.page-french .header-form .header-form__title br {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .header-form .header-form__title br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-french .header-form .header-form__title {
    line-height: 28px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .header-form .header-form__subtitle {
    max-width: 490px;
  }
}
.page-french .header-form .form__field-name br {
  display: block;
}
.page-french .header-form .form__field-name br.show-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .header-form .form__field-name br.show-mobile {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-french .header-form .form__field-name br {
    display: none;
  }
}

.page-italy .outline-btn,
.page-italy .primary-btn,
.page-italy .filled-btn,
.page-italy .blur-btn,
.page-italy .header-join-btn {
  text-transform: none;
}

.page-italy .auth-page .auth-page__title {
  text-transform: none;
}
.page-italy .auth-page .filled-btn {
  text-transform: none;
}
@media (min-width: 577px) {
  .page-italy .auth-page .form__question {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 577px) {
  .page-italy .auth-page.auth-page-reset-password .auth-page__subtitle {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (max-width: 450px) {
  .page-italy .auth-page.auth-page-reset-password .auth-page__title {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -20px;
  }
}
@media (min-width: 1025px) {
  .page-italy .auth-page.password-changed .auth-page__title {
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 24px;
  }
}
@media (max-width: 1024px) and (min-width: 577px) {
  .page-italy .auth-page.password-changed .auth-page__title {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
}

.page-italy .footer-links {
  max-width: 440px;
}
.page-italy .footer-links li:nth-child(3)::after {
  display: none;
}
@media screen and (max-width: 497px) {
  .page-italy .footer-links li:nth-child(3)::after {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .footer-links li::after {
    display: block;
  }
}
@media screen and (max-width: 497px) {
  .page-italy .footer-links li:nth-child(even)::after, .page-italy .footer-links li:last-child::after {
    display: none;
  }
}
.page-italy .footer-link {
  font-weight: 500;
}
.page-italy .footer-copyright {
  font-weight: 500;
}
.page-italy .footer-copyright br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .footer-copyright br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .footer-copyright br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .footer-copyright {
    font-size: 11px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .footer-contacts {
    margin-top: 30px;
  }
  .page-italy .footer-link {
    font-size: 11px;
  }
}

@media screen and (max-width: 576px) {
  .page-italy .header-form__title {
    line-height: 27px;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .header-form__subtitle {
    max-width: 296px;
  }
}
.page-italy .header-form__subtitle br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .header-form__subtitle br {
    display: block;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .header-form__subtitle br {
    display: none;
  }
}
.page-italy .header-form .full-field .form__field-name br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .header-form .full-field .form__field-name br {
    display: block;
  }
}
/*# sourceMappingURL=master.css.map */