/* FROZEN: compiled from SCSS one final time before the SCSS pipeline was removed.
 * Do not edit by hand — these styles are legacy and will be replaced by Tailwind.
 */
@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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

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

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

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

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

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

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

/*
Template Name: Fluid;
Template URI:https://www.fluid.app/
Author: Prem Prasad Khanal
Author URI: http://premkhanal.com.np/
Description: Fluid is a marketing platform. 
Version: 1.0.0
Primary use: marketing 
*/
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

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

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

/** Fluid Typography **/
@font-face {
  font-family: "Eina03-SemiBold";
  src: url("https://ik.imagekit.io/fluid/s3/fonts/Eina03-SemiBold.otf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Eina03-Regular";
  src: url("https://ik.imagekit.io/fluid/s3/fonts/Eina03-Regular.otf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Eina03-Bold";
  src: url("https://ik.imagekit.io/fluid/s3/fonts/Eina03-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "AvenirLTStd-Medium";
  src: url("https://ik.imagekit.io/fluid/s3/fonts/AvenirLTStd-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "AvenirLTStd-Light";
  src: url("https://ik.imagekit.io/fluid/s3/fonts/AvenirLTStd-Light.otf");
}
:root {
  /** Font family in var **/
  --ff-body: 'Eina03-Regular', sans-serif;
  --ff-semibold: 'Eina03-SemiBold', sans-serif;
  --ff-bold: 'Eina03-Bold', sans-serif;
  --ff-light: 'AvenirLTStd-Light';
  --ff-medium: 'AvenirLTStd-Medium';
  /** Font size in var **/
  --fs-base: 16;
  --fs-h1: 1.75rem;
  --fs-h2: 1.5rem;
  --fs-h3: 1.25rem;
  --fs-h4: 1rem;
  --fs-xxxl: 1.75rem;
  --fs-xxl: 1.5rem;
  --fs-xl: 1.25rem;
  --fs-lg: 1.125rem;
  --fs-mlg: 1rem;
  --fs-body: 0.875rem;
  --fs-md: 0.75rem;
  --fs-sm: 0.6125rem;
}

/** font family **/
.ff-body, body {
  font-family: var(--ff-body);
}

.ff-light {
  font-family: var(--ff-light);
}

.ff-medium {
  font-family: var(--ff-medium);
}

.ff-semibold {
  font-family: var(--ff-semibold);
}

.ff-bold {
  font-family: var(--ff-bold);
}

/** Default body **/
body {
  font-style: normal;
}

.fs-h1 {
  font-size: var(--fs-h1);
}

.fs-h2 {
  font-size: var(--fs-h2);
}

.fs-h3 {
  font-size: var(--fs-h3);
}

.fs-h4 {
  font-size: var(--fs-h4);
}

.fs-xxl {
  font-size: var(--fs-xxl);
}

.fs-xl {
  font-size: var(--fs-xl);
}

.fs-lg {
  font-size: var(--fs-lg);
}

.fs-mlg {
  font-size: var(--fs-mlg);
}

.fs-body, body {
  font-size: var(--fs-body);
}

.fs-md {
  font-size: var(--fs-md);
}

.fs-sm {
  font-size: var(--fs-sm);
}

/** font size and line height **/
.fs-fontSize {
  font-size: 0.125rem;
}

.fs-fontSize {
  font-size: 0.25rem;
}

.fs-fontSize {
  font-size: 0.5rem;
}

.fs-fontSize {
  font-size: 0.625rem;
}

.fs-fontSize {
  font-size: 0.75rem;
}

.fs-fontSize {
  font-size: 0.875rem;
}

.fs-fontSize {
  font-size: 1rem;
}

.fs-fontSize {
  font-size: 1.125rem;
}

.fs-fontSize {
  font-size: 1.25rem;
}

.fs-fontSize {
  font-size: 1.375rem;
}

.fs-fontSize {
  font-size: 1.5rem;
}

.fs-fontSize {
  font-size: 1.75rem;
}

.fs-fontSize {
  font-size: 1.875rem;
}

.fs-fontSize {
  font-size: 2rem;
}

.fs-fontSize {
  font-size: 2.125rem;
}

.fs-fontSize {
  font-size: 2.25rem;
}

.fs-fontSize {
  font-size: 2.375rem;
}

.fs-fontSize {
  font-size: 2.5rem;
}

.fs-fontSize {
  font-size: 2.625rem;
}

.fs-fontSize {
  font-size: 2.75rem;
}

.fs-fontSize {
  font-size: 2.875rem;
}

.fs-fontSize {
  font-size: 3rem;
}

.fs-fontSize {
  font-size: 3.125rem;
}

@keyframes rotatediv {
  10% {
    background: transparent;
    transform: rotate3d(0, 0, 0, 0);
  }
  20% {
    background: rgba(0, 0, 0, 0.05);
    transform: rotate3d(-3, 10, 0, -70deg);
  }
  60% {
    background: transparent;
    transform: rotate3d(0, 0, 0, 0);
  }
  70% {
    background: rgba(0, 0, 0, 0.05);
    transform: rotate3d(-5, 6, 0, -50deg);
  }
  100% {
    background: transparent;
    transform: rotate3d(0, 0, 0, 0);
  }
}
@keyframes gridRotate {
  0% {
    grid-template-areas: ". . a a . ." "b b a a c c" "b b d d c c" "e e d d f f" "e e . . f f";
  }
  15% {
    grid-template-areas: ". . d d . ." "e e d d f f" "e e c c f f" "a a c c b b" "a a . . b b";
  }
  30% {
    grid-template-areas: ". . c c . ." "a a c c b b" "a a f f b b" "d d f f e e" "d d . . e e";
  }
  45% {
    grid-template-areas: ". . f f . ." "d d f f e e" "d d b b e e" "c c b b a a" "c c . . a a";
  }
  60% {
    grid-template-areas: ". . b b . ." "c c b b a a" "c c e e a a" "f f e e d d" "f f . . d d";
  }
  75% {
    grid-template-areas: ". . e e . ." "f f e e d d" "f f a a d d" "b b a a c c" "b b . . c c";
  }
  100% {
    grid-template-areas: ". . a a . ." "b b a a c c" "b b d d c c" "e e d d f f" "e e . . f f";
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  80%, 100% {
    transform: translateY(0px);
  }
}
@keyframes moveUp {
  0% {
    opacity: 1;
    bottom: 0;
    transform: scale(1);
  }
  20% {
    bottom: 10%;
  }
  80% {
    opacity: 0.9;
    bottom: 70%;
    transform: scale(0.6);
  }
  90% {
    bottom: 90%;
    opacity: 0;
    transform: scale(0.4);
  }
  100% {
    opacity: 0;
    bottom: 100%;
    transform: scale(0);
  }
}
:root {
  --clr-disabled: #b6d8fc;
  --clr-primary-400: #e9effe;
  --clr-primary-500: #d3e0fb;
  --clr-primary-600: #97b6f5;
  --clr-primary: #2264ea;
  --clr-primary-dark: #1237b7;
  --clr-text-300: #cbced9;
  --clr-text-400: #cccfda;
  --clr-text-500: #818596;
  --clr-text-600: #7b8799;
  --clr-text-700: #4c5473;
  --clr-text-800: #757fa9;
  --clr-text: #171b2b;
  --clr-gray-100: #bdc1d2;
  --clr-gray-200: #999fb5;
  --clr-gray-300: #818596;
  --clr-gray-600: #2e3338;
  --clr-gray-900: #0b0c0e;
  --clr-white-100: #f8f8f8;
  --clr-white-300: #e6ecf0;
  --clr-white-600: #f7f8fb;
  --clr-white-700: #f7f7f8;
  --clr-white-800: #f1f1f1;
  --clr-white-900: #fffff7;
  --clr-white: #ffffff;
  --clr-icon-100: #e4ebf6;
  --clr-icon-200: #f0f3f4;
  --clr-icon-300: #f0f2f9;
  --clr-icon-400: #f0f4fa;
  --clr-icon-500: #e9ebf1;
  --clr-icon-600: #f5f6fa;
  --clr-icon-700: #e9ebf1;
  --clr-icon-800: #eaeaea;
  --clr-icon: #999fb5;
  --clr-border-100: #e4e6f0;
  --clr-border-200: #d4e6ea;
  --clr-border-300: #e4e4e7;
  --clr-border-400: #c6c6c6;
  --clr-border-500: #dcdfeb;
  --clr-border-600: #d9d9d9;
  --clr-border-700: #cacaca;
  --clr-border-800: #cac5c5;
  --clr-border-900: #c8ccd8;
  --clr-border: #999fb5;
  --clr-border-rgb: 153, 159, 181;
  --clr-border-light: #cccfda;
  --clr-stroke: #dcddde;
  --clr-green-500: #4dcf4d;
  --clr-green-600: #259b3e;
  --clr-green-700: #3dd0ae;
  --clr-green-800: #0b9e24;
  --clr-green-900: #158c2d;
  --clr-green: green;
  --clr-bg-100: #f2f2f2;
  --clr-bg-200: #f3f6fe;
  --clr-bg-300: #f4f4f4;
  --clr-bg-400: #f9fafe;
  --clr-bg-500: #fdfdfd;
  --clr-bg-600: #eff1f7;
  --clr-bg-700: #f9fafe;
  --clr-bg-800: #f1f4fb;
  --clr-bg-900: #f6f6f8;
  --clr-bg: #e6ecf0;
  --clr-danger-light: #ffcfda;
  --clr-danger: #d83856;
  --clr-alerts-900: #f35e7a;
  --clr-alerts: #d72c0c;
  --clr-alerts-light: #fff4f4;
  --clr-success-light: #daf6e7;
  --clr-success: #158c2d;
  --clr-warning: #ffc541;
  --clr-warning-light: #fef6e2;
  --clr-warning-extra-light: #a3a3a3;
  --clr-info-light: #badeff;
  --clr-info: #0c7cf6;
  --clr-info-rgb: 12, 124, 246;
  --clr-light-alert: #e9ebf1;
  --clr-extra-light: #818596;
  --clr-light-800: #696d80;
  --clr-light-900: #8e8e8e;
  --clr-light: #999fb5;
  --clr-notice-300: #fdebea;
  --clr-notice-400: #f8e0ec;
  --clr-notice-500: #ef1b65;
  --clr-notice-600: #ff3b30;
  --clr-notice-700: #f35e7a;
  --clr-notice: #d33282;
  --clr-red: #f6254c;
  --clr-purple: #3e1864;
  --clr-purple-500: #e3d9ee;
  --clr-search: #cccfda;
  --clr-orange: #f38c39;
  --clr-orange-900: #ffeacc;
  --clr-yellow: rgba(255, 197, 65);
  --clr-green: rgba(61, 208, 174);
  --clr-green-active: #22C55D;
  --clr-green-active-2: #17803D;
  --clr-green-light: #3dd0ae;
  --clr-green-light-2: #DCFCE7;
  --clr-blue: rgba(12, 124, 246);
  --clr-yellow-300: rgba(255, 197, 65, 0.2);
  --clr-green-300: rgba(61, 208, 174, 0.2);
  --clr-blue-500: rgba(12, 124, 246, 0.5);
  --clr-blue-300: rgba(12, 124, 246, 0.15);
}

#template-tags,
.template-tags {
  gap: 3px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
#template-tags .tag,
.template-tags .tag {
  color: #ffffff;
  font-size: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid;
  cursor: pointer;
  border-radius: 5px;
  background-color: var(--company-color);
  cursor: default;
  line-height: 0;
}

.redirect-info {
  width: 20px;
  height: 20px;
  opacity: 0.5;
  font-size: 0.75rem;
  border-radius: 50%;
  color: #0c7cf6;
  border: 1px solid currentColor;
  transition: opacity 0.3s linear;
}
.redirect-info:hover {
  opacity: 1;
}
.redirect-info .icon {
  display: block;
  font-size: 9px;
  margin: -1px 4px;
}

.ui.label.clr-bg {
  background-color: var(--clr-icon-300);
}

@keyframes animation1 {
  0% {
    border-radius: 30px 30px 0 30px;
  }
  33% {
    border-radius: 30px 30px 30px 0;
  }
  66% {
    border-radius: 0 30px 30px 30px;
  }
  100% {
    border-radius: 30px 0 30px 30px;
  }
}
@keyframes animation2 {
  0% {
    border-radius: 0 30px 30px 30px;
  }
  33% {
    border-radius: 30px 0 30px 30px;
  }
  66% {
    border-radius: 30px 30px 0 30px;
  }
  100% {
    border-radius: 30px 30px 30px 0;
  }
}
@keyframes animation3 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fluid-loader {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fluid-loader span {
  display: block;
  width: 20px;
  height: 20px;
}
.fluid-loader span:nth-child(1) {
  background: #3cd1af;
  border-radius: 30px 30px 0 30px;
  animation: animation1 linear 4s infinite;
}
.fluid-loader span:nth-child(2) {
  background: #d33383;
  border-radius: 30px 30px 0 30px;
  animation: animation1 linear 4s infinite;
}
.fluid-loader span:nth-child(3) {
  background: #ffc540;
  border-radius: 0 30px 30px 30px;
  animation: animation2 linear 4s infinite;
}
.fluid-loader span:nth-child(4) {
  background: #2265eb;
  border-radius: 0 30px 30px 30px;
  animation: animation2 linear 4s infinite;
}
.fluid-loader .wrapper {
  gap: 3px;
  width: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  animation: animation3 linear 2s infinite;
}

.spinner-loader {
  width: 24px;
  height: 24px;
  border: 2px dotted #2264ea;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.spinner-loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2px dotted #FF3D00;
  border-style: solid solid dotted;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.ui.modal {
  border-radius: 14px;
  font-size: var(--fs-body);
}
.ui.modal > .icon.close {
  padding: 0;
  height: 15px;
  width: 15px;
  top: 22px;
  right: 1.5rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.modal .header {
  border-radius: 14px 14px 0 0 !important;
}
.ui.modal .content {
  padding: 1.5rem;
}
.ui.modal > .actions {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: transparent;
}
.ui.modal > .actions > .button {
  margin: 0;
}
.ui.modal .button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui.modal .button.cancel {
  color: var(--clr-text);
  font-size: var(--fs-body);
  margin-left: 20px;
  background: var(--clr-light-alert);
  letter-spacing: -0.43px;
}
.ui.modal .footer {
  border-radius: 0 0 14px 14px !important;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid var(--clr-bg);
}
.ui.modal.xs-modal {
  max-width: 300px;
  width: 100%;
}
@media (min-width: 480px) {
  .ui.modal.xs-modal {
    max-width: 360px;
  }
}
.ui.modal.xs-modal .border-top {
  border-top: 1px solid var(--clr-bg);
}
.ui.modal.xs-modal ol,
.ui.modal.xs-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui.modal.xs-modal .ui.input.search-input {
  font-family: var(--ff-body);
  font-size: 0.875rem;
  text-transform: capitalize;
}
.ui.modal.xs-modal .ui.input.search-input::placeholder {
  font-size: 0.875rem;
}
.ui.modal.xs-modal .ui.input.search-input::-moz-placeholder {
  font-size: 0.875rem;
}
.ui.modal.xs-modal .ui.input.search-input:-ms-input-placeholder {
  font-size: 0.875rem;
}
.ui.modal.xs-modal .ui.input.search-input::-webkit-input-placeholder {
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .ui.modal.xs-modal {
    max-width: 360px;
  }
}
@media (min-width: 1920px) {
  .ui.modal.xs-modal {
    max-width: 360px;
  }
}
.ui.modal.xs-modal_header {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  font-size: var(--fs-mlg);
  padding: 1.5rem;
}
.ui.modal.xs-modal_header.border {
  border-bottom: 1px solid var(--clr-bg);
}
.ui.modal.xs-modal_footer.border {
  border-top: 1px solid var(--clr-bg);
  padding: 1.5rem;
}
@media (min-width: 480px) {
  .ui.modal.xs-modal.sm-modal {
    max-width: 400px;
  }
}
.ui.modal.saveModal-footer h3 {
  font-size: 1.25rem;
  font-family: var(--ff-semibold);
}
.ui.modal.saveModal-footer button.ui {
  box-shadow: none !important;
}
.ui.modal.saveModal-footer button.ui.grey {
  background-color: transparent !important;
  color: var(--clr-icon) !important;
}
.ui.modal.saveModal-footer button.ui.primary {
  color: var(--clr-white) !important;
  min-width: 120px;
}
.ui.modal .search .result .content {
  padding: 0;
}

td .product-quantity ~ .ui.popup {
  padding: 0;
  border: 1px solid var(--clr-white-300);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 8px;
}
td .product-quantity ~ .ui.popup::before {
  display: none;
}

.popup-product-list {
  margin: 0;
  padding: 0;
}
.popup-product-list li, .popup-product-list .main-footer a, .main-footer .popup-product-list a {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
}
.popup-product-list li:not(:last-child), .popup-product-list .main-footer a:not(:last-child), .main-footer .popup-product-list a:not(:last-child) {
  border-bottom: 1px solid var(--clr-white-300);
}
.popup-product-list li img, .popup-product-list .main-footer a img, .main-footer .popup-product-list a img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}

.gap-0 {
  gap: 0rem;
}

.row-gap-0 {
  row-gap: 0rem;
}

.column-gap-0 {
  column-gap: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.pd-0 {
  padding: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

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

.pb-0 {
  padding-bottom: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.radius-0 {
  border-radius: 0rem;
}

.top-0 {
  top: 0rem;
}

.bottom-0 {
  bottom: 0rem;
}

.left-0 {
  left: 0rem;
}

.right-0 {
  right: 0rem;
}

.gap-2 {
  gap: 0.125rem;
}

.row-gap-2 {
  row-gap: 0.125rem;
}

.column-gap-2 {
  column-gap: 0.125rem;
}

.mx-2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.my-2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

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

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

.mr-2 {
  margin-right: 0.125rem;
}

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

.pd-2 {
  padding: 0.125rem;
}

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

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

.pb-2 {
  padding-bottom: 0.125rem;
}

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

.pl-2 {
  padding-left: 0.125rem;
}

.pr-2 {
  padding-right: 0.125rem;
}

.radius-2 {
  border-radius: 0.125rem;
}

.top-2 {
  top: 0.125rem;
}

.bottom-2 {
  bottom: 0.125rem;
}

.left-2 {
  left: 0.125rem;
}

.right-2 {
  right: 0.125rem;
}

.gap-4 {
  gap: 0.25rem;
}

.row-gap-4 {
  row-gap: 0.25rem;
}

.column-gap-4 {
  column-gap: 0.25rem;
}

.mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

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

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

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

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

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

.pd-4 {
  padding: 0.25rem;
}

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

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

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

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

.pl-4 {
  padding-left: 0.25rem;
}

.pr-4 {
  padding-right: 0.25rem;
}

.radius-4 {
  border-radius: 0.25rem;
}

.top-4 {
  top: 0.25rem;
}

.bottom-4 {
  bottom: 0.25rem;
}

.left-4 {
  left: 0.25rem;
}

.right-4 {
  right: 0.25rem;
}

.gap-6 {
  gap: 0.375rem;
}

.row-gap-6 {
  row-gap: 0.375rem;
}

.column-gap-6 {
  column-gap: 0.375rem;
}

.mx-6 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

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

.mb-6 {
  margin-bottom: 0.375rem;
}

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

.mr-6 {
  margin-right: 0.375rem;
}

.ml-6 {
  margin-left: 0.375rem;
}

.pd-6 {
  padding: 0.375rem;
}

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

.py-6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.pb-6 {
  padding-bottom: 0.375rem;
}

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

.pl-6 {
  padding-left: 0.375rem;
}

.pr-6 {
  padding-right: 0.375rem;
}

.radius-6 {
  border-radius: 0.375rem;
}

.top-6 {
  top: 0.375rem;
}

.bottom-6 {
  bottom: 0.375rem;
}

.left-6 {
  left: 0.375rem;
}

.right-6 {
  right: 0.375rem;
}

.gap-8 {
  gap: 0.5rem;
}

.row-gap-8 {
  row-gap: 0.5rem;
}

.column-gap-8 {
  column-gap: 0.5rem;
}

.mx-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

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

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

.mr-8 {
  margin-right: 0.5rem;
}

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

.pd-8 {
  padding: 0.5rem;
}

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

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

.pb-8 {
  padding-bottom: 0.5rem;
}

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

.pl-8 {
  padding-left: 0.5rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.radius-8 {
  border-radius: 0.5rem;
}

.top-8 {
  top: 0.5rem;
}

.bottom-8 {
  bottom: 0.5rem;
}

.left-8 {
  left: 0.5rem;
}

.right-8 {
  right: 0.5rem;
}

.gap-10 {
  gap: 0.625rem;
}

.row-gap-10 {
  row-gap: 0.625rem;
}

.column-gap-10 {
  column-gap: 0.625rem;
}

.mx-10 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

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

.mr-10 {
  margin-right: 0.625rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.pd-10 {
  padding: 0.625rem;
}

.px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

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

.pb-10 {
  padding-bottom: 0.625rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

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

.pr-10 {
  padding-right: 0.625rem;
}

.radius-10 {
  border-radius: 0.625rem;
}

.top-10 {
  top: 0.625rem;
}

.bottom-10 {
  bottom: 0.625rem;
}

.left-10 {
  left: 0.625rem;
}

.right-10 {
  right: 0.625rem;
}

.gap-12 {
  gap: 0.75rem;
}

.row-gap-12 {
  row-gap: 0.75rem;
}

.column-gap-12 {
  column-gap: 0.75rem;
}

.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

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

.mr-12 {
  margin-right: 0.75rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.pd-12 {
  padding: 0.75rem;
}

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

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

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

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

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

.pr-12 {
  padding-right: 0.75rem;
}

.radius-12 {
  border-radius: 0.75rem;
}

.top-12 {
  top: 0.75rem;
}

.bottom-12 {
  bottom: 0.75rem;
}

.left-12 {
  left: 0.75rem;
}

.right-12 {
  right: 0.75rem;
}

.gap-14 {
  gap: 0.875rem;
}

.row-gap-14 {
  row-gap: 0.875rem;
}

.column-gap-14 {
  column-gap: 0.875rem;
}

.mx-14 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.my-14 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.mb-14 {
  margin-bottom: 0.875rem;
}

.mt-14 {
  margin-top: 0.875rem;
}

.mr-14 {
  margin-right: 0.875rem;
}

.ml-14 {
  margin-left: 0.875rem;
}

.pd-14 {
  padding: 0.875rem;
}

.px-14 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

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

.pb-14 {
  padding-bottom: 0.875rem;
}

.pt-14 {
  padding-top: 0.875rem;
}

.pl-14 {
  padding-left: 0.875rem;
}

.pr-14 {
  padding-right: 0.875rem;
}

.radius-14 {
  border-radius: 0.875rem;
}

.top-14 {
  top: 0.875rem;
}

.bottom-14 {
  bottom: 0.875rem;
}

.left-14 {
  left: 0.875rem;
}

.right-14 {
  right: 0.875rem;
}

.gap-16 {
  gap: 1rem;
}

.row-gap-16 {
  row-gap: 1rem;
}

.column-gap-16 {
  column-gap: 1rem;
}

.mx-16 {
  margin-left: 1rem;
  margin-right: 1rem;
}

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

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

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

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

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

.pd-16 {
  padding: 1rem;
}

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

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

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

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

.pl-16 {
  padding-left: 1rem;
}

.pr-16 {
  padding-right: 1rem;
}

.radius-16 {
  border-radius: 1rem;
}

.top-16 {
  top: 1rem;
}

.bottom-16 {
  bottom: 1rem;
}

.left-16 {
  left: 1rem;
}

.right-16 {
  right: 1rem;
}

.gap-18 {
  gap: 1.125rem;
}

.row-gap-18 {
  row-gap: 1.125rem;
}

.column-gap-18 {
  column-gap: 1.125rem;
}

.mx-18 {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}

.my-18 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.mt-18 {
  margin-top: 1.125rem;
}

.mr-18 {
  margin-right: 1.125rem;
}

.ml-18 {
  margin-left: 1.125rem;
}

.pd-18 {
  padding: 1.125rem;
}

.px-18 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.py-18 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.pb-18 {
  padding-bottom: 1.125rem;
}

.pt-18 {
  padding-top: 1.125rem;
}

.pl-18 {
  padding-left: 1.125rem;
}

.pr-18 {
  padding-right: 1.125rem;
}

.radius-18 {
  border-radius: 1.125rem;
}

.top-18 {
  top: 1.125rem;
}

.bottom-18 {
  bottom: 1.125rem;
}

.left-18 {
  left: 1.125rem;
}

.right-18 {
  right: 1.125rem;
}

.gap-20 {
  gap: 1.25rem;
}

.row-gap-20 {
  row-gap: 1.25rem;
}

.column-gap-20 {
  column-gap: 1.25rem;
}

.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

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

.mr-20 {
  margin-right: 1.25rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.pd-20 {
  padding: 1.25rem;
}

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

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

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

.pl-20 {
  padding-left: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.radius-20 {
  border-radius: 1.25rem;
}

.top-20 {
  top: 1.25rem;
}

.bottom-20 {
  bottom: 1.25rem;
}

.left-20 {
  left: 1.25rem;
}

.right-20 {
  right: 1.25rem;
}

.gap-22 {
  gap: 1.375rem;
}

.row-gap-22 {
  row-gap: 1.375rem;
}

.column-gap-22 {
  column-gap: 1.375rem;
}

.mx-22 {
  margin-left: 1.375rem;
  margin-right: 1.375rem;
}

.my-22 {
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}

.mb-22 {
  margin-bottom: 1.375rem;
}

.mt-22 {
  margin-top: 1.375rem;
}

.mr-22 {
  margin-right: 1.375rem;
}

.ml-22 {
  margin-left: 1.375rem;
}

.pd-22 {
  padding: 1.375rem;
}

.px-22 {
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}

.py-22 {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.pb-22 {
  padding-bottom: 1.375rem;
}

.pt-22 {
  padding-top: 1.375rem;
}

.pl-22 {
  padding-left: 1.375rem;
}

.pr-22 {
  padding-right: 1.375rem;
}

.radius-22 {
  border-radius: 1.375rem;
}

.top-22 {
  top: 1.375rem;
}

.bottom-22 {
  bottom: 1.375rem;
}

.left-22 {
  left: 1.375rem;
}

.right-22 {
  right: 1.375rem;
}

.gap-24 {
  gap: 1.5rem;
}

.row-gap-24 {
  row-gap: 1.5rem;
}

.column-gap-24 {
  column-gap: 1.5rem;
}

.mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

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

.mb-24 {
  margin-bottom: 1.5rem;
}

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

.mr-24 {
  margin-right: 1.5rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.pd-24 {
  padding: 1.5rem;
}

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

.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

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

.pl-24 {
  padding-left: 1.5rem;
}

.pr-24 {
  padding-right: 1.5rem;
}

.radius-24 {
  border-radius: 1.5rem;
}

.top-24 {
  top: 1.5rem;
}

.bottom-24 {
  bottom: 1.5rem;
}

.left-24 {
  left: 1.5rem;
}

.right-24 {
  right: 1.5rem;
}

.gap-26 {
  gap: 1.625rem;
}

.row-gap-26 {
  row-gap: 1.625rem;
}

.column-gap-26 {
  column-gap: 1.625rem;
}

.mx-26 {
  margin-left: 1.625rem;
  margin-right: 1.625rem;
}

.my-26 {
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
}

.mb-26 {
  margin-bottom: 1.625rem;
}

.mt-26 {
  margin-top: 1.625rem;
}

.mr-26 {
  margin-right: 1.625rem;
}

.ml-26 {
  margin-left: 1.625rem;
}

.pd-26 {
  padding: 1.625rem;
}

.px-26 {
  padding-left: 1.625rem;
  padding-right: 1.625rem;
}

.py-26 {
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
}

.pb-26 {
  padding-bottom: 1.625rem;
}

.pt-26 {
  padding-top: 1.625rem;
}

.pl-26 {
  padding-left: 1.625rem;
}

.pr-26 {
  padding-right: 1.625rem;
}

.radius-26 {
  border-radius: 1.625rem;
}

.top-26 {
  top: 1.625rem;
}

.bottom-26 {
  bottom: 1.625rem;
}

.left-26 {
  left: 1.625rem;
}

.right-26 {
  right: 1.625rem;
}

.gap-28 {
  gap: 1.75rem;
}

.row-gap-28 {
  row-gap: 1.75rem;
}

.column-gap-28 {
  column-gap: 1.75rem;
}

.mx-28 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-28 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.mb-28 {
  margin-bottom: 1.75rem;
}

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

.mr-28 {
  margin-right: 1.75rem;
}

.ml-28 {
  margin-left: 1.75rem;
}

.pd-28 {
  padding: 1.75rem;
}

.px-28 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-28 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.pb-28 {
  padding-bottom: 1.75rem;
}

.pt-28 {
  padding-top: 1.75rem;
}

.pl-28 {
  padding-left: 1.75rem;
}

.pr-28 {
  padding-right: 1.75rem;
}

.radius-28 {
  border-radius: 1.75rem;
}

.top-28 {
  top: 1.75rem;
}

.bottom-28 {
  bottom: 1.75rem;
}

.left-28 {
  left: 1.75rem;
}

.right-28 {
  right: 1.75rem;
}

.gap-30 {
  gap: 1.875rem;
}

.row-gap-30 {
  row-gap: 1.875rem;
}

.column-gap-30 {
  column-gap: 1.875rem;
}

.mx-30 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.pd-30 {
  padding: 1.875rem;
}

.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.radius-30 {
  border-radius: 1.875rem;
}

.top-30 {
  top: 1.875rem;
}

.bottom-30 {
  bottom: 1.875rem;
}

.left-30 {
  left: 1.875rem;
}

.right-30 {
  right: 1.875rem;
}

.gap-32 {
  gap: 2rem;
}

.row-gap-32 {
  row-gap: 2rem;
}

.column-gap-32 {
  column-gap: 2rem;
}

.mx-32 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

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

.mr-32 {
  margin-right: 2rem;
}

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

.pd-32 {
  padding: 2rem;
}

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

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

.pb-32 {
  padding-bottom: 2rem;
}

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

.pl-32 {
  padding-left: 2rem;
}

.pr-32 {
  padding-right: 2rem;
}

.radius-32 {
  border-radius: 2rem;
}

.top-32 {
  top: 2rem;
}

.bottom-32 {
  bottom: 2rem;
}

.left-32 {
  left: 2rem;
}

.right-32 {
  right: 2rem;
}

.gap-34 {
  gap: 2.125rem;
}

.row-gap-34 {
  row-gap: 2.125rem;
}

.column-gap-34 {
  column-gap: 2.125rem;
}

.mx-34 {
  margin-left: 2.125rem;
  margin-right: 2.125rem;
}

.my-34 {
  margin-top: 2.125rem;
  margin-bottom: 2.125rem;
}

.mb-34 {
  margin-bottom: 2.125rem;
}

.mt-34 {
  margin-top: 2.125rem;
}

.mr-34 {
  margin-right: 2.125rem;
}

.ml-34 {
  margin-left: 2.125rem;
}

.pd-34 {
  padding: 2.125rem;
}

.px-34 {
  padding-left: 2.125rem;
  padding-right: 2.125rem;
}

.py-34 {
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
}

.pb-34 {
  padding-bottom: 2.125rem;
}

.pt-34 {
  padding-top: 2.125rem;
}

.pl-34 {
  padding-left: 2.125rem;
}

.pr-34 {
  padding-right: 2.125rem;
}

.radius-34 {
  border-radius: 2.125rem;
}

.top-34 {
  top: 2.125rem;
}

.bottom-34 {
  bottom: 2.125rem;
}

.left-34 {
  left: 2.125rem;
}

.right-34 {
  right: 2.125rem;
}

.gap-36 {
  gap: 2.25rem;
}

.row-gap-36 {
  row-gap: 2.25rem;
}

.column-gap-36 {
  column-gap: 2.25rem;
}

.mx-36 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.mb-36 {
  margin-bottom: 2.25rem;
}

.mt-36 {
  margin-top: 2.25rem;
}

.mr-36 {
  margin-right: 2.25rem;
}

.ml-36 {
  margin-left: 2.25rem;
}

.pd-36 {
  padding: 2.25rem;
}

.px-36 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.pb-36 {
  padding-bottom: 2.25rem;
}

.pt-36 {
  padding-top: 2.25rem;
}

.pl-36 {
  padding-left: 2.25rem;
}

.pr-36 {
  padding-right: 2.25rem;
}

.radius-36 {
  border-radius: 2.25rem;
}

.top-36 {
  top: 2.25rem;
}

.bottom-36 {
  bottom: 2.25rem;
}

.left-36 {
  left: 2.25rem;
}

.right-36 {
  right: 2.25rem;
}

.gap-38 {
  gap: 2.375rem;
}

.row-gap-38 {
  row-gap: 2.375rem;
}

.column-gap-38 {
  column-gap: 2.375rem;
}

.mx-38 {
  margin-left: 2.375rem;
  margin-right: 2.375rem;
}

.my-38 {
  margin-top: 2.375rem;
  margin-bottom: 2.375rem;
}

.mb-38 {
  margin-bottom: 2.375rem;
}

.mt-38 {
  margin-top: 2.375rem;
}

.mr-38 {
  margin-right: 2.375rem;
}

.ml-38 {
  margin-left: 2.375rem;
}

.pd-38 {
  padding: 2.375rem;
}

.px-38 {
  padding-left: 2.375rem;
  padding-right: 2.375rem;
}

.py-38 {
  padding-top: 2.375rem;
  padding-bottom: 2.375rem;
}

.pb-38 {
  padding-bottom: 2.375rem;
}

.pt-38 {
  padding-top: 2.375rem;
}

.pl-38 {
  padding-left: 2.375rem;
}

.pr-38 {
  padding-right: 2.375rem;
}

.radius-38 {
  border-radius: 2.375rem;
}

.top-38 {
  top: 2.375rem;
}

.bottom-38 {
  bottom: 2.375rem;
}

.left-38 {
  left: 2.375rem;
}

.right-38 {
  right: 2.375rem;
}

.gap-40 {
  gap: 2.5rem;
}

.row-gap-40 {
  row-gap: 2.5rem;
}

.column-gap-40 {
  column-gap: 2.5rem;
}

.mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

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

.mr-40 {
  margin-right: 2.5rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.pd-40 {
  padding: 2.5rem;
}

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

.pb-40 {
  padding-bottom: 2.5rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

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

.pr-40 {
  padding-right: 2.5rem;
}

.radius-40 {
  border-radius: 2.5rem;
}

.top-40 {
  top: 2.5rem;
}

.bottom-40 {
  bottom: 2.5rem;
}

.left-40 {
  left: 2.5rem;
}

.right-40 {
  right: 2.5rem;
}

.gap-42 {
  gap: 2.625rem;
}

.row-gap-42 {
  row-gap: 2.625rem;
}

.column-gap-42 {
  column-gap: 2.625rem;
}

.mx-42 {
  margin-left: 2.625rem;
  margin-right: 2.625rem;
}

.my-42 {
  margin-top: 2.625rem;
  margin-bottom: 2.625rem;
}

.mb-42 {
  margin-bottom: 2.625rem;
}

.mt-42 {
  margin-top: 2.625rem;
}

.mr-42 {
  margin-right: 2.625rem;
}

.ml-42 {
  margin-left: 2.625rem;
}

.pd-42 {
  padding: 2.625rem;
}

.px-42 {
  padding-left: 2.625rem;
  padding-right: 2.625rem;
}

.py-42 {
  padding-top: 2.625rem;
  padding-bottom: 2.625rem;
}

.pb-42 {
  padding-bottom: 2.625rem;
}

.pt-42 {
  padding-top: 2.625rem;
}

.pl-42 {
  padding-left: 2.625rem;
}

.pr-42 {
  padding-right: 2.625rem;
}

.radius-42 {
  border-radius: 2.625rem;
}

.top-42 {
  top: 2.625rem;
}

.bottom-42 {
  bottom: 2.625rem;
}

.left-42 {
  left: 2.625rem;
}

.right-42 {
  right: 2.625rem;
}

.gap-44 {
  gap: 2.75rem;
}

.row-gap-44 {
  row-gap: 2.75rem;
}

.column-gap-44 {
  column-gap: 2.75rem;
}

.mx-44 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.my-44 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.mb-44 {
  margin-bottom: 2.75rem;
}

.mt-44 {
  margin-top: 2.75rem;
}

.mr-44 {
  margin-right: 2.75rem;
}

.ml-44 {
  margin-left: 2.75rem;
}

.pd-44 {
  padding: 2.75rem;
}

.px-44 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.py-44 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.pb-44 {
  padding-bottom: 2.75rem;
}

.pt-44 {
  padding-top: 2.75rem;
}

.pl-44 {
  padding-left: 2.75rem;
}

.pr-44 {
  padding-right: 2.75rem;
}

.radius-44 {
  border-radius: 2.75rem;
}

.top-44 {
  top: 2.75rem;
}

.bottom-44 {
  bottom: 2.75rem;
}

.left-44 {
  left: 2.75rem;
}

.right-44 {
  right: 2.75rem;
}

.gap-46 {
  gap: 2.875rem;
}

.row-gap-46 {
  row-gap: 2.875rem;
}

.column-gap-46 {
  column-gap: 2.875rem;
}

.mx-46 {
  margin-left: 2.875rem;
  margin-right: 2.875rem;
}

.my-46 {
  margin-top: 2.875rem;
  margin-bottom: 2.875rem;
}

.mb-46 {
  margin-bottom: 2.875rem;
}

.mt-46 {
  margin-top: 2.875rem;
}

.mr-46 {
  margin-right: 2.875rem;
}

.ml-46 {
  margin-left: 2.875rem;
}

.pd-46 {
  padding: 2.875rem;
}

.px-46 {
  padding-left: 2.875rem;
  padding-right: 2.875rem;
}

.py-46 {
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
}

.pb-46 {
  padding-bottom: 2.875rem;
}

.pt-46 {
  padding-top: 2.875rem;
}

.pl-46 {
  padding-left: 2.875rem;
}

.pr-46 {
  padding-right: 2.875rem;
}

.radius-46 {
  border-radius: 2.875rem;
}

.top-46 {
  top: 2.875rem;
}

.bottom-46 {
  bottom: 2.875rem;
}

.left-46 {
  left: 2.875rem;
}

.right-46 {
  right: 2.875rem;
}

.gap-48 {
  gap: 3rem;
}

.row-gap-48 {
  row-gap: 3rem;
}

.column-gap-48 {
  column-gap: 3rem;
}

.mx-48 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

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

.mr-48 {
  margin-right: 3rem;
}

.ml-48 {
  margin-left: 3rem;
}

.pd-48 {
  padding: 3rem;
}

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

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

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

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

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

.pr-48 {
  padding-right: 3rem;
}

.radius-48 {
  border-radius: 3rem;
}

.top-48 {
  top: 3rem;
}

.bottom-48 {
  bottom: 3rem;
}

.left-48 {
  left: 3rem;
}

.right-48 {
  right: 3rem;
}

.gap-50 {
  gap: 3.125rem;
}

.row-gap-50 {
  row-gap: 3.125rem;
}

.column-gap-50 {
  column-gap: 3.125rem;
}

.mx-50 {
  margin-left: 3.125rem;
  margin-right: 3.125rem;
}

.my-50 {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.pd-50 {
  padding: 3.125rem;
}

.px-50 {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.radius-50 {
  border-radius: 3.125rem;
}

.top-50 {
  top: 3.125rem;
}

.bottom-50 {
  bottom: 3.125rem;
}

.left-50 {
  left: 3.125rem;
}

.right-50 {
  right: 3.125rem;
}

.gap-52 {
  gap: 3.25rem;
}

.row-gap-52 {
  row-gap: 3.25rem;
}

.column-gap-52 {
  column-gap: 3.25rem;
}

.mx-52 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}

.my-52 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}

.mb-52 {
  margin-bottom: 3.25rem;
}

.mt-52 {
  margin-top: 3.25rem;
}

.mr-52 {
  margin-right: 3.25rem;
}

.ml-52 {
  margin-left: 3.25rem;
}

.pd-52 {
  padding: 3.25rem;
}

.px-52 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}

.py-52 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.pb-52 {
  padding-bottom: 3.25rem;
}

.pt-52 {
  padding-top: 3.25rem;
}

.pl-52 {
  padding-left: 3.25rem;
}

.pr-52 {
  padding-right: 3.25rem;
}

.radius-52 {
  border-radius: 3.25rem;
}

.top-52 {
  top: 3.25rem;
}

.bottom-52 {
  bottom: 3.25rem;
}

.left-52 {
  left: 3.25rem;
}

.right-52 {
  right: 3.25rem;
}

.gap-54 {
  gap: 3.375rem;
}

.row-gap-54 {
  row-gap: 3.375rem;
}

.column-gap-54 {
  column-gap: 3.375rem;
}

.mx-54 {
  margin-left: 3.375rem;
  margin-right: 3.375rem;
}

.my-54 {
  margin-top: 3.375rem;
  margin-bottom: 3.375rem;
}

.mb-54 {
  margin-bottom: 3.375rem;
}

.mt-54 {
  margin-top: 3.375rem;
}

.mr-54 {
  margin-right: 3.375rem;
}

.ml-54 {
  margin-left: 3.375rem;
}

.pd-54 {
  padding: 3.375rem;
}

.px-54 {
  padding-left: 3.375rem;
  padding-right: 3.375rem;
}

.py-54 {
  padding-top: 3.375rem;
  padding-bottom: 3.375rem;
}

.pb-54 {
  padding-bottom: 3.375rem;
}

.pt-54 {
  padding-top: 3.375rem;
}

.pl-54 {
  padding-left: 3.375rem;
}

.pr-54 {
  padding-right: 3.375rem;
}

.radius-54 {
  border-radius: 3.375rem;
}

.top-54 {
  top: 3.375rem;
}

.bottom-54 {
  bottom: 3.375rem;
}

.left-54 {
  left: 3.375rem;
}

.right-54 {
  right: 3.375rem;
}

.gap-56 {
  gap: 3.5rem;
}

.row-gap-56 {
  row-gap: 3.5rem;
}

.column-gap-56 {
  column-gap: 3.5rem;
}

.mx-56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.my-56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.mb-56 {
  margin-bottom: 3.5rem;
}

.mt-56 {
  margin-top: 3.5rem;
}

.mr-56 {
  margin-right: 3.5rem;
}

.ml-56 {
  margin-left: 3.5rem;
}

.pd-56 {
  padding: 3.5rem;
}

.px-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

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

.pb-56 {
  padding-bottom: 3.5rem;
}

.pt-56 {
  padding-top: 3.5rem;
}

.pl-56 {
  padding-left: 3.5rem;
}

.pr-56 {
  padding-right: 3.5rem;
}

.radius-56 {
  border-radius: 3.5rem;
}

.top-56 {
  top: 3.5rem;
}

.bottom-56 {
  bottom: 3.5rem;
}

.left-56 {
  left: 3.5rem;
}

.right-56 {
  right: 3.5rem;
}

.gap-58 {
  gap: 3.625rem;
}

.row-gap-58 {
  row-gap: 3.625rem;
}

.column-gap-58 {
  column-gap: 3.625rem;
}

.mx-58 {
  margin-left: 3.625rem;
  margin-right: 3.625rem;
}

.my-58 {
  margin-top: 3.625rem;
  margin-bottom: 3.625rem;
}

.mb-58 {
  margin-bottom: 3.625rem;
}

.mt-58 {
  margin-top: 3.625rem;
}

.mr-58 {
  margin-right: 3.625rem;
}

.ml-58 {
  margin-left: 3.625rem;
}

.pd-58 {
  padding: 3.625rem;
}

.px-58 {
  padding-left: 3.625rem;
  padding-right: 3.625rem;
}

.py-58 {
  padding-top: 3.625rem;
  padding-bottom: 3.625rem;
}

.pb-58 {
  padding-bottom: 3.625rem;
}

.pt-58 {
  padding-top: 3.625rem;
}

.pl-58 {
  padding-left: 3.625rem;
}

.pr-58 {
  padding-right: 3.625rem;
}

.radius-58 {
  border-radius: 3.625rem;
}

.top-58 {
  top: 3.625rem;
}

.bottom-58 {
  bottom: 3.625rem;
}

.left-58 {
  left: 3.625rem;
}

.right-58 {
  right: 3.625rem;
}

.gap-60 {
  gap: 3.75rem;
}

.row-gap-60 {
  row-gap: 3.75rem;
}

.column-gap-60 {
  column-gap: 3.75rem;
}

.mx-60 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.my-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mr-60 {
  margin-right: 3.75rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.pd-60 {
  padding: 3.75rem;
}

.px-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

.pr-60 {
  padding-right: 3.75rem;
}

.radius-60 {
  border-radius: 3.75rem;
}

.top-60 {
  top: 3.75rem;
}

.bottom-60 {
  bottom: 3.75rem;
}

.left-60 {
  left: 3.75rem;
}

.right-60 {
  right: 3.75rem;
}

.gap-62 {
  gap: 3.875rem;
}

.row-gap-62 {
  row-gap: 3.875rem;
}

.column-gap-62 {
  column-gap: 3.875rem;
}

.mx-62 {
  margin-left: 3.875rem;
  margin-right: 3.875rem;
}

.my-62 {
  margin-top: 3.875rem;
  margin-bottom: 3.875rem;
}

.mb-62 {
  margin-bottom: 3.875rem;
}

.mt-62 {
  margin-top: 3.875rem;
}

.mr-62 {
  margin-right: 3.875rem;
}

.ml-62 {
  margin-left: 3.875rem;
}

.pd-62 {
  padding: 3.875rem;
}

.px-62 {
  padding-left: 3.875rem;
  padding-right: 3.875rem;
}

.py-62 {
  padding-top: 3.875rem;
  padding-bottom: 3.875rem;
}

.pb-62 {
  padding-bottom: 3.875rem;
}

.pt-62 {
  padding-top: 3.875rem;
}

.pl-62 {
  padding-left: 3.875rem;
}

.pr-62 {
  padding-right: 3.875rem;
}

.radius-62 {
  border-radius: 3.875rem;
}

.top-62 {
  top: 3.875rem;
}

.bottom-62 {
  bottom: 3.875rem;
}

.left-62 {
  left: 3.875rem;
}

.right-62 {
  right: 3.875rem;
}

.gap-64 {
  gap: 4rem;
}

.row-gap-64 {
  row-gap: 4rem;
}

.column-gap-64 {
  column-gap: 4rem;
}

.mx-64 {
  margin-left: 4rem;
  margin-right: 4rem;
}

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

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

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

.mr-64 {
  margin-right: 4rem;
}

.ml-64 {
  margin-left: 4rem;
}

.pd-64 {
  padding: 4rem;
}

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

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

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

.pt-64 {
  padding-top: 4rem;
}

.pl-64 {
  padding-left: 4rem;
}

.pr-64 {
  padding-right: 4rem;
}

.radius-64 {
  border-radius: 4rem;
}

.top-64 {
  top: 4rem;
}

.bottom-64 {
  bottom: 4rem;
}

.left-64 {
  left: 4rem;
}

.right-64 {
  right: 4rem;
}

.gap-100 {
  gap: 6.25rem;
}

.row-gap-100 {
  row-gap: 6.25rem;
}

.column-gap-100 {
  column-gap: 6.25rem;
}

.mx-100 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}

.my-100 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.mr-100 {
  margin-right: 6.25rem;
}

.ml-100 {
  margin-left: 6.25rem;
}

.pd-100 {
  padding: 6.25rem;
}

.px-100 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.pl-100 {
  padding-left: 6.25rem;
}

.pr-100 {
  padding-right: 6.25rem;
}

.radius-100 {
  border-radius: 6.25rem;
}

.top-100 {
  top: 6.25rem;
}

.bottom-100 {
  bottom: 6.25rem;
}

.left-100 {
  left: 6.25rem;
}

.right-100 {
  right: 6.25rem;
}

.max-w-50 {
  max-width: 3.125rem;
}

.max-h-50 {
  max-height: 3.125rem;
}

.h-50 {
  height: 3.125rem;
}

.w-50 {
  width: 3.125rem;
}

.max-w-100 {
  max-width: 6.25rem;
}

.max-h-100 {
  max-height: 6.25rem;
}

.h-100 {
  height: 6.25rem;
}

.w-100 {
  width: 6.25rem;
}

.max-w-150 {
  max-width: 9.375rem;
}

.max-h-150 {
  max-height: 9.375rem;
}

.h-150 {
  height: 9.375rem;
}

.w-150 {
  width: 9.375rem;
}

.max-w-200 {
  max-width: 12.5rem;
}

.max-h-200 {
  max-height: 12.5rem;
}

.h-200 {
  height: 12.5rem;
}

.w-200 {
  width: 12.5rem;
}

.max-w-250 {
  max-width: 15.625rem;
}

.max-h-250 {
  max-height: 15.625rem;
}

.h-250 {
  height: 15.625rem;
}

.w-250 {
  width: 15.625rem;
}

.max-w-300 {
  max-width: 18.75rem;
}

.max-h-300 {
  max-height: 18.75rem;
}

.h-300 {
  height: 18.75rem;
}

.w-300 {
  width: 18.75rem;
}

.max-w-350 {
  max-width: 21.875rem;
}

.max-h-350 {
  max-height: 21.875rem;
}

.h-350 {
  height: 21.875rem;
}

.w-350 {
  width: 21.875rem;
}

.max-w-400 {
  max-width: 25rem;
}

.max-h-400 {
  max-height: 25rem;
}

.h-400 {
  height: 25rem;
}

.w-400 {
  width: 25rem;
}

.max-w-450 {
  max-width: 28.125rem;
}

.max-h-450 {
  max-height: 28.125rem;
}

.h-450 {
  height: 28.125rem;
}

.w-450 {
  width: 28.125rem;
}

.max-w-500 {
  max-width: 31.25rem;
}

.max-h-500 {
  max-height: 31.25rem;
}

.h-500 {
  height: 31.25rem;
}

.w-500 {
  width: 31.25rem;
}

.max-w-550 {
  max-width: 34.375rem;
}

.max-h-550 {
  max-height: 34.375rem;
}

.h-550 {
  height: 34.375rem;
}

.w-550 {
  width: 34.375rem;
}

.max-w-550 {
  max-width: 34.375rem;
}

.max-h-550 {
  max-height: 34.375rem;
}

.h-550 {
  height: 34.375rem;
}

.w-550 {
  width: 34.375rem;
}

.max-w-600 {
  max-width: 37.5rem;
}

.max-h-600 {
  max-height: 37.5rem;
}

.h-600 {
  height: 37.5rem;
}

.w-600 {
  width: 37.5rem;
}

.max-w-650 {
  max-width: 40.625rem;
}

.max-h-650 {
  max-height: 40.625rem;
}

.h-650 {
  height: 40.625rem;
}

.w-650 {
  width: 40.625rem;
}

.max-w-700 {
  max-width: 43.75rem;
}

.max-h-700 {
  max-height: 43.75rem;
}

.h-700 {
  height: 43.75rem;
}

.w-700 {
  width: 43.75rem;
}

.max-w-750 {
  max-width: 46.875rem;
}

.max-h-750 {
  max-height: 46.875rem;
}

.h-750 {
  height: 46.875rem;
}

.w-750 {
  width: 46.875rem;
}

.max-w-800 {
  max-width: 50rem;
}

.max-h-800 {
  max-height: 50rem;
}

.h-800 {
  height: 50rem;
}

.w-800 {
  width: 50rem;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pd-0 {
  padding: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

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

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

.m-auto {
  margin: auto;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.clr-text {
  color: var(--clr-text);
}

.clr-primary-400 {
  color: var(--clr-primary-400);
}

.clr-primary-500 {
  color: var(--clr-primary-500);
}

.clr-primary-600 {
  color: var(--clr-primary-600);
}

.clr-primary {
  color: var(--company-color);
}

.clr-primary-bg {
  background-color: var(--clr-bg-primary);
}

.clr-text-400 {
  color: var(--clr-text-400);
}

.clr-text-500 {
  color: var(--clr-text-500);
}

.clr-text-600 {
  color: var(--clr-text-600);
}

.clr-text-700 {
  color: var(--clr-text-700);
}

.clr-text-800 {
  color: var(--clr-text-800);
}

.clr-extra-light {
  color: #818596;
}

.clr-icon {
  color: var(--clr-icon);
}

.clr-icon-500 {
  color: var(--clr-icon-500);
}

.clr-icon-400 {
  color: var(--clr-icon-400);
}

.clr-light {
  color: var(--clr-light);
}

.clr-white {
  color: var(--clr-white);
}

.clr-bg-white {
  background-color: var(--clr-white);
}

.clr-bg-white_700 {
  background-color: var(--clr-white-700);
}

.clr-gray-100 {
  color: var(--clr-gray-100);
}

.clr-gray-300 {
  color: var(--clr-gray-300);
}

.clr-gray-600 {
  color: var(--clr-gray-600);
}

.clr-gray-900 {
  color: var(--clr-gray-900);
}

.clr-border {
  color: var(--clr-border);
}

.clr-border-rgb {
  color: rgba(var(--clr-border-rgb), 0.5);
}

.clr-success {
  color: var(--clr-success);
}

.clr-error {
  color: var(--clr-danger);
}

.clr-notice {
  color: var(--clr-notice);
}

.clr-info-light {
  color: var(--clr-info-light);
}

.clr-info,
a.clr-info {
  color: var(--company-color);
}
.clr-info svg.clr-info path,
a.clr-info svg.clr-info path {
  fill: var(--company-color);
}

.clr-alerts {
  color: var(--clr-alerts);
}

.clr-danger {
  color: var(--clr-danger);
}
.clr-danger:hover {
  color: var(--clr-danger);
}

.clr-orange {
  color: var(--clr-orange);
}

.clr-orange_bg {
  background-color: var(--clr-orange-900);
}

.clr-notice {
  color: var(--clr-notice);
}

.clr-bg-border {
  background-color: var(--clr-border);
}

.clr-bg-300 {
  background-color: var(--clr-bg-300);
}

.clr-bg-400 {
  background-color: var(--clr-bg-400);
}

.clr-bg-500 {
  background-color: var(--clr-bg-500);
}

.clr-bg-700 {
  background-color: var(--clr-bg-700);
}

.clr-bg {
  background-color: var(--clr-bg);
}

.clr-bg-success {
  background-color: var(--clr-success);
}

.border-b {
  border-bottom: 1px solid var(--clr-white-300);
}

.is-border {
  border: 1px solid var(--clr-white-300);
}

.fluid-square_xs {
  width: 100%;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  flex: 0 0 24px;
  max-width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.fluid-square_sm {
  width: 100%;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  flex: 0 0 28px;
  max-width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.fluid-square_mmd {
  width: 100%;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  flex: 0 0 36px;
  max-width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.fluid-square_md {
  width: 100%;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  flex: 0 0 40px;
  max-width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.fluid-square_xl {
  width: 100%;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  flex: 0 0 48px;
  max-width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.fluid-square_xxl {
  width: 100%;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  flex: 0 0 60px;
  max-width: 60px;
  height: 60px;
  flex-shrink: 0;
}

.fluid-square_img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.fluid-square_border {
  border: 1px solid var(--clr-border-300);
}
.fluid-square_border:hover {
  border-color: var(--company-color);
}
.fluid-square_border:hover svg path {
  stroke: var(--company-color);
}
.fluid-square_circle {
  border-radius: 100%;
}
.fluid-square_icon:hover {
  background-color: var(--clr-bg-300);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}
.fluid-square.radius-12 {
  border-radius: 0.75rem;
}

img {
  max-width: 100%;
  height: auto;
}
img.object-contain {
  object-fit: contain;
}
img.object-cover {
  object-fit: cover;
}
img.object-fill {
  object-fit: fill;
}

.trim-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trim-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trim-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trim-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zindex-1001 {
  z-index: 1001;
}

.grid:not(.ui) {
  display: grid;
}

.is-pointer {
  cursor: pointer;
}

.pointer-drag {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.is-uppercase {
  text-transform: uppercase;
}

.is-capitalize {
  text-transform: capitalize;
}

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

.is-underline_hover:hover {
  text-decoration: underline;
}

a.is-underline_hover:hover {
  color: var(--company-color);
}

.custom-grid {
  display: grid;
}

.is-flex {
  display: flex;
}

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

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

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

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

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

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

.is-evenly {
  justify-content: space-evenly;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-align-baseline {
  align-items: baseline;
}

.is-whitespace_nowrap {
  white-space: nowrap;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-4 {
  flex: 4;
}

.is-break {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

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

.word-wrap {
  word-wrap: break-word;
}

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

.is-relative {
  position: relative;
}

.is-absolute {
  position: absolute;
}

.blur-40 {
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}

.key-note {
  line-height: 1.4;
}
.key-note.clr-bg-notice {
  background-color: var(--clr-notice-300);
  color: var(--clr-notice-600);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

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

.is-hide {
  display: none !important;
}

.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.custom-scrollbar {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 100vw;
}
.custom-scrollbar::-webkit-scrollbar-track {
  border-radius: 100vw;
  margin-block: 0.5em;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 100vw;
  background: var(--clr-text-500);
}
@support (scrollbar-color:$bg $hover) {
  .custom-scrollbar {
    scrollbar-color: var(--clr-bg) var(--clr-text-500);
    scrollbar-width: auto;
  }
}
.custom-scrollbar {
  overflow: auto;
}

.fluid-scrollbar {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.fluid-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 100vw;
}
.fluid-scrollbar::-webkit-scrollbar-track {
  border-radius: 100vw;
  margin-block: 0.5em;
}
.fluid-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 100vw;
  background: var(--clr-text-500);
}
@support (scrollbar-color:$bg $hover) {
  .fluid-scrollbar {
    scrollbar-color: var(--clr-bg) var(--clr-text-500);
    scrollbar-width: auto;
  }
}
.fluid-scrollbar {
  overflow: auto;
}

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

button.btn,
div.btn,
.btn.btn,
a.btn {
  padding: 0.625rem 1rem;
  min-width: 100px;
  box-shadow: none;
  border: none;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
  font-family: var(--ff-semibold);
  background-color: var(--company-color);
  color: var(--clr-white);
  border-radius: 0.25rem;
  font-size: var(--fs-body);
}
button.btn-primary,
div.btn-primary,
.btn.btn-primary,
a.btn-primary {
  background-color: var(--company-color);
  color: var(--clr-white);
  border: 1px solid var(--company-color);
}
button.btn-primary:hover,
div.btn-primary:hover,
.btn.btn-primary:hover,
a.btn-primary:hover {
  opacity: 0.8;
  background-color: var(--company-color);
}
button.btn-secondary,
div.btn-secondary,
.btn.btn-secondary,
a.btn-secondary {
  border: 1px solid;
  background-color: transparent;
  border-color: var(--clr-white-300);
  color: var(--clr-text-500);
}
button.btn-secondary:hover,
div.btn-secondary:hover,
.btn.btn-secondary:hover,
a.btn-secondary:hover {
  border-color: var(--company-color);
  color: var(--company-color);
  background-color: transparent;
}
button.btn-border,
div.btn-border,
.btn.btn-border,
a.btn-border {
  border: 1px solid;
  background-color: transparent;
}
button.btn-border svg path,
div.btn-border svg path,
.btn.btn-border svg path,
a.btn-border svg path {
  stroke: currentColor;
}
button.btn-border_primary,
div.btn-border_primary,
.btn.btn-border_primary,
a.btn-border_primary {
  border-color: var(--company-color);
  color: var(--company-color);
}
button.btn-border_primary svg path,
div.btn-border_primary svg path,
.btn.btn-border_primary svg path,
a.btn-border_primary svg path {
  stroke: currentColor;
}
button.btn-border_grey,
div.btn-border_grey,
.btn.btn-border_grey,
a.btn-border_grey {
  border-color: var(--clr-white-300);
  color: var(--clr-text-500);
}
button.btn-border_grey:hover,
div.btn-border_grey:hover,
.btn.btn-border_grey:hover,
a.btn-border_grey:hover {
  border-color: var(--company-color);
  color: var(--company-color);
}
button.btn-border_dashed,
div.btn-border_dashed,
.btn.btn-border_dashed,
a.btn-border_dashed {
  border: 1px dashed var(--clr-text-300);
  color: var(--company-color);
}
button.btn-border_red,
div.btn-border_red,
.btn.btn-border_red,
a.btn-border_red {
  border-color: var(--clr-notice);
  color: var(--clr-notice);
}
button.btn-border_red:hover, button.btn-border_red:focus,
div.btn-border_red:hover,
div.btn-border_red:focus,
.btn.btn-border_red:hover,
.btn.btn-border_red:focus,
a.btn-border_red:hover,
a.btn-border_red:focus {
  border-color: var(--clr-notice) !important;
  color: var(--clr-notice);
}
button.btn-sm,
div.btn-sm,
.btn.btn-sm,
a.btn-sm {
  padding: 4px 8px;
  min-width: auto;
  line-height: 1.2;
}
button.btn-md,
div.btn-md,
.btn.btn-md,
a.btn-md {
  padding: 0.5rem 0.875rem;
  min-width: 80px;
}
button.btn-min-height,
div.btn-min-height,
.btn.btn-min-height,
a.btn-min-height {
  min-height: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
button.btn-transparent,
div.btn-transparent,
.btn.btn-transparent,
a.btn-transparent {
  background-color: transparent;
  min-width: unset;
}
button.btn-transparent:hover,
div.btn-transparent:hover,
.btn.btn-transparent:hover,
a.btn-transparent:hover {
  color: var(--company-color);
}
button.btn-link,
div.btn-link,
.btn.btn-link,
a.btn-link {
  color: var(--company-color);
}
button.btn[disabled],
div.btn[disabled],
.btn.btn[disabled],
a.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
button.btn:focus,
div.btn:focus,
.btn.btn:focus,
a.btn:focus {
  box-shadow: unset;
  border-color: var(--company-color);
}
button.btn .svg-icon-plus path,
div.btn .svg-icon-plus path,
.btn.btn .svg-icon-plus path,
a.btn .svg-icon-plus path {
  stroke: var(--company-color);
}

.search-group {
  padding: 24px 20px 0;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}
.search-group .button {
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0;
  padding: 12px 16px;
  border-radius: 4px;
  font-family: var(--ff-body);
  min-height: unset;
}
.search-group .button.basic {
  box-shadow: unset !important;
  border-radius: 4px;
  border: 1px solid var(--clr-white-300);
  font-family: var(--ff-body);
}
.search-group .button .icon.dropdown {
  font-size: 0.75rem;
  margin: 2px 0 0 0.5em;
}
.search-group .ui.search-input {
  margin: 0;
}
.search-group .ui.search-input input::placeholder {
  color: var(--clr-search);
}
.search-group .ui.search-input input::-moz-placeholder {
  color: var(--clr-search);
}
.search-group .ui.search-input input:-ms-input-placeholder {
  color: var(--clr-search);
}
.search-group .ui.search-input input::-webkit-input-placeholder {
  color: var(--clr-search);
}
.search-group .ui.search-input i.icon {
  color: var(--clr-search);
  height: 55px;
}
.search-group_content {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  margin: 0;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .search-group_content {
    justify-content: flex-end;
  }
}
.search-group_mid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.search-group_mid .text.default {
  font-family: var(--ff-body);
}
.search-group_mid > div.ui.button.basic {
  border: 1px solid var(--clr-white-300);
  font-family: var(--ff-body);
}
@media (min-width: 576px) {
  .search-group_mid {
    gap: unset;
    justify-content: flex-end;
    border: 1px solid var(--clr-white-300);
    border-radius: 8px;
  }
  .search-group_mid > div, .search-group_mid > div.ui.button.basic {
    border: 0;
  }
  .search-group_mid > div:not(:last-child), .search-group_mid > div.ui.button.basic:not(:last-child) {
    border-right: 1px solid var(--clr-white-300);
    border-radius: 0;
  }
}
.search-group_mid .ui.button {
  height: 40px;
  border: unset;
}
@media (min-width: 576px) {
  .search-group_mid .ui.button {
    margin-inline: -1px;
  }
  .search-group_mid .ui.button:hover, .search-group_mid .ui.button:focus {
    background: transparent !important;
  }
}
.search-group_mid .ui.dropdown.dropdown-custom .menu {
  box-shadow: none;
}
.search-group_right {
  display: flex;
  justify-content: flex-end;
}
.search-group_right .download-icon {
  background-color: var(--company-color);
  width: 40px;
  flex: 0 0 40px;
  height: 40px;
  color: var(--clr-white);
}
.search-group_right .download-icon svg {
  fill: var(--clr-white);
}
.search-group_right .download-icon svg rect {
  fill: var(--company-color);
}
.search-group_right .download-icon:hover {
  opacity: 0.9;
}
.search-group .text {
  width: calc(100% - 10px);
}

.tailwind h5,
.tailwind p,
.tailwind .pricing-page .accordion h3,
.pricing-page .accordion .tailwind h3 {
  margin-bottom: 0;
}

.fluidCard, .ui.segment.fluidCard {
  padding: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--clr-white);
  border-radius: 0.5rem;
}
.fluidCard h5, .ui.segment.fluidCard h5 {
  font-family: var(--ff-semibold);
}
.fluidCard .fluidCard-header, .ui.segment.fluidCard .fluidCard-header {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--clr-bg);
}
.fluidCard .fluidCard-header .ui.toggle.checkbox label {
  height: 30px;
}
.fluidCard .fluidCard-header.border-none {
  border: 0;
}
.fluidCard .fluidCard-header h5, .ui.segment.fluidCard .fluidCard-header h5 {
  font-size: 1rem;
  margin-bottom: 0;
}
.fluidCard .fluidCard-body, .ui.segment.fluidCard .fluidCard-body {
  padding: 1.5rem 2rem;
}
.fluidCard .fluidCard-body h5, .ui.segment.fluidCard .fluidCard-body h5 {
  margin-bottom: 0.75rem;
}
.fluidCard .fluidCard-footer, .ui.segment.fluidCard .fluidCard-footer {
  padding: 1rem 2rem;
}
.fluidCard .fluidCard-footer.border-top {
  border-top: 1px solid var(--clr-white-300);
}

hr:not(.tailwind hr) {
  height: 1px;
  background-color: var(--clr-white-300);
  border: unset;
}

.is-status {
  padding: 0.25rem 1rem;
  font-family: var(--ff-semibold);
  font-size: 0.625rem;
  display: inline-flex;
}
.is-status .status-icon {
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: var(--clr-white);
  border-radius: 50%;
  border: 2px solid;
  margin-right: 0.25rem;
}
.is-status::first-letter {
  text-transform: capitalize;
}

.is-status-border {
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  border: 1px solid;
  min-width: 80px;
}
.is-status-border_grey {
  border-color: var(--clr-extra-light);
  color: var(--clr-extra-light);
}
.is-status_md {
  min-width: unset;
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
}
.is-status_danger {
  background-color: var(--clr-notice-400);
  color: var(--clr-notice);
}
.is-status_danger .status-icon {
  border-color: var(--clr-notice);
}
.is-status_warning {
  background-color: var(--clr-yellow-300);
  color: var(--clr-yellow);
}
.is-status_warning .status-icon {
  border-color: var(--clr-yellow);
}
.is-status_success {
  background-color: var(--clr-green);
  color: var(--clr-white);
}
.is-status_success .status-icon {
  border-color: var(--clr-white);
}
.is-status_success-light {
  background-color: var(--clr-green-300);
  color: var(--clr-green);
}
.is-status_success-light .status-icon {
  border-color: var(--clr-green);
}
.is-status_info {
  background-color: var(--clr-blue-500);
  color: var(--clr-blue);
}
.is-status_info .status-icon {
  border-color: var(--clr-blue);
}
.is-status_dark {
  background-color: var(--clr-icon-500);
  color: var(--clr-icon);
}
.is-status_dark .status-icon {
  border-color: var(--clr-icon);
}
.is-status_light {
  background-color: var(--clr-light-alert);
  color: var(--clr-light);
}
.is-status_light .status-icon {
  border-color: var(--clr-light);
}
.is-status_approve {
  background-color: var(--company-color);
  color: var(--clr-white);
}
.is-status_approve-light {
  background-color: hsl(var(--company-color-hsl-50));
  color: var(--company-color);
}
.is-status_border {
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  border: 1px solid;
  min-width: 80px;
}
.is-status_border-grey {
  border-color: var(--clr-extra-light);
  color: var(--clr-extra-light);
}

.pin-icon:hover svg path, .pin-icon.is-active svg path {
  stroke: var(--company-color);
}

#example-view .label-wrapper {
  min-width: 42px;
  height: 42px;
}
#example-view .label-wrapper svg {
  max-width: 16px;
}
#example-view .mobile-example .label-wrapper {
  width: 42px;
}
#example-view .desktop-example svg {
  margin-right: 5px;
}

.delete-icon_svg path {
  stroke: var(--clr-notice-700);
  fill: var(--clr-danger-light);
}
.delete-icon_svg rect {
  fill: var(--clr-notice-700);
  stroke: var(--clr-notice-700);
}

.payment-figure {
  border: 1px solid var(--clr-border-600);
  background-color: var(--clr-white);
  border-radius: 0.25rem;
  min-width: 58px;
  min-height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0.25rem;
}
.payment-figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.is-active.payment-figure {
  border-color: var(--company-color);
}

.payment-figure_sm {
  min-height: 24px;
  width: 35px;
}
.payment-figure_sm svg {
  width: 28px;
}

.ui.button {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ui.button.primary.tiny {
  box-shadow: 0 0 0 1px var(--company-color) inset !important;
  color: var(--company-color) !important;
}
.ui.button.primary.tiny.add {
  color: var(--clr-white) !important;
}
.ui.button.primary.tiny:hover {
  box-shadow: 0 0 0 1px var(--company-color) inset !important;
  background-color: var(--company-color) !important;
  color: var(--clr-white) !important;
}
.ui.accordion .title:not(.ui) {
  font-family: var(--ff-semibold);
  font-size: 0.875rem;
  color: var(--clr-text);
}

.input-labeled .ui.input.labeled .ui.basic.label {
  background-color: transparent;
  border-right: unset;
}
.input-labeled .ui.input.labeled .ui.basic.label span {
  background-color: var(--clr-icon-300);
  padding: 0.125rem 0.25rem;
  color: var(--clr-text-500);
  font-size: 0.625rem;
  text-transform: uppercase;
}
.input-labeled .ui.input.labeled.right .ui.basic.label {
  border-left: unset;
}

.input-button {
  display: grid;
  grid-template-columns: 1fr auto;
}

.daterangepicker {
  border-color: var(--clr-bg);
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  z-index: 999999999999;
}
.daterangepicker::before, .daterangepicker::after {
  display: none;
}
.daterangepicker .calendar-time {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr auto 1fr;
  margin-bottom: 1rem;
}
.daterangepicker .calendar-time .hourselect,
.daterangepicker .calendar-time .minuteselect {
  background-color: transparent;
  min-width: 100px;
  width: 100%;
  padding: 0.5rem 1rem;
}
.daterangepicker .calendar-table table.table-condensed {
  border-spacing: 2px;
  border-collapse: unset;
}
.daterangepicker .calendar-table th.prev, .daterangepicker .calendar-table th.next {
  border: 1px solid var(--clr-bg);
}
.daterangepicker .calendar-table th.prev span, .daterangepicker .calendar-table th.next span {
  border-color: var(--clr-text-500);
}
.daterangepicker .calendar-table th.prev:hover, .daterangepicker .calendar-table th.next:hover {
  background-color: var(--clr-blue-300);
  border-color: var(--company-color);
}
.daterangepicker .calendar-table th.prev:hover span, .daterangepicker .calendar-table th.next:hover span {
  border-color: var(--company-color);
}
.daterangepicker .calendar-table thead tr:nth-child(2) th {
  height: 60px;
}
.daterangepicker .calendar-table td {
  background-color: transparent;
}
.daterangepicker .calendar-table td.available {
  background-color: var(--clr-icon-200);
  color: var(--clr-extra-light);
}
.daterangepicker .calendar-table td.available.off {
  background-color: transparent;
}
.daterangepicker .calendar-table td.in-range, .daterangepicker .calendar-table td.active {
  position: relative;
  color: var(--company-color);
  border-color: var(--company-color);
  background-color: var(--clr-white);
}
.daterangepicker .calendar-table td.in-range:before, .daterangepicker .calendar-table td.active:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.04;
  background-color: var(--company-color);
}
.daterangepicker .drp-buttons {
  margin-top: 0.5rem;
  padding-top: 1rem;
}
.daterangepicker .drp-buttons button {
  cursor: pointer;
}
.daterangepicker .drp-buttons button.btn {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

.input-color_picker {
  border: 1px solid var(--clr-white-300);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
.input-color_picker .popup {
  padding: 1rem;
  background-color: var(--clr-white);
}
.input-color_picker .color-picker .button {
  border: none;
  width: 18px;
  height: 18px;
  padding: 0;
  border-radius: 0;
}
.input-color_picker .color-picker .button .button-color {
  border-width: 0;
}

.input-color_picker {
  --tool-cool-color-picker-btn-border-color: transparent;
  --tool-cool-color-picker-btn-width: 18px;
  --tool-cool-color-picker-btn-height: 18px;
  --tool-cool-color-picker-btn-padding: 0;
  /* popup */
  --tool-cool-color-picker-popup-bg: #ffffff;
  --tool-cool-color-picker-popup-border-color: transparent;
  position: relative;
}
.input-color_picker toolcool-color-picker {
  width: 100%;
}
.input-color_picker span.color-value {
  position: absolute;
  left: 46px;
  pointer-events: none;
}

.fixedSidebar-page {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;
  column-gap: 2rem;
  align-items: start;
}
@media (min-width: 1024px) {
  .fixedSidebar-page {
    grid-template-columns: 1fr 320px;
  }
}
@media (min-width: 1200px) {
  .fixedSidebar-page {
    grid-template-columns: 1fr 380px;
  }
}

.ui.segment {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: none;
}
.fluidCard {
  border-radius: 14px;
}
.fluidCard-header.pb-0 {
  padding-bottom: 0;
}
.fluidCard-header.pl-0 {
  padding-left: 0;
}
.fluidCard-header.pr-0 {
  padding-right: 0;
}
.fluidCard-header.pt-0 {
  padding-top: 0;
}
.fluidCard-header.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.fluidCard-header.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.fluidCard-header.pt-8 {
  padding-top: 0.5rem;
}
.fluidCard-header.pb-12 {
  padding-bottom: 12px;
}
.fluidCard-body.pb-0 {
  padding-bottom: 0;
}
.fluidCard-body.pl-0 {
  padding-left: 0;
}
.fluidCard-body.pr-0 {
  padding-right: 0;
}
.fluidCard-body.pt-0 {
  padding-top: 0;
}
.fluidCard-body.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.fluidCard-body.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.fluidCard.sidebar-card_footer button.btn-primary {
  padding: 1rem 1.5rem;
}

td.destroy {
  width: 80px;
}
td.fluid-image {
  width: 100px;
}

.ui.form .shipping-form_item input,
.shipping-form input,
.ui.form .shipping-form_item select.dropdown.ui,
.shipping-form select.dropdown.ui {
  border: unset !important;
  border-radius: 0.25rem;
  padding: 0.75rem;
}
.ui.form .shipping-form_item input:focus,
.shipping-form input:focus,
.ui.form .shipping-form_item select.dropdown.ui:focus,
.shipping-form select.dropdown.ui:focus {
  border-radius: 0.25rem;
  outline: unset;
}

.shipping-form {
  --width: 15ch;
  border: 1px solid var(--clr-border-900);
  border-radius: 0.25rem;
}
.shipping-form .payment-card_svg {
  width: 94px;
}
.shipping-form .autocomplete-options-box {
  position: absolute;
  max-height: 10rem;
  max-width: 200px;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transform: translateY(8px);
  left: 0;
  right: 0;
  top: 105%;
  border: 1px solid var(--clr-border-900);
  background-color: var(--clr-white);
  border-radius: 0.25rem;
  overflow-y: auto;
}
.shipping-form .autocomplete-options-box .dropdown-item {
  padding: 0.5rem 0.75rem;
  position: relative;
  cursor: pointer;
}
.shipping-form .autocomplete-options-box .dropdown-item::after {
  position: absolute;
  content: "";
  inset: 0;
  background-color: var(--company-color);
  opacity: 0;
  visibility: hidden;
  transition: background-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.shipping-form .autocomplete-options-box .dropdown-item:hover::after {
  opacity: 1;
  visibility: visible;
  opacity: 0.04;
}
.shipping-form .autocomplete-options-box.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
  min-width: 100%;
}
.shipping-form .shipping-form_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--width), 1fr));
}
.shipping-form .shipping-form_grid .shipping-form_item:not(:last-child) {
  border-right: 1px solid var(--clr-border-900);
}
.shipping-form_item {
  border-collapse: collapse;
  position: relative;
}
.shipping-form_item:not(.shipping-form_grid:last-child > *) {
  border-bottom: 1px solid var(--clr-border-900);
}

.chat-installation {
  border: 1px solid var(--clr-search);
  padding: 1rem;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem 2.5rem;
}
@media (min-width: 1200px) {
  .chat-installation {
    grid-template-columns: 1fr 100px;
  }
}
.chat-installation pre {
  margin: 0;
}
.chat-installation .fluid-scrollbar {
  padding-bottom: 0.5rem;
}
.chat-installation .clipboard-icon {
  text-align: right;
}
.chat-installation .clipboard-icon svg {
  width: 24px;
  height: 24px;
}

.clipboard-icon :hover {
  border: 1px solid var(--clr-border-900);
  border-radius: 0.25rem;
}

.locale-icon {
  width: 20px;
  height: 20px;
  font-size: 0.5625rem;
  border-radius: 50%;
  color: var(--clr-white);
  border: 1px solid var(--clr-icon);
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  background-color: var(--clr-icon);
  flex-shrink: 0;
}
.locale-icon:not(.dropdown-custom .menu .locale-icon) {
  margin-top: -0.25rem;
}

.CodeMirror {
  border: 1px solid var(--clr-search);
  border-radius: 0.25rem;
  padding: 1rem 0;
  resize: vertical;
}
.CodeMirror .CodeMirror-gutters {
  background-color: transparent;
  border-right: none;
}

.ui.input.icon.input-icon i.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ui.menu.fixed.zindex-1001 {
  z-index: 1001;
}

.upload-wrapper {
  width: 6vw;
  height: 6vw;
  margin-right: 5px;
  overflow: hidden;
  min-width: 100px;
  min-height: 90px;
  border-radius: 8px;
  border: 2px dashed var(--clr-text-300);
}
.upload-wrapper img,
.upload-wrapper .ui.small.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.border-unset {
  border: unset !important;
}

.cover-image {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  border: 1px solid var(--clr-white-300);
  object-fit: contain;
}

.cover-upload-btn {
  cursor: pointer;
  border: 0;
  width: 100px;
  background: transparent;
  padding: 0;
  text-align: left;
}

body.roles.dashboard-layout .site-content {
  padding-bottom: 24px;
}

.ais-SearchBox-loadingIndicator {
  display: flex;
}

.splide__slide img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center center;
}

.splide__slide {
  overflow: hidden;
}
.splide__arrows .splide__arrow {
  border-radius: 0;
  height: 32px;
  width: 32px;
  background-color: transparent;
  opacity: 0.9;
}
.splide__arrows .splide__arrow:hover {
  background-color: var(--clr-white);
}
.splide__arrows .splide__arrow svg {
  width: 14px;
  height: 14px;
  fill: var(--clr-text);
}
.splide__arrows .splide__arrow--prev {
  left: -2rem;
}
.splide__arrows .splide__arrow--next {
  right: -2rem;
}
.splide__arrows .splide__arrow--next img {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .splide__arrows .splide__arrow--prev {
    left: -3rem;
  }
  .splide__arrows .splide__arrow--next {
    right: -3rem;
  }
}
.splide.preview-carousel .splide__slide {
  height: auto;
  border-radius: 14px 14px 0 0;
  max-height: 40dvh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.splide.preview-carousel .splide__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(7.5px);
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 1;
}
.splide.preview-carousel .splide__slide img {
  position: relative;
  z-index: 2;
}
.splide.thumbnail-carousel {
  margin-inline: auto;
  margin-block-start: 1rem;
  width: calc(100% - 64px);
}
@media (min-width: 768px) {
  .splide.thumbnail-carousel {
    width: calc(100% - 100px);
  }
}
.splide.thumbnail-carousel .splide__track--nav .splide__list .splide__slide {
  border: 1px solid transparent;
  --wh: 48px;
  height: var(--wh);
  width: var(--wh);
}
@media (min-width: 480px) {
  .splide.thumbnail-carousel .splide__track--nav .splide__list .splide__slide {
    --wh: 64px;
  }
}
@media (min-width: 768px) {
  .splide.thumbnail-carousel .splide__track--nav .splide__list .splide__slide {
    --wh: 100px;
  }
}
.splide.thumbnail-carousel .splide__track--nav .splide__list .splide__slide.is-active {
  border-color: var(--company-color);
}
.splide.thumbnail-carousel img {
  object-fit: cover;
}

.trix-content ul li, .trix-content ul .main-footer a, .main-footer .trix-content ul a,
.trix-content ol li,
.trix-content ol .main-footer a,
.main-footer .trix-content ol a {
  margin-left: 18px;
  margin-bottom: 0rem;
}
.trix-content ul li, .trix-content ul .main-footer a, .main-footer .trix-content ul a {
  list-style: disc;
}
.trix-content ol li, .trix-content ol .main-footer a, .main-footer .trix-content ol a {
  list-style: decimal;
}
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
.trix-content img {
  max-width: 100% !important;
}
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

trix-toolbar .trix-button-group {
  border: 1px solid var(--clr-white-300) !important;
  border-top-color: var(--clr-white-300);
  border-bottom-color: var(--clr-white-300);
  margin-bottom: 1rem;
}
trix-toolbar .trix-button {
  border-bottom: none;
  border-color: var(--clr-white-300);
}
trix-toolbar .trix-button:hover {
  background-color: transparent;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: none;
}

trix-editor {
  font-size: var(--fs-body);
  font-family: var(--ff-body);
  color: var(--clr-text);
}

trix-editor input::placeholder::placeholder {
  color: var(--clr-gray-200);
}
trix-editor input::placeholder::-moz-placeholder {
  color: var(--clr-gray-200);
}
trix-editor input::placeholder:-ms-input-placeholder {
  color: var(--clr-gray-200);
}
trix-editor input::placeholder::-webkit-input-placeholder {
  color: var(--clr-gray-200);
}

trix-editor:empty:not(:focus)::before {
  color: var(--clr-gray-200);
}

html {
  font-size: 14px;
}

body {
  margin: 0;
  color: #0e0f3b;
  font-family: Eina03-Regular, sans-serif;
}

h1 {
  color: #000000;
  margin: 0 0 0.8em;
  line-height: 120%;
}
@media (max-width: 1028.5596736037px) {
  h1 {
    font-size: 30px;
  }
}
h1 {
  font-size: 2.9167vw;
}

h2 {
  color: #0e0f3b;
  font-size: 2.285rem;
  line-height: 125%;
  margin: 0 0 0.5em;
}
@media (max-width: 945.9459459459px) {
  h2 {
    font-size: 21px;
  }
}
h2 {
  font-size: 2.22vw;
}

h3 {
  font-size: 1.71428571rem;
  line-height: 1.67em;
  letter-spacing: -0.738462px;
}

p, .pricing-page .accordion h3 {
  font-size: 1.143rem;
  line-height: 1.75em;
}

h1,
h2,
p,
.pricing-page .accordion h3 {
  letter-spacing: -0.03em;
}

h1,
h2,
h3,
h4,
strong {
  font-family: Eina03-Bold, Sans-Serif;
}

.flex {
  display: flex;
}

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

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

img {
  max-width: 100%;
}

.label {
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.584615px;
}
@media screen and (max-width: 768px) {
  .label {
    font-size: 15px;
  }
}

.button {
  width: 200px;
  height: 55px;
  line-height: 50px;
  max-width: 100%;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-family: Eina03-SemiBold, sans-serif;
  transition: all ease-out 0.3s;
}
@media (max-width: 1261.2612612613px) {
  .button {
    font-size: 14px;
  }
}
.button {
  font-size: 1.11vw;
}
@media screen and (min-width: 1401px) {
  .button {
    font-size: 16px;
  }
}
.button.white {
  color: #0c7cf6;
  background: #ffffff;
}
.button.white:hover {
  transform: scale(0.95);
}
.button.primary {
  color: #ffffff;
  letter-spacing: -0.43px;
  background: #0c7cf6;
}
.button.primary:hover {
  background: rgb(7.3928571429, 99.3928571429, 199.6071428571);
}
.button.secondary {
  color: #0e0f3b;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  border: 2px solid #0e0f3b;
  letter-spacing: -0.492308px;
}
.button.secondary:hover {
  color: #ffffff;
  background: #0e0f3b;
}

.banner-dark {
  color: #ffffff;
}
.banner-dark h1 {
  color: #ffffff;
}
.banner-dark a {
  color: #ffffff;
}

.marketing .primary-menu {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  padding: 26px 30px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .marketing .primary-menu {
    display: none;
  }
}
.marketing .primary-menu.light-nav {
  background: #0c7cf6;
}
.marketing .primary-menu.light-nav .nav-menu .item {
  color: #ffffff;
}
.marketing .primary-menu.light-nav .nav-menu .item.dropdown:after {
  filter: invert(1);
}
.marketing .primary-menu.light-nav .nav-menu .item .dropdown-menu:before {
  background: #ffffff;
}
.marketing .primary-menu.light-nav .nav-menu .item .dropdown-menu .item {
  color: #0e0f3b;
}
.marketing .primary-menu .logo img {
  max-height: 30px;
}
.marketing .primary-menu .dropdown {
  cursor: pointer;
  position: relative;
}
.marketing .primary-menu .dropdown:not(.open) .dropdown-menu {
  display: none;
}
.marketing .primary-menu .dropdown .dropdown-menu {
  top: calc(100% + 20px);
  left: 50%;
  width: 600px;
  background: #ffffff;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  position: absolute;
  transform: translateX(-50%);
  padding: 2.85rem 3.36rem;
  border-radius: 11px;
  box-shadow: 0px 20px 28px rgba(0, 0, 0, 0.0765887);
  box-sizing: border-box;
  max-width: 100vw;
}
.marketing .primary-menu .dropdown .dropdown-menu:before {
  content: "";
  height: 4px;
  width: 60px;
  top: -4px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  background: #0c7cf6;
  border-radius: 100px 100px 0 0;
}
.marketing .primary-menu .dropdown:after {
  content: "";
  top: 8px;
  right: 7px;
  height: 7px;
  width: 11px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M5.63177 5.86C5.57359 5.86 5.51541 5.83762 5.47514 5.79287L1 1.31773L1.31773 1L5.63624 5.31851L9.95475 1L10.2725 1.31773L5.79735 5.79287C5.74812 5.83762 5.68994 5.86 5.63177 5.86Z' fill='%230E0F3B' stroke='%230E0F3B'/%3E%3C/svg%3E");
}
.marketing .primary-menu .nav-menu.nav-menu-center {
  margin: 0 auto;
}
.marketing .primary-menu .nav-menu.nav-menu-right {
  margin-left: auto;
}
.marketing .primary-menu .nav-menu.nav-menu-right .button {
  width: 128px;
  height: 45px;
  font-size: 0.875rem;
  line-height: 45px;
  margin-left: 1.21rem;
}
.marketing .primary-menu .nav-menu .item {
  font-size: 14px;
  line-height: 19px;
  color: #0e0f3b;
  letter-spacing: -0.43px;
  text-decoration: none;
  font-family: Eina03-SemiBold, sans-serif;
}
.marketing .primary-menu .nav-menu .item.dropdown {
  padding-right: 1.9rem;
}
.marketing .primary-menu .nav-menu .item:last-child {
  padding-right: 0;
}
.marketing .primary-menu .nav-menu .item + .item {
  margin-left: 1.5rem;
}
.marketing .primary-menu .nav-menu .item .dropdown-menu .item {
  margin: 0;
}
.marketing .primary-menu .nav-menu .title {
  font-size: 15px;
  line-height: 21px;
  color: #0e0f3b;
  text-decoration: none;
  letter-spacing: -0.461538px;
  font-family: Eina03-SemiBold, sans-serif;
}
.marketing .primary-menu .nav-menu .title:hover {
  color: #0c7cf6;
}
.marketing .primary-menu .nav-menu .desc {
  font-size: 14px;
  margin: 11px 0 0;
  line-height: 19px;
  letter-spacing: -0.430769px;
  font-family: Eina03-Regular, sans-serif;
}

.mobile-menu {
  padding: 22px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 99;
  max-width: 100vw;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu .logo img {
  height: 30px;
}
.mobile-menu .logo .light-logo {
  display: none;
}
.mobile-menu .menu {
  padding: 0 24px;
  height: 100%;
  overflow: auto;
}
.mobile-menu .mobile-nav {
  display: none;
}
.mobile-menu .nav-toggle {
  height: 27px;
  width: 27px;
  position: relative;
  cursor: pointer;
}
.mobile-menu .nav-toggle:after, .mobile-menu .nav-toggle:before {
  content: "";
  top: 10px;
  left: 0;
  width: 27px;
  height: 1.25px;
  background: #0e0f3b;
  position: absolute;
  transform: rotate(0);
  transition: all linear 0.3s;
}
.mobile-menu .nav-toggle:after {
  top: 19.5px;
}

.menu-open {
  position: fixed;
  top: 0;
  left: 0;
}
.menu-open .mobile-menu {
  background: #0c7cf6;
}
.menu-open .mobile-menu .logo .light-logo {
  display: block;
}
.menu-open .mobile-menu .logo .dark-logo {
  display: none;
}
.menu-open .mobile-menu .mobile-nav {
  display: block;
  position: fixed;
  z-index: -1;
  top: 70px;
  left: 0;
  width: 100vw;
  background: #0c7cf6;
  height: calc(100vh - 70px);
  padding: 64px 0 110px;
  box-sizing: border-box;
  overflow: auto;
}
.menu-open .mobile-menu .nav-toggle:before {
  background: #ffffff;
  transform: rotate(-45deg) translate(-2px, 4px);
}
.menu-open .mobile-menu .nav-toggle:after {
  background: #ffffff;
  transform: rotate(45deg) translate(-3px, -6px);
}
.menu-open .mobile-menu .item {
  display: block;
  padding: 12px 0;
  z-index: 1;
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.615385px;
  text-decoration: none;
  position: relative;
  font-family: Eina03-SemiBold, sans-serif;
}
.menu-open .mobile-menu .item.dropdown:before {
  content: "";
  top: 22px;
  right: 7px;
  height: 9px;
  width: 16px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M5.63177 5.86C5.57359 5.86 5.51541 5.83762 5.47514 5.79287L1 1.31773L1.31773 1L5.63624 5.31851L9.95475 1L10.2725 1.31773L5.79735 5.79287C5.74812 5.83762 5.68994 5.86 5.63177 5.86Z' fill='%230E0F3B' stroke='%230E0F3B'/%3E%3C/svg%3E");
  background-size: cover;
  filter: invert(1);
  transform: rotate(0);
  transition: all ease-out 0.3s;
}
.menu-open .mobile-menu .item.open:before {
  transform: rotate(180deg);
}
.menu-open .mobile-menu .item.open .dropdown-menu {
  display: block;
}
.menu-open .mobile-menu .dropdown-menu {
  margin: 1rem 0;
  position: relative;
  padding: 25px 0 30px;
  display: none;
}
.menu-open .mobile-menu .dropdown-menu:after {
  content: "";
  top: 0;
  left: -24px;
  right: -24px;
  bottom: 0;
  background: #076fe0;
  position: absolute;
}
.menu-open .mobile-menu .dropdown-menu .item {
  display: block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.492308px;
  font-family: Eina03-Regular, sans-serif;
}
.menu-open .mobile-menu .demo-link {
  left: 24px;
  bottom: 32px;
  position: absolute;
  width: calc(100% - 50px);
}
.menu-open .mobile-menu .demo-link .button {
  width: 100%;
}

.main-footer {
  padding: 98px 30px 34px;
  background: #0e0f3b;
}
@media screen and (max-width: 768px) {
  .main-footer {
    padding-right: 85px;
  }
}
.main-footer .container {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 1401px) {
  .main-footer .container {
    max-width: 65.417vw;
  }
}
.main-footer ul {
  margin: 0;
  padding: 0;
}
.main-footer li, .main-footer a {
  color: #c2c2cd;
  list-style: none;
  line-height: 2.28em;
}
.main-footer strong {
  color: #ffffff;
}
.main-footer a {
  text-decoration: none;
}
.main-footer .grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.main-footer .bottom {
  margin: 7.5833vw 0 0;
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .main-footer .bottom {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .main-footer .bottom .left {
    order: 2;
  }
}
.main-footer .bottom span + span {
  position: relative;
  padding-left: 20px;
}
.main-footer .bottom span + span:before {
  content: "/";
  color: #c2c2cd;
  left: 7px;
  position: absolute;
}
.main-footer .bottom a {
  color: #ffffff;
  line-height: 1;
}
.main-footer .copyright-text {
  color: #c2c2cd;
}
.main-footer .social-icons a {
  width: 30px;
  height: 30px;
  margin-left: 7px;
  background: #21224d;
  border-radius: 4px;
  justify-content: center;
}
.main-footer .social-icons img {
  width: 16px;
  height: 16px;
}

.pills {
  gap: 10px;
  flex-wrap: wrap;
}
.pills .pill {
  color: #0c7cf6;
  border-radius: 14.5px;
  background: #badeff;
  padding: 4px 16.7px 6px;
  box-sizing: border-box;
}

.marketing.index .primary-menu {
  background: #F9FAFE;
}

.rounded {
  border-radius: 14px;
}

.upper-rounded {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.filled {
  width: 100%;
}

.shadow {
  box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.11);
}

.testimonials {
  padding: 10.417vw 0 10.56vw 5.174vw;
}
@media screen and (max-width: 768px) {
  .testimonials {
    padding: 5vw;
  }
}
.testimonials h2 {
  margin: 0 0 28px;
}
.testimonials .card {
  padding: 49px 72px 50px 60px;
  border: 3px solid #3DD0AE;
  box-sizing: border-box;
  border-radius: 100px 100px 0 100px;
}
@media screen and (max-width: 768px) {
  .testimonials .swiper-wrapper {
    flex-wrap: wrap;
  }
}
.testimonials .swiper-slide {
  width: 36%;
}
@media screen and (max-width: 1024px) {
  .testimonials .swiper-slide {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .testimonials .swiper-slide {
    width: 100%;
    margin-bottom: 30px;
  }
}
.testimonials .swiper-slide:nth-child(4n+2) .card {
  border-color: #FFC541;
}
.testimonials .swiper-slide:nth-child(4n+3) .card {
  border-color: #D33282;
}
.testimonials .swiper-slide:nth-child(4n+4) .card {
  border-color: #2264EA;
}
.testimonials .author {
  display: grid;
  grid-gap: 18px;
  align-items: center;
  grid-template-columns: 46px 1fr;
}
.testimonials .author img {
  max-width: 100%;
}
.testimonials .author h4 {
  margin: 0;
  font-size: 1.143rem;
  font-family: Eina03-SemiBold, Sans-Serif;
}
.testimonials .author p, .testimonials .author .pricing-page .accordion h3, .pricing-page .accordion .testimonials .author h3 {
  margin: 0;
}

.live-free, .web-analytics, .banner-importance, .rep-ability, .drive-resells, .easy-integrating, .brand-rep, .family-happiness, .psychology-thing, .easy-playing, .important-reasons, .tease-enrollments, .sharing-happiness, .brand-consistency, .buy-leads, .tools-succeed, .affiliates-addicted, .buying-easy, .fans-hungry {
  padding: 7.5vw 11.736vw 7.5vw 4.85vw;
  display: grid;
  grid-template-columns: 45vw 36vw;
  grid-gap: 5.6vw;
}
@media screen and (max-width: 768px) {
  .live-free, .web-analytics, .banner-importance, .rep-ability, .drive-resells, .easy-integrating, .brand-rep, .family-happiness, .psychology-thing, .easy-playing, .important-reasons, .tease-enrollments, .sharing-happiness, .brand-consistency, .buy-leads, .tools-succeed, .affiliates-addicted, .buying-easy, .fans-hungry {
    grid-template-columns: 1fr;
    padding: 10.67vw 9vw;
  }
}
.live-free .left, .web-analytics .left, .banner-importance .left, .rep-ability .left, .drive-resells .left, .easy-integrating .left, .brand-rep .left, .family-happiness .left, .psychology-thing .left, .easy-playing .left, .important-reasons .left, .tease-enrollments .left, .sharing-happiness .left, .brand-consistency .left, .buy-leads .left, .tools-succeed .left, .affiliates-addicted .left, .buying-easy .left, .fans-hungry .left {
  position: relative;
}
.live-free .right, .web-analytics .right, .banner-importance .right, .rep-ability .right, .drive-resells .right, .easy-integrating .right, .brand-rep .right, .family-happiness .right, .psychology-thing .right, .easy-playing .right, .important-reasons .right, .tease-enrollments .right, .sharing-happiness .right, .brand-consistency .right, .buy-leads .right, .tools-succeed .right, .affiliates-addicted .right, .buying-easy .right, .fans-hungry .right {
  position: relative;
}

.sell-more-banner {
  color: #ffffff;
  display: grid;
  grid-gap: 9%;
  grid-template-columns: 36% 55%;
  padding: 9vw 0 9.3vw 9vw;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .sell-more-banner {
    grid-gap: 30px;
    text-align: center;
    padding: 14vw 9vw 40vw;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 599px) {
  .sell-more-banner {
    padding-bottom: 250px;
  }
}
.sell-more-banner {
  background: #0c7cf6;
}
.sell-more-banner h1 {
  color: #ffffff;
  margin: 0 0 0.4em;
}
.sell-more-banner p, .sell-more-banner .pricing-page .accordion h3, .pricing-page .accordion .sell-more-banner h3 {
  font-size: 1.43rem;
  line-height: 1.4;
  padding-right: 6%;
  margin: 0 0 2rem;
}
@media (max-width: 1151.9078473722px) {
  .sell-more-banner p, .sell-more-banner .pricing-page .accordion h3, .pricing-page .accordion .sell-more-banner h3 {
    font-size: 16px;
  }
}
.sell-more-banner p, .sell-more-banner .pricing-page .accordion h3, .pricing-page .accordion .sell-more-banner h3 {
  font-size: 1.389vw;
}
@media screen and (max-width: 768px) {
  .sell-more-banner .pills {
    bottom: 0;
    position: absolute;
    justify-content: center;
    width: 50vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .sell-more-banner .pills .pill {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .sell-more-banner .pills {
    bottom: 10vw;
  }
}
.sell-more-banner .jpg-page {
  display: block;
  margin: 0 0 -5vw auto;
  border-radius: 11px 0 0 11px;
}
@media screen and (max-width: 768px) {
  .sell-more-banner .jpg-page {
    margin: 0 -9vw 0 auto;
  }
}
.sell-more-banner .png-avatar {
  z-index: 2;
  position: absolute;
}
.sell-more-banner .png-avatar.one {
  top: -4vw;
  left: -1.3vw;
  width: 13.5vw;
}
@media screen and (max-width: 1024px) {
  .sell-more-banner .png-avatar.one {
    top: -5vw;
    left: -3.1vw;
  }
}
@media screen and (max-width: 768px) {
  .sell-more-banner .png-avatar.one {
    top: -4vw;
    left: 3vw;
    width: 24vw;
  }
}
.sell-more-banner .png-avatar.two {
  left: -2.3vw;
  bottom: -3vw;
  width: 8.34vw;
}
@media screen and (max-width: 768px) {
  .sell-more-banner .png-avatar.two {
    left: 0;
    bottom: 0;
    width: 17.34vw;
  }
}
.sell-more-banner .right {
  position: relative;
}
.sell-more-banner .right:before, .sell-more-banner .right:after {
  content: "- - - - - - - - - - - - - - - - - -";
  width: 11vw;
  position: absolute;
  top: 5.9vw;
  color: #000000;
  left: 9.5vw;
  height: 5px;
  line-height: 0;
  overflow: hidden;
  transform: rotate(20deg);
}
@media screen and (max-width: 768px) {
  .sell-more-banner .right:before, .sell-more-banner .right:after {
    top: 10vw;
    left: 20vw;
    width: 22vw;
  }
}
.sell-more-banner .right:after {
  top: 23.6vw;
  width: 19vw;
  left: 3vw;
  transform: rotate(145deg);
  content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -";
}
@media screen and (max-width: 768px) {
  .sell-more-banner .right:after {
    top: 42vw;
    width: 37vw;
    left: 7.5vw;
  }
}

.fans-hungry .jpg-podcast {
  width: 21vw;
  top: 14vw;
  left: 3.25vw;
  position: absolute;
  border-radius: 11px;
  filter: drop-shadow(0px -4px 12px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  .fans-hungry .jpg-podcast {
    width: 33vw;
    top: 24vw;
    left: 5.25vw;
  }
}
.fans-hungry h2 {
  padding-right: 3vw;
  margin: 0 0 0.5em;
}
@media screen and (max-width: 768px) {
  .fans-hungry .left {
    padding: 0 0 9vw;
  }
}
.fans-hungry .right .content {
  padding: 0 2.5vw 0 0;
}
.fans-hungry .jackie {
  border-radius: 11px;
  filter: saturate(1.2);
}
@media screen and (max-width: 768px) {
  .fans-hungry .jackie {
    width: 36.27vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 600px) {
  .fans-hungry .buttons {
    display: flex;
    justify-content: space-between;
  }
}
.fans-hungry .button {
  width: 296px;
}
@media screen and (max-width: 768px) and (min-width: 600px) {
  .fans-hungry .button {
    width: 48%;
  }
}
@media screen and (max-width: 599px) {
  .fans-hungry .button {
    width: 196px;
  }
}
.fans-hungry .button.primary {
  margin-bottom: 10px;
}

.buying-easy .right {
  width: 29.44vw;
}
@media screen and (max-width: 768px) {
  .buying-easy .right {
    width: 100%;
  }
}

.affiliates-addicted .jpg-message {
  width: 21vw;
  position: absolute;
  top: 2.65vw;
  left: 1.82vw;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .affiliates-addicted .jpg-message {
    width: 34vw;
  }
}
.affiliates-addicted .jpg-message2 {
  width: 17.2vw;
  position: absolute;
  top: 12.5vw;
  left: 1.82vw;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .affiliates-addicted .jpg-message2 {
    top: 19vw;
    width: 25vw;
  }
}
.affiliates-addicted p, .affiliates-addicted .pricing-page .accordion h3, .pricing-page .accordion .affiliates-addicted h3 {
  padding-right: 1vw;
  margin: 0 0 2em;
}

.tools-succeed h2 {
  padding-right: 2vw;
}
.tools-succeed .png-share, .tools-succeed .png-share3, .tools-succeed .png-share2 {
  top: 4.6vw;
  right: 1.5vw;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .tools-succeed .png-share, .tools-succeed .png-share3, .tools-succeed .png-share2 {
    top: 5vw;
    width: 45.33vw;
  }
}
.tools-succeed .png-share2 {
  top: 12.3vw;
}
@media screen and (max-width: 768px) {
  .tools-succeed .png-share2 {
    top: 18vw;
  }
}
.tools-succeed .png-share3 {
  top: 20vw;
}
@media screen and (max-width: 768px) {
  .tools-succeed .png-share3 {
    top: 31vw;
  }
}

@media screen and (max-width: 768px) {
  .buy-leads .left {
    padding-bottom: 9vw;
  }
}
.buy-leads h2 {
  padding-right: 9vw;
}

.jpg-buy-leads {
  width: 18.45vw;
  top: 13.5vw;
  left: 3.25vw;
  position: absolute;
  border-radius: 9px;
}
@media screen and (max-width: 768px) {
  .jpg-buy-leads {
    top: 22vw;
    width: 32vw;
  }
}

.join-us-2 {
  padding: 6.7vw 17.3vw;
  background-size: cover;
  background-image: url("https://ik.imagekit.io/fluid/s3/marketing/bitmap2.jpg");
}
@media screen and (max-width: 768px) {
  .join-us-2 {
    padding: 20vw 12vw;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .join-us-2 {
    padding: 40vw 9vw;
  }
}
.join-us-2 .content {
  max-width: 650px;
}
.join-us-2 h2 {
  color: #ffffff;
  margin: 0 0 0.8em;
}

.marketing.viral_giveaways .primary-menu.light-nav {
  background: #D33282;
}
.marketing.viral_giveaways .join-us-2 {
  background-image: url("https://ik.imagekit.io/fluid/s3/marketing/bitmap3.jpg");
}
.marketing.viral_giveaways .join-us-2 .button.white {
  color: #0E0F3B;
}

.viral-giveaways-banner {
  color: #ffffff;
  overflow-x: hidden;
  background: #D33282;
  padding: 8vw 0 9.3vw 9vw;
  display: grid;
  grid-gap: 9%;
  position: relative;
  grid-template-columns: 40% 51%;
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner {
    padding-bottom: 14vw;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner {
    grid-gap: 5%;
    padding: 11vw 9vw 32vw;
    text-align: center;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 599px) {
  .viral-giveaways-banner {
    padding: 11vw 9vw 190px;
  }
}
.viral-giveaways-banner h1 {
  color: #ffffff;
}
.viral-giveaways-banner a {
  color: #ffffff;
}
.viral-giveaways-banner p, .viral-giveaways-banner .pricing-page .accordion h3, .pricing-page .accordion .viral-giveaways-banner h3 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .pills {
    bottom: 17vw;
    position: absolute;
    justify-content: center;
    max-width: 300px;
    left: 50%;
    transform: translate(-50%);
  }
}
.viral-giveaways-banner .pill {
  color: #D33282;
  background: #FFC3E1;
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .pill {
    width: 100%;
    max-width: 220px;
  }
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .left {
    max-width: 600px;
  }
}
.viral-giveaways-banner .right {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .right {
    margin-bottom: 10vw;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .right {
    margin-bottom: 40vw;
  }
}
.viral-giveaways-banner .jpg-giveaway-page {
  border-radius: 11px 0 0 11px;
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .jpg-giveaway-page {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .jpg-giveaway-page {
    width: 96vw;
    max-width: unset;
    left: -5vw;
    position: relative;
  }
}
.viral-giveaways-banner .jpg-airpods {
  position: absolute;
  top: 43%;
  left: 54%;
  width: 24.5vw;
  z-index: 2;
  border-radius: 9px 9px 0 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .jpg-airpods {
    top: 0;
    left: 1.56vw;
    width: 34.8vw;
    transform: none;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .jpg-airpods {
    width: 55vw;
    left: -0.12vw;
  }
}
.viral-giveaways-banner .jpg-push-notification, .viral-giveaways-banner .jpg-message3 {
  width: 24.75vw;
  top: 17.85vw;
  left: 12.64vw;
  z-index: 4;
  border-radius: 9px;
  position: absolute;
  box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .jpg-push-notification, .viral-giveaways-banner .jpg-message3 {
    width: 34.85vw;
    top: 19vw;
    left: 1.535vw;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .jpg-push-notification, .viral-giveaways-banner .jpg-message3 {
    width: 55vw;
    top: 30vw;
    left: 13.35vw;
  }
}
.viral-giveaways-banner .jpg-message3 {
  top: 28vw;
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .jpg-message3 {
    top: 33.5vw;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .jpg-message3 {
    top: 53vw;
  }
}
.viral-giveaways-banner .png-oval {
  top: 13.5vw;
  left: 5vw;
  width: 10.9vw;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .viral-giveaways-banner .png-oval {
    left: -8vw;
    top: 17.5vw;
    width: 12.9vw;
  }
}
@media screen and (max-width: 768px) {
  .viral-giveaways-banner .png-oval {
    left: 0;
    top: 16.5vw;
    width: 27.9vw;
  }
}

.sharing-happiness .left {
  position: relative;
}
.sharing-happiness .png-uptrend {
  width: 21.34vw;
  right: 1vw;
  bottom: 0.2vw;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .sharing-happiness .png-uptrend {
    width: 34.5vw;
  }
}

.get-people-dance {
  padding: 6.11vw 9vw;
  background: #F9FAFE;
}
.get-people-dance h4 {
  margin: 0;
  font-size: 16px;
  letter-spacing: -0.492308px;
  position: relative;
}
.get-people-dance h4 img {
  left: -35px;
  position: absolute;
}
.get-people-dance p, .get-people-dance .pricing-page .accordion h3, .pricing-page .accordion .get-people-dance h3 {
  margin: 0;
}
.get-people-dance .grid {
  max-width: 946px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 599px) {
  .get-people-dance .grid {
    grid-template-columns: 1fr;
  }
}
.get-people-dance .grid .col.one {
  padding-right: 5vw;
}
@media screen and (max-width: 768px) {
  .get-people-dance .grid .col.one {
    padding: 0 0 5vw;
  }
}
.get-people-dance .grid .col.two {
  display: grid;
  grid-gap: 2vw;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
@media screen and (max-width: 599px) {
  .get-people-dance .grid .col.two {
    grid-template-columns: 1fr;
  }
}
.get-people-dance .grid .col.two .item {
  padding-left: 35px;
}

.tease-enrollments .left {
  position: relative;
}
.tease-enrollments .right .content {
  padding-right: 10vw;
}
.tease-enrollments .jpg-turtle-club, .tease-enrollments .jpg-grizzly-bear-club, .tease-enrollments .jpg-penguin-club {
  position: absolute;
  left: 2vw;
  bottom: 10.7vw;
  width: 31.94vw;
  height: 3.94vw;
  object-fit: contain;
  background: white;
  border-radius: 11px;
  object-position: left;
}
@media screen and (max-width: 768px) {
  .tease-enrollments .jpg-turtle-club, .tease-enrollments .jpg-grizzly-bear-club, .tease-enrollments .jpg-penguin-club {
    bottom: 16.4vw;
    width: 51vw;
    height: 5.94vw;
  }
}
.tease-enrollments .jpg-penguin-club {
  bottom: 6.14vw;
}
@media screen and (max-width: 768px) {
  .tease-enrollments .jpg-penguin-club {
    bottom: 9.2vw;
  }
}
.tease-enrollments .jpg-grizzly-bear-club {
  bottom: 1.6vw;
}
@media screen and (max-width: 768px) {
  .tease-enrollments .jpg-grizzly-bear-club {
    bottom: 2vw;
  }
}

.important-reasons .jpg-vanessa {
  border-radius: 11px;
}
.important-reasons .jpg-message4, .important-reasons .jpg-message5 {
  width: 22vw;
  top: 1.9vw;
  left: 1.5vw;
  border-radius: 9px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .important-reasons .jpg-message4, .important-reasons .jpg-message5 {
    width: 38vw;
    top: 2vw;
    left: 2vw;
  }
}
.important-reasons .jpg-message5 {
  width: 19.8vw;
  top: 11.72vw;
}
@media screen and (max-width: 768px) {
  .important-reasons .jpg-message5 {
    width: 33vw;
    top: 19vw;
  }
}
.important-reasons .content {
  padding-right: 9vw;
}

.marketing.fantasy_teams .primary-menu.light-nav {
  background: #3DD0AE;
}
.marketing.fantasy_teams .join-us-2 {
  background-image: url("https://ik.imagekit.io/fluid/s3/marketing/bitmap4.jpg");
}
.marketing.fantasy_teams .join-us-2 .button.white {
  color: #0e0f3b;
}

.fantasy-banner {
  color: #ffffff;
  overflow-x: hidden;
  background: #3DD0AE;
  padding: 5vw 0 9.3vw 9vw;
  display: grid;
  grid-gap: 16%;
  position: relative;
  grid-template-columns: 39% 45%;
}
@media screen and (max-width: 768px) {
  .fantasy-banner {
    grid-gap: 5%;
    padding: 11vw 9vw 300px;
    text-align: center;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 599px) {
  .fantasy-banner {
    padding-bottom: 250px;
  }
}
.fantasy-banner h1 {
  color: #ffffff;
  margin: 0 0 0.4em;
}
.fantasy-banner a {
  color: #ffffff;
}
.fantasy-banner p, .fantasy-banner .pricing-page .accordion h3, .pricing-page .accordion .fantasy-banner h3 {
  font-size: 20px;
  margin: 0 0 1em;
}
@media screen and (max-width: 768px) {
  .fantasy-banner .content {
    max-width: 350px;
    margin: 0 auto;
  }
}
.fantasy-banner .right {
  position: relative;
}
@media screen and (max-width: 768px) {
  .fantasy-banner .pills {
    bottom: 17vw;
    position: absolute;
    justify-content: center;
    max-width: 300px;
    left: 50%;
    transform: translate(-50%);
  }
}
.fantasy-banner .pill {
  color: #3DD0AE;
  background: #DEFFF7;
}
@media screen and (max-width: 768px) {
  .fantasy-banner .pill {
    width: 100%;
    man-width: 140px;
    max-width: 220px;
  }
}
.fantasy-banner .jpg-fantasy {
  width: 22.8vw;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .fantasy-banner .jpg-fantasy {
    width: 52.53vw;
  }
}
.fantasy-banner .jpg-belvana-marketing {
  width: 25.9vw;
  top: 8.7vw;
  left: -4.2vw;
  position: absolute;
  border-radius: 14px;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .fantasy-banner .jpg-belvana-marketing {
    width: 55vw;
    left: 10vw;
    top: 21.8vw;
  }
}
.fantasy-banner .jpg-sunnyvalley-gold {
  width: 26vw;
  left: 1.2vw;
  top: 27vw;
  position: absolute;
  border-radius: 14px;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .fantasy-banner .jpg-sunnyvalley-gold {
    width: 54vw;
    left: 17.2vw;
    top: 63vw;
  }
}
.fantasy-banner .png-oval {
  top: 13vw;
  z-index: 3;
  left: 22vw;
  width: 9vw;
  position: absolute;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .fantasy-banner .png-oval {
    top: 30vw;
    left: 63vw;
    width: 20vw;
  }
}

.easy-playing {
  padding-bottom: 0.5vw;
}
.easy-playing .left {
  position: relative;
}
.easy-playing .jpg-hand-mobile {
  border-radius: 11px;
}
.easy-playing .jpg-share-points, .easy-playing .jpg-signup-points {
  width: 15.6vw;
  right: 2vw;
  bottom: 9.8vw;
  border-radius: 9px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .easy-playing .jpg-share-points, .easy-playing .jpg-signup-points {
    width: 26.6vw;
    bottom: 16.4vw;
  }
}
@media screen and (max-width: 599px) {
  .easy-playing .jpg-share-points, .easy-playing .jpg-signup-points {
    width: 34.6vw;
    bottom: 20vw;
  }
}
.easy-playing .jpg-signup-points {
  bottom: 2vw;
}
@media screen and (max-width: 768px) {
  .easy-playing .jpg-signup-points {
    bottom: 3vw;
  }
}

.psychology-thing {
  padding-bottom: 0.5vw;
}
.psychology-thing .content {
  padding-right: 10vw;
}
.psychology-thing .jpg-message6, .psychology-thing .jpg-message7 {
  width: 19.36vw;
  left: 1.4vw;
  bottom: 9.85vw;
  position: absolute;
  border-radius: 9px;
}
@media screen and (max-width: 768px) {
  .psychology-thing .jpg-message6, .psychology-thing .jpg-message7 {
    left: 0;
    width: 32vw;
    bottom: 15vw;
  }
}
.psychology-thing .jpg-message7 {
  width: 22.2vw;
  bottom: 2.3vw;
}
@media screen and (max-width: 768px) {
  .psychology-thing .jpg-message7 {
    width: 35vw;
  }
}
@media screen and (max-width: 599px) {
  .psychology-thing .jpg-message7 {
    width: 38.4vw;
  }
}

.marketing.reviews_ratings .primary-menu.light-nav {
  background: #0e0f3b;
}
.marketing.reviews_ratings .join-us-2 {
  background-image: url("https://ik.imagekit.io/fluid/s3/marketing/bitmap5.jpg");
}
.marketing.reviews_ratings .join-us-2 .button.white {
  color: #0E0F3B;
}

.rating-reviews-banner {
  background: #0e0f3b;
  padding: 11vw 0 9.3vw 9vw;
  display: grid;
  grid-gap: 10%;
  position: relative;
  grid-template-columns: 40% 50%;
}
@media screen and (max-width: 768px) {
  .rating-reviews-banner {
    grid-gap: 5%;
    text-align: center;
    padding: 16vw 9vw 150px;
    grid-template-columns: 1fr;
  }
}
.rating-reviews-banner h1 {
  margin: -4vw 0 0;
}
.rating-reviews-banner p, .rating-reviews-banner .pricing-page .accordion h3, .pricing-page .accordion .rating-reviews-banner h3 {
  font-size: 20px;
  line-height: 28px;
  max-width: 500px;
}
.rating-reviews-banner .right {
  position: relative;
}
@media screen and (max-width: 768px) {
  .rating-reviews-banner .content {
    margin: 0 auto;
    max-width: 400px;
  }
}
.rating-reviews-banner .pills {
  margin-top: 30px;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .rating-reviews-banner .pills {
    width: 300px;
    left: 50%;
    bottom: 20vw;
    transform: translateX(-50%);
    position: absolute;
  }
}
.rating-reviews-banner .pill {
  width: 141px;
  color: #0E0F3B;
  text-align: center;
  background: #D9DAFF;
}
.rating-reviews-banner .jpg-how {
  width: 36.5vw;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .rating-reviews-banner .jpg-how {
    width: 56vw;
    display: block;
    margin: 0 auto 120px;
  }
}
@media screen and (max-width: 599px) {
  .rating-reviews-banner .jpg-how {
    width: 80vw;
  }
}
.rating-reviews-banner .png-scale {
  width: 42vw;
  left: -3vw;
  top: 13.4vw;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .rating-reviews-banner .png-scale {
    width: 64vw;
    left: 9vw;
    top: 20vw;
  }
}
@media screen and (max-width: 599px) {
  .rating-reviews-banner .png-scale {
    width: 91vw;
    left: -5vw;
    top: 29vw;
    max-width: unset;
  }
}

.family-happiness .button {
  width: 260px;
}

.brand-rep {
  padding-bottom: 0.5vw;
}
.brand-rep .png-olumo-score {
  width: 18.85vw;
  top: 1.5vw;
  right: 1.6vw;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .brand-rep .png-olumo-score {
    width: 32vw;
  }
}
.brand-rep .content {
  padding-right: 5vw;
}
.brand-rep .button {
  width: 240px;
}

.easy-integrating {
  padding-bottom: 0.4vw;
}
.easy-integrating .png-write-review {
  width: 21.4vw;
  left: 2vw;
  bottom: 1.2vw;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .easy-integrating .png-write-review {
    width: 36vw;
  }
}

.drive-resells {
  padding-bottom: 6vw;
}

.marketing.webchat_analytics .primary-menu {
  background: #FFC541;
}
.marketing.webchat_analytics .join-us-2 {
  background-image: url("https://ik.imagekit.io/fluid/s3/marketing/bitmap6.jpg");
  background-position: center;
}
@media screen and (max-width: 768px) {
  .marketing.webchat_analytics .join-us-2 {
    padding: 19vw 9vw;
  }
}
.marketing.webchat_analytics .join-us-2 h2 {
  color: #0e0f3b;
}
.marketing.webchat_analytics .join-us-2 .button.white {
  color: #0e0f3b;
}

.webchat-analytics-banner {
  overflow-x: hidden;
  background: #FFC541;
  padding: 5vw 0 9.3vw 9vw;
  display: grid;
  grid-gap: 12%;
  position: relative;
  grid-template-columns: 38% 50%;
}
@media screen and (max-width: 768px) {
  .webchat-analytics-banner {
    grid-gap: 5%;
    padding: 11vw 9vw 300px;
    text-align: center;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 599px) {
  .webchat-analytics-banner {
    padding-bottom: 250px;
  }
}
.webchat-analytics-banner p, .webchat-analytics-banner .pricing-page .accordion h3, .pricing-page .accordion .webchat-analytics-banner h3 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .webchat-analytics-banner .pills {
    position: absolute;
    bottom: 20vw;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.webchat-analytics-banner .pill {
  color: #0e0f3b;
  background: #FFEDC3;
}
@media screen and (max-width: 768px) {
  .webchat-analytics-banner .pill {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .webchat-analytics-banner .png-webchat {
    margin-left: 6vw;
  }
}

.rep-ability {
  padding-bottom: 0.5vw;
}
.rep-ability .jpg-iphone2 {
  border-radius: 11px;
}

.banner-importance {
  padding-bottom: 0.5vw;
}
.banner-importance .jpg-macbook {
  border-radius: 11px;
}

.web-analytics {
  padding-bottom: 0.5vw;
}

.pricing-page {
  position: relative;
  overflow: hidden;
}
.pricing-page .png-cropped {
  left: 0;
  bottom: -8vw;
  position: absolute;
}
.pricing-page > .grid {
  display: grid;
  grid-gap: 8.125vw;
  grid-template-columns: 1fr 47.22vw;
  position: relative;
  z-index: 2;
  padding: 9vw 30px 9vw 9vw;
}
@media screen and (max-width: 768px) {
  .pricing-page > .grid {
    grid-template-columns: 1fr;
  }
}
.pricing-page > .grid.two {
  grid-gap: 20px;
  padding: 9vw 30px;
}
.pricing-page .accordion {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .pricing-page .accordion {
    max-width: 85vw;
  }
}
.pricing-page .accordion p, .pricing-page .accordion h3 {
  margin: 0;
}
.pricing-page .accordion .bottom {
  padding: 20px;
  margin: -20px;
  height: 0;
  overflow: hidden;
}
.pricing-page .accordion .bottom .content {
  min-width: 670px;
}
.pricing-page .accordion .bottom .section {
  transform-origin: 50% 0%;
  transform: perspective(250px) rotateX(-90deg);
}
.pricing-page .accordion.active .bottom {
  height: auto;
  overflow: auto;
}
.pricing-page .accordion.active .bottom .section {
  transform: perspective(350px) rotateX(0deg);
  transition: 0.2s linear 0s;
  transition-delay: 300ms;
}
.pricing-page .accordion.active .bottom .section:first-of-type {
  transition: 0.2s linear 0.3s;
}
.pricing-page .accordion.active .bottom .section:nth-child(2) {
  transition: 0.2s linear 0.5s;
}
.pricing-page .accordion.active .section.main .content {
  height: 120px;
  overflow: auto;
}
@media screen and (max-width: 599px) {
  .pricing-page .accordion.active .section.main .content {
    height: 200px;
  }
}
.pricing-page .accordion.active .section .title:after {
  transform: rotate(180deg);
}
.pricing-page .accordion .section {
  background: #FFFFFF;
  border-radius: 11px;
  padding: 17px 29px;
  margin-bottom: 2px;
  box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.114483);
}
.pricing-page .accordion .section.main {
  padding: 29px 60px 33px 86px;
}
@media screen and (max-width: 599px) {
  .pricing-page .accordion .section.main {
    padding: 24px 5px 33px 60px;
  }
}
.pricing-page .accordion .section.main .content {
  height: 0;
  overflow: hidden;
  transition: all linear 0.3s;
}
.pricing-page .accordion .title {
  font-size: 24px;
  line-height: 40px;
  color: #0E0F3B;
  letter-spacing: -0.738462px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .pricing-page .accordion .title {
    line-height: 1.2;
  }
}
.pricing-page .accordion .title:before, .pricing-page .accordion .title:after {
  content: "";
  height: 4px;
  width: 18px;
  left: -50px;
  top: 20px;
  position: absolute;
  background: #0e0f3b;
  transition: all linear 0.3s;
}
@media screen and (max-width: 599px) {
  .pricing-page .accordion .title:before, .pricing-page .accordion .title:after {
    top: 13px;
    left: -40px;
  }
}
.pricing-page .accordion .title:after {
  transform: rotate(90deg);
}
.pricing-page .accordion .subtitle {
  color: #0E0F3B;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.49px;
  font-family: Eina03-Bold, Sans-Serif;
}
.pricing-page .flex-grid {
  display: flex;
}
.pricing-page .flex-grid .count, .pricing-page .flex-grid .price {
  width: 100%;
  font-size: 18px;
  text-align: center;
}
.pricing-page .more-link {
  color: #0c7cf6;
  font-size: 16px;
  margin-top: 8px;
  line-height: 28px;
  text-decoration: none;
  letter-spacing: -0.492308px;
  font-family: Eina03-SemiBold, sans-serif;
}
.pricing-page .more-link img {
  margin-left: 10px;
  position: relative;
  top: 1px;
}
.pricing-page .card {
  color: #ffffff;
  text-align: center;
  background: #0e0f3b;
  border-radius: 11px;
  padding: 4.44vw 7.5vw;
}
.pricing-page .card h2 {
  color: inherit;
}

body.live_free {
  background: #F9FAFE;
}

.live-free-page {
  padding: 5.76vw;
}
.live-free-page .filter {
  margin-top: 55px;
  padding: 29px 36px 41px;
  display: flex;
  align-items: center;
  background: #ffffff;
  justify-content: space-between;
  box-sizing: border-box;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .live-free-page .filter {
    display: block;
  }
}
.live-free-page .filter h3 {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .live-free-page .custom-select {
    width: 100%;
  }
}
.live-free-page .select-selected {
  width: 23.61vw;
}
@media screen and (max-width: 768px) {
  .live-free-page .select-selected {
    width: 87.5%;
  }
}
.live-free-page .content-grid {
  margin-top: 5.56vw;
}
.live-free-page .content-grid .card {
  width: calc(33% - 2.186vw);
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 14px 16px -7px rgba(0, 0, 0, 0.11);
  text-decoration: none;
  background: #FFFFFF;
  margin-bottom: 4.5vw;
}
@media only screen and (min-width: 1441px) {
  .live-free-page .content-grid .card {
    width: calc(25% - 2.64vw);
  }
}
@media screen and (max-width: 768px) and (min-width: 600px) {
  .live-free-page .content-grid .card {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 599px) {
  .live-free-page .content-grid .card {
    width: 100%;
  }
}
.live-free-page .content-grid .card .header {
  margin: 0 0 5px;
  font-size: 16px;
  letter-spacing: -0.49px;
  font-family: Eina03-Bold, sans-serif;
  color: #171B2B;
}
.live-free-page .content-grid .card .meta {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  justify-content: space-between;
}
.live-free-page .content-grid .card .status {
  padding: 3px 14px;
  color: #696D80;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  font-family: Eina03-Bold, sans-serif;
  letter-spacing: 0.692307px;
  background: #EFF0F6;
  border-radius: 15px;
  position: relative;
}
.live-free-page .content-grid .card .status.progress {
  color: #104FBE;
  background: #E5F5FF;
}
.live-free-page .content-grid .card .status.completed {
  padding-left: 26px;
  color: #158C2D;
  background: #DAF6E7;
}
.live-free-page .content-grid .card .status.completed:before, .live-free-page .content-grid .card .status.completed:after {
  content: "";
  height: 2px;
  width: 6px;
  left: 8px;
  top: 11px;
  border-radius: 2px;
  position: absolute;
  background: currentColor;
  transform: rotate(45deg);
}
.live-free-page .content-grid .card .status.completed:after {
  left: 11px;
  top: 9px;
  width: 9px;
  transform: rotate(-50deg);
}
.live-free-page .content-grid .card .time {
  font-size: 12px;
  color: #ABB1CA;
  letter-spacing: -0.37px;
  font-family: Eina03-SemiBold, sans-serif;
}
.live-free-page .content-grid .card .content {
  height: 100%;
  background: #FFFFFF;
  padding: 21px 21px 18px;
}
.live-free-page .content-grid .card .image {
  position: relative;
}
.live-free-page .content-grid .card .description {
  letter-spacing: -0.43px;
  font-family: Eina03-Regular, sans-serif;
  color: #171B2B;
}
.live-free-page .content-grid .card .giveaway-club-label {
  width: max-content;
  padding: 5px 13px;
  font-size: 10px !important;
  letter-spacing: 0.69px;
  position: absolute;
  bottom: 5.21%;
  left: 5.21%;
  overflow: hidden;
  background: #FFFFFF;
  text-transform: uppercase;
  font-family: Eina03-Bold, sans-serif;
}
.live-free-page .content-grid .card .giveaway-club-label:before {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.08;
  position: absolute;
  background-color: currentColor;
}
.live-free-page .content-grid .card .giveaway-club-label.blue_label {
  color: #0C7CF6;
}
.live-free-page .content-grid .card .giveaway-club-label.green_label {
  background-color: green;
  color: white !important;
}
.live-free-page .content-grid .poster {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.live-free-page .content-grid .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
}
.live-free-page .content-grid .price {
  color: #259B3E;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.43px;
  font-family: Eina03-Bold, Sans-Serif;
}

.live-free-banner {
  text-align: center;
}
.live-free-banner .content {
  max-width: 717px;
  margin: 0 auto;
}

.rep-signup-page {
  padding: 5.56vw 10vw 7.64vw;
}
@media screen and (max-width: 768px) {
  .rep-signup-page {
    padding-bottom: 60px;
  }
}
.rep-signup-page h1 {
  max-width: 1018px;
  text-align: center;
  margin: 0 auto 4.375vw;
}
@media screen and (max-width: 768px) {
  .rep-signup-page h1 {
    margin-bottom: 40px;
  }
}
.rep-signup-page h3 {
  margin-top: 0;
  line-height: 1.45em;
}
.rep-signup-page ul {
  padding-left: 1.2rem;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.492308px;
  display: grid;
  grid-gap: 0 10px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.rep-signup-page .grid {
  display: grid;
  grid-gap: 7.3%;
  grid-template-columns: 51.2% 41.5%;
}
@media screen and (max-width: 768px) {
  .rep-signup-page .grid {
    grid-gap: 68px;
    grid-template-columns: 1fr;
  }
}
.rep-signup-page .card {
  background: #ffffff;
  border-radius: 11px;
  position: relative;
  padding: 3.125vw 3.819vw 3.125vw 3.47vw;
  filter: drop-shadow(0px 14px 16px rgba(0, 0, 0, 0.114483));
}
@media screen and (max-width: 768px) {
  .rep-signup-page .card {
    padding: 30px;
  }
}
.rep-signup-page .triangle {
  width: 0;
  height: 0;
  top: 50%;
  right: 0;
  position: absolute;
  border-style: solid;
  border-width: 35px 0 35px 28px;
  border-color: transparent transparent transparent #ffffff;
  transform: translate(100%, -50%);
}
@media screen and (max-width: 768px) {
  .rep-signup-page .triangle {
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    border-width: 28px 35px 0 35px;
    border-color: #ffffff transparent transparent transparent;
  }
}
.rep-signup-page .fields {
  display: grid;
  grid-gap: 15px 10px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1024px) {
  .rep-signup-page .fields {
    grid-template-columns: 1fr;
  }
}
.rep-signup-page .fields .field.email-field {
  grid-column: 1/3;
}
@media screen and (max-width: 1024px) {
  .rep-signup-page .fields .field.email-field {
    grid-column: auto;
  }
}
.rep-signup-page input {
  background: #ffffff;
  border: 1px solid #0e0f3b;
  box-sizing: border-box;
}
.rep-signup-page input[type=text], .rep-signup-page input[type=email] {
  width: 100%;
  height: 54px;
  padding: 16px 26px;
  border-radius: 3px;
}
.rep-signup-page .button {
  width: 100%;
  border: 0;
  margin-top: 30px;
}

.demo-page {
  padding: 5.56vw 10vw 7.64vw;
}
@media screen and (max-width: 768px) {
  .demo-page {
    padding-bottom: 60px;
  }
}
.demo-page h1 {
  max-width: 972px;
  text-align: center;
  margin: 0 auto 4.375vw;
}
@media screen and (max-width: 768px) {
  .demo-page h1 {
    margin-bottom: 40px;
  }
}
.demo-page h3 {
  margin-top: 0;
  line-height: 1.45em;
}
.demo-page ul {
  padding-left: 1.2rem;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.492308px;
}
.demo-page .desc {
  font-style: italic;
  letter-spacing: -0.492308px;
}
.demo-page .desc span {
  font-style: normal;
}
.demo-page .grid {
  display: grid;
  grid-gap: 7.3%;
  grid-template-columns: 51.2% 41.5%;
}
@media screen and (max-width: 768px) {
  .demo-page .grid {
    grid-gap: 68px;
    grid-template-columns: 1fr;
  }
}
.demo-page .card {
  background: #ffffff;
  border-radius: 11px;
  position: relative;
  padding: 3.125vw 3.819vw 3.125vw 3.47vw;
  filter: drop-shadow(0px 14px 16px rgba(0, 0, 0, 0.114483));
}
@media screen and (max-width: 768px) {
  .demo-page .card {
    padding: 30px;
  }
}
.demo-page .triangle {
  width: 0;
  height: 0;
  top: 50%;
  right: 0;
  position: absolute;
  border-style: solid;
  border-width: 35px 0 35px 28px;
  border-color: transparent transparent transparent #ffffff;
  transform: translate(100%, -50%);
}
@media screen and (max-width: 768px) {
  .demo-page .triangle {
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    border-width: 28px 35px 0 35px;
    border-color: #ffffff transparent transparent transparent;
  }
}
.demo-page .fields {
  display: grid;
  grid-gap: 15px 10px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1024px) {
  .demo-page .fields {
    grid-template-columns: 1fr;
  }
}
.demo-page .fields .field.email-field {
  grid-column: 1/3;
}
@media screen and (max-width: 1024px) {
  .demo-page .fields .field.email-field {
    grid-column: auto;
  }
}
.demo-page .checkboxes {
  display: grid;
  grid-gap: 16px 32px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.demo-page label {
  cursor: pointer;
}
.demo-page input {
  background: #ffffff;
  border: 1px solid #0e0f3b;
  box-sizing: border-box;
}
.demo-page input[type=text], .demo-page input[type=email] {
  width: 100%;
  height: 54px;
  padding: 16px 26px;
  border-radius: 3px;
}
.demo-page input[type=checkbox] {
  display: none;
}
.demo-page input[type=checkbox] + label {
  color: #818181;
  position: relative;
  padding-left: 42px;
  line-height: 28px;
  letter-spacing: -0.430769px;
}
.demo-page input[type=checkbox] + label:before {
  content: "";
  height: 28px;
  width: 28px;
  left: 0;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #0e0f3b;
  border-radius: 3px;
  transition: background-color 0.3s ease-in-out, border 0.5s ease-in-out;
}
.demo-page input[type=checkbox]:checked + label:before {
  background-size: 16px;
  border: 1px solid #0c7cf6;
  background-color: #0c7cf6;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://ik.imagekit.io/fluid/s3/app/icon-checkmark-white.svg");
}
.demo-page .button {
  width: 100%;
  border: 0;
  margin-top: 30px;
}