@charset "UTF-8";
:root {
  --yetti-blocks-links-background: #F4F4F4;
  --yetti-blocks-links-color: #000;
  --yetti-blocks-links-icon-color: #000;
}

:root {
  --sandy-secondary: #5b586e;
  --sandy-light: #f4f5f7;
  --sandy-white: #fff;
  --sandy-dark: #222032;
  --sandy-gray-100: rgba(243,244,246,1);
  --sandy-gray-200: #dde1ec;
  --sandy-gray-300: #b3b1c3;
  --sandy-black: #000;
  --bio-card-primary-color: #000;
  --bio-card-secondary-color: #000;
  --bio-card-border-color: #000;
  --g-gray: #f4f5f6;
}

body.is-dark {
  --sandy-white: #222032;
  --sandy-secondary: #807d96;
  --sandy-light: #2a283b;
  --sandy-dark: #dde1ec;
  --sandy-gray-200: #353246;
  --sandy-gray-300: #5b586e;
}

/*-----------------------
    Index Header
-----------------------*/
.index-header {
  position: fixed;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  background: transparent;
  height: 14vh;
  padding: 0 !important;
}
.index-header.sticky {
  transition: 0.5s;
}
.index-header.sticky.nav-sticky {
  height: 5em;
  box-shadow: 0px 5px 42px rgba(126, 142, 177, 0.08);
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .index-header {
    padding: 48px 0 24px;
    border: none;
  }
}
body.dark .index-header {
  border-color: #353945;
}

.index-header-center {
  display: flex;
  align-items: center;
  padding: 0 32px;
  width: 100%;
}

.index-header-upload {
  margin-right: 12px;
}

@media only screen and (max-width: 767px) {
  .index-header-upload {
    display: none;
  }
}
.index-header-logo {
  position: relative;
  z-index: 12;
  display: inline-block;
  flex-shrink: 0;
  width: 128px;
  margin-right: 32px;
}
.index-header-logo img {
  max-width: 85px;
}

@media only screen and (max-width: 1179px) {
  .index-header-logo {
    margin-right: auto;
  }
}
.index-header-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.index-header-wrapper .index-header-button {
  display: none;
}

@media only screen and (max-width: 767px) {
  .index-header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    min-height: calc(var(--vh, 1vh) * 100);
    margin: 0;
    padding: 140px 32px 40px;
    box-shadow: 0px 64px 64px rgba(31, 47, 70, 0.2);
    background: #FCFCFD;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
  }

  body.dark .index-header-wrapper {
    background: #141416;
  }

  .index-header-wrapper.visible {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .index-header-wrapper .index-header-button {
    display: inline-flex;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .index-header-wrapper .index-header-connect {
    display: none !important;
  }
}
.index-header-nav {
  display: flex;
  margin-right: auto;
  border-left: 1px solid #E6E8EC;
}

@media only screen and (max-width: 767px) {
  .index-header-nav {
    display: flex;
    flex-direction: column;
    margin: 0 0 40px;
    border: none;
  }
}
body.dark .index-header-nav {
  border-color: #353945;
}

.index-header-nav .index-header-link {
  margin-left: 32px;
  line-height: 40px;
  color: #000;
  transition: color 0.2s;
  font-size: 14px;
  counter-increment: nav-counter;
  position: relative;
}
.index-header-nav .index-header-link:hover, .index-header-nav .index-header-link.active {
  color: #3772FF;
}
.index-header-nav .index-header-link::before {
  content: "0" counter(nav-counter);
  display: inline-block;
  font-weight: 700;
  width: auto;
  right: -1px;
  top: 4px;
  line-height: 0.6em;
  font-size: 0.6em;
  position: absolute;
  height: auto;
  opacity: 0.75;
}
@media (max-width: 768px) {
  .index-header-nav .index-header-link::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .index-header-nav .index-header-link {
    margin-left: 0;
    font-size: 24px;
    line-height: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .index-header-nav .index-header-link:nth-child(n+3) {
    display: block;
  }
}
.index-header-search {
  position: relative;
  flex-shrink: 0;
  width: 256px;
  margin-right: 24px;
}

@media only screen and (max-width: 1023px) {
  .index-header-search {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .index-header-search {
    display: block;
    width: 100%;
    margin: auto 0 0;
  }
}
.index-header-input {
  width: 100%;
  height: 40px;
  padding: 0 42px 0 16px;
  background: none;
  border: 2px solid #E6E8EC;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1.66667;
  transition: border-color 0.2s;
}
.index-header-input::-webkit-input-placeholder, .index-header-input::-moz-placeholder, .index-header-input:-ms-input-placeholder, .index-header-input::-ms-input-placeholder, .index-header-input::placeholder {
  color: #777E90;
}

body.dark .index-header-input {
  border-color: #353945;
  color: #FCFCFD;
}

.index-header-input:focus, body.dark .index-header-input:focus {
  border-color: #777E90;
}

.index-header-result {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 42px;
}
.index-header-result .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}
.index-header-result:hover .icon {
  fill: #3772FF;
}

.index-header-item {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .index-header-item {
    position: static;
  }
}
.index-header-item_notification {
  display: none;
  margin-right: 24px;
}

@media only screen and (max-width: 767px) {
  .index-header-item_notification {
    margin-right: 20px;
  }
}
.index-header-item_notification .index-header-head {
  position: relative;
  width: 40px;
  height: 40px;
}
.index-header-item_notification .index-header-head .icon {
  width: 24px;
  height: 24px;
  fill: #777E90;
  transition: fill 0.2s;
}
.index-header-item_notification .index-header-head:hover .icon {
  fill: #3772FF;
}
.index-header-item_notification .index-header-head.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #45B26B;
}

.index-header-item_user .index-header-head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 16px 4px 4px;
  border-radius: 20px;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  transition: box-shadow 0.2s;
}

@media only screen and (max-width: 767px) {
  .index-header-item_user .index-header-head {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
body.dark .index-header-item_user .index-header-head {
  box-shadow: inset 0 0 0 2px #353945;
}

@media only screen and (max-width: 767px) {
  body.dark .index-header-item_user .index-header-head {
    box-shadow: none;
  }
}
@media only screen and (max-width: 767px) {
  .index-header-item_user .index-header-head:hover {
    box-shadow: none;
  }
}
@media only screen and (max-width: 767px) {
  body.dark .index-header-item_user .index-header-head:hover {
    box-shadow: none;
  }
}
.index-header-avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.index-header-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.index-header-wallet {
  margin-left: 12px;
}

@media only screen and (max-width: 767px) {
  .index-header-wallet {
    display: none;
  }
}
body.dark .index-header-wallet {
  color: #FCFCFD;
}

.index-header-currency {
  color: #45B26B;
}

.index-header-body {
  position: absolute;
  left: 50%;
  box-shadow: 0px 16px 64px 0 rgba(31, 47, 70, 0.4);
  background: #FCFCFD;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transform-origin: 50% 50px;
  will-change: transform;
  transition: all 0.4s;
}
.index-header-body:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 32px;
  height: 13px;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg width='32' height='13' viewBox='0 0 32 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3432 2.65685L0 13H32L21.6569 2.65686C18.5327 -0.467339 13.4673 -0.467344 10.3432 2.65685Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A") no-repeat 100% 50%/100% auto;
}

@media only screen and (max-width: 767px) {
  .index-header-body {
    left: 16px;
    right: 16px;
    box-shadow: 0px 16px 32px 0 rgba(31, 47, 70, 0.4);
  }
}
@media only screen and (max-width: 767px) {
  .index-header-body:before {
    display: none;
  }
}
body.dark .index-header-body {
  box-shadow: 0px 16px 32px 0 rgba(35, 38, 47, 0.3);
}

.index-header-item_notification .index-header-body {
  top: calc(100% + 44px);
  width: 396px;
  margin-left: -198px;
  padding: 40px 32px 32px;
  border-radius: 24px;
}

@media only screen and (max-width: 767px) {
  .index-header-item_notification .index-header-body {
    top: calc(100% + 16px);
    width: auto;
    margin: 0;
    padding: 32px 16px;
  }
}
body.dark .index-header-item_notification .index-header-body {
  background: #141416;
}
body.dark .index-header-item_notification .index-header-body:before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='13' viewBox='0 0 32 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3432 2.65685L0 13H32L21.6569 2.65686C18.5327 -0.467339 13.4673 -0.467344 10.3432 2.65685Z' fill='%23141416'/%3E%3C/svg%3E%0A");
}

.index-header-item_user .index-header-body {
  top: calc(100% + 20px);
  width: 256px;
  margin-left: -128px;
  padding: 32px 16px 20px;
  border-radius: 12px;
}

@media only screen and (max-width: 1023px) {
  .index-header-item_user .index-header-body {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .index-header-item_user .index-header-body {
    left: 16px;
    right: 16px;
    top: calc(100% + 16px);
    width: auto;
    margin: 0;
  }
}
body.dark .index-header-item_user .index-header-body {
  background: #23262F;
}
body.dark .index-header-item_user .index-header-body:before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='13' viewBox='0 0 32 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3432 2.65685L0 13H32L21.6569 2.65686C18.5327 -0.467339 13.4673 -0.467344 10.3432 2.65685Z' fill='%2323262F'/%3E%3C/svg%3E%0A");
}

.index-header-item.active .index-header-body {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.index-header-title {
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .index-header-title {
    margin: 0 16px;
  }
}
.index-header-list {
  margin: 0 -16px;
}

@media only screen and (max-width: 767px) {
  .index-header-list {
    margin: 0;
  }
}
.index-header-notification {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 40px 16px 16px;
  border-radius: 16px;
  transition: background 0.2s;
}
.index-header-notification:hover {
  background: #F4F5F6;
}

body.dark .index-header-notification:hover {
  background: #23262F;
}

.index-header-preview {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  margin-right: 24px;
}
.index-header-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}

@media only screen and (max-width: 767px) {
  .index-header-preview {
    margin-right: 16px;
  }
}
.index-header-details {
  flex-grow: 1;
}

.index-header-subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #141416;
}

body.dark .index-header-subtitle {
  color: #FCFCFD;
}

.index-header-price {
  font-weight: 500;
  color: #353945;
}

body.dark .index-header-price {
  color: #E6E8EC;
}

.index-header-date {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}

.index-header-status {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #3772FF;
}

.index-header-item_notification .index-header-button {
  position: absolute;
  top: 40px;
  right: 32px;
}

@media only screen and (max-width: 767px) {
  .index-header-item_notification .index-header-button {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}
.index-header-name {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.index-header-code {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.index-header-number {
  font-weight: 500;
  color: #777E90;
}

.index-header-copy {
  margin-left: 8px;
}
.index-header-copy .icon {
  width: 16px;
  height: 16px;
  fill: #3772FF;
  transition: fill 0.2s;
}
.index-header-copy:hover .icon {
  fill: #044eff;
}

.index-header-wrap {
  margin-bottom: 7px;
  padding: 8px;
  border-radius: 16px;
  box-shadow: 0px 24px 24px -8px rgba(15, 15, 15, 0.2);
}
.index-header-wrap .this-button {
  text-transform: uppercase;
}

.index-header-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.index-header-img {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.index-header-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.index-header-info {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}

.index-header-money {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.index-header-item_user .index-header-button {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
}

.index-header-menu .index-header-link {
  display: flex;
  align-items: center;
  padding: 17px 0 12px;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 700;
  color: #777E90;
}
.index-header-menu .index-header-link:not(:last-child) {
  border-bottom: 1px solid #E6E8EC;
}

body.dark .index-header-menu .index-header-link:not(:last-child) {
  border-color: #353945;
}

.index-header-menu .index-header-link[href]:hover {
  color: #3772FF;
}
.index-header-menu .index-header-link[href]:hover .icon {
  fill: #3772FF;
}

.index-header-icon {
  flex-shrink: 0;
  width: 20px;
  margin-right: 8px;
}
.index-header-icon .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}

.header .theme {
  margin-left: auto;
}

.index-header-burger {
  display: none;
}

@media only screen and (max-width: 767px) {
  .index-header-burger {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .index-header-burger.active:before {
    transform: translateY(0) rotate(-45deg);
  }
  .index-header-burger.active:after {
    transform: translateY(0) rotate(45deg);
  }
  .index-header-burger:before, .index-header-burger:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 6px;
    width: 20px;
    height: 2px;
    background: #777E90;
    border-radius: 2px;
    transition: transform 0.2s;
  }
  .index-header-burger:before {
    transform: translateY(-4px);
  }
  .index-header-burger:after {
    transform: translateY(3px);
  }
}
@media only screen and (max-width: 767px) {
  .index-header-center > .index-header-connect {
    display: none !important;
  }
}
.header.registered .index-header-connect {
  display: none;
}
.header.registered .index-header-item_notification, .header.registered .index-header-item_user {
  display: block;
}

body.dark .some-icon {
  display: none;
}

.some-icon-dark {
  display: none;
}

body.dark .some-icon-dark {
  display: inline-block;
}

/*-----------------------
    1. BUTTON
-----------------------*/
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  background-color: #e5e7eb;
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  min-width: 100px;
  border-radius: 16px/16px;
}
body.is-dark .button {
  background: #222;
}
.button.sm {
  height: 38px;
}
.button.no-shadow {
  box-shadow: none;
}
.button.full {
  width: 100%;
}
.button.medium {
  height: 54px;
  line-height: 54px;
}
.button.small {
  height: 40px;
  font-size: 0.75rem;
  line-height: 40px;
}
.button:hover {
  color: #fff;
  background-color: #00719b;
}
.button.void {
  background-color: transparent;
  color: #adafca;
  box-shadow: none;
}
.button.void .button-icon {
  fill: #adafca;
}
.button.void:hover {
  color: #fff;
  background-color: #2e2e47;
}
.button.void:hover .button-icon {
  fill: #fff;
}
.button.void.void-primary:hover {
  background-color: #23d2e2;
}
.button.void.void-secondary:hover {
  background-color: #615dfa;
}
.button.white-solid {
  background-color: #fff;
  color: #3e3f5e;
  box-shadow: none;
}
.button.white-solid:hover {
  background-color: #f7f7f7;
}
.button.outline-dark {
  border: 2px solid #170a07;
  background: transparent;
  border-radius: 8px;
  box-shadow: none;
  color: #000;
}
.button.white {
  background-color: transparent;
  border: 1px solid #dedeea;
  color: #adafca;
  box-shadow: none;
}
.button.white .button-icon {
  fill: #adafca;
}
.button.white:hover {
  color: #fff;
  background-color: #2e2e47;
  border-color: #2e2e47;
}
.button.white.white-tertiary:hover {
  background-color: #fd4350;
  border-color: #fd4350;
  box-shadow: 4px 7px 12px 0 rgba(253, 67, 80, 0.2);
}
.button.mort {
  background: #f12786;
}
.button.primary {
  background-color: #23d2e2;
  box-shadow: 4px 7px 12px 0 rgba(35, 210, 226, 0.2);
}
.button.primary:hover {
  background-color: #1bc5d4;
}
.button.secondary {
  background-color: #615dfa;
  box-shadow: 4px 7px 12px 0 rgba(97, 93, 250, 0.2);
}
.button.secondary:hover {
  background-color: #5753e4;
}
.button.tertiary {
  background-color: #fd4350;
  box-shadow: 4px 7px 12px 0 rgba(253, 67, 80, 0.2);
}
.button.tertiary:hover {
  background-color: #dd343f;
}
.button.twitch {
  background-color: #7b5dfa;
  box-shadow: 4px 7px 12px 0 rgba(123, 93, 250, 0.2);
}
.button.twitch:hover {
  background-color: #6a4fdf;
}
.button.twitter {
  background-color: #1abcff;
  box-shadow: 3px 5px 10px 0px rgba(26, 188, 255, 0.2);
}
.button.twitter:hover {
  background-color: #0aabed;
}
.button.add-field-button {
  width: 128px;
  margin-top: 40px;
}
.button.padded {
  padding: 0 24px;
}
.button .button-icon {
  fill: #fff;
  transition: fill 0.2s ease-in-out;
}
.button .button-icon.spaced {
  margin-right: 6px;
}
.button.with-only-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lined-text {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}

.lined-text::before, .lined-text::after {
  content: "";
  width: 70px;
  height: 1px;
  background-color: #eaeaf5;
  position: absolute;
  top: 7px;
}

.lined-text::before {
  left: 0;
}

.lined-text::after {
  right: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb, .custom-range:focus::-moz-range-thumb, .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(1.4rem);
}

.custom-switch {
  position: relative;
  min-height: 1.5rem;
  display: block;
}
.custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after {
  content: "";
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 48px;
  background: #E6E8EC;
  border-radius: 32px;
  height: 24px;
  border: 0;
  cursor: pointer;
  top: 0.25rem;
  display: block;
  position: absolute;
}
.custom-switch .custom-control-label::after {
  top: calc(.34rem + 2px);
  left: calc(-2.1rem + 2px);
  width: 17px;
  height: 17px;
  background-color: #27baf1;
  border-radius: 32px;
  position: absolute;
  display: block;
}

/*------------------------
    10. CHECKBOX LINE
------------------------*/
.checkbox-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkbox-line .checkbox-line-text {
  color: #00c7d9;
  font-size: 0.875rem;
  font-weight: 500;
}

/*------------------------
    11. CHECKBOX WRAP
------------------------*/
.checkbox-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.checkbox-wrap .checkbox-info {
  margin-top: 12px;
}

.checkbox-wrap .checkbox-info .checkbox-info-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.checkbox-wrap.checkbox-rating .rating-list {
  position: absolute;
  top: 6px;
  left: 34px;
  pointer-events: none;
}

.checkbox-wrap.checkbox-rating label {
  padding-left: 104px;
}

.checkbox-wrap input[type=checkbox],
.checkbox-wrap input[type=radio] {
  display: none;
}

.checkbox-wrap input[type=checkbox]:checked + .checkbox-box,
.checkbox-wrap input[type=radio]:checked + .checkbox-box {
  background-color: #27baf1;
  border-color: #27baf1;
}

.checkbox-wrap input[type=checkbox]:checked + .checkbox-box.round,
.checkbox-wrap input[type=radio]:checked + .checkbox-box.round {
  border: 6px solid #27baf1;
  background-color: #fff;
}

.checkbox-wrap input[type=checkbox]:checked + .checkbox-box .icon-cross,
.checkbox-wrap input[type=radio]:checked + .checkbox-box .icon-cross {
  fill: #fff;
}

.checkbox-wrap label {
  padding-left: 34px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
}

.checkbox-wrap .checkbox-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid #dedeea;
  border-radius: 6px;
  background-color: #fff;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.checkbox-wrap .checkbox-box svg {
  width: 12px;
  height: 12px;
  fill: #fff;
}

.checkbox-wrap .checkbox-box.round {
  border-radius: 50%;
}

.checkbox-wrap .checkbox-box .icon-cross {
  fill: transparent;
  transition: fill 0.2s ease-in-out;
}

.checkbox-wrap.small label {
  padding-left: 24px;
  font-size: 0.75rem;
  line-height: 16px;
}

.checkbox-wrap.small .checkbox-box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.checkbox-wrap.small .checkbox-box.round {
  border-radius: 50%;
}

.checkbox-wrap.small .checkbox-box .icon-cross {
  width: 8px;
  height: 8px;
}

.pickr {
  margin-top: 10px;
}
.pickr .pcr-button {
  height: 40px;
  width: 100%;
}

.pcr-app[data-theme=monolith] {
  width: 20.25em;
  padding: 17px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 32px 8px;
}
.pcr-app[data-theme=monolith] .pcr-interaction .pcr-result {
  height: 40px;
  padding: 12px;
  background: #f4f4f4;
  border-radius: 6px;
}
.pcr-app[data-theme=monolith] .pcr-interaction .pcr-save, .pcr-app[data-theme=monolith] .pcr-interaction .pcr-clear, .pcr-app[data-theme=monolith] .pcr-interaction .pcr-cancel {
  height: 40px;
  border-radius: 7px;
}
.pcr-app[data-theme=monolith] .pcr-interaction .pcr-type {
  display: none;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity {
  height: 36px;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
  border-radius: 5px;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview {
  display: none;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
  height: 300px;
  border-radius: 8px;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-picker {
  height: 32px;
  width: 32px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px;
}
@media (max-width: 600px) {
  .pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
    height: 200px;
  }
}

/*-----------------------------
  Style header Default
-----------------------------*/
.main-header {
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(11, 34, 56, 0);
  -webkit-backdrop-filter: saturate(1) blur(20px) !important;
  -moz-backdrop-filter: saturate(1) blur(20px) !important;
  -o-backdrop-filter: saturate(1) blur(20px) !important;
  backdrop-filter: saturate(1) blur(20px) !important;
  transition: 0.3s !important;
  padding: 0px 24px;
}
.main-header.no_blur {
  -webkit-backdrop-filter: none !important;
  -moz-backdrop-filter: none !important;
  -o-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.main-header {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: saturate(1) blur(20px) !important;
  -o-backdrop-filter: saturate(1) blur(20px) !important;
  backdrop-filter: saturate(1) blur(20px) !important;
  border-bottom: 1px solid #edeef1;
}

@-moz-document url-prefix() {
  .main-header {
    background: white;
    border-bottom: 0 !important;
    backdrop-filter: saturate(1) blur(0);
    box-shadow: 0px 10px 40px 0px rgba(11, 34, 56, 0.05);
  }
}
.main-header .navbar {
  height: 65px;
  padding: 0;
}
.main-header .navbar .navbar-brand {
  font-weight: 600;
  font-size: 22px;
}
.main-header .navbar .navbar-brand .logo {
  vertical-align: bottom;
  margin-right: 0.5rem;
  width: 27px;
}
.main-header .navbar .navbar-collapse {
  margin-top: 0.4rem;
}
.main-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin-right: 1.25rem;
  background-color: transparent;
}
.main-header .navbar .navbar-collapse .navbar-nav .dropdown.show .nav-link {
  color: #165df5 !important;
}
.main-header .navbar .navbar-collapse .nav_account .btn {
  font-size: 15px;
}
.main-header .navbar .navbar-collapse .nav_account.btn_demo2 .btn_sm_primary {
  background-color: rgba(22, 93, 245, 0.1);
  color: #165df5;
}
.main-header .navbar .navbar-collapse .nav_account.btn_demo3 .btn_sm_primary {
  border: 1px solid #edeef1;
}

@media (max-width: 991px) {
  header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 0.75rem 0;
  }
}
@media (max-width: 991px) {
  header {
    background: #ffffff;
  }
  header .navbar-toggler:focus {
    border: 0;
    outline: 0;
    box-shadow: none;
  }
  header .navbar {
    height: auto;
    padding: 0.75rem;
  }
  header .navbar-brand {
    color: #0b2238 !important;
    font-size: 18px !important;
  }
  header .navbar-brand .logo {
    width: 24px !important;
  }
  header .navbar-collapse {
    margin-left: 0 !important;
  }
  header .navbar-collapse .navbar-nav {
    padding-bottom: 1rem;
  }
  header .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #0b2238 !important;
  }
  header .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: #165df5 !important;
  }
  header .navbar-collapse .nav_account {
    border-top: 1px solid #edeef1;
    padding: 1rem 0;
  }
  header .navbar-collapse .nav_account .btn-default {
    color: #0b2238 !important;
  }
  header .navbar-collapse .nav_account .btn-primary {
    background-color: #165df5 !important;
    color: #ffffff !important;
  }
}
/*-----------------------------
  header-nav-center
-----------------------------*/
.header-nav-center {
  width: 100%;
  left: 0;
  z-index: 12;
}
.header-nav-center .navbar-brand {
  color: #0b2238;
}
.header-nav-center .navbar-collapse .nav-item .nav-link {
  color: #0b2238;
  transition: 0.4s !important;
}
.header-nav-center .navbar-collapse .nav-item .nav-link:hover {
  color: #165df5;
}
.header-nav-center .navbar-collapse .nav-item .nav-link.active {
  color: #165df5;
  background-color: transparent;
}
.header-nav-center .navbar-collapse .nav-item.active .nav-link {
  color: #165df5;
  background-color: transparent;
}

/*-----------------------------
  header-nav-left
-----------------------------*/
.header-nav-left .navbar-collapse {
  margin-left: 2rem;
}
.header-nav-left.light .nav-pills .nav-item .nav-link {
  color: #ffffff;
}
.header-nav-left.light .nav-pills .nav-item .nav-link.active {
  color: #ffe7aa;
}

/*-----------------------------
  Fixed header
-----------------------------*/
@media (max-width: 991px) {
  .main-header {
    background: #ffffff !important;
  }
}
.main-header .navbar-brand {
  color: #0b2238 !important;
}
.main-header .nav-pills .nav-item .nav-link {
  color: #0b2238 !important;
}
.main-header .nav-pills .nav-item .nav-link.active {
  color: #165df5 !important;
}
.main-header .nav_account .btn-default {
  color: #0b2238 !important;
}
.main-header .nav_account .btn-primary {
  background-color: #165df5 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .fixed-header .gch_header_light .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
  }
}
/*-----------------------------
  Fixed side menu
-----------------------------*/
.fixed_side_menu {
  position: fixed !important;
  right: 1%;
  top: 35%;
  z-index: 3;
}
.fixed_side_menu .nav-item .nav-link {
  position: relative;
  color: #aa9bb3;
  font-size: 16px;
  direction: rtl;
  text-align: right;
  transition: 0.3s !important;
}
.fixed_side_menu .nav-item .nav-link::before {
  content: "";
  position: absolute;
  top: 1.1rem;
  right: -0.8rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  transition: 3s !important;
}
.fixed_side_menu .nav-item .nav-link.active {
  background-color: transparent;
  color: #ffffff;
}
.fixed_side_menu .nav-item .nav-link.active:before {
  opacity: 1;
  -webkit-animation: bounce-top 0.9s both !important;
  animation: bounce-top 0.9s both !important;
}

/*-----------------------------
  index-header-workspace
-----------------------------*/
.index-header-workspace .navbar-collapse {
  margin-left: 0;
}
.index-header-workspace .btn_demo3 .btn {
  border: 1px solid rgba(253, 107, 59, 0.25) !important;
  color: #fd6b3b;
}

/*-----------------------------
  white_scroll_dark
-----------------------------*/
.white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #ffffff;
}

.fixed-header .white-scroll-dark .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #0b2238;
}

/*-----------------------------
  header-black 
-----------------------------*/
.header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #ffffff;
}

@media (max-width: 991px) {
  .header-black .nav_account .filter-blur {
    background: #000 !important;
    color: #ffffff !important;
  }
}
.fixed-header .header-black {
  background: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.fixed-header .header-black .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #ffffff;
}
.fixed-header .header-black .navbar .filter-blur {
  -webkit-backdrop-filter: none !important;
  -moz-backdrop-filter: none !important;
  -o-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: #ffffff !important;
  color: #000 !important;
}
.fixed-header .nav_account .bg-white {
  background-color: #0b2238 !important;
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .fixed-header .header-black .nav_account .filter-blur {
    background: #000 !important;
    color: #ffffff !important;
  }
}
.flex-table.is-insight .flex-table-item {
  min-height: 60px;
}

.flex-table.is-compact .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
}

.flex-table.is-compact .flex-table-item:not(:last-child) {
  border-bottom: none;
}

.flex-table.is-compact .flex-table-item:nth-child(2) {
  border-radius: 8px 8px 0 0;
}

.flex-table.is-compact .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}

.flex-table .flex-table-header {
  display: flex;
  align-items: center;
  padding: 20px;
  margin-bottom: 20px;
}

.flex-table .flex-table-header span {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
}

.flex-table .flex-table-header span.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}

.flex-table .flex-table-header span.is-checkbox .checkbox {
  padding: 0;
}

.flex-table .flex-table-header span.is-checkbox .checkbox > span {
  height: 22px;
}

.flex-table .flex-table-header span.cell-center {
  justify-content: center;
}

.flex-table .flex-table-header span.cell-end {
  justify-content: flex-end;
}

.flex-table .flex-table-header span.is-grow {
  flex-grow: 2;
}

.flex-table .flex-table-header span.is-grow-lg {
  flex-grow: 3;
}

.flex-table .flex-table-item {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 85px;
  background: #fff;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 15px;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  border-radius: 5px;
}

.flex-table .flex-table-item.is-row {
  border: none;
  background: transparent;
}

.flex-table .flex-table-item .flex-table-cell {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
}

.flex-table .flex-table-item .flex-table-cell.is-grow {
  flex-grow: 2;
}

.flex-table .flex-table-item .flex-table-cell.cell-center {
  justify-content: center;
}

.flex-table .flex-table-item .flex-table-cell.cell-end {
  justify-content: flex-end;
}

.flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot {
  position: relative;
  top: 1px;
  font-size: 4px;
  margin: 0 6px;
}

.flex-table .flex-table-item .flex-table-cell.cell-end .action-link {
  font-size: 0.9rem;
}

.flex-table .flex-table-item .flex-table-cell.is-bold > span {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}

.flex-table .flex-table-item .flex-table-cell.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}

.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox {
  padding: 0;
  margin-left: 4px;
}

.flex-table .flex-table-item .flex-table-cell.is-user,
.flex-table .flex-table-item .flex-table-cell.is-media {
  padding-left: 0;
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow,
.flex-table .flex-table-item .flex-table-cell.is-media.is-grow {
  flex-grow: 2;
}

.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg,
.flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg {
  flex-grow: 3;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar),
.flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar) {
  display: block;
  margin-left: 10px;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div,
.flex-table .flex-table-item .flex-table-cell.is-media > div {
  line-height: 1.2;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-name,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #363636;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta {
  color: #a2a5b9;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  stroke-width: 1.6px;
  margin-right: 4px;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span {
  display: inline-block;
  margin-left: 0;
  font-size: 0.9rem;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-left: 10px;
  margin-top: 4px;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media .h-avatar .avatar,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media .h-avatar .avatar {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
}

.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator,
.flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator {
  padding: 0 8px;
}

.flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .avatar.is-fake span,
.flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .avatar.is-fake span {
  margin: 0;
}

.flex-table .flex-table-item .flex-table-cell.is-user .media,
.flex-table .flex-table-item .flex-table-cell.is-media .media {
  display: block;
  width: 100%;
  max-width: 130px;
  min-height: 95px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.flex-table .flex-table-item .flex-table-cell.is-user .cell-image,
.flex-table .flex-table-item .flex-table-cell.is-media .cell-image {
  display: block;
  width: 100%;
  max-width: 80px;
}

.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini,
.flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini {
  max-width: 40px;
}

.flex-table .flex-table-item .flex-table-cell .cell-icon {
  margin-right: 4px;
  color: #a2a5b9;
}

.flex-table .flex-table-item .flex-table-cell .tag {
  margin-bottom: 0 !important;
  line-height: 1.8;
  height: 1.8em;
}

.flex-table .flex-table-item .flex-table-cell .flex-media {
  display: flex;
  align-items: center;
}

.flex-table .flex-table-item .flex-table-cell .flex-media .meta {
  margin-left: 6px;
  line-height: 1.3;
}

.flex-table .flex-table-item .flex-table-cell .flex-media .meta span {
  display: block !important;
  font-size: 0.8rem;
  color: #a2a5b9;
  font-family: "Roboto", sans-serif;
}

.flex-table .flex-table-item .flex-table-cell .dot-levels {
  display: flex;
  align-items: center;
}

.flex-table .flex-table-item .flex-table-cell .dot-levels .dot {
  font-size: 8px;
  color: #b3b6c6;
  margin: 0 6px;
}

.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: #671cc9;
}

body.is-dark .flex-table .flex-table-item {
  background: #323236;
  border-color: #404046;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell.is-user .h-avatar .badge,
body.is-dark .flex-table .flex-table-item .flex-table-cell.is-media .h-avatar .badge {
  border-color: #323236 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell.cell-end .button.dark-outlined:hover {
  border-color: #797bf2 !important;
  color: #797bf2 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .dark-text {
  color: #aaaab3 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar {
  border-color: #323236;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .avatar-stack .h-avatar .is-more .inner {
  border-color: #323236 !important;
}

body.is-dark .flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: #797bf2;
}

.flex-pagination {
  padding: 12px 0;
}

.flex-pagination .pagination-next,
.flex-pagination .pagination-previous {
  background: #fff;
  min-width: 85px;
}

.flex-pagination .pagination-next.has-chevron,
.flex-pagination .pagination-previous.has-chevron {
  min-width: 55px;
}

.flex-pagination .pagination-next.has-chevron svg,
.flex-pagination .pagination-previous.has-chevron svg {
  height: 16px;
  width: 16px;
  stroke-width: 3px;
  stroke: #671cc9;
}

.flex-pagination .pagination-list li .pagination-link {
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 0.9em;
}

.flex-pagination .pagination-list li .pagination-link.is-current {
  background: #671cc9;
  border-color: #671cc9;
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 28, 201, 0.2);
}

body.is-dark .flex-pagination .pagination-next,
body.is-dark .flex-pagination .pagination-previous {
  background: #28282b;
  border-color: #2d2d31;
  color: #aaaab3;
}

body.is-dark .flex-pagination .pagination-next svg,
body.is-dark .flex-pagination .pagination-previous svg {
  stroke: #797bf2;
}

body.is-dark .flex-pagination .pagination-list li .pagination-link {
  background: #28282b;
  border-color: #2d2d31;
  color: #aaaab3;
}

body.is-dark .flex-pagination .pagination-list li .pagination-link.is-current {
  background: #797bf2;
  color: #fcfcfc;
  border-color: #797bf2;
  box-shadow: 0 14px 26px -12px rgba(121, 123, 242, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(121, 123, 242, 0.2);
}

.flex-table-wrapper {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
}

.flex-table-wrapper .flex-table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.flex-table-wrapper .flex-table .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

.flex-table-wrapper .flex-table .flex-table-item:last-child {
  margin-bottom: 6px;
  border-bottom: none;
}

body.is-dark .flex-table-wrapper {
  background: #323236;
  border-color: #404046;
}

.demo-table {
  margin-bottom: 3rem;
}

.table tbody th {
  font-family: "Roboto", sans-serif;
  color: #283252;
}

.table tbody th.is-media {
  width: 40px;
}

.table tbody th.is-end > div {
  display: flex;
  justify-content: flex-end;
}

.table tbody td {
  font-family: "Roboto", sans-serif;
  vertical-align: middle;
}

.table tbody td:not(:first-child) {
  color: #a2a5b9;
}

.table tbody td.is-media {
  width: 40px;
}

.table tbody td.is-end > div {
  display: flex;
  justify-content: flex-end;
}

body.is-dark .table {
  background: #323236;
  border-color: #404046;
}

body.is-dark .table.is-hoverable tr:not(.is-selected):hover {
  background: #39393e;
}

body.is-dark .table.is-striped tr:not(.is-selected):nth-child(even) {
  background: #39393e;
}

body.is-dark .table tbody th,
body.is-dark .table tbody td {
  border-color: #404046;
}

body.is-dark .table tbody th {
  color: #aaaab3;
}

body.is-dark .table tbody td:first-child {
  color: #aaaab3;
}

@media (max-width: 767px) {
  .flex-table-wrapper .flex-table-toolbar {
    margin-bottom: 10px;
  }

  .flex-table-wrapper .flex-table-toolbar .left {
    flex-grow: 2;
  }

  .flex-table-wrapper .flex-table-toolbar .right {
    display: none;
  }

  .flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
    display: none;
  }

  .flex-table-wrapper .flex-table .flex-table-item {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-table-wrapper .flex-table .flex-table-item .is-checkbox {
    display: none;
  }

  .flex-table .flex-table-header {
    display: none;
  }

  .flex-table .flex-table-cell {
    position: relative;
    margin-bottom: 12px;
  }

  .flex-table .flex-table-cell:before {
    content: attr(data-th);
    font-size: inherit;
    text-transform: uppercase;
    font-weight: 500;
    color: #999;
  }

  .flex-table .flex-table-cell.no-label-mobile:before {
    display: none !important;
  }

  .flex-table .flex-table-cell.cell-end {
    justify-content: flex-start !important;
  }

  .flex-table .flex-table-cell.cell-end .btn-group {
    margin-left: auto;
  }

  .flex-table .flex-table-cell.is-user span {
    font-size: 1.2rem;
  }

  .flex-table .flex-table-cell > span,
.flex-table .flex-table-cell > .is-pushed-mobile {
    margin-left: auto;
  }

  .flex-table .flex-table-cell > span.no-push,
.flex-table .flex-table-cell > .is-pushed-mobile.no-push {
    margin-left: 0 !important;
  }

  .flex-table .flex-table-item {
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    padding: 20px;
    margin-bottom: 16px;
  }

  .flex-table .flex-table-item:last-child {
    margin-bottom: 0;
  }

  .flex-table .flex-table-item > div {
    border: none !important;
  }

  .pagination-next.has-chevron,
.pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .flex-table .flex-table-cell.is-user img {
    min-width: 50px;
  }

  .pagination-next.has-chevron,
.pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }

  .pagination-next {
    margin-right: auto;
  }
}
.sandy_tooltip {
  background: 0 0;
  position: absolute;
  z-index: 8000;
}

.sandy_tooltip .sandy_tooltip_Message {
  background: #fff;
  color: #000;
  font-size: 13px;
  *margin-right: 0;
  max-width: 250px;
  padding: 20px;
  position: relative;
  _width: expression(document.body.clientWidth > 250px ? "250px": "auto");
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  border-radius: 20px;
}

.sandy_tooltip .sandy_tooltip_Message.sandy_tooltip_Has_Close {
  padding-right: 23px;
}

.sandy_tooltip .sandy_tooltip_Arrow {
  position: absolute;
  width: 28px;
  height: 14px;
  overflow: hidden;
  display: none;
}

.sandy_tooltip .sandy_tooltip_Arrow.sandy_tooltip_Arrow_Bottom {
  bottom: 2px;
}

.sandy_tooltip .sandy_tooltip_Arrow.sandy_tooltip_Arrow_Bottom div {
  top: 0;
  border-color: #000 transparent transparent;
  _border-bottom-color: pink;
}

.sandy_tooltip .sandy_tooltip_Arrow.sandy_tooltip_Arrow_Bottom div.sandy_tooltip_Arrow_Border {
  border-color: #fff transparent transparent;
}

.sandy_tooltip .sandy_tooltip_Arrow.sandy_tooltip_Arrow_Top {
  top: 2px;
}

.sandy_tooltip .sandy_tooltip_Arrow.sandy_tooltip_Arrow_Top div {
  bottom: 0;
  border-color: transparent transparent #000;
  _border-top-color: pink;
}

.sandy_tooltip .sandy_tooltip_Arrow.sandy_tooltip_Arrow_Top div.sandy_tooltip_Arrow_Border {
  border-color: transparent transparent #fff;
}

.sandy_tooltip .sandy_tooltip_Arrow div {
  position: absolute;
  border-style: solid;
  border-width: 10px;
  width: 0;
  height: 0;
  left: 4px;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

.sandy_tooltip .sandy_tooltip_Arrow div.sandy_tooltip_Arrow_Border {
  border-width: 14px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  left: 0;
}

.sandy_tooltip .sandy_tooltip_Close {
  color: #fff;
  background: #222;
  border-radius: 15px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  padding: 0 4px;
  position: absolute;
  right: 2px;
  text-decoration: none;
  top: 2px;
}

.sandy_tooltip .sandy_tooltip_Close:hover {
  color: #000;
  background: #fff;
}

/*-----------------------
    Footer
-----------------------*/
.footer {
  border: 1px solid rgba(119, 126, 144, 0.3);
}

body.dark .footer {
  border-color: #353945;
}

.footer-row {
  display: flex;
  border-bottom: 1px solid #E6E8EC;
}

@media only screen and (max-width: 1023px) {
  .footer-row {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .footer-row {
    padding: 64px 0 48px;
  }
}
body.dark .footer-row {
  border-color: #353945;
}

.footer-col {
  padding: 80px 86px 64px;
}
@media (max-width: 992px) {
  .footer-col {
    padding: 0;
  }
}
.footer-col:first-child {
  flex-grow: 1;
  padding-right: 32px;
}
.footer-col:nth-child(2) {
  display: flex;
  border-left: 1px solid #E6E8EC;
}
.footer-col:nth-child(3) {
  flex-shrink: 0;
  width: 384px;
  border-left: 1px solid #E6E8EC;
  padding-right: 0;
}

@media only screen and (max-width: 1023px) {
  .footer-col:first-child {
    position: relative;
    margin-bottom: 32px;
    padding: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .footer-col:nth-child(2) {
    width: 276px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-col:nth-child(2) {
    width: auto;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-col:nth-child(2) {
    display: block;
    border-width: 1px 0;
    border-style: solid;
    border-color: #E6E8EC;
  }

  body.dark .footer-col:nth-child(2) {
    border-color: #353945;
  }
}
@media only screen and (max-width: 1179px) {
  .footer-col:nth-child(3) {
    width: 304px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-col:nth-child(3) {
    width: 100%;
    padding: 0;
  }
}
.footer-logo {
  display: inline-block;
  margin-bottom: 32px;
}
.footer-logo img {
  width: 128px;
}

.footer-info {
  max-width: 256px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1179px) {
  .footer-info {
    font-size: 16px;
  }
}
.footer-theme {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

@media only screen and (max-width: 1023px) {
  .footer-theme {
    position: absolute;
    top: 5px;
    right: 0;
    margin: 0;
  }
}
.footer-details {
  margin-right: 16px;
  font-size: 12px;
  line-height: 1.66667;
}

@media only screen and (max-width: 767px) {
  .footer-details {
    margin-right: 10px;
  }
}
.footer-group {
  flex: 0 0 50%;
}
.footer-group:first-child {
  padding-right: 16px;
}
.footer-group:nth-child(2) {
  padding-left: 16px;
}

@media only screen and (max-width: 767px) {
  .footer-group:first-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-group:nth-child(2) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-group:not(:last-child) {
    border-bottom: 1px solid #E6E8EC;
  }

  body.dark .footer-group:not(:last-child) {
    border-color: #353945;
  }
}
.footer-head {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.footer-head .icon {
  display: none;
}
.footer-head.active .icon {
  transform: translateY(-50%) rotate(180deg);
}

@media only screen and (max-width: 1023px) {
  .footer-head {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-head {
    position: relative;
    margin-bottom: 0;
    padding: 32px 32px 32px 0;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) {
  .footer-head .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
    fill: #777E90;
    transition: transform 0.2s;
  }
}
@media only screen and (min-width: 768px) {
  .footer-body {
    display: flex !important;
  }
}
@media only screen and (max-width: 767px) {
  .footer-body {
    display: none;
    padding-bottom: 32px;
  }
}
.footer-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-link {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 700;
  color: #777E90;
  transition: color 0.2s;
}
.footer-link:hover {
  color: #3772FF;
}
.footer-link:not(:last-child) {
  margin-bottom: 24px;
}

.footer-category {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.footer-text {
  margin-bottom: 24px;
}

.footer-foot {
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  font-size: 12px;
  line-height: 1.66667;
}

@media only screen and (max-width: 767px) {
  .footer-foot {
    display: block;
    padding: 24px 0 32px;
  }
}
.footer-copyright {
  color: #777E90;
}

@media only screen and (max-width: 767px) {
  .footer-copyright {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer-note {
    display: none;
  }
}
.footer-note a {
  margin-left: 16px;
  font-weight: 600;
  color: #3772FF;
  transition: color 0.2s;
}
.footer-note a:hover {
  color: #044eff;
}

/*-----------------------
    Common
-----------------------*/
.center {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
}

@media only screen and (max-width: 1023px) {
  .center {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .center {
    padding: 0 32px;
  }
}
/*-----------------------------
  need_help
-----------------------------*/
.need-help-sec .block-help {
  position: relative;
  overflow: hidden;
  background-color: #040309;
  border-radius: 12px;
  padding: 3rem;
  z-index: 1;
}

.need-help-sec .block-help-overlay {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.14;
  height: 100%;
  width: 100%;
  background-position: 98% 96%;
  z-index: -1;
}
.need-help-sec .block-help-overlay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .need-help-sec .block-help:before {
    background-size: 180%;
  }
}
.need-help-sec .item-help {
  margin-top: 2rem;
}

.need-help-sec .item-help span {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 0.3rem;
}

.need-help-sec .item-help p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.need-help-sec .img-help {
  width: 300px;
  display: flex;
  margin: auto;
}

.popular__item {
  padding: 24px;
  border-radius: 16px;
  background: #FCFCFD;
  transition: box-shadow 0.2s;
}

body.dark .popular__item {
  background: #141416;
}

.popular__item:hover {
  box-shadow: 0px 64px 64px -48px rgba(31, 47, 70, 0.12);
}

.popular__item:hover .popular__avatar {
  width: 80px;
}

@media only screen and (max-width: 1179px) {
  .popular__item:hover .popular__avatar {
    width: 64px;
  }
}
.popular__head {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E6E8EC;
}

body.dark .popular__head {
  border-color: #353945;
}

.popular__rating {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: auto;
  padding: 0 8px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 600;
  color: #FCFCFD;
}

.popular__icon {
  margin-right: 4px;
}

.popular__icon img {
  width: 16px;
}

.popular__control {
  display: flex;
}

.popular__button .icon {
  width: 24px;
  height: 24px;
  fill: #B1B5C3;
  transition: fill 0.2s;
}

.popular__button:hover .icon {
  fill: #3772FF;
}

.popular__button:not(:last-child) {
  margin-right: 8px;
}

.popular__add {
  position: relative;
}

.popular__add .icon {
  transition: all 0.2s;
}

.popular__add .icon:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.popular__add.active .icon:first-child {
  opacity: 0;
}

.popular__add.active .icon:nth-child(2) {
  opacity: 1;
}

.popular__body {
  text-align: center;
}

.popular__avatar {
  position: relative;
  width: 64px;
  margin: 0 auto 16px;
  transition: width 0.2s;
}

.popular__avatar:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.popular__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.popular__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.05);
}

.popular__reward {
  position: absolute;
  right: -4px;
  bottom: -4px;
}

.popular__name {
  margin-bottom: 2px;
  font-weight: 500;
}

.popular__price {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}

.popular__price span {
  font-weight: 600;
  color: #23262F;
}

body.dark .popular__price span {
  color: #E6E8EC;
}

.search__form {
  position: relative;
  z-index: 3;
  max-width: 496px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
}

.search__input {
  width: 100%;
  height: 64px;
  padding: 0 64px 0 30px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 1.33333;
  font-weight: 500;
  color: #11142D;
}

.search__input::-moz-placeholder {
  color: #808191;
}

.search__input:-ms-input-placeholder {
  color: #808191;
}

.search__input::placeholder {
  color: #808191;
}

.search__btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 64px;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search__btn .icon {
  font-size: 20px;
  fill: #11142D;
  transition: fill 0.2s;
  width: 1em;
  height: 1em;
}

.search__btn:hover .icon {
  fill: #355DFF;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group .list-group-item {
  display: inline-flex;
  position: relative;
  padding: 0.75rem 1.25rem;
  padding-left: 0;
  background: #fff;
  align-items: flex-start;
}
.list-group .list-group-item i {
  font-weight: 800;
  font-size: 20px;
}
.list-group .list-group-item .media-body {
  flex: 1;
}

.title-sections .before-title span {
  color: #0b2238;
  font-size: 1rem;
  font-weight: 500;
}
.title-sections .before-title span:last-child {
  color: #f28e1c;
}
.title-sections h2 {
  font-size: 1.875rem;
  margin-bottom: 0.6rem !important;
  font-weight: 600;
  color: #0b2238;
}
.title-sections p {
  color: #6c7a87;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}

/*
#home-features, #screenshots {
  padding: 80px 0 120px;
}

#home-features .container, #screenshots .container {
  border-radius: 20px;
  padding: 86px 0 64px;
  background: #fff8ff;
  transition: background-color 0.6s linear;
}

#home-features h3, #screenshots h3 {
  max-width: 640px;
  padding: 0 40px;
  margin-bottom: 60px;
}
h2.black-section-title, h3.black-section-title {
    font-weight: 900!important;
    font-size: 50px!important;
    line-height: 50px!important;
    letter-spacing: -.01em;
    color: #212e44;
    margin-bottom: 24px;
}

#home-features .module, #screenshots .module {
  display: -webkit-flex;
  display: flex;
}

#home-features .module-text, #screenshots .module-text {
  width: 50%;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 40px;
}

#home-features .module-img, #screenshots .module-img {
  width: 50%;
  -webkit-flex: 1;
  flex: 1;
}

#home-features .module-img img, #screenshots .module-img img {
  display: block;
  margin: 0 auto;
}

#home-features .module-img .screenshot-container, #screenshots .module-img .screenshot-container {
  position: relative;
  width: 100%;
  height: 534px;
  z-index: 1;
}

#home-features .module-img .screenshot, #screenshots .module-img .screenshot {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 66px 120px rgba(255, 227, 251, 0.5);
  border-radius: 10px;
  border: 7px solid #fff;
  border-right: none;
  width: auto;
  height: 534px;
  z-index: 1;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-clip-path: inset((-100px) 0 -200px -100px);
  clip-path: inset((-100px) 0 -200px -100px);
}

#home-features .module-img .top-accent, #screenshots .module-img .top-accent {
  background-size: contain;
  background-repeat: no-repeat;
  width: 294px;
  height: 252px;
  position: absolute;
  top: -130px;
  left: 90px;
  z-index: 4;
}

#home-features .module-img .bottom-accent, #screenshots .module-img .bottom-accent {
  background-size: contain;
  background-repeat: no-repeat;
  width: 124px;
  height: 124px;
  position: absolute;
  bottom: -100px;
  left: 400px;
  z-index: 4;
}

#home-features .feature-row, #screenshots .feature-row {
  padding: 40px 29px;
  transition: background-color 0.6s linear;
}

#home-features .feature-row, #screenshots .feature-row{
  h4{
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #212e44;
  }
}

#home-features .feature-row:not(:first-of-type), #screenshots .feature-row:not(:first-of-type) {
  border-top: 1px solid rgba(33, 46, 68, 0.1);
}

#home-features .feature-row button, #screenshots .feature-row button {
  background: transparent;
  width: 100%;
  outline: none;
  border: none;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#home-features .feature-row button h4, #screenshots .feature-row button h4 {
  -webkit-flex: 1;
  flex: 1;
  margin-right: 33%;
  margin-bottom: 0;
}

#home-features .feature-row button .feature-icon, #screenshots .feature-row button .feature-icon {
  background: #fff;
  color: #fb89c0;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#home-features .feature-row button .feature-icon i.chevron-up, #screenshots .feature-row button .feature-icon i.chevron-up {
  width: 14px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.033 7l5-5 5 5' stroke='%23FB89C0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#home-features .feature-row button .feature-icon i.chevron-down, #screenshots .feature-row button .feature-icon i.chevron-down {
  width: 14px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.454 2l-5 5-5-5' stroke='%23FB89C0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#home-features .feature-row button:hover .feature-icon, #screenshots .feature-row button:hover .feature-icon {
  color: #fb89c0;
}

#home-features .feature-row .feature-text, #screenshots .feature-row .feature-text {
  margin-top: 16px;
  padding-right: 80px;
}

#home-features .feature-row .feature-text p, #screenshots .feature-row .feature-text p {
  max-width: 361px;
}

#home-features .feature-row {
  .feature-icon .chevron-up, .feature-text {
    display: none;
  }
}

#screenshots .feature-row {
  .feature-icon .chevron-up, .feature-text {
    display: none;
  }
}

#home-features .feature-row.no-border, #screenshots .feature-row.no-border {
  border: none;
}

#home-features .feature-row.open-feature, #screenshots .feature-row.open-feature {
  border-radius: 5px;
  background: #ffe4fb;
  border-top: none;
}

#home-features .feature-row.open-feature {
  .feature-icon .chevron-up, .feature-text {
    display: block;
  }
}

#screenshots .feature-row.open-feature {
  .feature-icon .chevron-up, .feature-text {
    display: block;
  }
}

#home-features .feature-row.open-feature .feature-icon .chevron-down, #screenshots .feature-row.open-feature .feature-icon .chevron-down {
  display: none;
}

#home-features .feature-row.open-feature button, #screenshots .feature-row.open-feature button {
  cursor: default;
}

#home-features .feature-row.open-feature + .feature-row {
  border-top: none;
}

#screenshots {
  .feature-row {
    &.open-feature + .feature-row {
      border-top: none;
    }

    &:first-of-type {
      margin-top: 60px;
    }
  }

  .module-img .screenshot-container {
    margin-top: -40px;
  }

  .container {
    padding-top: 150px;
  }

  h3 {
    margin-bottom: 0;
  }
}

@media (min-width: 1400px) {
  #home-features .container, #screenshots .container {
    max-width: 1321px;
    padding-bottom: 150px;
  }
}

@media (min-width: 1200px) {
  #home-features .container, #screenshots .container {
    padding-bottom: 150px;
  }

  #home-features h3, #screenshots h3 {
    padding: 0 40px 0 150px;
  }

  #home-features .module-text, #screenshots .module-text {
    -webkit-flex: unset;
    flex: unset;
    padding: 0 40px 0 110px;
  }

  #home-features .module-img, #screenshots .module-img {
    -webkit-flex: unset;
    flex: unset;
  }
}

@media (max-width: 768px) {
  #home-features .container, #screenshots .container {
    width: auto;
    margin: 0 10px;
    padding: 36px 0;
  }

  #home-features h3.black--title, #screenshots h3.black--title {
    padding: 0 27px;
    max-width: none;
  }

  #home-features .module, #screenshots .module {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }

  #home-features .module .module-text, #screenshots .module .module-text {
    padding: 0;
    width: 100%;
  }

  #home-features .module .module-text p, #screenshots .module .module-text p {
    font-size: 16px;
    line-height: 23px;
    padding-right: 40px;
  }

  #home-features .module .module-text .feature-row, #screenshots .module .module-text .feature-row {
    padding: 20px;
    margin-top: 0;
  }

  #home-features .module .module-text .feature-row .feature-text, #screenshots .module .module-text .feature-row .feature-text {
    padding-right: 0;
  }

  #home-features .module .module-text .feature-row.open-feature, #screenshots .module .module-text .feature-row.open-feature {
    border-radius: 0;
  }

  #home-features .module .module-text .feature-row button h4, #screenshots .module .module-text .feature-row button h4 {
    margin-right: 0;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 0;
    padding-right: 40px;
  }

  #home-features .module .module-img, #screenshots .module .module-img {
    width: auto;
    padding-left: 27px;
    margin-top: 32px;
  }

  #home-features .module .module-img {
    .bottom-accent, .top-accent {
      display: none;
    }
  }

  #screenshots .module .module-img {
    .bottom-accent, .top-accent {
      display: none;
    }
  }

  #home-features .module .module-img {
    .screenshot, .screenshot-container {
      width: auto;
      height: 400px;
    }
  }

  #screenshots .module .module-img {
    .screenshot, .screenshot-container {
      width: auto;
      height: 400px;
    }
  }
}

@media (max-width: 768px) {
  #home-features, #screenshots {
    padding: 40px 0;
  }

  #home-features .container, #screenshots .container {
    padding-bottom: 0;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  #home-features .module-img, #screenshots .module-img {
    display: none;
  }

  #home-features {
    .screenshot, .screenshot-container {
      width: auto;
      height: 250px;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 40px;
      border-radius: 10px;
      margin-right: -40px;
    }
  }

  #screenshots {
    .screenshot, .screenshot-container {
      width: auto;
      height: 250px;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 40px;
      border-radius: 10px;
      margin-right: -40px;
    }
  }

  #home-features .screenshot.mobile-screenshot, #screenshots .screenshot.mobile-screenshot {
    margin-right: -20px;
    border-radius: 10px 0 0 10px;
  }
}

@media (min-width: 1200px) {
  #screenshots h3 {
    padding-right: 80px;
  }
}

@media (min-width: 769px) and (max-width: 1199px) {
  #screenshots h3 {
    padding-right: 150px;
  }
}

@media (max-width: 768px) {
  #screenshots {
    .container {
      padding-top: 36px;
    }

    h3 {
      margin-bottom: 60px;
    }
  }
}
.feature-row .feature-text p {
   margin-bottom: 35px;
}
#home-features {

  .button{
    outline: none;
    border: none;
    display: inline-block;
    white-space: nowrap;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: auto;
    padding: 16px 24px;
    border-radius: 2em;
    font-weight: 800;
    font-size: 17px;
    text-align: center;
    letter-spacing: -.02em;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    padding-right: 60px;
    background: #fff;
    color: #000;
    display: inline-flex;
    box-shadow: none;
    align-items: center;
    justify-content: center;
  }
  &.buddy-inbox .bottom-accent {
    width: 455px;
    height: 244px;
    bottom: -192px;
    left: 91px;
    z-index: 4;
  }

  &.buddy-publishing .bottom-accent {
    background-image: url(/assets/home-publishing-buddy.png) !important;
    width: 472px;
    height: 254px;
    bottom: -190px;
    left: 70px;
    z-index: 4;
  }

  &.buddy-monitoring .bottom-accent {
    background-image: url(/assets/home-monitoring-buddy.png) !important;
    width: 529px;
    height: 282px;
    bottom: -204px;
    left: 25px;
    z-index: 4;
  }

  &.buddy-reporting .bottom-accent {
    background-image: url(/assets/home-reporting-buddy.png) !important;
    width: 544px;
    height: 339px;
    bottom: -231px;
    left: 48px;
    z-index: 4;
  }

  &.buddy-teams .bottom-accent {
    background-image: url(/assets/home-teams-buddy.png);
    width: 490px;
    height: 301px;
    bottom: -200px;
    left: 19px;
    z-index: 4;
  }

  &.inbox {
    .container {
      background: #fff7f3;
    }

    .feature-row {
      &.open-feature {
        background: rgba(255, 103, 38, 0.2);
      }

      button .feature-icon i {
        &.chevron-up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.033 7l5-5 5 5' stroke='%23FF6726' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }

        &.chevron-down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.454 2l-5 5-5-5' stroke='%23FF6726' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    a.button.hero-button {
      box-shadow: 0 19px 40px -10px rgba(255, 103, 38, 0.3);
    }

    .screenshot {
      box-shadow: 0 66px 120px rgba(255, 103, 38, 0.1);
    }
  }

  &.publishing {
    .container {
      background: #f6f5ff;
    }

    .feature-row {
      &.open-feature {
        background: rgba(122, 102, 240, 0.2);
      }

      button .feature-icon i {
        &.chevron-up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.033 7l5-5 5 5' stroke='%237A66F0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }

        &.chevron-down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.454 2l-5 5-5-5' stroke='%237A66F0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    a.button.hero-button {
      box-shadow: 0 19px 40px -10px rgba(122, 102, 240, 0.3);
      color: #7a66f0;

      &:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%237A66F0' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%237A66F0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }

      &:active, &:focus {
        background: #7a66f0;
        color: #fff;
      }

      &:hover {
        background: #7a66f0;
        color: #fff;

        &:after {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    .screenshot {
      box-shadow: 0 66px 120px rgba(122, 102, 240, 0.1);
    }
  }

  &.monitoring {
    .container {
      background: #f3fffe;
    }

    .feature-row {
      &.open-feature {
        background: rgba(47, 217, 196, 0.2);
      }

      button .feature-icon i {
        &.chevron-up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.033 7l5-5 5 5' stroke='%232FD9C4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }

        &.chevron-down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.454 2l-5 5-5-5' stroke='%232FD9C4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    a.button.hero-button {
      color: #2fd9c4;
      box-shadow: 0 19px 40px -10px rgba(47, 217, 196, 0.3);

      &:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232FD9C4' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%232FD9C4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }

      &:active, &:focus {
        background: #2fd9c4;
        color: #fff;
      }

      &:hover {
        background: #2fd9c4;
        color: #fff;

        &:after {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    .screenshot {
      box-shadow: 0 66px 120px rgba(47, 217, 196, 0.1);
    }
  }

  &.reporting {
    .container {
      background: #f5fdff;
    }

    .feature-row {
      &.open-feature {
        background: rgba(58, 158, 254, 0.2);
      }

      button .feature-icon i {
        &.chevron-up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.033 7l5-5 5 5' stroke='%233A9EFE' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }

        &.chevron-down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.454 2l-5 5-5-5' stroke='%233A9EFE' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    a.button.hero-button {
      color: #3a9efe;
      box-shadow: 0 19px 40px -10px rgba(58, 158, 254, 0.3);

      &:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%233A9EFE' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%233A9EFE' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }

      &:active, &:focus {
        background: #3a9efe;
        color: #fff;
      }

      &:hover {
        background: #3a9efe;
        color: #fff;

        &:after {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    .screenshot {
      box-shadow: 0 66px 120px rgba(58, 158, 254, 0.1);
    }
  }

  &.teams {
    a.button.hero-button {
      color: #fb89bf;
      box-shadow: 0 19px 40px -10px rgba(251, 137, 191, 0.3);

      &:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FB89BF' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%23FB89BF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }

      &:active, &:focus {
        background: #fb89bf;
        color: #fff;
      }

      &:hover {
        background: #fb89bf;
        color: #fff;

        &:after {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2.5' stroke-linecap='round' d='M1.25 7.25h16.5'/%3E%3Cpath d='M16 1.5L20 7l-4 5.5' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    .screenshot {
      box-shadow: 0 66px 120px rgba(58, 158, 254, 0.1);
      background-image: url(/assets/home-screen-teams.png);
    }
  }

  &.agency-workflow {
    .container {
      background: #fffcf5;
    }

    .feature-row {
      &.open-feature {
        background: #ffda7d;
      }

      button .feature-icon i {
        &.chevron-up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.033 7l5-5 5 5' stroke='%23FFC736' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }

        &.chevron-down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.454 2l-5 5-5-5' stroke='%23FFC736' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }

    .screenshot {
      box-shadow: 0 66px 120px rgba(255, 230, 191, 0.5);
    }
  }
}*/
.shimmer-line {
  height: 10px;
  margin-top: 20px;
  background: #777;
}

.shimmer-line-br {
  border-radius: 8px;
}

.shimmer-line-full {
  width: 100%;
}

.shimmer-line-80 {
  width: 80%;
}

.shimmer-line-60 {
  width: 60%;
}

.shimmer-line-40 {
  width: 40%;
}

.shimmer-line-20 {
  width: 20%;
}

.shimmer-line-10 {
  width: 10%;
}

.shimmer-circle {
  background: #777;
  border-radius: 50%;
}

.shimmer-circle-lg {
  height: 129px;
  width: 129px;
}

.shimmer-circle-md {
  height: 65px;
  width: 65px;
}

.shimmer-circle-sm {
  height: 33px;
  width: 33px;
}

.shimmer-circle-x-sm {
  height: 17px;
  width: 17px;
}

.shimmer-wrapper {
  width: 100%;
  height: 100%;
  -webkit-animation: shimmer-full-view 0.5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: shimmer-full-view 0.5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@-webkit-keyframes shimmer-full-view {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@keyframes shimmer-full-view {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@-webkit-keyframes shimmer-animation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes shimmer-animation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.shimmer-animate {
  -webkit-animation: shimmer-animation 2s infinite linear;
          animation: shimmer-animation 2s infinite linear;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
}

.max-w-container {
  max-width: 780px;
}

@media (min-width: 481px) {
  .sm\:max-w-100 {
    max-width: 400px;
  }
}
.bg-canvas {
  background-color: #f9f9fb;
}

.bg-surface-0 {
  background-color: #fff;
}

.bg-surface-10 {
  background-color: #eeeef1;
}

.bg-surface-100 {
  background-color: #000;
}

.bg-surface-20 {
  background-color: #e6e6ea;
}

.bg-surface-5 {
  background-color: #f9f9fb;
}

.text-text-medium {
  color: #64676b;
}

.text-0\.8125 {
  font-size: 0.8125rem;
}

.text-text {
  color: #0d0d0e;
}

.text-0\.875 {
  font-size: 0.875rem;
}

.text-0\.75 {
  font-size: 0.75rem;
}

.bg-black\/20 {
  background-color: #0003;
}

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

.w-\[21rem\] {
  width: 21rem;
}

.w-\[23rem\] {
  width: 23rem;
}

.w-\[26rem\] {
  width: 26rem;
}

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

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

.w-\[720px\] {
  width: 720px !important;
}

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

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

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

.tippy-box[data-animation=scale-subtle][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=scale-subtle][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=scale-subtle][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=scale-subtle][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=scale-subtle][data-state=hidden] {
  transform: scale(0.8);
  opacity: 0;
}

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

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

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

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

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

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

b, strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

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

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

textarea {
  resize: vertical;
}

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

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

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

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

[type=text], [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000 ;
}

[type=text]:focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder, textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

[multiple] {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
  print-color-adjust: unset;
}

[type=checkbox], [type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000 ;
}

[type=checkbox] {
  border-radius: 0;
}

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

[type=checkbox]:focus, [type=radio]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type=checkbox]:checked, [type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type=file] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type=file]:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

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

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

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

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

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

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

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

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

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

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

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

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}

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

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

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

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

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

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

.-left-20 {
  left: -5rem;
}

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

.-right-10 {
  right: -2.5rem;
}

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

.-right-20 {
  right: -5rem;
}

.-right-4 {
  right: -1rem;
}

.-right-5 {
  right: -1.25rem;
}

.-right-\[30\%\] {
  right: -30%;
}

.-top-12 {
  top: -3rem;
}

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

.-top-32 {
  top: -8rem;
}

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

.bottom-0 {
  bottom: 0px;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[6\.6px\] {
  bottom: 6.6px;
}

.left-0 {
  left: 0px;
}

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

.left-4 {
  left: 1rem;
}

.left-6 {
  left: 1.5rem;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-10 {
  right: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.top-0 {
  top: 0px;
}

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

.top-10 {
  top: 2.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.isolate {
  isolation: isolate;
}

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

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

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

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

.z-\[100\] {
  z-index: 100;
}

.z-\[101\] {
  z-index: 101;
}

.z-\[40\] {
  z-index: 40;
}

.z-\[99\] {
  z-index: 99;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

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

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

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

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

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

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

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

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

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

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

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

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

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

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

.-ml-1\.5 {
  margin-left: -0.375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-0\.5 {
  margin-left: 0.125rem;
}

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

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

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

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

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

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

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

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

.mr-0\.5 {
  margin-right: 0.125rem;
}

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

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

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

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

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

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

.mt-0\.5 {
  margin-top: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.h-0 {
  height: 0px;
}

.h-1 {
  height: 0.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-52 {
  height: 13rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-60 {
  height: 15rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

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

.h-\[15\%\] {
  height: 15%;
}

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

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

.h-\[75\%\] {
  height: 75%;
}

.h-\[90\%\] {
  height: 90%;
}

.h-\[95\%\] {
  height: 95%;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-96 {
  max-height: 24rem;
}

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

.max-h-\[28rem\] {
  max-height: 28rem;
}

.max-h-\[36rem\] {
  max-height: 36rem;
}

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

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

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

.min-h-screen {
  min-height: 100vh;
}

.w-0 {
  width: 0px;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-96 {
  width: 24rem;
}

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

.w-\[21rem\] {
  width: 21rem;
}

.w-\[23rem\] {
  width: 23rem;
}

.w-\[26rem\] {
  width: 26rem;
}

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

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

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

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.min-w-\[10rem\] {
  min-width: 10rem;
}

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

.min-w-\[18rem\] {
  min-width: 18rem;
}

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

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

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

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

.min-w-full {
  min-width: 100%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

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

.max-w-\[15rem\] {
  max-width: 15rem;
}

.max-w-\[18rem\] {
  max-width: 18rem;
}

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

.max-w-\[22rem\] {
  max-width: 22rem;
}

.max-w-\[25rem\] {
  max-width: 25rem;
}

.max-w-\[30rem\] {
  max-width: 30rem;
}

.max-w-\[34rem\] {
  max-width: 34rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-none {
  flex: none;
}

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

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

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

.table-fixed {
  table-layout: fixed;
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-top-left {
  transform-origin: top left;
}

.origin-top-right {
  transform-origin: top right;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-6 {
  --tw-translate-x: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-2 {
  --tw-translate-x: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-3 {
  --tw-translate-x: .75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.translate-y-1 {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

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

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

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

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

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

.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-\[-1\] {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

@-webkit-keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
      user-select: all;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0px;
}

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

.gap-1 {
  gap: 0.25rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

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

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-8 {
  gap: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246/var(--tw-divide-opacity));
}

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

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

.overflow-x-visible {
  overflow-x: visible;
}

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

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

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

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

.rounded {
  border-radius: 0.25rem;
}

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

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

.rounded-\[2rem\] {
  border-radius: 2rem;
}

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

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

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

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

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

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

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

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

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.border {
  border-width: 1px;
}

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

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

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

.border-\[1\.5px\] {
  border-width: 1.5px;
}

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

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

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

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

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

.border-amber-500\/0 {
  border-color: #f59e0b00;
}

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

.border-emerald-500\/0 {
  border-color: #10b98100;
}

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

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235/var(--tw-border-opacity));
}

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

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

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(103 1 230/var(--tw-border-opacity));
}

.border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(202 160 255/var(--tw-border-opacity));
}

.border-primary\/10 {
  border-color: #6701e61a;
}

.border-primary\/20 {
  border-color: #6701e633;
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

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

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

.border-white\/20 {
  border-color: #fff3;
}

.border-zinc-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231/var(--tw-border-opacity));
}

.border-zinc-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216/var(--tw-border-opacity));
}

.bg-\[\#FF4A00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 74 0/var(--tw-bg-opacity));
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36/var(--tw-bg-opacity));
}

.bg-amber-500\/20 {
  background-color: #f59e0b33;
}

.bg-amber-500\/30 {
  background-color: #f59e0b4d;
}

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

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246/var(--tw-bg-opacity));
}

.bg-blue-500\/20 {
  background-color: #3b82f633;
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235/var(--tw-bg-opacity));
}

.bg-blue-600\/5 {
  background-color: #2563eb0d;
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216/var(--tw-bg-opacity));
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229/var(--tw-bg-opacity));
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153/var(--tw-bg-opacity));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245/var(--tw-bg-opacity));
}

.bg-emerald-500\/20 {
  background-color: #10b98133;
}

.bg-emerald-500\/30 {
  background-color: #10b9814d;
}

.bg-emerald-600\/20 {
  background-color: #05966933;
}

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

.bg-gray-100\/50 {
  background-color: #f3f4f680;
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity));
}

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

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

.bg-gray-500\/50 {
  background-color: #6b728080;
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99/var(--tw-bg-opacity));
}

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

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

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

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119/var(--tw-bg-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: #87B184;
}

.bg-primary-base\/10 {
  background-color: #6701e61a;
}

.bg-primary-base\/20 {
  background-color: #6701e633;
}

.bg-primary-base\/5 {
  background-color: #6701e60d;
}

.bg-primary\/10 {
  background-color: #6701e61a;
}

.bg-primary\/20 {
  background-color: #6701e633;
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113/var(--tw-bg-opacity));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242/var(--tw-bg-opacity));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233/var(--tw-bg-opacity));
}

.bg-sky-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
}

.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244/var(--tw-bg-opacity));
}

.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166/var(--tw-bg-opacity));
}

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

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

.bg-white\/10 {
  background-color: #ffffff1a;
}

.bg-white\/20 {
  background-color: #fff3;
}

.bg-white\/30 {
  background-color: #ffffff4d;
}

.bg-white\/40 {
  background-color: #fff6;
}

.bg-white\/50 {
  background-color: #ffffff80;
}

.bg-white\/60 {
  background-color: #fff9;
}

.bg-white\/75 {
  background-color: #ffffffbf;
}

.bg-white\/80 {
  background-color: #fffc;
}

.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245/var(--tw-bg-opacity));
}

.bg-zinc-100\/10 {
  background-color: #f4f4f51a;
}

.bg-zinc-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231/var(--tw-bg-opacity));
}

.bg-zinc-200\/70 {
  background-color: #e4e4e7b3;
}

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

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-black\/5 {
  --tw-gradient-from: rgb(0 0 0 / .05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-black\/70 {
  --tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-blue-500\/5 {
  --tw-gradient-from: rgb(59 130 246 / .05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-gray-100 {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-gray-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-primary {
  --tw-gradient-from: #6701E6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(103 1 230 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-primary-300 {
  --tw-gradient-from: #923AFE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(146 58 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-slate-800\/90 {
  --tw-gradient-from: rgb(30 41 59 / .9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-violet-500 {
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) ;
}

.via-fuchsia-500 {
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to) ;
}

.via-primary-300 {
  --tw-gradient-to: rgb(146 58 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #923AFE var(--tw-gradient-via-position), var(--tw-gradient-to) ;
}

.via-red-400 {
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to) ;
}

.via-white\/40 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to) ;
}

.via-white\/90 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .9) var(--tw-gradient-via-position), var(--tw-gradient-to) ;
}

.via-yellow-300 {
  --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to) ;
}

.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position) ;
}

.to-black\/0 {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) ;
}

.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position) ;
}

.to-cyan-300 {
  --tw-gradient-to: #67e8f9 var(--tw-gradient-to-position) ;
}

.to-gray-100\/0 {
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position) ;
}

.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position) ;
}

.to-orange-300 {
  --tw-gradient-to: #fdba74 var(--tw-gradient-to-position) ;
}

.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position) ;
}

.to-pink-300 {
  --tw-gradient-to: #f9a8d4 var(--tw-gradient-to-position) ;
}

.to-pink-600 {
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position) ;
}

.to-primary-200 {
  --tw-gradient-to: #A863FE var(--tw-gradient-to-position) ;
}

.to-primary-50 {
  --tw-gradient-to: #CAA0FF var(--tw-gradient-to-position) ;
}

.to-primary\/0 {
  --tw-gradient-to: rgb(103 1 230 / 0) var(--tw-gradient-to-position) ;
}

.to-red-500 {
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position) ;
}

.to-sky-900 {
  --tw-gradient-to: #0c4a6e var(--tw-gradient-to-position) ;
}

.to-slate-200 {
  --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position) ;
}

.to-slate-900\/80 {
  --tw-gradient-to: rgb(15 23 42 / .8) var(--tw-gradient-to-position) ;
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position) ;
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position) ;
}

.to-white\/0 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) ;
}

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

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

.fill-current {
  fill: currentColor;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-left {
  -o-object-position: left;
  object-position: left;
}

.object-left-top {
  -o-object-position: left top;
  object-position: left top;
}

.object-top {
  -o-object-position: top;
  object-position: top;
}

.p-0 {
  padding: 0;
}

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

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

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

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

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

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

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

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

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

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

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

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

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

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-1\.5 {
  padding-top: 0.375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-body {
  font-family: DM Sans, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
}

.font-heading {
  font-family: Plus Jakarta Sans, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
}

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

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

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

.text-3xl\/snug {
  font-size: 1.875rem;
  line-height: 1.375;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-\[0\.7rem\] {
  font-size: 0.7rem;
}

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

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

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

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

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

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

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-lg\/snug {
  font-size: 1.125rem;
  line-height: 1.375;
}

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

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

.text-xl\/normal {
  font-size: 1.25rem;
  line-height: 1.5;
}

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

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

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

.tracking-wider {
  letter-spacing: 0.05em;
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36/var(--tw-text-opacity));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11/var(--tw-text-opacity));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6/var(--tw-text-opacity));
}

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

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246/var(--tw-text-opacity));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129/var(--tw-text-opacity));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105/var(--tw-text-opacity));
}

.text-fuchsia-600 {
  --tw-text-opacity: 1;
  color: rgb(192 38 211/var(--tw-text-opacity));
}

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

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235/var(--tw-text-opacity));
}

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

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

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

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

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity));
}

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

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

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

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229/var(--tw-text-opacity));
}

.text-lime-400 {
  --tw-text-opacity: 1;
  color: rgb(163 230 53/var(--tw-text-opacity));
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60/var(--tw-text-opacity));
}

.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182/var(--tw-text-opacity));
}

.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153/var(--tw-text-opacity));
}

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119/var(--tw-text-opacity));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(103 1 230/var(--tw-text-opacity));
}

.text-primary-100 {
  --tw-text-opacity: 1;
  color: rgb(191 140 254/var(--tw-text-opacity));
}

.text-primary-200 {
  --tw-text-opacity: 1;
  color: rgb(168 99 254/var(--tw-text-opacity));
}

.text-primary-400 {
  --tw-text-opacity: 1;
  color: rgb(123 18 254/var(--tw-text-opacity));
}

.text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(78 1 174/var(--tw-text-opacity));
}

.text-primary-base {
  --tw-text-opacity: 1;
  color: rgb(103 1 230/var(--tw-text-opacity));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234/var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113/var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38/var(--tw-text-opacity));
}

.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133/var(--tw-text-opacity));
}

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

.text-sky-400 {
  --tw-text-opacity: 1;
  color: rgb(56 189 248/var(--tw-text-opacity));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233/var(--tw-text-opacity));
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246/var(--tw-text-opacity));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237/var(--tw-text-opacity));
}

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

.text-white\/20 {
  color: #fff3;
}

.text-white\/70 {
  color: #ffffffb3;
}

.text-white\/80 {
  color: #fffc;
}

.text-white\/90 {
  color: #ffffffe6;
}

.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216/var(--tw-text-opacity));
}

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

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

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

.text-zinc-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70/var(--tw-text-opacity));
}

.text-opacity-70 {
  --tw-text-opacity: .7 ;
}

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

.decoration-gray-200 {
  -webkit-text-decoration-color: #e5e7eb;
          text-decoration-color: #e5e7eb;
}

.decoration-gray-200\/20 {
  -webkit-text-decoration-color: #e5e7eb33;
          text-decoration-color: #e5e7eb33;
}

.decoration-gray-400 {
  -webkit-text-decoration-color: #9ca3af;
          text-decoration-color: #9ca3af;
}

.decoration-dashed {
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.accent-primary {
  accent-color: #6701E6;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.\!shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-amber-500\/40 {
  --tw-shadow-color: rgb(245 158 11 / .4);
  --tw-shadow: var(--tw-shadow-colored) ;
}

.shadow-black\/50 {
  --tw-shadow-color: rgb(0 0 0 / .5);
  --tw-shadow: var(--tw-shadow-colored) ;
}

.shadow-gray-900\/80 {
  --tw-shadow-color: rgb(17 24 39 / .8);
  --tw-shadow: var(--tw-shadow-colored) ;
}

.shadow-primary\/40 {
  --tw-shadow-color: rgb(103 1 230 / .4);
  --tw-shadow: var(--tw-shadow-colored) ;
}

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

.outline {
  outline-style: solid;
}

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

.outline-1 {
  outline-width: 1px;
}

.outline-primary {
  outline-color: #6701e6;
}

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

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

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

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

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

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

.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) ;
}

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

.ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 1 230 / var(--tw-ring-opacity)) ;
}

.ring-primary\/20 {
  --tw-ring-color: rgb(103 1 230 / .2) ;
}

.ring-transparent {
  --tw-ring-color: transparent ;
}

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

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

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

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

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

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

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

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

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

.duration-100 {
  transition-duration: 0.1s;
}

.duration-150 {
  transition-duration: 0.15s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.duration-300 {
  transition-duration: 0.3s;
}

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

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

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

body {
  font-family: DM Sans, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Plus Jakarta Sans, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
}

.title {
  font-family: Plus Jakarta Sans, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.section-title {
  font-family: Plus Jakarta Sans, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", Segoe UI Symbol;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity));
}

.left-dashboard-container {
  padding-left: 2rem;
  transition-duration: 0.2s;
}

@media (min-width: 1024px) {
  .left-dashboard-container {
    padding-left: 10%;
  }
}
.dashboard-container {
  max-width: 58rem;
}

.dashboard-container-raw {
  max-width: 1460px;
  padding-top: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  transition-duration: 0.2s;
}

@media (min-width: 1024px) {
  .dashboard-container-raw {
    padding-left: 10%;
  }
}
.tag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity));
  outline-color: transparent;
  transition-duration: 0.1s;
}

.tag:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity));
}

.tag:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity));
  outline-color: transparent;
}

.press-animation {
  transition-duration: 0.2s;
}

.press-animation:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sc-bcXHqe .cVjLtn {
  display: flex;
  justify-content: center;
}

.scaler {
  transition-duration: 0.2s;
}

.scaler:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scaler:active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

mark {
  border-radius: 0.25rem;
  background-color: #fde0474d;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  color: inherit;
}

*[inert] *.overflow-y-auto, *[inert] *.overflow-x-auto, *[inert] *.overflow-x-scroll, *[inert] *.overflow-y-scroll {
  overflow: hidden !important;
}

.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}

.file\:rounded-md::file-selector-button {
  border-radius: 0.375rem;
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-gray-200::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity));
}

.file\:bg-primary-base\/10::file-selector-button {
  background-color: #6701e61a;
}

.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-semibold::file-selector-button {
  font-weight: 600;
}

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

.file\:text-violet-600::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(124 58 237/var(--tw-text-opacity));
}

.file\:duration-100::file-selector-button {
  transition-duration: 0.1s;
}

.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:w-4:after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}

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

.after\:shadow-md:after {
  content: var(--tw-content);
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:duration-300:after {
  content: var(--tw-content);
  transition-duration: 0.3s;
}

.checked\:bg-primary:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(103 1 230/var(--tw-bg-opacity));
  border: 0;
}

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

.focus-within\:border-primary-base:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(103 1 230/var(--tw-border-opacity));
}

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

.focus-within\:ring-primary-light\/10:focus-within {
  --tw-ring-color: rgb(145 56 255 / .1) ;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.05\]:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:gap-4:hover {
  gap: 1rem;
}

.hover\:border-amber-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11/var(--tw-border-opacity));
}

.hover\:border-emerald-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129/var(--tw-border-opacity));
}

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

.hover\:border-primary-base:hover {
  --tw-border-opacity: 1;
  border-color: rgb(103 1 230/var(--tw-border-opacity));
}

.hover\:bg-black\/5:hover {
  background-color: #0000000d;
}

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

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity));
}

.hover\:bg-gray-200\/50:hover {
  background-color: #e5e7eb80;
}

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

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99/var(--tw-bg-opacity));
}

.hover\:bg-primary-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(123 18 254/var(--tw-bg-opacity));
}

.hover\:bg-primary\/10:hover {
  background-color: #6701e61a;
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113/var(--tw-bg-opacity));
}

.hover\:bg-stone-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244/var(--tw-bg-opacity));
}

.hover\:bg-stone-200\/40:hover {
  background-color: #e7e5e466;
}

.hover\:bg-white\/10:hover {
  background-color: #ffffff1a;
}

.hover\:bg-white\/20:hover {
  background-color: #fff3;
}

.hover\:bg-white\/30:hover {
  background-color: #ffffff4d;
}

.hover\:bg-zinc-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231/var(--tw-bg-opacity));
}

.hover\:bg-zinc-200\/70:hover {
  background-color: #e4e4e7b3;
}

.hover\:bg-zinc-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity));
}

.hover\:bg-zinc-900\/5:hover {
  background-color: #18181b0d;
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81/var(--tw-text-opacity));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(103 1 230/var(--tw-text-opacity));
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-primary-600\/20:hover {
  --tw-shadow-color: rgb(78 1 174 / .2);
  --tw-shadow: var(--tw-shadow-colored) ;
}

.hover\:outline-gray-300:hover {
  outline-color: #d1d5db;
}

.hover\:outline-white\/70:hover {
  outline-color: #ffffffb3;
}

.hover\:file\:bg-primary-base\/20::file-selector-button:hover {
  background-color: #6701e633;
}

.hover\:checked\:bg-primary-400:checked:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(123 18 254/var(--tw-bg-opacity));
}

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

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(103 1 230/var(--tw-border-opacity));
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

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

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

.focus\:bg-primary-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(123 18 254/var(--tw-bg-opacity));
}

.focus\:pr-0:focus {
  padding-right: 0;
}

.focus\:pr-0\.5:focus {
  padding-right: 0.125rem;
}

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

.focus\:outline-2:focus {
  outline-width: 2px;
}

.focus\:outline-gray-300:focus {
  outline-color: #d1d5db;
}

.focus\:outline-primary:focus {
  outline-color: #6701e6;
}

.focus\:outline-transparent:focus {
  outline-color: transparent;
}

.focus\:outline-white\/70:focus {
  outline-color: #ffffffb3;
}

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

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 1 230 / var(--tw-ring-opacity)) ;
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)) ;
}

.focus\:ring-transparent:focus {
  --tw-ring-color: transparent ;
}

.focus\:ring-violet-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity)) ;
}

.checked\:focus\:bg-primary-400:focus:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(123 18 254/var(--tw-bg-opacity));
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[\.98\]:active {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[\.99\]:active {
  --tw-scale-x: .99;
  --tw-scale-y: .99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

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

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.disabled\:opacity-75:disabled {
  opacity: 0.75;
}

.disabled\:opacity-80:disabled {
  opacity: 0.8;
}

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

.group:hover .group-hover\:flex {
  display: flex !important;
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

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

.group:hover .group-hover\:after\:translate-x-1:after {
  content: var(--tw-content);
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:active .group-active\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:bg-primary-base {
  --tw-bg-opacity: 1;
  background-color: rgb(103 1 230/var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-6:after {
  content: var(--tw-content);
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (prefers-color-scheme: dark) {
  .dark\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
  }

  .dark\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
  }

  .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity));
  }

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

  .dark\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity));
  }
}
@media (min-width: 640px) {
  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:table {
    display: table;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-3xl {
    max-width: 48rem;
  }

  .sm\:max-w-4xl {
    max-width: 56rem;
  }

  .sm\:max-w-5xl {
    max-width: 64rem;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-\[\.97\] {
    --tw-scale-x: .97;
    --tw-scale-y: .97;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

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

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

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

  .sm\:gap-6 {
    gap: 1.5rem;
  }

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

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

  .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

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

  .sm\:leading-normal {
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:h-\[35rem\] {
    height: 35rem;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

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

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

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

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

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

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

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

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

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1024px) {
  .lg\:float-right {
    float: right;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:-ml-8 {
    margin-left: -2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-16 {
    height: 4rem;
  }

  .lg\:w-16 {
    width: 4rem;
  }

  .lg\:w-\[28rem\] {
    width: 28rem;
  }

  .lg\:min-w-full {
    min-width: 100%;
  }

  .lg\:max-w-6xl {
    max-width: 72rem;
  }

  .lg\:max-w-\[26rem\] {
    max-width: 26rem;
  }

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

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

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

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

  .lg\:items-start {
    align-items: flex-start;
  }

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

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

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

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:pl-20 {
    padding-left: 5rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

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

  .lg\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:w-\[42rem\] {
    width: 42rem;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.max-w-container {
  max-width: 780px;
}

@media (min-width: 481px) {
  .sm\:max-w-100 {
    max-width: 400px;
  }
}
.bg-canvas {
  background-color: #f9f9fb;
}

.bg-surface-0 {
  background-color: #fff;
}

.bg-surface-10 {
  background-color: #eeeef1;
}

.bg-surface-100 {
  background-color: #000;
}

.bg-surface-20 {
  background-color: #e6e6ea;
}

.bg-surface-5 {
  background-color: #f9f9fb;
}

.text-text-medium {
  color: #64676b;
}

.text-0\.8125 {
  font-size: 0.8125rem;
}

.text-text {
  color: #0d0d0e;
}

.text-0\.875 {
  font-size: 0.875rem;
}

.text-0\.75 {
  font-size: 0.75rem;
}

.bg-black\/20 {
  background-color: #0003;
}

.bg-marble {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 241/var(--tw-bg-opacity));
}

.border-marble {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 241/var(--tw-border-opacity));
}

.screen-toggle {
  border-radius: 0.375rem;
  padding: 0.25rem 0.5rem;
  transition-duration: 0.15s;
}

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

#form-name:focus .edit-ico {
  display: none;
}

.proof-btns .proof-btn {
  display: flex;
  height: 100%;
  align-items: stretch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity:1;
  color: rgb(75 85 99/var(--tw-text-opacity));
}

.proof-btns .proof-btn .ico {
  display: flex;
  width: 3rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.proof-btns .proof-btn .btn-text {
  width: 100%;
  padding: 0.75rem 1rem;
  text-align: left;
}

.proof-btns .proof-btn:not(:last-child) .btn-text {
  border-bottom-width: 1px;
}

.panel-content a {
  --tw-text-opacity:1;
  color: rgb(103 1 230/var(--tw-text-opacity));
}

.text-col {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity:1;
  color: rgb(107 114 128/var(--tw-text-opacity));
}

.row-content a {
  pointer-events: none;
}

.row-content a {
  pointer-events: none;
}

.table-header {
  padding: 0.875rem 1rem 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity:1;
  color: rgb(107 114 128/var(--tw-text-opacity));
}

.hover\:border-solid:hover {
  border-style: solid !important;
}

.simplebar-scroll-content {
  min-height: 100%;
  width: 100%;
}

.simplebar-content {
  padding-bottom: 0.25rem !important;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

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

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.simplebar-scrollbar .hidden-scrollbar {
  visibility: hidden;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #8094ae;
  border-radius: 5px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 8px !important;
  transition: width 0.1s;
}

.simplebar-track.simplebar-vertical.simplebar-hover {
  width: 10px !important;
}

.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-vertical {
  visibility: hidden;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 8px !important;
  transition: height 0.1s;
}

.simplebar-track.simplebar-horizontal.simplebar-hover {
  height: 10px !important;
}

.simplebar-track.simplebar-horizontal,
.simplebar-track.simplebar-horizontal,
.simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

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

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

.admin-menu {
  width: 200px;
  position: fixed;
  z-index: 999;
  height: 100%;
  background: #fff;
}
.admin-menu .main-menu {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
}
.admin-menu .main-menu .sub-header {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  padding-top: 10px;
  padding-bottom: 0px;
  display: block;
  margin-bottom: 10px;
  color: #448eef;
}
.admin-menu .main-menu .sub-header span {
  padding: 7px;
  padding-left: 5px;
  display: block;
  transition: all 0.2s ease;
}
.admin-menu .main-menu .sub-header:first-child span {
  padding-top: 0;
}
.admin-menu .main-menu .menu-items {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.admin-menu .main-menu .menu-items .menu-item {
  color: #3E4B5B;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
}
.admin-menu .main-menu .menu-items .menu-item .icon {
  font-size: 16px;
  padding: 7px 10px 7px 0;
  width: 40px;
  color: #0073ff;
}
.admin-menu .main-menu .menu-items .menu-item span {
  padding: 7px;
  display: block;
  flex: 1;
  transition: all 0.2s ease;
  font-size: 12px;
  color: #3e4b5b;
}
.admin-menu .main-menu .menu-items .menu-item .icon + span {
  padding-left: 0;
}

#app-sandy-admin {
  background: #fff;
}
@-webkit-keyframes jump {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 50%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 50%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jumpTwo {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jumpTwo {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jumpThree {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, -20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jumpThree {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, -20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotatedTwo {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotatedTwo {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotatedHalf {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes rotatedHalf {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-webkit-keyframes rotatedHalfTwo {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes rotatedHalfTwo {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes scale-upOne {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-upOne {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scale-right {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes scale-right {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0.7;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0.7;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@-webkit-keyframes fade-in-rev {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-rev {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hvr-ripple-out {
  0% {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
  }
  50% {
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    opacity: 0.8;
  }
  100% {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    opacity: 1;
  }
}
@keyframes hvr-ripple-out {
  0% {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
  }
  50% {
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    opacity: 0.8;
  }
  100% {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    opacity: 1;
  }
}
@-webkit-keyframes hvr-ripple-out-two {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  100% {
    top: -30px;
    right: -30px;
    bottom: -30px;
    left: -30px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out-two {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  100% {
    top: -30px;
    right: -30px;
    bottom: -30px;
    left: -30px;
    opacity: 0;
  }
}
@-webkit-keyframes scale-up-half {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-half {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scale-up-one {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-one {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scale-up-two {
  0% {
    transform: scale(0.5);
  }
  40% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes scale-up-two {
  0% {
    transform: scale(0.5);
  }
  40% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.5);
  }
}
@-webkit-keyframes scale-up-three {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-three {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes jump5p {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump5p {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jump5pRsv {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump5pRsv {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jump10p {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump10p {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jump10pRsv {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, -10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump10pRsv {
  0% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, -10px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight !important;
  animation-name: fadeInRight !important;
}

@-webkit-keyframes fadeOutRight {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@keyframes fadeOutRight {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight !important;
  animation-name: fadeOutRight !important;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated:not(#zuck-modal) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  opacity: 0;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
.white-box-wrap .white-box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 2px solid #E0E6EB;
  border-radius: 3px;
}
.white-box-wrap .white-box .white-box-header .white-box-sub-header {
  padding: 15px 20px 15px 40px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e7eaf3;
  margin-top: 0px;
  position: relative;
  display: flex;
  align-items: center;
}
.white-box-wrap .white-box .white-box-header .white-box-sub-header::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #e5e2e2;
  position: absolute;
  top: 20px;
  left: 15px;
  border-radius: 550px;
}
.white-box-wrap .white-box .white-box-header .white-box-sub-header h3 {
  color: #B1B5C3;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.white-box-wrap .white-box .white-box-content {
  padding: 20px;
}

.wj-image-selector-w.is-120 {
  height: 120px;
}
.wj-image-selector-w.is-120.is-overflow {
  width: 140px;
  flex: 0 0 140px;
}
.wj-image-selector-w.is-120 .wj-image-selector-trigger {
  height: 100%;
}

.small-card-images {
  text-align: center;
  position: relative;
  transition: all 0.2s ease;
  height: 120px;
}
.small-card-images.is-overflow {
  width: 140px;
  flex: 0 0 140px;
}
.small-card-images:hover .action-right, .small-card-images:hover .action-left {
  transform: translateX(0px);
  opacity: 1;
}
.small-card-images .small-card-images-inner {
  position: relative;
  padding: 24px 20px;
  box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  border-radius: 3px;
  background-color: #fff;
  transition: all 0.2s ease;
  height: 100%;
}
.small-card-images .small-card-images-inner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.small-card-images .action-right {
  right: 0px;
  color: #d24646;
  transform: translateX(-10px);
  border-radius: 0 0 0 5px;
}
.small-card-images .action-left {
  left: 0px;
  transform: translateX(10px);
  border-radius: 0 0 5px 0;
}
.small-card-images .action-right, .small-card-images .action-left {
  position: absolute;
  top: 0px;
  font-size: 14px;
  padding: 10px;
  text-decoration: none;
  line-height: 1;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 9999;
  outline: none;
  box-shadow: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.ws-period {
  border: 1px solid #E0E6F0;
  font-size: 14.4px;
  align-items: center;
  background-color: #fff;
  position: relative;
  margin-bottom: 15px;
  border-radius: 4px;
}

.custom-day-work-periods .add-custom-day-w {
  border: 3px dotted rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  margin-right: 15px;
  width: 140px;
  flex: 0 0 140px;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: block;
  outline: none;
  box-shadow: none;
  min-height: 115px;
  border-radius: 3px;
}
.custom-day-work-periods .add-custom-day-w .add-custom-day-i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-day-work-periods .add-custom-day-w .add-day-graphic-w {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0px auto;
}
.custom-day-work-periods .add-custom-day-w .add-day-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  background-color: #0937ff;
  box-shadow: 0px 0px 0px 10px rgba(208, 213, 220, 0.3);
  color: #fff;
  transform: translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.custom-day-work-periods .add-custom-day-w .add-day-plus i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-size: 10px;
  transform: translate(-45%, -47%);
  transition: all 0.2s ease;
}
.custom-day-work-periods .add-custom-day-w:hover {
  border-color: #0937ff;
  border-style: solid;
}
.custom-day-work-periods .add-custom-day-w:hover .add-day-plus {
  box-shadow: 0px 0px 0px 15px rgba(208, 213, 220, 0.3);
  transform: translate(-50%, -50%) scale(1.2);
}
.custom-day-work-periods .add-custom-day-w:hover .add-day-label {
  transform: translateY(5px);
}
.custom-day-work-periods .add-custom-day-w .add-day-label {
  color: #0937ff;
  font-weight: 500;
  font-size: 19.2px;
  margin-top: 5px;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.custom-day-work-periods .add-custom-day-w.os-loading .add-day-plus {
  color: rgba(255, 255, 255, 0.4);
}
.custom-day-work-periods .add-custom-day-w.os-loading .add-day-plus:after {
  display: block;
  content: "";
  width: 52px !important;
  height: 52px !important;
  border-bottom: 2px solid #0937ff;
  border-left: 2px solid #0937ff;
  border-top: 2px solid #0937ff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}

.custom-day-work-period {
  text-align: center;
  position: relative;
  transition: all 0.2s ease;
  width: 140px;
  flex: 0 0 140px;
  height: 120px;
}
.custom-day-work-period:hover {
  transform: translateY(-5px);
}
.custom-day-work-period:hover .custom-day-work-period-i {
  box-shadow: 0 15px 30px 0 rgba(108, 120, 143, 0.2), 0 1px 3px 0 rgba(170, 179, 197, 0.9);
}
.custom-day-work-period:hover .remove-custom-day, .custom-day-work-period:hover .edit-custom-day {
  transform: translateX(0px);
  opacity: 1;
}
.custom-day-work-period .remove-custom-day {
  right: 0px;
  color: #d24646;
  transform: translateX(-10px);
}
.custom-day-work-period .edit-custom-day {
  left: 0px;
  transform: translateX(10px);
}
.custom-day-work-period .remove-custom-day, .custom-day-work-period .edit-custom-day {
  position: absolute;
  top: 0px;
  font-size: 14px;
  padding: 10px;
  text-decoration: none;
  line-height: 1;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 9999;
  outline: none;
  box-shadow: none;
}
.custom-day-work-period .custom-day-work-period-i {
  position: relative;
  padding: 24px 20px;
  box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  border-radius: 3px;
  background-color: #fff;
  transition: all 0.2s ease;
}
.custom-day-work-period .custom-day-work-period-i::before {
  top: 50%;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.05);
  height: 1px;
  position: absolute;
  content: "";
}
.custom-day-work-period .custom-day-month {
  font-size: 19.2px;
  line-height: 1;
  color: #9DA8D5;
}
.custom-day-work-period .custom-day-number {
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
  color: #b2b2b2;
}
.custom-day-work-period .custom-day-periods {
  padding-top: 10px;
}
.custom-day-work-period .custom-day-periods .custom-day-period {
  background-color: #eeeff5;
  color: #2D303A;
  color: #8894AF;
  padding: 4px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 13px;
}

.weekday-schedule-w {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.weekday-schedule-w:last-child {
  border-bottom: none;
}
.weekday-schedule-w.day-off .ws-day-name {
  color: #C45252;
}
.weekday-schedule-w.day-off .ws-day-name:after {
  width: 100%;
}
.weekday-schedule-w.day-off .ws-head:hover .ws-day-name {
  border-bottom-color: transparent;
}
.weekday-schedule-w.day-off .ws-head .ws-day-hours, .weekday-schedule-w.day-off .ws-head .wp-edit-icon {
  display: none;
}
.weekday-schedule-w.day-off .weekday-schedule-form {
  display: none;
}
.weekday-schedule-w .ws-head-w {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.weekday-schedule-w .ws-head {
  flex: 1;
  margin-left: 15px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 15px 0px;
}
.weekday-schedule-w .ws-head .wp-edit-icon {
  font-size: 14px;
  color: #0937ff;
  position: absolute;
  top: 56%;
  right: 0px;
  transform: translate(0%, -50%);
}
.weekday-schedule-w .ws-head:hover .ws-day-name {
  border-bottom: 1px solid #38406d;
}
.weekday-schedule-w .ws-day-name {
  color: #38406d;
  font-size: 19px;
  font-weight: 500;
  position: relative;
  margin-right: 20px;
  border-bottom: 1px solid transparent;
}
.weekday-schedule-w .ws-day-name:after {
  width: 0%;
  background-color: #C45252;
  opacity: 0.7;
  height: 2px;
  top: 55%;
  left: 0px;
  position: absolute;
  transform: translateY(-50%);
  content: "";
  display: block;
}
.weekday-schedule-w .ws-day-hours {
  text-align: right;
  color: #8894AF;
  font-size: 12px;
  font-weight: 500;
  margin-left: auto;
  cursor: pointer;
  padding-right: 25px;
}
.weekday-schedule-w .ws-day-hours span {
  display: inline-block;
  vertical-align: middle;
}
.weekday-schedule-w .ws-day-hours span:hover {
  color: #0937ff;
}
.weekday-schedule-w .ws-day-hours span + span {
  margin-left: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  padding-left: 5px;
}
.weekday-schedule-w.is-editing .weekday-schedule-form {
  display: block;
}

.weekday-schedule-form {
  padding-bottom: 20px;
  padding-top: 5px;
  text-align: center;
  display: none;
}
.weekday-schedule-form.active {
  display: block;
}
.weekday-schedule-form .ws-period-add {
  border: 2px dashed #E0E6EB;
  display: block;
  background-color: #fff;
  box-shadow: none;
  padding: 5px;
  margin: 0px;
  color: #738db3;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 4px;
}
.weekday-schedule-form .ws-period-add:hover {
  border-color: #0937ff;
  color: #0937ff;
}
.weekday-schedule-form .ws-period-add .add-period-graphic-w {
  width: 30px;
  height: 30px;
  position: relative;
}
.weekday-schedule-form .ws-period-add .add-period-graphic-w .add-period-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  transform: translate(-50%, -50%);
}
.weekday-schedule-form .ws-period-add .add-period-graphic-w .add-period-plus i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-size: 18px;
  transform: translate(-50%, -50%);
}
.weekday-schedule-form .ws-period-add .add-period-label {
  color: #8894AF;
  font-weight: 500;
  font-size: 16px;
  margin-left: 5px;
}
.weekday-schedule-form .ws-period-add.os-loading .latepoint-icon {
  display: none !important;
}
.weekday-schedule-form .ws-period-add.os-loading:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-bottom: 2px solid #0937ff;
  border-left: 2px solid #0937ff;
  border-top: 2px solid #0937ff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
}

.wj-time-group {
  margin: 0px;
  margin-bottom: 15px;
}
.wj-time-group .wj-time-input-fields {
  display: flex;
  align-items: center;
}
.wj-time-group .time-ampm-w {
  display: flex;
  background: #F5F6FA;
  border: 1px solid #E0E6F0;
  border-radius: 4px;
  margin-left: 5px;
}
.wj-time-group .time-ampm-w .time-ampm-select {
  padding: 4px 5px 5px 5px;
  line-height: 1;
  font-weight: 500;
  color: #8894AF;
  cursor: pointer;
  font-size: 14.4px;
}
.wj-time-group .time-ampm-w .time-ampm-select.active {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 1px #0937ff, 0 1px 2px 0 rgba(46, 87, 243, 0.18);
  border-radius: 4px;
  color: #0937ff;
}
.wj-time-group label {
  display: block;
  margin: 0px;
  font-size: 16px;
  color: #9A9FB1;
  font-weight: 500;
}
.wj-time-group .wj-form-control {
  font-size: 14px;
  flex: 0 0 60px;
  padding: 3px 2px !important;
  line-height: 1;
  margin: 0px;
  border: 1px solid #EDEFF6;
  background-color: #EDEFF6;
  border-radius: 3px;
  text-align: center;
  box-shadow: none;
  width: 90px;
  max-width: 90px;
}
.wj-time-group .wj-form-control:focus {
  border-color: #0937ff;
}
.wj-time-group + .wj-time-group {
  border-top: 1px solid #E0E6F0;
}
.wj-time-group.as-period {
  display: flex;
  align-items: center;
  padding: 8px;
  margin-bottom: 0px;
}
.wj-time-group.as-period label {
  padding-right: 10px;
  padding-left: 5px;
}
.wj-time-group.as-period input.wj-form-control {
  margin-left: auto;
}
.wj-time-group.as-period .wj-time-input-fields {
  margin-left: auto;
  justify-content: flex-end;
}

.book-services .book-service-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 19px 18px;
  background: #F8F8F8;
  border-radius: 15px;
}
.book-services .book-service-group .book-service-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  color: #ABAAB1;
}
.book-services .book-service-group .book-service-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  color: #432BDF;
}

.daily-agent-monthly-calendar-w {
  padding: 15px;
  margin-bottom: 30px;
}
.daily-agent-monthly-calendar-w .snd-weekdays {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daily-agent-monthly-calendar-w .snd-weekdays .weekday {
  text-transform: uppercase;
  font-size: 11.2px;
  color: #6f8aff;
  font-weight: 500;
  letter-spacing: 2px;
  width: 14.2%;
  text-align: center;
  padding: 5px 0px;
}
.daily-agent-monthly-calendar-w .snd-weekdays .weekday.weekday-6, .daily-agent-monthly-calendar-w .snd-weekdays .weekday.weekday-7 {
  color: #ccb63b;
  background-color: #fffef2;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w {
  position: relative;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .cc-location-selector {
  margin-left: auto;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn {
  position: absolute;
  border: none;
  font-size: 14px;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  color: #111;
  top: 55%;
  transform: translateY(-50%);
  padding: 0px;
  margin: 0px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn.snd-loading, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn.snd-loading {
  color: transparent !important;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn.snd-loading span, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn.snd-loading i {
  color: transparent !important;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn.snd-loading span, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn.snd-loading i {
  color: transparent !important;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn.snd-loading:after, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn.snd-loading:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-bottom: 2px solid #38406d;
  border-left: 2px solid #38406d;
  border-top: 2px solid #38406d;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: snd-loading 700ms infinite linear;
          animation: snd-loading 700ms infinite linear;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn:hover, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn:hover {
  color: #0937ff;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn.disabled, .daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn.disabled {
  color: rgba(0, 0, 0, 0.1);
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-prev-btn {
  left: 5px;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-month-next-btn {
  right: 5px;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-current-month-label {
  text-align: center;
  font-weight: 500;
  font-size: 17.6px;
  color: #2D303A;
  margin-bottom: 15px;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-current-month-label .current-day {
  display: inline-block;
  vertical-align: middle;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-current-month-label .current-year {
  display: inline-block;
  vertical-align: middle;
  color: rgba(45, 48, 58, 0.4);
  margin-left: 3px;
}
.daily-agent-monthly-calendar-w .snd-current-month-label-w .snd-current-month-label .current-month {
  display: inline-block;
  vertical-align: middle;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days-w {
  display: none;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days-w.active {
  display: block;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day {
  width: 14.2%;
  padding: 2.3%;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
@media (max-width: 768px) {
  .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day {
    width: auto;
    flex: 0 0 40px;
  }
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.is-f {
  width: auto;
  flex: 0 0 40px;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.week-day-6, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.week-day-7 {
  background-color: #000;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.week-day-6 .snd-day-number, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.week-day-6 .snd-day-weekday, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.week-day-7 .snd-day-number, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.week-day-7 .snd-day-weekday {
  color: #fff;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-day-next-month, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-day-prev-month {
  color: #B7BCCB;
  background-color: #fff;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-day-current .snd-day-box {
  background-color: #f5f6fb;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-day-passed .snd-day-box {
  background-color: #f5f6fb;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-day-passed .snd-day-box .snd-day-number {
  color: #B7BCCB;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-today .snd-day-box {
  background-color: #fff6cb;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-month-next .snd-day-box, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-month-prev .snd-day-box {
  opacity: 0.4;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-month-next .snd-day-box:hover, .daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.snd-month-prev .snd-day-box:hover {
  opacity: 1;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day .snd-day-box {
  padding-bottom: 100%;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day:hover .snd-day-box .snd-day-number {
  font-size: 19px;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.selected .snd-day-box {
  background-color: #0937ff;
  color: #fff;
}
.daily-agent-monthly-calendar-w .snd-monthly-calendar-days .snd-day.selected .snd-day-box .snd-day-number {
  font-size: 19px;
  color: #fff;
}
.daily-agent-monthly-calendar-w .snd-day-status {
  margin: 0px;
  margin-top: 10px;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  bottom: 3px;
  left: 3px;
  right: 3px;
  transition: all 0.3s ease;
  position: absolute;
  background-color: #e2e5f1;
}
.daily-agent-monthly-calendar-w .snd-day-status .day-available {
  background-color: #80dc6e;
  top: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 1;
  min-width: 3px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar {
  padding: 0px;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 20px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-months {
  border-bottom: none;
  border-radius: 0px;
}
@media (max-width: 768px) {
  .daily-agent-monthly-calendar-w.horizontal-calendar .snd-months {
    overflow: auto;
    padding-bottom: 16px;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.snd-day-passed .snd-day-box .snd-day-number {
  color: #525765;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-current-month-label {
  font-size: 30px;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  position: relative;
  color: #0937ff;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-current-month-label .current-day {
  z-index: 2;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-current-month-label .current-month {
  z-index: 2;
  position: relative;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-current-month-label .current-year {
  font-weight: 500;
  color: rgba(45, 48, 58, 0.07);
  position: absolute;
  font-size: 100px;
  line-height: 100px;
  bottom: -7px;
  display: block;
  margin: 0px;
  left: 0px;
  z-index: 1;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-service-selector {
  margin-left: auto;
  margin-right: 20px;
  display: flex;
  align-items: center;
  padding-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-service-selector label {
  margin-right: 5px;
  display: block;
  margin-left: auto;
  color: #8894AF;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-service-selector input {
  display: block;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-control-buttons-w {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-control-buttons-w .snd-month-prev-btn, .daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-control-buttons-w .snd-month-next-btn {
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  padding: 3px 2px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-current-month-label-w .snd-month-control-buttons-w .snd-month-today-btn {
  margin: 0px 15px;
  padding: 5px 10px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days {
  flex-wrap: nowrap;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day {
  overflow: visible;
  padding: 10px;
  flex: 0 0 65px;
  border-radius: 13px;
  background: #fff;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.disabled {
  opacity: 0.5;
  background-color: #cccccc;
  color: #666666;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day:hover .snd-day-status {
  height: 7px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day:last-child {
  border-right: none;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.selected {
  border: 2px solid;
  z-index: 2;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.selected .snd-day-weekday {
  color: black !important;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.selected .snd-day-box {
  border-radius: 0px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.selected .snd-day-box .snd-day-number {
  color: black;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .snd-day-box {
  padding: 0px;
  border-radius: 0px;
  background-color: transparent;
  overflow: visible;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .snd-day-weekday {
  color: rgba(0, 0, 0, 0.4);
  font-size: 9px;
  font-weight: 500;
  padding: 8px 0px 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .snd-day-status {
  bottom: -3px;
  margin: 0px;
  left: -1px;
  right: -1px;
  border-radius: 0px;
  height: 3px;
  transition: none;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .day-status {
  bottom: -3px;
  margin: 0px;
  left: -1px;
  right: -1px;
  border-radius: 0px;
  height: 3px;
  transition: none;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .snd-day-number {
  font-size: 16px;
  top: 42%;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.week-day-6, .daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.week-day-7 {
  background-color: #000;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.week-day-6 .snd-day-number, .daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.week-day-6 .snd-day-weekday, .daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.week-day-7 .snd-day-number, .daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.week-day-7 .snd-day-weekday {
  color: #fff;
}
.wj-bookings-daily.os-loading .no-results-w .icon-w {
  position: relative;
}
.wj-bookings-daily.os-loading .no-results-w .icon-w:before {
  display: block;
  content: "";
  width: 20px !important;
  height: 20px !important;
  border-bottom: 2px solid #0937ff;
  border-left: 2px solid #0937ff;
  border-top: 2px solid #0937ff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}
.wj-bookings-daily.os-loading .no-results-w .icon-w .latepoint-icon {
  color: transparent;
}
.wj-bookings-daily.os-loading .ch-filter .ch-filter-trigger {
  display: none;
}
.wj-bookings-daily.os-loading .ch-filter:before {
  display: block;
  content: "";
  width: 20px !important;
  height: 20px !important;
  border-bottom: 2px solid #0937ff;
  border-left: 2px solid #0937ff;
  border-top: 2px solid #0937ff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}
.wj-bookings-daily .calendar-hours {
  position: relative;
}
.wj-bookings-daily .ch-filter {
  border: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-right: none;
  height: 50px;
  margin-bottom: 20px;
  position: relative;
}
.wj-bookings-daily .ch-filter .ch-filter-trigger {
  width: 5px;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  height: 5px;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 8px 0px 0px rgba(0, 0, 0, 0.3), -8px 0px 0px rgba(0, 0, 0, 0.3);
  border-radius: 1px;
}
.wj-bookings-daily .da-head-agents {
  display: flex;
  height: 50px;
  margin-bottom: 20px;
}
.wj-bookings-daily .ch-agents {
  flex: 1;
  position: relative;
}
.wj-bookings-daily .da-agents-bookings {
  display: flex;
}
.wj-bookings-daily .da-agents-bookings .da-agent-bookings-and-periods {
  flex: 1;
  position: relative;
}
.wj-bookings-daily .da-head-agent {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1;
  background-color: transparent;
  position: relative;
}
.wj-bookings-daily .da-head-agent:first-child:before {
  content: "";
  position: absolute;
  bottom: -21px;
  left: -1px;
  height: 20px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.05);
}
.wj-bookings-daily .da-head-agent:after {
  content: "";
  position: absolute;
  bottom: -21px;
  right: -1px;
  height: 20px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.05);
}
.wj-bookings-daily .da-head-agent .da-head-agent-avatar {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background-size: cover;
  background-position: center center;
  margin-right: 10px;
  margin-left: auto;
}
.wj-bookings-daily .da-head-agent .da-head-agent-name {
  text-decoration: none;
  color: #2D303A;
  border-bottom: 1px dotted rgba(9, 55, 255, 0.4);
  font-weight: 500;
  margin-right: auto;
  white-space: nowrap;
}
.wj-bookings-daily .da-head-agent .da-head-agent-name:hover {
  color: #0937ff;
}

.daily-agent-calendar-w.make-scrollable .ch-agents {
  overflow: auto;
}
.daily-agent-calendar-w.make-scrollable .da-head-agent, .daily-agent-calendar-w.make-scrollable .da-agents-bookings .da-agent-bookings-and-periods {
  flex: 0 0 240px;
}
.daily-agent-calendar-w.make-scrollable .da-agent-bookings-and-periods:first-child .ch-day-periods .chd-period .chd-period-minutes-value {
  left: auto;
  right: 0px;
  transform: translate(100%, -50%);
}

.wj-bookings-daily .da-head-agent .da-head-agent-name {
  max-width: 130px;
  overflow: hidden;
}
.wj-bookings-daily.is-single .wj-bookings-daily-contents {
  display: flex;
  padding-top: 30px;
}
.wj-bookings-daily.is-single .daily-agent-calendar-w {
  flex: 1;
}
.wj-bookings-daily.is-single .daily-agent-side {
  flex: 0 0 420px;
  width: 420px;
}
.wj-bookings-daily.os-loading .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box {
  position: relative;
}
.wj-bookings-daily.os-loading .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
  display: none;
}
.wj-bookings-daily.os-loading .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box:after {
  display: block;
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}

.calendar-daily-head-w {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-daily-head-w .calendar-daily-target-date {
  color: #8894AF;
  font-size: 22.4px;
  font-weight: 500;
  line-height: 1.43;
}
.calendar-daily-head-w .calendar-daily-target-date.agent-has-day-off {
  color: #ec7e70;
}
.calendar-daily-head-w label {
  margin-left: auto;
  margin-right: 5px;
  color: #8894AF;
}

.calendar-daily-agent-w .calendar-hours {
  display: flex;
}
.calendar-daily-agent-w .calendar-hours .ch-hours {
  flex: 0 0 61px;
  border-right: 1px solid #ddd;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period {
  height: 20px;
  vertical-align: middle;
  text-align: right;
  line-height: 20px;
  font-size: 12.8px;
  color: #AAB1CB;
  font-weight: 500;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.last-period {
  height: 1px !important;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes {
  position: relative;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes span {
  display: none;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes:before {
  content: "";
  height: 1px;
  width: 3px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -1px;
  right: -2px;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour {
  position: relative;
  padding-right: 10px;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour span {
  transform: translateY(-50%);
  display: block;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:before {
  content: "";
  height: 1px;
  width: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0px;
  right: -3px;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-disabled {
  background-color: rgba(0, 0, 0, 0.03);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods {
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period {
  height: 20px;
  position: relative;
  cursor: copy;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off {
  background-image: repeating-linear-gradient(90deg, #fff, #fff 4px, #f3d3d3 4px, #f3d3d3 5px);
  background-image: repeating-linear-gradient(90deg, #fff, #fff 2px, #f7b0b0 2px, #f7b0b0 3px);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off:hover:before {
  border-top-color: #E42806;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off:hover .chd-period-minutes-value {
  background-color: #E42806;
  color: #fff;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:before {
  content: "";
  height: 1px;
  top: -1px;
  position: absolute;
  left: 0px;
  right: 0px;
  border-top: 1px dashed transparent;
  z-index: 999;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period .chd-period-minutes-value {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999;
  transform: translate(-100%, -50%);
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 12.8px;
  font-weight: 500;
  background-color: #0937ff;
  color: #fff;
  display: none;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value {
  color: transparent;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value:after {
  display: block;
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:hover .chd-period-minutes-value {
  display: block;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:hover:before {
  border-top-color: #0937ff;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.last-period {
  height: 1px !important;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-hour {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-disabled {
  background-color: rgba(0, 0, 0, 0.03);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods.ch-day-tue, .calendar-daily-agent-w .calendar-hours .ch-day-periods.ch-day-thu {
  background-color: #fafbfd;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking {
  padding-top: 3px;
  position: absolute;
  left: 5px;
  right: 5px;
  text-align: left;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
  min-height: 60px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .ch-day-booking-i {
  height: 100%;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 3px solid #f4f4f4;
  box-shadow: 0px 5px 20px rgba(126, 142, 177, 0.2);
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking:hover {
  left: 0px;
  right: 0px;
  min-height: 60px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .ch-day-buffer-before {
  position: absolute;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-bottom: none;
  border-radius: 4px 4px 0px 0px;
  z-index: -1;
  left: 0px;
  right: 0px;
  top: 0px;
  transform: translateY(-100%);
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .ch-day-buffer-after {
  position: absolute;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-top: none;
  border-radius: 0px 0px 4px 4px;
  z-index: -1;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transform: translateY(100%);
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booked-percentage {
  width: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  margin: 0px auto;
  margin-top: 2px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booked-percentage .booked-bar {
  background-color: #fff;
  border-radius: 2px;
  height: 6px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-attendies {
  font-size: 10.4px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
  line-height: 1.2;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-attendies span {
  color: #fff;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-service-name {
  color: #525765;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-time {
  color: #525765;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking.os-loading {
  -webkit-animation: animate_appointment_small_box 0.8s ease infinite;
          animation: animate_appointment_small_box 0.8s ease infinite;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking.os-loading:after {
  display: block;
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-bottom: 2px solid #0937ff;
  border-left: 2px solid #0937ff;
  border-top: 2px solid #0937ff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  left: -10px;
}

.calendar-month-agents-w {
  position: relative;
}
.calendar-month-agents-w.os-loading .ma-days-with-bookings-i {
  opacity: 0.5;
}
.calendar-month-agents-w.os-loading:after {
  display: block;
  content: "";
  width: 24px !important;
  height: 24px !important;
  border-bottom: 2px solid #0937ff;
  border-left: 2px solid #0937ff;
  border-top: 2px solid #0937ff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  top: 25px;
  left: 40px;
  z-index: 999;
}
.calendar-month-agents-w.os-loading .ma-head-info {
  color: transparent;
}
.calendar-month-agents-w.os-loading .ma-head-info span + span {
  border-top-color: transparent;
}
.calendar-month-agents-w .ma-head {
  display: flex;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 80px;
  right: 0px;
}
.calendar-month-agents-w .ma-head-info {
  padding: 12px 15px 5px 15px;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
  width: 80px;
  height: 52px;
  font-weight: 500;
  font-size: 11.2px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ddd;
  position: relative;
}
.calendar-month-agents-w .ma-head-info span {
  display: block;
}
.calendar-month-agents-w .ma-head-info span + span {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.calendar-month-agents-w .ma-head-agent {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex: 0 0 249px;
  background-color: #fff;
}
.calendar-month-agents-w .ma-head-agent .ma-head-agent-avatar {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background-size: cover;
  background-position: center center;
  margin-right: 10px;
  margin-left: auto;
}
.calendar-month-agents-w .ma-head-agent .ma-head-agent-name {
  font-weight: 500;
  margin-right: auto;
  white-space: nowrap;
}
.calendar-month-agents-w .ma-month-label {
  color: #fff;
  font-weight: 500;
  text-align: center;
  display: flex;
}
.calendar-month-agents-w .ma-month-label div {
  padding: 3px;
  background-color: #0937ff;
  flex: 0 0 250px;
  color: #0937ff;
  box-shadow: 0px -1px 0px #0937ff, 0px 1px 0px #0937ff;
  position: relative;
  z-index: 2;
}
.calendar-month-agents-w .ma-floated-days-w {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  border-right: 1px solid #c1c1c1;
}
.calendar-month-agents-w .ma-floated-days-w .ma-month-label {
  display: block;
}
.calendar-month-agents-w .ma-floated-days-w .ma-month-label div {
  flex: 1;
  color: #fff;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day {
  display: flex;
  height: 35px;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info {
  display: flex;
  align-items: stretch;
  font-size: 11.2px;
  font-weight: 500;
  flex: 0 0 80px;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info .ma-day-number {
  border-right: 1px solid #eee;
  flex: 0 0 30px;
  line-height: 35px;
  text-align: center;
  background-color: #fff;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info .ma-day-weekday {
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  flex: 0 0 50px;
  color: rgba(0, 0, 0, 0.3);
  line-height: 35px;
  background-color: #fff;
}
.calendar-month-agents-w .ma-days-with-bookings-w {
  padding-left: 80px;
  position: relative;
  overflow-x: auto;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-days-with-bookings-i {
  padding-top: 52px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day {
  display: flex;
  height: 35px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:hovers {
  box-shadow: 0px 0px 0px 2px #6b9fff;
  z-index: 2;
  position: relative;
  background-color: #fff !important;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:hovers .ma-day-agent-bookings {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings {
  border-right: 1px solid #d8d8d8;
  flex: 0 0 249px;
  position: relative;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off {
  top: 0px;
  bottom: 0px;
  position: absolute;
  background-image: repeating-linear-gradient(90deg, #fff, #fff 4px, #f3d3d3 4px, #f3d3d3 5px);
  background-image: repeating-linear-gradient(90deg, #fff, #fff 2px, #f7b0b0 2px, #f7b0b0 3px);
  left: 0px;
  right: 0px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  padding: 3px 4px;
  line-height: 1.1;
  background-color: #e02727;
  display: none;
  transform: translate(-50%, -50%);
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off:hover span {
  display: block;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking {
  top: 12px;
  bottom: 12px;
  position: absolute;
  cursor: pointer;
  box-shadow: inset -1px 0px 0px 0px #fff;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking.os-loading {
  top: 10px;
  bottom: 10px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking.os-loading:after {
  display: block;
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -120%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
  display: block;
  align-items: flex-start;
  box-shadow: 0 20px 40px 0 rgba(108, 120, 143, 0.15), 0 1px 2px 0 rgba(206, 211, 222, 0.7);
  z-index: 999;
  background: #FFFFFF;
  cursor: pointer;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .appointment-info {
  flex: 1;
  padding: 15px 30px 10px 20px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .appointment-info .appointment-color-elem {
  background-color: #2752E4;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 2px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .appointment-info .appointment-time {
  color: #8894AF;
  white-space: nowrap;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .appointment-info .appointment-time .at-date {
  font-weight: 500;
  color: #0937ff;
  font-size: 16px;
  margin-bottom: 0px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .appointment-info .appointment-service-name {
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 5px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w {
  flex: 1;
  padding: 15px 10px 15px 20px;
  align-items: flex-start;
  border-left: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w .avatar-w {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin-right: 15px;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w .customer-name {
  font-weight: 500;
  font-size: 16px;
  color: #0937ff;
  margin-bottom: 3px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w .customer-property {
  margin-bottom: 2px;
  white-space: nowrap;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w .customer-property .label {
  color: #8894AF;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w .customer-property .value {
  font-weight: 500;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking:hover {
  top: 10px;
  bottom: 10px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking:hover .appointment-box-small {
  transform: translate(-50%, -105%);
  visibility: visible;
  opacity: 1;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:first-child .appointment-box-small {
  left: 0px;
  transform: translate(0%, -120%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small {
  transform: translate(0%, -105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:last-child .appointment-box-small {
  left: auto;
  right: 0px;
  transform: translate(0%, -120%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small {
  transform: translate(0%, -105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-booking .appointment-box-small {
  top: auto;
  bottom: 0px;
  transform: translate(-50%, 110%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-booking:hover .appointment-box-small {
  transform: translate(-50%, 100%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:first-child .appointment-box-small {
  left: 0px;
  top: auto;
  bottom: 0px;
  transform: translate(5%, 105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small {
  transform: translate(0%, 100%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:last-child .appointment-box-small {
  left: auto;
  right: 0px;
  top: auto;
  bottom: 0px;
  transform: translate(0%, 105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small {
  transform: translate(0%, 100%);
}
.calendar-month-agents-w .ma-floated-days-w .ma-day:nth-child(even) .ma-day-agent-bookings, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(even) .ma-day-agent-bookings {
  background-color: rgba(0, 0, 0, 0.02);
}
.calendar-month-agents-w .ma-floated-days-w .ma-day:nth-child(even) .ma-day-info .ma-day-number, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(even) .ma-day-info .ma-day-number, .calendar-month-agents-w .ma-floated-days-w .ma-day:nth-child(even) .ma-day-info .ma-day-weekday, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(even) .ma-day-info .ma-day-weekday {
  background-color: #fafafa;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-6 .ma-day-info .ma-day-number, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-6 .ma-day-info .ma-day-weekday {
  background-color: #fffaf0;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-info .ma-day-number, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-info .ma-day-weekday {
  background-color: #fffaf0;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-6 .ma-day-info .ma-day-number, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-6 .ma-day-info .ma-day-weekday {
  background-color: #fffaf0;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-info .ma-day-number, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-info .ma-day-weekday {
  background-color: #fffaf0;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-6 .ma-day-agent-bookings, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-agent-bookings {
  background-color: #F8F5EC;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-6 .ma-day-agent-bookings, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-agent-bookings {
  background-color: #F8F5EC;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-agent-bookings, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-agent-bookings, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-info, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-info {
  border-bottom: 1px solid #dac59b;
}
.calendar-month-agents-w.calendar-month-not-scrollable .ma-days-with-bookings-w {
  overflow-x: visible;
}
.calendar-month-agents-w.calendar-month-not-scrollable .ma-head-agent, .calendar-month-agents-w.calendar-month-not-scrollable .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings {
  flex: 1;
}

.timeline-with-info-w {
  align-items: center;
  display: flex;
}
.timeline-with-info-w .timeline-side-w {
  flex: 1;
}
.timeline-with-info-w .timeline-info-w {
  margin-left: 40px;
  padding-left: 40px;
  padding-right: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  flex: 0 0 320px;
}
.timeline-with-info-w .timeline-info-w .os-add-box {
  border: none;
  background-color: #0937ff;
  padding: 10px;
  margin-top: 15px;
}
.timeline-with-info-w .timeline-info-w .os-add-box .add-box-label {
  margin-right: auto;
  color: #fff;
  margin-left: 10px;
}
.timeline-with-info-w .timeline-info-w .os-add-box .add-box-graphic-w {
  margin-left: auto;
  width: 30px;
  height: 30px;
}
.timeline-with-info-w .timeline-info-w .os-add-box .add-box-graphic-w .add-box-plus {
  background-color: #fff;
  color: #0937ff;
  box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.1);
}

.agent-day-bookings-timeline-compact-w {
  position: relative;
  display: flex;
}
.agent-day-bookings-timeline-compact-w .agents-avatars {
  flex: 0 0 50px;
  margin-right: 20px;
  padding-top: 30px;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .agents-ava-div {
  height: 100px;
  margin-bottom: 20px;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w {
  height: 50px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin-bottom: 20px;
  display: block;
  text-decoration: none;
  position: relative;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w span {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  background-color: #111;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  z-index: 9999;
  transform: translate(-50%, -5px);
  white-space: nowrap;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w:hover span {
  display: block;
}
.agent-day-bookings-timeline-compact-w .agents-timelines-w {
  flex: 1;
}
.agent-day-bookings-timeline-compact-w .timeline-bottom-w {
  display: flex;
}
.agent-day-bookings-timeline-compact-w .timeline-top-w {
  display: flex;
  height: 30px;
}
.agent-day-bookings-timeline-compact-w .timeslot {
  flex: 1;
}
.agent-day-bookings-timeline-compact-w .timeslot:last-child:not(:first-child) {
  width: 1px;
  flex: 0 0 1px;
}
.agent-day-bookings-timeline-compact-w .timeslot.with-tick .tick {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  z-index: 2;
  top: 20px;
  bottom: 20px;
  width: 1px;
}
.agent-day-bookings-timeline-compact-w .timeslot .timeslot-time {
  font-weight: 500;
  font-size: 12.8px;
  text-align: center;
  line-height: 1.2;
  transform: translateX(-50%);
  display: inline-block;
}
.agent-day-bookings-timeline-compact-w .timeslot .timeslot-time .timeslot-ampm {
  color: #8894AF;
  font-size: 9.6px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w {
  margin-bottom: 20px;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline {
  height: 100px;
  background-color: #F2F5F8;
  position: relative;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block {
  height: 95px;
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: 0px 0px 0px 1px #f2f5f8;
  background-color: rgba(0, 0, 0, 0.2);
  background: #ffc0c0;
  padding: 10px;
  border-radius: 10px;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block * {
  color: #fff;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block.os-loading:after {
  display: block;
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: os-loading 700ms infinite linear;
          animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block .appointment-box-small {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -120%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block:hover .appointment-box-small {
  transform: translate(-50%, -105%);
  visibility: visible;
  opacity: 1;
}

.kiosk-info-nav {
  height: 100px;
  background: #f0f0f0;
}

.wj-widget .wj-widget-header.with-actions {
  flex-wrap: wrap;
  align-items: center;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions-trigger {
  display: block;
  margin-left: auto;
  padding: 0px 0px 0px 5px;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions {
  display: none;
  text-align: left;
  margin: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 10px;
  width: 100%;
  flex: 0 0 100%;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions select {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  font-size: 16px;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  font-size: 16px;
  padding: 7px 4px 9px 6px;
  position: relative;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker > i {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.wj-widget .wj-widget-header.with-actions.wj-show-actions .wj-widget-header-actions {
  display: block;
}

.wj-widget {
  margin-bottom: 40px;
  background-color: #fff;
  border: 1px solid #e0e1e8;
  border-radius: 3px;
}
.wj-widget.wj-widget-transparent {
  background-color: transparent;
  border: none;
  padding: 0px;
  box-shadow: none;
}
.wj-widget.wj-widget-transparent .wj-widget-header {
  padding: 9px 10px 10px 37px;
  border: none;
}
.wj-widget.wj-widget-transparent .wj-widget-header:before {
  display: none;
}
.wj-widget.wj-widget-transparent .wj-widget-content {
  padding: 0px;
}
.wj-widget .wj-widget-header {
  font-size: 19px;
  font-weight: 500;
  border-bottom: 1px solid #e7e9ef;
  color: #2D303A;
  padding: 10px 10px 10px 37px;
  margin-top: 0px;
  line-height: 1.4;
}
.wj-widget .wj-widget-header.centered {
  text-align: center;
}
.wj-widget .wj-widget-header h3 {
  font-size: 22px;
  padding: 4px 0px;
  margin: 0px;
  line-height: 1;
  color: #2D303A;
}
.wj-widget .wj-widget-header.with-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-text {
  position: relative;
  padding: 3px 5px 4px 0px;
  line-height: 1;
  vertical-align: middle;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions-trigger {
  display: none;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions {
  margin-left: auto;
  text-align: right;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker {
  cursor: pointer;
  border-radius: 4px;
  border: none;
  background-color: #F0F2F8;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #d6d6e1;
  border-bottom-color: #bebfc7;
  box-shadow: none;
  font-size: 14px;
  padding: 6px 4px 6px 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker i, .wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker span {
  display: inline-block;
  vertical-align: middle;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker i {
  font-size: 14px;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker span {
  color: #38406d;
}
.wj-widget .wj-widget-header.with-actions .wj-widget-header-actions .wj-date-range-picker:hover {
  background-color: #fff;
}
.wj-widget .wj-widget-header.with-actions select {
  max-width: 130px;
  box-shadow: none;
  border: none;
  background-color: #F0F2F8;
  color: #32373c;
  background-color: #fff;
  border: 1px solid #d6d6e1;
  border-bottom-color: #bebfc7;
  box-shadow: none;
  border-radius: 4px;
  font-size: 14px;
}
.wj-widget .wj-widget-header:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #0937ff;
  box-shadow: 8px 8px 0px rgba(9, 55, 255, 0.6), 0px 8px 0px rgba(9, 55, 255, 0.6), 0px 16px 0px rgba(9, 55, 255, 0.3), 8px 24px 0px rgba(9, 55, 255, 0.7), 8px 16px 0px rgba(9, 55, 255, 0.4);
  position: absolute;
  top: 11px;
  left: 12px;
}
.wj-widget .wj-widget-content {
  padding: 20px;
}
.wj-widget .wj-widget-content.no-padding {
  padding: 0px;
}
.wj-widget.wj-widget-boxed {
  background-color: #fff;
  box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  padding: 15px;
  border-radius: 3px;
}
.wj-widget.wj-widget-boxed .wj-widget-header {
  padding-top: 0px;
  border-bottom: none;
}

.timeline-with-info-w {
  align-items: center;
  display: flex;
}
.timeline-with-info-w .timeline-side-w {
  flex: 1;
}
.timeline-with-info-w .timeline-info-w {
  margin-left: 40px;
  padding-left: 40px;
  padding-right: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  flex: 0 0 320px;
}
.timeline-with-info-w .timeline-info-w .wj-add-box {
  border: none;
  background-color: #0937ff;
  padding: 10px;
  margin-top: 15px;
}
.timeline-with-info-w .timeline-info-w .wj-add-box .add-box-label {
  margin-right: auto;
  color: #fff;
  margin-left: 10px;
}
.timeline-with-info-w .timeline-info-w .wj-add-box .add-box-graphic-w {
  margin-left: auto;
  width: 30px;
  height: 30px;
}
.timeline-with-info-w .timeline-info-w .wj-add-box .add-box-graphic-w .add-box-plus {
  background-color: #fff;
  color: #0937ff;
  box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.1);
}

.wj-widget-today-info {
  border: none;
  margin-bottom: 0px;
}
.wj-widget-today-info .day-info-progress {
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
}
.wj-widget-today-info .day-info-progress .di-progress-value {
  height: 8px;
  position: relative;
}
.wj-widget-today-info .day-info-progress .di-progress-value .progress-label-w {
  transform: translateY(-120%);
  transition: all 0.1s ease-in;
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #000;
  padding: 10px;
  font-size: 17px;
}
.wj-widget-today-info .day-info-progress .di-progress-value .progress-label-w .progress-label {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  margin-top: 5px;
}
.wj-widget-today-info .day-info-progress .di-progress-value .progress-label-w .progress-value {
  white-space: nowrap;
  color: #fff;
}
.wj-widget-today-info .day-info-progress .di-progress-value:hover .progress-label-w {
  transform: translateY(-105%);
  display: block;
}
.wj-widget-today-info .day-main-info {
  padding-bottom: 20px;
  text-align: center;
}
.wj-widget-today-info .big-counter {
  font-size: 68px;
  line-height: 1;
  color: #2D303A;
  font-weight: 500;
}
.wj-widget-today-info .counter-label {
  color: #8894AF;
  font-size: 22px;
}
.wj-widget-today-info .day-sub-info {
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.wj-widget-today-info .day-sub-info-col {
  padding: 15px 0px;
}
.wj-widget-today-info .day-sub-info-col + .day-sub-info-col {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.wj-widget-today-info .day-sub-info-col.with-avatars {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wj-widget-today-info .day-sub-info-col.with-avatars .agents-on-duty-avatars {
  margin-left: 20px;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.wj-widget-today-info .day-sub-info-col.with-avatars .avatar-w {
  background-size: cover;
  background-position: center center;
  width: 45px;
  height: 45px;
  display: block;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #fff;
  margin-right: -10px;
}
.wj-widget-today-info .day-sub-info-col.with-avatars .avatar-w:first-child {
  margin-right: 0px;
}
.wj-widget-today-info .sub-info-value {
  color: #0937ff;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.wj-widget-today-info .sub-info-value:last-child {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}
.wj-widget-today-info .sub-info-label {
  color: #8894AF;
  font-size: 16px;
  margin-bottom: 5px;
}

.midone-dash {
  background: #f0f0f0;
}
.midone-dash .mobile-menu .menu .menu__icon {
  color: #000;
}
.midone-dash .mobile-menu .menu .menu__title {
  color: #000;
}
.midone-dash .side-nav .side-menu.side-menu--active {
  background-color: #fff;
}
.midone-dash .side-nav .side-menu.side-menu--active::before, .midone-dash .side-nav .side-menu.side-menu--active::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52'%3E%3Cpath data-name='Path 143' d='M259.51 259.52c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828a237.651 237.651 0 0 0-7.292-8.589c-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3A115.051 115.051 0 0 0 0 .081h259.51Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.midone-dash .side-nav .side-menu.side-menu--active .side-menu__icon::before {
  background-color: #fff;
  z-index: 0;
}
.midone-dash .side-nav .side-menu .side-menu__icon svg {
  color: #000;
}
.midone-dash .side-nav .side-menu .side-menu__title {
  color: #000;
}
.os-page-tabs {
  margin-top: 15px;
  display: flex;
}

.os-page-tabs li {
  margin-right: 25px;
}

.os-page-tabs li a {
  padding: 15px 0px;
  white-space: nowrap;
  font-size: 20px;
  display: block;
  text-decoration: none;
  color: #8894AF;
  position: relative;
  outline: none;
}

.os-page-tabs .os-page-tab-active a:after {
  content: "";
  background-color: #0937ff;
  height: 1px;
  left: 0px;
  right: 0px;
  position: absolute;
  bottom: 0px;
}

.left-side-popup {
  transform: translate(0, -50%) !important;
  left: initial !important;
  right: 0;
  border-radius: 0 !important;
  max-height: 100% !important;
  height: 100% !important;
}

.search-result {
  max-width: 450px;
  width: 100%;
  min-width: 400px;
}

.report-box__indicator {
  background: #84cc16;
}
.report-box__indicator.negative {
  background: #dc2626;
}
.report-box__indicator.negative svg {
  transform: rotate(180deg);
}

.h-initial {
  height: initial !important;
}

.max-w-700 {
  max-width: 700px !important;
}

:not(.show-overflowing)::-webkit-scrollbar, :not(.show-overflowing)::-webkit-scrollbar-thumb {
  width: 0;
  background: transparent;
}

.h-3em {
  height: 3em !important;
}

.-text-stroke-mid {
  -webkit-text-stroke-width: 1px;
}

.scale-20 {
  --tw-scale-x: .2 !important;
  --tw-scale-y: .2 !important;
}

.icon-shadow {
  box-shadow: 0 4px 10px #00000026;
}

.w-inherit {
  width: inherit !important;
}

.relative-soft {
  position: relative;
}

.show-overflowing * {
  scrollbar-width: initial !important;
}

.show-on-builder {
  display: none;
}

a {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ori-svg-icon [stroke-linejoin=round], .ori-svg-icon [stroke-linejoin=round] * {
  stroke: currentColor;
}

.c-contain-750 {
  max-width: 750px;
  margin: 0 auto;
}

.c-contain-780 {
  max-width: 780px;
  margin: 0 auto;
}

.c-contain-560 {
  max-width: 560px;
  margin: 0 auto;
}

.w-700 {
  width: 700px;
}

.secondary-boxshadow {
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25) !important;
}

.h-550 {
  height: 550px !important;
}

.icon-sprite-2 {
  stroke: #000;
  stroke-width: 1.5;
}

.feather-svg-icon {
  fill: none;
  stroke: #202020;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

body {
  top: 0px !important;
  overflow-x: hidden;
  position: relative;
  -ms-scroll-snap-type: y mandatory !important;
  scroll-snap-type: y mandatory !important;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
body.is-dark {
  background: #000 !important;
}
.sandy-col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.orion-svg-icon {
  fill: none;
  stroke: #202020;
  stroke-width: 2;
}

.overflow-intial {
  overflow: initial !important;
}

* {
  font-family: "Readex Pro", sans-serif;
  outline: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: -moz-scrollbars-none !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none;
}

button:disabled,
button[disabled], a.disabled {
  opacity: 0.5;
  background-color: #cccccc !important;
  color: #666666;
  box-shadow: none !important;
}
button:disabled.sandy-loader-flower,
button[disabled].sandy-loader-flower, a.disabled.sandy-loader-flower {
  background: #f4f4f4 !important;
  opacity: 1;
}

a.disabled {
  pointer-events: none;
}

.sandy-main-bg-2 {
  background: #f1f1f4 !important;
}

a.is-link {
  color: #7c3aed;
}

.w-half {
  width: 50% !important;
}

.no-shadow {
  box-shadow: none !important;
}

@media (min-width: 768px) {
  .md\:leading-65 {
    line-height: 65px;
  }
}

.radius-1 {
  border-radius: 1px !important;
}

.radius-2 {
  border-radius: 2px !important;
}

.radius-3 {
  border-radius: 3px !important;
}

.radius-4 {
  border-radius: 4px !important;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-6 {
  border-radius: 6px !important;
}

.radius-7 {
  border-radius: 7px !important;
}

.radius-8 {
  border-radius: 8px !important;
}

.radius-9 {
  border-radius: 9px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-11 {
  border-radius: 11px !important;
}

.radius-12 {
  border-radius: 12px !important;
}

.radius-13 {
  border-radius: 13px !important;
}

.radius-14 {
  border-radius: 14px !important;
}

.radius-15 {
  border-radius: 15px !important;
}

.radius-16 {
  border-radius: 16px !important;
}

.radius-17 {
  border-radius: 17px !important;
}

.radius-18 {
  border-radius: 18px !important;
}

.radius-19 {
  border-radius: 19px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.radius-21 {
  border-radius: 21px !important;
}

.radius-22 {
  border-radius: 22px !important;
}

.radius-23 {
  border-radius: 23px !important;
}

.radius-24 {
  border-radius: 24px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.radius-26 {
  border-radius: 26px !important;
}

.radius-27 {
  border-radius: 27px !important;
}

.radius-28 {
  border-radius: 28px !important;
}

.radius-29 {
  border-radius: 29px !important;
}

.radius-30 {
  border-radius: 30px !important;
}

.radius-31 {
  border-radius: 31px !important;
}

.radius-32 {
  border-radius: 32px !important;
}

.radius-33 {
  border-radius: 33px !important;
}

.radius-34 {
  border-radius: 34px !important;
}

.radius-35 {
  border-radius: 35px !important;
}

.radius-36 {
  border-radius: 36px !important;
}

.radius-37 {
  border-radius: 37px !important;
}

.radius-38 {
  border-radius: 38px !important;
}

.radius-39 {
  border-radius: 39px !important;
}

.radius-40 {
  border-radius: 40px !important;
}

.radius-41 {
  border-radius: 41px !important;
}

.radius-42 {
  border-radius: 42px !important;
}

.radius-43 {
  border-radius: 43px !important;
}

.radius-44 {
  border-radius: 44px !important;
}

.radius-45 {
  border-radius: 45px !important;
}

.radius-46 {
  border-radius: 46px !important;
}

.radius-47 {
  border-radius: 47px !important;
}

.radius-48 {
  border-radius: 48px !important;
}

.radius-49 {
  border-radius: 49px !important;
}

.radius-50 {
  border-radius: 50px !important;
}

.radius-51 {
  border-radius: 51px !important;
}

.radius-52 {
  border-radius: 52px !important;
}

.radius-53 {
  border-radius: 53px !important;
}

.radius-54 {
  border-radius: 54px !important;
}

.radius-55 {
  border-radius: 55px !important;
}

.radius-56 {
  border-radius: 56px !important;
}

.radius-57 {
  border-radius: 57px !important;
}

.radius-58 {
  border-radius: 58px !important;
}

.radius-59 {
  border-radius: 59px !important;
}

.radius-60 {
  border-radius: 60px !important;
}

.radius-61 {
  border-radius: 61px !important;
}

.radius-62 {
  border-radius: 62px !important;
}

.radius-63 {
  border-radius: 63px !important;
}

.radius-64 {
  border-radius: 64px !important;
}

.radius-65 {
  border-radius: 65px !important;
}

.radius-66 {
  border-radius: 66px !important;
}

.radius-67 {
  border-radius: 67px !important;
}

.radius-68 {
  border-radius: 68px !important;
}

.radius-69 {
  border-radius: 69px !important;
}

.radius-70 {
  border-radius: 70px !important;
}

.radius-71 {
  border-radius: 71px !important;
}

.radius-72 {
  border-radius: 72px !important;
}

.radius-73 {
  border-radius: 73px !important;
}

.radius-74 {
  border-radius: 74px !important;
}

.radius-75 {
  border-radius: 75px !important;
}

.radius-76 {
  border-radius: 76px !important;
}

.radius-77 {
  border-radius: 77px !important;
}

.radius-78 {
  border-radius: 78px !important;
}

.radius-79 {
  border-radius: 79px !important;
}

.radius-80 {
  border-radius: 80px !important;
}

.radius-81 {
  border-radius: 81px !important;
}

.radius-82 {
  border-radius: 82px !important;
}

.radius-83 {
  border-radius: 83px !important;
}

.radius-84 {
  border-radius: 84px !important;
}

.radius-85 {
  border-radius: 85px !important;
}

.radius-86 {
  border-radius: 86px !important;
}

.radius-87 {
  border-radius: 87px !important;
}

.radius-88 {
  border-radius: 88px !important;
}

.radius-89 {
  border-radius: 89px !important;
}

.radius-90 {
  border-radius: 90px !important;
}

.radius-91 {
  border-radius: 91px !important;
}

.radius-92 {
  border-radius: 92px !important;
}

.radius-93 {
  border-radius: 93px !important;
}

.radius-94 {
  border-radius: 94px !important;
}

.radius-95 {
  border-radius: 95px !important;
}

.radius-96 {
  border-radius: 96px !important;
}

.radius-97 {
  border-radius: 97px !important;
}

.radius-98 {
  border-radius: 98px !important;
}

.radius-99 {
  border-radius: 99px !important;
}

.radius-100 {
  border-radius: 100px !important;
}

.font--1 {
  font-size: 1px !important;
}

.font--2 {
  font-size: 2px !important;
}

.font--3 {
  font-size: 3px !important;
}

.font--4 {
  font-size: 4px !important;
}

.font--5 {
  font-size: 5px !important;
}

.font--6 {
  font-size: 6px !important;
}

.font--7 {
  font-size: 7px !important;
}

.font--8 {
  font-size: 8px !important;
}

.font--9 {
  font-size: 9px !important;
}

.font--10 {
  font-size: 10px !important;
}

.font--11 {
  font-size: 11px !important;
}

.font--12 {
  font-size: 12px !important;
}

.font--13 {
  font-size: 13px !important;
}

.font--14 {
  font-size: 14px !important;
}

.font--15 {
  font-size: 15px !important;
}

.font--16 {
  font-size: 16px !important;
}

.font--17 {
  font-size: 17px !important;
}

.font--18 {
  font-size: 18px !important;
}

.font--19 {
  font-size: 19px !important;
}

.font--20 {
  font-size: 20px !important;
}

.font--21 {
  font-size: 21px !important;
}

.font--22 {
  font-size: 22px !important;
}

.font--23 {
  font-size: 23px !important;
}

.font--24 {
  font-size: 24px !important;
}

.font--25 {
  font-size: 25px !important;
}

.font--26 {
  font-size: 26px !important;
}

.font--27 {
  font-size: 27px !important;
}

.font--28 {
  font-size: 28px !important;
}

.font--29 {
  font-size: 29px !important;
}

.font--30 {
  font-size: 30px !important;
}

.font--31 {
  font-size: 31px !important;
}

.font--32 {
  font-size: 32px !important;
}

.font--33 {
  font-size: 33px !important;
}

.font--34 {
  font-size: 34px !important;
}

.font--35 {
  font-size: 35px !important;
}

.font--36 {
  font-size: 36px !important;
}

.font--37 {
  font-size: 37px !important;
}

.font--38 {
  font-size: 38px !important;
}

.font--39 {
  font-size: 39px !important;
}

.font--40 {
  font-size: 40px !important;
}

.font--41 {
  font-size: 41px !important;
}

.font--42 {
  font-size: 42px !important;
}

.font--43 {
  font-size: 43px !important;
}

.font--44 {
  font-size: 44px !important;
}

.font--45 {
  font-size: 45px !important;
}

.font--46 {
  font-size: 46px !important;
}

.font--47 {
  font-size: 47px !important;
}

.font--48 {
  font-size: 48px !important;
}

.font--49 {
  font-size: 49px !important;
}

.font--50 {
  font-size: 50px !important;
}

.font--51 {
  font-size: 51px !important;
}

.font--52 {
  font-size: 52px !important;
}

.font--53 {
  font-size: 53px !important;
}

.font--54 {
  font-size: 54px !important;
}

.font--55 {
  font-size: 55px !important;
}

.font--56 {
  font-size: 56px !important;
}

.font--57 {
  font-size: 57px !important;
}

.font--58 {
  font-size: 58px !important;
}

.font--59 {
  font-size: 59px !important;
}

.font--60 {
  font-size: 60px !important;
}

.font--61 {
  font-size: 61px !important;
}

.font--62 {
  font-size: 62px !important;
}

.font--63 {
  font-size: 63px !important;
}

.font--64 {
  font-size: 64px !important;
}

.font--65 {
  font-size: 65px !important;
}

.font--66 {
  font-size: 66px !important;
}

.font--67 {
  font-size: 67px !important;
}

.font--68 {
  font-size: 68px !important;
}

.font--69 {
  font-size: 69px !important;
}

.font--70 {
  font-size: 70px !important;
}

.font--71 {
  font-size: 71px !important;
}

.font--72 {
  font-size: 72px !important;
}

.font--73 {
  font-size: 73px !important;
}

.font--74 {
  font-size: 74px !important;
}

.font--75 {
  font-size: 75px !important;
}

.font--76 {
  font-size: 76px !important;
}

.font--77 {
  font-size: 77px !important;
}

.font--78 {
  font-size: 78px !important;
}

.font--79 {
  font-size: 79px !important;
}

.font--80 {
  font-size: 80px !important;
}

.font--81 {
  font-size: 81px !important;
}

.font--82 {
  font-size: 82px !important;
}

.font--83 {
  font-size: 83px !important;
}

.font--84 {
  font-size: 84px !important;
}

.font--85 {
  font-size: 85px !important;
}

.font--86 {
  font-size: 86px !important;
}

.font--87 {
  font-size: 87px !important;
}

.font--88 {
  font-size: 88px !important;
}

.font--89 {
  font-size: 89px !important;
}

.font--90 {
  font-size: 90px !important;
}

.font--91 {
  font-size: 91px !important;
}

.font--92 {
  font-size: 92px !important;
}

.font--93 {
  font-size: 93px !important;
}

.font--94 {
  font-size: 94px !important;
}

.font--95 {
  font-size: 95px !important;
}

.font--96 {
  font-size: 96px !important;
}

.font--97 {
  font-size: 97px !important;
}

.font--98 {
  font-size: 98px !important;
}

.font--99 {
  font-size: 99px !important;
}

.font--100 {
  font-size: 100px !important;
}

.h-1em {
  height: 1em !important;
}

.h-2em {
  height: 2em !important;
}

.h-3em {
  height: 3em !important;
}

.h-4em {
  height: 4em !important;
}

.h-5em {
  height: 5em !important;
}

.h-6em {
  height: 6em !important;
}

.h-7em {
  height: 7em !important;
}

.h-8em {
  height: 8em !important;
}

.h-9em {
  height: 9em !important;
}

.h-10em {
  height: 10em !important;
}

.h-11em {
  height: 11em !important;
}

.h-12em {
  height: 12em !important;
}

.h-13em {
  height: 13em !important;
}

.h-14em {
  height: 14em !important;
}

.h-15em {
  height: 15em !important;
}

.h-16em {
  height: 16em !important;
}

.h-17em {
  height: 17em !important;
}

.h-18em {
  height: 18em !important;
}

.h-19em {
  height: 19em !important;
}

.h-20em {
  height: 20em !important;
}

.h-21em {
  height: 21em !important;
}

.h-22em {
  height: 22em !important;
}

.h-23em {
  height: 23em !important;
}

.h-24em {
  height: 24em !important;
}

.h-25em {
  height: 25em !important;
}

.h-26em {
  height: 26em !important;
}

.h-27em {
  height: 27em !important;
}

.h-28em {
  height: 28em !important;
}

.h-29em {
  height: 29em !important;
}

.h-30em {
  height: 30em !important;
}

.h-31em {
  height: 31em !important;
}

.h-32em {
  height: 32em !important;
}

.h-33em {
  height: 33em !important;
}

.h-34em {
  height: 34em !important;
}

.h-35em {
  height: 35em !important;
}

.h-36em {
  height: 36em !important;
}

.h-37em {
  height: 37em !important;
}

.h-38em {
  height: 38em !important;
}

.h-39em {
  height: 39em !important;
}

.h-40em {
  height: 40em !important;
}

.h-41em {
  height: 41em !important;
}

.h-42em {
  height: 42em !important;
}

.h-43em {
  height: 43em !important;
}

.h-44em {
  height: 44em !important;
}

.h-45em {
  height: 45em !important;
}

.h-46em {
  height: 46em !important;
}

.h-47em {
  height: 47em !important;
}

.h-48em {
  height: 48em !important;
}

.h-49em {
  height: 49em !important;
}

.h-50em {
  height: 50em !important;
}

.h-51em {
  height: 51em !important;
}

.h-52em {
  height: 52em !important;
}

.h-53em {
  height: 53em !important;
}

.h-54em {
  height: 54em !important;
}

.h-55em {
  height: 55em !important;
}

.h-56em {
  height: 56em !important;
}

.h-57em {
  height: 57em !important;
}

.h-58em {
  height: 58em !important;
}

.h-59em {
  height: 59em !important;
}

.h-60em {
  height: 60em !important;
}

.h-61em {
  height: 61em !important;
}

.h-62em {
  height: 62em !important;
}

.h-63em {
  height: 63em !important;
}

.h-64em {
  height: 64em !important;
}

.h-65em {
  height: 65em !important;
}

.h-66em {
  height: 66em !important;
}

.h-67em {
  height: 67em !important;
}

.h-68em {
  height: 68em !important;
}

.h-69em {
  height: 69em !important;
}

.h-70em {
  height: 70em !important;
}

.h-71em {
  height: 71em !important;
}

.h-72em {
  height: 72em !important;
}

.h-73em {
  height: 73em !important;
}

.h-74em {
  height: 74em !important;
}

.h-75em {
  height: 75em !important;
}

.h-76em {
  height: 76em !important;
}

.h-77em {
  height: 77em !important;
}

.h-78em {
  height: 78em !important;
}

.h-79em {
  height: 79em !important;
}

.h-80em {
  height: 80em !important;
}

.h-81em {
  height: 81em !important;
}

.h-82em {
  height: 82em !important;
}

.h-83em {
  height: 83em !important;
}

.h-84em {
  height: 84em !important;
}

.h-85em {
  height: 85em !important;
}

.h-86em {
  height: 86em !important;
}

.h-87em {
  height: 87em !important;
}

.h-88em {
  height: 88em !important;
}

.h-89em {
  height: 89em !important;
}

.h-90em {
  height: 90em !important;
}

.h-91em {
  height: 91em !important;
}

.h-92em {
  height: 92em !important;
}

.h-93em {
  height: 93em !important;
}

.h-94em {
  height: 94em !important;
}

.h-95em {
  height: 95em !important;
}

.h-96em {
  height: 96em !important;
}

.h-97em {
  height: 97em !important;
}

.h-98em {
  height: 98em !important;
}

.h-99em {
  height: 99em !important;
}

.h-100em {
  height: 100em !important;
}

.h-101em {
  height: 101em !important;
}

.h-102em {
  height: 102em !important;
}

.h-103em {
  height: 103em !important;
}

.h-104em {
  height: 104em !important;
}

.h-105em {
  height: 105em !important;
}

.h-106em {
  height: 106em !important;
}

.h-107em {
  height: 107em !important;
}

.h-108em {
  height: 108em !important;
}

.h-109em {
  height: 109em !important;
}

.h-110em {
  height: 110em !important;
}

.h-111em {
  height: 111em !important;
}

.h-112em {
  height: 112em !important;
}

.h-113em {
  height: 113em !important;
}

.h-114em {
  height: 114em !important;
}

.h-115em {
  height: 115em !important;
}

.h-116em {
  height: 116em !important;
}

.h-117em {
  height: 117em !important;
}

.h-118em {
  height: 118em !important;
}

.h-119em {
  height: 119em !important;
}

.h-120em {
  height: 120em !important;
}

.h-121em {
  height: 121em !important;
}

.h-122em {
  height: 122em !important;
}

.h-123em {
  height: 123em !important;
}

.h-124em {
  height: 124em !important;
}

.h-125em {
  height: 125em !important;
}

.h-126em {
  height: 126em !important;
}

.h-127em {
  height: 127em !important;
}

.h-128em {
  height: 128em !important;
}

.h-129em {
  height: 129em !important;
}

.h-130em {
  height: 130em !important;
}

.h-131em {
  height: 131em !important;
}

.h-132em {
  height: 132em !important;
}

.h-133em {
  height: 133em !important;
}

.h-134em {
  height: 134em !important;
}

.h-135em {
  height: 135em !important;
}

.h-136em {
  height: 136em !important;
}

.h-137em {
  height: 137em !important;
}

.h-138em {
  height: 138em !important;
}

.h-139em {
  height: 139em !important;
}

.h-140em {
  height: 140em !important;
}

.h-141em {
  height: 141em !important;
}

.h-142em {
  height: 142em !important;
}

.h-143em {
  height: 143em !important;
}

.h-144em {
  height: 144em !important;
}

.h-145em {
  height: 145em !important;
}

.h-146em {
  height: 146em !important;
}

.h-147em {
  height: 147em !important;
}

.h-148em {
  height: 148em !important;
}

.h-149em {
  height: 149em !important;
}

.h-150em {
  height: 150em !important;
}

.h-151em {
  height: 151em !important;
}

.h-152em {
  height: 152em !important;
}

.h-153em {
  height: 153em !important;
}

.h-154em {
  height: 154em !important;
}

.h-155em {
  height: 155em !important;
}

.h-156em {
  height: 156em !important;
}

.h-157em {
  height: 157em !important;
}

.h-158em {
  height: 158em !important;
}

.h-159em {
  height: 159em !important;
}

.h-160em {
  height: 160em !important;
}

.h-161em {
  height: 161em !important;
}

.h-162em {
  height: 162em !important;
}

.h-163em {
  height: 163em !important;
}

.h-164em {
  height: 164em !important;
}

.h-165em {
  height: 165em !important;
}

.h-166em {
  height: 166em !important;
}

.h-167em {
  height: 167em !important;
}

.h-168em {
  height: 168em !important;
}

.h-169em {
  height: 169em !important;
}

.h-170em {
  height: 170em !important;
}

.h-171em {
  height: 171em !important;
}

.h-172em {
  height: 172em !important;
}

.h-173em {
  height: 173em !important;
}

.h-174em {
  height: 174em !important;
}

.h-175em {
  height: 175em !important;
}

.h-176em {
  height: 176em !important;
}

.h-177em {
  height: 177em !important;
}

.h-178em {
  height: 178em !important;
}

.h-179em {
  height: 179em !important;
}

.h-180em {
  height: 180em !important;
}

.h-181em {
  height: 181em !important;
}

.h-182em {
  height: 182em !important;
}

.h-183em {
  height: 183em !important;
}

.h-184em {
  height: 184em !important;
}

.h-185em {
  height: 185em !important;
}

.h-186em {
  height: 186em !important;
}

.h-187em {
  height: 187em !important;
}

.h-188em {
  height: 188em !important;
}

.h-189em {
  height: 189em !important;
}

.h-190em {
  height: 190em !important;
}

.h-191em {
  height: 191em !important;
}

.h-192em {
  height: 192em !important;
}

.h-193em {
  height: 193em !important;
}

.h-194em {
  height: 194em !important;
}

.h-195em {
  height: 195em !important;
}

.h-196em {
  height: 196em !important;
}

.h-197em {
  height: 197em !important;
}

.h-198em {
  height: 198em !important;
}

.h-199em {
  height: 199em !important;
}

.h-200em {
  height: 200em !important;
}

.w-1em {
  width: 1em !important;
}

.w-2em {
  width: 2em !important;
}

.w-3em {
  width: 3em !important;
}

.w-4em {
  width: 4em !important;
}

.w-5em {
  width: 5em !important;
}

.w-6em {
  width: 6em !important;
}

.w-7em {
  width: 7em !important;
}

.w-8em {
  width: 8em !important;
}

.w-9em {
  width: 9em !important;
}

.w-10em {
  width: 10em !important;
}

.w-11em {
  width: 11em !important;
}

.w-12em {
  width: 12em !important;
}

.w-13em {
  width: 13em !important;
}

.w-14em {
  width: 14em !important;
}

.w-15em {
  width: 15em !important;
}

.w-16em {
  width: 16em !important;
}

.w-17em {
  width: 17em !important;
}

.w-18em {
  width: 18em !important;
}

.w-19em {
  width: 19em !important;
}

.w-20em {
  width: 20em !important;
}

.w-21em {
  width: 21em !important;
}

.w-22em {
  width: 22em !important;
}

.w-23em {
  width: 23em !important;
}

.w-24em {
  width: 24em !important;
}

.w-25em {
  width: 25em !important;
}

.w-26em {
  width: 26em !important;
}

.w-27em {
  width: 27em !important;
}

.w-28em {
  width: 28em !important;
}

.w-29em {
  width: 29em !important;
}

.w-30em {
  width: 30em !important;
}

.w-31em {
  width: 31em !important;
}

.w-32em {
  width: 32em !important;
}

.w-33em {
  width: 33em !important;
}

.w-34em {
  width: 34em !important;
}

.w-35em {
  width: 35em !important;
}

.w-36em {
  width: 36em !important;
}

.w-37em {
  width: 37em !important;
}

.w-38em {
  width: 38em !important;
}

.w-39em {
  width: 39em !important;
}

.w-40em {
  width: 40em !important;
}

.w-41em {
  width: 41em !important;
}

.w-42em {
  width: 42em !important;
}

.w-43em {
  width: 43em !important;
}

.w-44em {
  width: 44em !important;
}

.w-45em {
  width: 45em !important;
}

.w-46em {
  width: 46em !important;
}

.w-47em {
  width: 47em !important;
}

.w-48em {
  width: 48em !important;
}

.w-49em {
  width: 49em !important;
}

.w-50em {
  width: 50em !important;
}

.w-51em {
  width: 51em !important;
}

.w-52em {
  width: 52em !important;
}

.w-53em {
  width: 53em !important;
}

.w-54em {
  width: 54em !important;
}

.w-55em {
  width: 55em !important;
}

.w-56em {
  width: 56em !important;
}

.w-57em {
  width: 57em !important;
}

.w-58em {
  width: 58em !important;
}

.w-59em {
  width: 59em !important;
}

.w-60em {
  width: 60em !important;
}

.w-61em {
  width: 61em !important;
}

.w-62em {
  width: 62em !important;
}

.w-63em {
  width: 63em !important;
}

.w-64em {
  width: 64em !important;
}

.w-65em {
  width: 65em !important;
}

.w-66em {
  width: 66em !important;
}

.w-67em {
  width: 67em !important;
}

.w-68em {
  width: 68em !important;
}

.w-69em {
  width: 69em !important;
}

.w-70em {
  width: 70em !important;
}

.w-71em {
  width: 71em !important;
}

.w-72em {
  width: 72em !important;
}

.w-73em {
  width: 73em !important;
}

.w-74em {
  width: 74em !important;
}

.w-75em {
  width: 75em !important;
}

.w-76em {
  width: 76em !important;
}

.w-77em {
  width: 77em !important;
}

.w-78em {
  width: 78em !important;
}

.w-79em {
  width: 79em !important;
}

.w-80em {
  width: 80em !important;
}

.w-81em {
  width: 81em !important;
}

.w-82em {
  width: 82em !important;
}

.w-83em {
  width: 83em !important;
}

.w-84em {
  width: 84em !important;
}

.w-85em {
  width: 85em !important;
}

.w-86em {
  width: 86em !important;
}

.w-87em {
  width: 87em !important;
}

.w-88em {
  width: 88em !important;
}

.w-89em {
  width: 89em !important;
}

.w-90em {
  width: 90em !important;
}

.w-91em {
  width: 91em !important;
}

.w-92em {
  width: 92em !important;
}

.w-93em {
  width: 93em !important;
}

.w-94em {
  width: 94em !important;
}

.w-95em {
  width: 95em !important;
}

.w-96em {
  width: 96em !important;
}

.w-97em {
  width: 97em !important;
}

.w-98em {
  width: 98em !important;
}

.w-99em {
  width: 99em !important;
}

.w-100em {
  width: 100em !important;
}

.w-101em {
  width: 101em !important;
}

.w-102em {
  width: 102em !important;
}

.w-103em {
  width: 103em !important;
}

.w-104em {
  width: 104em !important;
}

.w-105em {
  width: 105em !important;
}

.w-106em {
  width: 106em !important;
}

.w-107em {
  width: 107em !important;
}

.w-108em {
  width: 108em !important;
}

.w-109em {
  width: 109em !important;
}

.w-110em {
  width: 110em !important;
}

.w-111em {
  width: 111em !important;
}

.w-112em {
  width: 112em !important;
}

.w-113em {
  width: 113em !important;
}

.w-114em {
  width: 114em !important;
}

.w-115em {
  width: 115em !important;
}

.w-116em {
  width: 116em !important;
}

.w-117em {
  width: 117em !important;
}

.w-118em {
  width: 118em !important;
}

.w-119em {
  width: 119em !important;
}

.w-120em {
  width: 120em !important;
}

.w-121em {
  width: 121em !important;
}

.w-122em {
  width: 122em !important;
}

.w-123em {
  width: 123em !important;
}

.w-124em {
  width: 124em !important;
}

.w-125em {
  width: 125em !important;
}

.w-126em {
  width: 126em !important;
}

.w-127em {
  width: 127em !important;
}

.w-128em {
  width: 128em !important;
}

.w-129em {
  width: 129em !important;
}

.w-130em {
  width: 130em !important;
}

.w-131em {
  width: 131em !important;
}

.w-132em {
  width: 132em !important;
}

.w-133em {
  width: 133em !important;
}

.w-134em {
  width: 134em !important;
}

.w-135em {
  width: 135em !important;
}

.w-136em {
  width: 136em !important;
}

.w-137em {
  width: 137em !important;
}

.w-138em {
  width: 138em !important;
}

.w-139em {
  width: 139em !important;
}

.w-140em {
  width: 140em !important;
}

.w-141em {
  width: 141em !important;
}

.w-142em {
  width: 142em !important;
}

.w-143em {
  width: 143em !important;
}

.w-144em {
  width: 144em !important;
}

.w-145em {
  width: 145em !important;
}

.w-146em {
  width: 146em !important;
}

.w-147em {
  width: 147em !important;
}

.w-148em {
  width: 148em !important;
}

.w-149em {
  width: 149em !important;
}

.w-150em {
  width: 150em !important;
}

.w-151em {
  width: 151em !important;
}

.w-152em {
  width: 152em !important;
}

.w-153em {
  width: 153em !important;
}

.w-154em {
  width: 154em !important;
}

.w-155em {
  width: 155em !important;
}

.w-156em {
  width: 156em !important;
}

.w-157em {
  width: 157em !important;
}

.w-158em {
  width: 158em !important;
}

.w-159em {
  width: 159em !important;
}

.w-160em {
  width: 160em !important;
}

.w-161em {
  width: 161em !important;
}

.w-162em {
  width: 162em !important;
}

.w-163em {
  width: 163em !important;
}

.w-164em {
  width: 164em !important;
}

.w-165em {
  width: 165em !important;
}

.w-166em {
  width: 166em !important;
}

.w-167em {
  width: 167em !important;
}

.w-168em {
  width: 168em !important;
}

.w-169em {
  width: 169em !important;
}

.w-170em {
  width: 170em !important;
}

.w-171em {
  width: 171em !important;
}

.w-172em {
  width: 172em !important;
}

.w-173em {
  width: 173em !important;
}

.w-174em {
  width: 174em !important;
}

.w-175em {
  width: 175em !important;
}

.w-176em {
  width: 176em !important;
}

.w-177em {
  width: 177em !important;
}

.w-178em {
  width: 178em !important;
}

.w-179em {
  width: 179em !important;
}

.w-180em {
  width: 180em !important;
}

.w-181em {
  width: 181em !important;
}

.w-182em {
  width: 182em !important;
}

.w-183em {
  width: 183em !important;
}

.w-184em {
  width: 184em !important;
}

.w-185em {
  width: 185em !important;
}

.w-186em {
  width: 186em !important;
}

.w-187em {
  width: 187em !important;
}

.w-188em {
  width: 188em !important;
}

.w-189em {
  width: 189em !important;
}

.w-190em {
  width: 190em !important;
}

.w-191em {
  width: 191em !important;
}

.w-192em {
  width: 192em !important;
}

.w-193em {
  width: 193em !important;
}

.w-194em {
  width: 194em !important;
}

.w-195em {
  width: 195em !important;
}

.w-196em {
  width: 196em !important;
}

.w-197em {
  width: 197em !important;
}

.w-198em {
  width: 198em !important;
}

.w-199em {
  width: 199em !important;
}

.w-200em {
  width: 200em !important;
}

.h--1 {
  height: 1px !important;
}

.h--2 {
  height: 2px !important;
}

.h--3 {
  height: 3px !important;
}

.h--4 {
  height: 4px !important;
}

.h--5 {
  height: 5px !important;
}

.h--6 {
  height: 6px !important;
}

.h--7 {
  height: 7px !important;
}

.h--8 {
  height: 8px !important;
}

.h--9 {
  height: 9px !important;
}

.h--10 {
  height: 10px !important;
}

.h--11 {
  height: 11px !important;
}

.h--12 {
  height: 12px !important;
}

.h--13 {
  height: 13px !important;
}

.h--14 {
  height: 14px !important;
}

.h--15 {
  height: 15px !important;
}

.h--16 {
  height: 16px !important;
}

.h--17 {
  height: 17px !important;
}

.h--18 {
  height: 18px !important;
}

.h--19 {
  height: 19px !important;
}

.h--20 {
  height: 20px !important;
}

.h--21 {
  height: 21px !important;
}

.h--22 {
  height: 22px !important;
}

.h--23 {
  height: 23px !important;
}

.h--24 {
  height: 24px !important;
}

.h--25 {
  height: 25px !important;
}

.h--26 {
  height: 26px !important;
}

.h--27 {
  height: 27px !important;
}

.h--28 {
  height: 28px !important;
}

.h--29 {
  height: 29px !important;
}

.h--30 {
  height: 30px !important;
}

.h--31 {
  height: 31px !important;
}

.h--32 {
  height: 32px !important;
}

.h--33 {
  height: 33px !important;
}

.h--34 {
  height: 34px !important;
}

.h--35 {
  height: 35px !important;
}

.h--36 {
  height: 36px !important;
}

.h--37 {
  height: 37px !important;
}

.h--38 {
  height: 38px !important;
}

.h--39 {
  height: 39px !important;
}

.h--40 {
  height: 40px !important;
}

.h--41 {
  height: 41px !important;
}

.h--42 {
  height: 42px !important;
}

.h--43 {
  height: 43px !important;
}

.h--44 {
  height: 44px !important;
}

.h--45 {
  height: 45px !important;
}

.h--46 {
  height: 46px !important;
}

.h--47 {
  height: 47px !important;
}

.h--48 {
  height: 48px !important;
}

.h--49 {
  height: 49px !important;
}

.h--50 {
  height: 50px !important;
}

.h--51 {
  height: 51px !important;
}

.h--52 {
  height: 52px !important;
}

.h--53 {
  height: 53px !important;
}

.h--54 {
  height: 54px !important;
}

.h--55 {
  height: 55px !important;
}

.h--56 {
  height: 56px !important;
}

.h--57 {
  height: 57px !important;
}

.h--58 {
  height: 58px !important;
}

.h--59 {
  height: 59px !important;
}

.h--60 {
  height: 60px !important;
}

.h--61 {
  height: 61px !important;
}

.h--62 {
  height: 62px !important;
}

.h--63 {
  height: 63px !important;
}

.h--64 {
  height: 64px !important;
}

.h--65 {
  height: 65px !important;
}

.h--66 {
  height: 66px !important;
}

.h--67 {
  height: 67px !important;
}

.h--68 {
  height: 68px !important;
}

.h--69 {
  height: 69px !important;
}

.h--70 {
  height: 70px !important;
}

.h--71 {
  height: 71px !important;
}

.h--72 {
  height: 72px !important;
}

.h--73 {
  height: 73px !important;
}

.h--74 {
  height: 74px !important;
}

.h--75 {
  height: 75px !important;
}

.h--76 {
  height: 76px !important;
}

.h--77 {
  height: 77px !important;
}

.h--78 {
  height: 78px !important;
}

.h--79 {
  height: 79px !important;
}

.h--80 {
  height: 80px !important;
}

.h--81 {
  height: 81px !important;
}

.h--82 {
  height: 82px !important;
}

.h--83 {
  height: 83px !important;
}

.h--84 {
  height: 84px !important;
}

.h--85 {
  height: 85px !important;
}

.h--86 {
  height: 86px !important;
}

.h--87 {
  height: 87px !important;
}

.h--88 {
  height: 88px !important;
}

.h--89 {
  height: 89px !important;
}

.h--90 {
  height: 90px !important;
}

.h--91 {
  height: 91px !important;
}

.h--92 {
  height: 92px !important;
}

.h--93 {
  height: 93px !important;
}

.h--94 {
  height: 94px !important;
}

.h--95 {
  height: 95px !important;
}

.h--96 {
  height: 96px !important;
}

.h--97 {
  height: 97px !important;
}

.h--98 {
  height: 98px !important;
}

.h--99 {
  height: 99px !important;
}

.h--100 {
  height: 100px !important;
}

.h--101 {
  height: 101px !important;
}

.h--102 {
  height: 102px !important;
}

.h--103 {
  height: 103px !important;
}

.h--104 {
  height: 104px !important;
}

.h--105 {
  height: 105px !important;
}

.h--106 {
  height: 106px !important;
}

.h--107 {
  height: 107px !important;
}

.h--108 {
  height: 108px !important;
}

.h--109 {
  height: 109px !important;
}

.h--110 {
  height: 110px !important;
}

.h--111 {
  height: 111px !important;
}

.h--112 {
  height: 112px !important;
}

.h--113 {
  height: 113px !important;
}

.h--114 {
  height: 114px !important;
}

.h--115 {
  height: 115px !important;
}

.h--116 {
  height: 116px !important;
}

.h--117 {
  height: 117px !important;
}

.h--118 {
  height: 118px !important;
}

.h--119 {
  height: 119px !important;
}

.h--120 {
  height: 120px !important;
}

.h--121 {
  height: 121px !important;
}

.h--122 {
  height: 122px !important;
}

.h--123 {
  height: 123px !important;
}

.h--124 {
  height: 124px !important;
}

.h--125 {
  height: 125px !important;
}

.h--126 {
  height: 126px !important;
}

.h--127 {
  height: 127px !important;
}

.h--128 {
  height: 128px !important;
}

.h--129 {
  height: 129px !important;
}

.h--130 {
  height: 130px !important;
}

.h--131 {
  height: 131px !important;
}

.h--132 {
  height: 132px !important;
}

.h--133 {
  height: 133px !important;
}

.h--134 {
  height: 134px !important;
}

.h--135 {
  height: 135px !important;
}

.h--136 {
  height: 136px !important;
}

.h--137 {
  height: 137px !important;
}

.h--138 {
  height: 138px !important;
}

.h--139 {
  height: 139px !important;
}

.h--140 {
  height: 140px !important;
}

.h--141 {
  height: 141px !important;
}

.h--142 {
  height: 142px !important;
}

.h--143 {
  height: 143px !important;
}

.h--144 {
  height: 144px !important;
}

.h--145 {
  height: 145px !important;
}

.h--146 {
  height: 146px !important;
}

.h--147 {
  height: 147px !important;
}

.h--148 {
  height: 148px !important;
}

.h--149 {
  height: 149px !important;
}

.h--150 {
  height: 150px !important;
}

.h--151 {
  height: 151px !important;
}

.h--152 {
  height: 152px !important;
}

.h--153 {
  height: 153px !important;
}

.h--154 {
  height: 154px !important;
}

.h--155 {
  height: 155px !important;
}

.h--156 {
  height: 156px !important;
}

.h--157 {
  height: 157px !important;
}

.h--158 {
  height: 158px !important;
}

.h--159 {
  height: 159px !important;
}

.h--160 {
  height: 160px !important;
}

.h--161 {
  height: 161px !important;
}

.h--162 {
  height: 162px !important;
}

.h--163 {
  height: 163px !important;
}

.h--164 {
  height: 164px !important;
}

.h--165 {
  height: 165px !important;
}

.h--166 {
  height: 166px !important;
}

.h--167 {
  height: 167px !important;
}

.h--168 {
  height: 168px !important;
}

.h--169 {
  height: 169px !important;
}

.h--170 {
  height: 170px !important;
}

.h--171 {
  height: 171px !important;
}

.h--172 {
  height: 172px !important;
}

.h--173 {
  height: 173px !important;
}

.h--174 {
  height: 174px !important;
}

.h--175 {
  height: 175px !important;
}

.h--176 {
  height: 176px !important;
}

.h--177 {
  height: 177px !important;
}

.h--178 {
  height: 178px !important;
}

.h--179 {
  height: 179px !important;
}

.h--180 {
  height: 180px !important;
}

.h--181 {
  height: 181px !important;
}

.h--182 {
  height: 182px !important;
}

.h--183 {
  height: 183px !important;
}

.h--184 {
  height: 184px !important;
}

.h--185 {
  height: 185px !important;
}

.h--186 {
  height: 186px !important;
}

.h--187 {
  height: 187px !important;
}

.h--188 {
  height: 188px !important;
}

.h--189 {
  height: 189px !important;
}

.h--190 {
  height: 190px !important;
}

.h--191 {
  height: 191px !important;
}

.h--192 {
  height: 192px !important;
}

.h--193 {
  height: 193px !important;
}

.h--194 {
  height: 194px !important;
}

.h--195 {
  height: 195px !important;
}

.h--196 {
  height: 196px !important;
}

.h--197 {
  height: 197px !important;
}

.h--198 {
  height: 198px !important;
}

.h--199 {
  height: 199px !important;
}

.h--200 {
  height: 200px !important;
}

.h--201 {
  height: 201px !important;
}

.h--202 {
  height: 202px !important;
}

.h--203 {
  height: 203px !important;
}

.h--204 {
  height: 204px !important;
}

.h--205 {
  height: 205px !important;
}

.h--206 {
  height: 206px !important;
}

.h--207 {
  height: 207px !important;
}

.h--208 {
  height: 208px !important;
}

.h--209 {
  height: 209px !important;
}

.h--210 {
  height: 210px !important;
}

.h--211 {
  height: 211px !important;
}

.h--212 {
  height: 212px !important;
}

.h--213 {
  height: 213px !important;
}

.h--214 {
  height: 214px !important;
}

.h--215 {
  height: 215px !important;
}

.h--216 {
  height: 216px !important;
}

.h--217 {
  height: 217px !important;
}

.h--218 {
  height: 218px !important;
}

.h--219 {
  height: 219px !important;
}

.h--220 {
  height: 220px !important;
}

.h--221 {
  height: 221px !important;
}

.h--222 {
  height: 222px !important;
}

.h--223 {
  height: 223px !important;
}

.h--224 {
  height: 224px !important;
}

.h--225 {
  height: 225px !important;
}

.h--226 {
  height: 226px !important;
}

.h--227 {
  height: 227px !important;
}

.h--228 {
  height: 228px !important;
}

.h--229 {
  height: 229px !important;
}

.h--230 {
  height: 230px !important;
}

.h--231 {
  height: 231px !important;
}

.h--232 {
  height: 232px !important;
}

.h--233 {
  height: 233px !important;
}

.h--234 {
  height: 234px !important;
}

.h--235 {
  height: 235px !important;
}

.h--236 {
  height: 236px !important;
}

.h--237 {
  height: 237px !important;
}

.h--238 {
  height: 238px !important;
}

.h--239 {
  height: 239px !important;
}

.h--240 {
  height: 240px !important;
}

.h--241 {
  height: 241px !important;
}

.h--242 {
  height: 242px !important;
}

.h--243 {
  height: 243px !important;
}

.h--244 {
  height: 244px !important;
}

.h--245 {
  height: 245px !important;
}

.h--246 {
  height: 246px !important;
}

.h--247 {
  height: 247px !important;
}

.h--248 {
  height: 248px !important;
}

.h--249 {
  height: 249px !important;
}

.h--250 {
  height: 250px !important;
}

.h--251 {
  height: 251px !important;
}

.h--252 {
  height: 252px !important;
}

.h--253 {
  height: 253px !important;
}

.h--254 {
  height: 254px !important;
}

.h--255 {
  height: 255px !important;
}

.h--256 {
  height: 256px !important;
}

.h--257 {
  height: 257px !important;
}

.h--258 {
  height: 258px !important;
}

.h--259 {
  height: 259px !important;
}

.h--260 {
  height: 260px !important;
}

.h--261 {
  height: 261px !important;
}

.h--262 {
  height: 262px !important;
}

.h--263 {
  height: 263px !important;
}

.h--264 {
  height: 264px !important;
}

.h--265 {
  height: 265px !important;
}

.h--266 {
  height: 266px !important;
}

.h--267 {
  height: 267px !important;
}

.h--268 {
  height: 268px !important;
}

.h--269 {
  height: 269px !important;
}

.h--270 {
  height: 270px !important;
}

.h--271 {
  height: 271px !important;
}

.h--272 {
  height: 272px !important;
}

.h--273 {
  height: 273px !important;
}

.h--274 {
  height: 274px !important;
}

.h--275 {
  height: 275px !important;
}

.h--276 {
  height: 276px !important;
}

.h--277 {
  height: 277px !important;
}

.h--278 {
  height: 278px !important;
}

.h--279 {
  height: 279px !important;
}

.h--280 {
  height: 280px !important;
}

.h--281 {
  height: 281px !important;
}

.h--282 {
  height: 282px !important;
}

.h--283 {
  height: 283px !important;
}

.h--284 {
  height: 284px !important;
}

.h--285 {
  height: 285px !important;
}

.h--286 {
  height: 286px !important;
}

.h--287 {
  height: 287px !important;
}

.h--288 {
  height: 288px !important;
}

.h--289 {
  height: 289px !important;
}

.h--290 {
  height: 290px !important;
}

.h--291 {
  height: 291px !important;
}

.h--292 {
  height: 292px !important;
}

.h--293 {
  height: 293px !important;
}

.h--294 {
  height: 294px !important;
}

.h--295 {
  height: 295px !important;
}

.h--296 {
  height: 296px !important;
}

.h--297 {
  height: 297px !important;
}

.h--298 {
  height: 298px !important;
}

.h--299 {
  height: 299px !important;
}

.h--300 {
  height: 300px !important;
}

.h--301 {
  height: 301px !important;
}

.h--302 {
  height: 302px !important;
}

.h--303 {
  height: 303px !important;
}

.h--304 {
  height: 304px !important;
}

.h--305 {
  height: 305px !important;
}

.h--306 {
  height: 306px !important;
}

.h--307 {
  height: 307px !important;
}

.h--308 {
  height: 308px !important;
}

.h--309 {
  height: 309px !important;
}

.h--310 {
  height: 310px !important;
}

.h--311 {
  height: 311px !important;
}

.h--312 {
  height: 312px !important;
}

.h--313 {
  height: 313px !important;
}

.h--314 {
  height: 314px !important;
}

.h--315 {
  height: 315px !important;
}

.h--316 {
  height: 316px !important;
}

.h--317 {
  height: 317px !important;
}

.h--318 {
  height: 318px !important;
}

.h--319 {
  height: 319px !important;
}

.h--320 {
  height: 320px !important;
}

.h--321 {
  height: 321px !important;
}

.h--322 {
  height: 322px !important;
}

.h--323 {
  height: 323px !important;
}

.h--324 {
  height: 324px !important;
}

.h--325 {
  height: 325px !important;
}

.h--326 {
  height: 326px !important;
}

.h--327 {
  height: 327px !important;
}

.h--328 {
  height: 328px !important;
}

.h--329 {
  height: 329px !important;
}

.h--330 {
  height: 330px !important;
}

.h--331 {
  height: 331px !important;
}

.h--332 {
  height: 332px !important;
}

.h--333 {
  height: 333px !important;
}

.h--334 {
  height: 334px !important;
}

.h--335 {
  height: 335px !important;
}

.h--336 {
  height: 336px !important;
}

.h--337 {
  height: 337px !important;
}

.h--338 {
  height: 338px !important;
}

.h--339 {
  height: 339px !important;
}

.h--340 {
  height: 340px !important;
}

.h--341 {
  height: 341px !important;
}

.h--342 {
  height: 342px !important;
}

.h--343 {
  height: 343px !important;
}

.h--344 {
  height: 344px !important;
}

.h--345 {
  height: 345px !important;
}

.h--346 {
  height: 346px !important;
}

.h--347 {
  height: 347px !important;
}

.h--348 {
  height: 348px !important;
}

.h--349 {
  height: 349px !important;
}

.h--350 {
  height: 350px !important;
}

.h--351 {
  height: 351px !important;
}

.h--352 {
  height: 352px !important;
}

.h--353 {
  height: 353px !important;
}

.h--354 {
  height: 354px !important;
}

.h--355 {
  height: 355px !important;
}

.h--356 {
  height: 356px !important;
}

.h--357 {
  height: 357px !important;
}

.h--358 {
  height: 358px !important;
}

.h--359 {
  height: 359px !important;
}

.h--360 {
  height: 360px !important;
}

.h--361 {
  height: 361px !important;
}

.h--362 {
  height: 362px !important;
}

.h--363 {
  height: 363px !important;
}

.h--364 {
  height: 364px !important;
}

.h--365 {
  height: 365px !important;
}

.h--366 {
  height: 366px !important;
}

.h--367 {
  height: 367px !important;
}

.h--368 {
  height: 368px !important;
}

.h--369 {
  height: 369px !important;
}

.h--370 {
  height: 370px !important;
}

.h--371 {
  height: 371px !important;
}

.h--372 {
  height: 372px !important;
}

.h--373 {
  height: 373px !important;
}

.h--374 {
  height: 374px !important;
}

.h--375 {
  height: 375px !important;
}

.h--376 {
  height: 376px !important;
}

.h--377 {
  height: 377px !important;
}

.h--378 {
  height: 378px !important;
}

.h--379 {
  height: 379px !important;
}

.h--380 {
  height: 380px !important;
}

.h--381 {
  height: 381px !important;
}

.h--382 {
  height: 382px !important;
}

.h--383 {
  height: 383px !important;
}

.h--384 {
  height: 384px !important;
}

.h--385 {
  height: 385px !important;
}

.h--386 {
  height: 386px !important;
}

.h--387 {
  height: 387px !important;
}

.h--388 {
  height: 388px !important;
}

.h--389 {
  height: 389px !important;
}

.h--390 {
  height: 390px !important;
}

.h--391 {
  height: 391px !important;
}

.h--392 {
  height: 392px !important;
}

.h--393 {
  height: 393px !important;
}

.h--394 {
  height: 394px !important;
}

.h--395 {
  height: 395px !important;
}

.h--396 {
  height: 396px !important;
}

.h--397 {
  height: 397px !important;
}

.h--398 {
  height: 398px !important;
}

.h--399 {
  height: 399px !important;
}

.h--400 {
  height: 400px !important;
}

.h--401 {
  height: 401px !important;
}

.h--402 {
  height: 402px !important;
}

.h--403 {
  height: 403px !important;
}

.h--404 {
  height: 404px !important;
}

.h--405 {
  height: 405px !important;
}

.h--406 {
  height: 406px !important;
}

.h--407 {
  height: 407px !important;
}

.h--408 {
  height: 408px !important;
}

.h--409 {
  height: 409px !important;
}

.h--410 {
  height: 410px !important;
}

.h--411 {
  height: 411px !important;
}

.h--412 {
  height: 412px !important;
}

.h--413 {
  height: 413px !important;
}

.h--414 {
  height: 414px !important;
}

.h--415 {
  height: 415px !important;
}

.h--416 {
  height: 416px !important;
}

.h--417 {
  height: 417px !important;
}

.h--418 {
  height: 418px !important;
}

.h--419 {
  height: 419px !important;
}

.h--420 {
  height: 420px !important;
}

.h--421 {
  height: 421px !important;
}

.h--422 {
  height: 422px !important;
}

.h--423 {
  height: 423px !important;
}

.h--424 {
  height: 424px !important;
}

.h--425 {
  height: 425px !important;
}

.h--426 {
  height: 426px !important;
}

.h--427 {
  height: 427px !important;
}

.h--428 {
  height: 428px !important;
}

.h--429 {
  height: 429px !important;
}

.h--430 {
  height: 430px !important;
}

.h--431 {
  height: 431px !important;
}

.h--432 {
  height: 432px !important;
}

.h--433 {
  height: 433px !important;
}

.h--434 {
  height: 434px !important;
}

.h--435 {
  height: 435px !important;
}

.h--436 {
  height: 436px !important;
}

.h--437 {
  height: 437px !important;
}

.h--438 {
  height: 438px !important;
}

.h--439 {
  height: 439px !important;
}

.h--440 {
  height: 440px !important;
}

.h--441 {
  height: 441px !important;
}

.h--442 {
  height: 442px !important;
}

.h--443 {
  height: 443px !important;
}

.h--444 {
  height: 444px !important;
}

.h--445 {
  height: 445px !important;
}

.h--446 {
  height: 446px !important;
}

.h--447 {
  height: 447px !important;
}

.h--448 {
  height: 448px !important;
}

.h--449 {
  height: 449px !important;
}

.h--450 {
  height: 450px !important;
}

.h--451 {
  height: 451px !important;
}

.h--452 {
  height: 452px !important;
}

.h--453 {
  height: 453px !important;
}

.h--454 {
  height: 454px !important;
}

.h--455 {
  height: 455px !important;
}

.h--456 {
  height: 456px !important;
}

.h--457 {
  height: 457px !important;
}

.h--458 {
  height: 458px !important;
}

.h--459 {
  height: 459px !important;
}

.h--460 {
  height: 460px !important;
}

.h--461 {
  height: 461px !important;
}

.h--462 {
  height: 462px !important;
}

.h--463 {
  height: 463px !important;
}

.h--464 {
  height: 464px !important;
}

.h--465 {
  height: 465px !important;
}

.h--466 {
  height: 466px !important;
}

.h--467 {
  height: 467px !important;
}

.h--468 {
  height: 468px !important;
}

.h--469 {
  height: 469px !important;
}

.h--470 {
  height: 470px !important;
}

.h--471 {
  height: 471px !important;
}

.h--472 {
  height: 472px !important;
}

.h--473 {
  height: 473px !important;
}

.h--474 {
  height: 474px !important;
}

.h--475 {
  height: 475px !important;
}

.h--476 {
  height: 476px !important;
}

.h--477 {
  height: 477px !important;
}

.h--478 {
  height: 478px !important;
}

.h--479 {
  height: 479px !important;
}

.h--480 {
  height: 480px !important;
}

.h--481 {
  height: 481px !important;
}

.h--482 {
  height: 482px !important;
}

.h--483 {
  height: 483px !important;
}

.h--484 {
  height: 484px !important;
}

.h--485 {
  height: 485px !important;
}

.h--486 {
  height: 486px !important;
}

.h--487 {
  height: 487px !important;
}

.h--488 {
  height: 488px !important;
}

.h--489 {
  height: 489px !important;
}

.h--490 {
  height: 490px !important;
}

.h--491 {
  height: 491px !important;
}

.h--492 {
  height: 492px !important;
}

.h--493 {
  height: 493px !important;
}

.h--494 {
  height: 494px !important;
}

.h--495 {
  height: 495px !important;
}

.h--496 {
  height: 496px !important;
}

.h--497 {
  height: 497px !important;
}

.h--498 {
  height: 498px !important;
}

.h--499 {
  height: 499px !important;
}

.h--500 {
  height: 500px !important;
}

.w-1px {
  width: 1px !important;
}

.w-2px {
  width: 2px !important;
}

.w-3px {
  width: 3px !important;
}

.w-4px {
  width: 4px !important;
}

.w-5px {
  width: 5px !important;
}

.w-6px {
  width: 6px !important;
}

.w-7px {
  width: 7px !important;
}

.w-8px {
  width: 8px !important;
}

.w-9px {
  width: 9px !important;
}

.w-10px {
  width: 10px !important;
}

.w-11px {
  width: 11px !important;
}

.w-12px {
  width: 12px !important;
}

.w-13px {
  width: 13px !important;
}

.w-14px {
  width: 14px !important;
}

.w-15px {
  width: 15px !important;
}

.w-16px {
  width: 16px !important;
}

.w-17px {
  width: 17px !important;
}

.w-18px {
  width: 18px !important;
}

.w-19px {
  width: 19px !important;
}

.w-20px {
  width: 20px !important;
}

.w-21px {
  width: 21px !important;
}

.w-22px {
  width: 22px !important;
}

.w-23px {
  width: 23px !important;
}

.w-24px {
  width: 24px !important;
}

.w-25px {
  width: 25px !important;
}

.w-26px {
  width: 26px !important;
}

.w-27px {
  width: 27px !important;
}

.w-28px {
  width: 28px !important;
}

.w-29px {
  width: 29px !important;
}

.w-30px {
  width: 30px !important;
}

.w-31px {
  width: 31px !important;
}

.w-32px {
  width: 32px !important;
}

.w-33px {
  width: 33px !important;
}

.w-34px {
  width: 34px !important;
}

.w-35px {
  width: 35px !important;
}

.w-36px {
  width: 36px !important;
}

.w-37px {
  width: 37px !important;
}

.w-38px {
  width: 38px !important;
}

.w-39px {
  width: 39px !important;
}

.w-40px {
  width: 40px !important;
}

.w-41px {
  width: 41px !important;
}

.w-42px {
  width: 42px !important;
}

.w-43px {
  width: 43px !important;
}

.w-44px {
  width: 44px !important;
}

.w-45px {
  width: 45px !important;
}

.w-46px {
  width: 46px !important;
}

.w-47px {
  width: 47px !important;
}

.w-48px {
  width: 48px !important;
}

.w-49px {
  width: 49px !important;
}

.w-50px {
  width: 50px !important;
}

.w-51px {
  width: 51px !important;
}

.w-52px {
  width: 52px !important;
}

.w-53px {
  width: 53px !important;
}

.w-54px {
  width: 54px !important;
}

.w-55px {
  width: 55px !important;
}

.w-56px {
  width: 56px !important;
}

.w-57px {
  width: 57px !important;
}

.w-58px {
  width: 58px !important;
}

.w-59px {
  width: 59px !important;
}

.w-60px {
  width: 60px !important;
}

.w-61px {
  width: 61px !important;
}

.w-62px {
  width: 62px !important;
}

.w-63px {
  width: 63px !important;
}

.w-64px {
  width: 64px !important;
}

.w-65px {
  width: 65px !important;
}

.w-66px {
  width: 66px !important;
}

.w-67px {
  width: 67px !important;
}

.w-68px {
  width: 68px !important;
}

.w-69px {
  width: 69px !important;
}

.w-70px {
  width: 70px !important;
}

.w-71px {
  width: 71px !important;
}

.w-72px {
  width: 72px !important;
}

.w-73px {
  width: 73px !important;
}

.w-74px {
  width: 74px !important;
}

.w-75px {
  width: 75px !important;
}

.w-76px {
  width: 76px !important;
}

.w-77px {
  width: 77px !important;
}

.w-78px {
  width: 78px !important;
}

.w-79px {
  width: 79px !important;
}

.w-80px {
  width: 80px !important;
}

.w-81px {
  width: 81px !important;
}

.w-82px {
  width: 82px !important;
}

.w-83px {
  width: 83px !important;
}

.w-84px {
  width: 84px !important;
}

.w-85px {
  width: 85px !important;
}

.w-86px {
  width: 86px !important;
}

.w-87px {
  width: 87px !important;
}

.w-88px {
  width: 88px !important;
}

.w-89px {
  width: 89px !important;
}

.w-90px {
  width: 90px !important;
}

.w-91px {
  width: 91px !important;
}

.w-92px {
  width: 92px !important;
}

.w-93px {
  width: 93px !important;
}

.w-94px {
  width: 94px !important;
}

.w-95px {
  width: 95px !important;
}

.w-96px {
  width: 96px !important;
}

.w-97px {
  width: 97px !important;
}

.w-98px {
  width: 98px !important;
}

.w-99px {
  width: 99px !important;
}

.w-100px {
  width: 100px !important;
}

.w-101px {
  width: 101px !important;
}

.w-102px {
  width: 102px !important;
}

.w-103px {
  width: 103px !important;
}

.w-104px {
  width: 104px !important;
}

.w-105px {
  width: 105px !important;
}

.w-106px {
  width: 106px !important;
}

.w-107px {
  width: 107px !important;
}

.w-108px {
  width: 108px !important;
}

.w-109px {
  width: 109px !important;
}

.w-110px {
  width: 110px !important;
}

.w-111px {
  width: 111px !important;
}

.w-112px {
  width: 112px !important;
}

.w-113px {
  width: 113px !important;
}

.w-114px {
  width: 114px !important;
}

.w-115px {
  width: 115px !important;
}

.w-116px {
  width: 116px !important;
}

.w-117px {
  width: 117px !important;
}

.w-118px {
  width: 118px !important;
}

.w-119px {
  width: 119px !important;
}

.w-120px {
  width: 120px !important;
}

.w-121px {
  width: 121px !important;
}

.w-122px {
  width: 122px !important;
}

.w-123px {
  width: 123px !important;
}

.w-124px {
  width: 124px !important;
}

.w-125px {
  width: 125px !important;
}

.w-126px {
  width: 126px !important;
}

.w-127px {
  width: 127px !important;
}

.w-128px {
  width: 128px !important;
}

.w-129px {
  width: 129px !important;
}

.w-130px {
  width: 130px !important;
}

.w-131px {
  width: 131px !important;
}

.w-132px {
  width: 132px !important;
}

.w-133px {
  width: 133px !important;
}

.w-134px {
  width: 134px !important;
}

.w-135px {
  width: 135px !important;
}

.w-136px {
  width: 136px !important;
}

.w-137px {
  width: 137px !important;
}

.w-138px {
  width: 138px !important;
}

.w-139px {
  width: 139px !important;
}

.w-140px {
  width: 140px !important;
}

.w-141px {
  width: 141px !important;
}

.w-142px {
  width: 142px !important;
}

.w-143px {
  width: 143px !important;
}

.w-144px {
  width: 144px !important;
}

.w-145px {
  width: 145px !important;
}

.w-146px {
  width: 146px !important;
}

.w-147px {
  width: 147px !important;
}

.w-148px {
  width: 148px !important;
}

.w-149px {
  width: 149px !important;
}

.w-150px {
  width: 150px !important;
}

.w-151px {
  width: 151px !important;
}

.w-152px {
  width: 152px !important;
}

.w-153px {
  width: 153px !important;
}

.w-154px {
  width: 154px !important;
}

.w-155px {
  width: 155px !important;
}

.w-156px {
  width: 156px !important;
}

.w-157px {
  width: 157px !important;
}

.w-158px {
  width: 158px !important;
}

.w-159px {
  width: 159px !important;
}

.w-160px {
  width: 160px !important;
}

.w-161px {
  width: 161px !important;
}

.w-162px {
  width: 162px !important;
}

.w-163px {
  width: 163px !important;
}

.w-164px {
  width: 164px !important;
}

.w-165px {
  width: 165px !important;
}

.w-166px {
  width: 166px !important;
}

.w-167px {
  width: 167px !important;
}

.w-168px {
  width: 168px !important;
}

.w-169px {
  width: 169px !important;
}

.w-170px {
  width: 170px !important;
}

.w-171px {
  width: 171px !important;
}

.w-172px {
  width: 172px !important;
}

.w-173px {
  width: 173px !important;
}

.w-174px {
  width: 174px !important;
}

.w-175px {
  width: 175px !important;
}

.w-176px {
  width: 176px !important;
}

.w-177px {
  width: 177px !important;
}

.w-178px {
  width: 178px !important;
}

.w-179px {
  width: 179px !important;
}

.w-180px {
  width: 180px !important;
}

.w-181px {
  width: 181px !important;
}

.w-182px {
  width: 182px !important;
}

.w-183px {
  width: 183px !important;
}

.w-184px {
  width: 184px !important;
}

.w-185px {
  width: 185px !important;
}

.w-186px {
  width: 186px !important;
}

.w-187px {
  width: 187px !important;
}

.w-188px {
  width: 188px !important;
}

.w-189px {
  width: 189px !important;
}

.w-190px {
  width: 190px !important;
}

.w-191px {
  width: 191px !important;
}

.w-192px {
  width: 192px !important;
}

.w-193px {
  width: 193px !important;
}

.w-194px {
  width: 194px !important;
}

.w-195px {
  width: 195px !important;
}

.w-196px {
  width: 196px !important;
}

.w-197px {
  width: 197px !important;
}

.w-198px {
  width: 198px !important;
}

.w-199px {
  width: 199px !important;
}

.w-200px {
  width: 200px !important;
}

.w-201px {
  width: 201px !important;
}

.w-202px {
  width: 202px !important;
}

.w-203px {
  width: 203px !important;
}

.w-204px {
  width: 204px !important;
}

.w-205px {
  width: 205px !important;
}

.w-206px {
  width: 206px !important;
}

.w-207px {
  width: 207px !important;
}

.w-208px {
  width: 208px !important;
}

.w-209px {
  width: 209px !important;
}

.w-210px {
  width: 210px !important;
}

.w-211px {
  width: 211px !important;
}

.w-212px {
  width: 212px !important;
}

.w-213px {
  width: 213px !important;
}

.w-214px {
  width: 214px !important;
}

.w-215px {
  width: 215px !important;
}

.w-216px {
  width: 216px !important;
}

.w-217px {
  width: 217px !important;
}

.w-218px {
  width: 218px !important;
}

.w-219px {
  width: 219px !important;
}

.w-220px {
  width: 220px !important;
}

.w-221px {
  width: 221px !important;
}

.w-222px {
  width: 222px !important;
}

.w-223px {
  width: 223px !important;
}

.w-224px {
  width: 224px !important;
}

.w-225px {
  width: 225px !important;
}

.w-226px {
  width: 226px !important;
}

.w-227px {
  width: 227px !important;
}

.w-228px {
  width: 228px !important;
}

.w-229px {
  width: 229px !important;
}

.w-230px {
  width: 230px !important;
}

.w-231px {
  width: 231px !important;
}

.w-232px {
  width: 232px !important;
}

.w-233px {
  width: 233px !important;
}

.w-234px {
  width: 234px !important;
}

.w-235px {
  width: 235px !important;
}

.w-236px {
  width: 236px !important;
}

.w-237px {
  width: 237px !important;
}

.w-238px {
  width: 238px !important;
}

.w-239px {
  width: 239px !important;
}

.w-240px {
  width: 240px !important;
}

.w-241px {
  width: 241px !important;
}

.w-242px {
  width: 242px !important;
}

.w-243px {
  width: 243px !important;
}

.w-244px {
  width: 244px !important;
}

.w-245px {
  width: 245px !important;
}

.w-246px {
  width: 246px !important;
}

.w-247px {
  width: 247px !important;
}

.w-248px {
  width: 248px !important;
}

.w-249px {
  width: 249px !important;
}

.w-250px {
  width: 250px !important;
}

.w-251px {
  width: 251px !important;
}

.w-252px {
  width: 252px !important;
}

.w-253px {
  width: 253px !important;
}

.w-254px {
  width: 254px !important;
}

.w-255px {
  width: 255px !important;
}

.w-256px {
  width: 256px !important;
}

.w-257px {
  width: 257px !important;
}

.w-258px {
  width: 258px !important;
}

.w-259px {
  width: 259px !important;
}

.w-260px {
  width: 260px !important;
}

.w-261px {
  width: 261px !important;
}

.w-262px {
  width: 262px !important;
}

.w-263px {
  width: 263px !important;
}

.w-264px {
  width: 264px !important;
}

.w-265px {
  width: 265px !important;
}

.w-266px {
  width: 266px !important;
}

.w-267px {
  width: 267px !important;
}

.w-268px {
  width: 268px !important;
}

.w-269px {
  width: 269px !important;
}

.w-270px {
  width: 270px !important;
}

.w-271px {
  width: 271px !important;
}

.w-272px {
  width: 272px !important;
}

.w-273px {
  width: 273px !important;
}

.w-274px {
  width: 274px !important;
}

.w-275px {
  width: 275px !important;
}

.w-276px {
  width: 276px !important;
}

.w-277px {
  width: 277px !important;
}

.w-278px {
  width: 278px !important;
}

.w-279px {
  width: 279px !important;
}

.w-280px {
  width: 280px !important;
}

.w-281px {
  width: 281px !important;
}

.w-282px {
  width: 282px !important;
}

.w-283px {
  width: 283px !important;
}

.w-284px {
  width: 284px !important;
}

.w-285px {
  width: 285px !important;
}

.w-286px {
  width: 286px !important;
}

.w-287px {
  width: 287px !important;
}

.w-288px {
  width: 288px !important;
}

.w-289px {
  width: 289px !important;
}

.w-290px {
  width: 290px !important;
}

.w-291px {
  width: 291px !important;
}

.w-292px {
  width: 292px !important;
}

.w-293px {
  width: 293px !important;
}

.w-294px {
  width: 294px !important;
}

.w-295px {
  width: 295px !important;
}

.w-296px {
  width: 296px !important;
}

.w-297px {
  width: 297px !important;
}

.w-298px {
  width: 298px !important;
}

.w-299px {
  width: 299px !important;
}

.w-300px {
  width: 300px !important;
}

.w-301px {
  width: 301px !important;
}

.w-302px {
  width: 302px !important;
}

.w-303px {
  width: 303px !important;
}

.w-304px {
  width: 304px !important;
}

.w-305px {
  width: 305px !important;
}

.w-306px {
  width: 306px !important;
}

.w-307px {
  width: 307px !important;
}

.w-308px {
  width: 308px !important;
}

.w-309px {
  width: 309px !important;
}

.w-310px {
  width: 310px !important;
}

.w-311px {
  width: 311px !important;
}

.w-312px {
  width: 312px !important;
}

.w-313px {
  width: 313px !important;
}

.w-314px {
  width: 314px !important;
}

.w-315px {
  width: 315px !important;
}

.w-316px {
  width: 316px !important;
}

.w-317px {
  width: 317px !important;
}

.w-318px {
  width: 318px !important;
}

.w-319px {
  width: 319px !important;
}

.w-320px {
  width: 320px !important;
}

.w-321px {
  width: 321px !important;
}

.w-322px {
  width: 322px !important;
}

.w-323px {
  width: 323px !important;
}

.w-324px {
  width: 324px !important;
}

.w-325px {
  width: 325px !important;
}

.w-326px {
  width: 326px !important;
}

.w-327px {
  width: 327px !important;
}

.w-328px {
  width: 328px !important;
}

.w-329px {
  width: 329px !important;
}

.w-330px {
  width: 330px !important;
}

.w-331px {
  width: 331px !important;
}

.w-332px {
  width: 332px !important;
}

.w-333px {
  width: 333px !important;
}

.w-334px {
  width: 334px !important;
}

.w-335px {
  width: 335px !important;
}

.w-336px {
  width: 336px !important;
}

.w-337px {
  width: 337px !important;
}

.w-338px {
  width: 338px !important;
}

.w-339px {
  width: 339px !important;
}

.w-340px {
  width: 340px !important;
}

.w-341px {
  width: 341px !important;
}

.w-342px {
  width: 342px !important;
}

.w-343px {
  width: 343px !important;
}

.w-344px {
  width: 344px !important;
}

.w-345px {
  width: 345px !important;
}

.w-346px {
  width: 346px !important;
}

.w-347px {
  width: 347px !important;
}

.w-348px {
  width: 348px !important;
}

.w-349px {
  width: 349px !important;
}

.w-350px {
  width: 350px !important;
}

.w-351px {
  width: 351px !important;
}

.w-352px {
  width: 352px !important;
}

.w-353px {
  width: 353px !important;
}

.w-354px {
  width: 354px !important;
}

.w-355px {
  width: 355px !important;
}

.w-356px {
  width: 356px !important;
}

.w-357px {
  width: 357px !important;
}

.w-358px {
  width: 358px !important;
}

.w-359px {
  width: 359px !important;
}

.w-360px {
  width: 360px !important;
}

.w-361px {
  width: 361px !important;
}

.w-362px {
  width: 362px !important;
}

.w-363px {
  width: 363px !important;
}

.w-364px {
  width: 364px !important;
}

.w-365px {
  width: 365px !important;
}

.w-366px {
  width: 366px !important;
}

.w-367px {
  width: 367px !important;
}

.w-368px {
  width: 368px !important;
}

.w-369px {
  width: 369px !important;
}

.w-370px {
  width: 370px !important;
}

.w-371px {
  width: 371px !important;
}

.w-372px {
  width: 372px !important;
}

.w-373px {
  width: 373px !important;
}

.w-374px {
  width: 374px !important;
}

.w-375px {
  width: 375px !important;
}

.w-376px {
  width: 376px !important;
}

.w-377px {
  width: 377px !important;
}

.w-378px {
  width: 378px !important;
}

.w-379px {
  width: 379px !important;
}

.w-380px {
  width: 380px !important;
}

.w-381px {
  width: 381px !important;
}

.w-382px {
  width: 382px !important;
}

.w-383px {
  width: 383px !important;
}

.w-384px {
  width: 384px !important;
}

.w-385px {
  width: 385px !important;
}

.w-386px {
  width: 386px !important;
}

.w-387px {
  width: 387px !important;
}

.w-388px {
  width: 388px !important;
}

.w-389px {
  width: 389px !important;
}

.w-390px {
  width: 390px !important;
}

.w-391px {
  width: 391px !important;
}

.w-392px {
  width: 392px !important;
}

.w-393px {
  width: 393px !important;
}

.w-394px {
  width: 394px !important;
}

.w-395px {
  width: 395px !important;
}

.w-396px {
  width: 396px !important;
}

.w-397px {
  width: 397px !important;
}

.w-398px {
  width: 398px !important;
}

.w-399px {
  width: 399px !important;
}

.w-400px {
  width: 400px !important;
}

.w-401px {
  width: 401px !important;
}

.w-402px {
  width: 402px !important;
}

.w-403px {
  width: 403px !important;
}

.w-404px {
  width: 404px !important;
}

.w-405px {
  width: 405px !important;
}

.w-406px {
  width: 406px !important;
}

.w-407px {
  width: 407px !important;
}

.w-408px {
  width: 408px !important;
}

.w-409px {
  width: 409px !important;
}

.w-410px {
  width: 410px !important;
}

.w-411px {
  width: 411px !important;
}

.w-412px {
  width: 412px !important;
}

.w-413px {
  width: 413px !important;
}

.w-414px {
  width: 414px !important;
}

.w-415px {
  width: 415px !important;
}

.w-416px {
  width: 416px !important;
}

.w-417px {
  width: 417px !important;
}

.w-418px {
  width: 418px !important;
}

.w-419px {
  width: 419px !important;
}

.w-420px {
  width: 420px !important;
}

.w-421px {
  width: 421px !important;
}

.w-422px {
  width: 422px !important;
}

.w-423px {
  width: 423px !important;
}

.w-424px {
  width: 424px !important;
}

.w-425px {
  width: 425px !important;
}

.w-426px {
  width: 426px !important;
}

.w-427px {
  width: 427px !important;
}

.w-428px {
  width: 428px !important;
}

.w-429px {
  width: 429px !important;
}

.w-430px {
  width: 430px !important;
}

.w-431px {
  width: 431px !important;
}

.w-432px {
  width: 432px !important;
}

.w-433px {
  width: 433px !important;
}

.w-434px {
  width: 434px !important;
}

.w-435px {
  width: 435px !important;
}

.w-436px {
  width: 436px !important;
}

.w-437px {
  width: 437px !important;
}

.w-438px {
  width: 438px !important;
}

.w-439px {
  width: 439px !important;
}

.w-440px {
  width: 440px !important;
}

.w-441px {
  width: 441px !important;
}

.w-442px {
  width: 442px !important;
}

.w-443px {
  width: 443px !important;
}

.w-444px {
  width: 444px !important;
}

.w-445px {
  width: 445px !important;
}

.w-446px {
  width: 446px !important;
}

.w-447px {
  width: 447px !important;
}

.w-448px {
  width: 448px !important;
}

.w-449px {
  width: 449px !important;
}

.w-450px {
  width: 450px !important;
}

.w-451px {
  width: 451px !important;
}

.w-452px {
  width: 452px !important;
}

.w-453px {
  width: 453px !important;
}

.w-454px {
  width: 454px !important;
}

.w-455px {
  width: 455px !important;
}

.w-456px {
  width: 456px !important;
}

.w-457px {
  width: 457px !important;
}

.w-458px {
  width: 458px !important;
}

.w-459px {
  width: 459px !important;
}

.w-460px {
  width: 460px !important;
}

.w-461px {
  width: 461px !important;
}

.w-462px {
  width: 462px !important;
}

.w-463px {
  width: 463px !important;
}

.w-464px {
  width: 464px !important;
}

.w-465px {
  width: 465px !important;
}

.w-466px {
  width: 466px !important;
}

.w-467px {
  width: 467px !important;
}

.w-468px {
  width: 468px !important;
}

.w-469px {
  width: 469px !important;
}

.w-470px {
  width: 470px !important;
}

.w-471px {
  width: 471px !important;
}

.w-472px {
  width: 472px !important;
}

.w-473px {
  width: 473px !important;
}

.w-474px {
  width: 474px !important;
}

.w-475px {
  width: 475px !important;
}

.w-476px {
  width: 476px !important;
}

.w-477px {
  width: 477px !important;
}

.w-478px {
  width: 478px !important;
}

.w-479px {
  width: 479px !important;
}

.w-480px {
  width: 480px !important;
}

.w-481px {
  width: 481px !important;
}

.w-482px {
  width: 482px !important;
}

.w-483px {
  width: 483px !important;
}

.w-484px {
  width: 484px !important;
}

.w-485px {
  width: 485px !important;
}

.w-486px {
  width: 486px !important;
}

.w-487px {
  width: 487px !important;
}

.w-488px {
  width: 488px !important;
}

.w-489px {
  width: 489px !important;
}

.w-490px {
  width: 490px !important;
}

.w-491px {
  width: 491px !important;
}

.w-492px {
  width: 492px !important;
}

.w-493px {
  width: 493px !important;
}

.w-494px {
  width: 494px !important;
}

.w-495px {
  width: 495px !important;
}

.w-496px {
  width: 496px !important;
}

.w-497px {
  width: 497px !important;
}

.w-498px {
  width: 498px !important;
}

.w-499px {
  width: 499px !important;
}

.w-500px {
  width: 500px !important;
}

.h-1vh {
  height: 1vh !important;
}

.h-2vh {
  height: 2vh !important;
}

.h-3vh {
  height: 3vh !important;
}

.h-4vh {
  height: 4vh !important;
}

.h-5vh {
  height: 5vh !important;
}

.h-6vh {
  height: 6vh !important;
}

.h-7vh {
  height: 7vh !important;
}

.h-8vh {
  height: 8vh !important;
}

.h-9vh {
  height: 9vh !important;
}

.h-10vh {
  height: 10vh !important;
}

.h-11vh {
  height: 11vh !important;
}

.h-12vh {
  height: 12vh !important;
}

.h-13vh {
  height: 13vh !important;
}

.h-14vh {
  height: 14vh !important;
}

.h-15vh {
  height: 15vh !important;
}

.h-16vh {
  height: 16vh !important;
}

.h-17vh {
  height: 17vh !important;
}

.h-18vh {
  height: 18vh !important;
}

.h-19vh {
  height: 19vh !important;
}

.h-20vh {
  height: 20vh !important;
}

.h-21vh {
  height: 21vh !important;
}

.h-22vh {
  height: 22vh !important;
}

.h-23vh {
  height: 23vh !important;
}

.h-24vh {
  height: 24vh !important;
}

.h-25vh {
  height: 25vh !important;
}

.h-26vh {
  height: 26vh !important;
}

.h-27vh {
  height: 27vh !important;
}

.h-28vh {
  height: 28vh !important;
}

.h-29vh {
  height: 29vh !important;
}

.h-30vh {
  height: 30vh !important;
}

.h-31vh {
  height: 31vh !important;
}

.h-32vh {
  height: 32vh !important;
}

.h-33vh {
  height: 33vh !important;
}

.h-34vh {
  height: 34vh !important;
}

.h-35vh {
  height: 35vh !important;
}

.h-36vh {
  height: 36vh !important;
}

.h-37vh {
  height: 37vh !important;
}

.h-38vh {
  height: 38vh !important;
}

.h-39vh {
  height: 39vh !important;
}

.h-40vh {
  height: 40vh !important;
}

.h-41vh {
  height: 41vh !important;
}

.h-42vh {
  height: 42vh !important;
}

.h-43vh {
  height: 43vh !important;
}

.h-44vh {
  height: 44vh !important;
}

.h-45vh {
  height: 45vh !important;
}

.h-46vh {
  height: 46vh !important;
}

.h-47vh {
  height: 47vh !important;
}

.h-48vh {
  height: 48vh !important;
}

.h-49vh {
  height: 49vh !important;
}

.h-50vh {
  height: 50vh !important;
}

.h-51vh {
  height: 51vh !important;
}

.h-52vh {
  height: 52vh !important;
}

.h-53vh {
  height: 53vh !important;
}

.h-54vh {
  height: 54vh !important;
}

.h-55vh {
  height: 55vh !important;
}

.h-56vh {
  height: 56vh !important;
}

.h-57vh {
  height: 57vh !important;
}

.h-58vh {
  height: 58vh !important;
}

.h-59vh {
  height: 59vh !important;
}

.h-60vh {
  height: 60vh !important;
}

.h-61vh {
  height: 61vh !important;
}

.h-62vh {
  height: 62vh !important;
}

.h-63vh {
  height: 63vh !important;
}

.h-64vh {
  height: 64vh !important;
}

.h-65vh {
  height: 65vh !important;
}

.h-66vh {
  height: 66vh !important;
}

.h-67vh {
  height: 67vh !important;
}

.h-68vh {
  height: 68vh !important;
}

.h-69vh {
  height: 69vh !important;
}

.h-70vh {
  height: 70vh !important;
}

.h-71vh {
  height: 71vh !important;
}

.h-72vh {
  height: 72vh !important;
}

.h-73vh {
  height: 73vh !important;
}

.h-74vh {
  height: 74vh !important;
}

.h-75vh {
  height: 75vh !important;
}

.h-76vh {
  height: 76vh !important;
}

.h-77vh {
  height: 77vh !important;
}

.h-78vh {
  height: 78vh !important;
}

.h-79vh {
  height: 79vh !important;
}

.h-80vh {
  height: 80vh !important;
}

.h-81vh {
  height: 81vh !important;
}

.h-82vh {
  height: 82vh !important;
}

.h-83vh {
  height: 83vh !important;
}

.h-84vh {
  height: 84vh !important;
}

.h-85vh {
  height: 85vh !important;
}

.h-86vh {
  height: 86vh !important;
}

.h-87vh {
  height: 87vh !important;
}

.h-88vh {
  height: 88vh !important;
}

.h-89vh {
  height: 89vh !important;
}

.h-90vh {
  height: 90vh !important;
}

.h-91vh {
  height: 91vh !important;
}

.h-92vh {
  height: 92vh !important;
}

.h-93vh {
  height: 93vh !important;
}

.h-94vh {
  height: 94vh !important;
}

.h-95vh {
  height: 95vh !important;
}

.h-96vh {
  height: 96vh !important;
}

.h-97vh {
  height: 97vh !important;
}

.h-98vh {
  height: 98vh !important;
}

.h-99vh {
  height: 99vh !important;
}

.h-100vh {
  height: 100vh !important;
}

.pb-percent-1 {
  padding-bottom: 1% !important;
}

.pb-percent-2 {
  padding-bottom: 2% !important;
}

.pb-percent-3 {
  padding-bottom: 3% !important;
}

.pb-percent-4 {
  padding-bottom: 4% !important;
}

.pb-percent-5 {
  padding-bottom: 5% !important;
}

.pb-percent-6 {
  padding-bottom: 6% !important;
}

.pb-percent-7 {
  padding-bottom: 7% !important;
}

.pb-percent-8 {
  padding-bottom: 8% !important;
}

.pb-percent-9 {
  padding-bottom: 9% !important;
}

.pb-percent-10 {
  padding-bottom: 10% !important;
}

.pb-percent-11 {
  padding-bottom: 11% !important;
}

.pb-percent-12 {
  padding-bottom: 12% !important;
}

.pb-percent-13 {
  padding-bottom: 13% !important;
}

.pb-percent-14 {
  padding-bottom: 14% !important;
}

.pb-percent-15 {
  padding-bottom: 15% !important;
}

.pb-percent-16 {
  padding-bottom: 16% !important;
}

.pb-percent-17 {
  padding-bottom: 17% !important;
}

.pb-percent-18 {
  padding-bottom: 18% !important;
}

.pb-percent-19 {
  padding-bottom: 19% !important;
}

.pb-percent-20 {
  padding-bottom: 20% !important;
}

.pb-percent-21 {
  padding-bottom: 21% !important;
}

.pb-percent-22 {
  padding-bottom: 22% !important;
}

.pb-percent-23 {
  padding-bottom: 23% !important;
}

.pb-percent-24 {
  padding-bottom: 24% !important;
}

.pb-percent-25 {
  padding-bottom: 25% !important;
}

.pb-percent-26 {
  padding-bottom: 26% !important;
}

.pb-percent-27 {
  padding-bottom: 27% !important;
}

.pb-percent-28 {
  padding-bottom: 28% !important;
}

.pb-percent-29 {
  padding-bottom: 29% !important;
}

.pb-percent-30 {
  padding-bottom: 30% !important;
}

.pb-percent-31 {
  padding-bottom: 31% !important;
}

.pb-percent-32 {
  padding-bottom: 32% !important;
}

.pb-percent-33 {
  padding-bottom: 33% !important;
}

.pb-percent-34 {
  padding-bottom: 34% !important;
}

.pb-percent-35 {
  padding-bottom: 35% !important;
}

.pb-percent-36 {
  padding-bottom: 36% !important;
}

.pb-percent-37 {
  padding-bottom: 37% !important;
}

.pb-percent-38 {
  padding-bottom: 38% !important;
}

.pb-percent-39 {
  padding-bottom: 39% !important;
}

.pb-percent-40 {
  padding-bottom: 40% !important;
}

.pb-percent-41 {
  padding-bottom: 41% !important;
}

.pb-percent-42 {
  padding-bottom: 42% !important;
}

.pb-percent-43 {
  padding-bottom: 43% !important;
}

.pb-percent-44 {
  padding-bottom: 44% !important;
}

.pb-percent-45 {
  padding-bottom: 45% !important;
}

.pb-percent-46 {
  padding-bottom: 46% !important;
}

.pb-percent-47 {
  padding-bottom: 47% !important;
}

.pb-percent-48 {
  padding-bottom: 48% !important;
}

.pb-percent-49 {
  padding-bottom: 49% !important;
}

.pb-percent-50 {
  padding-bottom: 50% !important;
}

.pb-percent-51 {
  padding-bottom: 51% !important;
}

.pb-percent-52 {
  padding-bottom: 52% !important;
}

.pb-percent-53 {
  padding-bottom: 53% !important;
}

.pb-percent-54 {
  padding-bottom: 54% !important;
}

.pb-percent-55 {
  padding-bottom: 55% !important;
}

.pb-percent-56 {
  padding-bottom: 56% !important;
}

.pb-percent-57 {
  padding-bottom: 57% !important;
}

.pb-percent-58 {
  padding-bottom: 58% !important;
}

.pb-percent-59 {
  padding-bottom: 59% !important;
}

.pb-percent-60 {
  padding-bottom: 60% !important;
}

.pb-percent-61 {
  padding-bottom: 61% !important;
}

.pb-percent-62 {
  padding-bottom: 62% !important;
}

.pb-percent-63 {
  padding-bottom: 63% !important;
}

.pb-percent-64 {
  padding-bottom: 64% !important;
}

.pb-percent-65 {
  padding-bottom: 65% !important;
}

.pb-percent-66 {
  padding-bottom: 66% !important;
}

.pb-percent-67 {
  padding-bottom: 67% !important;
}

.pb-percent-68 {
  padding-bottom: 68% !important;
}

.pb-percent-69 {
  padding-bottom: 69% !important;
}

.pb-percent-70 {
  padding-bottom: 70% !important;
}

.pb-percent-71 {
  padding-bottom: 71% !important;
}

.pb-percent-72 {
  padding-bottom: 72% !important;
}

.pb-percent-73 {
  padding-bottom: 73% !important;
}

.pb-percent-74 {
  padding-bottom: 74% !important;
}

.pb-percent-75 {
  padding-bottom: 75% !important;
}

.pb-percent-76 {
  padding-bottom: 76% !important;
}

.pb-percent-77 {
  padding-bottom: 77% !important;
}

.pb-percent-78 {
  padding-bottom: 78% !important;
}

.pb-percent-79 {
  padding-bottom: 79% !important;
}

.pb-percent-80 {
  padding-bottom: 80% !important;
}

.pb-percent-81 {
  padding-bottom: 81% !important;
}

.pb-percent-82 {
  padding-bottom: 82% !important;
}

.pb-percent-83 {
  padding-bottom: 83% !important;
}

.pb-percent-84 {
  padding-bottom: 84% !important;
}

.pb-percent-85 {
  padding-bottom: 85% !important;
}

.pb-percent-86 {
  padding-bottom: 86% !important;
}

.pb-percent-87 {
  padding-bottom: 87% !important;
}

.pb-percent-88 {
  padding-bottom: 88% !important;
}

.pb-percent-89 {
  padding-bottom: 89% !important;
}

.pb-percent-90 {
  padding-bottom: 90% !important;
}

.pb-percent-91 {
  padding-bottom: 91% !important;
}

.pb-percent-92 {
  padding-bottom: 92% !important;
}

.pb-percent-93 {
  padding-bottom: 93% !important;
}

.pb-percent-94 {
  padding-bottom: 94% !important;
}

.pb-percent-95 {
  padding-bottom: 95% !important;
}

.pb-percent-96 {
  padding-bottom: 96% !important;
}

.pb-percent-97 {
  padding-bottom: 97% !important;
}

.pb-percent-98 {
  padding-bottom: 98% !important;
}

.pb-percent-99 {
  padding-bottom: 99% !important;
}

.pb-percent-100 {
  padding-bottom: 100% !important;
}

.remove-after::after {
  content: initial !important;
}

.remove-before::before {
  content: initial !important;
}

.button.mort {
  background: #f12786;
}

.mort-main-bg {
  background: #f5f7fc !important;
}

[class^=stage] {
  margin-bottom: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #777E90;
}

.card-shadow {
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important;
}

.href-link-button {
  transition: color 0.3s linear;
  cursor: pointer;
}
.href-link-button:hover {
  color: #000;
  text-decoration: underline;
}

.tag-link-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.tag-link {
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  line-height: 40px;
  font-weight: 600;
  color: #808191;
  transition: all 0.2s;
  background: rgba(228, 228, 228, 0.3);
  color: #355DFF;
}

.text-link {
  font-weight: 600;
  color: #3772FF;
  transition: color 0.2s;
}

.bio-body.radius-round .bio-radius {
  border-radius: 10px !important;
}
.bio-body.radius-straight .bio-radius {
  border-radius: 0px !important;
}
.bio-body.radius-rounded .bio-radius {
  border-radius: 550px !important;
}

.bio-body.radius-straight .highlight {
  border-radius: 0 !important;
}

.bio-body.radius-round .highlight {
  border-radius: 10px !important;
}

.bio-body.radius-straight .yetti-links-v2 {
  border-radius: 0 !important;
}

.bio-body.radius-round .yetti-links-v2 {
  border-radius: 10px !important;
}

.bio-body.radius-straight .product-card-v2 {
  border-radius: 0 !important;
}

.bio-body.radius-round .product-card-v2 {
  border-radius: 10px !important;
}

.bio-body.radius-straight .bio-courses-card-v1 {
  border-radius: 0 !important;
}

.bio-body.radius-round .bio-courses-card-v1 {
  border-radius: 10px !important;
}

.bio-body.radius-straight .highlight::before {
  border-radius: 0 !important;
}

.bio-body.radius-round .highlight::before {
  border-radius: 10px !important;
}

.bio-body.radius-straight .thumb {
  border-radius: 0 !important;
}

.bio-body.radius-round .thumb {
  border-radius: 10px !important;
}

.bio-body.radius-straight .social-link {
  border-radius: 0 !important;
}

.bio-body.radius-round .social-link {
  border-radius: 10px !important;
}

.bio-body.radius-straight .link-container {
  border-radius: 0 !important;
}

.bio-body.radius-round .link-container {
  border-radius: 10px !important;
}

.bio-body.radius-straight .inner-image {
  border-radius: 0 !important;
}

.bio-body.radius-round .inner-image {
  border-radius: 10px !important;
}

.bio-body.radius-straight .list-container {
  border-radius: 0 !important;
}

.bio-body.radius-round .list-container {
  border-radius: 10px !important;
}

.bio-body.radius-straight .element-single-video {
  border-radius: 0 !important;
}

.bio-body.radius-round .element-single-video {
  border-radius: 10px !important;
}

.bio-body.radius-straight .connect-social a {
  border-radius: 0 !important;
}

.bio-body.radius-round .connect-social a {
  border-radius: 10px !important;
}

.bio-body.radius-straight .bio-swiper-slide > a .is-card {
  border-radius: 0 !important;
}

.bio-body.radius-round .bio-swiper-slide > a .is-card {
  border-radius: 10px !important;
}

.bio-body.radius-straight .bio-avatar * {
  border-radius: 0 !important;
}

.bio-body.radius-round .bio-avatar * {
  border-radius: 10px !important;
}

.bio-body.radius-straight .link .thumbnail img {
  border-radius: 0 !important;
}

.bio-body.radius-round .link .thumbnail img {
  border-radius: 10px !important;
}

.bio-body.radius-straight .thumb * {
  border-radius: 0 !important;
}

.bio-body.radius-round .thumb * {
  border-radius: 10px !important;
}

.bio-body.radius-straight .list-thumbnail {
  border-radius: 0 !important;
}

.bio-body.radius-round .list-thumbnail {
  border-radius: 10px !important;
}

.bio-body.radius-straight .links .link {
  border-radius: 0 !important;
}

.bio-body.radius-round .links .link {
  border-radius: 10px !important;
}

.bio-body {
  transition: background 0.3s linear;
}
.bio-body * {
  transition: background 0.3s linear;
}
.bio-body #zuck-modal * {
  transition: initial;
}
.bio-body.radius-rounded .highlight, .bio-body.radius-rounded .yetti-links-v2, .bio-body.radius-rounded .highlight::before, .bio-body.radius-rounded .thumb, .bio-body.radius-rounded .social-link, .bio-body.radius-rounded .links .link, .bio-body.radius-rounded .link-container, .bio-body.radius-rounded .list-container, .bio-body.radius-rounded .connect-social a, .bio-body.radius-rounded .bio-avatar *, .bio-body.radius-rounded .link .thumbnail img, .bio-body.radius-rounded .thumb *, .bio-body.radius-rounded .list-thumbnail {
  border-radius: 550px !important;
}
.bio-body.radius-rounded .bio-swiper-slide > a .is-card {
  border-radius: 30px !important;
}
.bio-body.radius-rounded .element-single-video {
  border-radius: 30px !important;
}
.bio-body.radius-rounded .product-card-v2 {
  border-radius: 30px !important;
}
.bio-body.radius-rounded .bio-courses-card-v1 {
  border-radius: 30px !important;
}
.bio-body.radius-rounded .multi-image-container .inner-image {
  border-radius: 30px !important;
}

.overflow-initial {
  overflow: initial !important;
}

.step-banner {
  position: relative;
  margin-bottom: 48px;
  padding: 32px;
  border-radius: 16px;
  background: #5DC2D3;
  color: #ffffff;
  width: 100%;
}
.step-banner.remove-shadow::before, .step-banner.remove-shadow::after {
  content: initial;
}
.step-banner.just-black {
  background: #000 !important;
  border-radius: 5px;
}
.step-banner.just-black::before, .step-banner.just-black::after {
  content: initial;
}
.step-banner .is-label {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.33333;
  font-weight: 500;
  color: #808191;
}
.step-banner.nav {
  background: #f5f7fc;
}
.step-banner.nav .sidebar__nav {
  margin-bottom: 0;
}
.step-banner.nav .sidebar__nav .sidebar__text {
  color: #000;
}
.step-banner.nav .sidebar__nav .sidebar__item {
  cursor: pointer;
}
.step-banner::before, .step-banner::after {
  content: "";
  position: absolute;
  border-radius: 16px;
}
.step-banner::before {
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: -16px;
  z-index: -2;
  background: inherit;
  opacity: 0.3;
}
.step-banner::after {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  background: inherit;
  opacity: 0.7;
}
.step-banner.is-blue {
  background: radial-gradient(103.03% 103.03% at 0% 0%, #1875be 0%, #27baf1 100%);
}
.step-banner.is-blue::before {
  background: #27baf12b;
}
.step-banner.is-blue::after {
  background: #34b3e28c;
}
.step-banner p, .step-banner h2, .step-banner a {
  color: #fff;
}

.font-1 {
  font-size: 1px !important;
}

.font-2 {
  font-size: 2px !important;
}

.font-8 {
  font-size: 8px !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-31 {
  font-size: 31px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-33 {
  font-size: 33px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-35 {
  font-size: 35px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-37 {
  font-size: 37px !important;
}

.font-38 {
  font-size: 38px !important;
}

.font-39 {
  font-size: 39px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-41 {
  font-size: 41px !important;
}

.font-42 {
  font-size: 42px !important;
}

.font-43 {
  font-size: 43px !important;
}

.font-44 {
  font-size: 44px !important;
}

.font-45 {
  font-size: 45px !important;
}

.font-46 {
  font-size: 46px !important;
}

.font-47 {
  font-size: 47px !important;
}

.font-48 {
  font-size: 48px !important;
}

.font-49 {
  font-size: 49px !important;
}

.font-50 {
  font-size: 50px !important;
}

.color-highlight {
  color: #4A89DC !important;
}

.bg-highlight {
  background-color: #4A89DC !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: #4A89DC !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC) !important;
  color: #FFF !important;
}

.gradient-menu {
  background-image: linear-gradient(130deg, #7ea5f6, #ff384c) !important;
}

.bg-fade2-highlight {
  background-color: !important;
  color: #FFF !important;
}

.bg-fade-highlight {
  background-color: !important;
  color: #FFF !important;
}

.color-highlight-light {
  color: #5D9CEC !important;
}

.bg-highlight-light {
  background-color: #5D9CEC !important;
  color: #FFF !important;
}

.color-highlight-dark {
  color: #4A89DC !important;
}

.color-icon-highlight {
  stroke: #4A89DC !important;
  fill: !important;
}

.bg-highlight-dark {
  background-color: #4A89DC !important;
  color: #FFF !important;
}

.border-highlight-light {
  border-color: #5D9CEC !important;
}

.border-highlight-dark {
  border-color: #4A89DC !important;
}

.border-fade-highlight {
  border-color: !important;
}

.focus-highlight:focus {
  border-color: #4A89DC !important;
}

.gradient-highlight {
  border: none;
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC);
}

.bg-fade2-green {
  background-color: rgba(140, 193, 82, 0.15) !important;
  color: #FFF !important;
}

.bg-fade-green {
  background-color: rgba(140, 193, 82, 0.3) !important;
  color: #FFF !important;
}

.color-green-light {
  color: #A0D468 !important;
}

.bg-green-light {
  background-color: #A0D468 !important;
  color: #FFF !important;
}

.color-green-dark {
  color: #8CC152 !important;
}

.color-icon-green {
  stroke: #8CC152 !important;
  fill: rgba(140, 193, 82, 0.3) !important;
}

.bg-green-dark {
  background-color: #8CC152 !important;
  color: #FFF !important;
}

.border-green-light {
  border-color: #A0D468 !important;
}

.border-green-dark {
  border-color: #8CC152 !important;
}

.border-fade-green {
  border-color: rgba(140, 193, 82, 0.3) !important;
}

.focus-green:focus {
  border-color: #8CC152 !important;
}

.gradient-green {
  border: none;
  background-image: linear-gradient(to bottom, #A0D468, #8CC152);
}

.bg-fade2-red {
  background-color: rgba(218, 68, 83, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-red {
  background-color: rgba(218, 68, 83, 0.2) !important;
  color: #FFF !important;
}

.color-red-light {
  color: #ED5565 !important;
}

.bg-red-light {
  background-color: #ED5565 !important;
  color: #FFF !important;
}

.color-red-dark {
  color: #d84558 !important;
}

.color-icon-red {
  stroke: #d84558 !important;
  fill: rgba(218, 68, 83, 0.2) !important;
}

.bg-red-dark {
  background-color: #d84558 !important;
  color: #FFF !important;
}

.border-red-light {
  border-color: #ED5565 !important;
}

.border-red-dark {
  border-color: #d84558 !important;
}

.border-fade-red {
  border-color: rgba(218, 68, 83, 0.2) !important;
}

.focus-red:focus {
  border-color: #d84558 !important;
}

.gradient-red {
  border: none;
  background-image: linear-gradient(to bottom, #ED5565, #d84558);
}

.bg-fade2-orange {
  background-color: rgba(233, 87, 63, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-orange {
  background-color: rgba(233, 87, 63, 0.3) !important;
  color: #FFF !important;
}

.color-orange-light {
  color: #FC6E51 !important;
}

.bg-orange-light {
  background-color: #FC6E51 !important;
  color: #FFF !important;
}

.color-orange-dark {
  color: #E9573F !important;
}

.color-icon-orange {
  stroke: #E9573F !important;
  fill: rgba(233, 87, 63, 0.3) !important;
}

.bg-orange-dark {
  background-color: #E9573F !important;
  color: #FFF !important;
}

.border-orange-light {
  border-color: #FC6E51 !important;
}

.border-orange-dark {
  border-color: #E9573F !important;
}

.border-fade-orange {
  border-color: rgba(233, 87, 63, 0.3) !important;
}

.focus-orange:focus {
  border-color: #E9573F !important;
}

.gradient-orange {
  border: none;
  background-image: linear-gradient(to bottom, #FC6E51, #E9573F);
}

.bg-fade2-yellow {
  background-color: rgba(246, 187, 66, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-yellow {
  background-color: rgba(246, 187, 66, 0.25) !important;
  color: #FFF !important;
}

.color-yellow-light {
  color: #FFCE54 !important;
}

.bg-yellow-light {
  background-color: #FFCE54 !important;
  color: #FFF !important;
}

.color-yellow-dark {
  color: #F6BB42 !important;
}

.color-icon-yellow {
  stroke: #F6BB42 !important;
  fill: rgba(246, 187, 66, 0.25) !important;
}

.bg-yellow-dark {
  background-color: #F6BB42 !important;
  color: #FFF !important;
}

.border-yellow-light {
  border-color: #FFCE54 !important;
}

.border-yellow-dark {
  border-color: #F6BB42 !important;
}

.border-fade-yellow {
  border-color: rgba(246, 187, 66, 0.25) !important;
}

.focus-yellow:focus {
  border-color: #F6BB42 !important;
}

.gradient-yellow {
  border: none;
  background-image: linear-gradient(to bottom, #FFCE54, #F6BB42);
}

.bg-fade2-blue {
  background-color: rgba(74, 137, 220, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-blue {
  background-color: rgba(74, 137, 220, 0.25) !important;
  color: #FFF !important;
}

.color-blue-light {
  color: #5D9CEC !important;
}

.bg-blue-light {
  background-color: #5D9CEC !important;
  color: #FFF !important;
}

.color-blue-dark {
  color: #4A89DC !important;
}

.color-icon-blue {
  stroke: #4A89DC !important;
  fill: rgba(74, 137, 220, 0.25) !important;
}

.bg-blue-dark {
  background-color: #4A89DC !important;
  color: #FFF !important;
}

.border-blue-light {
  border-color: #5D9CEC !important;
}

.border-blue-dark {
  border-color: #4A89DC !important;
}

.border-fade-blue {
  border-color: rgba(74, 137, 220, 0.25) !important;
}

.focus-blue:focus {
  border-color: #4A89DC !important;
}

.gradient-blue {
  border: none;
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC);
}

.bg-fade2-teal {
  background-color: rgba(125, 177, 177, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-teal {
  background-color: rgba(125, 177, 177, 0.3) !important;
  color: #FFF !important;
}

.color-teal-light {
  color: #A0CECB !important;
}

.bg-teal-light {
  background-color: #A0CECB !important;
  color: #FFF !important;
}

.color-teal-dark {
  color: #7DB1B1 !important;
}

.color-icon-teal {
  stroke: #7DB1B1 !important;
  fill: rgba(125, 177, 177, 0.3) !important;
}

.bg-teal-dark {
  background-color: #7DB1B1 !important;
  color: #FFF !important;
}

.border-teal-light {
  border-color: #A0CECB !important;
}

.border-teal-dark {
  border-color: #7DB1B1 !important;
}

.border-fade-teal {
  border-color: rgba(125, 177, 177, 0.3) !important;
}

.focus-teal:focus {
  border-color: #7DB1B1 !important;
}

.gradient-teal {
  border: none;
  background-image: linear-gradient(to bottom, #A0CECB, #7DB1B1);
}

.bg-fade2-mint {
  background-color: rgba(55, 188, 155, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-mint {
  background-color: rgba(55, 188, 155, 0.3) !important;
  color: #FFF !important;
}

.color-mint-light {
  color: #48CFAD !important;
}

.bg-mint-light {
  background-color: #48CFAD !important;
  color: #FFF !important;
}

.color-mint-dark {
  color: #37BC9B !important;
}

.color-icon-mint {
  stroke: #37BC9B !important;
  fill: rgba(55, 188, 155, 0.3) !important;
}

.bg-mint-dark {
  background-color: #37BC9B !important;
  color: #FFF !important;
}

.border-mint-light {
  border-color: #48CFAD !important;
}

.border-mint-dark {
  border-color: #37BC9B !important;
}

.border-fade-mint {
  border-color: rgba(55, 188, 155, 0.3) !important;
}

.focus-mint:focus {
  border-color: #37BC9B !important;
}

.gradient-mint {
  border: none;
  background-image: linear-gradient(to bottom, #48CFAD, #37BC9B);
}

.bg-fade2-pink {
  background-color: rgba(215, 112, 173, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-pink {
  background-color: rgba(255, 89, 190, 0.3) !important;
  color: #FFF !important;
}

.color-pink-light {
  color: #ff5982 !important;
}

.bg-pink-light {
  background-color: #ff5982 !important;
  color: #FFF !important;
}

.color-pink-dark {
  color: #fb3365 !important;
}

.color-icon-pink {
  stroke: #fb3365 !important;
  fill: rgba(255, 89, 190, 0.3) !important;
}

.bg-pink-dark {
  background-color: #fb3365 !important;
  color: #FFF !important;
}

.border-pink-light {
  border-color: #ff5982 !important;
}

.border-pink-dark {
  border-color: #fb3365 !important;
}

.border-fade-pink {
  border-color: rgba(255, 89, 190, 0.3) !important;
}

.focus-pink:focus {
  border-color: #fb3365 !important;
}

.gradient-pink {
  border: none;
  background-image: linear-gradient(to bottom, #ff5982, #fb3365);
}

.bg-fade2-magenta {
  background-color: rgba(150, 122, 220, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-magenta {
  background-color: rgba(150, 122, 220, 0.3) !important;
  color: #FFF !important;
}

.color-magenta-light {
  color: #AC92EC !important;
}

.bg-magenta-light {
  background-color: #AC92EC !important;
  color: #FFF !important;
}

.color-magenta-dark {
  color: #967ADC !important;
}

.color-icon-magenta {
  stroke: #967ADC !important;
  fill: rgba(150, 122, 220, 0.3) !important;
}

.bg-magenta-dark {
  background-color: #967ADC !important;
  color: #FFF !important;
}

.border-magenta-light {
  border-color: #AC92EC !important;
}

.border-magenta-dark {
  border-color: #967ADC !important;
}

.border-fade-magenta {
  border-color: rgba(150, 122, 220, 0.3) !important;
}

.focus-magenta:focus {
  border-color: #967ADC !important;
}

.gradient-magenta {
  border: none;
  background-image: linear-gradient(to bottom, #AC92EC, #967ADC);
}

.bg-fade2-brown {
  background-color: rgba(170, 142, 105, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-brown {
  background-color: rgba(170, 142, 105, 0.25) !important;
  color: #FFF !important;
}

.color-brown-light {
  color: #BAA286 !important;
}

.bg-brown-light {
  background-color: #BAA286 !important;
  color: #FFF !important;
}

.color-brown-dark {
  color: #AA8E69 !important;
}

.color-icon-brown {
  stroke: #AA8E69 !important;
  fill: rgba(170, 142, 105, 0.25) !important;
}

.bg-brown-dark {
  background-color: #AA8E69 !important;
  color: #FFF !important;
}

.border-brown-light {
  border-color: #BAA286 !important;
}

.border-brown-dark {
  border-color: #AA8E69 !important;
}

.border-fade-brown {
  border-color: rgba(170, 142, 105, 0.25) !important;
}

.focus-brown:focus {
  border-color: #AA8E69 !important;
}

.gradient-brown {
  border: none;
  background-image: linear-gradient(to bottom, #BAA286, #AA8E69);
}

.bg-fade2-gray {
  background-color: rgba(170, 178, 189, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-gray {
  background-color: rgba(170, 178, 189, 0.4) !important;
  color: #FFF !important;
}

.color-gray-light {
  color: #e2e5ea !important;
}

.bg-gray-light {
  background-color: #e2e5ea !important;
  color: #FFF !important;
}

.color-gray-dark {
  color: #AAB2BD !important;
}

.color-icon-gray {
  stroke: #AAB2BD !important;
  fill: rgba(170, 178, 189, 0.4) !important;
}

.bg-gray-dark {
  background-color: #AAB2BD !important;
  color: #FFF !important;
}

.border-gray-light {
  border-color: #e2e5ea !important;
}

.border-gray-dark {
  border-color: #AAB2BD !important;
}

.border-fade-gray {
  border-color: rgba(170, 178, 189, 0.4) !important;
}

.focus-gray:focus {
  border-color: #AAB2BD !important;
}

.gradient-gray {
  border: none;
  background-image: linear-gradient(to bottom, #e2e5ea, #AAB2BD);
}

.bg-fade2-night {
  background-color: rgba(67, 74, 84, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-night {
  background-color: rgba(67, 74, 84, 0.3) !important;
  color: #FFF !important;
}

.color-night-light {
  color: #222529 !important;
}

.bg-night-light {
  background-color: #222529 !important;
  color: #FFF !important;
}

.color-night-dark {
  color: #16181c !important;
}

.color-icon-night {
  stroke: #16181c !important;
  fill: rgba(67, 74, 84, 0.3) !important;
}

.bg-night-dark {
  background-color: #16181c !important;
  color: #FFF !important;
}

.border-night-light {
  border-color: #222529 !important;
}

.border-night-dark {
  border-color: #16181c !important;
}

.border-fade-night {
  border-color: rgba(67, 74, 84, 0.3) !important;
}

.focus-night:focus {
  border-color: #16181c !important;
}

.gradient-night {
  border: none;
  background-image: linear-gradient(to bottom, #222529, #16181c);
}

.bg-fade2-dark {
  background-color: rgba(67, 74, 84, 0.2) !important;
  color: #FFF !important;
}

.bg-fade-dark {
  background-color: rgba(67, 74, 84, 0.4) !important;
  color: #FFF !important;
}

.color-dark-light {
  color: #656D78 !important;
}

.bg-dark-light {
  background-color: #656D78 !important;
  color: #FFF !important;
}

.color-dark-dark {
  color: #434A54 !important;
}

.color-icon-dark {
  stroke: #434A54 !important;
  fill: rgba(67, 74, 84, 0.4) !important;
}

.bg-dark-dark {
  background-color: #434A54 !important;
  color: #FFF !important;
}

.border-dark-light {
  border-color: #656D78 !important;
}

.border-dark-dark {
  border-color: #434A54 !important;
}

.border-fade-dark {
  border-color: rgba(67, 74, 84, 0.4) !important;
}

.focus-dark:focus {
  border-color: #434A54 !important;
}

.gradient-dark {
  border: none;
  background-image: linear-gradient(to bottom, #656D78, #434A54);
}

/*Social Colors*/
.color-facebook {
  color: #3b5998 !important;
}

.bg-facebook {
  background-color: #3b5998 !important;
  color: #FFF;
}

.color-linkedin {
  color: #0077B5 !important;
}

.bg-linkedin {
  background-color: #0077B5 !important;
  color: #FFF;
}

.color-twitter {
  color: #4099ff !important;
}

.bg-twitter {
  background-color: #4099ff !important;
  color: #FFF;
}

.color-google {
  color: #d34836 !important;
}

.bg-google {
  background-color: #d34836 !important;
  color: #FFF;
}

.color-whatsapp {
  color: #34AF23 !important;
}

.bg-whatsapp {
  background-color: #34AF23 !important;
  color: #FFF;
}

.color-pinterest {
  color: #C92228 !important;
}

.bg-pinterest {
  background-color: #C92228 !important;
  color: #FFF;
}

.color-mail {
  color: #3498db !important;
}

.bg-mail {
  background-color: #3498db !important;
  color: #FFF;
}

.color-phone {
  color: #27ae60 !important;
}

.bg-phone {
  background-color: #27ae60 !important;
  color: #FFF;
}

.color-instagram {
  color: #e1306c !important;
}

.bg-instagram {
  background-color: #e1306c !important;
  color: #FFF;
}

/*Default Colors*/
.color-white {
  color: #FFF !important;
}

.color-black {
  color: #000 !important;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-black {
  background-color: #000 !important;
}

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

.theme-light .bg-gradient-fade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 70%, #000 100%) !important;
}

.theme-dark .bg-gradient-fade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 70%, #000 100%) !important;
}

.theme-dark .border-theme {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.theme-light .border-theme {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

/*Default Highlight Colors*/
.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span {
  color: #4A89DC !important;
}

.footer-bar-2 .active-nav {
  border-bottom: solid 3px #4A89DC;
}

.footer-bar-3 .active-nav {
  border-top: solid 3px #4A89DC;
}

.footer-bar-4 .active-nav {
  background-color: #4A89DC;
}

#footer-bar .circle-nav-1::after,
#footer-bar .circle-nav-2::before,
#footer-bar .circle-nav-2::after {
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC) !important;
}

input[type=range]::-webkit-slider-thumb {
  background-color: #4A89DC;
}

.color-highlight {
  color: #4A89DC;
}

.bg-highlight {
  background-color: #4A89DC;
  color: #FFF !important;
}

.c-dark {
  color: #0b2238 !important;
}

.c-white {
  color: #ffffff !important;
}

.c-blue {
  color: #165df5 !important;
}

.c-gold {
  color: #ffce53 !important;
}

.c-green {
  color: #19a389 !important;
}

.c-aquamarine {
  color: #17e79b !important;
}

.c-orange {
  color: #f28e1c !important;
}

.c-orange-red {
  color: #fd6b3b !important;
}

.c-red {
  color: #f93542 !important;
}

.c-yollow {
  color: #ffc329 !important;
}

.c-gray {
  color: #6c7a87 !important;
}

.c-light {
  color: #9da6af !important;
}

.c-beiget {
  color: #ffe7aa !important;
}

.c-skuy {
  color: #6bb0f8 !important;
}

.c-magenta {
  color: #fd4ffe !important;
}

.c-currency-d {
  color: #29013e !important;
}

.c-currency-p {
  color: #aa9bb3 !important;
}

.c-sea {
  color: #4d81f7 !important;
}

.c-cyan {
  color: #16f5f5 !important;
}

.c-purple {
  color: #6f5fa6 !important;
}

.c-lightgreen {
  color: #7bd88a !important;
}

.c-green2 {
  color: #31d1ab !important;
}

.c-black {
  color: #000 !important;
}

.c-blue2 {
  color: #3875f7 !important;
}

.c-orange2 {
  color: #fd7028 !important;
}

.bg-dark {
  background-color: #0b2238 !important;
}

.bg-white {
  background: #ffffff !important;
}

.bg-blue {
  background-color: #165df5 !important;
}

.bg-gold {
  background-color: #ffce53 !important;
}

.bg-green {
  background-color: #19a389 !important;
}

.bg-aquamarine {
  background-color: #17e79b !important;
}

.bg-orange {
  background-color: #f28e1c !important;
}

.bg-red {
  background-color: #f93542 !important;
}

.bg-yollow {
  background-color: #ffc329 !important;
}

.bg-gray {
  background-color: #6c7a87 !important;
}

.bg-light {
  background-color: #9da6af !important;
}

.bg-beiget {
  background-color: #ffe7aa !important;
}

.bg-sandy-cream {
  background-color: #fff0ce !important;
}

.bg-skuy {
  background-color: #6bb0f8 !important;
}

.bg-magenta {
  background-color: #fd4ffe !important;
}

.bg-green2 {
  background-color: #31d1ab !important;
}

.bg-currency-d {
  background-color: #29013e !important;
}

.bg-orange-red {
  background-color: #fd6b3b !important;
}

.bg-currency-p {
  background-color: #aa9bb3 !important;
}

.bg-sea {
  background-color: #4d81f7 !important;
}

.bg-purple {
  background-color: #6f5fa6 !important;
}

.bg-lightgreen {
  background-color: #7bd88a !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-snow {
  background-color: #f7f8fa !important;
}

.bg-blue2 {
  background-color: #3875f7 !important;
}

.bg-orange2 {
  background-color: #fd7028 !important;
}

img {
  border: 0;
}

body.is-dark h1, body.is-dark h2, body.is-dark h3, body.is-dark h4, body.is-dark h5, body.is-dark h6, body.is-dark p, body.is-dark div, body.is-dark li, body.is-dark ul, body.is-dark a, body.is-dark button, body.is-dark svg, body.is-dark .bio-courses-card-v1 .course-detials *, body.is-dark .product-card-v2 * {
  color: #fff;
}

body.is-dark .is-dark-stroke {
  stroke: #fff;
}

.sandy-tabs-item {
  display: none;
}

[data-sandy-open] {
  display: none;
}

.sandy-btn {
  text-transform: none;
  font-size: 0.9rem;
  line-height: 1.47;
  display: block;
  transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  color: #000;
  padding: 0.6rem 1.25rem 0.75rem;
  border-radius: 16px/16px;
}
.sandy-btn:hover {
  color: #fff;
}
.sandy-btn:hover .hover {
  transform: translateZ(0) translate(-50%, 50%) scale(1);
}
.sandy-btn:hover .background {
  opacity: 0;
}
.sandy-btn .background {
  position: absolute;
  display: block;
  background: #f7f9fb;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sandy-btn .hover {
  background: #5DC2D3;
  border-radius: 50%;
  bottom: 0;
  left: 50%;
  transform: translateZ(0) translate(-50%, 50%) scale(0);
  FONT-WEIGHT: 200;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
  pointer-events: none;
  width: 250%;
  height: 250%;
  display: block;
  position: absolute;
}
.sandy-btn .text {
  position: relative;
}

.sandy-accordion {
  border-top: 1px solid #E6E8EC;
}
.sandy-accordion.active .sandy-accordion-head::before {
  transform: translateY(-50%) rotate(180deg);
}
.sandy-accordion .sandy-accordion-head {
  position: relative;
  padding: 32px 40px 32px 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: color 0.2s;
}
.sandy-accordion .sandy-accordion-head::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 10px;
  height: 6px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.207.793a1 1 0 0 0-1.414 0L5 3.586 2.207.793A1 1 0 1 0 .793 2.207l3.5 3.5a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414z' fill='%23777e91'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
  transition: transform 0.2s;
}
.sandy-accordion .sandy-accordion-body {
  display: none;
  padding-bottom: 32px;
  font-size: 16px;
  line-height: 1.5;
  color: #777E90;
}

.form-wrap label {
  color: #adafca;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  margin-bottom: 10px;
}

.fp-fontspec {
  font-family: inherit;
}

.font-picker .fp-modal {
  width: 450px;
  padding: 20px;
}
.font-picker .fp-modal .fp-filter {
  border: 0;
}
.font-picker .fp-modal .fp-filter .fp-search-wrap {
  width: 100%;
}
.font-picker .fp-modal .fp-filter .fp-search-wrap .fp-search {
  height: 40px;
  background: #f5f6f8;
  border: 0;
}
.font-picker .fp-modal .fp-filter .fp-lang {
  display: none;
}
.font-picker .fp-modal .fp-filter .fp-category {
  display: none;
}
.font-picker .fp-sample {
  height: 70px;
  padding: 0 10px;
  border: 0;
}
.font-picker .fp-results li {
  margin: 15px 0;
}
.font-picker .fp-results .fp-divider {
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  margin: 17px 0;
  border: 0;
}

.form-input {
  position: relative;
}
.form-input.is-disabled {
  opacity: 0.7;
}
.form-input.is-disabled input, .form-input.is-disabled textarea, .form-input.is-disabled select {
  background: #f8f9fb !important;
  pointer-events: none;
}
.form-input .invalid-feedback {
  color: #f43636;
  font-size: 14px;
  margin: 7px 10px;
  display: block;
}
.form-input .password-strength-indicator {
  width: calc(100% - 28px);
  height: 4px;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  margin-left: 13px;
  margin-right: 13px;
}
.form-input .password-strength-indicator [strength-bar] {
  background: #d8d9da;
  border-radius: 24px;
  flex: 1;
  height: 4px;
  margin-left: 1px;
  margin-right: 1px;
  width: 25%;
}
.form-input .password-strength-indicator [strength-bar].bad {
  background: #ff2934;
}
.form-input .password-strength-indicator [strength-bar].mediocre {
  background: #ffcd38;
}
.form-input .password-strength-indicator [strength-bar].strong {
  background: #19d681;
}
.form-input.pre .input-side-pre {
  background: #eceff3;
  width: 100%;
  padding: 17px;
}
.form-input .text-count-field {
  position: absolute;
  right: 0;
  font-size: 0.75rem;
  background: #fff;
  padding: 0 15px;
  top: -6px;
  color: #adafca;
  border-radius: 0px;
  transition: 0.6s;
  z-index: 999;
  border: 1px solid #fff;
}
.form-input.active label {
  background-color: #fff;
  padding: 0 6px;
  font-size: 0.75rem;
  top: -6px;
  left: 12px;
}
.form-input label {
  color: #adafca;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 16.5px;
  left: 17px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  box-shadow: none;
  z-index: 50;
}
.form-input label.initial {
  position: initial;
  margin-bottom: 10px;
}
.form-input input {
  height: 54px;
  font-size: 14px;
}
.form-input textarea.no-resize {
  resize: none;
}
.form-input input, .form-input textarea {
  background: #f5f6f8;
  border: 0;
  border-radius: 16px;
  padding: 18px;
  width: 100%;
}
.form-input input.has-border, .form-input textarea.has-border {
  border: 2px solid #E6E8EC;
  background: #fff;
}
body.is-dark .form-input input, body.is-dark .form-input textarea {
  background: #000;
}
.form-input input:focus, .form-input input:focus-visible, .form-input textarea:focus, .form-input textarea:focus-visible {
  border: 0;
  outline: 0 !important;
}
.form-input input.bg-w, .form-input textarea.bg-w {
  background-color: #fff;
  border-color: #fff;
}
.form-input .initial + select, .form-input .initial + input, .form-input .initial + textarea {
  margin-top: 10px;
}
.form-input .is-alt-label {
  position: initial;
  margin-bottom: 12px;
  font-size: 12px;
  text-transform: uppercase;
  color: #b1b5c3;
}
.form-input .is-alt-input {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
  height: 48px;
}
.form-input select {
  color: #9ca3af;
  height: 48px;
  padding-left: 20px;
  padding-right: 45px;
  border-radius: 12px;
  border: none;
  float: none;
  font-weight: 600;
  transition: all 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  border: 2px solid #e6e8ec;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M10.281.305L5.988 4.598 1.695.305A1 1 0 0 0 .293.317a1 1 0 0 0-.012 1.402l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 0 0-.441-1.687 1 1 0 0 0-.973.273z' fill='%2311142d'/%3E%3C/svg%3E") no-repeat right 1rem center/8px 10px;
}
.form-input select.bg-w {
  background-color: #fff;
}
.form-input.is-password input {
  padding-right: 56px;
}
.form-input.is-password .show-password {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 56px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-input.is-password .show-password i {
  font-size: 17px;
}
.form-input.is-link .is-link-inner {
  display: flex;
  background: #f5f6f8;
  border: 0;
  border-radius: 16px;
  padding: 0;
  width: 100%;
  height: 54px;
}
body.is-dark .form-input.is-link .is-link-inner {
  background: #222222;
}
.form-input.is-link .is-link-inner .side-info {
  padding: 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #686d73;
  padding-right: 10px;
}
.form-input.is-link .is-link-inner input {
  background: transparent;
  padding-left: 5px;
}
.form-input.copy input {
  background: rgba(228, 228, 228, 0.24);
  padding-right: 56px;
}
.form-input.copy .copy-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 56px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-input.copy .copy-btn i {
  font-size: 17px;
}

.social-links {
  display: flex;
}
.social-links.is-auth {
  flex-wrap: unset;
  flex-wrap: initial;
}
.social-links.is-auth .google {
  border: 1px solid #e5e7eb;
  background: transparent !important;
}
.social-links.is-auth .social-link {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  font-size: 20px;
}
.social-links.is-auth .social-link:not(:last-child) {
  margin-right: 15px;
}
.social-links.is-auth .social-link svg {
  width: 30px;
  height: 30px;
}
.social-links .social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 10px;
  transition: transform 0.2s ease-in-out;
  margin-right: 12px;
  background: #000;
}
.social-links .social-link:hover {
  transform: translateY(-4px);
}
.social-links .social-link.add {
  border: 2px dashed #000;
  background: transparent;
}
.social-links .social-link.add i {
  color: #000;
}
.social-links .social-link i {
  color: #fff;
}
body.is-dark .social-links .social-link {
  background: #fff;
}
body.is-dark .social-links .social-link * {
  color: #000;
}
.social-links .social-link:last-child {
  margin-right: 0;
}
.social-links .social-link.googleplus {
  background-color: #dd4b39;
}
.social-links .social-link.pinterest {
  background-color: #cb2027;
}
.social-links .social-link.linkedin {
  background-color: #007bb6;
}
.social-links .social-link.youtube {
  background-color: #bb0000;
}
.social-links .social-link.vimeo {
  background-color: #1ab7ea;
}
.social-links .social-link.tumblr {
  background-color: #32506d;
}
.social-links .social-link.instagram {
  background-color: #517fa4;
}
.social-links .social-link.flickr {
  background-color: #ff0084;
}
.social-links .social-link.dribbble {
  background-color: #ea4c89;
}
.social-links .social-link.quora {
  background-color: #a82400;
}
.social-links .social-link.foursquare {
  background-color: #0072b1;
}
.social-links .social-link.forrst {
  background-color: #5b9A68;
}
.social-links .social-link.wordpress {
  background-color: #21759b;
}
.social-links .social-link.stumbleupon {
  background-color: #eb4823;
}
.social-links .social-link.yahoo {
  background-color: #7b0099;
}
.social-links .social-link.blogger {
  background-color: #fb8f3d;
}
.social-links .social-link.github {
  background-color: #333333;
}
.social-links .social-link.vine {
  background-color: #00bf8f;
}
.social-links .social-link.rss {
  background-color: #ff9900;
}
.social-links .social-link.snapchat {
  background-color: #fffc00;
  color: #333;
}
.social-links .social-link.facebook {
  background-color: #3b5998;
}
.social-links .social-link.soundcloud {
  background-color: #ff8800;
}
.social-links .social-link.twitter {
  background-color: #1abcff;
}
.social-links .social-link.twitch {
  background-color: #7b5dfa;
}
.social-links .social-link.patreon {
  background-color: #ff7a51;
}
.social-links .social-link.discord {
  background-color: #7289da;
}
.social-links .social-link.google {
  background-color: #ffc529;
}
.social-links .social-link.behance {
  background-color: #3486f5;
}
.social-links .social-link.deviantart {
  background-color: #32e1d3;
}
.social-links .social-link.artstation {
  background-color: #00e194;
}
.social-links .social-link.whatsapp {
  background: #4dc247;
}
.social-links .social-link.void {
  background-color: #fff;
  box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, 0.12);
}
.social-links .social-link.void.facebook .icon-facebook {
  color: #3763d2;
}
.social-links .social-link.void.twitter .icon-twitter {
  color: #1abcff;
}

.highlights {
  display: flex;
  align-items: center;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.highlights::before, .highlights::after {
  content: "";
  display: block;
  padding: 17px;
}
.highlights .highlights-inner {
  display: flex;
  width: 100%;
}
.highlights .simplebar-track.simplebar-horizontal {
  visibility: visible !important;
}
.highlights .simplebar-content {
  flex-direction: row;
}
.highlights .lighting {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  position: absolute !important;
  right: 0;
  top: 0;
  font-weight: 500;
  background: linear-gradient(190deg, #0000002e, #0000);
  border-radius: inherit;
}
.highlights .lighting i {
  font-size: 15px;
  color: #fff;
  -webkit-animation: scale-up-half 7s;
          animation: scale-up-half 7s;
}
.highlights .lighting svg {
  stroke: #fff;
  stroke-width: 5;
  -webkit-animation: scale-up-half 7s;
          animation: scale-up-half 7s;
}
.highlights .highlight {
  margin: 10px 22px 10px 0;
  min-width: 90px;
  position: relative;
  border-radius: 10px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.highlights .highlight:hover {
  transform: translateY(-4px);
}
.highlights .highlight:last-child {
  margin-right: 0;
}
.highlights .highlight:not(.add) .thumbnail::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, #00000042);
  border-radius: inherit;
}
.highlights .highlight.add {
  border: 2px dashed #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
}
.highlights .highlight.add i {
  font-size: 20px;
}
.highlights .highlight p {
  bottom: 7px;
  font-size: 12px;
  left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 6px;
  text-align: center;
}
.highlights .highlight .thumbnail {
  height: 90px;
  width: 90px;
  border-radius: inherit;
  position: relative;
}
.highlights .highlight .thumbnail * {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}

.thumbnail-upload {
  position: relative;
  display: flex;
}
.thumbnail-upload .button {
  background-color: #fff;
  padding: 0 6px;
  font-size: 0.75rem;
  box-shadow: none;
  font-weight: 600;
  color: #adafca;
}
.thumbnail-upload.boxed {
  height: 100%;
  width: 150px;
}
.thumbnail-upload.boxed .thumbnail {
  padding: initial;
  box-shadow: none;
  position: relative;
  z-index: 1;
  background: transparent;
}
.thumbnail-upload.boxed .thumbnail img {
  height: 150px;
  width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15px;
  border: 0;
  padding: 7px;
}
.thumbnail-upload.boxed .thumbnail::before, .thumbnail-upload.boxed .thumbnail::after {
  content: "";
  position: absolute;
  border-radius: 16px;
}
.thumbnail-upload.boxed .thumbnail::before {
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: -5px;
  z-index: -2;
  background: #27baf12b;
}
.thumbnail-upload.boxed .thumbnail::after {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 1px;
  z-index: -1;
  background: #34b3e28c;
}
.thumbnail-upload .thumbnail {
  padding: 6px;
  background: #fff;
  border-radius: 550px;
  box-shadow: 0px 5px 20px rgba(126, 142, 177, 0.2);
}
.thumbnail-upload .thumbnail img {
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}
.thumbnail-upload .content {
  margin-left: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.thumbnail-upload .content h5 {
  font-size: 14px;
}
.thumbnail-upload input[type=file] {
  position: absolute;
  cursor: pointer;
  z-index: 59;
  height: 100%;
  width: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}

.avatar-upload {
  position: relative;
  display: flex;
}
.avatar-upload .avatar {
  width: 50px;
  height: 50px;
  padding: 6px;
  background: #fff;
  border-radius: 550px;
  box-shadow: 0px 5px 20px rgba(126, 142, 177, 0.2);
}
.avatar-upload .avatar * {
  width: 100%;
  height: 100%;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}
.avatar-upload .avatar.inherit * {
  border-radius: inherit;
}
.avatar-upload .content {
  margin-left: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.avatar-upload .content h5 {
  font-size: 14px;
}
.avatar-upload input[type=file] {
  position: absolute;
  cursor: pointer;
  z-index: 59;
  height: 100%;
  width: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}

.inner-page-banner {
  min-height: 200px;
  background: #f5f7fc;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inner-page-banner.remove-min-height {
  min-height: initial;
}
.inner-page-banner.preview {
  position: relative;
  justify-content: initial;
}
@media (max-width: 768px) {
  .inner-page-banner.preview {
    padding: 20px;
  }
}
.inner-page-banner.preview::after {
  position: absolute;
  background: var(--elem-color, none);
  opacity: 0.2;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.inner-page-banner.preview .h-avatar {
  width: 76px;
  height: 72px;
  font-size: 30px;
}
.inner-page-banner.preview .thumbnail {
  display: flex;
}
.inner-page-banner.preview .thumbnail .thumbnail-inner {
  width: 75px;
  height: 75px;
}
.inner-page-banner.preview .thumbnail img {
  width: inherit;
  height: inherit;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.inner-page-banner.preview .content {
  padding-top: 10px;
}
.inner-page-banner.preview .content .title {
  font-size: 22px;
  font-weight: bold;
}
.inner-page-banner.preview .content .title + p {
  margin-top: 5px;
}
.inner-page-banner.preview .content .use-button {
  height: 30px;
  padding: 0 19px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, 0.12);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 32px;
  display: inline-flex;
  margin-top: 9px;
}
.inner-page-banner h1 {
  font-size: 21px;
  margin-bottom: 10px;
}
.inner-page-banner p {
  font-size: 13px;
}

#app-sandy-mix {
  background: #f1f1f1;
  background: #f9f9f9;
  overflow: hidden;
}
#app-sandy-mix .user-list {
  min-height: 44px;
  padding: 4px 0 0 55px;
  position: relative;
  margin-bottom: 22px;
}
#app-sandy-mix .user-list:last-child {
  margin-bottom: 0;
}
#app-sandy-mix .user-list .highlighted {
  color: #00c7d9;
  font-weight: 600;
}
#app-sandy-mix .user-list .bold {
  color: #3e3f5e;
  font-weight: 700;
}
#app-sandy-mix .user-list .activity-reaction {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 5%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
#app-sandy-mix .user-list .activity-reaction i {
  font-size: 20px;
  color: #fff;
}
#app-sandy-mix .user-list .user-list-title {
  color: #3e3f5e;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4em;
}
#app-sandy-mix .user-list .user-list-timestamp {
  margin-top: 4px;
  color: #8f91ac;
  font-size: 10px;
  font-weight: 200;
}
#app-sandy-mix .header {
  width: 700px;
  margin: auto;
  background: #f5f7fc;
  height: 60px;
  z-index: 1001;
  position: relative;
  max-width: 100%;
  padding: 10px;
}
#app-sandy-mix .header .header-brand {
  margin-right: auto;
}
#app-sandy-mix .header .header-actions {
  height: 100%;
}
#app-sandy-mix .border-types {
  display: flex;
  justify-content: space-between;
}
#app-sandy-mix .border-types .border {
  width: calc(33% - 8px);
  padding: 9px;
  border: 2px solid;
}
#app-sandy-mix .border-types .border img {
  height: 100%;
  width: 34px;
  background: black none repeat scroll 0% 0%;
}
#app-sandy-mix .border-types .border.round {
  border-radius: 15px;
}
#app-sandy-mix .border-types .border.round img {
  border-radius: 10px;
}
#app-sandy-mix .border-types .border.rounded {
  border-radius: 550px;
}
#app-sandy-mix .border-types .border.rounded img {
  border-radius: 550px;
}
#app-sandy-mix .card.customize {
  padding: 20px;
  background: #f5f7fc;
  border-radius: 1rem;
}
#app-sandy-mix .card.customize .card-header .title {
  font-size: 16px;
  margin-bottom: 0.38rem;
}
#app-sandy-mix .card.customize .card-header .subtitle {
  font-size: 12px;
  line-height: 1.5;
}
#app-sandy-mix .menu-main {
  display: flex;
  height: 100%;
  align-items: center;
}
#app-sandy-mix .menu-main .menu-main-item {
  position: relative;
}
#app-sandy-mix .menu-main .menu-main-item .menu-main-item-link {
  padding: 0 24px;
  display: block;
  color: #000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 80px;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
#app-sandy-mix .bio-username-text {
  font-size: 1.25rem;
  margin-top: 2px;
  font-weight: 500;
}
body.is-dark #app-sandy-mix .bio-username-text {
  color: #fff;
}
#app-sandy-mix .bio-name-text {
  font-size: 17px;
}
body.is-dark #app-sandy-mix .bio-name-text {
  color: #fff;
}
#app-sandy-mix .avatar-thumb .avatar-container {
  height: 7rem;
  width: 7rem;
  position: relative;
}
@media (max-width: 768px) {
  #app-sandy-mix .avatar-thumb .avatar-container {
    width: 6rem;
    height: 6rem;
  }
}
#app-sandy-mix .avatar-thumb .avatar-container .thumb {
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 10px;
  padding: 5px;
}
#app-sandy-mix .avatar-thumb .avatar-container .thumb * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
#app-sandy-mix .avatar-thumb .avatar-container .action {
  position: absolute;
  z-index: 2;
  height: 37px;
  width: 37px;
  border-radius: 550px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -7px;
  top: 64px;
  cursor: pointer;
}
#app-sandy-mix .avatar-thumb .avatar-container .action input {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#app-sandy-mix .boxed-card {
  background: #f4f5f6;
  padding: 20px;
  border-radius: 1rem;
}
#app-sandy-mix .boxed-card .boxed-inner {
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
#app-sandy-mix .boxed-card .boxed-inner:last-child {
  margin-bottom: 0px;
  border-bottom: 0;
}
#app-sandy-mix .boxed-card .boxed-inner a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#app-sandy-mix .boxed-card .boxed-inner a i {
  font-size: 18px;
  -webkit-text-stroke: 0.2px;
}
#app-sandy-mix .boxed-card .boxed-inner a span {
  font-size: 14px;
}
#app-sandy-mix .boxed-card .boxed-inner:last-child {
  padding-bottom: 0;
}
#app-sandy-mix .boxed-card .boxed-inner .-icon {
  background: #fff;
  padding: 10px;
  border-radius: 550px;
}
#app-sandy-mix #content {
  width: 700px;
  margin: auto;
  box-shadow: 0 10px 20px 0 rgba(91, 91, 91, 0.04);
  background: #fff;
  min-height: 100vh;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 5rem;
}
#app-sandy-mix .floaty-bar {
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  z-index: 1000;
  justify-content: center;
  position: fixed;
  box-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.1);
}
#app-sandy-mix .bar-actions {
  width: 700px;
  max-width: 100%;
  background: #fff;
}
#app-sandy-mix .action-list {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
}
#app-sandy-mix .action-list .action-list-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.3s;
}
#app-sandy-mix .action-list .action-list-item.is-huge {
  position: relative;
  background: transparent !important;
}
#app-sandy-mix .action-list .action-list-item.is-huge .huge-icon {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -25px;
  border-radius: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  background: #fff;
}
#app-sandy-mix .action-list .action-list-item.is-huge i {
  color: #000;
  font-size: 20px;
  margin: 0 !important;
}
#app-sandy-mix .action-list .action-list-item.is-huge svg {
  width: 30px;
  height: 23px;
}
#app-sandy-mix .action-list .action-list-item.active {
  padding: 0 0;
}
#app-sandy-mix .action-list .action-list-item.active i {
  margin-right: 2px;
}
@media (max-width: 768px) {
  #app-sandy-mix .action-list .action-list-item.active i {
    font-size: 17px;
  }
}
#app-sandy-mix .action-list .action-list-item.active svg {
  display: none;
}
#app-sandy-mix .action-list .action-list-item.active span {
  max-width: 200px;
  position: relative;
  right: 0;
  transition: max-width 0.4s linear;
}
@media (max-width: 768px) {
  #app-sandy-mix .action-list .action-list-item.active span {
    font-size: 11px;
  }
}
#app-sandy-mix .action-list .action-list-item i {
  font-size: 20px;
  -webkit-text-stroke: 0.2px;
}
#app-sandy-mix .action-list .action-list-item svg {
  width: 20px;
  height: 17px;
}
#app-sandy-mix .action-list .action-list-item span {
  max-width: 0;
}

.floaty-bar .bar-actions {
  border-radius: 15px 15px 0 0;
}
.floaty-bar .action-list .action-list-item span {
  display: none !important;
}
.floaty-bar .action-list .action-list-item .action-list-icon svg {
  stroke: #fff;
  stroke-width: 2;
}
.floaty-bar .action-list .action-list-item.active .action-list-icon {
  display: none;
}
.floaty-bar .action-list .action-list-item.active span {
  display: block !important;
  margin-top: -3px !important;
}
.floaty-bar .action-list .action-list-item.active span::before {
  content: "";
  position: absolute;
  bottom: -9px;
  height: 5px;
  width: 5px;
  background: #000;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 550px;
}

.app-tile {
  flex: 0 1 130px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: none;
  padding: 0px;
  align-items: center;
  display: flex;
  position: relative;
  z-index: 50;
}
.app-tile .app-tile-box {
  width: 100%;
  border-radius: 6px;
  padding: 22px;
  background-color: #f5f7fc;
  text-decoration: none;
  color: #3E4B5B;
  transition: all 0.25s ease;
  display: flex;
  position: relative;
}
.app-tile .app-tile-box::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  border-radius: 24px;
  background: #f5f7fc;
  opacity: 0.57;
}
.app-tile .app-tile-box::after {
  background: var(--elem-color, none);
  opacity: 0.2;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.app-tile .app-tile-box::before, .app-tile .app-tile-box::after {
  content: "";
  position: absolute;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .app-tile .app-tile-box {
    display: block;
  }
  .app-tile .app-tile-box .content {
    margin-left: 0 !important;
    margin-top: 13px;
  }
}
.app-tile .app-tile-box .thumbnail {
  height: 100px;
  width: 70px;
  font-size: 35px;
}
@media (max-width: 768px) {
  .app-tile .app-tile-box .thumbnail {
    height: 70px;
    width: 70px;
  }
}
.app-tile .app-tile-box .thumbnail img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 19%;
}
.app-tile .app-tile-box .content {
  margin-left: 13px;
  width: 100%;
  display: flex;
}
.app-tile .app-tile-box .description {
  font-size: 12px;
}
.app-tile .app-tile-box .action-a {
  margin-left: auto;
}
.app-tile .app-tile-box .name {
  border-top: none;
  padding-top: 0px;
  text-transform: none;
  font-size: 0.9rem;
  line-height: 1.2;
  font-weight: 900;
  display: block;
}

.gallery.preview {
  display: flex;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}
.gallery.preview .gallery-single {
  scroll-snap-align: start;
  padding-left: 16px;
}
.gallery.preview .gallery-single .gallery-single-inner {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f4f4f4;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  height: 420px;
  min-height: 420px;
  max-height: 420px;
  position: relative;
}
.gallery.preview .gallery-single .gallery-single-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}

.landing-banner {
  height: 100%;
  max-height: 100vh;
  width: 100%;
  position: relative;
}
.landing-banner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.65;
}
@media (max-width: 768px) {
  .landing-banner {
    height: 33vh;
  }
}
.landing-banner img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.landing-banner .banner-texts {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  padding: 50px 50px 0;
}
.landing-banner .banner-texts .title-sections::after {
  background-color: #16f5f5 !important;
}
@media (max-width: 768px) {
  .landing-banner .banner-texts .list-point {
    display: none;
  }
}

.landing-form {
  position: relative;
  right: initial;
  top: initial;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
@media (max-width: 768px) {
  .landing-form {
    align-items: flex-start;
  }
}
.landing-form .form-box {
  padding: 54px;
  box-shadow: none;
  margin-top: 0;
  position: relative;
  top: 0;
}
@media (max-width: 768px) {
  .landing-form .form-box {
    padding: 0 25px;
    width: 90%;
  }
}
@media (min-width: 991px) {
  .landing-form .form-box {
    width: 604px;
  }
}
.landing-form .form-box .form-box-title {
  margin-bottom: 10px;
  text-align: left;
}

.form-row + .form-row {
  margin-top: 40px;
}

.meta-app {
  width: 100%;
  display: flex;
  align-items: center;
  color: #000;
}
.meta-app .thumbnail {
  height: 40px;
  width: 40px;
  border-radius: 5px;
  background-size: cover;
  margin-right: 15px;
}
.meta-app .content .title {
  font-size: 14px;
}
.meta-app .content span {
  font-size: 11px;
}
.meta-app a {
  position: absolute;
  right: 42px;
  height: 30px;
  padding: 0 19px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, 0.12);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 32px;
  display: inline-flex;
  margin-top: 9px;
}

#app-sandy-mix.is-bio {
  background: #f2f2f2;
  overflow: auto;
}
#app-sandy-mix.is-bio .form-input label {
  position: initial;
  margin-bottom: 12px;
  font-size: 12px;
  text-transform: uppercase;
  color: #b1b5c3;
}
#app-sandy-mix.is-bio .form-input input, #app-sandy-mix.is-bio .form-input textarea, #app-sandy-mix.is-bio .form-input select {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
  height: 48px;
}
body.is-dark #app-sandy-mix.is-bio .form-input input, body.is-dark #app-sandy-mix.is-bio .form-input textarea, body.is-dark #app-sandy-mix.is-bio .form-input select {
  background: #000;
}
#app-sandy-mix.is-bio .form-input textarea {
  height: initial;
}
body.is-dark #app-sandy-mix.is-bio {
  background: #000;
}
body.is-dark #app-sandy-mix.is-bio #content {
  background: #000;
}
#app-sandy-mix.is-bio .bio-menu {
  width: 700px;
  max-width: 100%;
  margin: auto;
  position: fixed;
  z-index: 9999;
}
#app-sandy-mix.is-bio .bio-menu.is-element .bio-menu-container {
  height: 70px !important;
  opacity: 1 !important;
}
#app-sandy-mix.is-bio .bio-menu.is-element .bio-menu-container .bio-menu-info .social-modal {
  margin-left: 0;
  margin-right: auto;
}
#app-sandy-mix.is-bio .bio-menu .bio-menu-container {
  background: rgba(255, 255, 255, 0.93);
  display: flex;
  height: 70px;
  align-items: center;
  transition: 0.2s;
  opacity: 1;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #app-sandy-mix.is-bio .bio-menu .bio-menu-container {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.62);
  }
}
body.is-dark #app-sandy-mix.is-bio .bio-menu .bio-menu-container {
  background: rgba(45, 44, 44, 0.6);
}
#app-sandy-mix.is-bio .bio-menu:not(.stick) .bio-menu-container {
  height: 0;
  opacity: 0;
}
#app-sandy-mix.is-bio .bio-menu .bio-menu-info {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 18px 20px;
}
#app-sandy-mix.is-bio .bio-menu .bio-menu-info .bio-name-text {
  font-size: 16px;
  margin-left: 17px;
}
#app-sandy-mix.is-bio .bio-menu .bio-menu-info .social-modal {
  margin-left: auto;
  cursor: pointer;
}
#app-sandy-mix.is-bio .bio-menu .bio-menu-info .social-modal i {
  font-size: 20px;
}
#app-sandy-mix.is-bio .bio-menu .user-img * {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
#app-sandy-mix.is-bio #content {
  box-shadow: none !important;
}
#app-sandy-mix.is-bio #content .simplebar-content {
  padding: 0 !important;
}
#app-sandy-mix.is-bio .bio-dark {
  position: fixed;
  left: 50px;
  bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 200px;
  background: #ffffff;
  color: #000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  font-size: 20px;
}
#app-sandy-mix.is-bio .bio-dark i {
  color: #000;
}
#app-sandy-mix.is-bio .bio-dark input {
  position: absolute;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media (max-width: 600px) {
  #app-sandy-mix.is-bio .bio-dark {
    left: auto;
    z-index: 99;
    right: 20px;
    width: 40px;
    bottom: 80px;
    height: 40px;
  }
  #app-sandy-mix.is-bio .bio-dark input {
    z-index: 100;
  }
}

.context-body {
  margin-top: -3em;
  z-index: 999;
  border-radius: 25px 25px 0 0;
  padding-top: 2em;
  height: 100%;
  background: #f4f5f6;
}
body:not(.sandy-dialog-disable-scroll):not(.is-bio-banner).has-background .context-body {
  background: rgba(255, 255, 255, 0.25);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  body:not(.sandy-dialog-disable-scroll):not(.is-bio-banner).has-background .context-body {
    background: rgba(255, 255, 255, 0.25);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
}
body.is-dark .context-body {
  background: transparent;
}

.context .context-head {
  padding: 7em 1.25rem 0 1.25em;
}
@media (min-width: 768px) {
  .context .context-head {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.context .avatar-thumb {
  display: flex;
}
.context .avatar-thumb .bio-info-container {
  margin-left: 15px;
  margin-top: 1.5em;
}
.context .context-title {
  padding: 10px 14px;
  margin: 20px 0;
  border-radius: 20px;
}
.context .context-title h4 {
  display: flex;
  justify-content: center;
  font-size: 20px;
}
.context .context-links {
  background: #f5f7fc;
}
.context .context-links .links .link {
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.context .context-links .links .link:hover {
  transform: translateY(-4px);
}
.context .context-links .links .link:last-child {
  margin-bottom: 0;
}
.context .context-links .links .link::before {
  top: 5px;
  left: 6px;
  right: 6px;
  bottom: -3px;
  z-index: 1;
  border-radius: 5px;
  background: rgba(247, 214, 214, 0.79);
  position: absolute;
  content: "";
}
.context .context-links .links .link .link-container {
  display: flex;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  z-index: 2;
  position: relative;
}
body.is-dark .context .context-links .links .link .link-container {
  background: #000;
}
.context .context-links .links .link .thumbnail {
  margin-left: auto;
  margin-left: 0;
  position: absolute;
  left: 10px;
}
.context .context-links .links .link .thumbnail * {
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  background-position: center;
  border-radius: 550px;
}
.context .context-links .links .link .icon {
  position: absolute;
  right: 10px;
  color: #000;
  font-size: 18px;
}
.context .context-links .links .link .icon * {
  stroke-width: 5;
}
.context .context-links .links .link .icon .sio {
  font-size: 23px;
}
body.is-dark .context .context-links .links .link .icon * {
  color: #fff;
  stroke: #fff;
}
.context .context-links .links .link .content-container .content p {
  font-size: 14px;
  color: #000;
}
body.is-dark .context .context-links .links .link .content-container .content p {
  color: #fff;
}
.context .context-links .links .link .content-container .content-type {
  font-size: 11px;
  color: #4f4f4f;
}
.context .context-add-item .context-add {
  padding: 0;
  background: #fff;
  display: flex;
}
.context .context-add-item .context-add .view, .context .context-add-item .context-add .setting {
  background: #f5f7fc;
  width: 80px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0000007d;
}
.context .context-add-item .step-banner::before {
  background: #dde4f5;
  bottom: -9px;
}
.context .context-add-item .step-banner::after {
  bottom: -5px;
  background: #00000036;
}
.context .context-add-item .add-item {
  border: 2px dashed #ccc;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  height: 70px;
  width: calc(100%);
  font-size: 17px;
  padding: 0 35px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.context .context-add-item .add-item span {
  color: #383838;
  font-size: 13px;
  margin-right: 11px;
}
.context .context-add-item .add-item i {
  border: 1px dashed #ccc;
  padding: 11px;
  border-radius: 550px;
  color: #000;
}
.context.bio.a-right .context-head .avatar-thumb {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.context.bio.a-right .context-highlights, .context.bio.a-right .context-social {
  display: flex;
}
.context.bio.a-center .context-head {
  text-align: center;
}
.context.bio.a-center .context-head .avatar-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.context.bio.a-center .context-head .bio-info-container {
  margin-left: 0;
}
.context.bio.a-center .context-highlights .highlights-inner, .context.bio.a-center .context-social {
  display: flex;
  justify-content: center;
}
.context.bio .bio-des {
  line-height: 1.66 !important;
}
body.is-dark .context.bio .bio-des {
  color: #fff;
}
.context.bio .context-links {
  background: transparent;
}
.context.bio .context-links .links .link {
  height: 60px;
}
.context.bio .context-links .links .link::before {
  content: initial;
}
.context.bio .context-links .links .link .link-container {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.context.bio .context-links .links .link .thumbnail {
  margin-left: 0;
  position: absolute;
  left: 10px;
}
.context.bio .context-links .links .link .thumbnail img {
  width: 37px;
  height: 37px;
}

.sandy-select {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.sandy-select .sandy-select-inner {
  width: 100%;
  z-index: 3;
}
.sandy-select .select-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 13px;
  width: 100%;
  border-radius: 10px;
  color: #999;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
}
.sandy-select .select-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 10px;
}
.sandy-select .select-drop {
  position: absolute;
  top: -270px;
  left: 0;
  width: 100%;
  max-height: -300px;
  overflow-y: auto;
  background: #fff;
  border-radius: 15px;
  z-index: 5;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  padding: 20px;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  scrollbar-width: none;
  z-index: 9999999;
}
.sandy-select .drop-inner {
  position: relative;
}
.sandy-select .drop-inner .meta-app a {
  right: 4px;
}
.sandy-select .drop-inner .option-row {
  padding: 14px 0;
  border-bottom: 1px solid #f7f2f2;
  position: relative;
}
.sandy-select .drop-inner .option-row:last-child {
  border-bottom: 0;
}
.sandy-select .drop-inner .option-row:first-child {
  padding-top: 0;
}
.sandy-select .drop-inner .option-row input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.sandy-select.is-active .select-drop {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

.link-thumbnail {
  width: 186px;
  height: 186px;
  border-radius: 10px;
  background: #f4f4f4 none repeat scroll 0% 0%;
  display: flex;
  position: relative;
}
.link-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.link-thumbnail .action {
  position: absolute;
  z-index: 2;
  top: 69px;
  right: -24px;
  width: 48px;
  height: 48px;
  border-radius: 10%;
  border: 2px solid white;
  background-color: #f4f4f4;
  color: #007aff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.link-thumbnail .action i {
  font-size: 20px;
}

.link-types-box {
  display: -ms-flexbox;
  display: block;
  justify-content: space-between;
  align-items: center;
  padding: 28px;
  border-radius: 15px;
  background: #25e0f3;
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
}
.link-types-box .link-type-box-info-wrap {
  display: flex;
  align-items: center;
}
.link-types-box .link-type-box-info-wrap .box-info {
  margin-left: 13px;
}
.link-types-box .link-type-box-info-wrap img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.link-types-box .link-type-box-info-wrap .box-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.link-types-box .link-type-box-info-wrap .box-text {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
}

.text-sticker {
  height: 30px;
  padding: 0 19px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, 0.12);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 32px;
  display: inline-flex;
  margin-top: 9px;
  text-shadow: none !important;
  outline: none !important;
}
.text-sticker.secondary-box {
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
}
.text-sticker.is-gray {
  background: #ebeef0;
}
body.is-dark .text-sticker {
  background: #222;
}
.text-sticker.is-submit {
  background: #27baf1;
  color: #fff;
}
.text-sticker.xs {
  width: 30px;
  padding: 0;
}
.text-sticker .has-loader {
  font-size: 2.5px;
}
.text-sticker .highlighted {
  color: #00c7d9;
  margin-right: 5px;
}
.text-sticker.success {
  color: #267338;
  background-color: #c6eccf;
}
.text-sticker.danger {
  color: #981b27;
  background-color: #f4bec3;
}
.text-sticker.info {
  color: #1f6e7a;
  background-color: #bbeff7;
}
.text-sticker.no-shadow {
  box-shadow: none;
}

.sandy-big-checkbox {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: column;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.sandy-big-checkbox.remove-flow {
  flex-flow: initial;
}
.sandy-big-checkbox .sandy-input-inner {
  opacity: 0;
  position: absolute;
}
.sandy-big-checkbox .sandy-input-inner:checked + .checkbox-inner {
  background: #fff;
  box-shadow: none;
  color: black;
}
.sandy-big-checkbox .sandy-input-inner:checked + .checkbox-inner .active-dot {
  background: #000;
}
.sandy-big-checkbox .sandy-input-inner:checked + .checkbox-inner .active-dot i {
  opacity: 1;
  color: #fff;
}
.sandy-big-checkbox .checkbox-inner {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 5em;
  border-radius: 7px;
  border: 1px solid #f0f0f0;
  padding: 22px 15px;
}
.sandy-big-checkbox .checkbox-inner .checkbox-wrap {
  display: flex;
}
.sandy-big-checkbox .checkbox-inner .checkbox-wrap .content {
  width: 100%;
}
.sandy-big-checkbox .checkbox-inner .checkbox-wrap .content h1 {
  font-size: 12px;
}
.sandy-big-checkbox .checkbox-inner .checkbox-wrap .content p {
  font-size: 10px;
}
.sandy-big-checkbox .checkbox-inner .checkbox-wrap .icon {
  display: flex;
  align-items: center;
}
.sandy-big-checkbox .checkbox-inner .active-dot {
  width: 25px;
  height: 25px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sandy-big-checkbox .checkbox-inner .active-dot i {
  opacity: 0;
}

.sandy-big-radio {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: column;
  width: 100%;
  cursor: pointer;
}
.sandy-big-radio input[type=radio]:checked + div, .sandy-big-radio input[type=checkbox]:checked + div {
  background: #fff;
  box-shadow: none;
  border: 1px solid #27baf1;
  color: black;
}
body.is-dark .sandy-big-radio input[type=radio]:checked + div, body.is-dark .sandy-big-radio input[type=checkbox]:checked + div {
  background: #222;
  border-color: #000;
}
.sandy-big-radio input[type=radio]:checked + div .active-dot, .sandy-big-radio input[type=checkbox]:checked + div .active-dot {
  background: #000;
}
.sandy-big-radio.sel-tabs {
  flex: 0 0 120px;
}
.sandy-big-radio.sel-tabs .radio-select-inner {
  border-radius: 0;
  padding: 10px;
  min-height: 100%;
  padding-right: 20px;
  border-color: transparent;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.sandy-big-radio.sel-tabs .active-dot {
  position: absolute;
  top: 19px;
  right: 7px;
  width: 9px;
  height: 5px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 550px;
}
.sandy-big-radio.sel-tabs h1 {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sandy-big-radio.sel-tabs input[type=radio]:checked + div {
  border-color: transparent;
  border-bottom: 2px solid #db3162;
  border-radius: 0;
}
.sandy-big-radio.sel-tabs input[type=radio]:checked + div .active-dot {
  background: #db3162;
}
.sandy-big-radio .radio-select-inner {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 8em;
  border-radius: 2px;
  border: 1px solid #f0f0f0;
  padding: 22px;
}
body.is-dark .sandy-big-radio .radio-select-inner {
  background: #000;
  border-color: transparent;
}
.sandy-big-radio .radio-select-inner.locale {
  min-height: 0;
  padding: 9px;
  border-radius: 11px;
}
.sandy-big-radio .radio-select-inner.locale .text-title {
  font-size: 14px;
  opacity: 0.76;
  font-weight: 700;
}
.sandy-big-radio .radio-select-inner.font {
  border-radius: 15px;
}
.sandy-big-radio .radio-select-inner.font .active-dot {
  position: absolute;
  top: 19px;
  right: 21px;
  width: 25px;
  height: 5px;
  background: rgba(0, 0, 0, 0.15);
}
.sandy-big-radio .radio-select-inner.font .font-preview {
  font-size: 13px;
  opacity: 0.76;
  font-weight: 400;
}
.sandy-big-radio .radio-select-inner.font h1 {
  font-size: 15px;
  margin-bottom: 6px;
}

.form-wrap.text-color .pickr {
  width: 100%;
}
.dialog-overflow-all-height {
  height: calc(100vh - 111px);
}

.sandy-dialog-disable-scroll {
  overflow: hidden;
}

.sandy-dialog-modal {
  overflow: hidden !important;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .sandy-dialog-modal {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(21, 21, 31, 0.56) !important;
  }
}
.sandy-dialog-modal .iframe-header {
  width: 100%;
  height: 41px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  display: flex;
}
.sandy-dialog-modal .iframe-header .icon {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 9px 14px 7px 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.sandy-dialog-modal .iframe-header .out {
  margin-left: auto;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px 10px 12px;
  color: #111111;
  font-size: 17px;
}
.sandy-dialog-modal .sandy-bio-element-dialog {
  width: 480px !important;
  max-width: 659px;
  height: 700px !important;
  padding: 0px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 32px 8px;
  border-radius: 20px !important;
  left: 0 !important;
  top: 0 !important;
  padding-bottom: 4em !important;
  border: 0 !important;
  position: absolute !important;
  transform: translateX(calc(-240px + 50vw)) translateY(calc(-350px + 50vh)) scale(1) translateZ(0px);
  /*[data-open-popup]{
  	  display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 40px;
  	height: 40px;
  	border-radius: 10px;
  	cursor: pointer;
  	position: absolute;
  	top: -51px;
  	right: 10px;
  	z-index: 2;
  	transition: background-color 0.2s ease-in-out;
  	font-size: 20px;
  	color: #fff;
  }*/
}
@media (max-width: 768px) {
  .sandy-dialog-modal .sandy-bio-element-dialog {
    width: calc(100% - 36px) !important;
    height: calc(100% - 72px) !important;
    transform: translateX(18px) translateY(36px) scale(1) translateZ(0px);
  }
}
.sandy-dialog-modal .sandy-bio-element-dialog .sandy-dialog-body {
  height: 100%;
  width: 100%;
}
.sandy-dialog-modal .sandy-bio-element-dialog iframe {
  width: 100%;
  height: 100%;
}
.sandy-dialog-modal .connect-img {
  height: 70px;
  min-height: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.sandy-dialog-modal .connect-img img {
  width: 70px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100px;
}
.sandy-dialog-modal .connect-social a {
  padding: 16px 15px 16px 15px;
  background: #000;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 15px;
}
.sandy-dialog-modal .connect-social a h3 {
  color: #fff;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}
.sandy-dialog-modal .connect-social a i {
  color: #fff;
}
.sandy-dialog-modal .connect-header {
  padding: 0px 0px 30px;
  text-align: center;
}
.sandy-dialog-modal .connect-header .connect-title {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
}
.sandy-dialog-modal .connect-header .connect-subtitle {
  font-size: 14px;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 9px;
  line-height: 1.55;
}
.sandy-dialog-modal .sandy-dialog-overflow {
  padding: 30px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 639px) {
  .sandy-dialog-modal .sandy-dialog-overflow {
    height: calc(100vh - 111px);
  }
}
.sandy-dialog-modal .sandy-dialog-overflow.h100 {
  height: calc(100vh - 111px);
}
.sandy-dialog-modal .sandy-dialog {
  width: 90%;
  max-width: 584px;
  border-radius: 12px;
  background-color: #fff;
  padding: 30px;
  height: auto;
  max-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
}
body.is-dark .sandy-dialog-modal .sandy-dialog {
  background-color: #222;
  border: 0;
}
.sandy-dialog-modal .sandy-dialog.is-loading .sandy-dialog-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sandy-dialog-modal .sandy-dialog.is-loading .has-loader {
  font-size: 6px;
  position: absolute;
}
.sandy-dialog-modal .sandy-dialog.large {
  max-width: 984px;
}
.sandy-dialog-modal .sandy-dialog.mid {
  max-width: 700px;
}
.sandy-dialog-modal .sandy-dialog.small {
  max-width: 384px;
}
.sandy-dialog-modal .sandy-dialog [data-close-popup] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #27baf1;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 2;
  transition: background-color 0.2s ease-in-out;
}
.sandy-dialog-modal .sandy-dialog [data-close-popup] i {
  color: #fff;
}
.sandy-dialog-modal .half-short {
  width: 100%;
  transform: translate(-50%, 0);
  top: initial;
  bottom: 0;
  border-radius: 25px 25px 0 0;
  position: fixed;
  max-height: calc(100vh - 111px);
  height: initial;
}
.sandy-dialog-modal .half-short.t-300px {
  max-height: calc(100vh - 300px);
}
.sandy-dialog-modal .popup-closer {
  position: absolute;
  top: -3rem;
  right: 0;
  background: #fff;
  color: #000;
  width: 2rem;
  height: 2rem;
  border-radius: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  line-height: 10px;
  cursor: pointer;
}
.sandy-dialog-modal .small-floating {
  border-radius: 20px;
}
@media (max-width: 600px) {
  .sandy-dialog-modal .small-floating {
    transform: translate(-50%, 0);
    top: initial;
    bottom: 13px;
  }
}

div[data-popup] {
  display: none;
}

.profile-background-types-wrapper input[type=radio] {
  opacity: 0;
}
.profile-background-types-wrapper input[type=radio]:checked + .profile-background-types {
  border-color: #27baf1;
}
.profile-background-types-wrapper input[type=radio]:checked + .profile-background-types .active-dot {
  background: #27baf1;
}
.profile-background-types-wrapper.active .active-dot {
  background: #000;
  z-index: 999;
}
.profile-background-types-wrapper.active .icon {
  background: #000;
}

.profile-background-types {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 8em;
  border-radius: 2px;
  border: 1px solid #f0f0f0;
  padding: 22px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  background-size: cover !important;
  border: 1px solid transparent;
  transition: 0.2s;
  position: relative;
}
.profile-background-types.active::before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, #00000042);
  border-radius: 5px;
}
.profile-background-types.active .icon, .profile-background-types.active p {
  z-index: 99;
  color: #fff;
}
.profile-background-types.active .icon {
  background: #fff;
}
.profile-background-types.active .active-dot {
  background: #000;
  z-index: 999;
}
.profile-background-types .icon {
  width: 100%;
  height: 62px;
  z-index: 99;
  background: rgba(40, 40, 40, 0.13) none repeat scroll 0% 0%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  cursor: pointer;
  position: relative;
  border-radius: inherit;
}
.profile-background-types .icon.is-ava::before {
  content: "";
  background: #00000038;
  z-index: 98;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
.profile-background-types .icon.is-ava * {
  color: #fff;
  stroke: #fff;
  z-index: 999999;
}
.profile-background-types .icon.is-ava svg {
  stroke-width: 3;
}
.profile-background-types .icon .bio-background {
  border-radius: inherit;
  position: absolute;
}
.profile-background-types .icon .bio-background > * {
  border-radius: inherit !important;
}
.profile-background-types .icon i {
  color: #848484;
  font-size: 24px;
}
.profile-background-types .active-dot {
  position: absolute;
  top: 19px;
  right: 21px;
  width: 25px;
  height: 5px;
  z-index: 99;
  background: rgba(0, 0, 0, 0.15);
}
.profile-background-types p {
  font-size: 12px;
  text-transform: uppercase;
}

.section-header {
  display: flex;
  justify-content: space-between;
}
.section-header .section-header-info .section-title {
  color: #3e3f5e;
  font-size: 1.6rem;
  font-weight: 700;
}
.section-header .section-header-actions {
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
}
.section-header .section-header-action {
  color: #adafca;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.section-header .section-header-action.text-sticker {
  color: #000 !important;
}
.section-header .section-pretitle {
  color: #8f91ac;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.builder-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
body.is-dark .builder-background {
  display: none;
}
.builder-background .-transparency {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.builder-background .\--inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0 !important;
}
.builder-background .solid-color {
  height: 100%;
  width: 100%;
}
.builder-background .gradient-color {
  width: 100%;
  height: 100%;
}
.builder-background .gradient-color.animate {
  -webkit-animation: animateBackground 25s ease infinite;
  animation: animateBackground 25s ease infinite;
}
.builder-background .video-background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  outline: currentcolor none medium;
  border: medium none;
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0s;
}

.bio-background + .bio {
  z-index: 1;
  position: relative;
}
.bio-background + .bio .context-head {
  background: transparent;
}

.bio-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
body.is-dark .bio-background {
  display: none;
}
.bio-background .bio-background-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0 !important;
}
.bio-background .solid-color {
  height: 100%;
  width: 100%;
}
.bio-background .gradient-color {
  width: 100%;
  height: 100%;
}
.bio-background .gradient-color.animate {
  -webkit-animation: animateBackground 25s ease infinite;
  animation: animateBackground 25s ease infinite;
}
.bio-background .video-background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  outline: currentcolor none medium;
  border: medium none;
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0s;
}

.blog-cards {
  padding: 20px;
  background: #fff;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  padding: 1.5rem;
  border-radius: 12px;
  position: relative;
}
.blog-cards .thumbnail {
  height: 220px;
}
.blog-cards .thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.blog-cards .drag {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-cards .drag i {
  font-size: 18px;
}
.blog-cards .content {
  position: relative;
  padding: 27px 0 0;
}
.blog-cards .content .text-sticker {
  right: -8px;
  position: absolute;
  top: -17px;
}
.blog-cards .content .blog-title {
  font-size: 0.775rem;
  font-weight: 700;
}

.custom-table {
  width: 100%;
}
.custom-table tr {
  cursor: pointer;
  transition: all 0.2s;
}
.custom-table tr:first-child {
  background: rgba(228, 228, 228, 0.2);
}
.custom-table tr th, .custom-table tr td:first-child {
  border-radius: 8px 0 0 8px;
}
.custom-table tr th:last-child, .custom-table tr td:last-child {
  border-radius: 0 8px 8px 0;
}
.custom-table tr:not(:first-child):hover {
  background: #000;
}
.custom-table tr:not(:first-child):hover th, .custom-table tr:not(:first-child):hover td {
  color: #fff;
}
.custom-table tr th {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #808191;
}
.custom-table tr td {
  font-size: 12px;
  line-height: 1.33333;
  font-weight: 500;
  color: #808191;
}
.custom-table tr th, .custom-table tr td {
  height: 40px;
  vertical-align: middle;
  transition: color 0.2s;
  padding: 15px 16px;
}
.custom-table .icon {
  font-size: 14px;
  height: 1em;
  width: 1em;
}

.not-plan {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.not-plan .opacity-reduce {
  opacity: 0.7;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 998;
}
.not-plan .content {
  z-index: 999;
  position: relative;
  width: 50%;
}
@media (max-width: 768px) {
  .not-plan .content {
    width: 100%;
  }
}

.page-trans {
  position: relative;
  padding: 20px 32px;
  border-radius: 24px 24px 0 0;
  background: #ffffff;
}
.page-trans::before {
  content: "";
  position: absolute;
  top: 43px;
  left: 32px;
  right: 32px;
  bottom: -43px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  filter: blur(86.985px);
  border-radius: 24px;
}
.page-trans .page-trans-table .table-flex {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #E4E4E4;
}
.page-trans .page-trans-table .table-flex:last-child {
  border: 0;
}
.page-trans .page-trans-table .table-flex .title {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.1875;
  font-weight: 600;
  letter-spacing: initial !important;
}
.page-trans .page-trans-table .table-flex .caption {
  color: #808191;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.38462;
}
.page-trans .page-trans-table .table-flex .first-action {
  width: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.page-trans .page-trans-table .table-flex .middle {
  width: 87%;
}
.page-trans .page-trans-table .table-flex .action {
  width: 10%;
}

.sandy-prompt-bg {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(21, 21, 31, 0.96);
}

.sandy-prompt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 15px;
}
@media (max-width: 768px) {
  .sandy-prompt {
    width: 350px;
  }
}
.sandy-prompt .sandy-prompt-inner {
  background: #fff;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.sandy-prompt .sandy-prompt-content {
  padding: 0 10px;
  font-size: 14px;
  max-width: 260px;
  margin: auto;
  text-align: center;
  margin-bottom: 1em;
}
.sandy-prompt .sandy-prompt-title {
  padding: 25px 10px 0;
  font-size: 16px;
  margin-bottom: 13px;
  font-weight: 600;
  text-align: center;
}

.sandy-prompt-bg.confirm .sandy-prompt-btn ul {
  display: flex;
  width: 100%;
  border-top: 0.5px solid #eee;
}
.sandy-prompt-bg.confirm .sandy-prompt-btn ul li {
  width: 50%;
  display: flex;
  height: 100%;
  cursor: pointer;
}
.sandy-prompt-bg.confirm .sandy-prompt-btn ul li a {
  padding: 15px 0;
  justify-content: center;
  display: flex;
  width: 100%;
  font-weight: 500;
}
.sandy-prompt-bg.confirm .sandy-prompt-btn ul li:first-child {
  border-right: 0.5px solid #eee;
}
[data-hover] {
  position: relative;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
}

.users {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0 0 20px 20px;
  transition: 0.2s;
  border: 2px solid transparent;
}
.users.active {
  border: 2px solid #27baf1;
}
.users .user-preview {
  height: 180px;
  border-radius: 15px 15px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  position: relative;
}
.users .user-preview .checkbox {
  position: absolute;
  top: 10px;
  left: 8px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}
.users .user-preview .avatar {
  padding: 10px;
  background: #fff;
  border-radius: 20px;
  width: 130px;
  height: 130px;
}
.users .user-preview .avatar .img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.users .details {
  background: #fff;
  position: relative;
  margin: 12px;
  border-radius: 0 0 15px 15px;
}
.users .details .content {
  padding: 20px;
}
.users .details .content .title {
  font-size: 15px;
  letter-spacing: 0;
}
.users .details .content .email {
  color: #808191;
  margin-top: 5px;
  font-size: 14px;
}
.users .details .user-actions {
  padding: 15px;
  border: 1px solid #eee;
  margin: 16px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.users .details .user-actions .la {
  font-size: 17px;
}
.users .details::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 12px;
  right: 12px;
  bottom: -8px;
  z-index: -1;
  border-radius: 24px;
  background: #E4E4E4;
  filter: blur(86.985px);
}

.status {
  position: relative;
  padding-left: 16px;
  font-size: 12px;
  font-weight: 500;
  color: #808191;
}
.status::before {
  content: "";
  position: absolute;
  top: 53%;
  left: 0;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.status.green:before {
  background: #7FBA7A;
}

.admin-plans {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 18px;
  border-radius: 12px;
  background: linear-gradient(47.9deg, #27baf126 1%, transparent 44.7%);
  color: #11142D;
  transition: all 0.25s;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
}
.admin-plans.is-side {
  background: transparent;
  justify-content: space-between;
  box-shadow: none;
}
.admin-plans.is-side:not(:last-child) {
  margin-bottom: 20px;
}
.admin-plans.is-side:last-child {
  margin-bottom: 0;
}
.admin-plans.is-side .plan-details .title {
  padding-right: 0;
  margin-bottom: 10px;
}
.admin-plans.is-side .plan-cta {
  width: 55px;
  height: 55px;
  border-radius: 550px;
  margin-right: 0;
}
.admin-plans.is-side .plan-cta::before {
  opacity: 0;
}
.admin-plans.is-side .plan-cta .name {
  font-size: 10px;
}
.admin-plans.is-side .plan-cta .number {
  font-size: 20px;
}
.admin-plans .plan-details .title {
  font-size: 16px;
  line-height: 1.1875;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding-right: 35px;
  font-weight: 100 !important;
  letter-spacing: 0;
}
.admin-plans .plan-details .info {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33333;
  margin-bottom: 8px;
  color: #808191;
}
.admin-plans .plan-details .plan-actions {
  display: flex;
}
.admin-plans .plan-details .plan-actions .action {
  display: inline-block;
  padding: 3px 10px;
  background: #6C5DD3;
  border-radius: 8px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.3;
  margin-right: 5px;
}
.admin-plans .plan-details .plan-actions .action.delete {
  background: #ffa2c0;
}

.plan-cta {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 88px;
  height: 80px;
  margin-right: 24px;
  padding-top: 7px;
  border-radius: 12px;
  background: radial-gradient(103.03% 103.03% at 0% 0%, #27baf1 0%, #80d5ff 100%);
}
.plan-cta::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 9px;
  right: 9px;
  height: 7px;
  border-radius: 0 0 10px 10px;
  background: radial-gradient(103.03% 103.03% at 0% 0%, #27baf1 0%, #80d5ff 100%);
  opacity: 0.2;
}
.plan-cta .name {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
.plan-cta .number {
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  font-weight: 600;
  color: #fff;
}

.h-avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 96px;
  height: 72px;
  border-radius: 8px;
  background: #A0D7E7;
}
.h-avatar.is-trans {
  background: transparent;
}
.h-avatar.is-trans::before, .h-avatar.is-trans::after {
  background: transparent;
}
.h-avatar.is-video {
  background: #000;
  color: #fff;
}
.h-avatar.is-video::before {
  background: inherit;
  opacity: 0.2;
}
.h-avatar.is-upload {
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}
.h-avatar.is-upload.active::after {
  content: "";
}
.h-avatar.is-upload.active img {
  height: 100%;
  width: 100%;
}
.h-avatar.is-upload.active i {
  color: #fff;
  z-index: 999;
}
.h-avatar.is-upload .file-name {
  position: absolute;
  bottom: 11px;
  left: 13px;
  font-size: 16px;
  padding: 1px 4px;
  background: #ffe8e8;
}
.h-avatar.is-upload .image {
  background-size: cover;
  background-position: center;
}
.h-avatar.is-upload img, .h-avatar.is-upload video, .h-avatar.is-upload .image, .h-avatar.is-upload .solid-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.h-avatar.is-upload.is-outline-dark {
  background: transparent;
  color: #000;
}
.h-avatar.is-upload.is-outline-dark::before {
  border-color: #000;
}
.h-avatar.is-upload.is-outline-dark i {
  color: #000 !important;
  z-index: 98;
  border-radius: 550px;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  -webkit-animation: goPulse 5s infinite;
          animation: goPulse 5s infinite;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.h-avatar.is-upload input[type=file] {
  position: absolute;
  cursor: pointer;
  z-index: 99;
  height: 100%;
  width: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
.h-avatar.is-upload::after {
  position: absolute;
  background: rgba(20, 20, 22, 0.6);
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  z-index: 9;
  border-radius: inherit;
}
.h-avatar.is-upload::before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border: 2px dashed #E6E8EC;
  border-radius: 7px;
  position: absolute;
  content: "";
  height: initial;
  background: transparent;
}
.h-avatar.sm {
  width: 35px;
  height: 35px;
}
.h-avatar.md {
  width: 50px;
  height: 46px;
}
.h-avatar.md {
  width: 50px;
  height: 46px;
  font-size: 25px;
  color: #fff;
  -webkit-text-stroke: 0.4px;
}
.h-avatar::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 7px;
  right: 7px;
  height: 4px;
  border-radius: 0 0 8px 8px;
  background: #E7FAFF;
}
.h-avatar .image {
  background-size: cover;
  background-position: center;
}
.h-avatar img, .h-avatar .image, .h-avatar video {
  max-height: 100%;
  width: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.apexcharts-tooltip {
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.05) !important;
  border: 0 !important;
  padding: 20px;
}

.widget-main {
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
  position: relative;
  text-align: center;
}
.widget-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  filter: blur(86.985px);
  border-radius: 24px;
}
.widget-main .widget-chart {
  max-width: 130px;
  height: 115px;
  margin: 0 auto 32px;
}
.widget-main .widget-title {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 12px;
}
.widget-main .widget-counter {
  font-size: 72px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -1px;
  color: #e69fef;
}
.widget-main .widget-text {
  margin-bottom: 32px;
  color: #808191;
}
.widget-main .is-earning {
  padding-bottom: 70px 50px 41px;
  text-align: center;
}
.widget-main .is-cur {
  position: absolute;
  top: 12px;
  right: 20px;
  background: #ecffe9;
  padding: 5px 12px;
  color: #1d8631;
  border-radius: 550px;
  font-size: 11px;
}

.details-container {
  position: relative;
  padding: 32px 32px 38px;
  background: #ffffff;
  border-radius: 24px;
}
.details-container:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 18px;
  right: 18px;
  bottom: -28px;
  z-index: -1;
  background: #F0F3F6;
  opacity: 0.91;
  filter: blur(86px);
  border-radius: 24px;
}

.details-title {
  margin-bottom: 40px;
}

.details-row {
  display: flex;
  margin-bottom: 30px;
}

.details-col:first-child {
  flex-shrink: 0;
  width: 170px;
  padding-right: 24px;
}
.details-col:nth-child(2) {
  flex: 0 0 calc(100% - 170px);
  width: calc(100% - 170px);
  max-width: calc(100% - 170px);
}

.details-top {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E4E4E4;
}

.details-flex {
  display: flex;
  align-items: center;
}
.details-flex:not(:last-child) {
  margin-bottom: 16px;
}

.details-line {
  display: flex;
  align-items: center;
  color: #5F75EE;
  transition: color 0.25s;
}
.details-line:hover {
  color: #6C5DD3;
}

.details-preview {
  font-size: 0;
}

.details-line .details-preview {
  width: 32px;
  flex-shrink: 0;
  color: #000;
  font-size: 27px;
  margin-right: 6px;
}

.details-statistics {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.details-status {
  display: flex;
  align-items: center;
}
.details-status .details-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 50%;
  font-size: 0;
}
.details-status .details-icon .icon {
  font-size: 6px;
  fill: #ffffff;
}

.details-box {
  position: relative;
  padding: 5px 5px 13px;
  border-radius: 16px;
  background: #348491;
}

.details-chart_activity {
  width: 60px;
  height: 25px;
}

.details-chart_counter {
  height: 200px;
}
.details-chart_counter .apexcharts-tooltip.apexcharts-theme-light {
  background: #1B1D21;
  border: none;
  color: #ffffff;
}

.details-list {
  display: flex;
  border-radius: 16px;
  border: 1px solid #F0F3F6;
}
@media (max-width: 767px) {
  .details-list {
    flex-wrap: wrap;
  }
}

.details-item {
  flex: 0 0 25%;
  width: 25%;
  padding: 24px;
}
.details-item:not(:last-child) {
  border-right: 1px solid #F0F3F6;
}
@media (max-width: 767px) {
  .details-item {
    flex: 0 0 50%;
    width: 50%;
  }
  .details-item:nth-child(2n+1) {
    border-right: 1px solid #F0F3F6;
  }
  .details-item:not(:last-child) {
    border-right: none;
    border-right: 1px solid #F0F3F6;
  }
}

.details-head {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.details-head .details-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 6px;
  font-size: 0;
}
.details-head .details-pic {
  max-width: 8px;
}

.details-indicator {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #E4E4E4;
}

.details-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.details-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
}
.details-remove .icon {
  font-size: 10px;
  transition: transform 0.25s;
}
.details-remove:hover .icon {
  transform: rotate(90deg);
}

.details-sm .details-chart_activity {
  width: 60px;
  margin-left: auto;
  padding: 0;
}
.details-sm .details-chart_counter {
  height: 210px;
}
.details-sm .details-line {
  margin-right: auto;
}
.details-sm .details-status {
  flex-shrink: 0;
  margin-left: 20px;
}
.details-sm .details-box {
  margin-bottom: 16px;
  padding: 5px 10px 0 3px;
}
.details-sm .details-container {
  padding: 16px;
}
.details-sm .details-container:before {
  top: 0;
  left: 11px;
  right: 11px;
  bottom: -30px;
}
.details-sm .details-list {
  flex-wrap: wrap;
}
.details-sm .details-item {
  flex: 0 0 50%;
  width: 50%;
  padding: 16px;
}
.details-sm .details-item:not(:last-child) {
  border-right: none;
}
.details-sm .details-item:nth-child(2n+1) {
  border-right: 1px solid #F0F3F6;
}
.details-sm .details-item:nth-child(n+3) {
  border-top: 1px solid #F0F3F6;
}

.details-big:not(:last-child) {
  margin-bottom: 90px;
}
.details-big .details-container:before {
  left: 40px;
  right: 40px;
}
.details-big .details-number {
  margin-bottom: 16px;
}
.details-big .details-line {
  color: #3F8CFF;
}
.details-big .details-chart_activity {
  width: 80px;
  margin-right: auto;
}
.details-big .details-chart-counter {
  height: 200px;
}

.header-username {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding-left: 24px;
  white-space: nowrap;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qr-text {
  line-height: 1.6rem !important;
}

.profile-tabs .navbar-links {
  display: flex;
}
.profile-tabs .navbar-links a.sandy-tabs-link {
  padding: 20px;
  background: rgba(228, 228, 228, 0.3);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.profile-tabs .navbar-links a.sandy-tabs-link.active {
  color: #355DFF;
}
.profile-tabs .navbar-links a.sandy-tabs-link:last-child {
  margin-right: 0;
}

.moc-app {
  position: relative;
  padding: 30px;
  min-height: 280px;
  z-index: 9;
}
.moc-app::before {
  content: "";
  position: absolute;
  height: 280px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 40px;
  left: 0;
  bottom: -20px;
  z-index: -1;
}
.moc-app .device-iphone-x {
  width: 100%;
  height: 631px;
  box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07) !important;
  border-radius: 54px;
}
.moc-app .device-iphone-x .device-frame {
  width: 100%;
  height: 631px;
  padding: 17px;
  border-radius: 54px;
}
.moc-app .device-iphone-x .device-frame .device-content {
  width: 100%;
  border-radius: 40px;
  height: 598px;
}
.moc-app .device-iphone-x .device-header {
  top: 14px;
  width: 180px;
  left: 53%;
}
.moc-app .device-iphone-x .device-sensors::before {
  content: initial;
}
.moc-app .device-iphone-x .device-sensors::after {
  top: 26px;
}
.moc-app img {
  width: 100%;
  box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07);
  border-radius: 46px;
}

#app-sandy-index h1, #app-sandy-index h2, #app-sandy-index h3, #app-sandy-index h4, #app-sandy-index h5, #app-sandy-index h6, #app-sandy-index p, #app-sandy-index div, #app-sandy-index span, #app-sandy-index a, #app-sandy-index button, #app-sandy-index li, #app-sandy-index input, #app-sandy-index label {
  font-family: "Karla", sans-serif;
}
#app-sandy-index .index-header-user {
  position: relative;
}
#app-sandy-index .index-header-user.active .index-user-body {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#app-sandy-index .index-header-user .index-user-body {
  position: absolute;
  left: 50%;
  box-shadow: 0px 16px 64px 0 rgba(31, 47, 70, 0.4);
  background: #FCFCFD;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transform-origin: 50% 50px;
  will-change: transform;
  transition: all 0.4s;
  padding: 32px 16px 20px;
  border-radius: 12px;
  top: calc(100% + 20px);
  width: 256px;
  margin-left: -128px;
}
#app-sandy-index .index-header-user .index-user-body .index-user-name {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
#app-sandy-index .index-header-user .index-user-plan {
  margin-bottom: 7px;
  padding: 8px;
  border-radius: 16px;
  box-shadow: 0px 24px 24px -8px rgba(15, 15, 15, 0.2);
}
#app-sandy-index .index-header-user .index-user-plan .this-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#app-sandy-index .index-header-user .index-user-plan .this-line .h-avatar {
  height: 40px;
  width: 40px;
  margin-right: 16px;
}
#app-sandy-index .index-header-user .index-user-plan .this-button {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: all 0.2s;
  box-shadow: 0 0 0 2px #E6E8EC inset;
  color: #23262F;
}
#app-sandy-index .index-header-user .index-user-plan .details {
  flex-grow: 1;
}
#app-sandy-index .index-header-user .index-user-plan .details .info {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}
#app-sandy-index .index-header-user .index-user-plan .details .des {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  #app-sandy-index .index-header-user {
    position: static;
  }
  #app-sandy-index .index-header-user .index-user-body {
    left: 16px;
    right: 16px;
    top: calc(100% + 16px);
    width: auto;
    margin: 0;
  }
}
#app-sandy-index .index-profile-bio {
  background: #f8f7f7;
}
#app-sandy-index .index-profile-bio .profile-bio-container {
  padding: 50px 20px;
}
#app-sandy-index .dynamic-typist-input {
  margin: 0px auto;
  padding: 0px;
  width: 570px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #7551e9;
  transform-origin: 50% 50% 0px;
  overflow: hidden;
  max-width: 84vw;
}
#app-sandy-index .dynamic-typist-input form {
  padding: 0px 16px 0px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#app-sandy-index .dynamic-typist-input form .typist-input {
  display: flex;
}
#app-sandy-index .dynamic-typist-input form .typist-input .prefix {
  font-size: 32px;
}
#app-sandy-index .dynamic-typist-input form .typist-input .typist {
  color: #cccccc !important;
  font-size: 32px;
  line-height: 38px;
}
#app-sandy-index .main-center .main-head {
  max-width: 600px;
  margin: 0 auto 128px;
  text-align: center;
}
#app-sandy-index .main-center .main-stage {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #777E90;
}
#app-sandy-index .main-center .main-title {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 24px;
}
#app-sandy-index .feature-tree {
  position: relative;
}
#app-sandy-index .feature-tree .scribble-1 {
  position: absolute;
  right: 5em;
}
#app-sandy-index .feature-tree .scribble-2 {
  position: absolute;
  bottom: 1em;
  left: 6em;
}
#app-sandy-index .feature-tree .classic-text {
  font-size: 18px;
  line-height: 1.5;
}

.plan-payment-method .sandy-big-checkbox .checkbox-inner {
  height: 7em;
  border-radius: 20px;
  border: 0;
}
.plan-payment-method .sandy-big-checkbox .checkbox-inner .h-avatar {
  margin-right: 10px;
  height: 45px;
  width: 50px;
  border-radius: 12px;
  padding: 5px;
  background: #fff;
}
.plan-payment-method .sandy-big-checkbox .checkbox-inner .h-avatar img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0 !important;
}
.plan-payment-method .sandy-big-checkbox .checkbox-inner .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.plan-payment-method .sandy-big-checkbox .checkbox-inner .content h1 {
  font-weight: 600;
}

.invoice-wrapper {
  max-width: 740px;
  margin: 0 auto;
}
.invoice-wrapper.is-webapp {
  margin-top: 30px;
}
.invoice-wrapper .invoice-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}
.invoice-wrapper .invoice-header .left h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #283252;
}
.invoice-wrapper .invoice-header .right .controls {
  display: flex;
}
.invoice-wrapper .invoice-header .right .controls .action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
  color: #a2a5b9;
  margin: 0 4px;
  transition: all 0.3s;
}
.invoice-wrapper .invoice-header .right .controls .action:hover {
  color: #283252;
  background: #e3e3e3;
}
.invoice-wrapper .invoice-header .right .controls .action svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.6px;
}
.invoice-wrapper .invoice-body .invoice-card {
  padding: 0;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section {
  padding: 40px;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex {
  display: flex;
  align-items: center;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta {
  margin-left: 16px;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta h3 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta span {
  display: block;
  color: #a2a5b9;
  font-weight: 400;
  font-size: 0.9rem;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end {
  margin-left: auto;
  text-align: right;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end.is-left {
  text-align: left;
  max-width: 300px;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end.is-left p {
  padding-top: 4px;
  font-size: 0.95rem;
  line-height: 1.2;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end span {
  display: block;
  color: #a2a5b9;
  font-weight: 400;
  font-size: 0.9rem;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section.is-bordered {
  border-bottom: 1px solid #e5e5e5;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section .h-avatar.is-customer {
  border: 1.6px solid #e5e5e5;
  border-radius: 50%;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 40px;
  border: none;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-label {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #a2a5b9;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-total {
  color: #283252;
  font-weight: 500;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table.sub-table .flex-table-item .table-total.is-bigger {
  font-size: 1.2rem;
  font-weight: 600;
}
.invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table .flex-table-header span:not(:first-child), .invoice-wrapper .invoice-body .invoice-card .invoice-section .flex-table .flex-table-item .flex-table-cell:not(:first-child) {
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex {
    flex-direction: column;
  }
  .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .meta {
    margin-left: 0;
    text-align: center;
  }
  .invoice-wrapper .invoice-body .invoice-card .invoice-section.is-flex .end {
    margin-left: 0;
    text-align: center;
    margin-top: 20px;
  }
}
.title-sections {
  border-bottom: 1px solid #edeef1;
  position: relative;
  margin-bottom: 3.1em;
}
.title-sections h2 {
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
  font-weight: 600;
  color: #0b2238;
  margin-bottom: 1em;
}
.title-sections::after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  background-color: #0b2238;
}

.person {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.person .txt h3 {
  color: #0b2238;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
}
.person .txt time {
  font-size: 12px;
  color: #6c7a87;
  display: block;
}

.avatar-blog {
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 30px;
}
.avatar-blog:hover .blog-cover img {
  transform: scale3d(1.12, 1.12, 1) !important;
}
.avatar-blog .blog-cover {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  border-radius: 8px;
}
.avatar-blog .blog-cover img {
  width: 100%;
  border-radius: 8px;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  transform: scale3d(1, 1, 1) !important;
}
.avatar-blog .blog-body .blog-link {
  margin-bottom: 30px;
  display: block;
}
.avatar-blog .blog-body .blog-link .read-time {
  font-size: 12px;
  letter-spacing: 0.32px;
  color: #6c7a87;
}
.avatar-blog .blog-body .blog-link .blog-title {
  color: #0b2238;
  font-weight: 500;
  font-size: 20px;
  transition: 0.3s !important;
}
.avatar-blog .blog-body .blog-link .short-des {
  color: #6c7a87;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  display: -webkit-box;
  height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avatar-blog.horizontal {
  display: flex;
  align-items: center;
}
.avatar-blog.horizontal .blog-cover {
  margin-bottom: 0;
  margin-right: 20px;
  display: flex;
  width: 120px;
}
.avatar-blog.horizontal .blog-cover img {
  height: 120px;
}
.avatar-blog.horizontal .blog-body {
  flex: 1;
}
.avatar-blog.horizontal .blog-body .blog-link {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .avatar-blog.horizontal {
    padding: 0;
    border-bottom: 1px solid #eeedfb;
    padding-bottom: 26px;
  }
}

.banner-title-inner {
  margin-top: 30px;
  text-align: center;
}
.banner-title-inner h1 {
  font-size: 45px;
  line-height: 1.1;
  letter-spacing: -2.8;
  font-weight: bold;
  padding: 16px 0 24px;
}
@media (max-width: 768px) {
  .banner-title-inner h1 {
    padding: 8px 0 16px;
    font-size: 25px;
    letter-spacing: -0.64px;
  }
}

.blog-banner {
  margin: 25px 0;
}
.blog-banner img {
  width: 100%;
  border-radius: 12px;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-user {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.article-user .person {
  margin: 40px 0 !important;
  flex-direction: column;
}
.article-user .person .h-avatar {
  height: 55px;
  width: 55px;
  margin-bottom: 10px;
  margin-right: 0 !important;
}
.article-user .person .txt {
  text-align: center;
}
.article-user .person .txt h3 {
  font-size: 20px;
}
.article-user .person .txt time {
  font-size: 14px;
}

.blog-article {
  max-width: 880px;
}
.blog-article .article-share {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.blog-article .article-share svg {
  margin-bottom: 20px;
}
.blog-article .article-share svg path {
  stroke: #bbb;
}
.blog-article .article-share .share-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog-article .article-share .share-buttons a {
  margin-right: 10px;
  color: #8a86e5;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .blog-article .article-share .share-buttons a {
    margin-right: 0;
    width: calc(49%);
  }
}
.blog-article .article-share .share-buttons a:last-child {
  margin-right: 0;
}

.blog-banner-background {
  position: relative;
  height: 450px;
  padding: 10rem 0 0;
  border-radius: 0 0 16px 16px;
  display: block;
  margin-top: -14.1vh;
  background: radial-gradient(103.03% 103.03% at 100% 150%, #9999995c 0%, #27baf100 100%);
}
.blog-banner-background::before {
  content: initial;
}
.blog-banner-background .title-section {
  z-index: 1;
  position: relative;
}
.blog-banner-background .title-section h2 {
  font-size: 3.125rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  color: #000 !important;
}
.blog-banner-background .title-section p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.625rem;
  color: #000 !important;
}

.index-split-section .split-app {
  position: relative;
}
.index-split-section .split-app .split-app-inner {
  position: relative;
  padding-top: 57px;
}
.index-split-section .split-app .split-app-inner::before {
  content: "";
  width: 350px;
  height: 705px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='55' ry='55' stroke='%23C6CCD3FF' stroke-width='1' stroke-dasharray='10' stroke-dashoffset='5' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 55px;
  position: absolute;
  top: 0;
  right: -57px;
  z-index: -1;
  background-repeat: no-repeat;
}
.index-split-section .split-app .split-app-inner img {
  height: 728px;
  -o-object-fit: contain;
     object-fit: contain;
}
.index-split-section .split-item-right {
  position: relative;
}
.index-split-section .split-item-right .split-app .split-app-inner::before {
  left: -57px;
  right: initial;
}
.index-split-section .split-item-right::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 740px;
  top: -100px;
  border-top-left-radius: 40px;
  right: 0;
  background: linear-gradient(rgba(34, 2, 95, 0.05), rgba(34, 2, 95, 0));
}
.index-split-section .content {
  padding: 12.9vw 2.7vw 13.6vw 8.3vw;
}
.index-split-section .content .img-title::before {
  content: "";
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background-color: #f7f8fa;
  position: absolute;
  left: -50%;
  z-index: -1;
}
.index-split-section .content h3 {
  display: flex;
  flex-direction: column;
  font-size: 2vw;
  line-height: 1.4;
  font-weight: 400;
  color: #1e2432;
  margin: 0 0 2.6rem;
  width: 22.6vw;
}
.index-split-section .content p {
  width: 22.6vw;
  color: #687086;
  margin: 0 0 2.8rem;
}
.index-split-section .images {
  display: flex;
  background: #f9b8c4;
  align-items: center;
  padding: 35px;
  justify-content: center;
}
.index-split-section .images img {
  height: 38vw;
}
@media (max-width: 768px) {
  .index-split-section .content h3 {
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
    width: 100%;
  }
  .index-split-section .content p {
    width: 100%;
  }
}

.index-form-register {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  width: 32vw;
}
.index-form-register label {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  flex: 1 1 auto;
  border-radius: 16px/16px;
  color: #687086;
  background: #f7f9fb;
  margin-right: 0.6rem;
  font-size: 0.9375rem;
  line-height: 1.467;
  padding: 1.125rem 1.9375rem 1.25rem;
}
.index-form-register label span {
  pointer-events: none;
  transform: translateZ(0);
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, opacity;
  text-overflow: ellipsis;
  display: block;
  position: relative;
  white-space: norwrap;
  overflow: hidden;
}
.index-form-register label.focus span {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
.index-form-register input {
  padding: 1.0625rem 1.9375rem 1.3125rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  font-size: 0.9375rem;
  line-height: 1.467;
}
.index-form-register input:focus-visible {
  outline: none;
}
.index-form-register button {
  font-size: 0.9rem;
  line-height: 1.4;
  padding: 1.1rem 1.9rem 1.25rem;
  flex: 0 0 auto;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  display: inline-block;
  transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-form-register button:hover {
  color: #000;
}
.index-form-register button .background {
  background: #5DC2D3;
}
.index-form-register button .hover {
  background: #fff;
}

.index-hero {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-size: cover;
  height: 100vh;
  margin-bottom: 7em;
  margin-top: -14.1vh;
}
.index-hero.is-pricing {
  height: 35rem;
}
.index-hero.is-pricing .hero-right {
  padding: 2rem;
}
.index-hero.is-payment-error {
  height: 100vh !important;
  margin: 0;
}
.index-hero.is-payment-error .hero-right {
  padding: 2rem;
}
.index-hero.is-payment-error .index-hero-container {
  width: 60%;
  margin: auto;
}
@media (max-width: 768px) {
  .index-hero.is-payment-error .index-hero-container {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .index-hero {
    height: 100% !important;
  }
}
.index-hero .index-hero-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
}
.index-hero .index-hero-container .pricing-lists li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.index-hero .index-hero-container .bg-circle {
  display: block;
  width: 34.9vw;
  width: calc(34.9vw);
  height: 35.55556vw;
  height: calc(35.5vw);
  position: absolute;
  top: 0;
  left: 1.25vw;
  z-index: -1;
  transform: translate(-50%, -56%);
  pointer-events: none;
}
.index-hero .index-hero-container .bg-circle .bg-circle-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffda54;
  transform-origin: 50% 0;
  transform: translateZ(0);
  will-change: transform;
}
.index-hero .index-hero-container .hero-left {
  position: relative;
  width: 50%;
  padding-right: calc(4.1vw);
  padding-top: 15vh;
  padding-bottom: 0;
  padding-left: calc(8.4vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.index-hero .index-hero-container .hero-left h1 {
  font-size: 4.3rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 4.3rem;
  color: #1e2432;
  position: relative;
}
.index-hero .index-hero-container .hero-left p {
  width: 25vw;
  margin: 0 0 4.1rem;
  color: #687086;
}
.index-hero .index-hero-container .hero-right {
  background: #0099ff;
  width: 50%;
  position: relative;
}
@media (max-width: 768px) {
  .index-hero .index-hero-container {
    display: block;
  }
  .index-hero .index-hero-container .hero-left {
    width: 100%;
    padding: 40px;
    padding-top: 18vh;
  }
  .index-hero .index-hero-container .hero-left h1 {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
  .index-hero .index-hero-container .hero-left p {
    width: 100%;
  }
  .index-hero .index-hero-container .index-form-register {
    width: 100%;
  }
  .index-hero .index-hero-container .hero-right {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .index-hero .index-hero-container .hero-left h1 {
    font-size: 3rem;
    margin-bottom: 1.3rem;
  }
  .index-hero .index-hero-container .hero-left p {
    width: 100%;
    margin-bottom: 2rem;
  }
  .index-hero .index-hero-container .hero-right {
    display: flex;
  }
  .index-hero .index-hero-container .hero-right .main-img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.index-hero .content {
  text-align: center;
  max-width: 800px;
  margin: auto;
}
.index-hero .content .title {
  font-size: 48px;
  color: #000;
  margin-bottom: 32px;
  font-family: "Readex Pro", sans-serif !important;
  font-weight: 700;
  line-height: 1em;
}
@media (max-width: 768px) {
  .index-hero .content .title {
    font-size: 29px;
  }
}
.index-hero .content p {
  font-size: 18px;
  line-height: 32px;
  font-family: "Readex Pro", sans-serif !important;
}
.index-hero .content-banner {
  margin-top: 3rem;
}
.index-hero .content-banner img {
  width: 60vh;
}

.list-point .item {
  margin-bottom: 1.875rem;
  display: flex;
}

.list-point .item .icob {
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10%;
  transition: transform 0.2s ease-in-out;
  margin-right: 1.563rem;
}
.list-point .item .icob:hover {
  transform: translateY(-4px);
}

.list-point .item .icob i {
  font-size: 20px;
  color: #ffffff;
}

.list-point .item p {
  color: #ffffff;
  margin-bottom: 0;
}

.list-point .item:first-child .icob {
  background: radial-gradient(103.03% 103.03% at 0% 0%, #d7e3ff 0%, #9fa0ef 100%);
}

.list-point .item:nth-child(2) .icob {
  background: radial-gradient(103.03% 103.03% at 0% 0%, #efd7ff 0%, #d69fef 100%);
}

.list-point .item:nth-child(3) .icob {
  background-color: #ffce53;
}

.docs-search-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.docs-search-header .search-image-container {
  position: relative;
  width: 100%;
  min-height: 200px;
  max-height: 360px;
  height: 420px;
  background-color: #5DC2D3;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.docs-search-header .search-image-container.is-query {
  height: 150px;
  min-height: 150px;
  max-height: 150px;
}
.docs-search-header .search-image-container::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #00000061;
  z-index: 1;
  border-radius: inherit;
}
.docs-search-header .search-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
.docs-search-header .search-image-text {
  z-index: 2;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 15px;
}
.docs-search-header .search-image-text .search-heading-text {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  margin-top: 6%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .docs-search-header .search-image-text .search-heading-text {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
  }
}
.docs-search-header .search-results {
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  z-index: 1;
}
.docs-search-header .search-results .search__form {
  transform: translateY(-50%);
  max-width: 550px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin: 0 auto;
}
.docs-search-header .search-results .search__form input {
  border-radius: 8px;
}
.docs-search-header .search-results .search__form input:focus-visible {
  outline: 0 !important;
}
.docs-search-header .search-results .search__form .icon-search {
  font-size: 15px;
}

@media (min-width: 768px) {
  #app-sandy-docs .index-header {
    display: none;
  }
}
#app-sandy-docs .docs-crate .crate-item {
  height: 100%;
}
#app-sandy-docs .docs-crate .crate-item:not(:last-child) {
  margin-bottom: 20px;
}
#app-sandy-docs .docs-crate .crate-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  border-radius: 24px;
  background: rgba(216, 216, 216, 0.58);
}
#app-sandy-docs .docs-crate .crate-item .view-all-button {
  position: absolute;
  bottom: 10px;
}
#app-sandy-docs .docs-crate .crate-item .content h3 {
  font-size: 1.2rem;
}
#app-sandy-docs .docs-crate .crate-item .crate-li {
  display: flex;
  flex-direction: column;
}
#app-sandy-docs .docs-crate .crate-item .crate-li a {
  display: flex;
}
#app-sandy-docs .docs-crate .crate-item .crate-li a svg {
  height: 20px;
  margin-right: 10px;
  width: 20px;
}
#app-sandy-docs .docs-crate .crate-item .crate-li a span {
  color: #717171;
  font-size: 13px;
}
#app-sandy-docs .docs-crate .crate-item .crate-li a:not(:last-child) {
  margin-bottom: 17px;
}
#app-sandy-docs .docs-nav {
  background-color: #F7F8FA;
  padding: 2rem 3rem 2rem 2rem;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  min-height: 100vh;
  z-index: 999;
  transition: transform 0.2s;
}
#app-sandy-docs .docs-nav .simplebar-content-wrapper, #app-sandy-docs .docs-nav .simplebar-content {
  height: 100% !important;
}
@media (max-width: 768px) {
  #app-sandy-docs .docs-nav {
    transform: translateX(0);
  }
  #app-sandy-docs .docs-nav:not(.visible) {
    transform: translateX(-100%);
  }
}
#app-sandy-docs .docs-nav .brand-top {
  padding: 2rem;
  padding-top: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app-sandy-docs .docs-nav .brand-top a {
  color: #0B2238;
  font-size: 20px;
  font-weight: 500;
}
#app-sandy-docs .docs-nav .brand-top span {
  display: inline-flex;
  margin: auto;
  vertical-align: sub;
}
#app-sandy-docs .docs-nav .docs-navbar {
  text-align: left;
}
#app-sandy-docs .docs-nav .docs-navbar .nav-link {
  text-align: left;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  border-radius: 12px;
  padding: 0.95rem 1.2rem;
  color: #0B2238;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
}
#app-sandy-docs .docs-nav .docs-navbar .nav-link .i-2 {
  font-size: 20px;
  margin-right: 13px;
  -webkit-text-stroke: 0.3px;
}
#app-sandy-docs .docs-nav .docs-navbar .nav-link i {
  vertical-align: middle;
  margin-right: 0.3rem;
  font-size: 18px;
}
#app-sandy-docs .docs-nav + .content {
  padding-left: 445px;
  padding-right: 120px;
  padding-top: 70px;
}
#app-sandy-docs .docs-nav + .content.is-small {
  padding-left: 350px;
  padding-right: 32px;
  padding-top: 28px;
}
@media (max-width: 768px) {
  #app-sandy-docs .docs-nav + .content {
    padding: 20px !important;
  }
}
#app-sandy-docs > .content {
  width: 100%;
  height: 100%;
}

.api-docs-div .api-docs-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.api-docs-div .api-docs-menu .nav-link {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 700;
  color: #777E90;
  cursor: pointer;
  transition: color 0.2s;
}
.api-docs-div .api-docs-menu .nav-link .icon {
  margin-right: 12px;
  font-size: 19px;
}
.api-docs-div .api-docs-menu .nav-link .sio {
  font-size: 21px;
  -webkit-text-stroke: 0.3px;
}
.api-docs-div .api-docs-menu .nav-link:not(:last-child) {
  margin-bottom: 40px;
}
.api-docs-div .api-docs-menu .nav-link:hover, .api-docs-div .api-docs-menu .nav-link.active {
  color: #23262f;
}
@media (max-width: 992px) {
  .api-docs-div .api-docs-menu {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .api-docs-div .api-docs-menu .nav-link {
    width: 50%;
  }
}

pre[class*=language-] {
  font-size: 85%;
}

.dark-code {
  background: #272822;
  white-space: pre-wrap;
  border-radius: 0.3em;
  color: #fff;
  word-wrap: break-word;
}

.textarea-content .heading {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 6px;
}
.textarea-content .text ul {
  list-style: initial;
  padding-left: 1em;
}
.textarea-content .text p {
  margin: 1em;
  font-size: 14px;
  line-height: 1.66;
  margin-left: 0;
}

.two-burger-icon {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  background: none;
}
.two-burger-icon::before, .two-burger-icon::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 6px;
  width: 20px;
  height: 2px;
  background: #777E90;
  border-radius: 2px;
  transition: transform 0.2s;
}
.two-burger-icon::before {
  transform: translateY(-4px);
}
.two-burger-icon::after {
  transform: translateY(3px);
}
.two-burger-icon.active::before {
  transform: translateY(0) rotate(-45deg);
}
.two-burger-icon.active::after {
  transform: translateY(0) rotate(45deg);
}

.yetti-links-wrapper.is-column {
  display: flex;
  flex-wrap: wrap;
}
.yetti-links-wrapper.is-column .yetti-links-v2, .yetti-links-wrapper.is-column .yetti-popup-wrapper {
  flex-grow: 1;
  width: 50%;
  padding: 0 7px;
  padding-bottom: 14px;
}
.yetti-links-wrapper.is-column .yetti-links-v2:nth-of-type(2n+1), .yetti-links-wrapper.is-column .yetti-popup-wrapper:nth-of-type(2n+1) {
  padding-left: 0;
}
.yetti-links-wrapper.is-column .yetti-links-v2:nth-of-type(2n), .yetti-links-wrapper.is-column .yetti-popup-wrapper:nth-of-type(2n) {
  padding-right: 0;
}
.yetti-links-wrapper.is-column .yetti-links-v2:nth-last-child(-n+2), .yetti-links-wrapper.is-column .yetti-popup-wrapper:nth-last-child(-n+2) {
  padding-bottom: 0;
  padding-right: 0;
}

.multi-image-container {
  display: flex;
}
.multi-image-container .inner-image-container {
  /*&:nth-of-type(2n+1){
  	padding-left: 0;
  }

  &:nth-of-type(2n){
  	padding-right: 0;
  }

  &:nth-last-child(-n+2){
  	padding-bottom: 0;
  	padding-right: 0;
  }*/
}
.multi-image-container .inner-image {
  position: relative;
  cursor: pointer;
  display: flex;
  border-radius: var(--link-block-corner, 10px);
  width: 100%;
  display: 100%;
}
.multi-image-container .inner-image * {
  pointer-events: none;
}
.multi-image-container .inner-image:hover .thumbnail * {
  transform: scale(1.05);
}
.multi-image-container .inner-image .link-out {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute !important;
  right: 0;
  top: 0;
  font-weight: 500;
  background: linear-gradient(190deg, #0000002e, #0000);
  border-radius: inherit;
}
.multi-image-container .inner-image .link-out * {
  width: 14px;
  height: auto;
  min-width: 14px;
  right: 20px;
  top: 17px;
  color: #fff;
  stroke: #fff;
}
.multi-image-container .inner-image .thumbnail {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.multi-image-container .inner-image .thumbnail * {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  border-radius: inherit !important;
}
.multi-image-container .inner-image .image-title {
  z-index: 2;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 31px;
  padding: 7px;
  color: #000;
  width: calc(100% - 10px);
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 500;
  font-size: 14px;
  border-radius: 0;
}
@media (max-width: 768px) {
  .multi-image-container .inner-image .image-title {
    width: calc(100% - 30px);
  }
}
.multi-image-container.is-slider-image {
  gap: 1rem;
  flex-wrap: initial;
  overflow-x: auto;
}
.multi-image-container.is-slider-image .inner-image-container {
  flex: 0 0 65%;
  padding: 0 !important;
}

.tox .tox-pop__dialog, .tox .tox-menu {
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important;
  padding: 15px !important;
  border: 0 !important;
}
.tox .tox-pop__dialog .tox-toolbar, .tox .tox-menu .tox-toolbar {
  border: 0 !important;
}

.bio-tox.is-white .tox-tinymce .tox-toolbar__primary {
  background: #fff;
}
.bio-tox .tox-tinymce {
  border: none;
}
.bio-tox .tox-tinymce .tox-toolbar-overlord {
  background: transparent;
}
.bio-tox .tox-tinymce .tox-statusbar {
  border: 0;
}
.bio-tox .tox-tinymce .tox-statusbar .tox-statusbar__text-container {
  justify-content: flex-start;
}
.bio-tox .tox-tinymce .tox-statusbar .tox-statusbar__text-container a {
  font-size: 9px;
}
.bio-tox .tox-tinymce .tox-statusbar .tox-statusbar__path {
  display: none;
}
.bio-tox .tox-tinymce .tox-statusbar .tox-statusbar__wordcount {
  display: none;
}
.bio-tox .tox-tinymce .tox-statusbar .tox-statusbar__resize-handle {
  display: none;
}
.bio-tox .tox-tinymce .tox-toolbar__primary {
  border: none;
  background: #f7f7f7;
  padding: 13px 20px;
  margin: 17px;
  justify-content: center;
  border-radius: 5px;
}
.bio-tox .tox-tinymce .tox-tbtn:not(.tox-split-button__chevron) {
  margin-right: 10px;
}
.bio-tox .tox-tinymce .tox-split-button {
  position: relative;
  margin-right: 10px;
}
.bio-tox .tox-tinymce .tox-split-button .tox-tbtn {
  margin-right: 0;
}
.bio-tox .tox-tinymce .tox-split-button .tox-split-button__chevron {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.card-thumb {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  font-size: 25px;
  margin-top: 0;
}

.card-block-2 {
  padding: 0.5px 20px 0;
  margin: 20px 0;
  border-radius: 17px;
}
.card-block-2 .card-thumb {
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 10px;
  margin: 20px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  font-size: 25px;
}
.card-block-2 .card-title {
  padding: 0 20px 20px;
  margin-left: -20px;
  margin-right: -20px;
  cursor: pointer;
  position: relative;
}
.card-block-2 .card-title h3 {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
.card-block-2 .card-title p {
  color: rgba(0, 0, 0, 0.6);
  margin-top: 5px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 1.5;
  max-width: 605px;
  font-weight: 400;
}

.card-block {
  padding: 0.5px 20px 0;
  margin: 20px 0;
  border-radius: 17px;
  background: #eaeffa !important;
}
.card-block .sandy-expandable-btn {
  background: #fff;
}
.card-block .card-thumb {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 20px;
  margin: 20px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  font-size: 25px;
  margin-top: 0;
}
.card-block .side-cta {
  right: 1em !important;
  top: 4.5em !important;
}
.card-block .side-cta svg {
  height: 58px;
  width: 58px;
}
.card-block .card-title {
  padding: 0 20px 20px;
  margin-left: -20px;
  margin-right: -20px;
  cursor: pointer;
  position: relative;
  padding-bottom: 0;
}
.card-block .card-title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: rgba(116, 143, 181, 0.15);
}
.card-block .card-title h3 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px !important;
  color: #000;
}
.card-block .card-title p {
  color: rgba(0, 0, 0, 0.6);
  margin-top: 5px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 1.5;
  max-width: 605px;
  font-weight: 400;
}

.links-accordion .sandy-accordion {
  padding: 20px;
  background: #f0f0f0;
  border: 0;
  border-radius: 10px;
  margin-bottom: 20px;
}
body.is-dark .links-accordion .sandy-accordion {
  background: #222;
}
.links-accordion .sandy-accordion .sandy-accordion-head {
  padding: 0;
  font-size: 14px;
}

.add-new-link {
  display: flex;
}
.add-new-link .el-btn {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  box-shadow: rgba(38, 50, 56, 0.16) 0px 8px 16px, rgba(0, 0, 0, 0.3) 0px 4px 5px -4px, rgba(255, 255, 255, 0.5) 0px 2px 5px inset, rgba(0, 0, 0, 0.2) 0px -1px 3px inset;
  cursor: pointer;
}
.add-new-link .el-btn:active {
  outline: dashed;
  outline-width: 0.5px;
}
.add-new-link.sm .el-btn {
  width: 50px;
  height: 50px;
}

[data-checkbox-item] {
  display: none;
}

.card-elements {
  border-radius: 13px;
  padding: 20px;
  position: relative;
}
.card-elements.is-matching {
  color: inherit;
}
.card-elements.is-matching * {
  color: inherit !important;
}
.card-elements.is-matching .h-avatar {
  background: #fff !important;
  color: #000 !important;
}
.card-elements:not(:last-child) {
  margin-bottom: 10px;
}
.card-elements .is-edit {
  position: absolute;
  right: 20px;
  top: 21px;
  color: #000 !important;
}
.card-elements .elements-header {
  display: flex;
  justify-content: space-between;
  padding: 14px 20px;
  background: #fff;
  margin-bottom: 20px;
}
.card-elements .elements-header .others {
  width: 80%;
  display: flex;
  justify-content: flex-end;
}
.card-elements .elements-header .others a {
  margin-right: 17px;
  color: #5A606D;
  font-size: 15px;
}
.card-elements .elements-header .others a:last-child {
  margin-right: 0;
}
.card-elements .card-titles .title {
  font-size: 14px;
  color: #6b7a99;
  line-height: 30px;
}
.card-elements .card-titles .link-title {
  margin: 17px 0;
  font-size: 12px;
  color: #ADB8CC;
}
.card-elements .card-titles .type {
  color: #7D8FB3;
  font-size: 12px;
}
.card-elements .card-titles .type i {
  margin-right: 5px;
}
.card-elements .card-titles .date {
  font-size: 12px;
  line-height: 20px;
  color: #7D8FB3;
  margin-top: 10px;
}

.element-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-bottom: 15px;
}
.element-list:not(.sortable-item) {
  transition: transform 0.2s ease-in-out;
}
.element-list.awesome-border:hover .list-thumbnail * {
  transform: initial;
}
.element-list.awesome-border .list-thumbnail * {
  border-radius: 12px;
}
.element-list.awesome-border .list-container {
  border: 2px dashed #cecccc;
  border-radius: 15px;
  background: transparent;
}
.element-list.reverse .list-content {
  flex-direction: row-reverse;
}
.element-list.reverse .list-content .list-thumbnail {
  margin-left: 0 !important;
  margin-right: 15px;
}
.element-list.reverse .list-content .list-inner {
  margin-right: auto;
}
.element-list:hover {
  transform: translateY(-4px);
}
.element-list:hover .list-thumbnail * {
  transform: scale(1.05);
}
.element-list:last-child {
  margin-bottom: 0;
}
.element-list .list-container {
  padding: 18px;
  background: #f4f5f6;
  font-weight: 500;
  width: 100%;
  display: block;
  position: relative;
}
body.is-dark .element-list .list-container {
  background: #222;
}
.element-list .list-container .-read-more {
  background-color: transparent;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.01em;
  pointer-events: auto;
  cursor: pointer;
}
.element-list .list-container .list-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.element-list .list-container .list-content .list-thumbnail {
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-left: 15px;
}
.element-list .list-container .list-content .list-thumbnail.is-10 {
  height: 10em !important;
}
.element-list .list-container .list-content .list-thumbnail * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease-in-out;
  border-radius: inherit;
}
.element-list .list-container .list-content .list-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.element-list .list-container .list-title {
  margin: 5px 0;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
body.is-dark .element-list .list-container .list-title {
  color: #fff;
}
.element-list .list-container .list-desc {
  font-weight: 400;
  font-size: 12px;
  color: #444;
  position: relative;
}
.element-list .list-container .list-desc p {
  position: relative;
  transition: height 0.1s ease 0s;
}
body.is-dark .element-list .list-container .list-desc {
  color: #d7d7d7;
}
.element-list.active .list-container .list-desc p {
  position: relative;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: height 0.1s ease 0s;
  display: block;
  height: initial;
}

p + [data-readmore-toggle], p[data-readmore] {
  display: block;
  width: 100%;
}

.p[data-readmore] {
  font-size: 10px;
}

@-webkit-keyframes goPulse {
  0% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  70% {
    transform: scale3d(1, 1, 1);
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale3d(0.9, 0.9, 0.9);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes goPulse {
  0% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  70% {
    transform: scale3d(1, 1, 1);
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale3d(0.9, 0.9, 0.9);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.element-video .heading {
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 400;
}
.element-video .element-single-video {
  width: 100%;
  margin: auto auto 20px;
  padding: 0px;
  border-radius: var(--link-block-corner, 10px);
  position: relative;
  overflow: hidden;
}
.element-video .element-single-video iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.element-video .element-single-video.is-iframe .element-single-video-container::before {
  content: initial;
}
.element-video .element-single-video .element-single-video-container {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  border-radius: inherit;
}
@media (min-width: 768px) {
  .element-video .element-single-video .element-single-video-container {
    padding-top: 45%;
  }
}
.element-video .element-single-video .element-single-video-container::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  background: rgba(0, 0, 0, 0.32);
  border-radius: inherit;
}
.element-video .element-single-video .element-single-video-container .play-button {
  width: 50px !important;
  height: 50px !important;
  background: #000;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  border: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: auto;
  -webkit-animation: goPulse 2s infinite;
          animation: goPulse 2s infinite;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  cursor: pointer;
  font-size: 27px;
}
.element-video .element-single-video .element-single-video-container .play-button i {
  color: #fff;
}
.element-video .element-single-video .element-single-video-container .banner {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  -o-object-fit: cover;
  object-fit: cover;
  bottom: 0;
  height: 100%;
  position: absolute;
  border-radius: inherit !important;
}

.builder-video-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.builder-video-block.is-slider {
  overflow-x: auto;
  flex-direction: row;
}
.builder-video-block.is-slider .-video-block-item {
  flex: 0 0 90%;
}
.builder-video-block.is-slider .-video-block-item:nth-child(1):last-child {
  flex: 0 0 100%;
}

.context-block-edit .context-block-single {
  padding: 19px;
  border-radius: 0;
  margin-bottom: 20px;
  position: relative;
  background: #fff;
}
.context-block-header {
  display: flex;
  margin-bottom: 20px;
}
.context-block-header .actions {
  margin-left: auto;
  display: flex;
}
.context-block-header .actions svg {
  height: 16px;
  width: 18px;
}
.context-block-header .actions a, .context-block-header .actions button {
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 550px;
  background: #F4F5F6;
  margin-left: 5px;
}
.context-block-header .actions a:first-child, .context-block-header .actions button:first-child {
  margin-left: 0;
}

.bio-titles {
  margin-bottom: 30px;
}
.bio-titles .heading {
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
}
.bio-titles .subheading {
  font-size: 13px;
}

.bio-margin {
  margin-bottom: 2.5rem;
}
.bio-margin:last-child {
  margin-bottom: 0;
}

.context-block-single .list-container {
  background: #f4f5f6;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  border: 2px dashed #cecccc;
}

.bio-swiper-container {
  margin: 0 auto;
  margin-bottom: 0;
  margin-left: -20px;
  margin-right: -20px;
  overflow: visible;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.bio-swiper-container .card-infos {
  z-index: 2;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.45) 100%, rgba(0, 0, 0, 0.65) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 25px 15px 12px;
  color: #ffffff;
  width: calc(100%) !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 500;
  font-size: 14px;
  border-radius: inherit;
}
.bio-swiper-container .bio-swiper-wrapper {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 0px;
  max-width: 768px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
}
.bio-swiper-container .bio-swiper-slide {
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: flex;
  -ms-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -ms-scroll-snap-points-y: repeat(50%);
  scroll-snap-points-y: repeat(50%);
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 40px;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: row;
}
.bio-swiper-container .bio-swiper-slide.hide-scroll-mobile {
  scrollbar-width: none;
}
@media (max-width: 768px) {
  .bio-swiper-container .bio-swiper-slide.hide-scroll-mobile::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
  }
}
.bio-swiper-container .bio-swiper-slide::before, .bio-swiper-container .bio-swiper-slide::after {
  content: "";
  display: block;
}
.bio-swiper-container .bio-swiper-slide::before {
  padding-left: 1.25rem;
}
.bio-swiper-container .bio-swiper-slide::after {
  padding-right: 1.25rem;
}
@media (max-width: 768px) {
  .bio-swiper-container .bio-swiper-slide {
    scroll-padding-left: 20px;
  }
}
.bio-swiper-container .bio-swiper-slide > .swiper-item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: 20px;
  width: calc(50% - 30px);
  flex-shrink: 0;
  scroll-snap-align: start;
}
.bio-swiper-container .bio-swiper-slide > .swiper-item:last-child {
  padding-right: 0;
  width: calc(50% - 50px);
}
@media (max-width: 680px) {
  .bio-swiper-container .bio-swiper-slide > .swiper-item {
    width: calc(100% - 50px);
  }
  .bio-swiper-container .bio-swiper-slide > .swiper-item:last-child {
    width: calc(100% - 60px);
  }
}
@media (max-width: 600px) {
  .bio-swiper-container .bio-swiper-slide > .swiper-item {
    width: calc(100% - 40px);
  }
}
.bio-swiper-container .bio-swiper-slide > .swiper-item .is-card {
  height: 365px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--link-block-corner, 5px) !important;
  border: none;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
}
.bio-swiper-container .bio-swiper-slide > .swiper-item .is-card * {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit !important;
}
@media (max-width: 768px) {
  .bio-swiper-container .bio-swiper-slide > .swiper-item .is-card {
    height: 400px;
  }
}
.bio-swiper-container .bio-slider-arrows .slide-right {
  right: 25px;
}
.bio-swiper-container .bio-slider-arrows .slide-left {
  left: 25px;
}
.bio-swiper-container .bio-slider-arrows * {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  color: #3d626c;
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 7 0 10px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  outline: 0;
  -webkit-appearance: none;
  z-index: 3;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.bio-slide .is-card {
  height: 365px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
}
.bio-slide .is-card img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
@media (max-width: 768px) {
  .bio-slide .is-card {
    height: 400px;
  }
}
.bio-slide .card-infos {
  z-index: 2;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.45) 100%, rgba(0, 0, 0, 0.65) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 25px 15px 12px;
  color: #ffffff;
  width: calc(100%) !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 500;
  font-size: 14px;
  border-radius: inherit;
}
.bio-slide .bio-slider-arrows .swiper-slide-right {
  right: 25px;
}
.bio-slide .bio-slider-arrows .swiper-slide-left {
  left: 25px;
}
.bio-slide .bio-slider-arrows * {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  color: #3d626c;
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 7 0 10px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  outline: 0;
  -webkit-appearance: none;
  z-index: 3;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.insight-card {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  background: #f8f8f8;
}
.insight-card .icon {
  width: 50px;
  height: 50px;
  background: #f0f0f0;
  border-radius: 10px;
  margin: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .insight-card .icon {
    width: 38px;
    height: 38px;
  }
}
.insight-card h2 {
  font-size: 18px;
  margin: 10px 0 8px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .insight-card h2 {
    font-size: 14px;
    margin: 10px 0 3px;
  }
}
.insight-card h5 {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 600px) {
  .insight-card h5 {
    margin-bottom: 0;
    font-size: 10px;
  }
}
.insight-card .view {
  font-size: 10px;
  margin: 0;
  margin-top: 10px;
  font-weight: 600;
  color: #000;
}

.insight-split-card {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.insight-split-card .split-card {
  width: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 34px;
  border-right: 1px solid #c9c9c9;
  width: 50%;
}
.insight-split-card .split-card:nth-child(4n-2) {
  border: 0;
}
.insight-split-card .split-card .heading {
  font-size: 13px;
  line-height: 22px;
  color: #666666;
  text-transform: uppercase;
}
.insight-split-card .split-card .heading.has-icon {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.insight-split-card .split-card .heading.has-icon i {
  font-size: 30px;
  margin-right: 10px;
}
.insight-split-card .split-card .bold-stats {
  font-size: 34px;
  line-height: 41px;
  font-weight: bold;
}
.insight-split-card .split-card .sub-heading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #666666;
}
.insight-split-card.is-not .sub-heading {
  font-size: 14px;
  color: #000;
}
@media (max-width: 768px) {
  .insight-split-card.is-not .split-card {
    width: 100%;
    border-right: 0 !important;
    border-bottom: 1px solid #e8e8e8;
  }
}

.mix-padding-10 {
  padding: 1.25rem;
}
@media (min-width: 640px) {
  .mix-padding-10 {
    padding: 2.5rem;
  }
}
#app-sandy-mix .mix-padding-10 {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.theme-html {
  height: 245px;
  border-radius: 20px;
  position: relative;
}
.theme-html .context.bio .context-links .links .link {
  height: 37px;
}
.theme-html input[type=radio]:checked + div, .theme-html input[type=checkbox]:checked + div {
  background: #fff;
  box-shadow: none;
  color: black;
}
.theme-html input[type=radio]:checked + div .active-dot, .theme-html input[type=checkbox]:checked + div .active-dot {
  background: #27baf1;
}
.theme-html input[type=radio]:checked + div::before, .theme-html input[type=checkbox]:checked + div::before {
  border-color: #27baf1;
}
.theme-html .inner {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: inherit;
  height: 100%;
}
.theme-html .inner::before {
  content: "";
  height: 100%;
  width: 100%;
  border: 4px solid #e5e7eb;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border-radius: inherit;
  z-index: 9;
}
.theme-html .inner .active-dot {
  position: absolute;
  top: 19px;
  right: 21px;
  width: 25px;
  height: 5px;
  background: rgba(0, 0, 0, 0.15);
}
.theme-html .info {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.92) 100%);
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 37%;
  width: 100%;
  border-radius: inherit;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.theme-html .info .name {
  font-size: 13px;
  color: #fff;
}
.theme-html .info .description {
  font-size: 10px;
  color: #fff;
}
.theme-html img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: inherit;
}

.links-editing {
  padding: 20px;
  background: #f0f0f0;
  border: 0;
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}

@-webkit-keyframes animateBackground {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes animateBackground {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.crate-item {
  position: relative;
  height: 25vw;
}
.crate-item:nth-child(4n) .item-background, .crate-item:nth-child(4n+1) .item-background {
  background: #f7f9fb;
}
.crate-item:nth-child(4n) .item-background .item-background-hover, .crate-item:nth-child(4n+1) .item-background .item-background-hover {
  background: #fff;
}
.crate-item:nth-child(4n) .button-hover, .crate-item:nth-child(4n+1) .button-hover {
  background: #f7f9fb !important;
}
.crate-item:nth-child(even):hover .item-background-hover {
  opacity: 0;
}
.crate-item:hover {
  z-index: 1;
}
.crate-item:hover .item-background {
  transform: scale(1.05);
  box-shadow: 0 1.3vw 2.7vw rgba(0, 0, 0, 0.05);
}
.crate-item:hover .item-background .item-background-hover {
  transform: translate(-50%, 50%) scale(1);
}
.crate-item:hover .button-container {
  box-shadow: 0 0.27vw 0.27vw rgba(0, 0, 0, 0.1);
  transform: scale(1.1);
}
.crate-item:hover .button-container .button-hover {
  opacity: 1;
}
.crate-item:hover .content {
  transform: translateY(-1.875rem);
}
.crate-item:hover .item-desc {
  transform: translateY(-1.8rem);
  opacity: 1;
}
.crate-item .item-background {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: 50% 100%;
  box-shadow: none;
  transform: scale(1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, box-shadow;
  overflow: hidden;
}
.crate-item .item-background .item-background-hover {
  background: #f7f9fb;
  display: block;
  width: 230%;
  height: 230%;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) scale(0);
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.crate-item > a, .crate-item > .crate-item-contents {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4.7vw 3.4vw;
  color: #000;
  text-decoration: none;
  position: relative;
}
.crate-item .content {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.crate-item .content h3 {
  font-size: 1.4rem;
  line-height: 1.11;
  font-weight: 400;
  margin: 1.1rem 0 0;
}
.crate-item .icon i {
  font-size: 35px;
  -webkit-text-stroke: 0.2px;
}
.crate-item .item-desc {
  color: #687086;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.47;
  margin: 1.25rem -0.69444vw 0 0;
  transform: translateY(0);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, opacity;
}
.crate-item .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: auto;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background-color: #f7f9fb;
  box-shadow: none;
  transform: scale(1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, box-shadow;
  overflow: hidden;
}
.crate-item .button-container i {
  z-index: 5;
  color: #000;
}
.crate-item .button-container .button-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .crate-item {
    height: 100%;
    padding: 17px;
  }
  .crate-item .item-desc {
    opacity: 1;
    margin-bottom: 1.25rem;
    font-size: 13px;
  }
  .crate-item .content h3 {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .crate-item {
    height: 100%;
    padding: 17px;
  }
  .crate-item .item-desc {
    opacity: 1;
    margin-bottom: 1.25rem;
    font-size: 13px;
  }
}

.featured-profile {
  padding: 1.8rem;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.featured-profile::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.5);
}
.featured-profile .thumbnail {
  box-shadow: 0 0.6rem 0.5rem rgba(0, 0, 0, 0.06);
  margin: 0 0 1.1rem;
  display: block;
  border-radius: 5%;
  width: 80px;
  margin-bottom: 1.125rem;
}
.featured-profile .thumbnail img {
  border-radius: inherit;
}
.featured-profile .content h3 {
  font-size: 1.1rem;
  line-height: 1.32;
  margin: 0;
  font-weight: 600;
}
.featured-profile .content .country {
  display: flex;
  margin-top: 7px;
}
.featured-profile .content .country img {
  height: 16px;
}
.featured-profile .content .country .label {
  margin-left: 5px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.featured-profile .arrow {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 11px;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f7f9fb;
  box-shadow: none;
  transform: scale(1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, box-shadow;
  overflow: hidden;
}

.crate-large {
  padding: 5.5vw 8.3vw 2.7vw;
}
.crate-large .crate-inner h2 {
  line-height: 1.4;
  font-size: 2.75rem;
  color: #1e2432;
  margin-bottom: 1.5rem;
}
.crate-large .crate-inner p {
  line-height: 1.4;
  font-size: 0.9rem;
  color: #687086;
}
@media (max-width: 768px) {
  .crate-large {
    margin-bottom: 2rem;
  }
  .crate-large .crate-inner h2 {
    font-size: 2rem;
  }
}

.tiny-content-init a {
  color: #551A8B;
  text-decoration: underline;
}
.tiny-content-init ol, .tiny-content-init ul {
  padding: revert;
  list-style: revert;
  margin: revert;
}
.tiny-content-init h1, .tiny-content-init h2, .tiny-content-init h3, .tiny-content-init h4, .tiny-content-init h5, .tiny-content-init h6, .tiny-content-init p {
  font-size: revert;
  font-weight: revert;
}
.tiny-content-init code {
  color: #333;
  background: #e8e8e8;
}

.social-act-list .social-act-item {
  position: relative;
  display: flex;
  padding: 22px 16px;
  overflow: hidden;
  border-radius: 12px;
  width: 100%;
  cursor: pointer;
  transition: all 0.25s;
}
.social-act-list .social-act-item:not(:last-child) {
  margin-bottom: 15px;
}
.social-act-list .social-act-item.active::before {
  background: #f0f0f0;
}
.social-act-list .social-act-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background 0.25s;
}
.social-act-list .social-act-item .details {
  padding: 0 32px 0 24px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.social-act-list .social-act-item .details h1, .social-act-list .social-act-item .details .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  color: #11142d;
}

.z-body {
  z-index: 9999;
  position: relative;
}

@-webkit-keyframes sandyFadeIn {
  0% {
    opacity: 0;
    bottom: -100%;
    transform: translateY(startYposition);
  }
  100% {
    opacity: 1;
    bottom: 0;
    transform: translateY(endYposition);
  }
}

@keyframes sandyFadeIn {
  0% {
    opacity: 0;
    bottom: -100%;
    transform: translateY(startYposition);
  }
  100% {
    opacity: 1;
    bottom: 0;
    transform: translateY(endYposition);
  }
}
@-webkit-keyframes sandyFadeOut {
  0% {
    opacity: 1;
    bottom: 0%;
    transform: translateY(startYposition);
  }
  100% {
    opacity: 0;
    bottom: -100%;
    transform: translateY(endYposition);
  }
}
@keyframes sandyFadeOut {
  0% {
    opacity: 1;
    bottom: 0%;
    transform: translateY(startYposition);
  }
  100% {
    opacity: 0;
    bottom: -100%;
    transform: translateY(endYposition);
  }
}
.sandy-toast {
  background: #fff;
  width: 100%;
  max-width: 350px;
  border-radius: 20px;
  z-index: 1;
  transition: all 0.2s ease-out 0s;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 17px;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  z-index: 999999;
  -webkit-animation: sandyFadeIn 0.5s ease;
          animation: sandyFadeIn 0.5s ease;
  opacity: 1;
}
.sandy-toast.hide {
  -webkit-animation: sandyFadeOut 0.5s ease;
          animation: sandyFadeOut 0.5s ease;
  opacity: 0;
  bottom: -100%;
}
.sandy-toast .sandy-toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.sandy-toast .sandy-toast-header .title {
  display: flex;
  align-items: center;
  width: 100%;
}
.sandy-toast .sandy-toast-header .title .icon {
  width: 1.2em;
  height: 1.2em;
  margin-right: 1rem;
  border-radius: 5px;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #19a389;
  font-size: 18px;
}
.sandy-toast .sandy-toast-header .title .close {
  font-size: 10px;
  background: #3772FF;
  height: 35px;
  border-radius: 550px;
  color: #fff;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.sandy-toast .sandy-toast-header .title .text {
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
}
.sandy-toast .sandy-toast-body {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0rem;
  padding-bottom: 2rem;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.pricing-page-grid {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 768px) {
  .pricing-page-grid {
    flex-direction: row;
    gap: 48px;
  }
}

.pricing-table-card {
  background: #fff;
  border-radius: 20px;
  padding: 32px;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  max-width: 420px;
  width: 100%;
}
@media (max-width: 768px) {
  .pricing-table-card {
    max-width: 100%;
  }
}
.pricing-table-card .pricing-btn {
  box-sizing: border-box;
  display: inline-block;
  padding: 0px 20px;
  height: 44px;
  line-height: 44px;
  width: auto;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: currentcolor none medium;
  text-transform: capitalize;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  color: black;
  background: whitesmoke none repeat scroll 0% 0%;
  border: medium none;
  cursor: pointer;
}
.pricing-table-card .pricing-btn:hover {
  background: #f0f0f0 none repeat scroll 0% 0%;
}
.pricing-table-card.active {
  background: #aef3ff;
  transform: scale(1.03);
  border: 0;
  position: relative;
}
.pricing-table-card.active::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  border-radius: 24px;
  background: inherit;
  opacity: 0.5;
}
.pricing-table-card.active .pricing-table-header .pricing-price-content .number .duration {
  color: #fff;
}
.pricing-table-card .pricing-table-header .pricing-title {
  min-height: 220px;
}
.pricing-table-card .pricing-table-header .pricing-title h5 {
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0;
  margin-bottom: 20px;
  font-weight: 700;
  color: #170a07;
}
.pricing-table-card .pricing-table-header .pricing-title p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 32px;
}
.pricing-table-card .pricing-table-header .pricing-price-content .price {
  margin-bottom: 2px;
  font-weight: 700;
  color: #170a07;
  font-size: 36px;
  line-height: 44px;
  transition: 0.3s;
}
.pricing-table-card .pricing-table-header .pricing-price-content .number {
  display: flex;
  align-items: center;
}
.pricing-table-card .pricing-table-header .pricing-price-content .number .duration {
  font-size: 22px;
  color: #9da6af;
  padding-left: 0.5rem;
  font-weight: 600;
}
.pricing-table-card .pricing-table-header .pricing-price-content .des {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 32px;
}
.pricing-table-card .pricing-list {
  list-style: none;
  margin-top: 32px;
}
.pricing-table-card .pricing-list li {
  display: flex;
  align-items: center;
}
.pricing-table-card .pricing-list li:not(:last-child) {
  margin-bottom: 12px;
}
.pricing-table-card .pricing-list li .icon {
  font-size: 12px;
}

.pricing-signup-cta {
  background: #f9fafb;
  position: relative;
  padding: 6.6rem 15.4vw 7.6rem;
  margin-top: 4rem;
  align-items: center;
  display: flex;
}
.pricing-signup-cta .cta-background-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.pricing-signup-cta .cta-background-shade img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pricing-signup-cta.is-dark {
  background: #12161b;
}
.pricing-signup-cta.is-dark .content h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .pricing-signup-cta.is-dark .content h2 {
    font-size: 20px;
  }
}
.pricing-signup-cta.is-dark .content p {
  color: #7d8598;
}
.pricing-signup-cta .content h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 2vw;
  padding: 0 1.3vw 0 0;
  flex: 1 1 auto;
  width: 100%;
}
.pricing-signup-cta .index-form-register {
  width: 100%;
}
.pricing-signup-cta .index-form-register label {
  background: #fff;
}
@media (max-width: 768px) {
  .pricing-signup-cta {
    padding: 6.6rem 7.4vw 7.6rem;
  }
  .pricing-signup-cta .content h2 {
    font-size: 20px;
  }
  .pricing-signup-cta .form {
    margin-top: 20px;
  }
}

.change-pricing-selector {
  border-radius: 15px;
  padding: 0.65rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: rgba(22, 93, 245, 0.05);
  background: transparent;
  display: flex;
  margin-bottom: 10px;
  border: 3px solid #90eeff;
}
.change-pricing-selector a {
  color: #000;
  transition: 0.3s;
  padding: 0.5rem 1rem;
  display: block;
  margin-right: 5px;
  border-radius: 12px;
}
.change-pricing-selector a.active {
  color: #ffffff;
  background-color: #5DC2D3;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.2em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
          animation: spinner-border 0.75s linear infinite;
}

.custom-domain .custom-domain-row {
  display: flex;
}
@media (max-width: 768px) {
  .custom-domain .custom-domain-row {
    display: block;
  }
}
.custom-domain .custom-domain-details {
  flex-shrink: 0;
  width: 225px;
  margin-right: 16px;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 10px 36px rgba(227, 230, 236, 0.6);
}
@media (max-width: 768px) {
  .custom-domain .custom-domain-details {
    margin-bottom: 18px;
    width: 100%;
  }
}
.custom-domain .cap-title {
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 600;
  margin-bottom: 16px;
}
.custom-domain .caption {
  width: 100%;
  max-width: 140px;
  color: #B2B3BD;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33333;
}
.custom-domain .custom-domain-variants {
  flex-grow: 1;
}
.custom-domain .custom-domain-variants .custom-domain-label {
  display: block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.custom-domain .custom-domain-variants .custom-domain-label:not(:last-child) {
  margin-bottom: 18px;
}
.custom-domain .custom-domain-variants .custom-domain-radio {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.custom-domain .custom-domain-variants .custom-domain-radio:checked + .custom-domain-in {
  box-shadow: inset 0 0 0 2px #5DC2D3;
}
.custom-domain .custom-domain-variants .custom-domain-radio:checked + .custom-domain-in .custom-domain-tick {
  background: #5DC2D3;
  border-color: #5DC2D3;
}
.custom-domain .custom-domain-variants .custom-domain-radio:checked + .custom-domain-in .custom-domain-tick::before {
  opacity: 1;
}
.custom-domain .custom-domain-variants .custom-domain-label:hover .custom-domain-in {
  box-shadow: inset 0 0 0 1px #5DC2D3;
}
.custom-domain .custom-domain-variants .custom-domain-in {
  display: flex;
  padding: 34px 32px;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #E3E6EC;
  transition: box-shadow 0.25s;
  align-items: center;
}
.custom-domain .custom-domain-variants .custom-domain-in .custom-domain-tick {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 36px;
  border-radius: 4px;
  border: 2px solid #E4E4E4;
  transition: all 0.25s;
}
.custom-domain .custom-domain-variants .custom-domain-in .custom-domain-tick::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.375L1.5 3.375L0 4.875L3.5 8.375L10 1.875L8.5 0.375L3.5 5.375Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto;
  transition: opacity 0.25s;
}

.sandy-widget {
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.sandy-widget.has-shadow {
  position: relative;
}
.sandy-widget.has-shadow::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 18px;
  right: 18px;
  bottom: -40px;
  z-index: -2;
  background: #E3E6EC;
  opacity: 0.91;
  filter: blur(86.985px);
  border-radius: 24px;
}
.sandy-widget .sandy-widget-top {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.sandy-widget .sandy-widget-title {
  font-size: 18px;
  line-height: 1.3;
}
.sandy-widget .sandy-widget-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.sandy-quality .sandy-quality-list .sandy-quality-item {
  display: flex;
  align-items: center;
}
.sandy-quality .sandy-quality-list .sandy-quality-item:not(:last-child) {
  margin-bottom: 48px;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .preview {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 14px;
  border-radius: 12px;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .preview img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .sandy-quality-details {
  position: relative;
  z-index: 2;
  flex-grow: 1;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .sandy-quality-line {
  display: flex;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .sandy-quality-line > * {
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 600;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .sandy-quality-line .price {
  margin-left: auto;
  padding-left: 10px;
  color: #7FBA7A;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .sandy-quality-line .nr {
  margin-left: auto;
  background: #ffede9;
  color: #f65b49;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 4px;
}
.sandy-quality .sandy-quality-list .sandy-quality-item .sandy-quality-info {
  margin-top: 5px;
  color: #808191;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.sandy-quality-button {
  width: 100%;
  box-shadow: none;
  margin-top: 40px;
  height: 56px;
  border-radius: 16px/16px;
}

.fancy-user-single {
  border: 1px solid #F0F3F6;
  border-radius: 25px;
  background: #3F8CFF;
  padding: 46px;
}
.fancy-user-single .tooltip-round-custom {
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #fff;
  color: #000;
  font-size: 20px;
}
.fancy-user-single > a, .fancy-user-single h1, .fancy-user-single h2, .fancy-user-single h3, .fancy-user-single h4, .fancy-user-single h5, .fancy-user-single h6, .fancy-user-single p {
  color: #fff;
}
.fancy-user-single .left-text > h4 {
  font-weight: bold;
  font-size: 40px;
  margin: 0;
}
.fancy-user-single .left-text p {
  color: #fff;
  margin-bottom: 7px;
}
.fancy-user-single .left-text span {
  background: #ffede9;
  color: #f65b49 !important;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 4px;
}
.fancy-user-single .avatar-side {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.fancy-user-single .avatar-side .avatar-inner {
  display: flex;
}
.fancy-user-single .avatar-side .avatar-inner .avatar {
  width: 3.5em;
  height: 3.5em;
}
.fancy-user-single .avatar-side .avatar-inner .avatar img {
  height: 100%;
  width: 100%;
  border-radius: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}
.fancy-user-single .avatar-side .avatar-inner .details {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fancy-user-single .avatar-side .avatar-inner .details h3 {
  font-size: 19px;
  font-weight: 699;
  margin: 0;
}
.fancy-user-single .avatar-side .avatar-inner .details p {
  font-size: 13px;
  margin: 0;
}
@media (max-width: 768px) {
  .fancy-user-single {
    padding: 30px;
  }
  .fancy-user-single .left-text > h4 {
    font-size: 20px;
  }
}

@-webkit-keyframes loader {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #777e90, 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.5), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.7), 1.8em -1.8em 0 0em #777e90, 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.5), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7), 2.5em 0em 0 0em #777e90, 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5), 2.5em 0em 0 0em rgba(119, 126, 144, 0.7), 1.75em 1.75em 0 0em #777e90, 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.5), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.7), 0em 2.5em 0 0em #777e90, -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.5), 0em 2.5em 0 0em rgba(119, 126, 144, 0.7), -1.8em 1.8em 0 0em #777e90, -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.5), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.7), -2.6em 0em 0 0em #777e90, -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.5), -2.6em 0em 0 0em rgba(119, 126, 144, 0.7), -1.8em -1.8em 0 0em #777e90;
  }
}

@keyframes loader {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #777e90, 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.5), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.7), 1.8em -1.8em 0 0em #777e90, 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.5), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.7), 2.5em 0em 0 0em #777e90, 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.5), 2.5em 0em 0 0em rgba(119, 126, 144, 0.7), 1.75em 1.75em 0 0em #777e90, 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.5), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.7), 0em 2.5em 0 0em #777e90, -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.2), -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.5), 0em 2.5em 0 0em rgba(119, 126, 144, 0.7), -1.8em 1.8em 0 0em #777e90, -2.6em 0em 0 0em rgba(119, 126, 144, 0.2), -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.5), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.7), -2.6em 0em 0 0em #777e90, -1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(119, 126, 144, 0.2), 1.8em -1.8em 0 0em rgba(119, 126, 144, 0.2), 2.5em 0em 0 0em rgba(119, 126, 144, 0.2), 1.75em 1.75em 0 0em rgba(119, 126, 144, 0.2), 0em 2.5em 0 0em rgba(119, 126, 144, 0.2), -1.8em 1.8em 0 0em rgba(119, 126, 144, 0.5), -2.6em 0em 0 0em rgba(119, 126, 144, 0.7), -1.8em -1.8em 0 0em #777e90;
  }
}
@-webkit-keyframes loader-white {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes loader-white {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.has-loader {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  font-size: 4px;
  -webkit-animation: loader 1.1s infinite ease;
          animation: loader 1.1s infinite ease;
  text-indent: -9999em;
  transform: translateZ(0);
}
body.is-dark .has-loader {
  -webkit-animation-name: loader-white;
          animation-name: loader-white;
}
.is-loader-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-loader-submit.loader-white .has-loader {
  -webkit-animation-name: loader-white;
          animation-name: loader-white;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  margin: -8px 0 0 -8px;
}
.pagination .page-item {
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 48px;
  margin: 8px 0 0 8px;
  border-radius: 12px;
  border: 1px solid #E4E4E4;
  font-size: 14px;
  font-weight: 700;
  color: #11142D;
  transition: all 0.2s;
  position: relative;
}
.pagination .page-item.active {
  background: #355DFF;
  border-color: #355DFF;
  color: #ffffff;
}
.pagination .page-item.disabled {
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.pagination .page-item .page-link {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

.fancy-select select {
  height: 64px;
  padding-left: 20px;
  padding-right: 45px;
  border-radius: 16px;
  border: none;
  float: none;
  line-height: 64px;
  font-weight: 600;
  transition: all 0.2s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  background: rgba(228, 228, 228, 0.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M10.281.305L5.988 4.598 1.695.305A1 1 0 0 0 .293.317a1 1 0 0 0-.012 1.402l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 0 0-.441-1.687 1 1 0 0 0-.973.273z' fill='%2311142d'/%3E%3C/svg%3E") no-repeat right 1rem center/8px 10px;
}
@media (max-width: 768px) {
  .fancy-select select {
    height: 56px;
    padding-left: 16px;
    padding-right: 36px;
    border-radius: 12px;
    line-height: 56px;
  }
}

.list-file {
  height: auto;
  position: relative;
  transition: all 350ms ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.list-file .list-header {
  display: flex;
  align-items: center;
  position: absolute;
  padding: 4px;
  left: 0;
  right: 0;
  top: 0;
  line-height: normal;
  background: linear-gradient(#0e0e0e, #00000003) !important;
  color: #fff;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 7px;
  padding-top: 5px;
  padding-right: 10px;
  width: 70%;
}
.list-file .list-header .list-title {
  font-size: 13px;
  margin-bottom: 2px;
  font-weight: 400;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list-file .list-header .list-size {
  font-size: 10px;
  color: #c3c3c3;
}
.list-file .list-thumbnail {
  background: #0e0e0e;
  position: relative;
  width: 100%;
  height: auto;
  transition: all 350ms ease-in-out;
  display: block;
  height: 150px;
}
.list-file .list-thumbnail * {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.card_widget.has-sweet-container {
  padding: 0;
}
.card_widget.has-sweet-container .card-container {
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-radius: inherit;
}
.card_widget.has-sweet-container .side-cta {
  margin: 0;
  font-size: initial;
  font-size: unset;
  right: -7em;
  top: 0;
}
.card_widget.has-sweet-container .side-cta.is-small {
  right: -10em;
}
.card_widget.has-sweet-container .side-cta img {
  width: 250px;
}
.card_widget.has-sweet-container .is-info {
  width: 70%;
}
@media (max-width: 768px) {
  .card_widget.has-sweet-container .is-info {
    width: 60%;
  }
}

.side-cta {
  margin: 0 auto;
  font-size: 0;
  right: 0;
  position: absolute;
}
.side-cta img, .side-cta svg {
  width: 100%;
  max-width: 350px;
  max-height: 350px;
}

.sandy-select .select-drop {
  position: fixed;
  overflow-y: auto;
  background: #fff;
  transition: all 0.3s;
  padding: 20px;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  scrollbar-width: none;
  z-index: 9999999;
  width: 500px;
  margin: auto;
  transform: translateX(-50%) !important;
  left: 50%;
  border-radius: 15px 15px 0 0;
  height: calc(100% - 100px);
  max-width: 100%;
  bottom: 0;
  top: unset;
}

.prism-wrap {
  position: relative;
  min-height: 200px;
}
.prism-wrap textarea {
  color: transparent;
  background: transparent;
  caret-color: white;
  z-index: 1;
}
.prism-wrap #highlighting {
  z-index: 0;
}
.prism-wrap textarea, .prism-wrap #highlighting {
  position: absolute;
  left: 0;
  top: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  margin: 10px;
  padding: 10px;
  border: 0;
  width: calc(100% - 32px);
  resize: none;
}
.prism-wrap textarea, .prism-wrap #highlighting, .prism-wrap #highlighting-content * {
  font-size: 12px;
  font-family: monospace;
  line-height: 20px;
}
.prism-wrap #highlighting-content {
  white-space: pre-wrap;
}

.plan-star {
  position: relative;
}
.plan-star .star-span {
  position: absolute;
  font-size: 32px;
  right: 13px;
  top: -16px;
  background: #fff;
  color: #000;
  border-radius: 10px;
}

.bio-branding-mobile-wrapper {
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: flex;
}

.bio-branding-mobile {
  background: #fff;
  cursor: pointer;
  height: 30px;
  width: auto;
  border-radius: 5px;
  padding: 0 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  position: absolute;
  bottom: 0;
  z-index: 999;
  display: flex;
  margin: 15px 0;
  font-size: 11px;
}
body.is-dark .bio-branding-mobile {
  background: #000;
  color: #fff;
}

.mix-admin-href {
  background: #fff;
  cursor: pointer;
  height: 40px;
  width: auto;
  border-radius: 5px;
  padding: 0 21px;
  z-index: 1;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  position: absolute;
  display: flex;
  bottom: 69px;
  font-size: 11px;
  left: 14px;
}
.mix-admin-href i {
  font-size: 20px;
  margin-right: 10px;
}
body.is-dark .mix-admin-href {
  background: #000;
  color: #fff;
}

.sandy-switch {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 0;
  transition: opacity 0.25s;
}

.sandy-switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.sandy-switch-in {
  display: inline-block;
}

.sandy-switch-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 30px;
  height: 18px;
  background: #d3d3d6;
  border-radius: 16px;
  transition: transform 0.2s ease;
  padding: 2px;
}

.sandy-switch-box:before {
  content: "";
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s ease;
  display: block;
}

.sandy-switch-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 0;
}

.sandy-switch-icon .icon {
  font-size: 24px;
  fill: #808191;
}

.sandy-switch-icon .icon-theme-dark {
  display: none;
}

.sandy-switch-input:checked + .sandy-switch-flex .sandy-switch-box:before {
  transform: translate(24px, -50%);
}

.sandy-switch .sandy-switch-in {
  position: relative;
  transition: padding 0.2s;
}

.sandy-switch .sandy-switch-input:checked + .sandy-switch-in .sandy-switch-box:before {
  border-radius: 400px;
  transform: translateX(12px);
  background: #fff;
}

.sandy-switch .sandy-switch-input:checked + .sandy-switch-in .sandy-switch-box {
  background: #3F8CFF;
}

.sandy-switch .sandy-switch-input:checked + .sandy-switch-in .icon-theme-dark {
  display: inline-block;
}

.sandy-switch .sandy-switch-input:checked + .sandy-switch-in .icon-theme-light {
  display: none;
}

.is-empty.full img {
  width: 50%;
}
@media (max-width: 768px) {
  .is-empty.full img {
    width: 100%;
  }
}

.sandy-date-pickr-wrapper .datepicker {
  border: 0 !important;
  border-radius: 1rem;
  padding: 16px;
}

.auth-row {
  display: flex;
  overflow: hidden;
  min-height: 100vh;
}
.auth-row .auth-col {
  padding: 80px;
}
.auth-row .auth-col:first-child {
  position: relative;
  width: 36%;
  flex: 0 0 36%;
  background: #5DC2D3;
  color: #fff;
  background-color: #23262F;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: cover;
}
.auth-row .auth-col:nth-child(2) {
  flex: 0 0 56%;
  width: 56%;
  align-self: center;
}
@media (max-width: 1259px) {
  .auth-row .auth-col {
    padding: 80px 48px;
  }
  .auth-row .auth-col:first-child {
    position: relative;
    flex: 0 0 40%;
    width: 40%;
  }
  .auth-row .auth-col:nth-child(2) {
    flex: 0 0 60%;
    width: 60%;
  }
}
@media (max-width: 1023px) {
  .auth-row {
    align-items: center;
    padding: 24px;
    justify-content: center;
    align-items: center;
  }
  .auth-row .landing-form {
    min-height: 100vh;
  }
  .auth-row .auth-col {
    padding: 0;
  }
  .auth-row .auth-col:first-child {
    display: none;
  }
  .auth-row .auth-col:nth-child(2) {
    flex: 0 0 500px;
    width: 500px;
  }
}
@media (max-width: 768px) {
  .auth-row {
    display: block;
  }
  .auth-row .auth-col:nth-child(2) {
    width: 100%;
  }
}

.auth-link {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #355DFF;
  transition: color 0.2s;
}
.auth-link svg {
  width: 1.14em;
  height: 1em;
  fill: #11142D;
  margin-right: 12px;
  transition: fill 0.2s;
}

.auth-logo img {
  width: 20%;
}

.auth-preview {
  position: absolute;
  bottom: 0px;
  right: -113px;
  width: 245px;
  pointer-events: none;
}

.auth-text {
  font-size: 13px;
  font-weight: 700;
}

.notification-bar {
  padding: 10px 15px;
  position: fixed;
  bottom: 4.4vh;
  background-color: #f9f9f9;
  z-index: 100;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  border-radius: 13px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
  max-width: 700px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999999;
}
body.is-dark .notification-bar {
  background: #222;
  color: #fff;
}
.notification-bar.hide {
  display: none;
}
.notification-bar.show {
  display: block;
}
.notification-bar .notification-text {
  font-size: 0.94rem;
  display: flex;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .notification-bar {
    bottom: 1.4vh;
    width: calc(100% - 24px);
  }
}
.notification-bar .noti-close-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 100%;
  display: flex;
  align-items: center;
}
.notification-bar .noti-close-btn i {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  position: relative;
  cursor: pointer;
  z-index: 1;
  border-radius: 50%;
  transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  display: block;
}

.intro-dark {
  background: #121212;
  padding: 7em 10em;
}
.intro-dark .intro-list-cards {
  background: #fff;
  border-radius: 19px;
  display: flex;
  padding: 25px;
  align-items: center;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.intro-dark .intro-list-cards:hover {
  transform: scale(1.05);
}
.intro-dark .intro-list-cards .h-avatar {
  height: 45px;
  width: 45px;
  margin-right: 18px;
  background: #fff;
  color: #000;
}
.intro-dark .intro-list-cards .h-avatar .icon {
  font-size: 20px;
  -webkit-text-stroke: 0.3px;
}
.intro-dark .intro-list-cards .content .content-title {
  font-size: 12px;
  color: #1E2432;
}
.intro-dark .intro-list-cards .content .content-desc {
  font-size: 12px;
  color: #7D8598;
}

#instantclick-bar {
  background: #5DC2D3;
}

.a-center .bio-name-text {
  justify-content: center;
}

.verified {
  height: 27px;
  width: 18px;
}
.verified .cls-1 {
  fill: #2b95e9;
  fill-rule: evenodd;
}
.verified .cls-2 {
  fill: #fff;
}

.datepickers-container {
  z-index: 999999999;
}

.dropdown {
  position: relative;
}

.dropdown__head {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 20px;
}

.dropdown__head .icon {
  font-size: 12px;
  fill: #11142D;
  transition: fill 0.2s;
}

.dropdown__head:hover .icon {
  fill: #355DFF;
}

.dropdown__body {
  position: absolute;
  top: calc(100% + 13px);
  left: -16px;
  z-index: 2;
  min-width: 272px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07);
  border-radius: 14px;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  z-index: -99;
}

.dropdown__body:not(.has-simplebar) {
  max-height: 30rem;
  overflow-y: auto;
  padding: 24px;
}

.dropdown__body [data-simplebar] {
  overflow-y: auto;
  height: 30rem;
  padding: 35px 24px;
}

.dropdown__link {
  position: relative;
  display: block;
  padding-left: 28px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.71429;
  font-weight: 600;
  color: #808191;
  transition: color 0.2s;
}

.dropdown__link:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 8.60001L2.4 5.40001L0 7.80001L5.6 13.4L16 3.00001L13.6 0.600006L5.6 8.60001Z' fill='%23355DFF'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto;
  opacity: 0;
  transition: opacity 0.2s;
}

.dropdown__link:hover {
  color: #11142D;
}

.dropdown__link.selected {
  color: #355DFF;
}

.dropdown__link.selected:before {
  opacity: 1;
}

.dropdown__link:not(:last-child) {
  margin-bottom: 8px;
}

.dropdown.active {
  z-index: 5;
}

.dropdown.active .dropdown__head .icon {
  fill: #355DFF;
}

.dropdown.active .dropdown__body {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}

.trans-index-dropdown .dropdown__body {
  min-width: 200px;
  right: -36px;
  left: initial;
}

.subscription-btn-wrapper {
  position: relative;
}
.subscription-btn-wrapper .subscription-input {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 14px;
  border-radius: 15px;
  background: none;
  border: 2px solid #E6E8EC;
  font-size: 14px;
  line-height: 1.71429;
  color: #23262F;
  transition: border-color 0.2s;
}
body.is-dark .subscription-btn-wrapper .subscription-input {
  color: #fff;
}
.subscription-btn-wrapper .subscription-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #5DC2D3;
  transition: background 0.2s;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-btn-wrapper .subscription-btn i {
  color: #fff;
}

.login-modal-wrapper {
  padding: 72px 96px;
}
@media (max-width: 640px) {
  .login-modal-wrapper {
    padding: 40px 30px;
  }
}

.social-link.is-index {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  background: #fff;
}
.social-link.is-index i {
  color: #000;
}
.social-link.is-index:first-child {
  margin-left: 0;
}

.discovery-wrapper-bg {
  background: #F4F5F6;
}

.discovery-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.discovery-wrapper .discovery-items {
  flex: 0 0 calc(20% - 48px);
  width: calc(20% - 48px);
  margin: 48px 24px 0;
  display: block;
  overflow: hidden;
  padding: 8px 8px 24px;
  border-radius: 16px;
  background: #FCFCFD;
  text-align: center;
  color: #23262F;
  transition: box-shadow 0.2s;
  position: relative;
}
.discovery-wrapper .discovery-items:nth-child(-n+5) {
  margin-top: 0;
}
.discovery-wrapper .discovery-items * {
  z-index: 10;
  position: relative;
}
.discovery-wrapper .discovery-items::before {
  content: "";
  background: var(--background-color, none);
  position: absolute;
  opacity: 0.2;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.discovery-wrapper .discovery-items:hover {
  box-shadow: 0px 64px 64px -48px rgba(31, 47, 70, 0.12);
}
.discovery-wrapper .discovery-items:hover .discovery-items-avatar {
  width: 90px;
  height: 90px;
}
.discovery-wrapper .discovery-items .discovery-items-title {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.discovery-wrapper .discovery-items .discovery-items-username {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}
.discovery-wrapper .discovery-items .discovery-items-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.discovery-wrapper .discovery-items .discovery-items-head .discovery-items-head-number {
  min-width: 39px;
  padding: 8px 12px 6px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #FCFCFD;
  background: #000;
}
.discovery-wrapper .discovery-items .discovery-items-avatar {
  position: relative;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  transition: width 0.2s, height 0.2s;
}
.discovery-wrapper .discovery-items .discovery-items-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1339px) {
  .discovery-wrapper .discovery-items {
    flex: 0 0 calc(20% - 32px);
    width: calc(20% - 32px);
    margin: 32px 16px 0;
  }
}
@media (max-width: 1179px) {
  .discovery-wrapper .discovery-items {
    flex: 0 0 calc(25% - 32px);
    width: calc(25% - 32px);
  }
}
@media (max-width: 1023px) {
  .discovery-wrapper .discovery-items {
    flex: 0 0 calc(33.333% - 32px);
    width: calc(33.333% - 32px);
  }
}
@media (max-width: 768px) {
  .discovery-wrapper .discovery-items {
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
  }
}

.discovery-preview {
  position: relative;
}
.discovery-preview::before {
  content: "";
  display: block;
  padding-bottom: 39.63%;
}
.discovery-preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
.discovery-preview .discovery-preview-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 145px 80px;
}
.discovery-preview .discovery-preview-hero {
  max-width: 450px;
  margin-bottom: 16px;
  font-size: 96px;
}
@media (max-width: 1339px) {
  .discovery-preview .discovery-preview-hero {
    font-size: 80px;
  }
}
@media (max-width: 1179px) {
  .discovery-preview .discovery-preview-hero {
    font-size: 64px;
  }
}

.docs-search-header.is-discover .search-image-container {
  border-radius: 25px;
  padding: 145px 80px;
  justify-content: flex-start;
  max-height: 400px;
}
@media (max-width: 768px) {
  .docs-search-header.is-discover .search-image-container {
    padding: 45px 30px;
  }
}
.docs-search-header.is-discover .search-image-container .search-image-text {
  text-align: left;
  max-width: 450px;
}
.docs-search-header.is-discover .search-image-container .search-image-text .search-heading-text {
  line-height: initial;
}
@media (min-width: 768px) {
  .docs-search-header.is-discover .search-image-container .search-image-text .search-heading-text {
    font-size: 47px;
  }
}

.card_widget {
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.card_widget::before, .card_widget::after {
  content: "";
  position: absolute;
  border-radius: 24px;
}
.card_widget::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  z-index: -1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.5);
}
.card_widget::after {
  top: 32px;
  right: 32px;
  left: 32px;
  bottom: -32px;
  z-index: -2;
  background: #E4E4E4;
  filter: blur(86.985px);
}
.card_widget.card-inherit::before {
  background: inherit;
  opacity: 0.4;
}

.card {
  position: relative;
}

.installation-center-wrapper {
  background: #f9f9f9;
}
.installation-center-wrapper .installation-content {
  width: 700px;
  margin: auto;
  min-height: 100vh;
  max-width: 100%;
  display: flex;
}

.is-install-card {
  background: radial-gradient(circle farthest-corner at 10% 20%, rgba(255, 255, 255, 0.67) 0.1%, #bbc5c7 90.1%);
}
.is-install-card::before {
  background: inherit;
  opacity: 0.5;
}
.is-install-card .card-container {
  padding: 32px;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}
.is-install-card .side-cta {
  right: -189px;
  bottom: -104px;
  z-index: 0;
}

.context.is-element {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  max-width: 700px;
  margin: 0 auto;
}

.pricing-short-item {
  position: relative;
  padding: 2.5rem 2rem;
  text-align: center;
  height: auto;
  border-radius: 15px;
}
.pricing-short-item.is-best {
  background: #5DC2D3;
}
.pricing-short-item.is-best * {
  color: #fff !important;
}
.pricing-short-item.is-best .button {
  border-color: #fff;
}
.pricing-short-item .number {
  margin-bottom: 1.8rem;
}
.pricing-short-item .number .n-price {
  font-size: 50px;
  font-weight: 600;
  color: #0b2238;
  position: relative;
}
.pricing-short-item .number .coins {
  position: absolute;
  color: #6c7a87;
  font-size: 20px;
  font-weight: 600;
}
.pricing-short-item .number .per {
  color: #6c7a87;
  font-size: 14px;
  font-weight: 400;
}
.pricing-short-item .item-name {
  font-size: 25px;
  font-weight: 600;
  color: #0b2238;
  margin-bottom: 1.8rem;
}

.sandy-upload-v2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  border: 1.4px solid #d6d6d6;
  padding: 8px 10px 8px 15px;
  background: white;
  position: relative;
}
.sandy-upload-v2.active {
  padding-left: 10px;
}
.sandy-upload-v2.active .info {
  display: none;
}
.sandy-upload-v2.active .image-con {
  display: flex;
}
.sandy-upload-v2 .info {
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: -0.41px;
  color: #111111;
}
.sandy-upload-v2 .image-con {
  display: none;
  align-items: center;
  width: 80%;
}
@media (max-width: 640px) {
  .sandy-upload-v2 .image-con {
    width: 70%;
  }
}
@media (max-width: 500px) {
  .sandy-upload-v2 .image-con .file-name {
    width: 100px !important;
  }
}
.sandy-upload-v2 .image-con .file-name {
  margin-left: 10px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sandy-upload-v2 .image {
  height: 41px;
  width: 3em;
  background-size: cover;
  border-radius: 10px;
}
.sandy-upload-v2 .add-button {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 10px 17px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.4px;
  color: #000;
}
.sandy-upload-v2 input[type=file] {
  position: absolute;
  cursor: pointer;
  z-index: 59;
  height: 100%;
  width: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}

.text-sticker .is-link {
  max-width: 100%;
  overflow: hidden;
}
.text-sticker .is-link span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.integration-logo {
  height: 770px;
}
.integration-logo .block-circle {
  position: relative;
}
.integration-logo .block-circle::before {
  content: "";
  width: 100%;
  height: 685px;
  position: absolute;
  left: 0;
  bottom: -320px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.integration-logo .block-circle .item-logo:first-of-type {
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -60px;
  left: 160px;
  -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
}
.integration-logo .block-circle .item-logo:first-of-type img {
  width: 102px;
  height: 102px;
}
.integration-logo .block-circle .item-logo:nth-of-type(2) {
  width: 100px;
  height: 100px;
  background-color: #0b2238;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -290px;
  left: 260px;
}
.integration-logo .block-circle .item-logo:nth-of-type(2) img {
  width: 50px;
  height: 50px;
}
.integration-logo .block-circle .item-logo:nth-of-type(3) {
  width: 60px;
  height: 60px;
  background-color: #ffce53;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 30px;
  left: 420px;
}
.integration-logo .block-circle .item-logo:nth-of-type(3) img {
  width: 30px;
  height: 30px;
}
.integration-logo .block-circle .item-logo:nth-of-type(4) {
  width: 100px;
  height: 100px;
  background-color: #2a6cfa;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -70px;
  right: 280px;
}
.integration-logo .block-circle .item-logo:nth-of-type(4) img {
  width: 50px;
  height: 50px;
}
.integration-logo .block-circle .item-logo:nth-of-type(5) {
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -360px;
  left: 45%;
  -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
}
.integration-logo .block-circle .item-logo:nth-of-type(5) img {
  width: 92px;
  height: 92px;
}
.integration-logo .block-circle .item-logo:nth-of-type(6) {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -200px;
  left: 61%;
  -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
}
.integration-logo .block-circle .item-logo:nth-of-type(6) img {
  width: 84px;
  height: 84px;
}
.integration-logo .block-circle .item-logo:nth-of-type(7) {
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -170px;
  right: 8%;
  -o-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  -ms-box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
  box-shadow: 0px 5px 60px 0px rgba(11, 34, 56, 0.05) !important;
}
.integration-logo .block-circle .item-logo:nth-of-type(7) img {
  width: 100px;
  height: 100px;
}

@media (max-width: 767px) {
  .integration-logo {
    height: 830px;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle {
    margin-top: 5rem;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle::before {
    height: 470px;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:first-of-type {
    left: 0;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:nth-of-type(2) {
    bottom: -250px;
    left: 140px;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle .item-logo:nth-of-type(2) {
    bottom: -200px;
    left: 0;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:nth-of-type(3) {
    left: 280px;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle .item-logo:nth-of-type(3) {
    left: 140px;
    top: 60px;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:nth-of-type(4) {
    right: 80px;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle .item-logo:nth-of-type(4) {
    right: 0;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:nth-of-type(5) {
    bottom: -340px;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle .item-logo:nth-of-type(5) {
    left: 15%;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:nth-of-type(6) {
    bottom: -177px;
    left: 58%;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle .item-logo:nth-of-type(6) {
    bottom: -317px;
    left: 60%;
  }
}
@media (max-width: 991px) {
  .integration-logo .block-circle .item-logo:nth-of-type(7) {
    right: 0;
  }
}
@media (max-width: 767px) {
  .integration-logo .block-circle .item-logo:nth-of-type(7) {
    bottom: -190px;
  }
}
.block-style-six {
  position: relative;
}
.block-style-six:nth-child(even):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 13px;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.block-style-six .shapes {
  position: absolute;
  z-index: -1;
}
.block-style-six .text-details .title {
  font-size: 42px;
  line-height: 1.26em;
  padding: 24px 0 34px;
}
.block-style-six .text-details .text-meta {
  font-size: 22px;
  line-height: 1.54em;
  padding-bottom: 65px;
}
.block-style-six .text-details .quote-wrapper {
  background: #f4f9fc;
  border-radius: 5px;
  padding: 35px 50px 25px 35px;
  position: relative;
}
.block-style-six .text-details .quote-wrapper .quote-icon {
  width: 57px;
  height: 57px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 27px;
  top: -29px;
}
.block-style-six .text-details .quote-wrapper blockquote {
  font-size: 18px;
  line-height: 1.55em;
  color: #0d0d0d;
}
.block-style-six .text-details .name {
  font-size: 16px;
  color: #a8a8a8;
  margin-top: 24px;
  line-height: 1.44em;
}
.block-style-six .text-details .name strong {
  font-weight: 500;
  color: #191717;
}
.block-style-six .illustration-one .shape-one {
  width: 6px;
  height: 6px;
  background: #f2dad5;
  top: -7%;
  right: 41%;
  -webkit-animation: jumpThree 5s infinite linear;
          animation: jumpThree 5s infinite linear;
}
.block-style-six .illustration-one .shape-two {
  width: 14px;
  height: 14px;
  background: #f77a56;
  top: 14%;
  right: -10%;
  -webkit-animation: jumpTwo 5s infinite linear;
          animation: jumpTwo 5s infinite linear;
}
.block-style-six .illustration-one .shape-three {
  width: 7px;
  height: 7px;
  background: #f2dad5;
  bottom: 29%;
  right: -5%;
  -webkit-animation: jumpThree 5s infinite linear;
          animation: jumpThree 5s infinite linear;
}
.block-style-six .illustration-one .shape-four {
  width: 10px;
  height: 10px;
  background: #f77a56;
  bottom: -2%;
  right: 51%;
  -webkit-animation: jumpTwo 5s infinite linear;
          animation: jumpTwo 5s infinite linear;
}
.block-style-six .illustration-one .shape-five {
  width: 7px;
  height: 7px;
  background: #f2dad5;
  top: 45%;
  left: 5%;
  -webkit-animation: jumpThree 5s infinite linear;
          animation: jumpThree 5s infinite linear;
}
.block-style-six .illustration-one .shape-six {
  top: 17%;
  left: 6%;
  -webkit-animation: jumpTwo 8s infinite linear;
          animation: jumpTwo 8s infinite linear;
}
.block-style-six .illustration-one .shape-seven {
  top: 42%;
  right: -3%;
  -webkit-animation: rotatedTwo 35s infinite linear;
          animation: rotatedTwo 35s infinite linear;
}
.block-style-six .illustration-two .shape-one {
  width: 6px;
  height: 6px;
  background: #f2dad5;
  top: -5%;
  left: 22%;
  -webkit-animation: jumpThree 5s infinite linear;
          animation: jumpThree 5s infinite linear;
}
.block-style-six .illustration-two .shape-two {
  width: 8px;
  height: 8px;
  background: #f2dad5;
  top: 63%;
  right: 12%;
  -webkit-animation: jumpTwo 5s infinite linear;
          animation: jumpTwo 5s infinite linear;
}
.block-style-six .illustration-two .shape-three {
  width: 6px;
  height: 6px;
  background: #f77a56;
  bottom: -11%;
  right: 44%;
  -webkit-animation: jumpThree 5s infinite linear;
          animation: jumpThree 5s infinite linear;
}
.block-style-six .illustration-two .shape-four {
  width: 10px;
  height: 10px;
  background: #f77a56;
  bottom: 39%;
  left: -10%;
  -webkit-animation: jumpTwo 5s infinite linear;
          animation: jumpTwo 5s infinite linear;
}
.block-style-six .illustration-two .shape-five {
  top: 9%;
  left: -3%;
  -webkit-animation: rotatedTwo 35s infinite linear;
          animation: rotatedTwo 35s infinite linear;
}
.block-style-six .illustration-two .shape-six {
  bottom: 3%;
  right: 20%;
  -webkit-animation: jumpTwo 8s infinite linear;
          animation: jumpTwo 8s infinite linear;
}

.sandy-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .sandy-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .sandy-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .sandy-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .sandy-container {
    max-width: 1140px;
  }
}

.moc-app {
  position: relative;
  padding: 30px;
}
.moc-app::before {
  content: "";
  position: absolute;
  height: 280px;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 40px;
  left: 0;
  bottom: -20px;
  z-index: -1;
}
.moc-app img {
  box-shadow: -30px 60px 40px -18px rgba(11, 34, 56, 0.07);
  border-radius: 46px;
  width: 100%;
}
@media (max-width: 768px) {
  .moc-app img {
    border-radius: 33px;
  }
}

.index-mock-switch .switch-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-mock-switch .switch-links .switch-links-inner {
  padding: 35px;
  border-radius: 13px;
  transition: 0.4s !important;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  opacity: 0.15;
  width: 66%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .index-mock-switch .switch-links .switch-links-inner {
    width: 100%;
  }
}
.index-mock-switch .switch-links .switch-links-inner .switch-links-content span {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #0b2238;
}
.index-mock-switch .switch-links .switch-links-inner .switch-links-content h3 {
  color: #0b2238;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0;
}
.index-mock-switch .switch-links .switch-links-inner.active {
  opacity: 1;
}

.has-cta-bg-shade {
  position: relative;
}
.has-cta-bg-shade .cta-background-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.has-cta-bg-shade .cta-background-shade img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sio.sligh-thick {
  -webkit-text-stroke: 0.2px;
}

.editor__wrap {
  background: #fafafa;
  border-radius: 12px;
}

.editor__head {
  display: flex;
  padding: 24px;
  border-bottom: 1px solid #E4E4E4;
}

.editor__control {
  display: flex;
  flex-wrap: wrap;
  margin: -16px auto 0 -16px;
}

.editor__action {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin: 16px 0 0 16px;
  border-radius: 4px;
  background: #E4E4E4;
  transition: all 0.25s;
  cursor: pointer;
}

.editor__action .icon {
  font-size: 12px;
  fill: #808191;
  transition: fill 0.25s;
}

.editor__action:hover, .editor__action.active {
  background: #fff;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
}

.editor__action:hover .icon, .editor__action.active .icon {
  fill: #ffffff;
}

.editor__add {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-left: 30px;
  border-radius: 50%;
  background: #1B1D21;
  transition: all 0.25s;
}

.editor__add:before, .editor__add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
}

.editor__add:before {
  width: 8px;
  height: 2px;
}

.editor__add:after {
  width: 2px;
  height: 8px;
}

.editor__add:hover {
  background: rgba(27, 29, 33, 0.8);
}

.editor__body {
  padding: 32px 24px;
}

.editor__textarea {
  width: 100%;
  height: 110px;
  border: none;
  background: none;
  resize: none;
  font-size: 14px;
}

.editor__gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 360px;
  margin: -16px 0 0 -8px;
}

.editor__preview {
  position: relative;
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 16px 8px 0;
  font-size: 0;
  cursor: pointer;
}

.editor__pic {
  border-radius: 8px;
}

.editor__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s;
}

.editor__close .icon {
  font-size: 6px;
  fill: #1B1D21;
  transition: transform 0.25s;
}

.editor__close:hover .icon {
  transform: rotate(90deg);
}

.editor__preview:hover .editor__close {
  visibility: visible;
  opacity: 1;
}

.editor__btn {
  min-width: 232px;
  margin-top: 24px;
}

.editor__btn.btn_wide {
  min-width: 100%;
}

.editor .files {
  width: 100%;
  margin-top: 24px;
}

.message-list:not(:last-child) {
  margin-bottom: 32px;
}

.message-item {
  display: flex;
}

.message-item:not(:last-child) {
  margin-bottom: 24px;
}

.message-ava {
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 0;
}

.message-ava .message-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}

.message-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 40px;
  border-radius: 12px;
  background: #1B1D21;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s;
}

.message-action {
  width: 16px;
  height: 16px;
  font-size: 0;
  transition: opacity 0.25s;
}

.message-action .icon {
  font-size: 16px;
  fill: #ffffff;
}

.message-action .icon-menu {
  font-size: 4px;
}

.message-action:hover {
  opacity: 0.75;
}

.message-action:not(:last-child) {
  margin-right: 24px;
}

.message-head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
}

.message-time {
  margin-left: 16px;
  color: #808191;
}

.message-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -8px;
}

.message-text {
  position: relative;
  min-width: 180px;
  margin-top: 8px;
  padding: 10px 13px;
  border-radius: 13px;
  background: #fff;
  line-height: 1.71429;
  color: #000;
  cursor: pointer;
  transition: all 0.25s;
  font-size: 13px;
}

.message-item .msg-info-ava .\--name {
  display: flex;
}
.message-item .msg-info-ava .\--wrap {
  margin-left: 0.5rem;
}
.message-item.is-left .message-text {
  border-top-left-radius: 0px;
}
.message-item.is-left .msg-info-ava .\--wrap {
  margin-right: auto;
}
.message-item.is-right .message-details .h-avatar {
  display: none;
}
.message-item.is-right .message-ava {
  display: none;
}
.message-item.is-right .msg-info-ava .\--name {
  display: none;
}
.message-item.is-right .msg-info-ava .\--wrap {
  margin-left: auto;
}
.message-item.is-right .message-text {
  border-bottom-right-radius: 0px;
}

.message-text:hover {
  background: #3F8CFF;
  color: #ffffff;
}

.message-text:not(:first-child) {
  border-top-left-radius: 4px;
}

.message-text:not(:last-child) {
  border-bottom-left-radius: 4px;
}

.message-text:hover .message-actions {
  visibility: visible;
  opacity: 1;
}

.msg-info-ava {
  display: none;
}

.support-chat {
  max-height: 100%;
  padding: 32px 64px;
}
@media (max-width: 768px) {
  .support-chat {
    padding: 0;
  }
}
.support-chat .divider-container .divider {
  margin: 1.5em auto 1.5em auto;
  text-align: center;
}
.support-chat .divider-container .divider span {
  color: #cecece;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.support-chat .messages .message-item.is-right + .message-item.is-right .message-head, .support-chat .messages .message-item.is-left + .message-item.is-left .message-head {
  display: none;
}
.support-chat .messages .message-item.is-right ~ .message-item.is-right .msg-info-ava, .support-chat .messages .message-item.is-left ~ .message-item.is-left .msg-info-ava {
  display: flex;
}
.support-chat .messages .message-item.is-right {
  flex-direction: row-reverse;
}
.support-chat .messages .message-item.is-right .image-container {
  margin-left: auto;
}
.support-chat .messages .message-item.is-right .message-head {
  justify-content: flex-end;
  margin-right: 23px;
}
.support-chat .messages .message-item.is-right .message-ava {
  margin-right: 0;
  margin-left: 20px;
}
.support-chat .messages .message-item.is-right .message-text {
  background: #058fff;
  color: #fff;
  margin-left: auto;
}
.support-chat .image-container {
  height: 280px;
  border-radius: 20px;
  min-width: 230px;
  max-width: 40%;
  position: relative;
}
.support-chat .image-container:hover .image-overlay {
  opacity: 0.4;
}
.support-chat .image-container:hover .image-actions {
  opacity: 1;
  pointer-events: all;
}
.support-chat .image-container img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.support-chat .image-container .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #909090;
  border-radius: inherit;
  transition: all 0.3s;
  z-index: 2;
}
.support-chat .image-container .image-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 5;
}
.support-chat .image-container .image-actions .actions-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 19px;
}
.support-chat .image-container .image-actions .actions-inner .action {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  background: #fff;
  margin: 0 6px;
  cursor: pointer;
  transition: all 0.3s;
  margin-left: 0;
}
.support-chat .files {
  width: 100%;
}
.support-chat .files-list {
  display: flex;
  margin: -8px -4px 0;
}
.support-chat .files-item {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  color: #11142D;
  transition: opacity 0.25s;
  position: relative;
  width: 400px;
}
@media (max-width: 600px) {
  .support-chat .files-item {
    width: 100%;
  }
}
.support-chat .files-item .hoverable-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  border-radius: 16px;
  transition: all 0.3s;
  z-index: 2;
}
.support-chat .files-item .hoverable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  z-index: 5;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.support-chat .files-item.purple {
  background: rgba(207, 200, 255, 0.5);
}
.support-chat .files-item.purple .files-preview {
  background: #CFC8FF;
}
.support-chat .files-item.blue {
  background: #E7FAFF;
}
.support-chat .files-item.blue .files-preview {
  background: #A0D7E7;
}
.support-chat .files-item:hover {
  opacity: 0.8;
}
.support-chat .files > .files-item:not(:last-child) {
  margin-bottom: 10px;
}
.support-chat .files-list .files-item {
  flex: 0 0 calc(50% - 8px);
  width: calc(50% - 8px);
  margin: 4px 4px 0;
}
@media (max-width: 768px) {
  .support-chat .files-list .files-item {
    width: 100%;
    flex: 0 0 100%;
  }
}
.support-chat .files-preview {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
  font-size: 0;
  z-index: 10;
  position: relative;
}
.support-chat .files-preview:hover + .files-details .hoverable-overlay {
  opacity: 0.7;
  z-index: 15;
}
.support-chat .files-preview:hover + .files-details .hoverable {
  opacity: 1;
  pointer-events: all;
  z-index: 15;
}
.support-chat .files-pic {
  max-width: 100%;
  max-height: 100%;
}
.support-chat .files-details {
  flex: 0 0 calc(100% - 48px);
  width: calc(100% - 48px);
  padding-left: 16px;
}
.support-chat .files-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5F75EE;
}

.inbox {
  padding: 32px 64px;
}
@media (max-width: 768px) {
  .inbox {
    padding: 0;
  }
}
.inbox .inbox-tags {
  display: flex;
  flex-wrap: wrap;
  margin: -18px 0 28px -18px;
}
.inbox .inbox-tag {
  margin: 18px 0 0 18px;
  border: 2px solid #FF754C;
  border-radius: 12px;
  padding: 6px 16px;
  line-height: 1.42857;
  font-weight: 600;
  color: #11142D;
  transition: all 0.25s;
}
.inbox .inbox-tag:hover, .inbox .inbox-tag.active {
  background: #6C5DD3;
  border-color: #6C5DD3;
  color: #ffffff;
}
.inbox .inbox-container {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  background: #ffffff;
}
.inbox .inbox-container:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 18px;
  right: 18px;
  bottom: -32px;
  z-index: -1;
  background: #E3E6EC;
  opacity: 0.91;
  filter: blur(86.985px);
  border-radius: 24px;
}
.inbox .inbox-container > .inbox-title {
  margin-bottom: 16px;
}
.inbox .inbox-list {
  margin: 0 -16px;
}
.inbox .inbox-item {
  display: flex;
  padding: 32px 16px;
  border-radius: 13px;
  background: whitesmoke;
  color: #808191;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 1px solid #F0F3F6;
}
.inbox .inbox-item:not(:last-child) {
  margin-bottom: 15px;
}
.inbox .inbox-counter {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 550px;
  font-size: 12px;
  font-weight: 600;
}
.inbox .inbox-ava {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  font-size: 0;
}
.inbox .inbox-ava .inbox-pic {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.inbox .inbox-details {
  flex: 0 0 calc(100% - 48px);
  width: calc(100% - 48px);
  padding-left: 24px;
}
.inbox .inbox-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
.inbox .inbox-author {
  color: #5F75EE;
  transition: color 0.25s;
}
.inbox .inbox-time {
  margin-left: 10px;
}
.inbox .inbox-item .inbox-title {
  margin-bottom: 18px;
  color: #11142D;
  transition: color 0.25s;
}
.inbox .inbox-text {
  margin-bottom: 16px;
}
.inbox .inbox-text p:not(:last-child) {
  margin-bottom: 20px;
}
.inbox .inbox-item:hover {
  background: rgba(228, 228, 228, 0.3);
}
.inbox .inbox-item.active {
  background: #6C5DD3;
  color: #ffffff;
}
.inbox .inbox-item.active .actions__btn {
  border-color: #ffffff;
}
.inbox .inbox-item.active .actions__btn .icon {
  fill: #ffffff;
}
.inbox .inbox-item.active .inbox-title,
.inbox .inbox-item.active .inbox-author {
  color: #ffffff;
}
.inbox .inbox-foot {
  padding-top: 12px;
  text-align: center;
}
.inbox .inbox-foot .inbox-btn {
  min-width: 180px;
}
.inbox .inbox-control {
  display: flex;
  margin-bottom: 60px;
}
.inbox .inbox-btns {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.inbox .inbox-btns .inbox-btn {
  min-width: 140px;
}
.inbox .inbox-btns .inbox-btn:not(:last-child) {
  margin-right: 16px;
}
.inbox .inbox-more {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 0;
  transition: box-shadow 0.25s;
}
.inbox .inbox-more .icon {
  font-size: 6px;
  fill: #11142D;
}
.inbox .inbox-more:hover {
  box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
}
.inbox .inbox-box {
  display: flex;
}
.inbox .inbox-box:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E4E4E4;
}
.inbox .inbox-box .inbox-author {
  color: #11142D;
}
.inbox .inbox-box .inbox-time {
  margin-left: 24px;
  color: #B2B3BD;
}
.inbox .inbox-box .inbox-title {
  margin-bottom: 32px;
}
.inbox .inbox-box .inbox-text {
  color: #808191;
}

.emoji-picker {
  padding: 20px;
  border: 0 !important;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  border-radius: 28px !important;
}
.emoji-picker .emoji-picker__search-container {
  height: 3rem !important;
}
.emoji-picker .emoji-picker__search {
  padding: 0.5em 2.25em 0.5em 1.5em !important;
  border-radius: 20px !important;
  background: #fafafa !important;
}
.emoji-picker .emoji-picker__content {
  margin-top: 52px;
}
.emoji-picker .emoji-picker__preview {
  margin-top: 20px;
  border: 0 !important;
}

.htmx-request .custom-indicator {
  display: inline;
}

.htmx-request.custom-indicator {
  display: inline;
}

.wallet-page .wallet-balance {
  padding: 24px;
  border-radius: 16px;
}
.wallet-page .wallet-balance .balance {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
}
.wallet-page .wallet-balance .balance .total {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.wallet-page .wallet-balance .balance .title {
  color: #000;
  font-size: 12px;
}
.wallet-page .wallet-small-cards {
  background: #E3EDFF;
  mix-blend-mode: normal;
  opacity: 0.64;
  padding: 20px;
  min-height: 220px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.wallet-page .wallet-small-cards .title {
  font-size: 16px;
  line-height: 20px;
}
.wallet-page .wallet-small-cards .subtitle {
  font-size: 15px;
  font-size: 12px;
  mix-blend-mode: normal;
  opacity: 0.8;
}
.wallet-page .em-actions {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.wallet-page .em-actions .em-actions-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.wallet-page .em-actions .em-actions-inner i {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #000;
}
.wallet-page .em-actions .em-actions-inner span {
  font-size: 12px;
  color: #0d1129;
  margin-top: 12px;
}

.hide {
  display: none;
}

.short-product-card {
  position: relative;
  cursor: pointer;
  display: flex;
  border-radius: 10px;
  width: 100%;
}
.short-product-card.is-upload {
  border: 1.5px dashed #a0a0a0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.short-product-card.is-upload .plus-icon {
  font-size: 30px;
  color: #a0a0a0;
}
.short-product-card .thumbnail {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.short-product-card .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  border-radius: inherit !important;
}
.short-product-card .image-title {
  z-index: 2;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.45) 100%, rgba(0, 0, 0, 0.65) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 25px 15px 12px;
  color: #ffffff;
  width: calc(100%) !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0px 3px 20px rgba(0, 0, 0, 0.8);
  font-weight: 500;
  font-size: 14px;
  border-radius: inherit;
}
.short-product-card .price {
  position: absolute;
  right: 10px;
  top: 10px;
}

@keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1440deg);
  }
}
.sandy-ball-loader {
  display: inline-block;
  z-index: 1;
  height: 30px;
  position: relative;
  width: 30px;
}
.sandy-ball-loader .ball {
  position: absolute;
  display: block;
  left: 15px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 6px;
  transition: all 0.5s;
  -webkit-animation: circleRotate 4s both infinite;
          animation: circleRotate 4s both infinite;
  transform-origin: 0 100% 0;
}
.sandy-ball-loader .ball-1 {
  z-index: -1;
  background-color: #e1e2e4;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
}
.sandy-ball-loader .ball-2 {
  z-index: -2;
  background-color: #b9b9b9;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9);
}
.sandy-ball-loader .ball-3 {
  z-index: -3;
  background-color: #909090;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9);
}
.sandy-ball-loader .ball-4 {
  z-index: -4;
  background-color: #c7ccd2;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9);
}
.sandy-ball-loader .ball-5 {
  z-index: -5;
  background-color: #b9b9b9;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9);
}
.sandy-ball-loader .ball-6 {
  z-index: -6;
  background-color: #cacaca;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9);
}
.sandy-ball-loader .ball-7 {
  z-index: -7;
  background-color: #dbdcde;
  -webkit-animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9);
}
.sandy-ball-loader .ball-8 {
  z-index: -8;
  background-color: #cccccc;
  -webkit-animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9);
          animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9);
}

.bio-shop-card-v1 .product {
  position: relative;
  color: #1A202C;
}
.bio-shop-card-v1 .product:hover .product-cart {
  visibility: visible;
  opacity: 1;
}
.bio-shop-card-v1 .product .product-price {
  position: absolute;
  top: 24px;
  right: -24px;
  z-index: 2;
  padding: 0 14px;
  text-align: center;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1);
  line-height: 36px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #F7FAFC;
  color: #000;
}
.bio-shop-card-v1 .product .product-cart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 145px;
  height: 48px;
  padding: 0 24px;
  visibility: hidden;
  opacity: 0;
  font-size: 16px;
  border-radius: 32px;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bio-shop-card-v1 .product .product-view {
  position: relative;
  margin-bottom: 10px;
}
.bio-shop-card-v1 .product .product-view .product-preview {
  display: block;
  position: relative;
  padding-bottom: 100%;
  border-radius: 25px;
  overflow: hidden;
  background: #F6F7FB;
  font-size: 0;
}
.bio-shop-card-v1 .product .product-view .product-preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sandy-counter {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 176px;
}
.sandy-counter .counter-btn {
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 50px;
  font-size: 0;
  transition: all 0.25s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sandy-counter .counter-btn i {
  font-size: 15px;
  padding: 10px;
  background: #000;
  color: #fff;
  border-radius: 550px;
  height: 10px;
  width: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
}
.sandy-counter .counter-input {
  width: 100%;
  height: 64px;
  padding: 0 50px;
  border-radius: 14px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1A202C;
  background: transparent;
}
.sandy-counter .counter-btn-minus {
  left: 0;
  padding-left: 10px;
}
.sandy-counter .counter-btn-plus {
  right: 0;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .sandy-counter {
    margin: 0 0 24px;
    width: 136px;
  }
  .sandy-counter .counter-btn {
    width: 40px;
  }
  .sandy-counter .counter-input {
    height: 48px;
    padding: 0 40px;
    border-radius: 14px;
    font-size: 20px;
  }
}

.bio-single-shop-product .product-share-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border: 2px solid #F6F7FB;
  border-radius: 50%;
  transition: border-color 0.25s;
}
@media (max-width: 768px) {
  .bio-single-shop-product .product-share-btn {
    width: 40px;
    height: 40px;
  }
}
.bio-single-shop-product .single-banner {
  height: 512px;
  width: 512px;
  max-width: 100%;
  border-radius: 15px;
  margin: auto;
}
@media (max-width: 640px) {
  .bio-single-shop-product .single-banner {
    height: 350px;
  }
}
.bio-single-shop-product .single-banner * {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
.bio-single-shop-product .single-banner.is-overflow {
  display: flex;
  overflow: auto;
  gap: 1rem;
  height: initial;
  width: initial;
}
.bio-single-shop-product .single-banner.is-overflow * {
  width: 90%;
  flex: 0 0 90%;
  height: 300px;
}
.bio-single-shop-product .product-code {
  margin-bottom: 48px;
  line-height: 2;
  font-weight: 500;
  color: rgba(26, 32, 44, 0.4);
}
@media (max-width: 768px) {
  .bio-single-shop-product .product-code {
    margin-bottom: 38px;
  }
}
.bio-single-shop-product .product-code .product-number {
  margin-left: 8px;
  color: #1A202C;
}
.bio-single-shop-product .product-tag {
  margin-right: 32px;
  padding: 0 32px;
  border-radius: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 56px;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 768px) {
  .bio-single-shop-product .product-tag {
    margin-right: 24px;
    padding: 0 24px;
    border-radius: 24px;
    font-size: 16px;
    line-height: 48px;
  }
}
.bio-single-shop-product .product-prices {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.bio-single-shop-product .product-prices .compare {
  margin-right: 16px;
  text-decoration: line-through;
  font-size: 20px;
  color: rgba(26, 32, 44, 0.24);
}
@media (max-width: 768px) {
  .bio-single-shop-product .product-prices .compare {
    font-size: 16px;
    margin-right: 8px;
  }
}
.bio-single-shop-product .product-prices .actual {
  font-size: 32px;
}
@media (max-width: 768px) {
  .bio-single-shop-product .product-prices .actual {
    font-size: 24px;
  }
}
.bio-single-shop-product .product-title {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .bio-single-shop-product .product-title {
    font-size: 32px;
    line-height: 1.5;
  }
}
.bio-single-shop-product.is-course .lessions:not(:last-child) {
  margin-bottom: 15px;
}
.bio-single-shop-product.is-course .lessions .icon {
  width: 40px;
  height: 40px;
  /* box-shadow: 0 5px 10px rgb(0 0 0 / 8%); */
  border-radius: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bio-single-shop-product.is-course .single-banner {
  border-radius: 0;
}
.bio-single-shop-product.is-course .course-body {
  position: relative;
  top: -51px;
  background: #fff;
  border-radius: 20px;
  z-index: 99;
  padding: 32px;
}
body.is-dark .bio-single-shop-product.is-course .course-body {
  background: #000;
}

.lession-or-review {
  padding: 7px;
  background: #f2f2f2;
  margin: 20px 0;
  display: flex;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
}
body.is-dark .lession-or-review {
  background: #222;
}
.lession-or-review a {
  padding: 12px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  cursor: pointer;
}
.lession-or-review a.active {
  color: #fff;
  background: #000;
}

.text-stage {
  margin-bottom: 8px;
  line-height: 1.5;
  font-weight: 600;
  font-style: italic;
  color: #2975FF;
}

.inner-pages-header {
  height: 50px;
  max-height: 50px;
}
.inner-pages-header .inner-pages-header-container {
  height: inherit;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  background: #f5f7fc;
}
body.is-dark .inner-pages-header .inner-pages-header-container {
  background: #222;
}
.inner-pages-header .previous-page {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  height: 100%;
  cursor: pointer;
}
.inner-pages-header .previous-page .inner-pages-title {
  font-size: 12px;
  font-weight: 500;
  position: relative;
  line-height: 1.4;
}
.inner-pages-header .buy-now-button {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: 50%;
  font-size: 12px;
  height: 100%;
  font-weight: 600;
  cursor: pointer;
  padding: 6px 10px 5px 7px;
  color: #fff;
  background: #000;
  border-radius: 0;
}

.bio-courses-card-v1 {
  position: relative;
  padding: 0;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  background: #fff;
  border-radius: 13px;
}
.bio-courses-card-v1.is-upload .courses-preview {
  border: 2px dashed #e9e9e9;
}
.bio-courses-card-v1 svg {
  stroke: #777E90;
  stroke-width: 5px;
}
body.is-dark .bio-courses-card-v1 {
  background: #000;
}
body.is-dark .bio-courses-card-v1 svg {
  stroke: #fff;
}
.bio-courses-card-v1::before {
  border-radius: 32px;
}
.bio-courses-card-v1::after {
  top: 95px;
  right: 32px;
  left: 32px;
  bottom: -24px;
  z-index: -2;
  background: #dadada;
  filter: blur(41.985px);
}
body.is-dark .bio-courses-card-v1::after {
  background: #000;
}
.bio-courses-card-v1 .courses-preview {
  display: block;
  position: relative;
  padding-bottom: 75%;
  border-radius: inherit;
  overflow: hidden;
  background: #F6F7FB;
  font-size: 0;
}
.bio-courses-card-v1 .courses-preview * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.bio-courses-card-v1 .course-star-rating, .bio-courses-card-v1 .course-bag-icon {
  position: absolute;
  z-index: 9;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  font-size: 13px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  font-weight: 700;
}
body.is-dark .bio-courses-card-v1 .course-star-rating, body.is-dark .bio-courses-card-v1 .course-bag-icon {
  background: #000;
}
body.is-dark .bio-courses-card-v1 .course-star-rating svg, body.is-dark .bio-courses-card-v1 .course-bag-icon svg {
  stroke: #fff;
}
.bio-courses-card-v1 .course-star-rating {
  left: 14px;
  top: 10px;
}
.bio-courses-card-v1 .course-bag-icon {
  right: 14px;
  top: 10px;
  font-size: 17px;
}
.bio-courses-card-v1 .course-detials {
  padding: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bio-courses-card-v1 .course-detials .course-name {
  font-size: 15px;
}
.bio-courses-card-v1 .course-detials .entrolled-text {
  font-size: 12px;
}

.bio-courses-hero-search::before {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 11%;
  background: inherit;
  right: -2%;
  left: -2%;
  border-radius: 11%/71%;
}

.comment-form {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1179px) {
  .comment-form {
    margin-bottom: 40px;
  }
}
.comment-title {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.comment-form .comment-title {
  margin-bottom: 8px;
}

.comment-head {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1179px) {
  .comment-head {
    display: block;
  }
}
.comment-text {
  margin-right: auto;
  color: #777E90;
}

.comment-text span {
  font-weight: 500;
  color: #23262F;
}

body.dark .comment-text span {
  color: #FCFCFD;
}

.comment .rating {
  position: relative;
  top: -3px;
  flex-shrink: 0;
}

@media only screen and (max-width: 1179px) {
  .comment .rating {
    margin: 8px 0 0 -4px;
  }
}
.comment-field {
  position: relative;
}

.comment-input {
  width: 100%;
  height: 72px;
  padding: 0 20px;
  border-radius: 15px;
  background: none;
  border: 2px solid #E6E8EC;
  font-size: 16px;
  line-height: 1.5;
  color: #23262F;
  transition: border-color 0.2s;
}

@media only screen and (max-width: 767px) {
  .comment-input {
    height: 64px;
  }
}
body.dark .comment-input {
  border-color: #353945;
  color: #FCFCFD;
}

.comment-input:focus {
  border-color: #777E90;
}

.comment-input::-moz-placeholder {
  color: #777E90;
}

.comment-input:-ms-input-placeholder {
  color: #777E90;
}

.comment-input::placeholder {
  color: #777E90;
}

.comment-form .comment-button {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 2;
  transform: translateY(-50%);
}

.comment-form .comment-button .icon {
  width: 14px;
  height: 14px;
}

@media only screen and (max-width: 767px) {
  .comment-form .comment-button {
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
  }

  .comment-form .comment-button .icon:last-child {
    margin-left: 0 !important;
  }
}
.comment .smile {
  position: absolute;
  top: 50%;
  right: 140px;
  z-index: 2;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .comment .smile {
    right: 64px;
  }
}
.comment-head {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.comment-head .comment-title {
  margin-right: auto;
}

.comment-item {
  display: flex;
  align-items: flex-start;
  padding-bottom: 24px;
  border-bottom: 1px solid #E6E8EC;
}

body.dark .comment-item {
  border-color: #353945;
}

.comment-item:not(:last-child) {
  margin-bottom: 24px;
}

.comment-avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .comment-avatar {
    margin-right: 14px;
  }
}
.comment-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

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

.comment-top {
  display: flex;
  margin-bottom: 4px;
}

.comment-author {
  margin-right: auto;
  font-weight: 500;
}

.comment .rating {
  position: relative;
  top: -2px;
  margin-left: 8px;
  flex-shrink: 0;
}

.comment-content {
  margin-bottom: 8px;
  color: #353945;
}

body.dark .comment-content {
  color: #B1B5C3;
}

.comment-time {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}

.comment-foot {
  display: flex;
  align-items: center;
}

.comment-actions {
  display: flex;
}

.comment-action {
  margin-left: 16px;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 600;
  transition: color 0.2s;
}

body.dark .comment-action {
  color: #FCFCFD;
}

.comment-action:hover {
  color: #3B71FE;
}

.comment-btns {
  margin-top: 32px;
  text-align: center;
}

.comment-btns .comment-button .loader {
  margin: 0 16px 0 5px;
  transform: scale(0.8);
}

.tiny-avatar {
  border: 2px solid #fff;
  height: 30px;
  width: 30px;
  border-radius: 550px;
  margin-left: 10px;
}
.tiny-avatar * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}

.payment-process-wrapper {
  width: 100%;
  padding: 40px;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 16px;
  background: #FCFCFD;
}
body.is-dark .payment-process-wrapper {
  background: #222;
}
body.is-dark .payment-process-wrapper::after {
  background: #4c4c4c;
}
@media only screen and (max-width: 1179px) {
  .payment-process-wrapper {
    flex-grow: 1;
    width: auto;
    padding: 32px;
  }
}
.payment-process-wrapper .payment-options {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  padding: 24px 36px;
  border-radius: 16px;
  background: #F4F5F6;
}
@media only screen and (max-width: 767px) {
  .payment-process-wrapper .payment-options {
    display: block;
    margin-bottom: 32px;
  }
}
.payment-process-wrapper body.dark .payment-options {
  background: #23262F;
}
.payment-process-wrapper .payment-option {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .payment-process-wrapper .payment-option:not(:last-child) {
    margin-bottom: 32px;
  }
}
.payment-process-wrapper .payment-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
}
.payment-process-wrapper .payment-icon .icon {
  width: 20px;
  height: 20px;
  fill: #FCFCFD;
}
.payment-process-wrapper .payment-category {
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}
.payment-process-wrapper .payment-content {
  font-weight: 500;
}
.payment-process-wrapper .payment-line {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.payment-process-wrapper .payment-subtitle {
  margin-right: auto;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.payment-process-wrapper .payment-cards {
  display: flex;
  align-items: center;
}
.payment-process-wrapper .payment-fieldset > .field {
  margin-bottom: 32px;
}
.payment-process-wrapper .payment-row {
  display: flex;
  margin: 0 -8px;
}
.payment-process-wrapper .payment-row .field {
  flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin: 0 8px;
}
.payment-process-wrapper .payment .checkbox {
  margin-top: 32px;
}
.payment-process-wrapper .payment-info {
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .payment-process-wrapper .payment-info {
    margin-bottom: 32px;
  }
}
.payment-process-wrapper .payment-flex {
  display: flex;
  justify-content: space-between;
}
.payment-process-wrapper .payment-flex:first-child {
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E8EC;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.payment-process-wrapper body.dark .payment-flex:first-child {
  border-color: #353945;
}
.payment-process-wrapper .payment-flex:not(:first-child) .payment-cell:first-child {
  color: #777E90;
}
.payment-process-wrapper .payment-flex:not(:last-child) {
  margin-bottom: 12px;
}
.payment-process-wrapper .payment-cell:nth-child(2) {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.payment-process-wrapper .payment-btns {
  margin-top: 48px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .payment-process-wrapper .payment-btns {
    margin-top: 32px;
  }
}
.payment-process-wrapper .payment-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  .payment-process-wrapper .payment-foot {
    display: block;
    margin-top: 32px;
  }
  .payment-process-wrapper .payment-foot .payment-button {
    width: 100%;
  }
  .payment-process-wrapper .payment-foot .payment-button:not(:last-child) {
    margin-bottom: 10px;
  }
}

.fancy-back-arrow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
.fancy-back-arrow .back-button {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.fancy-back-arrow .back-button:hover i {
  transform: translateX(-2px);
}
.fancy-back-arrow .back-button i {
  margin-right: 16px;
  fill: #777E90;
  transition: transform 0.2s;
}

.edit-lesson:not(:last-child) {
  margin-bottom: 15px;
}

.lessions.sandy-tabs-link.active .icon i {
  background: #000;
  color: #fff;
}
body.is-dark .lessions.sandy-tabs-link.active .icon i {
  background: #fff;
  color: #000;
}

.course-review-wrapper {
  background: #f5f7fc;
}
body.is-dark .course-review-wrapper {
  background: #222;
}

.sandy-expandable-block {
  border-bottom: 1px solid #fff;
  padding: 18px 24px;
  margin: 0;
  background: #f5f6f6;
  margin-bottom: 10px;
  border-radius: 10px;
}
.sandy-expandable-block .sandy-expandable-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sandy-expandable-block .sandy-expandable-title {
  font-size: 14px;
  font-weight: 600;
  color: #15171a;
  margin: 0;
  padding: 0;
}
.sandy-expandable-block .sandy-expandable-description {
  margin: 0;
  padding: 0;
  color: #7c8b9a;
  font-size: 13px;
  font-weight: 400;
}

.sandy-expandable-btn {
  display: inline-block;
  outline: none;
  background: #ebeef0;
  color: #394047;
  text-decoration: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: #fff;
  font-weight: 500;
  border-radius: 10px;
  transition: all 0.2s ease;
  transition-property: color, border-color, background, width, height, box-shadow;
  -webkit-font-smoothing: subpixel-antialiased;
}
.sandy-expandable-btn:hover {
  background: #e2e4e8;
}
body.is-dark .sandy-expandable-btn {
  background: #171719;
}
.sandy-expandable-btn span {
  display: block;
  overflow: hidden;
  padding: 0 14px;
  height: 34px;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.2px;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nice-select {
  float: none;
  width: 100%;
  height: 56px;
  padding: 0 48px 0 16px;
  background: #f5f6f8;
  border-radius: 12px;
  border: none;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  display: flex;
  align-items: center;
}
.nice-select.bg-w {
  background: #fff;
}
.nice-select.has-multiple .multiple-options {
  margin-left: 0;
}
.nice-select.has-multiple span.current {
  border: 0;
  background: #ebeef0;
}
.nice-select .list {
  right: 0;
  margin-top: 2px;
  border-radius: 12px;
  background: #FCFCFD;
  border: 2px solid #fff;
  box-shadow: 0 4px 12px rgba(35, 38, 47, 0.1);
  z-index: 9998;
}
.nice-select .nice-select-search-box {
  z-index: 9999 !important;
  border: 0;
  box-shadow: none;
}
.nice-select .nice-select-search-box input {
  border: 0;
}

.transaction-confirm-action {
  margin-top: 15px;
  margin-right: 0;
  margin-left: 0;
  max-width: 100%;
  justify-content: flex-start;
}
.transaction-confirm-action input {
  max-width: 49px !important;
  background: #fff;
  border: 1px solid #f4f4f4;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100% !important;
  height: 44px;
  outline: none;
  text-align: center;
  font-weight: 600;
}
.transaction-confirm-action input:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .transaction-confirm-action input {
    font-size: 16px;
  }
}

.wallet-box-tp.slide .swiper-slide {
  height: 9em;
  align-items: center;
  display: flex;
}
.wallet-box-tp.slide .swiper-slide .profile-tile {
  margin: 0 9px;
}
.wallet-box-tp.slide .swiper-slide .profile-tile .profile-tile-box {
  box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  background-color: #f5f6f8;
}
.wallet-box-tp .profile-tile {
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: none;
  padding: 0px;
  align-items: center;
  display: flex;
  width: 120px;
  min-width: 120px;
  margin: 10px 22px 10px 0;
}
.wallet-box-tp .profile-tile:last-child {
  margin-right: 0;
}
.wallet-box-tp .profile-tile .profile-tile-box {
  width: 100%;
  text-align: center;
  border-radius: 6px;
  padding: 22px 5px;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  color: #3E4B5B;
  transition: all 0.25s ease;
  display: block;
  position: relative;
}
.wallet-box-tp .profile-tile .profile-tile-box:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2);
}
.wallet-box-tp .profile-tile .profile-tile-box .profile-tile-dot {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #000;
  height: 4px;
  width: 25px;
  border-radius: 3px;
  transition: all 0.25s ease;
  opacity: 0;
}
.wallet-box-tp .profile-tile .profile-tile-box .icon {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-box-tp .profile-tile .profile-tile-box .avatar {
  display: inline-block;
  border-radius: 50px;
}
.wallet-box-tp .profile-tile .profile-tile-box .avatar img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.wallet-box-tp .profile-tile .profile-tile-box .user-name {
  border-top: none;
  padding-top: 0px;
  text-transform: none;
  font-size: 0.9rem;
  line-height: 1.2;
  margin-top: 8px;
}
.wallet-box-tp .inline-profile-tiles .sandy-big-checkbox {
  width: calc(50%);
}
.wallet-box-tp .inline-profile-tiles .sandy-big-checkbox .profile-tile {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 500px) {
  .wallet-box-tp .inline-profile-tiles .sandy-big-checkbox {
    width: 33%;
  }
}
.wallet-box-tp .sandy-big-checkbox .sandy-input-inner:checked + .profile-tile .profile-tile-box {
  box-shadow: 0 0 0 2px #000;
}
.wallet-box-tp .sandy-big-checkbox .sandy-input-inner:checked + .profile-tile .profile-tile-box .profile-tile-dot {
  opacity: 1;
}

.ccard {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 240px;
  height: 144px;
  border-radius: 14px;
  background: #ededed;
  padding: 18px;
  margin: 0 auto;
  overflow: hidden;
  transition: all 0.3s;
}
.ccard.slide {
  min-width: 240px;
  margin: 10px 22px 10px 0;
}
.ccard.slide:last-child {
  margin-right: 0;
}
.ccard .top img {
  display: block;
  max-width: 35px;
}
.ccard .shape {
  position: absolute;
  bottom: -10px;
  right: -10px;
  height: 70px;
  width: 70px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.ccard .bottom {
  margin-top: auto;
}
.ccard .bottom .card-info {
  font-size: 0.9rem;
  color: #fcfcfc;
}

.currency-payment {
  display: flex;
}
.currency-payment .currency-sign {
  font-size: 32px;
  position: relative;
  top: 0;
}
@media (max-width: 768px) {
  .currency-payment .currency-sign {
    font-size: 24px;
  }
}
.currency-payment .currency-field {
  position: relative;
}
.currency-payment .currency-value, .currency-payment .currency-input {
  font-weight: 700;
  font-size: 96px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #23262F;
}
body.is-dark .currency-payment .currency-value, body.is-dark .currency-payment .currency-input {
  color: #fff;
}
@media (max-width: 768px) {
  .currency-payment .currency-value, .currency-payment .currency-input {
    font-size: 64px;
  }
}
.currency-payment .currency-value {
  min-width: 72px;
  max-width: 500px;
  min-height: 96px;
  padding-right: 5px;
  opacity: 0;
}
@media (max-width: 768px) {
  .currency-payment .currency-value {
    min-height: 64px;
    max-width: 280px;
    padding-bottom: 10px;
  }
}
.currency-payment .currency-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  box-shadow: none;
  color: #23262F;
}

.wallet-nice-select {
  width: 50%;
  padding-left: 0;
}
.wallet-nice-select::after {
  height: 10px;
  width: 10px;
  margin-top: -11px;
}

@font-face {
  font-family: "dotsfont";
  src: url("../icons/fonts/dotsfont/dotsfont.eot");
  src: url("../icons/fonts/dotsfont/dotsfont.eot?#iefix") format("embedded-opentype"), url("../icons/fonts/dotsfont/dotsfont.woff") format("woff"), url("../icons/fonts/dotsfont/dotsfont.ttf") format("truetype"), url("../icons/fonts/dotsfont/dotsfont.svg#dotsfontregular") format("svg");
}
.use-dotfont-input input {
  font-family: "dotsfont";
  background: url("../icons/fonts/dotsfont/dotsfont.svg");
}

.shop_table {
  position: relative;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  border-top: 1px solid #ececec;
}

.shop_table .cart_item {
  position: relative;
  border-bottom: 1px solid #ececec;
}

table.shop_table tr td.product-thumbnail {
  text-align: left !important;
}

table.shop_table img {
  width: 16vh;
  height: 14vh;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 0 60px 0 rgba(94, 92, 154, 0.12);
}

.product-quantity .qnt .dec,
.product-quantity .qnt .inc {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(94, 92, 154, 0.15);
}

@media (min-width: 768px) {
  .shop_table thead tr th {
    padding: 20px 20px 20px 0;
    line-height: 1.1;
    border-bottom: 1px solid #ececec;
  }

  .shop_table tbody tr td {
    padding: 20px 20px 20px 0;
    line-height: 1.1;
    border-bottom: 1px solid #ececec;
    vertical-align: middle;
  }
}
table.shop_table .remove {
  background: #1386f0;
  height: 30px;
  width: 30px;
  color: #fff;
  border-radius: 550px;
}

@media (max-width: 768px) {
  .shop_table {
    border-bottom: 1px solid #dadcde;
  }

  table.shop_table tr td.bf::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }

  table.shop_table thead {
    display: none;
  }

  table.shop_table tr td {
    display: block;
    text-align: right !important;
  }

  table.shop_table tbody td {
    padding: 10px 20px;
    border: none;
  }

  table.shop_table .remove {
    position: absolute;
    font-size: 1em;
    top: 45px;
    right: 20px;
  }
}
.product-cart {
  display: flex;
  background: #f4f5f6;
  padding: 20px;
  border-radius: 14px;
  position: relative;
}
body.is-dark .product-cart {
  background: #222222;
}
.product-cart:not(:last-child) {
  margin-bottom: 15px;
}
.product-cart .banner {
  margin-right: 10px;
}
.product-cart .banner * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.product-cart .cart-remove {
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-left: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.product-variation .product-variation-inner {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-sizing: border-box;
  color: #252a2e;
  display: block;
  font-size: 17px;
  margin-top: 10px;
  overflow: hidden;
  padding: 15px;
  text-decoration: none;
  transition: all 0.05s ease-in-out;
}
body.is-dark .product-variation .product-variation-inner {
  background: #171719;
  border: 2px solid #171719;
}
.product-variation .variant-price-tag {
  background: #eee;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 6px 10px;
  pointer-events: none;
  position: relative;
}
.product-variation .variant-price-tag::before, .product-variation .variant-price-tag::after {
  border: 16px solid transparent;
  content: "";
  height: 0;
  left: 100%;
  margin-left: -16px;
  position: absolute;
  transform: scaleX(0.65);
  width: 0;
}
.product-variation .variant-price-tag::before {
  top: 0;
  border-top-color: #eee;
}
.product-variation .variant-price-tag::after {
  border-bottom-color: #eee;
  bottom: 0;
}
.product-variation .sandy-input-inner:checked + .product-variation-inner {
  box-shadow: 0 0 0 2px #000;
}
body.is-dark .product-variation .sandy-input-inner:checked + .product-variation-inner {
  box-shadow: 0 0 0 2px #222;
  border: 2px solid #565656;
}
.product-variation .sandy-input-inner:checked + .product-variation-inner .variant-price-tag {
  background: #000;
  color: #fff;
}
.product-variation .sandy-input-inner:checked + .product-variation-inner .variant-price-tag::before {
  border-top-color: #000;
}
.product-variation .sandy-input-inner:checked + .product-variation-inner .variant-price-tag::after {
  border-bottom-color: #000;
}

.sandy-fixed-toast {
  position: fixed;
  top: 0;
  left: 0;
  padding: 24px 32px;
  justify-content: center;
  display: flex;
  z-index: 9999;
  transition: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
  opacity: 1;
}
.sandy-fixed-toast.hide {
  top: -100%;
  opacity: 0;
}
.sandy-fixed-toast .toast-inner {
  padding: 10px 32px;
  text-align: center;
  font-weight: 500;
  border-radius: 12px;
  font-size: 13px;
}
.sandy-fixed-toast.success .toast-inner {
  background: #2dd272;
  color: #fff;
}

.product-card-v2 {
  padding: 0;
  border-radius: 15px;
  background: #fff;
  border: 1px solid #E6E8EC;
}
body.is-dark .product-card-v2 {
  background: #171719;
}
.product-card-v2 .product-type {
  color: #4b5563;
}
.product-card-v2 .product-card-v2-preview {
  display: block;
  position: relative;
  padding-bottom: 80%;
  border-radius: 0;
  overflow: hidden;
  background: #F6F7FB;
  font-size: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.product-card-v2 .product-card-v2-preview * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 1s;
}
.product-card-v2 .star-rating {
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  font-size: 13px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  font-weight: 700;
}
body.is-dark .product-card-v2 .star-rating {
  background: #222;
}
.product-card-v2 .product-card-v2-link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px 13px;
  color: #23262F;
}
.product-card-v2 .\--product-prices {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-card-v2 .\--product-prices .actual {
  font-size: 13px;
  font-weight: 700;
  color: #cc2634;
}
.product-card-v2 .\--product-prices .compare {
  text-decoration: line-through;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  color: #808181;
}
.product-card-v2 .product-card-v2-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-card-v2 .product-card-v2-line {
  display: flex;
  align-items: flex-start;
}
.product-card-v2 .product-card-v2-line:first-child {
  margin-bottom: 12px;
}
.product-card-v2 .product-card-v2-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E6E8EC;
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}

.order-timeline {
  position: relative;
}
.order-timeline .order-timeline-sep {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  width: 2px;
  margin-left: 28px;
  height: 16px;
  background: #25252d;
}
.order-timeline:last-child .order-timeline-sep {
  display: none;
}

.wallet-tabs {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  height: 52px;
}
.wallet-tabs .wallet-tabs-link {
  font-size: 1rem;
  position: relative;
  cursor: pointer;
}
.wallet-tabs .wallet-tabs-link a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-tabs .wallet-tabs-link.active ::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: #000;
  bottom: 1px;
  opacity: 1;
  border-radius: 5px;
  left: 0;
}
@media (max-width: 768px) {
  .wallet-tabs .wallet-tabs-link {
    font-size: 12px;
  }
}

.wallet-transactions .wallet-result-heading {
  padding: 0 20px;
  background: #f9f9f9;
  width: 100%;
  height: 23px;
  font-size: 0.6875rem;
  display: flex;
  align-items: center;
}
.wallet-transactions .wallet-transactions-item {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.wallet-transactions .wallet-transactions-item .wallet-transactions-details {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.wallet-transactions .wallet-transactions-item .transaction-avatar {
  width: 40px;
  height: 40px;
  align-items: center;
  display: block;
  min-width: 40px;
  background: #e8e8e8;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  position: relative;
}
.wallet-transactions .wallet-transactions-item .transaction-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.wallet-transactions .wallet-transactions-item .transaction-title {
  margin-left: 20px;
  color: #000;
  font-size: 0.815rem;
  font-weight: 700;
  height: 100%;
  padding: 1px 0;
}
.wallet-transactions .wallet-transactions-item .transaction-name {
  font-size: 12.3px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 0;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.wallet-transactions .wallet-transactions-item .transaction-date {
  font-weight: 300;
  color: #bebebe;
  margin-top: 6px;
  font-size: 0.7rem;
}
.wallet-transactions .wallet-transactions-item .transaction-price {
  margin-right: 25px;
  position: relative;
  top: -1px;
  color: #000;
  font-weight: 700;
  transform: translateY(-0.35px);
  font-size: 13px;
  margin-right: 12px;
}

.context.bio.is-element {
  padding-bottom: 5rem !important;
}

.sandy-big-checkbox.is-bio-radius:not(:last-child) .checkbox-inner {
  margin-right: 10px;
}
@media (max-width: 599px) {
  .sandy-big-checkbox.is-bio-radius .checkbox-inner {
    width: 130px;
    margin-right: 12px;
  }
}

.bio-claim-page {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 124px;
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1000;
  width: 100%;
}
.bio-claim-page.hide {
  display: none;
}
.bio-claim-page * {
  font-family: "Inter";
}
.bio-claim-page .bio-claim-input-div {
  background-color: black;
  box-shadow: rgba(10, 11, 13, 0.12) 0px 12px 16px;
  border-radius: 24px;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  align-items: center;
  justify-content: center;
  width: auto;
  display: flex;
  -webkit-animation: goPulse 5s infinite;
          animation: goPulse 5s infinite;
}
.bio-claim-page .bio-claim-input-div .text-claim-text {
  padding: 0px;
  margin: 0px;
  color: #93979b;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
}
.bio-claim-page .bio-claim-input-div .text-claim-text.is-site {
  color: #686d73;
}
.bio-claim-page .bio-claim-input-div .bio-claim-input-div-button {
  outline: none;
  padding: 0px;
  margin: 0px 8px 0px 0px;
  border: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: center;
  cursor: pointer;
  display: block;
  background: none;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
}
.bio-claim-page .bio-claim-page-description {
  margin: 8px 0;
}
.bio-claim-page .bio-claim-page-description p {
  padding: 0px;
  margin: 0px;
  color: white;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
}

.yetti-auth-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: fixed;
  height: 100vh;
  width: 100vw;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: 0 35px 35px 35px;
}
.yetti-auth-box .yetti-auth-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 0 100px;
  max-width: 450px;
}
.yetti-auth-box .yetti-auth-header .yetti-auth-title {
  font-size: 24px;
  font-weight: 600;
  margin: 50px 0 13px 0;
}
.yetti-auth-box .yetti-auth-header .yetti-auth-description {
  text-align: center;
}
.yetti-auth-box .yetti-auth-footer {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth-go-back {
  margin: 0px auto;
  max-width: 568px;
  width: 100%;
  padding: 0px 15px;
}
.auth-go-back .auth-go-back-a {
  display: inline-block;
  padding: 0px 12px;
  height: 44px;
  line-height: 44px;
  width: auto;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  text-transform: capitalize;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  color: black;
  background: whitesmoke;
  border: none;
  cursor: pointer;
}

/*Shadow Backgrounds*/
.shadow-bg:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
}

.shadow-bg {
  background-size: cover;
  position: relative;
  z-index: 10;
  overflow: visible !important;
}

.shadow-bg-xs::after {
  transform: scale(0.75) translateY(5px) translateZ(0px);
  filter: blur(8px);
}

.shadow-bg-s::after {
  transform: scale(0.8) translateY(5px) translateZ(0px);
  filter: blur(12px);
}

.shadow-bg-m::after {
  transform: scale(0.85) translateY(7px) translateZ(0px);
  filter: blur(12px);
}

.shadow-bg-l::after {
  transform: scale(0.95) translateY(10px) translateZ(0px);
  filter: blur(12px);
}

.shadow-card:after {
  transform: scale(0.95) translateY(10px) translateZ(-36px);
  filter: blur(12px);
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-color: inherit;
  z-index: -1;
}

.shadow-card {
  overflow: visible;
}

.shadow-card .card-overlay {
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}

.shadow-card-s::after {
  transform: scale(0.8) translateY(15px) translateZ(-26px);
  filter: blur(12px);
}

.shadow-card-m::after {
  transform: scale(0.85) translateY(15px) translateZ(-36px);
  filter: blur(12px);
}

.shadow-card-l::after {
  transform: scale(0.95) translateY(15px) translateZ(-46px);
  filter: blur(12px);
}

.divider-margins {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}

.divider {
  position: relative;
  height: 1px;
  display: block;
  background-color: rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}

.sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #0000008f;
  transition: opacity 0.15s linear;
  opacity: 0;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.sidebar-backdrop.show {
  opacity: 1;
}

.offcanvas-sidebar {
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
  background-color: rgba(255, 255, 255, 0.8);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9999 !important;
  border: 0px !important;
  right: 10px;
  top: calc(10px + env(safe-area-inset-top));
  bottom: calc(10px + env(safe-area-inset-bottom));
  position: fixed;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  transition: all 300ms ease;
  max-wdith: 100%;
  background-clip: padding-box;
  outline: 0;
  display: none;
}
.offcanvas-sidebar.active {
  display: block;
}
.offcanvas-sidebar:not(.active) {
  transform: translateX(-120%);
}
.offcanvas-sidebar .page-title {
  position: relative;
  z-index: 90;
  padding: 5px 15px 30px 15px;
}
.offcanvas-sidebar .menu-size {
  width: 230px;
  overflow-y: scroll;
}
.offcanvas-sidebar .icon {
  font-size: 11px;
  height: 42px;
  width: 42px;
  transform: translateY(0px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.offcanvas-sidebar .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
  padding-bottom: 15px;
  overflow: hidden;
}
.offcanvas-sidebar .list-group * {
  border-color: rgba(0, 0, 0, 0.07);
}
.offcanvas-sidebar .list-group .list-group-item {
  display: flex;
  overflow: visible;
  background: transparent;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border: 0;
  line-height: 31px;
  position: relative;
  padding: 0.5rem 1rem;
  color: #212529;
  align-items: center;
}
.offcanvas-sidebar .list-group .list-group-item i {
  text-align: center;
  padding: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 12px;
  font-size: 13px;
}
.offcanvas-sidebar .list-group .list-group-item div {
  font-size: 14px;
  padding-left: 20px;
  color: #000;
  letter-spacing: -0.6px;
}

.is-element-wrapper {
  padding: 15px;
}

.big-input-sider {
  background-color: white;
  padding: 22px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 24px;
  min-height: 64px;
}
.big-input-sider input {
  border: none;
  background: transparent;
  outline: none;
  padding: 0px;
  margin-left: 1px;
  width: 100%;
}

.full-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
  position: fixed;
}
.full-loader::before {
  opacity: 0.6;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #fff;
}
.full-loader .load-icon {
  border-radius: 12px;
  display: block;
  position: absolute;
  overflow: hidden;
}

.is-bio-banner .bio-background {
  display: none;
}
.is-bio-banner body:not(.sandy-dialog-disable-scroll).has-background .context-body {
  background: #f5f7fc;
}
.is-bio-banner .default-bio-banner {
  height: 330px;
  position: relative;
  transition: 0.5s;
  z-index: 10;
}
@media (max-width: 768px) {
  .is-bio-banner .default-bio-banner {
    height: 200px;
  }
}
.is-bio-banner .default-bio-banner.active {
  z-index: 99999;
}
.is-bio-banner .default-bio-banner.active .bio-background {
  padding-bottom: 100%;
  position: absolute;
  height: 100%;
  box-shadow: 0px 16px 32px 0 rgba(31, 47, 70, 0.4);
}
.is-bio-banner .default-bio-banner.active .bio-background .gradient-color {
  padding-bottom: 100%;
}
.is-bio-banner .default-bio-banner .bio-background {
  display: block !important;
  position: relative;
  transition: 0.5s;
}
.is-bio-banner .context-head {
  padding-top: 0 !important;
  margin-top: -3rem;
}
.is-bio-banner .context .avatar-thumb {
  display: block;
}
.is-bio-banner .context.bio.a-right .context-head .avatar-thumb {
  flex-direction: column;
  align-items: end;
  text-align: right;
}
.is-bio-banner .context .avatar-thumb .bio-info-container {
  margin-left: 0;
}
.is-bio-banner .avatar-thumb .avatar-container .thumb {
  background: #fff !important;
}

.yetti-links-v2 {
  border-radius: 10px;
  padding: 13px 12px 13px 14px;
  display: block;
  align-items: center;
  justify-content: space-between;
  background: var(--yetti-blocks-links-background);
  position: relative;
  transition: transform 0.15s cubic-bezier(0, 0.2, 0.5, 3) 0s;
}
.yetti-links-v2:hover {
  transform: scale(1.02);
}
.yetti-links-v2:not(:last-child) {
  margin-bottom: 20px;
}
.yetti-links-v2 .thumbnail-preview * {
  height: 30px;
  width: 30px;
  min-width: 30px;
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  border-radius: 550px;
  margin-right: 12px;
}
.yetti-links-v2 .yetti-links-v2-inner {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
}
.yetti-links-v2 .yetti-links-v2-inner span {
  width: calc(100% - 65px);
  font-weight: 400;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--yetti-blocks-links-color);
}
@media (max-width: 600px) {
  .yetti-links-v2 .yetti-links-v2-inner span {
    width: calc(100% - 20px);
  }
}
.yetti-links-v2 .yetti-links-v2-inner svg, .yetti-links-v2 .yetti-links-v2-inner i {
  color: var(--yetti-blocks-links-icon-color);
  stroke: var(--yetti-blocks-links-icon-color);
}
body.is-dark .yetti-links-v2 {
  background: #222;
}
body.is-dark .yetti-links-v2 span {
  color: #fff;
}
body.is-dark .yetti-links-v2 svg {
  stroke: #fff;
}

.yetti-links-v2 .yetti-links-v2-body {
  display: none;
  width: 100%;
}

.yetti-links-v2.is-accordion {
  flex-direction: column;
}
.yetti-links-v2.is-accordion .yetti-links-v2-body iframe {
  width: 100%;
  min-height: 200px;
}
.bio-body.radius-rounded .yetti-links-v2.is-accordion.active {
  border-radius: 20px !important;
}
.yetti-links-v2.is-accordion.active .yetti-links-v2-body {
  margin-top: 10px;
}
.yetti-links-v2.is-accordion.active svg {
  transform: rotate(180deg);
}

.entry-bg, .entry-hand, .entry-img, .entry-circle, .entry-cube {
  position: absolute;
  font-size: 0;
  pointer-events: none;
}

.entry-circle {
  z-index: -1;
  border-radius: 50%;
}

.entry-circle:first-child {
  top: 161px;
  left: calc(50% - 280px);
  width: 24px;
  height: 24px;
  background: #fff;
}

.entry-circle:nth-child(2) {
  top: 223px;
  left: calc(50% - 250px);
  width: 128px;
  height: 128px;
  background: #FAB8C4;
}

.entry-circle:nth-child(3) {
  top: 68px;
  right: calc(50% - 158px);
  width: 32px;
  height: 32px;
  background: #FFDC60;
}

.entry-circle:nth-child(4) {
  right: calc(50% - 620px);
  bottom: 196px;
  width: 67px;
  height: 67px;
  background: #FAB8C4;
}

.entry-circle:nth-child(5) {
  right: calc(50% - 448px);
  bottom: -107px;
  width: 215px;
  height: 215px;
  background: #FFDC60;
}

@media only screen and (max-width: 1199px) {
  .entry-circle:nth-child(2) {
    left: calc(50% - 150px);
  }
}
@media only screen and (max-width: 1023px) {
  .entry-circle:first-child {
    top: -250px;
    left: -250px;
    width: 500px;
    height: 500px;
    background: #5956E9;
  }

  .entry-circle:nth-child(2) {
    top: 600px;
    left: -50px;
  }

  .entry-circle:nth-child(3) {
    top: -10px;
  }

  .entry-circle:nth-child(4) {
    right: 120px;
    bottom: 250px;
  }
}
@media all and (max-width: 900px) {
  .entry-circle:first-child {
    top: -97px;
    left: -97px;
    width: 195px;
    height: 195px;
  }

  .entry-circle:nth-child(2) {
    top: auto;
    right: -64px;
    left: auto;
    bottom: -64px;
  }

  .entry-circle:nth-child(4) {
    top: 150px;
    right: 22px;
    bottom: auto;
    width: 48px;
    height: 48px;
  }

  .entry-circle:nth-child(5) {
    left: -33px;
    right: auto;
    bottom: 85px;
    width: 67px;
    height: 67px;
  }

  .entry_solo .entry-circle:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .entry-circle:nth-child(2) {
    top: auto;
    right: -64px;
    left: auto;
    bottom: -64px;
  }
}
#plan-page .plan {
  position: relative;
  margin-bottom: 110px;
}
#plan-page .plan-head {
  margin-bottom: 72px;
  text-align: center;
}
#plan-page .plan-stage {
  margin-bottom: 16px;
  color: #292930;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
#plan-page .plan-head .plan-title {
  margin-bottom: 30px;
  position: relative;
  font-size: 80px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.025em;
}
#plan-page .plan-info {
  max-width: 380px;
  margin: 0 auto 34px;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.5;
  color: #999FAE;
}
#plan-page .plan .switch {
  margin-left: -12px;
}
#plan-page .plan-variants {
  display: none;
}
#plan-page .plan-select::-ms-expand {
  display: none;
}
#plan-page .plan-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
#plan-page .plan-body {
  display: flex;
  margin: 0 -20px;
}
#plan-page .plan-item {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 0;
  margin: 0 20px;
  padding: 40px;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 20px 40px rgba(41, 41, 48, 0.05);
}
#plan-page .plan-item.is-active {
  background: #5956E9;
  color: #fff;
}
#plan-page .plan-item.is-active .plan-price {
  color: rgba(255, 255, 255, 0.5);
}
#plan-page .plan-item.is-active .plan-money {
  color: #fff;
}
#plan-page .plan-item.is-active .plan-list li {
  color: #fff;
}
#plan-page .plan-item.is-active .plan-list li:before {
  background-image: url("../img/list-icon-1.svg");
}
#plan-page .plan-star {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FFDC60;
  background: #fff;
  font-size: 22px;
}
#plan-page .plan-star .icon {
  font-size: 16px;
  fill: #5956E9;
}
#plan-page .plan-category {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  letter-spacing: 0;
}
#plan-page .plan-icon {
  flex-shrink: 0;
  margin-right: 14px;
  font-size: 0;
}
#plan-page .plan-item .plan-title {
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.045em;
}
#plan-page .plan-price {
  margin-bottom: 45px;
  font-size: 14px;
  color: #999FAE;
}
#plan-page .plan-money {
  margin-right: 5px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  color: #5956E9;
}
#plan-page .plan-list {
  flex-grow: 1;
  margin-bottom: 40px;
}
#plan-page .plan-list li {
  position: relative;
  padding-left: 36px;
  color: #999FAE;
}
#plan-page .plan-list svg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  stroke-width: initial;
  stroke: transparent;
}
#plan-page .plan-list li:not(:last-child) {
  margin-bottom: 24px;
}
#plan-page .plan-btn {
  min-width: 100%;
  margin-top: auto;
}
#plan-page .plan-btn.btn_pink {
  color: #292930;
}
#plan-page .plan-circle {
  position: absolute;
  top: 170px;
  right: calc(50% - 414px);
  width: 49px;
  height: 49px;
  z-index: -1;
  border-radius: 50%;
  background: #FAB8C4;
}

.onboarding-wizard .onboarding-menu .onboarding-menu-item {
  display: none;
}
.onboarding-wizard .onboarding-menu .onboarding-menu-item.active {
  display: none;
}
.onboarding-wizard .onboarding-menu .onboarding-menu-item.active + .sandy-tabs-link {
  display: flex;
}

.html-demo-bio {
  max-width: 200px;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.html-demo-bio .html-demo-avatar {
  height: 50px;
  width: 50px;
  background: #b3b3b3;
  border-radius: 550px;
}
.html-demo-bio .html-demo-description {
  height: 30px;
  width: 100%;
  background: #b3b3b3;
  border-radius: 550px;
  margin-top: 1rem;
}
.html-demo-bio .html-demo-background-banner {
  position: absolute;
  height: 32px;
  background: #b3b3b3;
  width: 100%;
  top: 0;
  border-radius: 10px 10px 0 0;
  z-index: 1;
}
.html-demo-bio .html-demo-background-main {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #b3b3b3;
  border-radius: 10px;
  z-index: 1;
  opacity: 0.3;
}
.html-demo-bio .html-demo-socials {
  margin-top: 1rem;
  display: flex;
}
.html-demo-bio .html-demo-socials .html-demo-social-item {
  height: 30px;
  width: 30px;
  background: #b3b3b3;
  border-radius: 550px;
}
.html-demo-bio .html-demo-socials .html-demo-social-item:not(:last-child) {
  margin-right: 5px;
}
.html-demo-bio.has-bio-banner .html-demo-avatar {
  z-index: 10;
  border: 3px solid #fff;
  top: 11px;
  position: relative;
  left: 10px;
}
.html-demo-bio.has-bio-background {
  padding: 10px;
}
.html-demo-bio.has-bio-background * {
  z-index: 10;
}

.sandy-big-checkbox.is-html-demo .checkbox-inner {
  border-width: 2px;
}
.sandy-big-checkbox.is-html-demo .sandy-input-inner:checked + .checkbox-inner {
  border-color: #000;
}
.sandy-big-checkbox.is-html-demo .sandy-input-inner:checked + .checkbox-inner .html-demo-social-item, .sandy-big-checkbox.is-html-demo .sandy-input-inner:checked + .checkbox-inner .html-demo-avatar, .sandy-big-checkbox.is-html-demo .sandy-input-inner:checked + .checkbox-inner .html-demo-description, .sandy-big-checkbox.is-html-demo .sandy-input-inner:checked + .checkbox-inner .html-demo-background-banner, .sandy-big-checkbox.is-html-demo .sandy-input-inner:checked + .checkbox-inner .html-demo-background-main {
  background: #000;
}

.course-card-v2-avatar {
  width: 128px;
  height: 128px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #E6E8EC;
  overflow: hidden;
}

body.dark .course-card-v2-avatar {
  background: #353945;
}

.course-card-v2-avatar img {
  width: 100%;
  min-height: 100%;
}

.course-card-v2-name {
  text-align: center;
}

.course-card-v2-position {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.71429;
  color: #777E90;
}

.course-card-v2-socials {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  .course-card-v2-socials {
    margin-bottom: 24px;
  }
}
.course-card-v2-social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.course-card-v2-social .icon {
  width: 20px;
  height: 20px;
  fill: #777E90;
  transition: fill 0.2s;
}

.course-card-v2-social .icon-twitter {
  width: 22px;
  height: 22px;
}

.course-card-v2-social:hover .icon {
  fill: #23262F;
}

body.dark .course-card-v2-social:hover .icon {
  fill: #E6E8EC;
}

.course-card-v2-social:not(:last-child) {
  margin-right: 24px;
}

.course-card-v2 .subscription {
  max-width: 300px;
  margin: 0 auto 48px;
}

@media only screen and (max-width: 767px) {
  .course-card-v2 .subscription {
    max-width: 100%;
    margin: 0;
  }
}
.course-card-v2-wrap {
  margin: 0 -16px;
}

@media only screen and (max-width: 767px) {
  .course-card-v2-wrap {
    display: none;
  }
}
.course-card-v2-slider {
  padding-bottom: 50px;
  visibility: hidden;
}

.course-card-v2-slider.slick-initialized {
  visibility: visible;
}

.course-card-v2-item {
  color: #23262F;
}

body.dark .course-card-v2-item {
  color: #FCFCFD;
}

.course-card-v2-item:hover .course-card-v2-preview {
  box-shadow: 0 0 0 2px #FF592C;
}

.course-card-v2-item:hover .course-card-v2-preview img {
  transform: scale(1.1);
}

.course-card-v2-preview {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  transition: box-shadow 0.2s;
}

.course-card-v2-preview img {
  width: 100%;
  transition: transform 2s;
}

.course-card-v2-category {
  position: absolute;
  top: 8px;
  left: 8px;
}

.course-card-v2-head {
  display: flex;
  align-items: flex-start;
  padding: 20px 0 12px;
}

.course-card-v2-level {
  flex-shrink: 0;
  margin-left: 10px;
}

.course-card-v2-title {
  margin-bottom: 2px;
  font-weight: 600;
}

.course-card-v2-parameters {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #E6E8EC;
}

body.dark .course-card-v2-parameters {
  border-color: #353945;
}

.course-card-v2-parameter {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.66667;
  font-weight: 600;
  color: #353945;
}

body.dark .course-card-v2-parameter {
  color: #E6E8EC;
}

.course-card-v2-parameter .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  fill: #777E90;
}

.course-card-v2-btns {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .course-card-v2-btns {
    display: none;
  }
}
.mix-banner-wrapper {
  position: relative;
}
.mix-banner-wrapper::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border: 2px dashed #E6E8EC;
  border-radius: 12px;
  z-index: 40;
}
.mix-banner-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 22, 0.38);
  z-index: 38;
  border-radius: inherit;
}
.mix-banner-wrapper .mix-banner-wrapper-inner {
  position: absolute;
  z-index: 50;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main1 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 880px;
  padding: 34px 0 180px;
  overflow: hidden;
}

@media only screen and (max-width: 1179px) {
  .main1 {
    min-height: 606px;
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main1 {
    min-height: auto;
    padding: 64px 0 0;
  }
}
.main1__wrap {
  position: relative;
  z-index: 3;
  max-width: 450px;
}

@media only screen and (max-width: 1023px) {
  .main1__wrap {
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .main1__wrap {
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.main1__title {
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.main1__text {
  margin-bottom: 40px;
  color: #777E90;
}

.main1__btns {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .main1__button {
    padding: 0 22px;
  }
}
.main1__button:not(:last-child) {
  margin-right: 16px;
}

.main1 .scroll {
  position: absolute;
  bottom: 96px;
}

@media only screen and (max-width: 1179px) {
  .main1 .scroll {
    display: none;
  }
}
.main1__gallery {
  position: absolute;
  top: 50%;
  right: calc(50% - 720px);
  width: 800px;
  transform: translateY(-50%);
  pointer-events: none;
}

@media only screen and (max-width: 1179px) {
  .main1__gallery {
    top: 54%;
    right: calc(50% - 600px);
    width: 600px;
  }
}
@media only screen and (max-width: 1023px) {
  .main1__gallery {
    right: calc(50% - 520px);
    width: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .main1__gallery {
    position: relative;
    top: auto;
    right: auto;
    width: 580px;
    margin: 0 auto;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 474px) {
  .main1__gallery {
    left: -32%;
  }
}
.main1__preview:first-child {
  position: relative;
  z-index: 2;
}
.main1__preview:nth-child(2) {
  top: 10%;
  right: 20%;
  z-index: 3;
  width: 20%;
}
.main1__preview:nth-child(3) {
  top: 47%;
  left: 12%;
  z-index: 1;
  width: 8.5%;
}
.main1__preview:not(:first-child) {
  position: absolute;
}
.main1__preview img {
  width: 100%;
}

.program__wrap {
  display: flex;
  align-items: center;
  padding: 48px 76px 64px;
  background: #FCFCFD;
  box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1);
  border-radius: 24px;
}

@media only screen and (max-width: 1179px) {
  .program__wrap {
    padding: 48px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .program__wrap {
    display: block;
    border-radius: 16px;
  }
}
body.dark .program__wrap {
  background: #141416;
}

.program__col:first-child {
  flex: 0 0 372px;
  padding-bottom: 40px;
}
.program__col:nth-child(2) {
  flex-grow: 1;
  padding-left: 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .program__col:first-child {
    margin: 0 -10px 16px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .program__col:nth-child(2) {
    padding-left: 0;
  }
}
.program .stage-small {
  margin-bottom: 24px;
  padding-left: 24px;
}

@media only screen and (max-width: 767px) {
  .program .stage-small {
    margin-bottom: 16px;
    padding-left: 10px;
  }
}
.program__item {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 16px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: #23262F;
  transition: background 0.2s;
}
.program__item:hover {
  background: #F4F5F6;
}

@media only screen and (max-width: 767px) {
  .program__item {
    padding: 10px;
    font-size: 18px;
  }
}
body.dark .program__item {
  background: #23262F;
  color: #FCFCFD;
}
body.dark .program__item:hover {
  background: #353945;
}

.program__item:not(:last-child) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .program__item:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.dark .program__item:not(:last-child) {
    margin-bottom: 8px;
  }
}
.program__arrow {
  margin-left: auto;
  padding-left: 20px;
}
.program__arrow .icon {
  width: 14px;
  height: 14px;
  fill: #777E90;
}

.program__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  border-radius: 12px;
}
.program__icon img {
  max-width: 24px;
  max-height: 24px;
}

@media only screen and (max-width: 767px) {
  .program__icon {
    margin-right: 12px;
  }
}
.program__preview {
  margin-bottom: 42px;
}
.program__preview img {
  max-width: 400px;
}

@media only screen and (max-width: 767px) {
  .program__preview {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1179px) {
  .program__preview img {
    max-width: 240px;
  }
}
.program__info {
  max-width: 380px;
  margin: 0 auto 24px;
  color: #777E90;
}

.offers {
  text-align: center;
}
.offers .stage {
  margin-bottom: 16px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #777E90;
}

.offers__title {
  max-width: 650px;
  margin: 0 auto 32px;
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 700;
}

@media only screen and (max-width: 1023px) {
  .offers__title {
    max-width: 550px;
  }
}
.offers__text {
  max-width: 450px;
  margin: 0 auto 48px;
  color: #777E90;
}

@media only screen and (max-width: 767px) {
  .lifestyle {
    padding-top: 64px;
  }
}
.lifestyle__head {
  max-width: 545px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__head {
    margin-bottom: 48px;
  }
}
.lifestyle__stage {
  margin-bottom: 32px;
}

.lifestyle__title {
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 1.16667;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.lifestyle__info {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #777E90;
}

@media only screen and (max-width: 767px) {
  .lifestyle__button {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .lifestyle__wrap {
    margin: 0 -12px;
  }
}
@media only screen and (max-width: 767px) {
  .lifestyle__slider {
    padding-bottom: 70px;
    visibility: hidden;
  }
  .lifestyle__slider.slick-initialized {
    visibility: visible;
  }
}
.lifestyle__row {
  display: flex;
  align-items: center;
  margin: 0 -16px;
}
.lifestyle__row:not(:last-child) {
  margin-bottom: 112px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__row {
    display: flex !important;
    flex-direction: column-reverse;
    margin: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .lifestyle__row:not(:last-child) {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .lifestyle__row:not(:last-child) {
    margin-bottom: 0;
  }
}
.lifestyle__col {
  flex: 0 0 calc(50% - 32px);
  width: calc(50% - 32px);
  margin: 0 16px;
}
.lifestyle__col img {
  width: 100%;
  border-radius: 24px;
}
.lifestyle__col:first-child {
  padding-top: 32px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__col {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 1179px) {
  .lifestyle__col:first-child {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .lifestyle__col:first-child {
    margin-top: 48px;
  }
}
.lifestyle__details {
  max-width: 260px;
}

@media only screen and (max-width: 767px) {
  .lifestyle__details {
    max-width: 100%;
  }
}
.lifestyle__number {
  margin-bottom: 24px;
  padding-bottom: 26px;
  border-bottom: 2px solid #E6E8EC;
  font-size: 32px;
  line-height: 1.25;
}

body.dark .lifestyle__number {
  border-color: #353945;
}

.lifestyle__category {
  margin-bottom: 16px;
  font-weight: 600;
}

.lifestyle__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #777E90;
}

.lifestyle .slick-slide {
  padding: 0 12px;
}
.lifestyle .slick-arrow {
  bottom: 0;
}
.lifestyle .slick-prev {
  left: 12px;
}
.lifestyle .slick-next {
  left: 56px;
}

.workouts {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1096px;
  padding: 100px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1339px) {
  .workouts {
    min-height: 960px;
  }
}
@media only screen and (max-width: 1179px) {
  .workouts {
    min-height: 840px;
  }
}
@media only screen and (max-width: 767px) {
  .workouts {
    min-height: auto;
    padding: 64px 0;
  }
}
.workouts__wrap {
  position: relative;
  z-index: 3;
  max-width: 450px;
}

@media only screen and (max-width: 1179px) {
  .workouts__wrap {
    max-width: 420px;
  }
}
.workouts__title {
  margin-bottom: 32px;
}

.workouts__info {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.01em;
  color: #777E90;
}

.workouts__list {
  margin-bottom: 48px;
}
.workouts__list li {
  position: relative;
  padding-left: 36px;
  font-weight: 600;
  color: #777E90;
}
.workouts__list li:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 16L18 8' stroke='%2345B36B' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto;
}
.workouts__list li:not(:last-child) {
  margin-bottom: 16px;
}

.workouts__btns {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .workouts__button {
    padding: 0 20px;
  }
}
.workouts__button:not(:last-child) {
  margin-right: 12px;
}

.workouts__gallery {
  position: absolute;
  top: 50%;
  right: calc(50% - 663px);
  width: 744px;
  transform: translateY(-50%);
  pointer-events: none;
}

@media only screen and (max-width: 1339px) {
  .workouts__gallery {
    right: calc(50% - 570px);
    width: 640px;
  }
}
@media only screen and (max-width: 1179px) {
  .workouts__gallery {
    width: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .workouts__gallery {
    position: relative;
    top: auto;
    right: auto;
    left: -4%;
    width: 380px;
    margin: 0 auto 42px;
    transform: translateY(0);
  }
}
.workouts__preview:first-child {
  position: relative;
  z-index: 1;
}
.workouts__preview:nth-child(2) {
  top: 10%;
  left: 47%;
  z-index: 2;
  width: 13.5%;
}
.workouts__preview:nth-child(3) {
  top: 32%;
  right: 2.5%;
  z-index: 2;
  width: 14.5%;
}
.workouts__preview:not(:first-child) {
  position: absolute;
}
.workouts__preview img {
  width: 100%;
}

.about {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about {
    padding: 48px 0;
    border: none;
  }
}
.about__row {
  display: flex;
  margin: 0 -12px;
}
.about__row:not(:last-child) {
  margin-bottom: 128px;
}

@media only screen and (max-width: 1179px) {
  .about__row {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about__row:first-child {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .about__row:nth-child(2) {
    flex-direction: column-reverse;
  }
  .about__row:nth-child(2) .about__col:nth-child(2) {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1179px) {
  .about__row:not(:last-child) {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about__row:not(:last-child) {
    margin-bottom: 60px;
  }
}
.about__col {
  flex: 0 0 calc(50% - 24px);
  width: calc(50% - 24px);
  margin: 0 12px;
}

@media only screen and (max-width: 1179px) {
  .about__col {
    margin: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .about__col:first-child {
    flex: 1 0 auto;
    width: auto;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .about__col:first-child {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 1179px) {
  .about__col:nth-child(2) {
    flex: 0 0 528px;
    width: 528px;
  }
}
@media only screen and (max-width: 1023px) {
  .about__col:nth-child(2) {
    flex: 0 0 400px;
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .about__col:nth-child(2) {
    flex: 0 0 100%;
    width: 100%;
  }
}
.about__title {
  margin-bottom: 20px;
}

.about__info {
  max-width: 450px;
  color: #777E90;
}

.about__list {
  max-width: 260px;
}

@media only screen and (max-width: 767px) {
  .about__list {
    max-width: 100%;
  }
}
.about__item:not(:last-child) {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1023px) {
  .about__item:not(:last-child) {
    margin-bottom: 32px;
  }
}
.about__number {
  display: inline-block;
  width: 38px;
  margin-bottom: 24px;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #FCFCFD;
}

@media only screen and (max-width: 1023px) {
  .about__number {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .about__number {
    margin-bottom: 24px;
  }
}
.about__subtitle {
  margin-bottom: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 1023px) {
  .about__subtitle {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .about__subtitle {
    margin-bottom: 16px;
  }
}
.about__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #777E90;
}

.about__bg {
  position: relative;
  background: #E6E8EC;
  border-radius: 24px;
}

body.dark .about__bg {
  background: #353945;
}

.about__bg img {
  width: 100%;
}
.about__bg > img {
  border-radius: 24px;
}

@media only screen and (max-width: 1179px) {
  .about__bg_overflow {
    overflow: hidden;
  }
}
.about__preview {
  position: absolute;
  top: 1.5%;
  left: -31%;
  width: 64.5%;
  pointer-events: none;
}

@media only screen and (max-width: 1179px) {
  .about__preview {
    top: 0;
    left: 0;
    width: 45%;
  }
}
.about__photo {
  position: absolute;
  pointer-events: none;
}
.about__photo:first-child {
  top: 11%;
  left: -31%;
  width: 68%;
}
.about__photo:nth-child(2) {
  top: 9.5%;
  left: 25%;
  width: 23%;
}

[class^=play] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  box-shadow: 0px 8px 16px -8px rgba(15, 15, 15, 0.2);
  border-radius: 50%;
  background: #FCFCFD;
}
[class^=play] .icon {
  width: 21px;
  height: 21px;
  fill: #777E90;
  transition: all 0.2s;
}
[class^=play]:hover .icon {
  transform: scale(1.3);
  fill: #3772FF;
}

@media only screen and (max-width: 767px) {
  [class^=play] {
    width: 48px;
    height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  [class^=play] .icon {
    width: 12px;
    height: 12px;
  }
}
.play-small {
  width: 48px;
  height: 48px;
}
.play-small .icon {
  width: 12px;
  height: 12px;
}

.dashboard-header-banner {
  border-radius: 24px;
  background: #f1f1f4;
  padding: 0;
}
.dashboard-header-banner .\--title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.dashboard-header-banner .\--subtitle {
  font-size: 12px;
  color: #4d5760;
}
.dashboard-header-banner .card-container {
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-radius: inherit;
}
.dashboard-header-banner .card-container .is-info {
  width: 70%;
  display: block;
}
@media (max-width: 768px) {
  .dashboard-header-banner .card-container .is-info {
    width: 60%;
  }
}
.dashboard-header-banner .card-container .side-cta {
  margin: 0;
  font-size: initial;
  font-size: unset;
  right: -8rem;
  top: 0;
  right: -4rem;
}
.dashboard-header-banner .card-container .side-cta img, .dashboard-header-banner .card-container .side-cta svg {
  width: 250px;
  max-width: 350px;
  max-height: 350px;
  max-height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
body.is-dark .dashboard-header-banner {
  background: #222;
}
body.is-dark .dashboard-header-banner svg {
  stroke: #fff;
}

.subtitle-border {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E6E8EC;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #B1B5C3;
}

.sandy-setting-header {
  margin: 4vw 0 0 1px;
  color: #15171a;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.35px;
  font-size: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #e6e9eb;
}
.sandy-setting-header:first-child {
  margin-top: 0;
}

.settings-card {
  display: flex;
  color: #394047;
  padding: 20px 20px 20px 0;
  min-height: 85px;
  text-align: left;
}
.settings-card .settings-card-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background: #15171a;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 10px;
  color: #fff;
}
.settings-card .settings-card-avatar svg {
  stroke: #fff;
  stroke-width: 4px;
}
.settings-card .settings-card-info {
  margin-left: 14px;
  flex-shrink: 1;
}
.settings-card .settings-card-info h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 4px 0 2px;
}
.settings-card .settings-card-info p {
  color: #7c8b9a;
  margin: 4px 0 0;
  font-size: 13px;
}

.story-block-card-v1 {
  display: flex;
  width: 100%;
  height: 220px;
  padding: 30px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  background: #f1f1f4;
  border-radius: 20px;
}
.story-block-card-v1 .story-block-card-v1-info {
  margin-right: 20px;
  margin-left: 0;
  align-items: flex-start;
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (max-width: 479px) {
  .story-block-card-v1 .story-block-card-v1-info {
    margin-right: 15px;
  }
}
.story-block-card-v1 .story-block-card-v1-info .is-topic {
  transition: opacity 250ms ease;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .story-block-card-v1 .story-block-card-v1-info .is-topic {
    text-align: center;
  }
}
.story-block-card-v1 .story-block-card-v1-info .is-title {
  margin-top: 8px;
  font-size: 21px;
  line-height: 1.4em;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0px;
  margin-right: 0;
  margin-bottom: 0;
  color: #000;
}
@media (max-width: 992px) {
  .story-block-card-v1 .story-block-card-v1-info .is-title {
    font-size: 19px;
    text-align: left;
    letter-spacing: 0.4px;
  }
}
.story-block-card-v1 .is-thumbnail {
  min-height: 150px;
  min-width: 150px;
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 200px;
}
@media (max-width: 992px) {
  .story-block-card-v1 .is-thumbnail {
    min-height: 120px;
    min-width: 120px;
  }
}
@media (max-width: 479px) {
  .story-block-card-v1 .is-thumbnail {
    min-height: 100px;
    min-width: 100px;
  }
}

.div-block-10 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 550px;
  background-image: linear-gradient(180deg, rgba(236, 207, 207, 0.26), rgba(232, 236, 207, 0.29));
}

.hero {
  background-color: #fff;
  color: #000;
  padding: 120px 0 0 0;
}
.hero .button, .hero .button_secondary, .hero .button_black, .hero .button_outline {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.2px;
  padding: 12px 16px;
  display: flex;
  background-color: #2958ff;
  color: #fff;
  justify-content: center;
  border-radius: 55px;
  font-weight: 500;
  transition: background-color 0.15s ease-in, color 0.15s ease-in, border-color 0.15s ease-in;
  border: 2px solid #2958ff;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .hero .button, .hero .button_secondary, .hero .button_black, .hero .button_outline {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
}
@media screen and (min-width: 992px) {
  .hero .button, .hero .button_secondary, .hero .button_black, .hero .button_outline {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.3px;
  }
}
.hero .button:hover, .hero .button_secondary:hover, .hero .button_black:hover, .hero .button_outline:hover {
  cursor: pointer;
  background-color: #5c80ff;
  border-color: #5c80ff;
  text-decoration: none;
  color: #fff;
}
.hero .button:focus, .hero .button_secondary:focus, .hero .button_black:focus, .hero .button_outline:focus {
  outline: none;
}
.hero .button_secondary {
  background-color: #bcfe2f;
  border: 2px solid #bcfe2f;
  color: #000;
}
.hero .button_secondary:hover {
  background-color: #ddfe95;
  border-color: #ddfe95;
  color: #333;
}
.hero .button_black {
  background-color: #262626;
  border: 2px solid #262626;
  color: #fff;
}
.hero .button_black:hover {
  background-color: #595959;
  border-color: #595959;
  color: #fff;
}
.hero .button_outline {
  background-color: #fff;
  color: #262626;
  border: 2px solid #262626;
}
.hero .button_outline:hover {
  background-color: #fff;
  border-color: #595959;
  color: #595959;
}

.hero__tag-container {
  margin: 0 0 25px 0;
  display: flex;
}
.hero__tag-container .tag, .hero__tag-container .tag_light {
  margin-right: 10px;
}
.hero__tag-container .tag:last-child, .hero__tag-container .tag_light:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .hero__tag-container {
    margin: 0 0 28px 0;
  }
}
@media screen and (min-width: 992px) {
  .hero__tag-container {
    margin: 0 0 36px 0;
  }
}
.hero .title_big {
  max-width: 427px;
}

.hero__subtitle {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.03em;
  margin: 20px 0 30px;
  color: #8c8c8c;
  max-width: 427px;
}

@media screen and (min-width: 768px) {
  .hero__subtitle {
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.03em;
  }
}
@media screen and (min-width: 992px) {
  .hero__subtitle {
    font-size: 21px;
    line-height: 140%;
    letter-spacing: -0.03em;
  }
}
.hero__button-group {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.hero__button-group .button, .hero__button-group .button_secondary, .hero__button-group .button_black, .hero__button-group .button_outline {
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px;
}
.hero__button-group .button:last-child, .hero__button-group .button_secondary:last-child, .hero__button-group .button_black:last-child, .hero__button-group .button_outline:last-child {
  margin-bottom: 0;
}
.hero__button-group svg {
  margin-top: 30px;
  margin-left: 0;
}

.hero__footer-text {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #999;
  margin-top: 40px;
  margin-bottom: 0;
}

.hero picture {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero__image {
  width: 100%;
}

@media (min-width: 420px) {
  .hero__button-group .button, .hero__button-group .button_secondary, .hero__button-group .button_black, .hero__button-group .button_outline {
    width: auto;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .hero__button-group .button:last-child, .hero__button-group .button_secondary:last-child, .hero__button-group .button_black:last-child, .hero__button-group .button_outline:last-child {
    margin-right: 0;
  }
  .hero__button-group svg {
    margin-top: 0;
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .hero__footer-text {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.two-colls {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.two-colls__item {
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
}
.two-colls__item:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .two-colls {
    flex-direction: row;
  }

  .two-colls__item {
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 0;
  }
  .two-colls__item:nth-child(2n) {
    margin-right: 0;
  }
}
.tag {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 8px;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.55);
  text-transform: uppercase;
  border-radius: 8px;
}

.tag_light {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 8px;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.55);
  text-transform: uppercase;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.55);
}

.title_big {
  font-size: 45px;
  line-height: 90%;
  letter-spacing: -0.05em;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .title_big {
    font-size: 56px;
    line-height: 90%;
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 992px) {
  .title_big {
    font-size: 65px;
    line-height: 90%;
    letter-spacing: -0.05em;
  }
}
.title_small {
  font-size: 28px;
  line-height: 110%;
  letter-spacing: -0.05em;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .title_small {
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 992px) {
  .title_small {
    font-size: 35px;
    line-height: 110%;
    letter-spacing: -0.05em;
  }
}
.subtitle {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 768px) {
  .subtitle {
    font-size: 15px;
    line-height: 140%;
    letter-spacing: -0.03em;
  }
}
@media screen and (min-width: 992px) {
  .subtitle {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.03em;
  }
}
.container_thin {
  width: 100%;
  max-width: 1200px;
  padding: 0 30px;
  margin: 0 auto;
}

.hero-preview {
  position: relative;
  /*! -webkit-perspective:1000px; */
  /*! perspective:1000px */
  width: 100%;
  height: 300px;
}

.hero-shape {
  padding-bottom: 45.6%;
}

.layer {
  z-index: 2;
}

.image-32 {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

.hero-preview-item {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.hero-preview-item.b-1 {
  left: -5.77%;
  top: -18.5%;
  width: 111%;
}
.hero-preview-item.b-2 {
  left: 27.5%;
  top: 87%;
  width: 14%;
}
.hero-preview-item.b-3 {
  left: 38.2%;
  top: 1%;
  width: 12.3%;
}
.hero-preview-item.b-4 {
  left: 80%;
  top: 8%;
  width: 15%;
}
.hero-preview-item.b-5 {
  left: 75%;
  top: -18%;
  width: 10%;
}
.hero-preview-item.b-6 {
  left: 87%;
  top: -16%;
  width: 11%;
}
.hero-preview-item.b-7 {
  left: 14.2%;
  top: 97%;
  width: 14%;
}
.hero-preview-item.b-8 {
  left: 85%;
  top: 58%;
  width: 21%;
}
.hero-preview-item.b-9 {
  left: 94.8%;
  top: 7.6%;
  width: 9%;
}
.hero-preview-item.b-10 {
  left: 1%;
  top: -5%;
  width: 11%;
}
.hero-preview-item.b-11 {
  left: 12.8%;
  top: 5.6%;
  width: 14%;
}
.hero-preview-item.b-12 {
  left: 41.2%;
  top: 84.2%;
  width: 13%;
}

.preview-ui {
  position: relative;
  margin-left: -14px;
}
@media (max-width: 991px) {
  .preview-ui {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .preview-ui {
    max-width: 584px;
    margin-right: auto;
    margin-left: auto;
  }
}

.preview-ui-image {
  border-radius: 24px;
}

.preview-ui-item {
  position: absolute;
}
.preview-ui-item.p-1 {
  left: -17%;
  top: 20%;
  width: 12%;
}
.preview-ui-item.p-2 {
  left: 83%;
  top: 10%;
  width: 12%;
}
.preview-ui-item.p-3 {
  left: 66%;
  top: 15%;
  width: 47%;
}
.preview-ui-item.p-4 {
  left: -44px;
  top: 29%;
  width: 29%;
}
.preview-ui-item.p-5 {
  left: 83%;
  top: 47%;
  width: 25%;
}
.preview-ui-item.p-6 {
  left: -16%;
  top: 62%;
  width: 6%;
}
.preview-ui-item.p-7 {
  left: -10%;
  top: 69%;
  width: 24%;
}
.preview-ui-item.p-8 {
  left: 58%;
  top: 72%;
  width: 40%;
}
.preview-ui-item.p-9 {
  left: 103%;
  top: 78%;
  width: 8.3%;
}
.preview-ui-item.k-1 {
  left: 2%;
  top: 14%;
  width: 6%;
}
.preview-ui-item.k-2 {
  left: -14%;
  top: 20%;
  width: 23.8%;
}
.preview-ui-item.k-4 {
  left: 96%;
  top: 21%;
  width: 8%;
}
.preview-ui-item.k-5 {
  left: 88%;
  top: 36%;
  width: 24%;
}
.preview-ui-item.k-6 {
  left: -15%;
  top: 46%;
  width: 26%;
}
.preview-ui-item.k-7 {
  left: 69%;
  top: 49%;
  width: 43%;
}
.preview-ui-item.k-8 {
  left: -13%;
  top: 71%;
  width: 7.7%;
}
.preview-ui-item.k-9 {
  left: -17%;
  top: 74%;
  width: 46%;
}

.section-block {
  position: relative;
  max-width: 312px;
}
@media (min-width: 1280px) {
  .section-block {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  .section-block {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}

.h2-bolder {
  margin-top: 0;
  margin-bottom: 0;
  color: #2e2e33;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: -0.02em;
  font-weight: 700;
}
@media (min-width: 1280px) {
  .h2-bolder {
    font-size: 56px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  .h2-bolder {
    font-size: 38px;
    line-height: 44px;
  }
}
@media (max-width: 768px) {
  .h2-bolder {
    font-size: 32px;
    line-height: 40px;
  }
}

.subtitle-s {
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 1280px) {
  .subtitle-s {
    margin-top: 32px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 992px) {
  .subtitle-s {
    margin-top: 16px;
  }
}

.home-section {
  min-height: 825px;
  padding-top: 120px;
  padding-bottom: 120px;
}
.home-section.has-pattern {
  background-size: cover;
  background-image: url("../image/others/Pattern_Shape.svg");
}

.sandy-container {
  max-width: 1288px;
  margin-top: 20px;
  padding-right: 64px;
  padding-left: 64px;
}
@media screen and (max-width: 991px) {
  .sandy-container {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 479px) {
  .sandy-container {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .sandy-container {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-right: 56px;
    padding-left: 56px;
  }
}

.layouts-view .layouts-preview:first-child {
  width: 786px;
}
.layouts-view .layouts-preview:nth-child(2) {
  top: -76px;
  right: -52px;
  width: 200px;
}
.layouts-view .layouts-preview:nth-child(3) {
  right: 110px;
  bottom: 61px;
  width: 99px;
}
.layouts-view .layouts-preview:nth-child(4) {
  left: 47px;
  bottom: -21px;
  width: 200px;
}
.layouts-view .layouts-preview:nth-child(5) {
  top: -155px;
  left: 19px;
  width: 426px;
}
.layouts-view .layouts-preview:not(:first-child) {
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .layouts-view .layouts-preview:first-child {
    width: 730px;
  }
  .layouts-view .layouts-preview:nth-child(2) {
    top: -80px;
    width: 210px;
  }
  .layouts-view .layouts-preview:nth-child(3) {
    display: none;
  }
  .layouts-view .layouts-preview:nth-child(4) {
    width: 200px;
  }
  .layouts-view .layouts-preview:nth-child(5) {
    width: 400px;
  }
}
@media only screen and (max-width: 1023px) {
  .layouts-view .layouts-preview:nth-child(2) {
    right: 150px;
    width: 150px;
  }
  .layouts-view .layouts-preview:nth-child(4) {
    left: 140px;
    width: 150px;
  }
  .layouts-view .layouts-preview:nth-child(5) {
    top: -100px;
    left: 160px;
    width: 300px;
  }
}
@media (max-width: 767px) {
  .layouts-view .layouts-preview:first-child {
    width: auto;
    max-width: 600px;
    margin: 0 auto;
  }
  .layouts-view .layouts-preview:nth-child(2) {
    top: 40px;
    right: calc(50% - 170px);
    width: 120px;
  }
  .layouts-view .layouts-preview:nth-child(4) {
    left: calc(50% - 180px);
    bottom: 125px;
    width: 120px;
  }
  .layouts-view .layouts-preview:nth-child(5) {
    top: -66px;
    left: calc(50% - 197px);
    width: 234px;
  }
}

.link-block-cta {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 480px;
  padding: 20px 160px 20px 20px;
  border-radius: 12px;
  background-image: linear-gradient(90deg, #eeeeee, #f3f3f3);
  color: #000;
}
.link-block-cta .link-block-cta-text {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
}
.link-block-cta .link-block-cta-heading {
  margin-top: 0;
  margin-right: 12px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.link-block-cta img {
  position: absolute;
  top: 18px;
  right: -20px;
}
.link-block-cta .link-block-cta-gs i {
  transition: 0.5s;
}
.link-block-cta:hover .link-block-cta-gs i {
  transform: translate3d(8px, 0px, 0px);
}

.quality {
  position: relative;
}

.quality-head {
  position: relative;
  padding: 300px 0 90px;
}

.quality-stage {
  margin-bottom: 24px;
  color: #C75C6F;
}

.quality-top {
  margin-bottom: 48px;
}

.quality-info {
  max-width: 410px;
}

.quality-line, .quality-preview, .quality-circle, .quality-icon {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.quality-line {
  position: absolute;
  top: 0;
  left: calc(50% - 517px);
  bottom: -1px;
  font-size: 0;
}

.quality-line .quality-pic {
  width: auto;
  height: 100%;
}

.quality-preview {
  top: 126px;
  right: calc(50% - 724px);
  width: 480px;
  font-size: 0;
}

.quality-pic {
  width: 100%;
}

.quality-body {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #E3E6E9;
}

.quality-col {
  display: flex;
  align-items: center;
  flex: 0 0 50%;
  width: 50%;
  height: 444px;
  padding-top: 5px;
  border-bottom: 1px solid #E3E6E9;
}

.quality-col:nth-child(2n+1) {
  border-right: 1px solid #E3E6E9;
}

.quality-col:nth-child(2n+1) .quality-item {
  margin-left: auto;
  margin-right: 100px;
}

.quality-col:nth-child(2n) .quality-item {
  margin-left: 100px;
}

.quality-col:nth-child(1) .quality-icon {
  top: 3px;
  left: -18px;
  width: 295px;
}

.quality-col:nth-child(2) .quality-icon {
  top: -11px;
  left: -71px;
  width: 255px;
}

.quality-col:nth-child(2) .quality-link {
  color: #5956E9;
}

.quality-col:nth-child(2) .quality-link .icon {
  fill: #5956E9;
}

.quality-col:nth-child(3) .quality-icon {
  top: 0;
  left: -33px;
  width: 202px;
}

.quality-col:nth-child(4) .quality-icon {
  top: 0;
  left: -162px;
  width: 348px;
}

.quality-item {
  position: relative;
  max-width: 420px;
  padding-left: 180px;
}

.quality-category {
  margin-bottom: 24px;
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.quality-text {
  margin-bottom: 46px;
  color: #999FAE;
}

.quality-link {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: #292930;
}

.quality-link .icon {
  margin-left: 20q;
  font-size: 14px;
  fill: #292930;
  transition: transform 0.25s;
}

.quality-link:hover .icon {
  transform: translateX(3px);
}

.quality-circle {
  border-radius: 50%;
}

.quality-circle:first-child {
  top: -74px;
  right: calc(50% - 577px);
  width: 148px;
  height: 148px;
  background: #5956E9;
}

.quality-circle:nth-child(2) {
  top: 356px;
  right: calc(50% - 618px);
  width: 40px;
  height: 40px;
  background: #FFDC60;
}

.parallax-item {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
}
.parallax-item.p-1 {
  left: 86.5%;
  top: -15%;
  width: 53px;
}
.parallax-item.p-2 {
  left: -1%;
  top: 2%;
  z-index: 2;
  width: 70px;
}
.parallax-item.p-3 {
  left: -5.5%;
  top: 12%;
  width: 44px;
}
.parallax-item.p-4 {
  left: 93.5%;
  top: 13.5%;
  width: 88px;
}
@media screen and (min-width: 1280px) {
  .parallax-item.p-1 {
    left: 82.5%;
  }
  .parallax-item.p-2 {
    left: -0.5%;
    top: -2.5%;
  }
  .parallax-item.p-3 {
    left: -12.5%;
  }
  .parallax-item.p-4 {
    left: 93%;
  }
}
@media screen and (max-width: 991px) {
  .parallax-item.p-1 {
    left: 88.5%;
    top: -11%;
  }
  .parallax-item.p-2 {
    left: -2%;
    top: 5.5%;
  }
  .parallax-item.p-3 {
    display: none;
  }
  .parallax-item.p-4 {
    left: 94%;
    top: 4%;
  }
}
@media screen and (max-width: 767px) {
  .parallax-item.p-1 {
    left: 82.5%;
    top: -7.5%;
    width: 32px;
  }
  .parallax-item.p-2 {
    left: -10%;
    top: -2%;
  }
  .parallax-item.p-3 {
    left: 6.5%;
    top: 5.5%;
    display: block;
    width: 36px;
  }
  .parallax-item.p-4 {
    left: 87%;
    top: 49.5%;
    width: 72px;
  }
}

.details__head {
  max-width: 580px;
  margin: 0 auto 80px;
  text-align: center;
}

@media only screen and (max-width: 1179px) {
  .details__head {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .details__head {
    text-align: left;
  }
}
.details__stage {
  margin-bottom: 8px;
  color: #777E90;
}

.details__list {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .details__list {
    display: block;
  }
}
.details__item {
  flex: 0 0 31%;
  padding: 34px 83px;
}
.details__item:first-child {
  padding-left: 0;
}
.details__item:nth-child(2) {
  flex: 0 0 38%;
  border-width: 0 1px;
  border-style: solid;
  border-color: #E6E8EC;
}

@media only screen and (max-width: 1339px) {
  .details__item {
    padding: 34px 64px;
  }
}
@media only screen and (max-width: 1179px) {
  .details__item {
    padding: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .details__item {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .details__item:nth-child(2) {
    border: none;
  }
}
.details__item:last-child {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .details__item:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E8EC;
  }
}
.details__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 32px;
}

.details__category {
  margin-bottom: 32px;
  font-weight: 600;
}

.details__content {
  font-size: 14px;
  line-height: 1.71429;
  color: #777E90;
}

.sandy-compact-embed {
  display: flex;
  max-width: 100%;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 15px;
}
body.is-dark .sandy-compact-embed {
  background: #171719;
}
.sandy-compact-embed .sandy-compact-embed-thumb {
  min-width: 110px;
  width: 110px;
  min-height: 110px;
  border-radius: inherit;
}
.sandy-compact-embed .sandy-compact-embed-thumb img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 360px) {
  .sandy-compact-embed .sandy-compact-embed-thumb {
    min-width: 100px;
    width: 100px;
    min-height: 100px;
  }
}
.sandy-compact-embed .sandy-compact-embed-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 12px 15px;
  overflow: hidden;
}
@media (max-width: 360px) {
  .sandy-compact-embed .sandy-compact-embed-content {
    padding: 8px 10px;
  }
}
.sandy-compact-embed .sandy-compact-embed-title {
  color: #000;
  -webkit-line-clamp: 1;
  max-height: 1.4rem;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 360px) {
  .sandy-compact-embed .sandy-compact-embed-title {
    font-size: 13px;
  }
}
.sandy-compact-embed .sandy-compact-embed-description {
  font-size: 13px;
  margin-bottom: 0.6em;
  max-height: 2.8em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 360px) {
  .sandy-compact-embed .sandy-compact-embed-description {
    font-size: 12px;
  }
}
.sandy-compact-embed .sandy-compact-embed-site {
  display: flex;
  align-items: center;
}
.sandy-compact-embed .sandy-compact-embed-site .sandy-compact-embed-site-thumb img {
  display: block;
  min-width: 16px;
  min-height: 16px;
  width: 1em;
  height: 1em;
  margin-right: 6px;
}
.sandy-compact-embed .sandy-compact-embed-site span {
  font-size: 13px;
}
@media (max-width: 360px) {
  .sandy-compact-embed .sandy-compact-embed-site span {
    font-size: 12px;
  }
}

@-webkit-keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1440deg);
  }
}
@keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1440deg);
  }
}
/**
 * When `<dialog>` is properly supported, the overlay is implied and can be
 * styled with `::backdrop`, which means the DOM one should be removed.
 */
[data-a11y-dialog-native] .dialog-overlay {
  display: none;
}

/**
   * When `<dialog>` is not supported, its default display is `inline` which can
   * cause layout issues.
   */
dialog[open] {
  display: block;
}

.sandy-embed-dialog-container[aria-hidden=true] {
  display: none;
}

/* -------------------------------------------------------------------------- *\
   * Styling to make the dialog look like a dialog
   * -------------------------------------------------------------------------- */
.sandy-embed-dialog-container {
  z-index: 999999998;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sandy-embed-dialog-overlay {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.66);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sandy-embed-dialog-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding: 76px;
  overflow: auto;
  pointer-events: none;
}

.sandy-embed-dialog-content-wrapper a, .sandy-embed-dialog-content-wrapper button {
  pointer-events: all;
}

@media only screen and (max-width: 1024px) {
  .sandy-embed-dialog-content-wrapper {
    padding: 76px 4px 76px 4px;
  }
}
@media only screen and (max-height: 400px) {
  .sandy-embed-dialog-content-wrapper {
    padding: 4px;
  }
}
.sandy-embed-dialog-content {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  pointer-events: all;
}

.sandy-embed-dialog-content iframe,
.sandy-embed-dialog-content embed {
  border: 0;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  border-radius: 4px !important;
}

.sandy-embed-dialog-iframe-fill iframe,
.sandy-embed-dialog-content embed {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.8);
}

/* -------------------------------------------------------------------------- *\
   * Extra dialog styling to make it shiny
   * -------------------------------------------------------------------------- */
@-webkit-keyframes sandy-embed-card-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sandy-embed-card-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes sandy-embed-card-appear {
  from {
    transform: translate(0 -50px);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes sandy-embed-card-appear {
  from {
    transform: translate(0 -50px);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.sandy-embed-dialog-container:not([aria-hidden=true]) > .sandy-embed-dialog-overlay {
  -webkit-animation: sandy-embed-card-fade-in 200ms both;
          animation: sandy-embed-card-fade-in 200ms both;
}

/* .sandy-embed-dialog-container:not([aria-hidden='true'])  .sandy-embed-dialog-content iframe{
    animation: sandy-embed-card-fade-in 400ms 200ms both, sandy-embed-card-appear 400ms 200ms both;
} */
.sandy-embed-dialog-close {
  color: #fff;
  position: fixed !important;
  top: 20px;
  right: 20px;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transition: 0.15s;
  opacity: 0.85;
  border-radius: 100px;
  outline: none;
}

.sandy-embed-dialog-close:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
}

.sandy-embed-dialog-source {
  position: fixed !important;
  top: 20px;
  right: 76px;
  z-index: 1000;
  outline: none;
}

.sandy-embed-dialog-btn {
  font-family: Tahoma, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 36px;
  padding: 0 15px;
  border-radius: 50px;
  height: 36px;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.25px;
}

.sandy-embed-dialog-btn-white:hover {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  opacity: 1;
}

.sandy-embed-dialog-btn-white {
  color: white !important;
  opacity: 0.85;
}

.sandy-embed-dialog-content .twitter-timeline,
.sandy-embed-dialog-content .twitter-tweet:not(.twitter-tweet-rendered) {
  display: none;
}

.sandy-embed-dialog-content .twitter-tweet {
  height: 100%;
  overflow: auto;
  border-radius: 12px;
}

.bio-installation-bar-wrapper .notification-bar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
  padding-left: 10px;
}
.bio-installation-bar-wrapper .notification-bar.hide {
  display: none !important;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar {
  background: #222;
  color: #fff;
}
@media (max-width: 768px) {
  .bio-installation-bar-wrapper .notification-bar {
    width: calc(100% - 80px);
  }
}
.bio-installation-bar-wrapper .notification-bar .add-pwa {
  font-weight: 500;
  padding: 0 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 40px;
  width: 40px;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  background: #e6e6ea;
  margin-right: 5px;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar .add-pwa {
  background: #000;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar .add-pwa i {
  color: #fff;
}
.bio-installation-bar-wrapper .notification-bar .text-sticker {
  cursor: pointer;
  box-shadow: rgba(38, 50, 56, 0.16) 0px 8px 16px, rgba(0, 0, 0, 0.3) 0px 4px 5px -4px, rgba(255, 255, 255, 0.5) 0px 2px 5px inset, rgba(0, 0, 0, 0.2) 0px -1px 3px inset;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar .text-sticker {
  background: #000;
  color: #fff;
}
.bio-installation-bar-wrapper .notification-bar .ios-sprite {
  fill: none;
  stroke: #449afc;
  stroke-width: 2;
  width: 30px;
  height: 30px;
}
.bio-installation-bar-wrapper .notification-bar::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 15px;
  width: 32px;
  height: 13px;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg width='32' height='13' viewBox='0 0 32 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3432 2.65685L0 13H32L21.6569 2.65686C18.5327 -0.467339 13.4673 -0.467344 10.3432 2.65685Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A") no-repeat 100% 50%/100% auto;
}
.bio-installation-bar-wrapper .notification-bar.is-android::before {
  content: initial;
}
.bio-installation-bar-wrapper .notification-bar.is-ios {
  bottom: 2.4vh;
}
.bio-installation-bar-wrapper .notification-bar.is-ios::before {
  top: initial;
  right: initial;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%) rotate(180deg);
}
.dashboard-wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
  min-height: 100vh;
  color: #131517;
}
@media (max-width: 650px) {
  .dashboard-wrapper {
    flex-direction: column;
  }
}
.dashboard-wrapper .nav-sidebar {
  width: 16rem;
  position: relative;
}
.dashboard-wrapper .nav-sidebar .navbar-content {
  padding: 20px;
  position: fixed;
  width: inherit;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-top: 30px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 20px 20px 15px;
}
@media (max-width: 768px) {
  .dashboard-wrapper .nav-sidebar .navbar-content {
    width: 100%;
    margin-top: 0;
  }
}
.dashboard-wrapper .nav-sidebar .navbar-profile-balance {
  padding: 0 0.5rem;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-balance .-balance {
  font-weight: 500;
  font-size: 20px;
  color: #000000;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-balance .-label {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-balance .-currency img {
  width: 20.78px;
  height: 22px;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-item {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  background: #000;
}
@media (max-width: 768px) {
  .dashboard-wrapper .nav-sidebar .navbar-profile-item {
    padding-left: 35px;
  }
}
.dashboard-wrapper .nav-sidebar .navbar-profile-item .-avatar {
  margin-right: 14px;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-item .-avatar img {
  width: 62px;
  height: 62px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-item .\--pill-plan {
  min-width: 116px;
  background: #45B8E2;
  color: #fff;
  border-radius: 550px;
  height: 22px;
  font-size: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-item .-content .\--name {
  font-weight: 400;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 3px;
  color: #fff;
}
.dashboard-wrapper .nav-sidebar .navbar-profile-item .-content .\--username {
  font-weight: 500;
  font-size: 12px;
  color: #C3C3C3;
}
.dashboard-wrapper .nav-sidebar .profile-page-card .profile-page-card-inner {
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #000;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dashboard-wrapper .nav-sidebar .profile-page-card .profile-page-card-inner:hover {
  color: #000;
  background-color: #ebeced;
}
.dashboard-wrapper .nav-sidebar .profile-page-card .item-name .name {
  font-size: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-wrapper .nav-sidebar .profile-page-card .item-name .info {
  font-size: 0.75rem;
}
.dashboard-wrapper .nav-sidebar .profile-page-card .item-name .info .url {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-wrapper .nav-sidebar .sign-out-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  color: #000;
  font-weight: 500;
  border-radius: 0.5rem;
}
.dashboard-wrapper .nav-sidebar .sign-out-btn:hover {
  color: #000;
  background-color: #ebeced;
}
.dashboard-wrapper .nav-sidebar .logo-wrapper a {
  display: inline-block;
  margin-bottom: 3rem;
  padding: 0.5rem;
  border-radius: 100px;
  color: #de3163;
}
.dashboard-wrapper .nav-sidebar .logo-wrapper svg, .dashboard-wrapper .nav-sidebar .logo-wrapper img {
  width: 160px;
  height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.dashboard-wrapper .nav-sidebar .active-nav-item {
  position: sticky;
  bottom: 11px;
  background: #00BBE7;
  color: #fff;
  height: 62px;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0;
  padding: 12px 30px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .dashboard-wrapper .nav-sidebar .active-nav-item {
    bottom: 0;
  }
}
.dashboard-wrapper .nav-sidebar .active-nav-item svg {
  transform: scale(1.17);
  height: 1.5rem;
  width: 1.5rem;
  stroke: #fff;
}
@media (max-width: 768px) {
  .dashboard-wrapper .nav-sidebar .navbar-items {
    zoom: 0.9;
  }
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item {
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #131517;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 1px solid #EDEDED;
  border-radius: 0;
  padding: 12px 13px;
}
@media (max-width: 768px) {
  .dashboard-wrapper .nav-sidebar .navbar-items .navbar-item {
    padding-left: 35px;
    padding-right: 18px;
  }
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item .n-icon {
  width: 2.5rem;
  height: 2.5rem;
  background: #f4f5f6;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 550px;
  margin-right: 15px;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item .n-icon svg {
  width: 100%;
  height: 100%;
  margin: 0;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item .-go-arrow {
  margin-left: auto;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item .-go-arrow svg {
  stroke-width: 4;
  stroke: #d5d5d5;
  margin: 0;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item:hover {
  color: #131517;
  background-color: #ebeced;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item svg, .dashboard-wrapper .nav-sidebar .navbar-items .navbar-item img {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 1.25rem;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item svg {
  transform: scale(1.17);
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 650px) and (max-width: 820px) {
  .dashboard-wrapper .nav-sidebar {
    width: 4.75rem;
  }
  .dashboard-wrapper .nav-sidebar .profile-page-card-inner .item-name {
    display: none;
  }
  .dashboard-wrapper .nav-sidebar .sign-out-btn {
    padding: 0;
  }
  .dashboard-wrapper .nav-sidebar .nav-tag {
    display: none;
  }
  .dashboard-wrapper .nav-sidebar .navbar-items .navbar-item {
    border-radius: 100px;
  }
  .dashboard-wrapper .nav-sidebar .navbar-items .navbar-item svg, .dashboard-wrapper .nav-sidebar .navbar-items .navbar-item img {
    margin-right: 0;
  }
  .dashboard-wrapper .nav-sidebar .navbar-items .navbar-item .navbar-name {
    display: none;
  }
}
.dashboard-wrapper .header-side {
  background-color: #fff;
  flex-grow: 1;
  align-items: flex-end;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: none;
  background-image: none;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  z-index: 1200;
  position: relative;
  background-color: #252525;
  color: white;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
@media (max-width: 1000px) {
  .dashboard-wrapper .header-side {
    flex: 0 1 0%;
  }
}
.dashboard-wrapper .header-side.active {
  transform: translateX(0%);
}
@media (max-width: 650px) {
  .dashboard-wrapper .header-side {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 9000;
    align-items: stretch;
    transform: translateX(-100%);
    transition: transform 0.3s;
  }
}
@media (max-width: 768px) {
  .dashboard-wrapper .header-side {
    z-index: 9002;
  }
}
.dashboard-wrapper .dashboard-main {
  flex-grow: 1;
  background: #f4f5f6;
  position: relative;
  min-width: 0px;
}
.dashboard-wrapper .dashboard-main .dashboard-main-content {
  width: 46.25rem;
  max-width: 100%;
  padding: 1.5rem 2rem 6rem;
}
.dashboard-wrapper .dashboard-main .dashboard-main-content.\--is-admin {
  width: 70.25rem;
}
@media (max-width: 1000px) {
  .dashboard-wrapper .dashboard-main .dashboard-main-content {
    width: auto;
  }
}
@media (max-width: 650px) {
  .dashboard-wrapper .dashboard-main .dashboard-main-content {
    padding: 1.5rem;
  }
}

.tab-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #131517;
  margin-bottom: 0.75rem;
}
@media (max-width: 650px) {
  .tab-title {
    font-size: 1.5rem;
  }
}
.tab-title .greeting {
  color: #beb5b7;
  font-weight: 400;
  margin-bottom: 0.25rem;
}

.quick-actions .quick-action {
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.quick-actions .quick-action:hover {
  background-color: #212325;
}
.quick-actions .quick-action:hover .arrow-go {
  color: white;
  margin-left: 0.25rem;
}
.quick-actions .quick-action:hover .quick-action-inner {
  color: white;
}
.quick-actions .quick-action .quick-action-inner {
  font-weight: 500;
  font-size: 1.1rem;
  color: #131517;
  margin-bottom: 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.quick-actions .quick-action .arrow-go {
  color: #b3b5b7;
  font-weight: 500;
  font-size: 1.1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.quick-actions .quick-action svg {
  position: absolute;
  color: #93959722;
  stroke: #93959722;
  width: 3rem;
  height: 3rem;
  right: -1rem;
  bottom: -0.75rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-header-smiley {
  padding: calc(25px * 1.5);
  text-align: center;
  margin: 0 calc(40px * 0.5);
  margin-bottom: calc(40px * 1.8);
  margin-top: calc(40px * 0.5);
}
.main-header-smiley img {
  margin-bottom: calc(20px * 1.2);
  width: 60px;
  height: 60px;
}
.main-header-smiley h1 {
  font-weight: 570;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.3px;
  text-align: center;
}

.can-divide + .with-divider {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ebeced;
}

.bio-bar-container {
  position: fixed;
  bottom: 2rem;
  z-index: 9999;
  left: 50%;
  transform: translate(-50%, 0);
  background: #000;
  border-radius: 550px;
  overflow: hidden;
}
@media (min-width: 820px) {
  .bio-bar-container {
    transform: translate(-22%, 0);
  }
}
.bio-bar-container .bio-bar-actions {
  display: flex;
  align-items: center;
}
.bio-bar-container a {
  padding: 0.5rem 1.5rem;
  margin: 0;
  border-radius: 0;
  font-size: 0.9rem;
  font-weight: 200;
  color: white;
  border: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .bio-bar-container a {
    padding-right: 2.8rem;
    padding-left: 2.8rem;
  }
}
.bio-bar-container a svg, .bio-bar-container a img {
  color: #fff;
  width: 18px;
  height: 18px;
  margin-right: 0.25rem;
}
@media (min-width: 768px) {
  .bio-bar-container a svg, .bio-bar-container a img {
    width: 20px;
    height: 20px;
  }
}

.modal-header {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #f3f1eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-header .modal-header-title {
  color: #300f19;
  font-size: 1.1rem;
  font-weight: 700;
}
body.is-dark .modal-header .modal-header-title {
  color: #fff;
}
.modal-header .modal-header-close {
  padding: 0px;
  border: 0px;
  border-radius: 100px;
  background-color: #9b8c90;
  color: #fff;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.75;
}
.modal-header .modal-header-close svg {
  width: 1rem;
  height: 1rem;
}

.subtab-wrapper .subtab {
  white-space: nowrap;
  display: inline-block;
  color: #757778;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.subtab-wrapper .subtab:not(:last-child) {
  margin-right: 1rem;
}
.subtab-wrapper .subtab.active {
  color: #db3162;
  border-bottom: 2px solid #db3363;
}

.tab-title-divider {
  border-bottom: 1px solid #eaeaeb;
  margin-bottom: 1.5rem;
}

.bio-wrap {
  width: 700px;
  margin: auto;
  box-shadow: 0 10px 20px 0 rgba(91, 91, 91, 0.04);
  background: #fff;
  max-width: 100%;
}

.nav-mobile-header {
  display: none;
}
@media (max-width: 650px) {
  .nav-mobile-header {
    display: block;
    position: fixed;
    width: 100%;
    background-color: #f4f5f6;
    z-index: 9001;
  }
}
.nav-mobile-header .mobile-top {
  padding: 1rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-mobile-header .sidebar-toggle svg {
  width: 32px;
  height: 20px;
}
.nav-mobile-header .mobile-logo-wrapper .mobile-logo * {
  width: auto;
  height: 1.9rem;
}

.yetti-popup {
  position: absolute;
  z-index: 9999;
  display: none;
  top: 50%;
  width: 100%;
}

.yetti-popup-head .icon {
  width: 24px;
  height: 24px;
}

.yetti-popup-body {
  position: relative;
  z-index: 9999;
  max-width: 700px;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
  background: #FCFCFC;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  transform: translateX(-50%);
  left: 50%;
}

.yetti-popup-top {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.yetti-popup-title {
  margin-right: auto;
}

.yetti-popup-close {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #EFEFEF;
  margin-left: 24px;
}
.yetti-popup-close .icon {
  width: 20px;
  height: 20px;
  fill: #1A1D1F;
  transition: transform 0.2s;
}

body.dark .yetti-popup-close {
  background: #272B30;
}
body.dark .yetti-popup-close .icon {
  fill: #FCFCFC;
}

.yetti-popup-close:hover .icon {
  transform: rotate(90deg);
}

.yetti-popup .form {
  width: 100%;
  margin-bottom: 24px;
}

.yetti-popup-item:not(:last-child) {
  margin-bottom: 24px;
}

.yetti-popup-label {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71429;
  color: #6F767E;
}

.yetti-popup .field__label {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71429;
  color: #6F767E;
}
.yetti-popup .checkbox:not(:last-child) {
  margin-bottom: 12px;
}

.yetti-popup-range {
  margin: 20px 0;
}

.yetti-popup-box {
  position: relative;
}
.yetti-popup-box .select {
  padding-left: 48px;
}
.yetti-popup-box .icon {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 10;
  pointer-events: none;
  width: 24px;
  height: 24px;
  fill: #FFD88D;
}

.yetti-popup-btns {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.yetti-popup-btns .yetti-popup-button:not(:last-child) {
  margin-right: 12px;
}

.yetti-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 28;
  background: rgba(244, 244, 244, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}

body.dark .yetti-popup-overlay {
  background: rgba(39, 43, 48, 0.9);
}

.yetti-popup.active {
  display: block;
}
.yetti-popup.active .yetti-popup-body, .yetti-popup.active .yetti-popup-overlay {
  visibility: visible;
  opacity: 1;
}

.yetti-popup-wrapper {
  position: relative;
}

.news-media-card {
  overflow: hidden;
  background: #eef4ff;
  background-position: 50%;
  background-size: cover;
}
.news-media-card .news-media-title {
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}

.block-lists .separator-title {
  margin: 0 16px;
  padding-top: 16px;
  padding-bottom: 4px;
  color: #2b7aff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-top: 1px solid #ececec;
}
.block-lists .separator-title:first-child {
  border-top: 0;
  padding-top: 0;
}
@media (min-width: 650px) {
  .block-lists .separator-title {
    margin: 0 24px;
  }
}
.block-lists .block-lists-items {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 650px) {
  .block-lists .block-lists-items {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.block-lists .block-lists-icon {
  opacity: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 24px;
  width: 24px;
  margin-right: 16px;
  font-size: 22px;
}
@media (min-width: 650px) {
  .block-lists .block-lists-icon {
    margin-right: 24px;
  }
}
.block-lists .block-lists-icon svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 650px) {
  .sandy-dialog-modal .sandy-dialog.is-mobile-blocks {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }
}

.wj-image-selector-w {
  position: relative;
}
.wj-image-selector-w.active .wj-image-container svg {
  display: none;
}
.wj-image-selector-w.active .wj-image-container img {
  display: block;
}
.wj-image-selector-w:not(.active) .wj-image-container svg {
  display: block;
}
.wj-image-selector-w:not(.active) .wj-image-container img {
  display: none;
}
.wj-image-selector-w input[type=file] {
  position: absolute;
  cursor: pointer;
  z-index: 59;
  height: 100%;
  width: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
.wj-image-selector-w .wj-image-selector-trigger {
  outline: none;
  box-shadow: none;
  border: 3px dotted #E0E6EB;
  margin-bottom: 25px;
  padding: 10px;
  display: block;
  border-radius: 4px;
}
.wj-image-selector-w .wj-image-selector-trigger:hover {
  border-color: #0937ff;
}
.wj-image-selector-w .wj-image-selector-trigger:hover .os-image-selector-text {
  color: #0937ff;
}
.wj-image-selector-w.is-avatar .wj-image-container {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #EEF1F6;
}
.wj-image-selector-w .wj-image-container {
  border: none;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.wj-image-selector-w .wj-image-container img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  --chessboard-size: 8px;
  object-fit: cover;
  background-color: transparent;
  background-image: linear-gradient(45deg, #2a2a2d 25%, transparent 0), linear-gradient(135deg, #2a2a2d 25%, transparent 0), linear-gradient(45deg, transparent 75%, #2a2a2d 0), linear-gradient(135deg, transparent 75%, #2a2a2d 0);
  background-position: 0 0, var(--chessboard-size) 0, var(--chessboard-size) calc(var(--chessboard-size)*-1), 0 calc(var(--chessboard-size)*-1);
  background-size: calc(var(--chessboard-size)*2) calc(var(--chessboard-size)*2);
  border-radius: 550px;
}
.wj-image-selector-w .wj-image-container.has-image:before {
  display: none;
}
.wj-image-selector-w .wj-image-selector-text {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  margin-left: 20px;
  color: #8894AF;
  font-size: 19.2px;
}

.wrapper-stories .swiper-slide {
  flex-shrink: 0;
  max-width: inherit !important;
  width: 100px !important;
  height: 100%;
  position: relative;
  transition-property: transform;
  text-align: center;
  font-size: 18px;
  background: transparent;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.wrapper-stories .story.seen > .item-link {
  opacity: 0.7;
}
.wrapper-stories .story > .item-link {
  width: 100px !important;
  color: #fff;
}
.wrapper-stories .story > .item-link.visited {
  opacity: 0.7;
}
.wrapper-stories .story > .item-link > .info {
  margin-top: 2px !important;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 5px 0px 4px 10px;
  padding-right: 0px;
  text-align: left;
  padding-right: 8px;
  z-index: 4;
  line-height: normal !important;
}
.wrapper-stories .story > .item-link > .info .name {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  text-shadow: none !important;
  box-shadow: none !important;
}
.wrapper-stories .story > .item-link > .info .time {
  display: block !important;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: -4px;
  margin-bottom: 6px;
}
.wrapper-stories .story > .item-link > .item-preview {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100px !important;
  height: 130px !important;
  overflow: hidden !important;
  max-height: inherit !important;
}
.wrapper-stories .story > .item-link > .item-preview img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: 10px !important;
  border: 0 !important;
  padding: 0 !important;
  z-index: 1;
}
.wrapper-stories .story > .item-link > .item-preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  height: 65px;
  bottom: 0;
  top: inherit;
  z-index: 2;
  border-radius: 10px;
}

#zuck-modal #zuck-modal-content .story-viewer::before {
  content: "";
  width: 100%;
  height: 20vh;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#zuck-modal #zuck-modal-content .story-viewer .head .right .close {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  text-decoration: none;
  padding: 0;
  font-size: 20px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides .item > .media {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pagination {
  opacity: 0;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pointers {
  width: 100%;
  padding: 4px 15px;
}
@media (max-width: 1024px) {
  #zuck-modal #zuck-modal-content .story-viewer .slides-pointers {
    left: 0;
    right: 0;
  }
}

.boxStories {
  width: 55px;
  height: 55px;
  border-radius: 550px;
  background: #fff;
}

.add-my-story {
  font-weight: 400;
  line-height: 1.5;
  color: #222032;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
  text-decoration: none;
  text-align: center;
  width: 100%;
  border-bottom: 0;
  padding: 0;
}
.add-my-story .display-text {
  margin-left: auto;
  margin-right: auto;
  margin-top: -5px;
}
.add-my-story .display-text span {
  width: auto;
  overflow: inherit;
  font-size: 12px;
  font-weight: 500;
  color: #1c1a29;
  display: inline-block;
  white-space: nowrap;
  margin-top: 6px;
  text-align: center;
}
.add-my-story .my_img {
  display: inline-flex;
  position: relative;
}
.add-my-story .my_img .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 4px;
  right: 0px;
  font-size: 9px;
  font-weight: 600;
  color: #fff;
  background-color: #395aff;
}
.add-my-story .my_img img {
  border: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 3px;
}
.add-my-story .my_img svg {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-top: 5px;
}

.quick-charts .quick-chart {
  background-color: #fff;
  padding: 1.5rem 1.3rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.quick-charts .quick-chart .quick-chart-body {
  height: 42px;
}
.quick-charts .quick-chart .quick-chart-footer {
  display: flex;
  justify-content: space-between;
  color: #b3b5b7;
  margin-top: 0.25rem;
  font-size: 0.8rem;
}
.quick-charts .quick-chart .quick-chart-footer .title {
  font-weight: 700;
}
.quick-charts .quick-chart .header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.quick-charts .quick-chart .header-row h3 {
  margin-bottom: 0px;
  font-size: 1.125rem;
  font-weight: 700;
}
.quick-charts .quick-chart .header-row .stats {
  color: var(--div-color);
  text-align: right;
  margin-bottom: 0.5rem;
}
.quick-charts .quick-chart .header-row .stats .number {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
}
.quick-charts .quick-chart .header-row .all {
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: #737577;
  font-weight: 700;
}
.quick-charts .quick-chart .header-row .all .label {
  font-weight: 500;
  margin-right: 0.25rem;
}

.opener-box {
  background-color: #f9f8f6;
  color: #1b1b1b;
  border-radius: 35px;
  padding: calc(25px * 1.2);
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 1px solid rgba(30, 30, 31, 0.07);
}
.opener-box button, .opener-box a {
  border-radius: 10px;
  padding: 11px 25px 13px;
  font-weight: bold;
  font-size: 16.5px;
  line-height: 22px;
  letter-spacing: -0.2px;
  background: #f4f5f6;
  color: #1e1e1f;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bg-g-gray {
  background: var(--g-gray);
}

#zuck-modal #zuck-modal-content .story-viewer::before {
  content: "";
  width: 100%;
  height: 20vh;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pointers {
  padding: 4px 15px;
}
#zuck-modal #zuck-modal-content .story-viewer .head {
  padding: 0 20px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 16px !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left {
  margin: 0 !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left .name {
  display: block !important;
  font-size: 14px;
  font-weight: 500 !important;
  color: #fff;
  margin-bottom: 1px;
  line-height: normal !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left .time {
  display: block !important;
  line-height: normal !important;
  font-size: 12px;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left .back {
  display: none !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .right .time {
  display: none !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .item-preview {
  width: 38px !important;
  height: 38px !important;
  margin-right: 12px !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides .item .tip {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
  padding: 10px 18px !important;
  bottom: 34px !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides .item.active .tip {
  -webkit-animation: background-fade 0.5s forwards;
  animation: background-fade 0.5s forwards;
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pagination {
  opacity: 0;
}
#zuck-modal.with-effects {
  transform-origin: bottom center !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
#zuck-modal.with-effects.animated {
  margin-bottom: 0 !important;
}
#zuck-modal.with-effects.closed {
  transform: scale(0.01) translateY(100%) !important;
  opacity: 0;
}

@media (min-width: 992px) {
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination {
    opacity: 1;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .previous {
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .next {
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    right: 20px;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .next::before {
    font-size: 18px;
    color: #fff;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 20px;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .previous::before {
    font-size: 18px;
    color: #fff;
  }
}
#zuck-modal #zuck-modal-content .story-viewer .head, #zuck-modal #zuck-modal-content .story-viewer .slides .item.active .tip {
  zoom: 75% !important;
  -ms-zoom: 75%;
  -webkit-zoom: 75%;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pointers {
  zoom: 75% !important;
  -ms-zoom: 75%;
  -webkit-zoom: 75%;
  width: 100%;
}

.ui-timepicker-standard {
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
  border: 0 !important;
  border-radius: 16px;
}
.ui-timepicker-standard .ui-state-hover {
  border: 0 !important;
  background: #f1f1f1 !important;
  padding: 10px !important;
}
.ui-timepicker-standard a {
  transition: 0.2s;
  border: 0 !important;
}

.booking-card-1 {
  border-radius: 15px;
  border: 1px solid var(--sandy-gray-200);
  background-color: var(--sandy-white);
}
.booking-card-1 .head-card {
  padding: 15px 20px;
}
.booking-card-1 .body-card {
  padding: 20px 20px 15px 20px;
  display: block;
  text-decoration: none !important;
}
.booking-card-1 .cover-image {
  position: relative;
}
.booking-card-1 .cover-image .img-cover {
  width: 100%;
  height: 170px;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
.booking-card-1 .creator-name {
  display: inline-flex;
  align-items: center;
}
.booking-card-1 .creator-name .image-user {
  position: relative;
  margin-right: 10px;
}
.booking-card-1 .creator-name .image-user * {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.booking-card-1 .creator-name h3 {
  font-size: 13px;
  color: var(--sandy-dark);
  font-weight: 500;
  margin: 0;
}
.booking-card-1 .footer-card {
  border-top: 1px solid var(--sandy-gray-200);
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.booking-card-1 .footer-card .starting-bad h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--sandy-dark);
  margin-bottom: 3px;
}
.booking-card-1 .footer-card .starting-bad span {
  font-size: 13px;
  color: var(--sandy-secondary);
  font-weight: 400;
  display: block;
}
.booking-card-1 .countdown-time {
  background-color: var(--sandy-white);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 12px;
  bottom: 15px;
  left: 15px;
  position: absolute;
  display: inline-block;
  color: var(--sandy-dark);
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
          animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  -webkit-animation: placeholder-wave 2s linear infinite;
          animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.placeholder {
  border-radius: 50px;
  background-color: var(--sandy-gray-300);
  min-height: 12px;
}
.placeholder.w-15p {
  width: 15px;
}
.placeholder.w-25p {
  width: 25px;
}
.placeholder.w-50p {
  width: 50px;
}
.placeholder.w-70p {
  width: 70px;
}
.placeholder.w-100p {
  width: 100px;
}
.placeholder.w-125p {
  width: 125px;
}

.text-user-creator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.text-user-creator .user-img img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--sandy-white);
}
.text-user-creator .text h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--sandy-dark);
  margin: 0;
  margin-bottom: 2px;
}
.text-user-creator .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--sandy-secondary);
  margin: 0;
}

.title-card-text {
  border-bottom: 1px solid var(--sandy-gray-200);
  padding: 20px;
}
.title-card-text .text h1 {
  font-size: 20px;
  font-weight: 600;
  color: var(--sandy-dark);
  margin: 0;
  margin-bottom: 5px;
}
.title-card-text .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--sandy-secondary);
  margin: 0;
}

.txt-price-coundown {
  border-bottom: 1px solid var(--sandy-gray-200);
  padding: 20px;
}
.txt-price-coundown .text h2 {
  font-size: 13px;
  color: var(--sandy-secondary);
  margin: 0;
  margin-bottom: 5px;
}
.txt-price-coundown .text p {
  font-size: 24px;
  font-weight: 600;
  color: #3eca76;
  margin: 0;
}
.txt-price-coundown .ctd h2 {
  font-size: 13px;
  color: var(--sandy-secondary);
  margin-bottom: 5px;
}
.txt-price-coundown .ctd p {
  font-size: 24px;
  font-weight: 600;
  color: var(--sandy-dark);
}

.sandy-btn-pill {
  min-width: 62px;
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rem;
  background-color: #e05fc4;
}

.booking-story .wrapper-stories .story > .item-link > .info .name, .booking-story .stories.carousel .story > .item-link > .info {
  display: none !important;
}
.booking-story .wrapper-stories .swiper-slide, .booking-story .wrapper-stories .story > .item-link, .booking-story .wrapper-stories .story > .item-link > .item-preview {
  width: 70px !important;
}
.booking-story .wrapper-stories .story > .item-link > .item-preview {
  height: 70px !important;
}

.book-service-group {
  background: var(--sandy-gray-100) !important;
}
.book-service-group .book-service-name {
  color: var(--sandy-black);
}

.time-slots-flex .time-btn {
  border: 2px solid transparent;
  background: var(--sandy-gray-100);
  border-radius: 15px;
}
.time-slots-flex .sandy-input-inner:checked + .time-btn {
  border: 2px solid var(--sandy-gray-300);
}

.time-btn {
  font-size: 12px;
  cursor: pointer;
}
.time-btn.disabled {
  opacity: 0.5;
  background-color: #cccccc !important;
  color: #666666;
}

.bg-repeat-right {
  background-repeat: repeat-y;
  background-position: right 0;
}

.select2-dropdown {
  padding: 20px !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0px 20px 60px 0px rgba(11, 34, 56, 0.1) !important;
}

.select2-container {
  z-index: 9999999;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border: 3px solid #f6f6f6 !important;
  border-radius: 10px !important;
  height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  transform: translateY(-50%);
  top: 50% !important;
  right: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: initial !important;
  padding-right: 40px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: transparent !important;
}

.yetti-hero {
  display: flex;
  width: auto;
  height: auto;
  padding: 4vh 28vw 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .yetti-hero {
    padding-top: 2vh;
    padding-right: 10vw;
    padding-left: 10vw;
  }
}
.yetti-hero .hero-creator-images {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 479px) {
  .yetti-hero .hero-creator-images {
    flex-direction: row;
    justify-content: center;
  }
}
.yetti-hero .hero-creator-images .hero-creator-image {
  overflow: visible;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.yetti-hero .hero-creator-images .hero-creator-image .hci-center {
  width: 150px;
  height: 150px;
}
@media (max-width: 479px) {
  .yetti-hero .hero-creator-images .hero-creator-image {
    display: inline-block;
    width: 90px;
    height: 90px;
  }
  .yetti-hero .hero-creator-images .hero-creator-image.hci-center {
    width: 120px;
    height: 120px;
  }
}
.yetti-hero .hero-creator-images .creator-image-wrap {
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 100px;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}
.yetti-hero .hero-creator-images .creator-image-wrap.ci-wrap-left {
  left: 50px;
  z-index: 0;
  flex: 0 0 auto;
}
@media (max-width: 479px) {
  .yetti-hero .hero-creator-images .creator-image-wrap.ci-wrap-left {
    left: 20px;
    flex: 0 0 auto;
  }
}
.yetti-hero .hero-creator-images .creator-image-wrap.ci-wrap-center {
  z-index: 2;
  padding: 8px;
  flex: 0 0 auto;
  border-radius: 500px;
  background-color: #010101;
}
@media (max-width: 479px) {
  .yetti-hero .hero-creator-images .creator-image-wrap.ci-wrap-center {
    flex: 0 0 auto;
  }
}
.yetti-hero .hero-creator-images .creator-image-wrap.ci-wrap-right {
  right: 50px;
  z-index: 0;
  flex: 0 0 auto;
}
@media (max-width: 479px) {
  .yetti-hero .hero-creator-images .creator-image-wrap.ci-wrap-right {
    right: 20px;
    flex: 0 0 auto;
  }
}
.yetti-hero .hero-copy {
  display: flex;
  margin-top: 3vh;
  margin-bottom: 9vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .yetti-hero .hero-copy {
    max-width: 90vw;
    margin-bottom: 8vh;
  }
}
.yetti-hero .hero-copy .hero-h1 {
  margin-top: 3vh;
  margin-bottom: 2vh;
  color: #000;
  font-size: 4em;
  line-height: 105%;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 479px) {
  .yetti-hero .hero-copy .hero-h1 {
    font-size: 3.6em;
  }
}
.yetti-hero .hero-copy .hero-text {
  color: #000;
  font-size: 1.3em;
  line-height: 150%;
  text-align: center;
}
@media (max-width: 479px) {
  .yetti-hero .hero-copy .hero-text {
    font-size: 1.2em;
  }
}
.yetti-hero .hero-copy .hero-h3 {
  display: inline-block;
  width: auto;
  opacity: 1;
  color: #fff;
  font-size: 1em;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  -webkit-background-clip: text;
          background-clip: text;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media (max-width: 479px) {
  .yetti-hero .hero-copy .hero-h3 {
    font-size: 0.8em;
  }
}

.hero-button a {
  display: inline-block;
  color: #fff;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 1.3vh 2.8vw;
  border-radius: 200px;
  background-color: #010101;
  font-size: 1.1em;
  line-height: 120%;
  font-weight: 700;
}
@media (max-width: 479px) {
  .hero-button a {
    padding: 15px 30px;
    font-size: 1.1em;
  }
}

.app-suite {
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  min-height: 0;
  margin-bottom: 0;
  padding-top: 9vh;
  justify-content: center;
  justify-items: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 0vw;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border: 1px solid transparent;
  color: transparent;
}
.app-suite .app-screen {
  position: relative;
  max-height: 40vh;
  max-width: none;
}
.app-suite .app-screen.center-card {
  top: 0;
  height: 54vh;
  max-height: none;
  border-radius: 20px;
}
@media (max-width: 479px) {
  .app-suite .app-screen.center-card {
    width: 50vw;
    max-height: none;
  }
}
.app-suite .app-screen.phone-edge-card {
  left: -7px;
  bottom: 0;
  height: 64vh;
  max-height: none;
  border-radius: 20px;
}
@media (max-width: 479px) {
  .app-suite .app-screen.phone-edge-card {
    width: 40vw;
    height: auto;
    max-height: none;
  }
}
.app-suite .app-screen.screen-1 {
  top: auto;
  right: -16vw;
}
@media (max-width: 479px) {
  .app-suite .app-screen.screen-1 {
    right: -40vw;
    width: 30vw;
    height: auto;
  }
}
.app-suite .app-screen.screen-2 {
  left: auto;
  right: -7vw;
  bottom: auto;
  z-index: 1;
}
@media (max-width: 479px) {
  .app-suite .app-screen.screen-2 {
    right: -20vw;
  }
}
.app-suite .app-screen.screen-3 {
  z-index: 2;
  height: 74vh;
  max-height: none;
}
@media (max-width: 479px) {
  .app-suite .app-screen.screen-3 {
    width: 50vw;
    height: auto;
  }
}
.app-suite .app-screen.screen-4 {
  left: -7vw;
  z-index: 1;
}
@media (max-width: 479px) {
  .app-suite .app-screen.screen-4 {
    left: -20vw;
  }
}
.app-suite .app-screen.screen-5 {
  left: -16vw;
  z-index: 0;
}
@media (max-width: 479px) {
  .app-suite .app-screen.screen-5 {
    left: -40vw;
    width: 30vw;
    height: auto;
  }
}

.value-prop-cards {
  padding: 10vh 10vw;
}

.square-card {
  position: static;
  display: flex;
  overflow: hidden;
  width: auto;
  min-height: 45vh;
  padding: 10% 10% 12%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 0 solid #000;
  border-radius: 20px;
  background-color: #f6f6f6;
  color: #010101;
}
.square-card .vp-image {
  overflow: visible;
  width: auto;
  height: 70%;
  align-items: center;
  justify-content: center;
}
.square-card .vp-image.playlist-wrap {
  position: relative;
  left: auto;
  display: flex;
  flex-direction: row;
}
.square-card .ulist-scroll {
  position: absolute;
  left: auto;
  top: 0;
  right: auto;
  bottom: 0;
  display: flex;
  overflow: hidden;
  width: auto;
  padding-left: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.square-card .ulist-scroll .ulist {
  overflow: visible;
  max-width: none;
  margin-right: 5px;
  border-radius: 15px;
}

@-webkit-keyframes movingulist {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes movingulist {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes movingulistR {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}
@keyframes movingulistR {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}
.vp-text {
  position: relative;
  display: flex;
  width: auto;
  height: 30%;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.vp-text .value-prop-h1 {
  position: static;
  width: auto;
  margin-top: 0;
  color: #000;
  font-size: 1.7em;
  line-height: 110%;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0;
}
.vp-text .text-block-2 {
  color: #000;
  font-size: 1em;
  line-height: 150%;
  text-align: center;
}

.full-width-card {
  overflow: visible;
  width: auto;
  height: 64vh;
  padding: 5px;
  border: 0 solid #000;
  border-radius: 20px;
  background-color: #f0f0f0;
}
.full-width-card .card-surface {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 0 solid #000;
  border-radius: 18px;
  background-color: #f6f6f6;
  -o-object-fit: fill;
     object-fit: fill;
}
@media (max-width: 479px) {
  .full-width-card .card-surface {
    padding: 10% 0 20%;
    justify-content: space-between;
  }
}
.full-width-card .vp-text {
  position: static;
  display: flex;
  width: 50%;
  height: 30%;
  padding-top: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .full-width-card .vp-text {
    width: auto;
    height: auto;
    margin-left: 0;
    padding-top: 0;
    padding-right: 10%;
    padding-left: 10%;
  }
}
.full-width-card .vp-text .text-block-2 {
  width: 80%;
  font-size: 1.2em;
}
@media (max-width: 479px) {
  .full-width-card .vp-text .text-block-2 {
    width: auto;
    font-size: 1em;
  }
}
.full-width-card .creator-circles {
  position: relative;
  left: auto;
  top: -10%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: block;
  overflow: hidden;
  width: auto;
  height: auto;
  max-height: none;
  max-width: 80%;
  margin-top: auto;
  justify-content: center;
  align-items: flex-start;
  flex: 0 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
@media (max-width: 479px) {
  .full-width-card .creator-circles {
    left: auto;
    top: -20%;
    right: auto;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: auto;
    max-width: none;
  }
}
.full-width-card .creator-circles img {
  position: static;
  left: auto;
  top: -5vh;
  right: auto;
  bottom: auto;
  z-index: 1;
  overflow: visible;
  width: auto;
  max-width: 100%;
  margin-top: auto;
  flex: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}

.app-features {
  position: static;
  border: 0 solid #000;
}
.app-features .feature-highlight-1, .app-features .feature-highlight-2, .app-features .feature-highlight-3 {
  background: #ffffff !important;
}
.app-features .feature-highlight-1::before, .app-features .feature-highlight-2::before, .app-features .feature-highlight-3::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.app-features .feature-highlight-1 .feature-prop, .app-features .feature-highlight-2 .feature-prop, .app-features .feature-highlight-3 .feature-prop {
  z-index: 50;
}
.app-features .feature-highlight-1 {
  position: sticky;
  top: 8vh;
  display: flex;
  overflow: hidden;
  height: 100vh;
  padding-right: 10vw;
  padding-left: 10vw;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  background-position: 50% 18%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  color: #491363;
}
@media (max-width: 479px) {
  .app-features .feature-highlight-1 {
    position: sticky;
    display: grid;
    overflow: hidden;
    padding-right: 10vw;
    padding-bottom: 20vh;
    padding-left: 10vw;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: end;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    background-position: 50% 0;
    -o-object-fit: fill;
       object-fit: fill;
  }
}
.app-features .feature-highlight-2 {
  position: sticky;
  top: 8vh;
  z-index: 1;
  display: flex;
  height: 100vh;
  padding-right: 10vw;
  padding-left: 10vw;
  justify-content: space-between;
  align-items: center;
  background-color: #010101;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 479px) {
  .app-features .feature-highlight-2 {
    overflow: hidden;
    padding: 0 10vw 15vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.app-features .feature-highlight-3 {
  position: sticky;
  top: 8vh;
  z-index: 2;
  display: flex;
  height: 100vh;
  padding-right: 10vw;
  padding-left: 10vw;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  background-position: 50% 5%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #491363;
}
@media (max-width: 479px) {
  .app-features .feature-highlight-3 {
    display: grid;
    overflow: hidden;
    padding-bottom: 20vh;
    justify-content: center;
    justify-items: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .app-features .feature-highlight-3 .feature-prop {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 2;
  }
}
.app-features .closer {
  position: relative;
  top: auto;
  bottom: auto;
  z-index: 5;
  background-color: transparent;
}
.app-features .closing-cta {
  position: static;
  top: 0;
  z-index: 6;
  display: flex;
  height: 85vh;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10vw 10vh;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #010101;
  background-image: linear-gradient(180deg, transparent, rgba(1, 1, 1, 0.5) 53%, #010101);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
@media (max-width: 479px) {
  .app-features .closing-cta {
    position: static;
    height: 79vh;
    padding-right: 5vw;
    padding-bottom: 5vh;
    padding-left: 5vw;
  }
}

.feature-prop {
  width: 50vw;
  flex: 0 auto;
}
@media (max-width: 479px) {
  .feature-prop {
    position: static;
    display: flex;
    width: 90vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 auto;
  }
}

.feature-mockup {
  position: relative;
  display: flex;
  width: 50vw;
  justify-content: flex-end;
}
@media (max-width: 479px) {
  .feature-mockup {
    display: block;
    overflow: visible;
    width: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.feature-mockup.dual-phone {
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .feature-mockup.dual-phone {
    position: static;
    top: 5vh;
    display: flex;
    overflow: visible;
    width: auto;
    height: auto;
    margin-bottom: -5vh;
    flex-direction: column;
    justify-content: center;
    -o-object-fit: fill;
       object-fit: fill;
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-row-start: 1;
  }
}

.discover-player-mockup {
  overflow: visible;
  max-height: 150vh;
  max-width: none;
  -o-object-fit: fill;
     object-fit: fill;
}
@media (max-width: 479px) {
  .discover-player-mockup {
    position: static;
    top: -10vh;
    overflow: visible;
    width: 120vw;
    height: auto;
    max-height: none;
    max-width: none;
    -o-object-fit: fill;
       object-fit: fill;
  }
}

.splash-h1 {
  margin-top: 0;
  margin-bottom: 2vh;
  color: #fff;
  font-size: 3.8em;
  line-height: 100%;
  font-weight: 900;
}
@media (max-width: 479px) {
  .splash-h1 {
    font-size: 3.2em;
    text-align: center;
  }
}

.splash-text {
  width: 88%;
  color: #fff;
  font-size: 1.3em;
  line-height: 150%;
}
@media (max-width: 479px) {
  .splash-text {
    width: auto;
    font-size: 1.2em;
    text-align: center;
  }
}

.creator-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
                                                                                                  -webkit-mask-image: -webkit-radial-gradient(white, black);
                                                                                                          mask-image: -webkit-radial-gradient(white, black);
  background: rgba(0, 0, 0, 0) linear-gradient(178.65deg, rgba(0, 0, 0, 0) 47.27%, rgba(0, 0, 0, 0.7) 98.85%) repeat scroll 0% 0%;
}
.creator-card .creator-card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0) linear-gradient(178.65deg, rgba(0, 0, 0, 0) 47.27%, rgba(0, 0, 0, 0.7) 98.85%) repeat scroll 0% 0%;
}
.creator-card .creator-card-thumb {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: initial;
  height: initial;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
  opacity: 1;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.creator-card .creator-card-thumb span {
  box-sizing: border-box;
  display: block;
  width: initial;
  height: initial;
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
  opacity: 1;
  border: 0px none;
  margin: 0px;
  padding: 130.515% 0px 0px;
}
.creator-card .creator-card-thumb *:not(span) {
  position: absolute;
  inset: 0px;
  box-sizing: border-box;
  padding: 0px;
  border: medium none;
  margin: auto;
  display: block;
  width: 0px;
  height: 0px;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sandy-header-hero {
  padding-bottom: 70px;
  background: linear-gradient(139.96deg, rgba(255, 255, 255, 0.2) 17.24%, rgba(254, 154, 139, 0.2) 77.64%) repeat scroll 0% 0%, white none repeat scroll 0% 0%;
}
.sandy-header-hero .sandy-header-hero-inner {
  margin: 0px auto;
  max-width: 568px;
  width: 100%;
  padding: 0px 15px;
}
@media (min-width: 768px) {
  .sandy-header-hero .sandy-header-hero-inner {
    max-width: 1280px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.sandy-header-hero .sandy-header-hero-content {
  text-align: center;
  max-width: 500px;
  margin: 0px auto;
}
.sandy-header-hero .sandy-header-hero-content h1 {
  font-style: normal;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-size: 48px;
  font-weight: bold;
  line-height: 120%;
}
.sandy-header-hero .sandy-header-hero-content p {
  font-style: normal;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  line-height: 150%;
}

.pricing-plan-page-wrapper {
  width: 100%;
  padding: 68px 20px;
  background: #fff;
  max-width: 1206px;
}
@media (min-width: 768px) {
  .pricing-plan-page-wrapper {
    padding: 68px 41px 41px;
    width: 90%;
    border-radius: 10px;
  }
}

.settings-page .settings-header {
  margin: 4vw 0 0 1px;
  color: #15171a;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.35px;
  font-size: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #e6e9eb;
}
.settings-page .settings-card {
  display: flex;
  color: #394047;
  padding: 20px 20px 20px 0;
  min-height: 85px;
  text-align: left;
}
.settings-page .settings-card .settings-card-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background: #15171a;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 10px;
  color: #fff;
}
.settings-page .settings-card .settings-card-avatar svg {
  stroke: #000;
  stroke-width: 4px;
  width: 1rem;
  height: 1rem;
}
.settings-page .settings-card .settings-card-avatar + .settings-card-info {
  margin-left: 14px;
}
.settings-page .settings-card .settings-card-info {
  flex-shrink: 1;
}
.settings-page .settings-card .settings-card-info h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 4px 0 2px;
}
.settings-page .settings-card .settings-card-info p {
  color: #7c8b9a;
  margin: 4px 0 0;
  font-size: 13px;
}
.settings-page .settings-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7;
  color: #202a3e;
  border-top: 1px solid rgba(221, 221, 221, 0.8);
}
.settings-page .settings-element.can-edit-awesome input {
  font-weight: 700;
  font-size: 14px;
  display: none;
}
.settings-page .settings-element.can-edit-awesome input:focus {
  outline: none;
  border: 0;
}
.settings-page .settings-element.can-edit-awesome.active {
  border-bottom: 1px solid;
  border-color: #aab40c;
}
.settings-page .settings-element.can-edit-awesome.active input {
  display: block;
}
.settings-page .settings-element.can-edit-awesome.active .name {
  display: none;
}
.settings-page .settings-element .name {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 5px;
}
.settings-page .settings-element .info {
  max-width: 400px;
  margin-bottom: 3px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.7;
  color: #6a6d73;
}
.settings-page .settings-element .info:last-child {
  margin-bottom: 0;
}
.settings-page .settings-features {
  margin-top: 30px;
}

.settings-title {
  margin-top: 60px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  color: #202a3e;
}

.text-button {
  font-weight: 700;
  font-size: 14px;
  color: #2d7ffb;
  cursor: pointer;
}

.details__user {
  display: flex;
  align-items: center;
  margin-right: 24px;
}

@media only screen and (max-width: 767px) {
  .details__user {
    margin: 0 0 24px;
  }
}
.details__avatar {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 24px;
}
.details__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1419px) {
  .details__avatar {
    width: 64px;
    height: 64px;
    margin-right: 16px;
  }
}
.details__man {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.02em;
}

@media only screen and (max-width: 767px) {
  .details__man {
    font-size: 18px;
  }
}
.bio-installation-bar-wrapper .notification-bar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
  padding-left: 10px;
}
.bio-installation-bar-wrapper .notification-bar.hide {
  display: none !important;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar {
  background: #222;
  color: #fff;
}
@media (max-width: 768px) {
  .bio-installation-bar-wrapper .notification-bar {
    width: calc(100% - 80px);
  }
}
.bio-installation-bar-wrapper .notification-bar .add-pwa {
  font-weight: 500;
  padding: 0 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 40px;
  width: 40px;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  background: #e6e6ea;
  margin-right: 5px;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar .add-pwa {
  background: #000;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar .add-pwa i {
  color: #fff;
}
.bio-installation-bar-wrapper .notification-bar .text-sticker {
  cursor: pointer;
  box-shadow: rgba(38, 50, 56, 0.16) 0px 8px 16px, rgba(0, 0, 0, 0.3) 0px 4px 5px -4px, rgba(255, 255, 255, 0.5) 0px 2px 5px inset, rgba(0, 0, 0, 0.2) 0px -1px 3px inset;
}
body.is-dark .bio-installation-bar-wrapper .notification-bar .text-sticker {
  background: #000;
  color: #fff;
}
.bio-installation-bar-wrapper .notification-bar .ios-sprite {
  fill: none;
  stroke: #449afc;
  stroke-width: 2;
  width: 30px;
  height: 30px;
}
.bio-installation-bar-wrapper .notification-bar::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 15px;
  width: 32px;
  height: 13px;
  transform: translateX(-50%);
}
.bio-installation-bar-wrapper .notification-bar.is-android::before {
  content: initial;
}
.bio-installation-bar-wrapper .notification-bar.is-ios {
  bottom: 2.4vh;
}
.bio-installation-bar-wrapper .notification-bar.is-ios::before {
  top: initial;
  right: initial;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%) rotate(180deg);
}
.mix-back-button * {
  transition: 0.2s;
}
.mix-back-button span {
  -webkit-animation: translate-left-out 0.3s 1 cubic-bezier(0.7, 0, 0.3, 1);
          animation: translate-left-out 0.3s 1 cubic-bezier(0.7, 0, 0.3, 1);
  transform: translateX(30px);
  opacity: 0;
  display: none;
}
.mix-back-button:active span, .mix-back-button:hover span {
  display: block;
  -webkit-animation: translate-left-in 0.3s 1 cubic-bezier(0.7, 0, 0.3, 1);
          animation: translate-left-in 0.3s 1 cubic-bezier(0.7, 0, 0.3, 1);
  transform: translateX(0);
  opacity: 1;
}
.mix-back-button:active svg, .mix-back-button:hover svg {
  display: none;
}

@-webkit-keyframes translate-left-in {
  0% {
    -webkit-transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes translate-left-in {
  0% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes translate-left-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(30px);
  }
}
@keyframes translate-left-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(30px);
  }
}
.no-results-w {
  padding: 20px;
  border: 4px dotted #eee;
  border-radius: 4px;
  text-align: center;
  padding: 30px;
  text-align: center;
}
.no-results-w h2 {
  color: #ACB8CE;
  margin-top: 0px;
  font-size: 1.3em;
}
.no-results-w .icon-w {
  margin-bottom: 15px;
}
.no-results-w .count-number {
  font-size: 42px;
  margin-bottom: 10px;
  color: #8894AF;
}

.vp-design {
  background: #e8e8e8;
  width: 100%;
  border-radius: 20px;
  padding: 2em 2.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vp-design .vp-design-inner {
  background: #eeeeee;
  border-radius: 12px;
  width: 100%;
  padding: 10px;
}
.vp-design .vp-design-card {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.vp-design .vp-design-card.active {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 60px 0px rgba(11, 34, 56, 0.1);
}
.vp-design .vp-design-card .vp-design-title {
  color: #000;
  font-weight: 900;
}
.vp-design .vp-design-card .vp-design-sub {
  font-size: 9px;
  color: #000;
  font-weight: 300;
}
@media (min-width: 768px) and (max-width: 992px) {
  .vp-design {
    padding: 1.5em 1.5em;
  }
  .vp-design .vp-design-inner {
    flex-direction: column;
  }
  .vp-design .vp-design-card {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .vp-design {
    padding: 1em;
  }
}

.audience-preview-top-section {
  align-items: center;
  flex-direction: row;
  display: flex;
  max-width: 100%;
}
.audience-preview-top-section .audience-preview-photo {
  padding-left: 12px;
  padding-right: 16px;
  min-width: 108px;
}
.audience-preview-top-section .audience-preview-photo .h-avatar {
  height: 64px;
  width: 64px;
}
.audience-preview-top-section .audience-preview-name {
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
}
.audience-preview-top-section p {
  color: #626782;
}
.audience-preview-top-section p svg {
  height: 24px;
  width: 24px;
}

.audience-btn {
  background: linear-gradient(#fcfdff 0%, #f6f8ff 100%);
  box-shadow: white 0px 1px 0px;
  border-color: #cccfde;
}
.audience-btn svg {
  width: 18px;
  height: 18px;
  color: #006dff;
}
@media (min-width: 640px) {
  .audience-btn svg {
    width: 20px;
    height: 20px;
  }
}
.audience-btn span {
  color: #40455d;
}

.bio-block-wrapper .locked-texts {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  padding: 5px 16px;
  border-radius: 10px;
}
.bio-block-wrapper .locked-texts .locked-icon svg {
  width: 20px;
  height: 20px;
}
.bio-block-wrapper .locked-texts span {
  font-size: 15px;
  margin-left: 4px;
}
.bio-block-wrapper.is-locked {
  background: #fff;
  padding: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  min-height: 350px;
  position: relative;
}
body.is-dark .bio-block-wrapper.is-locked {
  background: #171719;
}
.bio-block-wrapper.is-locked .bio-block-sections {
  padding: 10px;
  background: #fff;
  filter: blur(10px);
  pointer-events: none;
}
.bio-block-wrapper .locked-banner {
  position: absolute;
  z-index: 99;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #0000003b;
  border-radius: 20px;
  padding: 21px;
  width: calc(100% - 100px);
}
.bio-block-wrapper .locked-banner.is-white .locked-icon svg {
  stroke: #fff;
}
.bio-block-wrapper .locked-banner.is-white .text-g {
  color: #fff;
}
.bio-block-wrapper .locked-banner .locked-icon svg {
  width: 50px;
  height: 50px;
}
.bio-block-wrapper .locked-banner .join-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  min-height: 32px;
  padding: 0px 16px;
  border-radius: 10px;
}

.bio-join-btn {
  min-width: 95px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #395aff;
  border-radius: 550px;
  color: #fff;
}

.html-demo-bio.is-theme {
  padding: 15px;
  border-radius: inherit;
}
.html-demo-bio.is-theme.radius-straight .yetti-links-v2 {
  border-radius: 0 !important;
}
.html-demo-bio.is-theme.themes-group-custom .bio-background::before {
  content: initial !important;
}
.html-demo-bio.is-theme * {
  z-index: initial;
}
.html-demo-bio.is-theme .html-demo-avatar {
  height: 50px !important;
  width: 50px !important;
}
.html-demo-bio.is-theme .bio-background {
  position: absolute;
  border-radius: inherit;
}
.html-demo-bio.is-theme .bio-background::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: #000;
  border-radius: inherit;
  z-index: 1;
}
.html-demo-bio.is-theme .bio-background * {
  display: none;
}
.html-demo-bio.is-theme .bio-background::after, .html-demo-bio.is-theme .bio-background::before, .html-demo-bio.is-theme .bio-background * {
  border-radius: inherit !important;
}
.html-demo-bio.is-theme .html-demo-background-main {
  opacity: 1;
  background: #fff;
  border-radius: inherit;
}

.-card-focus {
  position: absolute;
  z-index: 3;
  border-radius: 5px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  border: 6px solid rgba(3, 3, 3, 0.65);
}
.-card-focus.active {
  opacity: 1;
}

.-card-radio-focus-label input[type=radio]:checked + div::before {
  border-color: #e5e7eb;
}
.-card-radio-focus-label .sandy-input-inner:checked + .product-variation-inner {
  box-shadow: none !important;
}

.contact-list {
  border-radius: 0;
  padding: 11px;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.contact-list:last-child {
  border-bottom: 0;
}
.contact-list::before {
  content: "";
  background: #ebeef0;
  width: 5px;
  height: 76%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10px 0 0 10px;
}

.mobile-modal .modal-handle {
  left: 0px;
  right: 0px;
  top: 10px;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  width: 36px;
  height: 5px;
  transform: translateZ(0px);
  background: #c0c0be;
  z-index: 11;
}

.form-input label {
  position: initial;
  margin-bottom: 12px;
  font-size: 12px;
  text-transform: uppercase;
  color: #b1b5c3;
}
.form-input input {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
  height: 48px;
}
.form-input textarea {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
}
.form-input input, .form-input textarea {
  transition: 0.2s;
}
.form-input input:focus, .form-input input:focus-visible, .form-input textarea:focus, .form-input textarea:focus-visible {
  border: 2px solid;
  border-color: #cbcbcb;
}

.-audience-filter-focus {
  background: #ebeef0;
  border: 0;
  outline: 1.5px dashed #1b252b;
  outline-offset: 5px;
}

.bio-push-bar-wrapper .notification-bar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
  padding-left: 10px;
  bottom: initial !important;
  top: 18px;
}
.bio-push-bar-wrapper .notification-bar.hide {
  display: none !important;
}
body.is-dark .bio-push-bar-wrapper .notification-bar {
  background: #222;
  color: #fff;
}
.bio-push-bar-wrapper .sandy-expandable-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
}
.bio-push-bar-wrapper .noti-close-btn {
  top: 50%;
  transform: translateY(-50%);
  right: initial !important;
}

.body-is-element-page .bio-background {
  display: block;
}

.newpage-banner {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 0px 0px 2rem 2rem;
  overflow: hidden;
}
.newpage-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.newpage-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 29px;
}
@media (min-width: 48em) {
  .newpage-avatar {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
.newpage-avatar .-content {
  border-radius: 100%;
  position: relative;
  width: 6rem;
  height: 6rem;
  flex-shrink: 0;
  box-shadow: 0 0 0 0.375rem #fff;
  flex-shrink: 0;
}
@media (min-width: 48em) {
  .newpage-avatar .-content {
    box-shadow: 0 0 0 0.75rem #fff;
    width: 11rem;
    height: 11rem;
  }
}
.newpage-avatar .-content img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #dfe0e2;
}

.newpage-about {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.newpage-about .-\/inner {
  flex: 1 1 0%;
  text-align: center;
}
@media (min-width: 48em) {
  .newpage-about .-\/inner {
    padding-right: 1rem;
    text-align: left;
    max-width: 608px;
  }
}
.newpage-about .-\/inner .-\/name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.25;
}
@media (min-width: 48em) {
  .newpage-about .-\/inner .-\/name {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
  }
}
.newpage-about .-\/inner .-\/username {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  background: linear-gradient(87.27deg, #e43a7a -9.25%, #893cb8 99.26%) padding-box text;
  color: transparent;
}
.newpage-about .-\/inner .-\/about {
  color: #696c74;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.5;
}

.new-social .social-links {
  flex-wrap: initial;
}
.new-social .social-links .social-link {
  background: #fff;
  color: #000;
  width: initial;
  padding: 0 13px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.0025em;
}
.new-social .social-links .social-link i {
  background: var(--color);
  color: #fff;
  padding: 2px;
  border-radius: 550px;
  margin-bottom: 2px;
  font-size: 17px;
}
body.is-dark .new-social .social-links .social-link {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
body.is-dark .new-social .social-links .social-link i {
  color: #fff;
}

.fancy-newpage {
  display: grid;
  grid-template-columns: [content] auto;
  grid-template-rows: [nav] 4.5rem [content] auto;
  min-height: 100vh;
}
@media (min-width: 48em) {
  .fancy-newpage {
    grid-template-columns: [nav] 80px [content] auto;
    grid-template-rows: [content] auto;
  }
}
.fancy-newpage .context-social .social-links .social-link {
  background: #f5f5f5;
  color: #000;
  width: initial;
  padding: 0 13px;
  border-radius: 550px !important;
  font-size: 13px;
  font-weight: 600;
}
.fancy-newpage .context-social .social-links .social-link i {
  background: var(--color);
  color: #fff;
  padding: 2px;
  border-radius: 550px;
  margin-right: 8px;
  font-size: 17px;
}
.fancy-newpage .newpage-nav {
  position: absolute;
  width: 100vw;
  height: 4.5rem;
  background: none;
  flex-direction: row;
  display: flex;
  will-change: width;
  justify-content: space-between;
}
@media (min-width: 48em) {
  .fancy-newpage .newpage-nav {
    position: sticky;
    top: 0px;
    bottom: 0px;
    height: 100vh;
    width: 80px;
    border-right: 0.125rem solid #ededf0;
    padding-top: 1.5rem;
    padding-bottom: 4rem;
    flex-direction: column;
    background: #fff;
    justify-content: space-between;
    display: flex;
    will-change: width;
  }
}
.fancy-newpage .newpage-main {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 176px auto;
  justify-items: center;
  padding-bottom: 6rem;
}
@media (min-width: 48em) {
  .fancy-newpage .newpage-main {
    grid-template-rows: 334px auto;
  }
}
.fancy-newpage .newpage-main .newpage-main-contents {
  width: 100%;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  gap: 16px;
}
@media (min-width: 48em) {
  .fancy-newpage .newpage-main .newpage-main-contents {
    padding: 0 2.5rem;
    grid-template-columns: repeat(8, 1fr [grid-col]);
  }
}
@media (min-width: 72em) {
  .fancy-newpage .newpage-main .newpage-main-contents {
    grid-template-columns: repeat(12, 1fr [grid-col]);
  }
}
@media (min-width: 90em) {
  .fancy-newpage .newpage-main .newpage-main-contents {
    width: 1232px;
  }
}
@media (min-width: 120em) {
  .fancy-newpage .newpage-main .newpage-main-contents {
    width: 1544px;
    grid-template-columns: repeat(10, 1fr [grid-col]);
  }
}
.fancy-newpage .newpage-main .newpage-main-contents .newpage-main-inner {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -48px;
}
@media (min-width: 48em) {
  .fancy-newpage .newpage-main .newpage-main-contents .newpage-main-inner {
    margin-top: -88px;
  }
}
@-webkit-keyframes bg-anim {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100%;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes bg-anim {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100%;
  }
  to {
    background-position: 0 0;
  }
}
.fancy-newpage .newpage-main .newpage-block .-lists {
  display: flex;
  flex-flow: row wrap;
}
.fancy-newpage .newpage-main .newpage-block .-item-box {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 40px;
  padding: 30px 20px;
  align-items: center;
  min-width: 150px;
  margin: 0 10px 30px;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
.fancy-newpage .newpage-main .newpage-block .-item-box img {
  margin-bottom: 20px;
}
.fancy-newpage .newpage-main .newpage-block .-item-box h4 {
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  line-height: 110%;
}
.fancy-newpage .newpage-main .newpage-block .-item-box h4 span {
  font-size: 15px;
  font-weight: 700;
  display: block;
  line-height: 140%;
}
.fancy-newpage .newpage-main .newpage-barbers {
  overflow-x: auto;
}
@media (min-width: 1536px) {
  .fancy-newpage .newpage-main .newpage-barbers {
    overflow-x: hidden;
  }
}
.fancy-newpage .newpage-main .newpage-barbers .-\/inner {
  width: 1100px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}
@media (min-width: 1280px) {
  .fancy-newpage .newpage-main .newpage-barbers .-\/inner {
    width: 100%;
  }
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items {
  display: flex;
  cursor: pointer;
  width: 174.91px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items:not(:first-child) {
  margin-left: calc(48px * calc(1 - 0));
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items .thumbnail {
  transition: 0.25s ease-in-out;
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items .thumbnail:hover {
  -webkit-animation-name: bg-anim;
          animation-name: bg-anim;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  background: linear-gradient(0.351turn, #ff5858 23.71%, #c058ff 78.8%);
  background-size: 165%;
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items .thumbnail img {
  width: 174.91px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 174.91px;
  border-radius: 550px;
  transition-duration: 0.3s;
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items .thumbnail img:hover {
  transform: scaleX(0.95) scaleY(0.95);
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items .-\/name {
  color: #000;
  margin-top: 16px;
  line-height: 17px;
  font-size: 18px;
  font-weight: 500;
}
.fancy-newpage .newpage-main .newpage-barbers .barber-items .-\/username {
  background: #000;
  background-color: #000;
  background-image: linear-gradient(0.351turn, #ff5858 23.71%, #c058ff 78.8%);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.75s ease;
  margin-top: 12px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .fancy-newpage .newpage-main-contents, .fancy-newpage .newpage-main, .fancy-newpage {
    display: flex !important;
    flex-direction: column;
  }
}

.verified {
  height: 27px;
  width: 18px;
}

.newpage-footer {
  margin-top: 90px;
  width: 100%;
}
@media (min-width: 1024px) {
  .newpage-footer {
    width: 840px;
  }
}
@media (min-width: 1280px) {
  .newpage-footer {
    width: 1100px;
  }
}
.newpage-footer .w-125p {
  width: 125px;
}
.newpage-footer .menu-lists-wrap {
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 16px;
}
@media (max-width: 600px) {
  .newpage-footer .menu-lists-wrap {
    gap: 72px;
  }
}
.newpage-footer .menu-lists-wrap .-\/lists {
  gap: 32px;
}
@media (max-width: 600px) {
  .newpage-footer .menu-lists-wrap .-\/lists {
    align-items: flex-start;
    gap: 24px;
    flex-direction: column;
  }
}
.newpage-footer .social-links .social-link {
  background: transparent !important;
}
.newpage-footer .social-links .social-link i {
  color: #000 !important;
  font-size: 40px;
}
.newpage-footer .-copyright {
  font-size: 16px;
  margin-top: 34px;
}
.newpage-footer .-copyright a {
  background: #000;
  background-color: #000;
  background-image: linear-gradient(0.351turn, #ff5858 23.71%, #c058ff 78.8%);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  transition: all 0.75s ease;
  -webkit-text-fill-color: transparent;
}

.fancy-button {
  background: #f5f5f5;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: transform 0.2s ease-in-out;
  padding: 0 13px;
  border-radius: 550px;
  font-size: 13px;
  font-weight: 600;
}
.fancy-button i {
  background: var(--color);
  color: #fff;
  padding: 2px;
  border-radius: 550px;
  margin-right: 8px;
  font-size: 17px;
}
body.is-dark .fancy-button {
  color: #000;
}
body.is-dark .fancy-button i {
  color: #000;
}

.bio-share-btn {
  position: absolute;
  z-index: 9999999999;
  right: 10px;
  top: 5px;
  background: #f0f0f0;
  padding: 9px;
  border-radius: 10px;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.bio-translate-dropdown {
  position: absolute;
  z-index: 999;
  top: 1.25rem;
  left: 10px;
}
.bio-translate-dropdown.active {
  z-index: 999;
}
.bio-translate-dropdown .dropdown__head {
  background: rgba(255, 255, 255, 0.3);
  border: 1.5px solid #ffffff;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  padding-right: 25px;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
}
body.is-dark .bio-translate-dropdown .dropdown__head {
  background: rgba(0, 0, 0, 0.3);
  border-color: #000;
}
.bio-translate-dropdown .dropdown__body {
  right: initial;
}
body.is-dark .bio-translate-dropdown .dropdown__body {
  background: #222;
}
body.is-dark .bio-translate-dropdown .dropdown__body .sandy-big-radio .radio-select-inner {
  background: #000;
  border-color: transparent;
}
body.is-dark .bio-translate-dropdown .dropdown__body .sandy-big-radio input[type=radio]:checked + div {
  background: #222;
  border-color: #000;
}

.goog-te-banner-frame.skiptranslate, .goog-logo-link, #goog-gt-tt {
  display: none !important;
}

.is-slider-course {
  display: flex;
  overflow-x: auto;
  gap: 1rem;
}
.is-slider-course .bio-courses-card-v1 {
  flex: 0 0 250px;
}

.is-slider-shop {
  display: flex;
  overflow-x: auto;
  gap: 1rem;
}
.is-slider-shop .product-card-v2 {
  flex: 0 0 44%;
  width: 44%;
}

.banner-wrapper-i {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 53px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 44px;
}
.banner-wrapper-i .-name-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
.banner-wrapper-i .-name-menu .\--name {
  font-size: 18px;
  line-height: 28px;
  color: black;
}
body.is-dark .banner-wrapper-i .-name-menu .\--name {
  color: #fff;
}
.banner-wrapper-i .-banner-wrap {
  width: 100%;
  padding: 0px 20px 44px;
}
.banner-wrapper-i .\--banner {
  width: 100%;
  height: 137px;
  border-radius: 20px;
  background-color: #1b1b1b;
  position: relative;
}
.banner-wrapper-i .\--banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.banner-wrapper-i .default-bio-banner {
  width: 100%;
  height: 137px;
  border-radius: 13px;
  background-color: #1b1b1b;
  position: relative;
  z-index: initial;
}
.banner-wrapper-i .default-bio-banner .bio-background * {
  border-radius: 13px !important;
}
.banner-wrapper-i .\--profile {
  width: 64px;
  height: 64px;
  position: relative;
  top: -16px;
  border: 4px solid white;
  border-radius: 50%;
  box-sizing: border-box;
}
.banner-wrapper-i .\--profile img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-wrapper-i .\--profile-content {
  margin-left: 9px;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: -5px;
}
.banner-wrapper-i .\--profile-content .bio-name-text {
  font-weight: 600;
  font-size: 15px !important;
  line-height: 22px;
  letter-spacing: -0.05em;
  opacity: 0.9;
  color: var(--theme-text-color, #000);
}
.banner-wrapper-i .\--profile-content .bio-username-text {
  font-size: 11px !important;
  letter-spacing: -0.05em;
  color: var(--theme-text-color, #000);
}
.banner-wrapper-i .\--desc {
  font-weight: 300;
  font-size: 13px;
  line-height: 17px;
  color: var(--theme-text-color, #000);
}
.banner-wrapper-i .plus-btn {
  width: 52.59px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 19px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.9);
}
body.is-dark .banner-wrapper-i .plus-btn {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.banner-wrapper-i .-profile-handle {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
body.is-dark .banner-wrapper-i .-profile-handle {
  border-color: rgba(255, 255, 255, 0.2);
}
body.is-dark .banner-wrapper-i .-profile-handle svg {
  stroke: #fff;
}
.ex-button {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  border-radius: 5px;
  height: 50px;
  width: calc(100% - 71.04px);
  background-color: black;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.075em;
  color: rgba(255, 255, 255, 0.9);
}

.fancy-method-g {
  border: 1px dashed #a0a0a0;
  border-radius: 17px;
  padding: 10px;
}

.grey-btn {
  background-color: #f1f1f1;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #212529;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  border-radius: 12px;
}
.grey-btn:hover {
  color: #212529;
}

.line-title-g {
  color: #737577;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
}
.line-title-g .-line {
  border-bottom: 1px solid rgba(19, 21, 23, 0.08);
  margin-left: 0.5rem;
  flex: 1 1;
}

.form-input-close input {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #000;
  line-height: 1;
  overflow: hidden;
  border: 1px solid #ebeced;
  background-color: #fff;
  height: calc(2.625rem + 2 * 1px);
  padding: 0.75rem 1.125rem;
  font-size: 1.125rem;
  width: 100%;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
.form-input-close input:focus, .form-input-close input:hover {
  background: #fff;
  border-color: #131517;
  outline: 0;
}
.form-input-close input:first-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-input-close input:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.form-input-close input:nth-child(1):last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.username-email-g {
  display: flex;
}
.username-email-g .-inner {
  font-weight: 500;
  border-radius: 0.5rem;
  position: relative;
  white-space: nowrap;
  justify-content: center;
  outline-offset: 0.125rem;
  outline: 2px solid transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -1px;
  font-size: 0.875rem;
  padding: 0.4375rem 0.625rem;
  height: calc(1.75rem + 2 * 1px);
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  color: rgba(19, 21, 23, 0.48);
  background: rgba(19, 21, 23, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}
.username-email-g .-inner.active {
  background: #000;
  color: #fff;
}
.username-email-g .-inner:first-child {
  border-top-right-radius: 0;
}
.username-email-g .-inner:last-child {
  border-top-left-radius: 0;
}

.bio-bodya #app-sandy-mix .avatar-thumb .avatar-container .thumb {
  -webkit-animation: wj-animate-profile-photo 0.8s 0.2s backwards;
          animation: wj-animate-profile-photo 0.8s 0.2s backwards;
}
.bio-bodya #app-sandy-mix .bio-name-text, .bio-bodya .context.bio .bio-des, .bio-bodya .bio-username-text {
  -webkit-animation: wj-animate-name 0.3s 0.5s backwards;
          animation: wj-animate-name 0.3s 0.5s backwards;
}
.bio-bodya .social-links .social-link {
  -webkit-animation: wj-animate-social 0.3s 0.7s backwards;
          animation: wj-animate-social 0.3s 0.7s backwards;
}
.bio-bodya .default-bio-banner .bio-background {
  -webkit-animation: wj-animate-cover-photo 1s ease-in-out backwards;
          animation: wj-animate-cover-photo 1s ease-in-out backwards;
}
.bio-bodya .default-bio-banner .bio-background * {
  -webkit-animation: wj-animate-cover-photo 1s ease-in-out backwards;
          animation: wj-animate-cover-photo 1s ease-in-out backwards;
}

.css-button-g {
  font-size: 14px;
  font-weight: 500;
  height: auto;
  letter-spacing: 0px;
  outline: none;
  text-align: center;
  text-rendering: optimizelegibility;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  cursor: pointer;
  justify-content: center;
  line-height: 22px;
  padding: 0px 22px;
  text-decoration: none;
  background-color: transparent;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px) scale(1);
  transition: transform 50ms ease 0s;
  min-height: 44px;
  display: flex;
  width: 100%;
  text-transform: none;
  color: black;
  border-color: black;
}
.css-button-g::before {
  background-color: #e7e7e7;
  content: "";
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0px;
  transform: translate3d(-130%, 0px, 0px) skew(-30deg);
  transition: transform 500ms cubic-bezier(0.66, 0, 0.34, 1) 0s, opacity 500ms linear 500ms;
  width: 100%;
  z-index: -1;
}
.css-button-g:hover::before {
  background-color: #e7e7e7;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) skew(0deg);
  transition: transform 500ms cubic-bezier(0.66, 0, 0.34, 1) 0s, opacity 500ms linear 0s;
  z-index: -1;
}
.css-button-g svg {
  width: 18px;
  height: 18px;
}
.css-button-g span {
  flex-grow: 1;
}

.r-onboarding-wrapper {
  align-items: center;
  color: #FFF;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 3;
}
.r-onboarding-wrapper .-main-content {
  flex-grow: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.r-onboarding-wrapper .\--subtitle {
  color: #000;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.r-onboarding-wrapper .\--title {
  color: #000;
  font-size: 38px;
  font-weight: normal;
  line-height: 42px;
  margin-bottom: 35px;
}
@media (max-width: 1023px) {
  .r-onboarding-wrapper .\--title {
    font-size: 36px;
    text-align: center;
  }
}
.r-onboarding-wrapper .-onboard-input {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 88px;
  display: flex;
  flex-direction: row;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.8);
  align-items: center;
}
@media (max-width: 1023px) {
  .r-onboarding-wrapper .-onboard-input {
    border-radius: 64px;
    margin: 0 20px;
  }
}
.r-onboarding-wrapper .-onboard-input .\--indicator {
  border-radius: 100%;
  height: 14px;
  left: 45px;
  position: absolute;
  width: 14px;
}
.r-onboarding-wrapper .-onboard-input .\--indicator.available {
  background: #49A972;
}
.r-onboarding-wrapper .-onboard-input .\--indicator.unavailable {
  background: #ff7c7c;
}
@media (max-width: 1023px) {
  .r-onboarding-wrapper .-onboard-input .\--indicator {
    left: 25px;
  }
}
.r-onboarding-wrapper .-onboard-input .-siteurl {
  color: #000;
  font-size: 60px;
  padding-left: 75px;
}
@media (max-width: 1023px) {
  .r-onboarding-wrapper .-onboard-input .-siteurl {
    font-size: 24px;
    left: 44px;
    line-height: normal;
    padding-left: 50px;
  }
}
.r-onboarding-wrapper .-onboard-input input {
  background: transparent;
  border-radius: 88px;
  box-sizing: border-box;
  color: #000;
  font-size: 60px;
  height: 134px;
  outline: none;
  width: 550px;
}
@media (max-width: 1023px) {
  .r-onboarding-wrapper .-onboard-input input {
    border-radius: 64px;
    font-size: 24px;
    height: 64px;
    line-height: normal;
    min-width: 320px;
    max-width: 750px;
    width: auto;
  }
}
.r-onboarding-wrapper .-onboard-input button {
  align-items: center;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 73px;
  position: absolute;
  right: 30px;
  width: 73px;
  background: #e9e9ed;
}
.r-onboarding-wrapper .-onboard-input button svg {
  width: 5rem;
  height: 5rem;
}
@media (max-width: 1023px) {
  .r-onboarding-wrapper .-onboard-input button {
    height: 53px;
    right: 5px;
    width: 53px;
  }
}

.small-menu-cog {
  background: #fff;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.is-dark .small-menu-cog {
  background: #000;
  border-color: #222;
}
body.is-dark .small-menu-cog svg {
  color: #fff;
}
.small-menu-cog svg {
  width: 18px;
  height: 18px;
  stroke-width: 5;
}

.bio-about-span {
  font-weight: 500;
  font-size: 13px;
  color: #888888;
}
.bio-about-span span {
  font-weight: 900;
  color: #000;
}

.\--profile-opener .\--profile-opener-in {
  display: none;
}
.\--profile-opener .\--close-icon {
  display: none;
}
.\--profile-opener.-active .\--profile-opener-in {
  display: flex;
}
.\--profile-opener.-active .-profile-handle svg {
  display: none;
}
.\--profile-opener.-active .-profile-handle .\--close-icon {
  display: block;
}

.wallet-widget-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 94px;
  background: #ebeef0;
  border-radius: 16px;
  padding: 16px;
}
.wallet-widget-card .-icon {
  width: 28px;
  height: 28px;
  background: #1B1725;
  border-radius: 8px;
  padding: 8px;
  color: #00FFC5;
  color: #f8cb2e;
}
.wallet-widget-card .-icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 5;
}
.wallet-widget-card .-title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1B1725;
  margin-top: 12px;
}

.balance-express {
  height: 70px;
  background: #21897E;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.balance-express .-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}
.balance-express .-overlay svg {
  width: 100%;
  stroke: #f8cb2e;
  top: 15px;
  position: relative;
}
.balance-express .-text-bal {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
.balance-express .-bal-val {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #F0FFCE;
  margin-top: 8px;
}
.balance-express .-svg-i {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 40px;
  height: 38px;
}
.balance-express .-svg-i::before {
  content: "";
  width: 1px;
  height: 38px;
  opacity: 0.3;
  border: 1px solid #FFFFFF;
}

.stripe-information {
  margin-bottom: 35px;
  border: 2px solid #e6ebf1;
  border-radius: 5px;
  padding: 20px 135px 20px 25px;
  background: var(--stripe-icon) right 25px center no-repeat;
  background-size: 80px auto;
}
@media screen and (max-width: 500px) {
  .stripe-information {
    background: none;
    padding: 20px;
  }
}

.wallet-transactions .wallet-result-heading {
  padding: 0 20px;
  background: #f9f9f9;
  width: 100%;
  height: 23px;
  font-size: 0.6875rem;
  display: flex;
  align-items: center;
}
.wallet-transactions .wallet-transactions-item {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.wallet-transactions .wallet-transactions-item .wallet-transactions-details {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.wallet-transactions .wallet-transactions-item .transaction-avatar {
  width: 40px;
  height: 40px;
  align-items: center;
  display: block;
  min-width: 40px;
  background: #e8e8e8;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  position: relative;
}
.wallet-transactions .wallet-transactions-item .transaction-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.wallet-transactions .wallet-transactions-item .transaction-title {
  margin-left: 20px;
  color: #000;
  font-size: 0.815rem;
  font-weight: 700;
  height: 100%;
  padding: 1px 0;
}
.wallet-transactions .wallet-transactions-item .transaction-name {
  font-size: 12.3px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 0;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.wallet-transactions .wallet-transactions-item .transaction-date {
  font-weight: 300;
  color: #bebebe;
  margin-top: 6px;
  font-size: 0.7rem;
}
.wallet-transactions .wallet-transactions-item .transaction-price {
  margin-right: 25px;
  position: relative;
  top: -1px;
  color: #000;
  font-weight: 700;
  transform: translateY(-0.35px);
  font-size: 13px;
  margin-right: 12px;
}

.new-link-g {
  display: grid;
  border-width: 1px;
  border-radius: 0.625rem;
  height: 5.125rem;
  cursor: pointer;
  border-color: #e5e8f0;
  grid-template-columns: 20% 80%;
}
.new-link-g .-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-link-g .-icon svg {
  width: 18px;
  height: 18px;
}
.new-link-g .-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding-right: 1rem;
}
.new-link-g .-content .\--name {
  font-weight: 500;
  font-size: 1rem;
  color: #131316;
}
.new-link-g .-content .\--desc {
  font-size: 0.75rem;
  color: #4d5760;
  font-weight: 400;
}

.onboard-wizard-g {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  height: unset;
  padding: 1.5rem;
  gap: 50px;
  margin-inline: auto;
}
@media screen and (min-width: 62em) {
  .onboard-wizard-g {
    height: 100vh;
  }
}
.onboard-wizard-g .\--onb-title {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media (min-width: 992px) {
  .onboard-wizard-g .\--onb-title {
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -2px;
  }
}
.onboard-wizard-g .\--onb-subtitle {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}
.onboard-wizard-g .\--banner-items::before {
  content: "";
  position: absolute;
  border-radius: 20px;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(2, 4, 9, 0.77) 17.12%, rgba(2, 4, 9, 0) 60.12%);
}
.onboard-wizard-g .\--banner-items img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  max-height: 852px;
  width: 100%;
  background: linear-gradient(rgba(2, 4, 9, 0.77) 17.12%, rgba(2, 4, 9, 0) 60.12%);
}
.onboard-wizard-g .-left-side {
  flex: 1 1 0%;
  width: 100%;
  height: 100%;
  max-height: 852px;
  display: none;
}
@media screen and (min-width: 62em) {
  .onboard-wizard-g .-left-side {
    display: block;
  }
}
.onboard-wizard-g .-left-side .\--left-side-stack {
  width: 100%;
  margin-inline: auto;
  max-width: 60ch;
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  padding: 0px;
  position: relative;
}
.onboard-wizard-g .-right-side {
  flex: 1 1 0%;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-y: scroll;
  height: 100%;
}
@media screen and (min-width: 62em) {
  .onboard-wizard-g .-right-side {
    width: unset !important;
    display: block;
    justify-content: unset;
  }
}
.onboard-wizard-g .-right-side .\--right-side-stack {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  max-width: 31.5rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 62em) {
  .onboard-wizard-g .-right-side .\--right-side-stack {
    justify-content: unset;
    width: unset !important;
  }
}
.onboard-wizard-g .\--logo-img {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 2rem;
  margin-top: unset;
}
@media screen and (min-width: 48em) {
  .onboard-wizard-g .\--logo-img {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.5rem;
    margin-top: 1.875rem;
  }
}
.onboard-wizard-g .-category-space > div {
  margin-right: calc(.5rem * 0);
  margin-left: calc(.5rem * calc(1 - 0));
  margin-top: calc(.5rem * calc(1 - 0));
  margin-bottom: calc(.5rem * 0);
}

.category-radio input[type=radio]:checked + div, .category-radio input[type=checkbox]:checked + div {
  background: #fff;
  box-shadow: none;
  border: 1px solid #27baf1;
  color: black;
}
.category-radio .category-radio-inner {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.5;
  align-self: center;
  display: flex;
  height: 2.5rem;
  border: 1px solid #e0e2d9;
  border-radius: 550px;
  align-items: center;
  justify-content: center;
}

.bg-cream-g {
  background: #e7e2dc !important;
}

.pricing-table-card.is-onboard {
  border: 2px solid #eeecec;
  background: #fff;
  margin: 0;
  border-radius: 12px;
}
.pricing-table-card.is-onboard .pricing-table-header .pricing-title h5 {
  font-size: 20px;
}
.pricing-table-card.is-onboard .pricing-table-header .pricing-price-content .price {
  font-size: 25px;
}
.pricing-table-card.is-onboard .pricing-table-header .pricing-title p {
  font-size: 14px;
}

.pricing-wrap-input .sandy-input-inner {
  opacity: 0;
  position: absolute;
}
.pricing-wrap-input .active-dot {
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eeecec;
}
.pricing-wrap-input .active-dot i {
  opacity: 0;
}
.pricing-wrap-input .sandy-input-inner:checked + .pricing-table-card {
  border-color: #000;
}
.pricing-wrap-input .sandy-input-inner:checked + .pricing-table-card .active-dot {
  border: 8px solid #000;
}
.pricing-wrap-input .sandy-input-inner:checked + .pricing-table-card .active-dot i {
  opacity: 1;
  color: #fff;
}

.change-pricing-selector.is-onboard {
  border: 0;
  border-radius: 15px;
  padding: 0.65rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  display: flex;
  margin-bottom: 10px;
}
.change-pricing-selector.is-onboard a {
  color: #000;
  transition: none;
  padding: 0.5rem 1rem;
  display: block;
  border-bottom: 1px solid #e8e8e8;
  background: transparent;
  border-radius: 0;
}
.change-pricing-selector.is-onboard a.active {
  border-bottom: 3px solid;
  border-radius: 0;
}

.border-sand {
  border-color: #e0e2d9;
}

.sandy-accordion.is-pricing .sandy-accordion-head::before {
  right: 20px;
  width: 16px;
  height: 13px;
}

.wrapper-stories {
  --width: 49px;
  --height: 49px;
}
.wrapper-stories .swiper-slide {
  width: var(--width) !important;
}
.wrapper-stories .swiper-slide > .item-link {
  width: var(--width) !important;
}
.wrapper-stories .story > .item-link > .item-preview {
  width: var(--width) !important;
  height: var(--height) !important;
}
.wrapper-stories .story > .item-link > .item-preview img {
  border-radius: 550px !important;
}
.wrapper-stories .story > .item-link > .item-preview::before {
  content: initial;
}
.wrapper-stories .story > .item-link > .info {
  position: relative;
  padding: 0;
}
.wrapper-stories .story > .item-link > .info .name {
  width: var(--width) !important;
  color: #000;
  display: block;
  text-align: center;
}
body.is-dark .wrapper-stories .story > .item-link > .info .name {
  color: #fff;
}
.wrapper-stories .story > .item-link > .info .time {
  display: none !important;
}

.bio-tabs-menu-g {
  border: 0;
  border-radius: 550px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 4px;
  background: #fff;
  position: fixed;
  bottom: 0em;
  z-index: 9999;
  left: 50%;
  width: calc(100% - 20px);
  right: 0;
  transform: translateX(-50%);
}
.bio-tabs-menu-g .sandy-tabs-link {
  color: #DFDFDF;
  transition: none;
  padding: 0.5rem 1rem;
  display: block;
  background: transparent;
  text-align: center;
  font-size: 14px;
  width: 100%;
  border-radius: 550px;
  white-space: nowrap;
}
.bio-tabs-menu-g .sandy-tabs-link span {
  display: none;
}
@media (max-width: 768px) {
  .bio-tabs-menu-g .sandy-tabs-link {
    font-size: 12px;
  }
}
.bio-tabs-menu-g .sandy-tabs-link.active {
  color: #000;
  font-weight: 600;
  background: #F4F5F6;
}
.bio-tabs-menu-g .sandy-tabs-link.active span {
  display: block;
}

.liked-block {
  border: 1px solid #e8e8e8;
  border-radius: 9px;
  padding: 1.25rem;
}
.liked-block .bio-titles .subheading {
  color: #6b7280;
}
.liked-block .-avatar-wrapper {
  border-top: 1px solid #e8e8e8;
  padding-top: 9px;
}
.liked-block .-avatar-wrapper .\--avatar {
  width: 40px;
  height: 40px;
}
.liked-block .-avatar-wrapper .\--avatar * {
  width: 100%;
  height: 100%;
  border-radius: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}
.liked-block .-avatar-wrapper .\--content .\--username {
  font-size: 10px;
  color: #6b7280;
}

.list-block.is-slider {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
}
.list-block.is-slider .element-list {
  flex: 0 0 90%;
}

.like-block-bt .-like-block-b {
  border: 1px solid #E6E8EC;
  transition: all 0.2s ease;
}
.like-block-bt .-like-block-b svg {
  stroke-width: 5;
}

.nav-divider-v {
  border: 1px solid #D9D9D9;
  margin-top: 48px;
  margin-bottom: 38px;
}

.second-icon-sprite-3 {
  stroke-width: 1 !important;
  stroke: initial !important;
  fill: #000 !important;
}

.bio-divider-v {
  border: 1px solid #D9D9D9;
  margin-top: 27px;
  margin-bottom: 27px;
}

.setting-iv .-set-label {
  font-size: 92%;
  font-weight: 390;
  letter-spacing: -0.1px;
  color: rgba(30, 30, 31, 0.3);
  display: inline-block;
  flex: 1 0 90%;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
}
.setting-iv .-sub-menu {
  border-top: 1px solid rgba(30, 30, 31, 0.07);
}
.setting-iv .-sub-menu li {
  border-bottom: 1px solid rgba(30, 30, 31, 0.07);
  height: 54px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.setting-iv .-sub-menu li a {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 15px 0 16px 0;
  height: 54px;
  width: 100%;
  display: flex;
}
.setting-iv .-sub-menu li a svg {
  margin-right: 10px;
  margin-left: 3px;
  width: calc(28px * 0.8);
  height: calc(28px * 0.8);
  transform: scale(1.3);
}

.-small-cog-card {
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 9px;
  border-radius: 7px;
  height: 60px;
}
body.is-dark .-small-cog-card {
  background: #000;
}
.-small-cog-card .\--icon {
  width: 17px;
  height: 17px;
}
.-small-cog-card .\--icon svg {
  width: 100%;
  height: 100%;
}
.-small-cog-card .\--title {
  font-size: 12px;
  font-weight: 500;
  margin-top: 3px;
}

.dashhead {
  background: #fff;
  display: flex;
  padding: 20px;
  border-radius: 10px;
}
.dashhead .-icon {
  height: 4rem;
  width: 4rem;
  flex: 0 0 4rem;
  background: var(--g-gray);
  border-radius: 10px;
  padding: 13px;
  background: linear-gradient(132deg, #c8ff99 9.56%, #acff00 91.31%);
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);
}
.dashhead .-icon svg {
  width: 100%;
  height: 100%;
}
.dashhead .-content {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
}
.dashhead .-content .\--title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: auto;
}
.dashhead .-content .\--sub {
  font-size: 14px;
  color: #4d5760;
  margin-bottom: 10px;
}

.a-card-grid .-create-card {
  background: #fff;
  min-height: 15rem;
  border: 3px dashed #ededed;
}
.a-card-grid .-card {
  background: #fff;
  padding: 10px 20px;
}

.search-filter {
  position: relative;
  z-index: 3;
}
.search-filter .-search-input {
  width: 100%;
  height: 50px;
  padding: 0 64px 0 30px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.33333;
  font-weight: 500;
  color: #11142D;
  border: 1px solid #e0e0e0;
  background: transparent;
}
.search-filter .-filter-btn {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.koon-btn-dark {
  height: 58px;
  background: #000000;
  border-radius: 29px;
  font-size: 18px;
  color: #fff;
  width: 100%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .koon-btn-dark {
    height: 45px;
    font-size: 16px;
  }
}

.koon-white-card {
  background: #fff;
  padding: 24px 16px;
  border-radius: 12px;
}

.koon-grey-bg {
  background: #f4f5f6 !important;
}

.sandy-grey-color {
  color: #f4f5f6 !important;
}

.sandy-grey-color-2 {
  color: #adadad !important;
}

.koon-grey-border-color {
  border-color: #f4f5f6 !important;
}

.koon-gray-title {
  background: #f4f5f6;
  padding: 18px 36px;
  border-radius: 15px;
}
.koon-gray-title .-title {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .koon-gray-title .-title {
    font-size: 16px;
  }
}

.sandy-switch.is-koon .sandy-switch-input:checked + .sandy-switch-in .sandy-switch-box {
  background: #016BD5;
}
.sandy-switch.is-koon .sandy-switch-input:checked + .sandy-switch-in .sandy-switch-box::before {
  transform: translateX(25px);
}
.sandy-switch.is-koon .sandy-switch-box {
  width: 50px;
  height: 25px;
}
.sandy-switch.is-koon .sandy-switch-box:before {
  width: 21px;
  height: 21px;
}

.koon-checkbox .checkbox-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: initial;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid #EDEDED;
}
.koon-checkbox .sandy-input-inner:checked + .checkbox-inner {
  border: 2px solid #000;
}
.koon-checkbox .-icon {
  width: 46px;
  height: 46px;
  background: #000;
  border-radius: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.koon-checkbox .-icon svg {
  stroke: #fff;
}
.koon-checkbox .-icon svg.ori-svg-icon {
  stroke: initial;
}
@media (max-width: 768px) {
  .koon-checkbox .-icon {
    width: 30px;
    height: 30px;
  }
  .koon-checkbox .-icon svg {
    width: 25px;
    height: 25px;
  }
}
.koon-checkbox .-content {
  margin-left: 15px;
  font-weight: 600;
}

.koon-image-ov {
  width: 244px;
  height: 244px;
  flex: 0 0 244px;
  position: relative;
}
.koon-image-ov .-image {
  width: 100%;
  height: 100%;
}
.koon-image-ov .-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.koon-image-ov .-overlay-cog {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.koon-card-g .-thumbnail {
  height: 187px;
  position: relative;
}
.koon-card-g .-thumbnail img {
  --chessboard-size: 20px;
  width: 100%;
  height: 100%;
  border-radius: 12px 12px 0px 0px;
  display: block !important;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #E2E2E2;
}
.koon-card-g .-thumbnail .-overlay-cog {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.koon-card-g .\--title {
  font-size: 16px;
  margin-bottom: 9px;
}
.koon-card-g .\--price-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.koon-card-g .\--price-wrap .\--price {
  font-size: 16px;
  font-weight: 900;
}
.koon-card-g .\--price-wrap .\--del-price {
  text-decoration: line-through;
  font-style: italic;
  color: #6A6A6A;
  font-size: 12px;
}
.koon-card-g .-content {
  background: #fff;
  padding: 16px;
  border-radius: 0px 0px 12px 12px;
}
.koon-card-g .-content .\--footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E6E8EC;
  font-size: 12px;
  line-height: 1.66667;
  color: #777E90;
}

.generic-preview .wj-image-selector-w {
  width: 244px;
  height: 244px;
  flex: 0 0 244px;
}

.generic-preview .wj-image-selector-w .wj-image-selector-trigger {
  border: 2px dashed #EDEDED;
}

.sandy-socially-item {
  background: white;
  color: #555555;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  border-radius: 17px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sandy-socially-item.is-youtube .-thumbnail {
  height: 197px;
}
.sandy-socially-item.is-youtube .-thumbnail img {
  height: 100%;
}
.sandy-socially-item.is-youtube .-thumbnail::after {
  position: absolute;
  content: "";
  background: url(../../assets/image/others/play.png) 0 0 no-repeat transparent;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  background-size: 39px 39px;
  opacity: 0.8;
  z-index: 100;
  transition: all 0.1s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sandy-socially-item .-thumbnail {
  display: block;
  margin: 0;
  background-color: #000;
  transition: all 0.2s ease-in-out;
  border-radius: 15px 15px 0 0;
  background-color: #e5e5e5;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.sandy-socially-item .-thumbnail img {
  position: relative;
  display: block;
  border-radius: 0;
  transition: opacity 0.15s ease-in-out, transform 0.1s ease-in-out;
  width: 100%;
  border-radius: 15px 15px 0 0;
  min-height: 238px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sandy-socially-item .-meta {
  position: relative;
  text-align: left;
  margin: 7%;
}
.sandy-socially-item .-meta .\--meta-thumb {
  display: block;
  margin: 0 auto;
  background-size: cover !important;
  position: relative;
  z-index: 2;
  height: 40px;
  width: 40px;
  display: block;
  position: relative;
  border-radius: 50%;
  float: left;
}
.sandy-socially-item .-meta h6 {
  height: 18px;
  line-height: 18px;
}
.sandy-socially-item .-meta .\--name {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 3px 0 0 15px;
  text-align: left;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.sandy-socially-item .-meta .\--nickname {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  color: #a79ca4;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  line-height: 16px;
  padding: 0 0 0 15px;
}
.sandy-socially-item .-meta .\--timestamp {
  display: inline-block;
  line-height: 16px;
  color: #a79ca4;
  vertical-align: middle;
  font-size: 12px;
}
.sandy-socially-item .-item-label {
  position: absolute;
  top: 0;
  left: 0;
  margin: 7% 0 0 7%;
  z-index: 2;
  line-height: 1.2em;
  width: auto;
  height: auto;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 10px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: inherit;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
.sandy-socially-item .-item-label.googleplus {
  background-color: #dd4b39;
}
.sandy-socially-item .-item-label.pinterest {
  background-color: #cb2027;
}
.sandy-socially-item .-item-label.linkedin {
  background-color: #007bb6;
}
.sandy-socially-item .-item-label.youtube {
  background-color: #bb0000;
}
.sandy-socially-item .-item-label.vimeo {
  background-color: #1ab7ea;
}
.sandy-socially-item .-item-label.tumblr {
  background-color: #32506d;
}
.sandy-socially-item .-item-label.instagram {
  background-color: #517fa4;
}
.sandy-socially-item .-item-label.flickr {
  background-color: #ff0084;
}
.sandy-socially-item .-item-label.dribbble {
  background-color: #ea4c89;
}
.sandy-socially-item .-item-label.quora {
  background-color: #a82400;
}
.sandy-socially-item .-item-label.foursquare {
  background-color: #0072b1;
}
.sandy-socially-item .-item-label.forrst {
  background-color: #5b9A68;
}
.sandy-socially-item .-item-label.wordpress {
  background-color: #21759b;
}
.sandy-socially-item .-item-label.stumbleupon {
  background-color: #eb4823;
}
.sandy-socially-item .-item-label.yahoo {
  background-color: #7b0099;
}
.sandy-socially-item .-item-label.blogger {
  background-color: #fb8f3d;
}
.sandy-socially-item .-item-label.github {
  background-color: #333333;
}
.sandy-socially-item .-item-label.vine {
  background-color: #00bf8f;
}
.sandy-socially-item .-item-label.rss {
  background-color: #ff9900;
}
.sandy-socially-item .-item-label.snapchat {
  background-color: #fffc00;
  color: #333;
}
.sandy-socially-item .-item-label.facebook {
  background-color: #3b5998;
}
.sandy-socially-item .-item-label.soundcloud {
  background-color: #ff8800;
}
.sandy-socially-item .-item-label.twitter {
  background-color: #5e9fca;
}
.sandy-socially-item .-item-label.twitch {
  background-color: #7b5dfa;
}
.sandy-socially-item .-item-label.patreon {
  background-color: #ff7a51;
}
.sandy-socially-item .-item-label.discord {
  background-color: #7289da;
}
.sandy-socially-item .-item-label.google {
  background-color: #ffc529;
}
.sandy-socially-item .-item-label.behance {
  background-color: #3486f5;
}
.sandy-socially-item .-item-label.deviantart {
  background-color: #32e1d3;
}
.sandy-socially-item .-item-label.artstation {
  background-color: #00e194;
}
.sandy-socially-item .-item-label.whatsapp {
  background: #4dc247;
}
.sandy-socially-item .-footer-bar {
  border-top: 1px solid rgba(229, 226, 220, 0.4);
  padding: 10px 7%;
  font-weight: 300;
  font-size: 12px;
  line-height: 21px;
  height: 44px;
  text-align: left;
  clear: both;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sandy-socially-item .-footer-bar > a {
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  color: #a79ca4;
  display: flex;
  align-items: center;
  gap: 5px;
}
.sandy-socially-item .-footer-bar > a:first-child {
  margin-left: 0;
}
.sandy-socially-item .-footer-bar > a svg {
  color: #a79ca4;
  width: 15px;
  height: 15px;
}
.sandy-socially-item .-title {
  margin: 7%;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: black;
}
.sandy-socially-item .-content {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  margin: 7% 7%;
  overflow-wrap: break-word;
}
.sandy-socially-item .-content:first-child {
  margin-top: calc(14% + 14px);
}
.sandy-socially-item .-content:not(.\--ad) {
  max-height: 200px;
}
.sandy-socially-item .-content a {
  color: #5e9fca;
}

.icons-social-color.googleplus {
  background-color: #dd4b39;
}
.icons-social-color.pinterest {
  background-color: #cb2027;
}
.icons-social-color.linkedin {
  background-color: #007bb6;
}
.icons-social-color.youtube {
  background-color: #bb0000;
}
.icons-social-color.vimeo {
  background-color: #1ab7ea;
}
.icons-social-color.tumblr {
  background-color: #32506d;
}
.icons-social-color.instagram {
  background-color: #517fa4;
}
.icons-social-color.flickr {
  background-color: #ff0084;
}
.icons-social-color.dribbble {
  background-color: #ea4c89;
}
.icons-social-color.quora {
  background-color: #a82400;
}
.icons-social-color.foursquare {
  background-color: #0072b1;
}
.icons-social-color.forrst {
  background-color: #5b9A68;
}
.icons-social-color.wordpress {
  background-color: #21759b;
}
.icons-social-color.stumbleupon {
  background-color: #eb4823;
}
.icons-social-color.yahoo {
  background-color: #7b0099;
}
.icons-social-color.blogger {
  background-color: #fb8f3d;
}
.icons-social-color.github {
  background-color: #333333;
}
.icons-social-color.vine {
  background-color: #00bf8f;
}
.icons-social-color.rss {
  background-color: #ff9900;
}
.icons-social-color.snapchat {
  background-color: #fffc00;
  color: #333;
}
.icons-social-color.facebook {
  background-color: #3b5998;
}
.icons-social-color.soundcloud {
  background-color: #ff8800;
}
.icons-social-color.twitter {
  background-color: #5e9fca;
}
.icons-social-color.twitch {
  background-color: #7b5dfa;
}
.icons-social-color.patreon {
  background-color: #ff7a51;
}
.icons-social-color.discord {
  background-color: #7289da;
}
.icons-social-color.google {
  background-color: #ffc529;
}
.icons-social-color.behance {
  background-color: #3486f5;
}
.icons-social-color.deviantart {
  background-color: #32e1d3;
}
.icons-social-color.artstation {
  background-color: #00e194;
}
.icons-social-color.whatsapp {
  background: #4dc247;
}

.flowhub-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0;
  visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.flowhub-modal.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s !important;
  z-index: 100500 !important;
}
.flowhub-modal .flowhub-modal-outer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  z-index: 100;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.flowhub-modal .flowhub-modal-content {
  width: 100%;
  padding: 0;
  max-width: 640px;
  margin: 0 auto 30px;
  position: relative;
  z-index: 3;
  box-shadow: 0 0 45px 3px #2b2b2b;
  background: #fff;
  -webkit-backface-visibility: hidden;
}
.flowhub-modal .flowhub-modal-list {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.flowhub-modal .flowhub-modal-list .-wrapper {
  display: block;
  vertical-align: middle;
  width: 100%;
  background: #fafafa;
  padding: 0;
  white-space: nowrap;
}
.flowhub-modal .flowhub-modal-list .\--header {
  position: relative;
  padding: 16px 16px;
}
.flowhub-modal .flowhub-modal-list .\--header .\--name {
  color: #000;
  font-weight: 700;
  font-size: 16px;
  overflow: hidden;
  max-width: 140px;
  text-overflow: ellipsis;
}
.flowhub-modal .flowhub-modal-list .\--header .\--thumbnail {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-right: 15px;
}
.flowhub-modal .flowhub-modal-list .\--header .\--thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}
.flowhub-modal .flowhub-modal-list .\--header .\--others {
  position: absolute;
  right: 15px;
  top: 14px;
}
.flowhub-modal .flowhub-modal-list .\--media {
  margin: 0;
  transition: opacity 0.3s ease;
  opacity: 1;
  background: #fff;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  height: auto;
}
.flowhub-modal .flowhub-modal-list .\--media video, .flowhub-modal .flowhub-modal-list .\--media iframe {
  max-width: 100%;
  min-height: 208px;
}
.flowhub-modal .flowhub-modal-list .\--media img {
  min-width: 100%;
  max-width: 100%;
  border-radius: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.flowhub-modal .flowhub-modal-list .\--content-meta {
  text-align: left;
  padding: 20px;
  margin: 0;
  background: #fff;
  white-space: initial;
  border-bottom: 1px solid #ecebea;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--content {
  clear: both;
  font-size: 15px;
  color: #000;
  height: auto;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--content a {
  color: #1a73e8;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--content br {
  content: "";
  margin: 2em;
  display: block;
  font-size: 8px;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--content br + br, .flowhub-modal .flowhub-modal-list .\--content-meta .\--content br + br + br {
  display: none !important;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--footer-bar {
  display: inline-flex;
  width: 100%;
  border: none;
  clear: both;
  white-space: nowrap;
  padding: 12px 0 0 0;
  height: auto;
  font-size: 14px;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--footer-bar > a {
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  color: #a79ca4;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 0 12px;
  padding: 0 0 0 9px;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: middle;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--footer-bar > a svg {
  color: #a79ca4;
  width: 18px;
  height: 18px;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--footer-bar > a::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #545454;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--footer-bar > a:first-child {
  padding: 0;
  margin: 0;
}
.flowhub-modal .flowhub-modal-list .\--content-meta .\--footer-bar > a:first-child::before {
  content: initial;
}

.m-grid-item {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 396px) {
  .m-grid-item {
    width: 170.5px;
  }
}

.bio-block-wrapper .-control {
  margin-top: 18.5px;
  padding-top: 18.5px;
  border-top: 1px solid #bbc1c6;
}
.bio-block-wrapper .-control .\--items {
  color: #888888;
}
.bio-block-wrapper .-control .\--items svg {
  width: 30px;
  height: 15px;
  stroke-width: 6;
}
.bio-block-wrapper .-control .\--items span {
  font-size: 12px;
  font-weight: 600;
}

.dashboard-header-m .small-menu-cog {
  background: transparent;
}

.card-msg-inbox {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
}
.card-msg-inbox .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.card-msg-inbox .item-chat {
  position: relative;
  display: block;
  padding: 1.5rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.card-msg-inbox .item-chat .media {
  display: flex;
  align-items: flex-start;
}
.user-offline::before {
  background: #adadad;
  position: absolute;
  border: 3px solid #fff;
  display: block;
  bottom: -3px;
  right: 0;
  content: "";
  border-radius: 50%;
  height: 30%;
  min-height: 30%;
  width: 30%;
  min-width: 30%;
}

.user-offline::before {
  background: #adadad;
  position: absolute;
  border: 3px solid #fff;
  display: block;
  bottom: -3px;
  right: 0;
  content: "";
  border-radius: 50%;
  height: 30%;
  min-height: 30%;
  width: 30%;
  min-width: 30%;
}

.user-online-profile::before {
  background: #4caf50;
  position: absolute;
  border: 3px solid #fff;
  display: block;
  bottom: 10px;
  right: 15px;
  content: "";
  border-radius: 50%;
  height: 12%;
  width: 12%;
}

.user-offline-profile::before {
  background: #adadad;
  position: absolute;
  border: 3px solid #fff;
  display: block;
  bottom: 10px;
  right: 15px;
  content: "";
  border-radius: 50%;
  height: 12%;
  width: 12%;
}

.create-post .compose-form {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.create-post .compose-form img {
  height: 42px;
  width: 42px;
  border-radius: 50%;
}
.create-post .compose-form .sandy-dropdown .-dropdown-head {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  font-weight: 400;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 14.5px;
  font-size: 14px;
  width: 140px;
  height: 27px;
  margin-bottom: 16px;
  justify-content: center;
}
.create-post .compose-form .sandy-dropdown .-dropdown-head svg {
  margin-left: 5px;
  margin-right: 0;
  width: 14px;
  height: 14px;
  stroke-width: 5;
  stroke: #000;
}
.create-post .compose-form .sandy-dropdown .-dropdown-body {
  border: none;
  padding: 0;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  min-width: 10rem;
  z-index: 2;
}
.create-post .compose-form .sandy-dropdown ul {
  padding: 5px;
}
.create-post .compose-form .sandy-dropdown ul li {
  cursor: pointer;
  padding: 8px 10px;
  transition: all 0.5s ease;
}
.create-post .compose-form .sandy-dropdown ul li a {
  color: #647589;
  text-transform: capitalize;
  font-size: calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320)));
  display: flex;
  align-items: center;
}
.create-post .compose-form .sandy-dropdown ul li a svg {
  margin-right: 10px;
  height: 16px;
  width: 16px;
  stroke: rgba(100, 117, 137, 0.6);
}
.create-post .compose-form .sandy-dropdown ul li + li {
  border-top: 1px solid rgba(100, 117, 137, 0.1);
}
.create-post .compose-form .control {
  width: 100%;
  margin-left: 20px;
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.create-post .compose-form .control textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  background-color: #fff;
  color: #363636;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 1.5;
  position: relative;
  font-size: 0.9rem;
  transition: all 0.3s;
}
.create-post .gradient-bg {
  margin-top: 25px;
}
.create-post .gradient-bg li {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  cursor: pointer;
}
.create-post .-add-watermark {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
.create-post .-small-border-card {
  width: 34.35px;
  height: 34.35px;
  border: 1px solid #888888;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-post .-small-border-card svg {
  width: 16.49px;
  height: 16.49px;
}

.feed-upload .upload-wrap {
  position: relative;
  height: auto;
  width: 140px;
  min-width: 60px;
}
.feed-upload .upload-wrap img {
  display: inline-block;
  width: 140px;
  height: 78px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}
.feed-upload .upload-wrap .remove-file {
  position: absolute;
  top: -4px;
  right: -4px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: background 0.3s;
}
.feed-upload .upload-wrap .remove-file svg {
  height: 16px;
  width: 16px;
  stroke: #757a91;
}

.create-post-header {
  position: fixed;
  width: 100%;
  z-index: 9001;
  left: 0;
  top: 0;
  background: #fff;
  height: 5rem;
  padding: 2rem 1.5rem;
}
.create-post-header .button-cancel {
  font-weight: 500;
  font-size: 12px;
  color: #000000;
}
.create-post-header .button-save {
  width: 83px;
}

.board-single-comments .board-single-comments {
  margin-top: 1.5rem;
  padding-left: 2.5rem;
}
.board-single-comments .board-single-comments .show-more-c a {
  cursor: pointer;
  font-weight: 500;
  color: transparent;
  background: linear-gradient(87.27deg, #e43a7a -9.25%, #893cb8 99.26%);
  text-decoration: none;
  border-width: initial;
  border-style: none;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.board-single-comments .board-single-comments.is-children .board-single-comment:not(:last-child) .board-single-comment-inner::before {
  content: "";
  position: absolute;
  width: 1rem;
  left: -25px;
  height: calc(100% + 7px);
  border-left: 1px solid #dfe0e2;
  border-bottom: 1px solid #dfe0e2;
  border-radius: 0px 0px 0px 12px;
  top: 0px;
  height: calc(100% + 43px);
}
.board-single-comments .board-single-comment-inner.has-child::after {
  content: "";
  position: absolute;
  width: 1rem;
  left: 15px;
  top: 36px;
  height: calc(100% + 7px);
  border-left: 1px solid #dfe0e2;
  border-bottom: 1px solid #dfe0e2;
  border-radius: 0px 0px 0px 12px;
}

.board-contents-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
  color: #696c74;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857;
}
.board-contents-header .board-contents-pthumb {
  border-radius: 550px;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.board-contents-header .board-contents-pthumb * {
  background: #dfe0e2;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.board-contents-header .poster-name {
  display: inline-block;
  color: #000000;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.42857;
}
.board-contents-header time {
  white-space: nowrap;
}
.board-contents-header .dot-sep::before {
  content: "\2022";
}

.nav-button {
  ---button_border: 2px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  padding: 0px;
  border: 2px var(---button_border) transparent;
  background: #f4f4f5;
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}
@media (min-width: 768px) {
  .nav-button {
    height: 3.5rem;
    width: 3.5rem;
    margin-bottom: 0.5rem;
  }
}
.nav-button::before, .nav-button::after {
  content: "";
  position: absolute;
  inset: calc(var(---button_border) * -2);
  z-index: -1;
  border-radius: calc(0.75rem + var(---button_border));
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0s;
}
.nav-button::after {
  background: linear-gradient(87.27deg, rgba(228, 58, 122, 0.3) -9.25%, rgba(137, 60, 184, 0.3) 99.26%);
}
.nav-button svg {
  width: 24px;
  height: 24px;
  stroke-width: 5;
}

.mobile-min-75 iframe {
  min-height: 70vh;
  width: 100%;
}

.feedback-comment-form {
  transition: all 0.4s ease;
  opacity: 1;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 0 20px;
  z-index: 1001;
  border-top: 1px solid #dfe0e2;
}
.feedback-comment-form .comment-post {
  display: flex;
  align-items: center;
}
.feedback-comment-form .comment-post textarea {
  display: block;
  width: calc(100% - 80px);
  border: none;
  height: 0;
  margin: 10px 0;
  margin-right: 100px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  min-height: 21px;
  max-height: 300px;
  outline: none;
  overflow: hidden;
  background: #fff;
  color: #000;
}

.feed-post .-actions {
  z-index: 1;
  position: absolute;
  bottom: 25px;
  right: 25px;
}
.feed-post .-actions .\--action {
  display: flex;
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: inherit;
  background: none;
  border: 0;
}
.feed-post .-actions .\--action .\--ic svg {
  width: 29px;
  height: 29px;
  stroke: #fff;
}
.feed-post .-actions .\--action .\--count {
  display: block;
  font-size: 13px;
  color: #fff;
}
@media (min-width: 1024px) {
  .feed-post .-actions .\--action .\--count {
    font-size: 15px;
  }
}
.feed-post .-background-media {
  --chessboard-size: 20px;
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  max-width: 100%;
  max-height: 100%;
  padding: 122.64151% 0 0;
  text-align: center;
  color: #fafafa;
  background: none;
  border: none;
  overflow: hidden;
  width: 100%;
  padding-top: 125.69444%;
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .feed-post .-background-media {
    --chessboard-size: 40px;
    width: 100%;
    height: 0;
    padding-top: 126.14841%;
  }
}
.feed-post .-background-media img {
  z-index: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: transparent;
  background-image: linear-gradient(45deg, #2a2a2d 25%, transparent 0), linear-gradient(135deg, #2a2a2d 25%, transparent 0), linear-gradient(45deg, transparent 75%, #2a2a2d 0), linear-gradient(135deg, transparent 75%, #2a2a2d 0);
  background-position: 0 0, var(--chessboard-size) 0, var(--chessboard-size) calc(var(--chessboard-size)*-1), 0 calc(var(--chessboard-size)*-1);
  background-size: calc(var(--chessboard-size)*2) calc(var(--chessboard-size)*2);
}
.feed-post .-background-media::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(-180deg, rgba(2, 4, 8, 0) 77%, rgba(2, 4, 8, 0.12) 81%, rgba(2, 4, 8, 0.92));
  pointer-events: none;
}
.feed-post .-post-content {
  z-index: 1;
  position: absolute;
  bottom: 10px;
  left: 16px;
  max-width: 70%;
}
@media (min-width: 1024px) {
  .feed-post .-post-content {
    bottom: 24px;
    left: 24px;
  }
}
.feed-post .-post-content .\--time {
  display: block;
  margin-top: 3px;
  font-size: 0.6875rem;
  line-height: 1.54545em;
  color: #b2b2b2;
}
@media (min-width: 1024px) {
  .feed-post .-post-content .\--time {
    margin-top: 12px;
    font-size: 0.8125rem;
    line-height: 1.30769em;
  }
}
.feed-post .-post-content .\--post-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feed-post .-post-content .\--name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .feed-post .-post-content .\--name {
    font-size: 1.5625rem;
    line-height: 1.4em;
  }
}
.feed-post .-post-content .\--avatar {
  width: 40px;
  height: 40px;
  position: relative;
}
@media (min-width: 1024px) {
  .feed-post .-post-content .\--avatar {
    width: 52px;
    height: 52px;
  }
}
.feed-post .-post-content .\--avatar img {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
  border-radius: 550px;
}

.koon-boxed-inner a {
  display: flex;
  background: #fff;
  height: 62px;
  align-items: center;
  padding: 0 34px;
  border-radius: 8px;
}
.koon-boxed-inner .-icon {
  width: 42px;
  height: 42px;
  background: #f4f5f6;
  border-radius: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.koon-boxed-inner .-icon svg {
  height: 1.2rem;
  width: 1.2rem;
}
@media (min-width: 768px) {
  .koon-boxed-inner .-icon svg {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.koon-boxed-inner span {
  margin-left: 15px;
  font-weight: 600;
  font-size: 14px;
}
.koon-boxed-inner .-go-svg {
  margin-left: auto;
}
.koon-boxed-inner .-go-svg svg {
  stroke: #D5D5D5;
  width: 24px;
  height: 24px;
}
.koon-boxed-inner.is-logout a {
  border: 2px solid #FF7474;
  background: #FFE0E0;
}
.koon-boxed-inner.is-logout .-icon {
  background: transparent;
}
@media (max-width: 768px) {
  .koon-boxed-inner a {
    padding: 0 8px;
  }
  .koon-boxed-inner span {
    margin-left: 6px;
    font-size: 11px;
    white-space: nowrap;
  }
  .koon-boxed-inner .-icon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
  }
}

.sandy-messages-o .-chat-list {
  display: flex;
  align-items: flex-start;
  padding: 0.5rem 0;
}
.sandy-messages-o .-chat-list .-avatar {
  align-self: flex-end;
  width: 50px;
  flex: 0 0 50px;
  height: 50px;
}
.sandy-messages-o .-chat-list .-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}
.sandy-messages-o .-chat-list .-msg-content {
  display: flex;
  flex-direction: column;
}
.sandy-messages-o .-chat-list .-msg-content .\--msg-text {
  max-width: 268px;
  background: #000;
  border-radius: 35px 35px 35px 0px;
  font-size: 16px;
  line-height: 126%;
  letter-spacing: -0.165px;
  color: #FFFFFF;
  padding: 18px;
}
.sandy-messages-o .-chat-list .-msg-content .\--msg-img {
  width: 268px;
  height: 152px;
}
.sandy-messages-o .-chat-list .-msg-content .\--msg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 35px 35px 35px 0px;
}
.sandy-messages-o .-chat-list .-msg-content .\--msg-img + .\--msg-text {
  border-radius: 10px 35px 35px 0px;
}
.sandy-messages-o .-chat-list .-msg-content .\--msg-date {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: -0.165px;
  color: #888888;
  margin-top: 5px;
}
.sandy-messages-o .-chat-list.is-right .-msg-content {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
.sandy-messages-o .-chat-list.is-right .-msg-content .\--msg-text {
  background: #fff;
  border-radius: 35px 0px 35px 35px;
  color: #000;
}
.sandy-messages-o .-chat-list.is-right .-msg-content .\--msg-img img {
  border-radius: 35px 0px 35px 35px;
}
.sandy-messages-o .-chat-list.is-right .-msg-content .\--msg-date {
  margin-left: auto;
}
.sandy-messages-o .-chat-list.-has-image-txt .-msg-content .\--msg-text {
  border-radius: 0px 0px 35px 0px;
}
.sandy-messages-o .-chat-list.-has-image-txt .-msg-content .\--msg-img img {
  border-radius: 35px 35px 0px 0px;
}
.sandy-messages-o .-chat-list.-has-image-txt.is-right .-msg-content .\--msg-text {
  border-radius: 0px 0px 35px 35px;
}
.sandy-messages-o .-chat-list.-has-image-txt.is-right .-msg-content .\--msg-img img {
  border-radius: 35px 0px 0px 0px;
}

.chat-header {
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  padding: 14px;
  background: #fff;
}
.chat-header .\--avatar {
  width: 34px;
  height: 34px;
  margin-right: 12px;
}
.chat-header .\--avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 550px;
}
.chat-header .-content {
  display: flex;
  margin-left: 34px;
}
.chat-header .-content .\--name {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #202020;
  margin-bottom: 0px;
}
.chat-header .-content .\--online-status {
  width: 9px;
  height: 9px;
  border-radius: 550px;
}
.chat-header .-content .\--online-status.online {
  background: #04D900;
}
.chat-header .-content .\--online-status.offline {
  background: #adadad;
}
.chat-header .-content .\--online-status-t {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: -0.165px;
  color: #888888;
  margin-left: 4px;
}

.send-message-post {
  background: #fff;
  border-radius: 20px;
  position: fixed;
  bottom: 19px;
  left: 50%;
  width: 90%;
  margin: auto;
  transform: translateX(-50%);
}

.sandy-messages-list {
  padding: 13px 20px;
  background: #fff;
}
.sandy-messages-list .-item {
  display: flex;
}
.sandy-messages-list .-item .\--avatar-wrap {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  position: relative;
}
.sandy-messages-list .-item .\--avatar-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sandy-messages-list .-item .\--avatar-wrap .\--verified {
  width: 15px;
  height: 15px;
  display: block;
  background: #fff;
  border-radius: 550px;
  position: absolute;
  right: 3px;
  bottom: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sandy-messages-list .-item .\--avatar-wrap .\--verified svg {
  width: 11px;
  height: 11px;
  margin: 0 !important;
}
.sandy-messages-list .-item .\--avatar-wrap .\--verified svg .cls-1 {
  fill: #2b95e9;
  fill-rule: evenodd;
}
.sandy-messages-list .-item .\--avatar-wrap .\--verified svg .cls-2 {
  fill: #fff;
}
.sandy-messages-list .-item .\--content {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}
.sandy-messages-list .-item .\--content .\--name {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}
.sandy-messages-list .-item .\--content .\--name span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #888888;
}
.sandy-messages-list .-item .\--content .\--date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #888888;
}
.sandy-messages-list .-item .\--content .\--msg {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #5C5C5C;
  width: calc(100% - 50px);
}
.sandy-messages-list .-item .\--content .\--ico {
  color: #5C5C5C;
}
.sandy-messages-list .\--unread-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  background: #000;
  border-radius: 550px;
  margin-left: auto;
  margin-top: 14px;
  display: none;
}
.sandy-messages-list.is-unread .\--unread-dot {
  display: block;
}

.is-fill-appearance:not(:last-child) .checkbox-inner {
  margin-right: 15px;
}
.is-fill-appearance .checkbox-inner {
  background: #000;
}

.is-outline-appearance:not(:last-child) .checkbox-inner {
  margin-right: 15px;
}
.is-outline-appearance .checkbox-inner {
  border: 2px solid #000000;
}

.is-hardshadow-appearance:not(:last-child) .checkbox-inner {
  margin-right: 15px;
}
.is-hardshadow-appearance .checkbox-inner {
  border: 2px solid #000000;
  box-shadow: 6px 6px 0 0 #000000;
}

.tiny-customize-bg {
  position: relative;
  width: 100%;
  max-width: 70px;
  height: 108px;
}
.tiny-customize-bg .tiny-customize-bg-contain {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #e8e8e8;
  overflow: hidden;
}
.tiny-customize-bg .tiny-customize-bg-contain.gradient {
  background: linear-gradient(0deg, #00c3ff 0%, #0f6283 56.25%);
}
.tiny-customize-bg .tiny-customize-bg-contain.solid {
  background: #00c3ff;
}
.tiny-customize-bg .tiny-customize-bg-contain img {
  position: absolute;
  width: 100%;
  height: 52px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px;
}
.tiny-customize-bg svg {
  position: relative;
  stroke: initial;
  height: 100%;
  width: 100%;
}
.tiny-customize-bg .cover-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.form-input.is-pickr .pickr {
  position: absolute;
  right: 6px;
  margin: 0;
  top: 50%;
  display: flex;
  transform: translateY(-50%);
}
.form-input.is-pickr .pickr .pcr-button {
  background: var(--colorpickrbg);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  padding: 0;
}
.form-input.is-pickr .pickr .pcr-button::before, .form-input.is-pickr .pickr .pcr-button::after {
  content: initial !important;
}

.fake-input {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
  height: 48px;
  padding: 12px 18px;
  color: #9ca3af;
  display: flex;
  align-items: center;
}

.has-fancy-r .fancy-r {
  position: absolute;
  right: 6px;
  margin: 0;
  top: 50%;
  display: flex;
  transform: translateY(-50%);
}
.has-fancy-r .fancy-r .-fancy-rw {
  width: 32px;
  height: 32px;
}

.dflex {
  display: flex;
}

[x-cloak] {
  display: none !important;
}

.subscribe-header .\--subscribe-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #000000;
  margin-bottom: 26px;
}
.subscribe-header .\--subscribe-sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #000000;
}

.subscribe-slide-o {
  display: flex;
  overflow-x: auto;
  height: 40vh;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.subscribe-slide-o .sandy-big-radio {
  all: revert;
}
.subscribe-slide-o .sandy-big-radio .radio-select-inner {
  width: 112px;
  height: 148px;
  background: #F5F5F5;
  border-radius: 19px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.2s;
}
.subscribe-slide-o .sandy-big-radio .radio-select-inner .\--icon-month {
  font-weight: 400;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #000000;
}
.subscribe-slide-o .sandy-big-radio .radio-select-inner .\--month-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #000000;
}
.subscribe-slide-o .sandy-big-radio .radio-select-inner .\--price-title {
  font-weight: 700;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  color: #000000;
}
.subscribe-slide-o .sandy-big-radio .radio-select-inner .\--price-title .-currency img {
  width: 12.78px;
  height: 13px;
}
.subscribe-slide-o .sandy-big-radio input[type=radio]:checked + div, .subscribe-slide-o .sandy-big-radio input[type=checkbox]:checked + div {
  background: #0000001a;
  border: 1px solid #000000;
  border-radius: 19px;
  transform: scale(1.2);
  align-items: center;
  z-index: 99;
}
.subscribe-slide-o .sandy-big-radio input[type=radio]:checked + div .\--icon-month, .subscribe-slide-o .sandy-big-radio input[type=checkbox]:checked + div .\--icon-month {
  width: 70px;
  height: 70px;
  background: #000000;
  border-radius: 20px;
  font-weight: 400;
  font-size: 45px;
  line-height: 77px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subscribe-slide-o .sandy-big-radio input[type=radio]:checked + div .\--month-title, .subscribe-slide-o .sandy-big-radio input[type=checkbox]:checked + div .\--month-title {
  margin-top: 5px;
}
.product-single-page-banner .-banner-grid .\--banner-image {
  height: 25rem;
}
.product-single-page-banner .-banner-grid .\--banner-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}
.product-single-page-banner .-second-grid .\--product-prices {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-single-page-banner .-second-grid .\--product-prices .actual {
  font-size: 23px;
  font-weight: 700;
  color: #cc2634;
}
.product-single-page-banner .-second-grid .\--product-prices .compare {
  text-decoration: line-through;
  font-size: 17px;
  font-style: italic;
  font-weight: 700;
  color: #808181;
}
.product-single-page-banner .-second-grid .-variant-wrap .\--variant-name {
  font-weight: 900;
  font-size: 18px;
}
.product-single-page-banner .-second-grid .-variant-wrap .\--items {
  width: 40px;
  flex: 0 0 40px;
  height: 40px;
  background: #fff;
  border-radius: 550px;
}
.product-single-page-banner .-second-grid .-variant-wrap .sandy-big-checkbox {
  width: 40px;
  flex: 0 0 40px;
  height: 40px;
}
.product-single-page-banner .-second-grid .-variant-wrap .sandy-big-checkbox .checkbox-inner {
  all: revert;
}
.product-single-page-banner .-second-grid .-variant-wrap .sandy-big-checkbox .sandy-input-inner:checked + .checkbox-inner {
  background: initial;
}
.product-single-page-banner .-second-grid .-variant-wrap .sandy-big-checkbox .sandy-input-inner:checked + .checkbox-inner .\--items {
  border: 2px solid #000;
}
.cart-product-item {
  display: flex;
}
.cart-product-item .-thumb {
  width: 4rem;
  height: 4rem;
  margin-right: 2rem;
}
.cart-product-item .-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.cart-product-item .-cart-remove {
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 550px;
  margin-left: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  background: #fff;
  position: absolute;
  right: -13px;
  top: -11px;
  cursor: pointer;
}
.cart-product-item .-cart-remove svg {
  width: 15px;
  height: 15px;
}
.cart-product-item .-content .\--name {
  font-size: 16px;
  font-weight: 700;
}
.cart-product-item .-content .\--product-prices {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cart-product-item .-content .\--product-prices .actual {
  font-size: 18px;
  font-weight: 700;
  color: #cc2634;
}
.cart-product-item .-content .\--product-prices .compare {
  text-decoration: line-through;
  font-size: 17px;
  font-style: italic;
  font-weight: 700;
  color: #808181;
}

.bright-green {
  background: #79d364;
}

.disabled-brown {
  background: #eb955f;
}

.leo-avatar-o {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #353535;
  overflow: hidden;
  text-align: left;
  border-radius: 15px;
}
.leo-avatar-o .-content {
  flex-grow: 1;
  margin-left: 10px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.leo-avatar-o .-content .\--name {
  margin: 0px;
  letter-spacing: 0.25px;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
  display: block;
  color: white;
  padding-bottom: 1px;
}
.leo-avatar-o .-content .\--subtitle {
  margin: 0px;
  letter-spacing: 0.25px;
  line-height: 1.25;
  font-weight: 400;
  color: #b8b8b8;
  display: block;
  font-size: 10px;
  margin-top: 2px;
}
.leo-avatar-o .-avatar-inner {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  flex-grow: 1;
  padding: 5px 15px;
  background-color: #353535;
}
.leo-avatar-o .-avatar-inner .\--avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 30px;
  height: 30px;
  background: linear-gradient(37.81deg, #e9cdfe 9.56%, #c5f9bb 91.31%);
  color: #252525;
  border-radius: 10px;
  background: linear-gradient(132deg, #c8ff99 9.56%, #0aed4e 91.31%);
  background: linear-gradient(132deg, #c8ff99 9.56%, #acff00 91.31%);
}
.leo-avatar-o .-avatar-inner .\--avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.leo-menu-list .-head-item {
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  border-radius: 0px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  color: inherit;
  display: flex;
  min-height: 48px;
  padding: 0px 16px 0px 10px;
  transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.leo-menu-list .-head-item .\--content {
  display: flex;
  flex-grow: 1;
  margin: 12px 0px;
}
.leo-menu-list .-head-item .\--content .\--name {
  margin: 0px;
  letter-spacing: 1.25px;
  font-size: 0.75rem;
  line-height: 1.67;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
}
.leo-menu-list .-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  padding: 8px 10px;
  margin-bottom: 5px;
  height: 39px;
  border-radius: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #b8b8b8;
}
.leo-menu-list .-list-item:hover {
  background-color: #353535;
  cursor: pointer;
}
.leo-menu-list .-list-item.active {
  background-color: #e9cdfe;
  color: #252525;
}
.leo-menu-list .-list-item .\--content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.leo-menu-list .-list-item .\--content .icon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  fill: currentcolor;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.leo-menu-list .-list-item .\--content .icon i {
  font-size: 14px;
}
.leo-menu-list .-list-item .\--content span {
  margin: 0px;
  letter-spacing: 0.25px;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}

.-bg-sidebar-dark {
  background-color: #252525 !important;
}

.-builder-side-menu {
  width: 100px;
  min-height: 100vh;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #252525;
}
.-builder-side-menu .options-list {
  list-style: none;
  position: relative;
  height: 100%;
}
.-builder-side-menu .options-list .-list-item > a {
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  width: 100%;
  font-size: 12px;
  position: relative;
  color: #b8b8b8;
}
.-builder-side-menu .options-list .-list-item.active > a {
  background: #353535;
}

.font--caveat {
  font-family: "Caveat", cursive !important;
}

.border-color-o {
  border-color: #e6e8ec;
}

.border-color--hover {
  border-color: #cbcbcb;
}

.loaderv-88 {
  width: 48px;
  height: 48px;
  border: 3px solid #000;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}

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

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.builder-page {
  width: 700px;
  margin: auto;
  max-width: 100%;
}

.build-link {
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  align-items: center;
  background: var(--link-background, #f4f4f4);
  color: var(--link-color, #000);
  position: relative;
  transition: transform 0.15s cubic-bezier(0, 0.2, 0.5, 3) 0s;
  display: flex;
}
.build-link.has-thumbnail {
  padding: 10px 10px 10px 10px;
}
.build-link .-thumbnail {
  display: flex;
  flex: 0 0 35px;
  height: 35px;
  margin-right: 9px;
}
.build-link .-thumbnail img {
  width: 100%;
  height: 100%;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9px;
}
.build-link .-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.build-link .-content span {
  font-weight: 400;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sandy-button {
  background-color: #87B184;
  color: white;
  padding: 0.25rem 1.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
.sandy-button .\--sandy-button-container {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.sandy-button .\--sandy-button-container span {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.125rem 0.5rem;
  white-space: nowrap;
}

@-webkit-keyframes animate-cover-photo {
  0% {
    height: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    height: 280px;
  }
}

@keyframes animate-cover-photo {
  0% {
    height: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    height: 280px;
  }
}
@-webkit-keyframes animate-profile-photo {
  0% {
    transform: scale(3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: scale(3);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
.banner-winn .profile-wrapper {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 2rem;
  width: 100%;
  z-index: 100;
  position: relative;
}
.banner-winn .profile-wrapper .picture-wrapper {
  height: 232px;
  margin-top: -25px;
  z-index: 1;
  text-align: center;
}
.banner-winn .profile-wrapper .name-bio-wrapper {
  display: flex;
  flex-direction: column-reverse;
  overflow-wrap: break-word;
  z-index: 2;
}
.banner-winn .profile-wrapper .name-bio-wrapper .name {
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -6px;
  line-height: 60px;
  margin: 20px auto 0;
  max-width: 340px;
  min-height: 120px;
  width: 100%;
  margin-top: 24px;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: var(--theme-text-color, #fff);
}
.banner-winn .profile-wrapper .name-bio-wrapper .bio {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 17px;
  margin-top: 24px;
  overflow: hidden;
  color: var(--theme-text-color, #fff);
}
.banner-winn .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  overflow: hidden;
  -webkit-animation: animate-profile-photo 1s ease-in-out backwards;
          animation: animate-profile-photo 1s ease-in-out backwards;
  padding: 3px;
}
.banner-winn .profile-wrapper .picture-wrapper .picture::before {
  background: #000;
}
.banner-winn .profile-wrapper .picture-wrapper .picture img {
  height: 232px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 232px;
}
.banner-winn .yetti-cover-wrapper {
  height: 280px;
  position: absolute;
  width: 100%;
}
.banner-winn .yetti-cover-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: #0000005c;
  z-index: 99;
}
.banner-winn .yetti-cover-wrapper .yetti-photo {
  -webkit-animation: animate-cover-photo 0.8s 0.2s ease-in-out backwards;
          animation: animate-cover-photo 0.8s 0.2s ease-in-out backwards;
  height: 280px;
  overflow: hidden;
}
.banner-winn .yetti-cover-wrapper .yetti-photo .bio-background {
  display: block;
  position: relative;
}
.banner-winn .yetti-cover-wrapper .yetti-photo .bio-background * {
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.banner-winn .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
  text-align: center;
}
.banner-winn .social-links .social-link, .banner-winn .stories.carousel .story > .item-link {
  -webkit-animation: animate-social 0.5s 0.5s ease-in-out backwards;
          animation: animate-social 0.5s 0.5s ease-in-out backwards;
}
.banner-winn .picture-wrapper, .banner-winn .name-bio-wrapper {
  z-index: 20;
  position: relative;
}

.o-checkbox .checkbox-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: initial;
  padding: 10px 10px;
  border-radius: 12px;
  border: 2px solid #EDEDED;
}
.o-checkbox .sandy-input-inner:checked + .checkbox-inner {
  border: 2px solid #000;
}
.o-checkbox .-icon {
  width: 46px;
  height: 46px;
  background: #000;
  border-radius: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.o-checkbox .-icon svg {
  stroke: #fff;
}
.o-checkbox .-icon svg.ori-svg-icon {
  stroke: initial;
}
.o-checkbox .-content {
  margin-left: 15px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .o-checkbox .-icon {
    width: 30px;
    height: 30px;
  }
  .o-checkbox .-icon svg {
    width: 25px;
    height: 25px;
  }
}

@keyframes animate-cover-photo {
  0% {
    height: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    height: 168px;
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: translateY(50px);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
@-webkit-keyframes animate-profile-photo-mirrors {
  0% {
    transform: translateY(50px);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes animate-profile-photo-mirrors {
  0% {
    transform: translateY(50px);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
.banner-kin .profile-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.banner-kin .profile-wrapper::before {
  background-color: #e8ebea;
  background-image: var(--avatar-url);
  background-repeat: no-repeat, no-repeat;
  background-size: 140px 154px, cover;
  background-position: 8px 10px, center;
  box-sizing: border-box;
  content: "";
  height: 200px;
  position: absolute;
  top: 68px;
  width: 156px;
}
.banner-kin .profile-wrapper::after {
  background-color: #e8ebea;
  background-image: var(--avatar-url);
  background-repeat: no-repeat, no-repeat;
  background-size: 140px 154px, cover;
  background-position: 8px 10px, center;
  box-sizing: border-box;
  content: "";
  height: 200px;
  position: absolute;
  top: 68px;
  width: 156px;
  -webkit-animation: animate-profile-photo-mirrors 0.5s 0.2s ease-in-out backwards;
          animation: animate-profile-photo-mirrors 0.5s 0.2s ease-in-out backwards;
  right: -90px;
}
.banner-kin .profile-wrapper::before {
  -webkit-animation: animate-profile-photo-mirrors 0.5s ease-in-out backwards;
          animation: animate-profile-photo-mirrors 0.5s ease-in-out backwards;
  left: -90px;
}
.banner-kin .profile-wrapper .picture-wrapper {
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  margin-top: 68px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 550px;
  margin-bottom: 3rem;
}
.banner-kin .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  border-radius: 550px;
}
.banner-kin .profile-wrapper .picture-wrapper .picture:not(.customize-border) {
  border: 10px solid #e8ebea;
}
.banner-kin .profile-wrapper .picture-wrapper .picture img {
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 140px;
  border-radius: 550px;
}
.banner-kin .profile-wrapper .name-bio-wrapper {
  box-sizing: border-box;
  padding: 28px 32px 16px;
  margin: 0 auto;
  color: var(--theme-text-color, #000);
}
.banner-kin .profile-wrapper .name-bio-wrapper .name {
  font-size: 30px;
  letter-spacing: -1.5px;
  line-height: 40px;
}
.banner-kin .profile-wrapper .name-bio-wrapper .bio {
  font-size: 14px;
  letter-spacing: -0.25px;
  line-height: 20px;
}
.banner-kin .yetti-cover-wrapper {
  height: 168px;
  position: absolute;
  width: 100%;
}
.banner-kin .yetti-cover-wrapper .yetti-photo {
  -webkit-animation: animate-cover-photo 0.5s ease-in-out backwards;
          animation: animate-cover-photo 0.5s ease-in-out backwards;
  height: 168px;
  overflow: hidden;
}
.banner-kin .yetti-cover-wrapper .yetti-photo .bio-background {
  display: block;
  position: relative;
}
.banner-kin .yetti-cover-wrapper .yetti-photo .bio-background * {
  height: 168px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.banner-kin .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
}
.banner-kin .social-links .social-link {
  -webkit-animation: animate-social 0.3s 0.7s backwards;
          animation: animate-social 0.3s 0.7s backwards;
}
.banner-kin .stories.carousel .story > .item-link {
  -webkit-animation: animate-social 0.5s 0.7s backwards;
          animation: animate-social 0.5s 0.7s backwards;
}
.banner-kin .picture-wrapper, .banner-kin .name-bio-wrapper {
  z-index: 20;
  position: relative;
}
.banner-kin .-align-center .profile-wrapper .name-bio-wrapper {
  text-align: center;
}
.banner-kin .-align-right .profile-wrapper .name-bio-wrapper {
  text-align: right;
}

@-webkit-keyframes move-text {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes move-text {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes move-text-right {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes move-text-right {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.banner-eon .-name {
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  display: flex;
  flex-flow: row;
}
.banner-eon .-name .\--name-inner {
  font-size: 36px;
  text-align: center;
  font-weight: 400;
  position: relative;
  padding-right: 20px;
  display: flex;
  flex-flow: row;
  align-items: center;
  -webkit-animation: move-text 10s 1s linear infinite;
          animation: move-text 10s 1s linear infinite;
  color: var(--theme-text-color, #000);
}
.banner-eon .-name .\--name-inner.-no-banner {
  color: var(--theme-text-color, #000);
}
.banner-eon .-name .\--name-inner .\--deco {
  margin-left: 10px;
}
@keyframes animate-cover-photo {
  0% {
    height: 0;
  }
  100% {
    height: 420px;
  }
}
@keyframes animate-profile-photo {
  0% {
    height: 0;
  }
  100% {
    height: 348px;
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(-60px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes scroll-name {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scroll-name {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes animate-bio {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-bio {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0%);
  }
}
.banner-eon .profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: -490px;
  width: 100%;
}
.banner-eon .profile-wrapper .picture-wrapper {
  height: 348px;
  margin: 106px auto 0;
  max-width: calc(100% - 96px);
  overflow: hidden;
  position: relative;
  width: 284px;
  z-index: 1;
}
.banner-eon .profile-wrapper .picture-wrapper .picture {
  -webkit-animation: animate-profile-photo 0.6s 0.5s ease-in-out backwards;
          animation: animate-profile-photo 0.6s 0.5s ease-in-out backwards;
  bottom: 0;
  height: 348px;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  width: 284px;
  border-radius: 30px;
}
.banner-eon .profile-wrapper .picture-wrapper .picture img {
  bottom: 0;
  height: 348px;
  display: block;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 284px;
}
.banner-eon .profile-wrapper .name-bio-wrapper {
  margin-top: -454px;
  z-index: 1;
  color: var(--theme-text-color, #000);
}
.banner-eon .profile-wrapper .name-bio-wrapper .name {
  -webkit-animation: animate-name 0.5s 0.2s ease-in-out backwards;
          animation: animate-name 0.5s 0.2s ease-in-out backwards;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
  font-size: 36px;
  font-weight: normal;
  line-height: 44px;
  margin: 12px 0 452px;
  white-space: nowrap;
}
.banner-eon body.is-dark .profile-wrapper .name-bio-wrapper .name {
  border-color: #fff;
}
.banner-eon .profile-wrapper .name-bio-wrapper .name .content {
  -webkit-animation: scroll-name 5s 1s linear infinite;
          animation: scroll-name 5s 1s linear infinite;
  padding-right: 10px;
  display: inline-block;
}
.banner-eon .profile-wrapper .name-bio-wrapper .bio {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.005em;
  line-height: 16px;
  padding: 0 32px;
}
.banner-eon .profile-wrapper .name-bio-wrapper .bio .content {
  -webkit-animation: animate-bio 0.5s 0.5s ease-in-out backwards;
          animation: animate-bio 0.5s 0.5s ease-in-out backwards;
}
.banner-eon .yetti-cover-wrapper {
  height: 420px;
  margin: 0 auto;
  max-width: calc(100% - 24px);
  overflow: hidden;
  margin-top: 70px;
  position: relative;
  width: 388px;
}
.banner-eon .yetti-cover-wrapper .yetti-photo {
  -webkit-animation: animate-cover-photo 0.5s ease-in-out backwards;
          animation: animate-cover-photo 0.5s ease-in-out backwards;
  height: 420px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  width: 388px;
  z-index: 1;
}
.banner-eon .yetti-cover-wrapper .yetti-photo .bio-background {
  display: block;
  position: relative;
}
.banner-eon .yetti-cover-wrapper .yetti-photo .bio-background * {
  border: 2px solid #000;
  border-radius: 30px !important;
  display: block;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 420px;
  top: 0;
  width: 388px;
}

@keyframes animate-cover-photo {
  0% {
    margin-bottom: 100px;
    transform: scale(2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    margin-bottom: 0;
    transform: scale(1);
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@-webkit-keyframes animate-watermark {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-watermark {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner-shapes .profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  margin-top: -150px;
}
.banner-shapes .profile-wrapper .picture-wrapper {
  background: #fff;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 132px;
  height: 132px;
  margin: auto;
  margin-top: 4rem;
}
.banner-shapes .profile-wrapper .name-bio-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 32px;
  margin: 0 auto;
  overflow-wrap: break-word;
  text-align: center;
  color: var(--theme-text-color, #000);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .banner-shapes .profile-wrapper .name-bio-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.banner-shapes .profile-wrapper .name-bio-wrapper .name {
  font-size: 28px;
  line-height: 34px;
}
.banner-shapes .profile-wrapper .name-bio-wrapper .bio {
  line-height: 18px;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.banner-shapes .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  border-radius: 50%;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-animation: animate-profile-photo 0.8s 0.2s backwards;
          animation: animate-profile-photo 0.8s 0.2s backwards;
  padding: 6px;
}
.banner-shapes .profile-wrapper .picture-wrapper .picture::before {
  background: #fff;
}
.banner-shapes .profile-wrapper .picture-wrapper .picture img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.banner-shapes .profile-wrapper .picture-wrapper .picture:not(.\--in-img) img {
  border-radius: 550px;
}
.banner-shapes .profile-wrapper .default-bio-banner {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 174px;
  -webkit-clip-path: url(#bannercurve);
          clip-path: url(#bannercurve);
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-shapes .yetti-cover-wrapper {
  clip-path: url(#bannercurve);
  -webkit-clip-path: url(#bannercurve);
  z-index: 1;
}
.banner-shapes .yetti-cover-wrapper .yetti-photo {
  height: 160px;
  position: relative;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-shapes .yetti-cover-wrapper .yetti-photo img {
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 160px;
  position: relative;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0 !important;
}
.banner-shapes .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
}
.banner-shapes .-align-left .profile-wrapper .name-bio-wrapper {
  text-align: left;
}
.banner-shapes .-align-left .profile-wrapper .picture-wrapper {
  margin-left: 32px;
}
.banner-shapes .-align-right .profile-wrapper .name-bio-wrapper {
  text-align: right;
}
.banner-shapes .-align-right .profile-wrapper .picture-wrapper {
  margin-right: 32px;
}

@keyframes animate-cover-photo {
  0% {
    margin-bottom: 100px;
    transform: scale(2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    margin-bottom: 0;
    transform: scale(1);
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@keyframes animate-watermark {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner-shapes-slant-right .profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  margin-top: -150px;
}
.banner-shapes-slant-right .profile-wrapper .picture-wrapper {
  background: #fff;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 100px;
  height: 100px;
  margin: auto;
  margin-top: 4rem;
}
.banner-shapes-slant-right .profile-wrapper .name-bio-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 32px;
  margin: 0 auto;
  overflow-wrap: break-word;
  text-align: center;
  color: var(--theme-text-color, #000);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .banner-shapes-slant-right .profile-wrapper .name-bio-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.banner-shapes-slant-right .profile-wrapper .name-bio-wrapper .name {
  font-size: 28px;
  line-height: 34px;
}
.banner-shapes-slant-right .profile-wrapper .name-bio-wrapper .bio {
  line-height: 18px;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.banner-shapes-slant-right .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  border-radius: 50%;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-animation: animate-profile-photo 0.8s 0.2s backwards;
          animation: animate-profile-photo 0.8s 0.2s backwards;
  padding: 6px;
}
.banner-shapes-slant-right .profile-wrapper .picture-wrapper .picture::before {
  background: #fff;
}
.banner-shapes-slant-right .profile-wrapper .picture-wrapper .picture img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.banner-shapes-slant-right .profile-wrapper .picture-wrapper .picture:not(.\--in-img) img {
  border-radius: 550px;
}
.banner-shapes-slant-right .profile-wrapper .default-bio-banner {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 174px;
  -webkit-clip-path: url(#banner-shapes-slant-right-mask);
          clip-path: url(#banner-shapes-slant-right-mask);
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-shapes-slant-right .yetti-cover-wrapper {
  clip-path: url(#banner-shapes-slant-right-mask);
  -webkit-clip-path: url(#banner-shapes-slant-right-mask);
  z-index: 1;
}
.banner-shapes-slant-right .yetti-cover-wrapper .yetti-photo {
  height: 190px;
  position: relative;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-shapes-slant-right .yetti-cover-wrapper .yetti-photo img {
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 190px;
  position: relative;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0 !important;
}
.banner-shapes-slant-right .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
}
.banner-shapes-slant-right .-align-left .profile-wrapper .name-bio-wrapper {
  text-align: left;
}
.banner-shapes-slant-right .-align-left .profile-wrapper .picture-wrapper {
  margin-left: 1.25rem;
}
.banner-shapes-slant-right .-align-right .profile-wrapper .name-bio-wrapper {
  text-align: right;
}
.banner-shapes-slant-right .-align-right .profile-wrapper .picture-wrapper {
  margin-right: 1.25rem;
}

@keyframes animate-cover-photo {
  0% {
    margin-bottom: 100px;
    transform: scale(2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    margin-bottom: 0;
    transform: scale(1);
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@keyframes animate-watermark {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner-shapes-slant-left .profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.banner-shapes-slant-left .profile-wrapper .picture-wrapper {
  background: #fff;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 75px;
  height: 75px;
  margin: auto;
}
.banner-shapes-slant-left .profile-wrapper .name-bio-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 32px;
  margin: 0 auto;
  overflow-wrap: break-word;
  text-align: center;
  color: var(--theme-text-color, #000);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .banner-shapes-slant-left .profile-wrapper .name-bio-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.banner-shapes-slant-left .profile-wrapper .name-bio-wrapper .name {
  font-size: 28px;
  line-height: 34px;
}
.banner-shapes-slant-left .profile-wrapper .name-bio-wrapper .bio {
  line-height: 18px;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.banner-shapes-slant-left .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  border-radius: 50%;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-animation: animate-profile-photo 0.8s 0.2s backwards;
          animation: animate-profile-photo 0.8s 0.2s backwards;
  padding: 6px;
}
.banner-shapes-slant-left .profile-wrapper .picture-wrapper .picture::before {
  background: #fff;
}
.banner-shapes-slant-left .profile-wrapper .picture-wrapper .picture img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.banner-shapes-slant-left .profile-wrapper .picture-wrapper .picture:not(.\--in-img) img {
  border-radius: 550px;
}
.banner-shapes-slant-left .profile-wrapper .default-bio-banner {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 174px;
  -webkit-clip-path: url(#banner-shapes-slant-left-mask);
          clip-path: url(#banner-shapes-slant-left-mask);
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-shapes-slant-left .yetti-cover-wrapper {
  clip-path: url(#banner-shapes-slant-left-mask);
  -webkit-clip-path: url(#banner-shapes-slant-left-mask);
  z-index: 1;
}
.banner-shapes-slant-left .yetti-cover-wrapper .yetti-photo {
  height: 300px;
  position: relative;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-shapes-slant-left .yetti-cover-wrapper .yetti-photo img {
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 300px;
  position: relative;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0 !important;
}
.banner-shapes-slant-left .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
}
.banner-shapes-slant-left .-align-left .profile-wrapper .name-bio-wrapper {
  text-align: left;
}
.banner-shapes-slant-left .-align-left .profile-wrapper .picture-wrapper {
  margin-left: 1.25rem;
}
.banner-shapes-slant-left .-align-right .profile-wrapper .name-bio-wrapper {
  text-align: right;
}
.banner-shapes-slant-left .-align-right .profile-wrapper .picture-wrapper {
  margin-right: 1.25rem;
}

@keyframes animate-cover-photo {
  0% {
    margin-bottom: 100px;
    transform: scale(2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    margin-bottom: 0;
    transform: scale(1);
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@keyframes animate-watermark {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner-default .profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  margin-top: -150px;
}
.banner-default .profile-wrapper .picture-wrapper {
  background: #fff;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 64px;
  height: 64px;
  margin: auto;
  margin-top: 7.5rem;
}
.banner-default .profile-wrapper .name-bio-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 32px;
  margin: 0 auto;
  overflow-wrap: break-word;
  text-align: center;
  color: var(--theme-text-color, #000);
}
.banner-default .profile-wrapper .name-bio-wrapper .name {
  font-size: 15px;
  font-weight: 600;
}
.banner-default .profile-wrapper .name-bio-wrapper .bio {
  line-height: 18px;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: 6px;
}
.banner-default .profile-wrapper .bio-username-text {
  font-size: 11px !important;
  letter-spacing: -0.05em;
  color: var(--theme-text-color, #000);
}
.banner-default .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  border-radius: 50%;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: 100%;
  -webkit-animation: animate-profile-photo 0.8s 0.2s backwards;
          animation: animate-profile-photo 0.8s 0.2s backwards;
  border: 4px solid white;
}
.banner-default .profile-wrapper .picture-wrapper .picture::before {
  background: #fff;
}
.banner-default .profile-wrapper .picture-wrapper .picture img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.banner-default .profile-wrapper .picture-wrapper .picture:not(.\--in-img) img {
  border-radius: 550px;
}
.banner-default .profile-wrapper .default-bio-banner {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 174px;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-default .yetti-cover-wrapper {
  z-index: 1;
  padding: 0.5rem;
}
.banner-default .yetti-cover-wrapper .yetti-photo {
  height: 137px;
  position: relative;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-default .yetti-cover-wrapper .yetti-photo img {
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 137px;
  position: relative;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0.5rem;
}
.banner-default .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
}
.banner-default .-align-left .profile-wrapper .name-bio-wrapper {
  text-align: left;
}
.banner-default .-align-left .profile-wrapper .picture-wrapper {
  margin-left: 32px;
}
.banner-default .-align-right .profile-wrapper .name-bio-wrapper {
  text-align: right;
}
.banner-default .-align-right .profile-wrapper .picture-wrapper {
  margin-right: 32px;
}

.overlay-awesome {
  flex: none;
  height: 600px;
  left: calc(50.00000000000002% - min(1200px,1200px) / 2);
  max-width: 1200px;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: perspective(500px);
  width: 1200px;
  z-index: 0;
}
.overlay-awesome img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  image-rendering: auto;
}

@keyframes animate-cover-photo {
  0% {
    margin-bottom: 100px;
    transform: scale(2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    margin-bottom: 0;
    transform: scale(1);
  }
}
@keyframes animate-profile-photo {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-name {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes animate-social {
  0% {
    transform: scale(0);
  }
  95% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animate-link {
  0% {
    top: 60px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@keyframes animate-watermark {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
.banner-v5 .\--v5-content {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 18px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  justify-content: flex-start;
  overflow: visible;
  padding: 64px 16px 16px;
  position: relative;
  width: 100%;
}
.banner-v5 .name-bio-wrapper {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  overflow-wrap: break-word;
  text-align: left;
  color: var(--theme-text-color, #000);
}
.banner-v5 .name-bio-wrapper .name {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1.2rem;
}
@media (max-width: 809px) {
  .banner-v5 .name-bio-wrapper .name {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 130%;
  }
}
.banner-v5 .name-bio-wrapper .bio {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.34px;
  line-height: 29px;
  text-align: left;
}
@media (max-width: 809px) {
  .banner-v5 .name-bio-wrapper .bio {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.34px;
    line-height: 150%;
  }
}
.banner-v5 .bio-username-text {
  font-size: 11px !important;
  letter-spacing: -0.05em;
  color: var(--theme-text-color, #000);
}
.banner-v5 .profile-wrapper {
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  justify-content: flex-start;
  overflow: visible;
  padding: 0;
  position: relative;
}
.banner-v5 .profile-wrapper .v5-highlight {
  overflow: initial !important;
}
.banner-v5 .profile-wrapper .v5-highlight.story-preview .base-picture-o {
  display: none !important;
}
.banner-v5 .profile-wrapper .v5-highlight .picture-wrapper .picture {
  -webkit-animation: spin 10s infinite linear;
          animation: spin 10s infinite linear;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  border-bottom: 2px solid #ffffff;
}
.banner-v5 .profile-wrapper .v5-highlight .picture-wrapper .picture img {
  padding: 4px;
  animation: spin 10s infinite reverse linear;
}
.banner-v5 .profile-wrapper .picture-wrapper {
  background: #fff;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.banner-v5 .profile-wrapper .picture-wrapper.is-story {
  width: initial !important;
  max-width: initial !important;
  margin: initial !important;
}
.banner-v5 .profile-wrapper .picture-wrapper.is-story .info, .banner-v5 .profile-wrapper .picture-wrapper.is-story .item-preview {
  display: none !important;
}
.banner-v5 .profile-wrapper .picture-wrapper .picture {
  display: inline-flex;
  border-radius: 50%;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 10;
  width: 96px;
  height: 96px;
  -webkit-animation: animate-profile-photo 0.8s 0.2s backwards;
          animation: animate-profile-photo 0.8s 0.2s backwards;
  border: 4px solid black;
}
.banner-v5 .profile-wrapper .picture-wrapper .picture::before {
  background: #fff;
}
.banner-v5 .profile-wrapper .picture-wrapper .picture img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.banner-v5 .profile-wrapper .picture-wrapper .picture:not(.\--in-img) img {
  border-radius: 550px;
}
.banner-v5 .profile-wrapper .default-bio-banner {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 174px;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-v5 .yetti-cover-wrapper {
  z-index: 1;
  padding: 0.5rem;
}
.banner-v5 .yetti-cover-wrapper .yetti-photo {
  height: 137px;
  position: relative;
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
}
.banner-v5 .yetti-cover-wrapper .yetti-photo img {
  -webkit-animation: animate-cover-photo 1s ease-in-out backwards;
          animation: animate-cover-photo 1s ease-in-out backwards;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 137px;
  position: relative;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0.5rem;
}
.banner-v5 .profile-wrapper .name-bio-wrapper .content {
  -webkit-animation: animate-name 0.3s 0.5s backwards;
          animation: animate-name 0.3s 0.5s backwards;
  overflow: hidden;
}
.banner-v5 .-align-left .profile-wrapper .name-bio-wrapper {
  text-align: left;
}
.banner-v5 .-align-left .profile-wrapper .picture-wrapper {
  margin-left: 32px;
}
.banner-v5 .-align-right .profile-wrapper .name-bio-wrapper {
  text-align: right;
}
.banner-v5 .-align-right .profile-wrapper .picture-wrapper {
  margin-right: 32px;
}

.fi {
  display: flex;
}

.sandy-popup-content-temp {
  display: none;
}

.z-menuc-content-temp {
  display: none;
}

.z-menu-ul {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.2;
  margin: 0;
  padding: 6px 0;
}
.z-menu-ul li {
  display: block;
  position: relative;
}
.z-menu-ul li .inner {
  border-radius: 5px;
  margin: 0 5px;
  color: #181818;
  cursor: default;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px 13px 6px 17px;
  white-space: pre;
  cursor: pointer;
}
.z-menu-ul li:hover a {
  background-color: #000;
  color: #fff;
}
.z-menu-ul .separator {
  background-color: #eee;
  height: 1px;
  margin: 6px 0;
  padding: 0;
}
.z-menu-ul .separator .inner {
  border-radius: 5px;
  margin: 0 5px;
  color: #181818;
  cursor: default;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px 13px 6px 17px;
  pointer-events: none;
  white-space: pre;
}

[data-theme=zmenuc] {
  background: #fff;
  color: #000;
  box-shadow: 0 1px #0000000d, 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
[data-theme=zmenuc] .tippy-content {
  padding: 0;
}

.wrapper-o {
  padding-top: 65px;
  margin-bottom: 30px;
}
.wrapper-o .header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 30px;
}
.wrapper-o .header-title .-title {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.5px;
  line-height: 30px;
}

.sexy-small-btn {
  display: flex;
  min-width: 30px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 15px;
  font-size: 12px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: border-color ease 0.15s, background-color ease 0.15s;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
  background: #f8bd46;
  color: #000;
  height: 30px;
  overflow: hidden;
}
.sexy-small-btn.light {
  box-shadow: 0px 4px 8px 0px rgba(128, 128, 128, 0.3);
  background: #f1f1f1;
  color: #000;
}
.sexy-small-btn.success {
  background: #34d399;
  box-shadow: 0px 4px 8px 0px rgba(0, 255, 115, 0.3);
  color: #fff;
}

.builder-body {
  height: 100%;
  min-height: 80vh;
}

.builder-body {
  z-index: 999;
  border-radius: 25px 25px 0 0;
  padding-top: 2em;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  position: relative;
}
.builder-body::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: #eeeeee;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .builder-body {
    background: rgba(227, 227, 227, 0.25);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
}
body.is-dark .builder-body {
  background: transparent;
}
.builder-body.-remove-filters {
  background: transparent;
  -webkit-backdrop-filter: initial;
          backdrop-filter: initial;
}

.story {
  display: flex;
  align-items: center;
}
.story .follow {
  margin-left: 0.75rem;
}

@media only screen and (max-width: 1419px) {
  .story .follow {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .story .follow {
    width: 3.25rem;
    min-width: 3.25rem;
    padding: 0;
    font-size: 0;
  }
  .story .follow .icon {
    margin: 0;
  }
}
.story__user {
  display: flex;
  align-items: center;
  flex: 0 0 calc(100% - 18.75rem);
  width: calc(100% - 18.75rem);
}

@media only screen and (max-width: 1419px) {
  .story__user {
    flex: 0 0 calc(100% - 18rem);
    width: calc(100% - 18rem);
  }
}
@media only screen and (max-width: 1259px) {
  .story__user {
    flex: 0 0 calc(100% - 10rem);
    width: calc(100% - 10rem);
    padding-right: 1.25rem;
  }
}
@media only screen and (max-width: 1023px) {
  .story__user {
    flex: 0 0 calc(100% - 18rem);
    width: calc(100% - 18rem);
  }
}
@media only screen and (max-width: 767px) {
  .story__user {
    flex: 0 0 calc(100% - 3.25rem);
    width: calc(100% - 3.25rem);
  }
}
.story__avatar {
  position: relative;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  border: 0.25rem solid #010101;
  border-radius: 50%;
}
.story__avatar img {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.story__avatar:after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  z-index: 1;
  border: 0.0625rem solid #555555;
  border-radius: 50%;
}
.story__avatar.history:after {
  border: none;
  background: conic-gradient(from 180deg at 50% 50%, #5FFF5C -18.66deg, #FFE249 22.23deg, #F35950 78.14deg, #7C5BFF 159deg, #1CE4FF 202.32deg, #5FFF5C 341.34deg, #FFE249 382.23deg);
}
.story__avatar.history:before {
  content: "";
  position: absolute;
  top: -0.1875rem;
  left: -0.1875rem;
  right: -0.1875rem;
  bottom: -0.1875rem;
  z-index: 2;
  background: #010101;
  border-radius: 50%;
}

.story__details {
  flex: 0 0 calc(100% - 5rem);
  width: calc(100% - 5rem);
  padding-left: 1.25rem;
}

.story__name {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #F7FBFA;
}

@media only screen and (max-width: 1419px) {
  .story__name {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.story__login {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #686A6C;
}

.story__button {
  border-color: #555555;
}

.story__created {
  flex-shrink: 0;
  width: 8rem;
  margin-right: auto;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
}

@media only screen and (max-width: 1419px) {
  .story__created {
    padding-right: 0.5rem;
  }
}
@media only screen and (max-width: 1259px) {
  .story__created {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .story__created {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .story__created {
    display: none;
  }
}
.story__text {
  margin-bottom: 0.5rem;
  color: #686A6C;
}

.story__crypto {
  color: #DBFF73;
}

.storys__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 1579px) {
  .storys__head {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1419px) {
  .storys__head {
    margin-bottom: 2.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .storys__head {
    margin-bottom: 0;
  }
}
.storys__title {
  color: #F7FBFA;
}

.storys__counter {
  color: #686A6C;
}

.storys__list {
  max-height: 45.3125rem;
  margin-right: -4rem;
  padding-right: 3.5rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.storys__list::-webkit-scrollbar {
  width: 0.5rem;
}
.storys__list::-webkit-scrollbar-track {
  background-color: #202025;
  border: 0.125rem solid #202025;
  border-radius: 0.25rem;
}
.storys__list::-webkit-scrollbar-thumb {
  background-color: #010101;
  border: 0.125rem solid #202025;
  border-radius: 0.25rem;
}

@media only screen and (max-width: 1579px) {
  .storys__list {
    margin-right: -3rem;
    padding-right: 2.5rem;
  }
}
@media only screen and (max-width: 1419px) {
  .storys__list {
    margin-right: -1.5rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 1023px) {
  .storys__list {
    padding-right: 1.5rem;
  }
}
.profile {
  display: flex;
}

@media only screen and (max-width: 1023px) {
  .profile {
    display: block;
  }
}
.profile__col {
  flex: 0 0 50%;
  width: 50%;
}
.profile__col:nth-child(1) {
  position: relative;
}
.profile__col > .profile__avatar {
  position: absolute;
  top: -9rem;
  left: 4.25rem;
  width: 14rem;
  height: 14rem;
  border: 0.75rem solid rgba(247, 251, 250, 0.25);
  border-radius: 50%;
}

@media only screen and (max-width: 1023px) {
  .profile__col {
    width: 100%;
  }
}
@media only screen and (max-width: 1579px) {
  .profile__col > .profile__avatar {
    left: 3.25rem;
  }
}
@media only screen and (max-width: 1419px) {
  .profile__col > .profile__avatar {
    left: 1.75rem;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__col > .profile__avatar {
    top: -6.75rem;
    left: 0.75rem;
    width: 11.5rem;
    height: 11.5rem;
  }
}
.profile__avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.profile__details {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  min-height: 50rem;
  padding: 6.25rem 5rem 5rem;
}
.profile__details .follow {
  margin-top: 0.5rem;
  padding: 0 1.875rem;
}

@media only screen and (max-width: 1579px) {
  .profile__details {
    min-height: 45rem;
    padding: 6.25rem 4rem 5rem;
  }
}
@media only screen and (max-width: 1419px) {
  .profile__details {
    padding: 6.25rem 2.5rem 5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__details {
    display: block;
    min-height: auto;
    padding: 6.25rem 1.5rem 3rem;
  }
}
@media only screen and (max-width: 1259px) {
  .profile__details .follow {
    min-width: 5.5rem;
    margin-top: 0;
    padding: 0 0.75rem;
    font-size: 0;
  }
  .profile__details .follow .icon {
    margin: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .profile__details .follow {
    min-width: auto;
    padding: 0 1.875rem;
    font-size: 0.75rem;
  }
  .profile__details .follow .icon {
    margin-left: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .profile__details .follow {
    margin-top: 2rem;
  }
}
.profile__head {
  margin-bottom: auto;
}

.profile__flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .profile__flex {
    display: block;
    margin-bottom: 2rem;
  }
}
.profile__user {
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .profile__user {
    font-size: 3rem;
  }
}
.profile__line {
  display: flex;
  align-items: center;
}

.profile__login {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #686A6C;
}

@media only screen and (max-width: 1259px) {
  .profile__login {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.profile__code {
  display: flex;
  align-items: center;
  margin-left: 1.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background: #B9A9FB;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
}

@media only screen and (max-width: 1259px) {
  .profile__code {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
}
.profile__copy {
  margin-left: 0.5rem;
  font-size: 0;
}
.profile__copy .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.profile__actions {
  display: flex;
  margin: 0 -1.25rem;
}

@media only screen and (max-width: 767px) {
  .profile__actions {
    justify-content: space-between;
    margin: 0;
  }
}
.profile__action {
  flex: 0 0 calc(33.333% - 2.5rem);
  width: calc(33.333% - 2.5rem);
  margin: 0 1.25rem;
  cursor: pointer;
  transition: color 0.2s;
}
.profile__action:hover, .profile__action.active {
  color: #1966F7;
}

@media only screen and (max-width: 767px) {
  .profile__action {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
  }
}
@media only screen and (max-width: 1259px) {
  .profile__counter {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.profile__subtitle {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #686A6C;
}
.profile__subtitle .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  fill: #686A6C;
}

@media only screen and (max-width: 1259px) {
  .profile__subtitle {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .profile__subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .profile__subtitle .icon {
    width: 1rem;
    height: 1rem;
  }
}
.profile__contacts {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
}

@media only screen and (max-width: 1259px) {
  .profile__contacts {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .profile__contacts {
    display: block;
    margin-top: 2rem;
  }
}
.profile__description {
  max-width: 30.5rem;
}

.profile__item:not(:last-child) {
  margin-bottom: 2.5rem;
}

.profile__category {
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #686A6C;
}

.profile__content {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: #686A6C;
}

.profile__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile__link {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #202025;
  transition: color 0.2s;
}
.profile__link .icon {
  margin-right: 1rem;
  fill: #202025;
  transition: fill 0.2s;
}
.profile__link:hover {
  color: #1966F7;
}
.profile__link:hover .icon {
  fill: #1966F7;
}

.profile__socials {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-left: 4rem;
}

@media only screen and (max-width: 767px) {
  .profile__socials {
    flex-direction: row;
    margin: 2.5rem 0 0;
  }
}
.profile__social .icon {
  fill: #686A6C;
  transition: fill 0.2s;
}
.profile__social:hover .icon {
  fill: #010101;
}
.profile__social:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .profile__social:not(:last-child) {
    margin: 0 1.5rem 0 0;
  }
}
.profile .list {
  display: none;
}

.background {
  position: relative;
  height: 25rem;
  margin-top: -6rem;
}
.background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .background {
    margin-top: -5.5rem;
  }
}
@media only screen and (max-width: 1579px) {
  .background {
    height: 19rem;
  }
}

.background__file {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.background__details {
  padding: 3rem;
  text-align: center;
  pointer-events: none;
}

.background__title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 2.25rem;
  letter-spacing: -0.01em;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .background__title {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: -0.02em;
    font-weight: 700;
  }
}
.background__info {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: #686A6C;
}

.background:not(.background_cover):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.5);
}

.background_cover {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19rem;
  margin-top: 0;
  background: #F1F4F4;
  border-bottom: 0.0625rem solid #E1E2E2;
}

.css-radio {
  margin: 7px 0;
}
.css-radio input + span {
  border: 1px solid var(--color-gray-border);
  height: 20px;
  width: 20px;
  background-color: var(--color-white);
  border-radius: 50%;
}
.css-radio input + span:after {
  background-color: var(--color-white);
  border-radius: 50%;
  bottom: 2px;
  left: 2px;
  opacity: 0;
  right: 2px;
  top: 2px;
  transition: opacity 0.2s ease-out;
}
.css-radio input:checked + span:after {
  opacity: 1;
}
.css-radio:hover input + span {
  border-color: var(--color-gray-border);
}
.css-radio.css-radio-sm {
  font-size: 12px;
  margin: 9px 0 8px;
}
.css-radio.css-radio-sm input + span {
  height: 16px;
  width: 16px;
}
.css-radio.css-radio-lg {
  margin: 5px 0;
}
.css-radio.css-radio-lg input + span {
  height: 26px;
  width: 26px;
}

.css-radio-default input:checked + span:after {
  background-color: var(--color-gray-muted);
}

.css-radio-primary input:checked + span:after {
  background-color: var(--color-primary);
}

.css-radio-info input:checked + span:after {
  background-color: var(--color-bg-info);
}

.css-radio-success input:checked + span:after {
  background-color: var(--color-success);
}

.css-radio-warning input:checked + span:after {
  background-color: var(--color-warning);
}

.css-radio-danger input:checked + span:after {
  background-color: var(--color-danger);
}

.switch {
  margin: 3px 0;
}
.switch input + span {
  background-color: var(--color-gray-border);
  border-radius: 30px;
  height: 30px;
  transition: background-color 0.4s;
  width: 54px;
}
.switch input + span:after {
  background-color: var(--color-white);
  border-radius: 50%;
  bottom: 2px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  left: 2px;
  top: 2px;
  transition: transform 0.15s ease-out;
  width: 26px;
}
.switch input:checked + span {
  background-color: var(--color-gray-light);
}
.switch input:checked + span:after {
  box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
  transform: translateX(23px);
}
.switch.switch-sm {
  font-size: 12px;
  margin: 8px 0 7px;
}
.switch.switch-sm input + span {
  height: 20px;
  width: 36px;
}
.switch.switch-sm input + span:after {
  width: 16px;
}
.switch.switch-sm input:checked + span:after {
  transform: translateX(15px);
}
.switch.switch-lg {
  margin: 1px 0;
}
.switch.switch-lg input + span {
  height: 34px;
  width: 70px;
}
.switch.switch-lg input + span:after {
  width: 30px;
}
.switch.switch-lg input:checked + span:after {
  transform: translateX(35px);
}
.switch.switch-square input + span {
  border-radius: 0;
}
.switch.switch-square input + span:after {
  border-radius: 0;
}

.switch-default input:checked + span {
  background-color: var(--color-gray-muted);
}

.switch-primary input:checked + span {
  background-color: var(--color-primary);
}

.switch-info input:checked + span {
  background-color: var(--color-bg-info);
}

.switch-success input:checked + span {
  background-color: var(--color-success);
}

.switch-warning input:checked + span {
  background-color: var(--color-warning);
}

.switch-danger input:checked + span {
  background-color: var(--color-danger);
}

.builder-block .-item-style {
  border-radius: var(--link-block-corner, 10px);
  background-color: var(--link-block-bg-color, #f4f4f4);
  border: var(--link-block-border) solid var(--link-block-border-color, transparent);
  padding: 0;
  box-shadow: none;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  -webkit-clip-path: none;
          clip-path: none;
  transition: 0.2s ease-in-out;
  transition-property: background, text-shadow, transform, box-shadow;
}
.builder-block .-item-style .\--style {
  position: relative;
  border: 0;
  background-color: transparent;
}

.link-button {
  position: relative;
}
.link-button .-item-style {
  border-radius: var(--link-block-corner, 10px);
  background-color: var(--link-block-bg-color, #f4f4f4);
  border: var(--link-block-border) solid var(--link-block-border-color, transparent);
  margin-bottom: 20px;
  padding: 0;
  box-shadow: none;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  -webkit-clip-path: none;
          clip-path: none;
  transition: 0.2s ease-in-out;
  transition-property: background, text-shadow, transform, box-shadow;
}
.link-button .-item-style .\--style {
  position: relative;
  border: 0;
  background-color: transparent;
}
.link-button .-item-style .\--link {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 72px;
  text-align: center;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  vertical-align: middle;
  word-break: break-word;
  -webkit-box-orient: vertical;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 48px;
  background: initial;
}
@media (max-width: 768px) {
  .link-button .-item-style .\--link {
    padding: 8px 66px;
  }
}
.link-button .-item-style .\--link .\--link-icon {
  position: absolute;
  height: 36px;
  width: 36px;
  line-height: 36px;
  left: 16px;
}
@media (max-width: 464px) {
  .link-button .-item-style .\--link .\--link-icon {
    left: 4%;
  }
}
.link-button .-item-style .\--link .\--link-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--link-thumbnail-radius, 10px);
  vertical-align: baseline;
}
.link-button .-item-style .\--link .\--link-text-wrap {
  width: 100%;
  line-height: 1.6em;
  color: var(--link-block-font-color, #000000);
  text-align: left;
}
.link-button .-item-style .\--link .\--link-text-wrap .\--link-text {
  display: none;
  font-size: 12px;
  line-height: 18px;
}
.link-button .-item-style .\--link .\--link-status {
  position: absolute;
  height: 32px;
  right: 3%;
  width: 32px;
  line-height: 32px;
}
@media (max-width: 768px) {
  .link-button .-item-style .\--link .\--link-status {
    right: 4%;
  }
}
.link-button .-item-style .\--link .\--link-status span {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

.text-match-theme {
  color: var(--link-block-font-color, #000000);
}

.custom-link-container {
  --secondary-color: #e8ebf4;
  --secondary-text-color: #000000;
  align-items: center;
  background: var(--secondary-color);
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--custom-link-text-color);
  display: flex;
  flex-direction: row;
  height: 65px;
  margin-bottom: 5px;
  margin-top: 5px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.custom-link-container > p {
  padding: 10px;
}

.custom-link-container.layout-description {
  height: 100px;
}

.custom-link-container.layout-banner, .custom-link-container.layout-botton {
  height: 250px;
}

.custom-link-container.layout-display, .custom-link-container.layout-hover {
  height: 350px;
}

.custom-link-container.layout-display-empty {
  height: auto;
  overflow: hidden;
}

.custom-link-container.layout-display .custom-link-content-wrapper {
  align-items: flex-end;
}

.custom-link-container.layout-banner .custom-link-preview-image, .custom-link-container.layout-banner .custom-link-preview-image .product-image, .custom-link-container.layout-banner .custom-link-preview-image svg, .custom-link-container.layout-banner .custom-link-preview-svg, .custom-link-container.layout-banner .custom-link-preview-svg svg, .custom-link-container.layout-botton .custom-link-preview-image, .custom-link-container.layout-botton .custom-link-preview-image .product-image, .custom-link-container.layout-botton .custom-link-preview-image svg, .custom-link-container.layout-botton .custom-link-preview-svg, .custom-link-container.layout-botton .custom-link-preview-svg svg, .custom-link-container.layout-display .custom-link-preview-image, .custom-link-container.layout-display .custom-link-preview-image .product-image, .custom-link-container.layout-display .custom-link-preview-svg {
  height: 100%;
  width: 100%;
}

.custom-link-container.layout-hover .custom-link-preview-image, .custom-link-container.layout-hover .custom-link-preview-image .product-image, .custom-link-container.layout-hover .custom-link-preview-svg {
  height: 100%;
  width: 100%;
}

.custom-link-container.layout-hover .custom-link-preview-image svg, .custom-link-container.layout-hover .custom-link-preview-svg svg {
  height: 100%;
  width: 100%;
}

.custom-link-container.layout-display .custom-link-preview-image svg, .custom-link-container.layout-display .custom-link-preview-svg svg {
  height: 100%;
  width: 100%;
}

.layout-botton .custom-link-preview-button .ProseMirror > p, .layout-botton .custom-link-preview-button > p, .layout-hover .custom-link-preview-button > p {
  margin: 5px 10px;
}

.layout-hover .custom-link-preview-button {
  align-self: center;
}

.custom-link-preview-button {
  border: 1px solid var(--secondary-text-color);
  color: var(--secondary-text-color);
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 0;
}

.layout-hover .custom-link-preview-button, .layout-hover:hover .custom-link-preview-button {
  background: var(--secondary-text-color);
  border: 1px solid var(--secondary-text-color);
  border-radius: 5px;
  color: var(--secondary-color);
}

.custom-link-container.layout-banner .custom-link-preview-description, .custom-link-container.layout-hover .custom-link-preview-description {
  text-align: center;
}

.custom-link-preview-content.display .custom-link-preview-description {
  overflow-y: hidden;
}

.custom-link-container.layout-feature, .custom-link-container.layout-overlay {
  align-items: flex-end;
  border: 0;
  height: 150px;
}

.custom-link-container.layout-feature .custom-link-preview-description {
  display: none;
}

.custom-link-hover-overlay {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 7px;
  display: none;
  height: calc(100% + 3px);
  left: -2px;
  position: absolute;
  top: -2px;
  width: calc(100% + 3px);
  z-index: 0;
}

.custom-link-container:hover .custom-link-hover-overlay {
  display: flex;
}

.custom-link-header-container {
  display: none;
  justify-content: flex-end;
  width: 100%;
}

.custom-link-preview-image {
  border-radius: var(--link-block-corner, 3px);
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-link-preview-image, .custom-link-preview-svg {
  height: 65px;
  left: 0;
  position: absolute;
  top: 0;
  width: 65px;
}

.custom-link-preview-svg {
  align-items: center;
  display: flex;
  justify-content: center;
}

.custom-link-preview-svg path {
  fill: var(--secondary-text-color);
}

.separator-block {
  background-color: var(--secondary-color);
  height: 2px;
  margin: 15px auto;
  width: 80%;
}

.layout-description .custom-link-preview-image, .layout-description .custom-link-preview-svg {
  height: 100px;
  left: 0;
  top: 0;
  width: 100px;
}

.layout-feature .custom-link-preview-image, .layout-feature .custom-link-preview-svg, .layout-overlay .custom-link-preview-image, .layout-overlay .custom-link-preview-svg {
  background: var(--secondary-color);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.custom-link-preview-image-overlay {
  background: linear-gradient(1turn, var(--secondary-color) 4%, transparent 88%);
  border-radius: 0;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;
  right: 0;
  border-radius: var(--link-block-corner);
}

.layout-hover .custom-link-preview-image-overlay {
  background: var(--secondary-color);
  opacity: 0;
  transition: all 0.15s linear;
}

.layout-hover:hover .custom-link-preview-image-overlay {
  opacity: 0.6;
}

.layout-hover .custom-link-preview-content {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.layout-hover:hover .custom-link-preview-content {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .layout-hover .custom-link-preview-image-overlay {
    opacity: 0.6;
  }

  .layout-hover .custom-link-preview-content {
    opacity: 1;
  }
}
.custom-link-content-wrapper {
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.layout-feature .custom-link-content-wrapper, .layout-overlay .custom-link-content-wrapper {
  align-items: flex-end;
  border: none;
  position: relative;
  z-index: 999;
}

.layout-botton .custom-link-content-wrapper {
  align-items: flex-end;
  z-index: 999;
}

.layout-botton .custom-link-preview-image-overlay {
  bottom: 0;
}

.custom-link-preview-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding: 0 30px;
  width: 100%;
}

.layout-botton .custom-link-preview-content {
  padding-left: 20px;
}

.custom-link-preview-content.display, .layout-display-empty .custom-link-preview-content {
  box-sizing: border-box;
  padding: 10px 15px 15px 25px;
}

.custom-link-preview-content.botton {
  margin-bottom: 15px;
  z-index: 11;
}

.custom-link-preview-content.classic, .mobile .custom-link-preview-content.classic {
  padding-left: 80px;
}

.group-block-title .custom-link-preview-content.classic, .mobile .group-block-title .custom-link-preview-content.classic {
  padding: 0 40px;
}

@media screen and (min-width: 768px) {
  .custom-link-preview-content.classic {
    padding: 0 100px;
  }
}
.custom-link-preview-content.feature {
  background-color: var(--secondary-color);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 30px;
  padding: 0 30px;
  z-index: 999;
}

.custom-link-preview-content.overlay {
  padding: 10px 30px;
}

.custom-link-preview-content.banner, .custom-link-preview-content.hover {
  z-index: 11;
}

.custom-link-preview-content.description, .mobile .custom-link-preview-content.description {
  padding: 0 15px 0 115px;
}

.custom-link-preview-title {
  color: var(--secondary-text-color);
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 16px;
  margin: 0;
  text-align: center;
  width: 100%;
  z-index: 9999;
}

.layout-description .custom-link-preview-title {
  justify-content: flex-start;
  color: var(--link-block-font-color, #000000);
}

.layout-description .custom-link-preview-description {
  color: var(--link-block-font-color, #000000);
}

.layout-description .custom-link-preview-title > span {
  font-weight: 700;
}

.layout-description .custom-link-preview-title > span > p {
  font-weight: 400;
}

.layout-description .custom-link-preview-description-center, .layout-description .custom-link-preview-title-center {
  justify-content: center;
  text-align: center;
}

.layout-banner .custom-link-preview-title, .layout-botton .custom-link-preview-title, .layout-hover .custom-link-preview-title {
  font-size: 36px;
}

.layout-banner .custom-link-preview-title p, .layout-botton .custom-link-preview-title p, .layout-hover .custom-link-preview-title p {
  line-height: normal;
}

.layout-banner .custom-link-preview-description, .layout-hover .custom-link-preview-description {
  font-size: 14px;
}

.layout-botton .custom-link-preview-title, .layout-display .custom-link-preview-title, .layout-display-empty .custom-link-preview-title {
  text-align: left;
}

.layout-botton .custom-link-preview-description {
  line-height: 1.6;
  margin: 0;
}

.layout-botton .custom-link-preview-content {
  margin-bottom: 15px;
}

.layout-display .custom-link-preview-title, .layout-display-empty .custom-link-preview-title {
  font-size: 30px;
}

.custom-link-title-overflow {
  flex: 1;
}

.custom-link-title-overflow, .custom-link-title-overflow > p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-link-title-overflow > p {
  line-height: 1.2;
}

.layout-description .custom-link-title-overflow, .layout-display .custom-link-title-overflow, .layout-display-empty .custom-link-title-overflow {
  text-align: left;
}

.layout-banner .custom-link-title-overflow, .layout-banner .custom-link-title-overflow > p, .layout-hover .custom-link-title-overflow, .layout-hover .custom-link-title-overflow > p {
  word-wrap: break-word;
  white-space: normal;
}

.custom-link-preview-description {
  color: var(--secondary-text-color);
  font-size: 12px;
  line-height: 14px;
  margin: 10px 0 0;
}

.custom-link-preview-description > p {
  margin: 0;
}

.layout-display .custom-link-preview-image {
  border-radius: var(--link-block-corner, 5px);
  height: 250px;
  width: 100%;
}

.instagram-galery-container {
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 5px;
  margin-top: 15px;
  min-width: 330px;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .instagram-galery-container {
    width: 100%;
  }
}
.line-clamp-2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  line-height: 1.4;
  overflow: hidden;
}

[x-cloak] {
  display: none !important;
}

.alpine-dialog-modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.alpine-dialog-modal .-alpine-modal-overflow {
  background-color: rgba(21, 21, 31, 0.96);
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.alpine-dialog-modal .-alpine-dialog {
  z-index: 99;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ccc;
  background-color: #fff;
}

.mobile-modal-o .modal--view {
  max-height: calc(100vh - 111px);
}
.mobile-modal-o .-alpine-dialog {
  transform: translateX(-50%);
  top: initial;
  bottom: 0;
  max-width: 700px;
  border-radius: 20px 20px 0 0;
}

.awesome-card {
  background: #8c52ff;
  color: #fff;
  padding: 24px 24px 30px;
  position: relative;
  border-radius: var(--link-block-corner, 10px);
}
@media (max-width: 481px) {
  .awesome-card {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.awesome-card .\--social-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 30px;
}
@media (max-width: 481px) {
  .awesome-card .\--social-icon {
    right: 16px;
    top: 16px;
  }
}
.awesome-card .-thumbnail {
  width: 80px;
  height: 80px;
}
@media (max-width: 481px) {
  .awesome-card .-thumbnail {
    width: 40px;
    height: 40px;
  }
}
.awesome-card .-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}
.awesome-card .-content {
  margin-top: 4.5rem;
}
@media (max-width: 481px) {
  .awesome-card .-content {
    margin-top: 2.5rem;
  }
}
.awesome-card .-content .\--social-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 481px) {
  .awesome-card .-content .\--social-title {
    font-size: 13px;
  }
}
.awesome-card .-content .\--social-username {
  font-size: 20px;
}
@media (max-width: 481px) {
  .awesome-card .-content .\--social-username {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .header-side.is-builder {
    width: 4rem;
  }
}
@media (max-width: 768px) {
  .header-side.is-builder .nav-sidebar {
    width: 6rem !important;
  }
}
@media (max-width: 768px) {
  .header-side.is-builder .nav-sidebar .navbar-content {
    padding: 2rem;
  }
}

.pencil-loader {
  position: relative;
  width: 14rem;
  height: 0.6rem;
  border-radius: 3rem;
  background: #0f0f0f3b;
}
.pencil-loader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  border-radius: 3rem;
  height: 100%;
  background: #000;
  -webkit-animation: line_drow 5s ease-out infinite;
  animation: line_drow 5s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
  animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}
.pencil-loader .pen {
  position: absolute;
  top: 0rem;
  left: 0;
  width: 7rem;
  height: 1rem;
  line-height: 1rem;
  background: rgba(249, 89, 89, 0.07);
  text-align: center;
  transform: translate(1%, -365%) rotate(-45deg);
  transform-origin: center;
  -webkit-animation: pen_move 5s ease-out infinite;
  animation: pen_move 5s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
  animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}
.pencil-loader .pen .pen_overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.pencil-loader .pen .pen_overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: -1;
  -webkit-animation: color_empty 5s ease-out infinite;
  animation: color_empty 5s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
  animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}
.pencil-loader .pen .pen_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0%;
  background: #000;
  z-index: -1;
  -webkit-animation: color_full 5s ease-out infinite;
  animation: color_full 5s ease-out infinite;
  -webkit-animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
  animation-timing-function: cubic-bezier(0.71, 0.22, 0.29, 0.73);
}
.pencil-loader .pen .pen_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 8%;
  height: 100%;
  transform: translateX(-95%);
  background: #34374c;
}
.pencil-loader .pen .pen_top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8rem;
  border-style: solid;
  border-color: transparent #34374c transparent transparent;
  border-width: 0.5rem 1.2rem 0.5rem 0;
  transform: translateX(-101%);
}
.pencil-loader .pen .pen_top::after {
  position: absolute;
  top: 50%;
  left: -100%;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem 0 0 1rem;
  background: #f95959;
  transform: translate(-215%, -50%);
}
.pencil-loader .pen .pen_bottom {
  position: absolute;
  top: 0;
  right: 0;
  width: 12%;
  height: 102%;
  border-radius: 0 0.8rem 0.8rem 0;
  transform: translate(90%, -1%);
  background: #34374c;
}

@-webkit-keyframes line_drow {
  0%, 90%, 100% {
    width: 0;
  }
  50%, 60% {
    width: 100%;
  }
}
@keyframes line_drow {
  0%, 90%, 100% {
    width: 0;
  }
  50%, 60% {
    width: 100%;
  }
}
@-webkit-keyframes color_empty {
  0% {
    left: 0;
  }
  50%, 60% {
    left: -100%;
  }
  90%, 100% {
    left: -100%;
  }
}
@keyframes color_empty {
  0% {
    left: 0;
  }
  50%, 60% {
    left: -100%;
  }
  90%, 100% {
    left: -100%;
  }
}
@-webkit-keyframes color_full {
  0% {
    width: 0;
  }
  50%, 60% {
    width: 0;
  }
  90%, 100% {
    width: 100%;
  }
}
@keyframes color_full {
  0% {
    width: 0;
  }
  50%, 60% {
    width: 0;
  }
  90%, 100% {
    width: 100%;
  }
}
@-webkit-keyframes pen_move {
  0% {
    left: 0;
    transform: translate(1%, -365%) rotate(-45deg);
  }
  50% {
    left: 100%;
    transform: translate(1%, -365%) rotate(-45deg);
  }
  55% {
    left: 100%;
    transform: translate(1%, -385%) rotate(-45deg);
  }
  60% {
    left: 100%;
    transform: translate(-8%, -310%) rotate(140deg);
  }
  90% {
    left: 0%;
    transform: translate(-8%, -310%) rotate(140deg);
  }
  95% {
    left: 0%;
    transform: translate(-8%, -450%) rotate(140deg);
  }
  100% {
    transform: translate(1%, -365%) rotate(315deg);
  }
}
@keyframes pen_move {
  0% {
    left: 0;
    transform: translate(1%, -365%) rotate(-45deg);
  }
  50% {
    left: 100%;
    transform: translate(1%, -365%) rotate(-45deg);
  }
  55% {
    left: 100%;
    transform: translate(1%, -385%) rotate(-45deg);
  }
  60% {
    left: 100%;
    transform: translate(-8%, -310%) rotate(140deg);
  }
  90% {
    left: 0%;
    transform: translate(-8%, -310%) rotate(140deg);
  }
  95% {
    left: 0%;
    transform: translate(-8%, -450%) rotate(140deg);
  }
  100% {
    transform: translate(1%, -365%) rotate(315deg);
  }
}
.loader-ooo {
  width: 112px;
  height: 112px;
}
.loader-ooo .box1, .loader-ooo .box2, .loader-ooo .box3 {
  border-radius: 550px;
  border: 16px solid #c3c3c3;
  box-sizing: border-box;
  position: absolute;
  display: block;
}
.loader-ooo .box1 {
  width: 112px;
  height: 48px;
  margin-top: 64px;
  margin-left: 0px;
  -webkit-animation: anime1 4s 0s forwards ease-in-out infinite;
  animation: anime1 4s 0s forwards ease-in-out infinite;
}
.loader-ooo .box2 {
  width: 48px;
  height: 48px;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-animation: anime2 4s 0s forwards ease-in-out infinite;
  animation: anime2 4s 0s forwards ease-in-out infinite;
}
.loader-ooo .box3 {
  width: 48px;
  height: 48px;
  margin-top: 0px;
  margin-left: 64px;
  -webkit-animation: anime3 4s 0s forwards ease-in-out infinite;
  animation: anime3 4s 0s forwards ease-in-out infinite;
}

@-webkit-keyframes anime1 {
  0% {
    width: 112px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  12.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  25% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  37.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  50% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  62.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  75% {
    width: 48px;
    height: 112px;
    margin-top: 0px;
    margin-left: 0px;
  }
  87.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  100% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
}
@keyframes anime1 {
  0% {
    width: 112px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  12.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  25% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  37.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  50% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  62.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
  75% {
    width: 48px;
    height: 112px;
    margin-top: 0px;
    margin-left: 0px;
  }
  87.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  100% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
}
@-webkit-keyframes anime2 {
  0% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  12.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  25% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  37.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  50% {
    width: 112px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  62.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  75% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  87.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  100% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
}
@keyframes anime2 {
  0% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  12.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  25% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  37.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  50% {
    width: 112px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
  }
  62.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  75% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  87.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  100% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
}
@-webkit-keyframes anime3 {
  0% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  12.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  25% {
    width: 48px;
    height: 112px;
    margin-top: 0px;
    margin-left: 64px;
  }
  37.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  50% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  62.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  75% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  87.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  100% {
    width: 112px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
}
@keyframes anime3 {
  0% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  12.5% {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
  }
  25% {
    width: 48px;
    height: 112px;
    margin-top: 0px;
    margin-left: 64px;
  }
  37.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  50% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  62.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  75% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  87.5% {
    width: 48px;
    height: 48px;
    margin-top: 64px;
    margin-left: 64px;
  }
  100% {
    width: 112px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
  }
}
.create-page-wrapper .-content-wrap {
  display: flex;
  transition: all 0.4s ease;
  opacity: 1;
  flex-direction: column;
  width: 100vw;
  min-height: 100vh;
  max-height: 100vh;
  align-content: center;
  justify-content: center;
  position: absolute;
}
.create-page-wrapper .-content-wrap .\--contentr {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .create-page-wrapper .-content-wrap .\--contentr {
    box-shadow: 6px 12px 60px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1025px) {
  .create-page-wrapper .-content-wrap .\--contentr {
    width: auto;
    min-height: 0;
    margin: 3rem auto;
    background-color: #fff;
    border-radius: 1.2rem;
    max-height: calc(100% - 6rem);
  }
}
.create-page-wrapper .-content-wrap .\--contentr .\--content-pad {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  margin: 0 auto;
  padding: 2rem;
  width: 100vw;
}
@media (min-width: 1025px) {
  .create-page-wrapper .-content-wrap .\--contentr .\--content-pad {
    height: auto;
  }
}
@media (min-width: 1025px) {
  .create-page-wrapper .-content-wrap .\--contentr .\--content-pad {
    width: 86.4rem;
    width: 48.4rem;
    min-height: 77rem;
  }
}

.onboard-form .onboard-username .onboard-form-group .\--label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  flex: 0 0 auto;
  padding: 1rem;
  font-weight: 400;
  color: #323b43;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #dce4ec;
}
.onboard-form .onboard-username .onboard-form-group input {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  flex: 0 0 auto;
  padding: 1rem 1.3rem;
  font-size: 1.15rem;
  font-weight: 400;
  color: #323b43;
  background: #fff;
  -webkit-appearance: none;
  outline: 0;
  box-shadow: inset 0 0 0 1px #dce4ec;
  border: 0 solid transparent;
  border-radius: 3px;
}

.hover-select {
  position: relative;
}
.hover-select::before {
  border-radius: 0;
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  border: dotted 2px #46ccff;
  opacity: 0;
}
.hover-select::after {
  background: #46ccff;
  border-radius: 0;
  color: #fff;
  display: none;
  font-size: 0.6em;
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  pointer-events: none;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  z-index: 99;
  content: attr(data-toooltip);
  display: block;
  left: 0;
  top: calc( -2em + 2px );
  opacity: 0;
  white-space: nowrap;
}
.hover-select .layout-add {
  left: calc(50% - 6px);
  width: 20px;
  bottom: -8px;
  cursor: pointer;
  height: 20px;
  display: none;
  z-index: 1;
  position: absolute;
  background: #46ccff;
  border-radius: 50px;
  color: #fff;
  font-size: 10px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  -webkit-text-stroke: 1.2px;
  z-index: 100;
}
.hover-select::before, .hover-select::after {
  transition: 0.4s;
}
.hover-select:hover {
  border: dotted 2px #46ccff !important;
}
.hover-select:hover::before, .hover-select:hover::after {
  opacity: 1;
}
.hover-select:hover .layout-add {
  display: flex;
}
@media (max-width: 992px) {
  .hover-select.\--active-hover-mobile::before, .hover-select.\--active-hover-mobile::after {
    opacity: 1;
  }
  .hover-select.\--active-hover-mobile .layout-add {
    display: flex;
  }
}

.floating-builder-menu {
  position: fixed;
  top: 4em;
  right: 2em;
  background: rgba(53, 54, 66, 0.9825);
  border-radius: 6px;
  border: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 999;
  background: #000;
}
.floating-builder-menu > * {
  transition: background-color 0.2s ease, max-width 0.25s ease-in-out, padding 0.25s ease-in-out, overflow-x 0.25s ease-in-out, visibility 0.25s;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 3.5em;
  width: 3.5em;
  height: 3em;
  line-height: 3em;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  border-bottom: 0;
  outline: 0;
}
.floating-builder-menu > * i {
  color: rgba(255, 255, 255, 0.75);
}

.create-blk-item {
  text-align: left;
  line-height: 2.75em;
  color: rgba(255, 255, 255, 0.375);
  text-decoration: none;
  font-weight: normal;
  padding: 0 1em;
  position: relative;
  border-bottom: 0;
  outline: 0;
  display: flex;
  align-items: center;
}
.create-blk-item i {
  color: rgba(255, 255, 255, 0.375);
  display: block;
  margin-right: 0.75em;
  pointer-events: none;
}
.create-blk-item span {
  max-width: 6em;
  width: 6em;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hr-divded-blk-item {
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.075);
}

.connect {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.connect__row {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}
.connect__row:nth-child(2), .connect__row:nth-child(3) {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .connect__row {
    flex-direction: column;
  }
}
.connect__col {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  width: 50%;
  padding: 5rem;
}

@media only screen and (max-width: 1579px) {
  .connect__col {
    padding: 4rem;
  }
}
@media only screen and (max-width: 1419px) {
  .connect__col {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .connect__col {
    flex: 0 0 auto;
    width: auto;
    padding: 2.5rem 1.5rem;
  }
}
.connect .logo {
  margin-bottom: auto;
}

@media only screen and (max-width: 1023px) {
  .connect .logo {
    margin: 0 0 2.5rem;
  }
}
.connect__line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .connect__line {
    display: block;
  }
}
.connect .arrow {
  margin: 0.5rem 0 0 1.25rem;
}

@media only screen and (max-width: 767px) {
  .connect .arrow {
    margin: 1.5rem 0 0;
  }
}
.connect__info {
  max-width: 28.125rem;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.02em;
  font-weight: 700;
}

@media only screen and (max-width: 1419px) {
  .connect__info {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__info {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.connect__cookies {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  padding: 1rem;
  background: rgba(32, 32, 37, 0.5);
  border-radius: 0.75rem;
}

@media only screen and (max-width: 767px) {
  .connect__cookies {
    margin-top: 2.5rem;
  }
}
.connect__accept {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #F7FBFA;
  transition: color 0.2s;
}
.connect__accept:hover {
  color: #1966F7;
}

.connect__cookies .connect__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #686A6C;
}
.connect__cookies .connect__text span {
  color: #F7FBFA;
}

.connect__back {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 15;
  border-color: #202025;
  background: #010101;
}
.connect__back .icon {
  fill: #F7FBFA;
}
.connect__back:hover {
  background: #202025;
}

@media only screen and (max-width: 1419px) {
  .connect__back {
    top: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
  }
}
.connect__scan {
  margin: auto 0;
}
.connect__scan .connect__subtitle {
  margin-bottom: 3rem;
  color: #F7FBFA;
  font-size: 3rem;
  line-height: 1;
}

@media only screen and (max-width: 1023px) {
  .connect__scan .connect__subtitle {
    margin-bottom: 1.5rem;
  }
}
.connect__code {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28.75rem;
  border-radius: 2rem;
  background: rgba(32, 32, 37, 0.5);
}
.connect__code img {
  max-width: 16rem;
}

@media only screen and (max-width: 1259px) {
  .connect__code {
    height: 27rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__code {
    height: 20.4375rem;
    border-radius: 1.75rem;
  }
}
.connect__lines span {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-style: solid;
  border-color: #555555;
  pointer-events: none;
}
.connect__lines span:nth-child(1) {
  top: 1rem;
}
.connect__lines span:nth-child(2) {
  top: 1rem;
  right: 1rem;
}
.connect__lines span:nth-child(3) {
  right: 1rem;
  bottom: 1rem;
}
.connect__lines span:nth-child(4) {
  bottom: 1rem;
}
.connect__lines span:nth-child(1), .connect__lines span:nth-child(4) {
  left: 1rem;
}
.connect__lines span:nth-child(1) {
  border-width: 0.0625rem 0 0 0.0625rem;
  border-top-left-radius: 1.5rem;
}
.connect__lines span:nth-child(2) {
  border-width: 0.0625rem 0.0625rem 0 0;
  border-top-right-radius: 1.5rem;
}
.connect__lines span:nth-child(3) {
  border-width: 0 0.0625rem 0.0625rem 0;
  border-bottom-right-radius: 1.5rem;
}
.connect__lines span:nth-child(4) {
  border-width: 0 0 0.0625rem 0.0625rem;
  border-bottom-left-radius: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .connect__lines span {
    width: 2.125rem;
    height: 2.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(1), .connect__lines span:nth-child(2) {
    top: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(2), .connect__lines span:nth-child(3) {
    right: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(3), .connect__lines span:nth-child(4) {
    bottom: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(1), .connect__lines span:nth-child(4) {
    left: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(1) {
    border-top-left-radius: 1.3125rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(2) {
    border-top-right-radius: 1.3125rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(3) {
    border-bottom-right-radius: 1.3125rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__lines span:nth-child(4) {
    border-bottom-left-radius: 1.3125rem;
  }
}
.connect__foot {
  margin-top: 2.5rem;
  text-align: center;
}
.connect__foot .connect__text {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #686A6C;
}
.connect__foot .connect__question {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #F7FBFA;
  transition: color 0.2s;
}
.connect__foot .connect__question:hover {
  color: #1966F7;
}

.connect__message {
  margin: auto 0;
}

.connect__logo {
  width: 5rem;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 1023px) {
  .connect__logo {
    margin-bottom: 2.5rem;
  }
}
.connect__message .connect__subtitle {
  margin-bottom: 1.5rem;
  color: #000;
  font-size: 3rem;
  line-height: 1;
}

.connect__content {
  max-width: 28.125rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #686A6C;
}

@media only screen and (max-width: 767px) {
  .connect__content {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.connect__btns {
  display: flex;
  margin: 0 -0.375rem 2.5rem;
}
.connect__btns .connect__button {
  flex: 0 0 calc(50% - 0.75rem);
  width: calc(50% - 0.75rem);
  margin: 0 0.375rem;
}

@media only screen and (max-width: 767px) {
  .connect__btns {
    display: block;
    margin: 0 0 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .connect__btns .connect__button {
    width: 100%;
    height: 3.75rem;
    margin: 0;
  }
  .connect__btns .connect__button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.connect__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.connect__links .connect__question {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  transition: color 0.2s;
}

.connect__learn {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  transition: color 0.2s;
}

@media only screen and (max-width: 767px) {
  .connect__links .connect__question, .connect__learn {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.connect__links .connect__question {
  color: #686A6C;
}
.connect__links .connect__question:hover {
  color: #F7FBFA;
}

.connect__learn {
  display: flex;
  align-items: center;
  color: #F7FBFA;
}
.connect__learn .icon {
  margin-left: 0.75rem;
  fill: #F7FBFA;
  transition: fill 0.2s;
}
.connect__learn:hover {
  color: #1966F7;
}
.connect__learn:hover .icon {
  fill: #1966F7;
}

.arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 12rem;
  height: 4.5rem;
  border-radius: 2.25rem;
  background: #6DD3C2;
}

@media only screen and (max-width: 1419px) {
  .arrow {
    width: 7.375rem;
    height: 2.75rem;
  }
  .arrow svg {
    width: 4.875rem;
  }
}
.field__wrap {
  position: relative;
}

.field__input, .field__textarea {
  width: 100%;
  border-width: 0 0 0.0625rem;
  border-style: solid;
  border-color: #E1E2E2;
  background: transparent;
  border-radius: 0;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #202025;
  transition: border-color 0.2s;
}

.field__input::-webkit-input-placeholder, .field__textarea::-webkit-input-placeholder, .field__input::-moz-placeholder, .field__textarea::-moz-placeholder, .field__input:-ms-input-placeholder, .field__textarea:-ms-input-placeholder, .field__input::-ms-input-placeholder, .field__textarea::-ms-input-placeholder, .field__input::placeholder, .field__textarea::placeholder {
  color: #202025;
}

.field__input:focus, .field__textarea:focus {
  border-color: #1966F7;
}

.field__input {
  height: 4rem;
  padding: 0;
}

.field__textarea {
  height: 9.5rem;
  padding: 1rem 0;
  resize: none;
}

.field .icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
  fill: #686A6C;
}

.field__label {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #A6AEAD;
}

.field_icon .field__input, .field_icon .field__textarea {
  padding-right: 2.5rem;
}

.field_textarea {
  font-size: 0;
}
.field_textarea .icon {
  top: 1rem;
  transform: translateY(0);
}

.field_light .field__input, .field_light .field__textarea {
  border-color: #555555;
  color: #F7FBFA;
}
.field_light .field__input::-webkit-input-placeholder, .field_light .field__textarea::-webkit-input-placeholder, .field_light .field__input::-moz-placeholder, .field_light .field__textarea::-moz-placeholder, .field_light .field__input:-ms-input-placeholder, .field_light .field__textarea:-ms-input-placeholder, .field_light .field__input::-ms-input-placeholder, .field_light .field__textarea::-ms-input-placeholder, .field_light .field__input::placeholder, .field_light .field__textarea::placeholder {
  color: #F7FBFA;
}
.field_light .field__input:focus, .field_light .field__textarea:focus {
  border-color: #F7FBFA;
}

.field_large .field__input {
  height: 6rem;
}
.field_large .field__textarea {
  height: 13.25rem;
  padding: 2rem 2rem 1.5rem 0;
}
.field_large.field_textarea .icon {
  top: 2.125rem;
}

@media only screen and (max-width: 767px) {
  .field_large .field__input {
    height: 4.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .field_large .field__textarea {
    height: 10rem;
    padding: 1rem 2rem 1rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .field_large.field_textarea .icon {
    top: 1.125rem;
  }
}
.old-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  padding: 0 2.25rem;
  background: #202025;
  border: 0.125rem solid #202025;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #F7FBFA;
  transition: all 0.2s;
}
.old-button svg {
  margin-left: 0.75rem;
  fill: #F7FBFA;
  transition: fill 0.2s;
}
.old-button:hover {
  background: #010101;
  border-color: #010101;
}

@media only screen and (max-width: 767px) {
  .old-button {
    height: 3.75rem;
  }
}
.button-stroke {
  background: transparent;
  color: #010101;
}
.button-stroke svg {
  fill: #010101;
}
.button-stroke:hover {
  background: #202025;
  border-color: #202025;
  color: #F7FBFA;
}
.button-stroke:hover svg {
  fill: #F7FBFA;
}

.button-white {
  background: #F7FBFA;
  border-color: #F7FBFA;
  color: #202025;
}
.button-white svg {
  fill: #202025;
}
.button-white:hover {
  background: #F7FBFA;
  border-color: #F7FBFA;
  color: #1966F7;
}
.button-white:hover svg {
  fill: #1966F7;
}

.button-stroke-white {
  background: transparent;
  border-color: #F7FBFA;
  color: #F7FBFA;
}
.button-stroke-white svg {
  fill: #F7FBFA;
}
.button-stroke-white:hover {
  background: #F7FBFA;
  border-color: #F7FBFA;
  color: #010101;
}
.button-stroke-white:hover svg {
  fill: #010101;
}

.button-stroke-grey {
  background: transparent;
  border-color: #E1E2E2;
  color: #202025;
}
.button-stroke-grey svg {
  fill: #202025;
}
.button-stroke-grey:hover {
  background: transparent;
  border-color: #202025;
  color: #202025;
}
.button-stroke-grey:hover svg {
  fill: #202025;
}

.button-empty {
  position: relative;
  height: auto;
  padding: 0 2.75rem 0 0;
  background: transparent;
  border: none;
  text-align: left;
  color: #202025;
}
.button-empty:before, .button-empty:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.button-empty:before {
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid #A6AEAD;
  transition: border-color 0.2s;
}
.button-empty:after {
  right: 0.625rem;
  width: 0.25rem;
  height: 0.25rem;
  background: #A6AEAD;
  transition: transform 0.2s, background 0.2s;
}
.button-empty:hover {
  background: transparent;
  color: #1966F7;
}
.button-empty:hover:before {
  border-color: #1966F7;
}
.button-empty:hover:after {
  transform: translateY(-50%) scale(2);
  background: #1966F7;
}

.button-large {
  height: 3.75rem;
}

.button-medium {
  height: 3rem;
  padding: 0 1.875rem;
}
.button-medium svg {
  margin-left: 0.5rem;
}

.button-small {
  height: 2.5rem;
  padding: 0 1.0625rem;
}
.button-small svg {
  margin-left: 0.5rem;
}

.button-wide {
  width: 100%;
}

.button-counter span {
  margin-left: 0.75rem;
  padding: 0.125rem 0.5rem;
  background: #E1E2E2;
  border-radius: 0.75rem;
}

.button-circle {
  flex-shrink: 0;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  border-color: #E1E2E2;
  background: transparent;
  border-radius: 50%;
}
.button-circle svg {
  margin: 0;
  fill: #202025;
  transition: fill 0.2s;
}
.button-circle:hover {
  background: #202025;
  border-color: #202025;
}
.button-circle:hover svg {
  fill: #F7FBFA;
}
.button-circle.button-medium {
  width: 3rem;
  height: 3rem;
}

.pixel-modal-body {
  max-height: min(906px, 90vh);
}

.menu--icon {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding: 5px;
  background-color: #c5f9bb;
  color: #252525;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
}

.publish-control-content {
  width: 432px;
  margin: 0 auto;
  height: 48px;
  line-height: 48px;
  border-radius: 12px;
  background: #fff;
}
.publish-control-content .preview-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f2f5f9;
  justify-content: center;
  margin: 0px 12px;
  background-color: white;
  height: 100%;
}
.publish-control-content .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 999;
  height: 100%;
  flex: 1 1 0%;
}
.publish-control-content .header-content .header-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: static;
  z-index: 4;
}
.publish-control-content .header-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  flex: 1 1 0%;
  overflow: hidden;
}
.publish-control-content .header-title svg {
  height: 24px;
  cursor: pointer;
  margin-right: 8px;
}
.publish-control-content .header-title .share-copy-link {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #000;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.publish-control-content .header-function {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
  flex-shrink: 0;
  margin-left: 16px;
}
.publish-control-content .header-function .device-control-wrapper {
  width: 78px;
  height: 32px;
  background: #f2f4f7;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.custom-content-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #f2f5f9;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 3px;
  margin-top: 20px;
}
.custom-content-input label {
  padding: 9px 10px;
  background: white;
  flex-shrink: 0;
  display: inline-block;
}
.custom-content-input input {
  flex: 1 1 0%;
  background: transparent;
  padding: 9px 10px;
  outline: none;
  border: 0px !important;
  font-size: 14px;
}

.loaderv-99 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-o20 {
  color: #ffffff;
  font-size: 45px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  -webkit-animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
          animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.str-line {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #6a6a6a;
  position: relative;
  margin: 0 auto;
  padding: 15px 0;
}
.str-line::before {
  content: "";
  position: absolute;
  left: 0;
  width: 35%;
  height: 1px;
  background: #d9e2f2;
  top: 50%;
}
.str-line::after {
  content: "";
  position: absolute;
  right: 0;
  width: 35%;
  height: 1px;
  background: #d9e2f2;
  top: 50%;
}

.shadow-preview {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.google-preview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px;
  background: white;
  border-radius: 4px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.google-preview .\--title {
  font-size: 18px;
  margin: 0px;
  color: #1a0dab;
  font-weight: 400;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.google-preview .\--desc {
  color: #545454;
  font-size: 13px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.google-preview .\--link {
  height: 18px;
  color: #006621;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sandy-orii-wrapper {
  margin: 0;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: normal;
  max-width: 324px;
}

.sandy-orii-wrapper .sandy-orii-body {
  position: relative;
  padding: 15px 15px;
}

.sandy-orii-footer-mobile {
  color: #80868b;
  opacity: 1;
  visibility: visible;
  position: static;
  transform: none;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  padding: 15px 10px 15px;
  background-color: rgba(135, 135, 135, 0.1);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.sandy-orii-thumbnail {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
}

.sandy-orii-thumbnail img {
  border-radius: 2px;
  height: 18px;
  width: 18px;
}

.sandy-orii-website-title {
  text-decoration: none !important;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 265px;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  font-weight: 700;
  letter-spacing: normal;
}

.sandy-orii-website-link {
  text-decoration: none !important;
  margin-bottom: 10px;
  margin-top: 2px;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: normal;
  color: #80868b;
  letter-spacing: normal;
}

.sandy-orii-description {
  text-decoration: none !important;
  margin-top: 12px;
  color: #80868b;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  max-height: 46px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: normal;
}

.sandy-orii-website-seo-wrapper {
  margin: 10px 12px 0;
  background-color: #000000;
  border-radius: 4px;
  height: 141px;
  overflow: hidden;
  position: relative;
}

.sandy-orii-website-seo-image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.sandy-orii-footer {
  display: revert !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  text-decoration: none !important;
  text-align: center;
  letter-spacing: 0.6px;
  color: #80868b !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  width: 120px !important;
  display: inline-block !important;
}

.sandy-orii-footer span {
  font-weight: 700;
  color: #fff;
}

.sandy-orii-footer-wrapper {
  margin: 9px auto 0;
  text-align: center;
}

@-webkit-keyframes -o-loading {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f5f8fb;
  }
  100% {
    background-color: #fff;
  }
}

@keyframes -o-loading {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #f5f8fb;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes spin---ooo {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin---ooo {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.site-dashboard-full-screen-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: #f5f8fb;
  animation: 2s -o-loading infinite ease-in-out;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9999999;
}
.site-dashboard-full-screen-loader .site-dashboard-full-screen-loader__content {
  position: relative;
}
.site-dashboard-full-screen-loader .-logo {
  position: absolute;
  top: 55px;
  width: 100%;
  height: 53px;
}
.site-dashboard-full-screen-loader .-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-dashboard-full-screen-loader .\--loader {
  position: relative;
  display: flex;
  width: auto;
  height: auto;
  margin: auto;
  --border-width: 4px;
}
.site-dashboard-full-screen-loader .loader__element {
  position: absolute;
  box-sizing: border-box;
  display: block;
  border: var(--border-width) solid;
  border-radius: 50%;
  -webkit-animation: spin---ooo 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: spin---ooo 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.site-dashboard-full-screen-loader .loader__element:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}
.site-dashboard-full-screen-loader .loader__element:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.site-dashboard-full-screen-loader .loader__element:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
.site-dashboard-full-screen-loader .loaderSize--large {
  width: 155px;
  height: 155px;
}

.fancy-ooo-card {
  position: relative;
  width: 172px;
  height: 158px;
  overflow: hidden;
}
.fancy-ooo-card .-svg-container {
  z-index: 8;
  position: absolute;
  height: 100px;
  width: 100px;
  color: var(--svg-color, #cba9fc);
  bottom: 0px;
  right: 0px;
}
.fancy-ooo-card .\--icon {
  border-radius: 50px;
  box-shadow: 0 4px 10px #00000026;
  flex: none;
  height: 30px;
  width: 30px;
}
.fancy-ooo-card .-content {
  position: relative;
  z-index: 9;
}
.fancy-ooo-card .-content .\--title {
  color: #855ece;
  font-size: 32px;
}
.fancy-ooo-card .\--first--card {
  --border-bottom-width: 3px;
  --border-color: var(--first-c-color, #d0bbff);
  --border-left-width: 3px;
  --border-right-width: 3px;
  --border-style: solid;
  --border-top-width: 3px;
  background-color: var(--first-c-color, #d0bbff);
  border-radius: 20px;
  flex: none;
  height: 158px;
  left: 0;
  position: absolute;
  top: 0;
  width: 172px;
}
.fancy-ooo-card .\--first--card::after {
  content: "";
  border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
  border-color: var(--border-color, none);
  border-style: var(--border-style, none);
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  border-radius: inherit;
  pointer-events: none;
}
.fancy-ooo-card .\--second--card {
  --border-bottom-width: 3px;
  --border-color: var(--second-c-color, #ded4ff);
  --border-left-width: 3px;
  --border-right-width: 3px;
  --border-style: solid;
  --border-top-width: 3px;
  border-radius: 20px;
  flex: none;
  height: 158px;
  left: 0;
  position: absolute;
  top: 0;
  width: 172px;
}
.fancy-ooo-card .\--second--card::after {
  content: "";
  border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
  border-color: var(--border-color, none);
  border-style: var(--border-style, none);
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  border-radius: inherit;
  pointer-events: none;
}

.loader-line-dot-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #FFF;
  box-sizing: border-box;
  -webkit-animation: animloader 1s linear infinite alternate;
          animation: animloader 1s linear infinite alternate;
}

@-webkit-keyframes animloader {
  0% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px;
  }
  33% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px;
  }
  66% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px;
  }
  100% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px;
  }
}

@keyframes animloader {
  0% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px;
  }
  33% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px;
  }
  66% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px;
  }
  100% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px;
  }
}
.loader-line-dot-dot, .loader-line-dot-dot:before, .loader-line-dot-dot:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: bblFadInOut 1.8s infinite ease-in-out;
          animation: bblFadInOut 1.8s infinite ease-in-out;
}

.loader-line-dot-dot {
  color: #FFF;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

.loader-line-dot-dot:before,
.loader-line-dot-dot:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader-line-dot-dot:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.loader-line-dot-dot:after {
  left: 3.5em;
}

@-webkit-keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.course-card-o {
  overflow: hidden;
  box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
  padding: 30px;
  border-radius: 6px;
  background: #ffffff;
  position: relative;
  height: 100%;
  transition: 0.4s;
  color: var(--link-block-font-color, #000000);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-card-o {
    padding: 20px;
  }
}
.course-card-o .course-card-title {
  font-size: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-card-o .course-card-title {
    font-size: 22px;
  }
}
.course-card-o .course-author-meta {
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .course-card-o .course-author-meta {
    margin-bottom: 10px;
  }
}
.course-card-o .course-author-meta .course-avater {
  margin-right: 10px;
}
.course-card-o .course-author-meta .course-avater a {
  display: block;
}
.course-card-o .course-author-meta .course-avater a img {
  width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #2f57ef21;
  padding: 2px;
}
.course-card-o .course-author-meta .course-author-info {
  font-size: 14px;
}
.course-card-o .course-author-meta .course-author-info a {
  font-weight: 600;
}
.course-card-o .course-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.course-card-o .course-card-bottom .course-price {
  display: flex;
  align-items: center;
}
.course-card-o .course-card-bottom .course-price .current-price {
  font-size: 24px;
  font-weight: 700;
}
.course-card-o .course-card-bottom .course-price .off-price {
  font-size: 20px;
  font-weight: 500;
  text-decoration: line-through;
  opacity: 0.4;
  margin-left: 7px;
}
.course-card-o .course-meta {
  margin: -7px;
  margin-bottom: 14px;
}
.course-card-o .course-meta li {
  font-size: 14px;
  line-height: 15px;
  display: inline-flex;
  margin: 7px;
}
.course-card-o .course-meta li i, .course-card-o .course-meta li svg {
  margin-right: 5px;
}
.course-card-o .course-card-img a {
  display: block;
}
.course-card-o .course-card-img a img {
  width: 100%;
  transition: 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.course-card-o .course-card-body .course-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  margin-top: -10px;
}
.course-card-o .course-card-body .course-card-top .course-review {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.course-card-o .course-card-body .course-card-top .course-review .rating {
  display: flex;
  align-items: center;
  margin-right: 6px;
}
.course-card-o .course-card-body .course-card-top .course-review .rating i, .course-card-o .course-card-body .course-card-top .course-review .rating svg {
  font-size: 13px;
  color: #FF9747;
  transition: 0.3s;
}
.course-card-o .course-card-body .course-card-top .course-review .rating-count {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.course-card-o .course-card-body .course-card-top .course-round-btn {
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: 0 none;
  display: block;
}

.goog-te-spinner-pos {
  display: none;
}

#notfound {
  --404-color: #c5f9bb;
  position: relative;
  height: 100vh;
}
#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#notfound .notfound-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
#notfound .notfound-bg > div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #eee;
}
#notfound .notfound-bg > div:nth-child(1) {
  left: 20%;
}
#notfound .notfound-bg > div:nth-child(2) {
  left: 40%;
}
#notfound .notfound-bg > div:nth-child(3) {
  left: 60%;
}
#notfound .notfound-bg > div:nth-child(4) {
  left: 80%;
}
#notfound .notfound-bg > div:after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5px;
  transform: translateY(-160px);
  height: 160px;
  width: 2px;
  background-color: var(--404-color);
}
#notfound .notfound-bg > div:nth-child(1):after {
  -webkit-animation: drop 3s infinite linear;
  animation: drop 3s infinite linear;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#notfound .notfound-bg > div:nth-child(2):after {
  -webkit-animation: drop 2s infinite linear;
  animation: drop 2s infinite linear;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
#notfound .notfound-bg > div:nth-child(3):after {
  -webkit-animation: drop 3s infinite linear;
  animation: drop 3s infinite linear;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
#notfound .notfound-bg > div:nth-child(4):after {
  -webkit-animation: drop 2s infinite linear;
  animation: drop 2s infinite linear;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

@-webkit-keyframes drop {
  90% {
    height: 20px;
  }
  100% {
    height: 160px;
    transform: translateY(calc(100vh + 160px));
  }
}
@keyframes drop {
  90% {
    height: 20px;
  }
  100% {
    height: 160px;
    transform: translateY(calc(100vh + 160px));
  }
}
.notfound {
  max-width: 520px;
  width: 100%;
  text-align: center;
}
.notfound .notfound-404 {
  height: 210px;
  line-height: 210px;
}
.notfound .notfound-404 h1 {
  font-family: oswald, sans-serif;
  font-size: 188px;
  font-weight: 700;
  margin: 0;
  text-shadow: 4px 4px 0 var(--404-color);
}
.notfound h2 {
  font-family: oswald, sans-serif;
  font-size: 42px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.notfound p {
  font-family: lato, sans-serif;
  color: #000;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 25px;
}
.notfound a {
  font-family: lato, sans-serif;
  padding: 10px 30px;
  display: inline-block;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  box-shadow: 0 0 0 2px #000, 2px 2px 0 2px var(--404-color);
  text-decoration: none;
  transition: 0.2s all;
}
.notfound a:hover {
  background-color: var(--404-color);
  box-shadow: 0 0 0 0 #000, 0 0 0 2px var(--404-color);
}

.notfound-social {
  margin-top: 35px;
}
.notfound-social > a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0 5px;
}
.notfound-social > a:hover {
  background-color: var(--404-color);
  box-shadow: 0 0 0 0 #000, 0 0 0 2px var(--404-color);
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 122px;
    line-height: 122px;
  }
  .notfound .notfound-404 h1 {
    font-size: 122px;
  }
  .notfound h2 {
    font-size: 26px;
  }
}
.builder-socials .-socials-item {
  color: var(--link-block-font-color, #000000);
}

.gradient-modal-wrapper {
  position: relative;
  padding: 10px;
  background: #fff;
  border: 1px solid #f2f5f9;
  border-radius: 8px;
}
.gradient-modal-wrapper .-gradient-modal {
  display: flex;
  justify-content: space-between;
}
.gradient-modal-wrapper .-gradient-modal .-gradient-modal-left {
  flex: 1;
  height: 130px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}
.gradient-modal-wrapper .-gradient-modal .-gradient-modal-right {
  width: 60px;
  height: 130px;
  margin-left: 10px;
}
.gradient-modal-wrapper .-gradient-modal .-gradient-modal-right div {
  height: 60px;
  margin-bottom: 10px;
  cursor: pointer;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.angle-change {
  background: #f4f6f9;
  border-radius: 10px;
  height: 48px;
  width: 100%;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.share-social-item {
  padding: 0px;
  margin: 0px;
  border: none;
  text-align: center;
  cursor: pointer;
  background: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
  transition: background-color 0.1s ease-in 0s;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 8px;
}
.share-social-item .-inner {
  display: flex;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #0a0b0d;
  width: 100%;
  height: 100%;
}
.share-social-item .-inner .\--content {
  margin-left: 16px;
  flex: 1 1 0%;
  width: 100%;
  height: 100%;
  display: flex;
}
.share-social-item .-inner .\--content p {
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.beta-tag {
  background: #A3FBA2;
  border-radius: 550px;
  font-size: 8px;
  padding: 0px 4px;
  font-weight: 600;
  transform: rotate(348deg);
  position: absolute;
  bottom: 19px;
  right: -14px;
}

.banner-t16 {
  height: calc(100svh - 51px);
  position: relative;
}
.banner-t16 .-banner-cover {
  inset: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner-t16 .-banner-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 0 0 0;
}
.banner-t16 .-banner-overlay {
  position: absolute;
  inset: 0;
  opacity: 20%;
  background: white;
  border-radius: 16px 16px 0 0;
  position: absolute;
  inset: 0;
  opacity: 40%;
  background: black;
  border-radius: 0 0 0 0;
}
.banner-t16 .-thumb-avatar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 45px 20px;
  align-items: center;
  flex-flow: column;
  display: flex;
}
.banner-t16 .-thumb-avatar img {
  border-radius: 50%;
  margin-bottom: 20px;
  width: 140px;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.banner-t16 .-thumb-avatar .\--bio {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  white-space: pre-line;
  padding: 0 36px;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
  margin-top: -6px;
  color: #fff;
}
.banner-t16 .-thumb-avatar .\--bio.-no-banner {
  color: var(--theme-text-color, #000);
}
.banner-t16 .-name {
  margin-bottom: 30px;
  white-space: nowrap;
  overflow: hidden;
  top: 23px;
  left: 0;
  right: 0;
  position: absolute;
  align-items: center;
  display: flex;
  flex-flow: row;
  color: #fff;
}
.banner-t16 .-name .\--name-inner {
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  font-weight: 600;
  position: relative;
  padding-right: 10px;
  display: flex;
  flex-flow: row;
  align-items: center;
  -webkit-animation: move-text 10s 1s linear infinite;
          animation: move-text 10s 1s linear infinite;
  color: #fff;
}
.banner-t16 .-name .\--name-inner.-no-banner {
  color: var(--theme-text-color, #000);
}
.banner-t16 .-name .\--name-inner .\--deco {
  margin-left: 10px;
}
@keyframes move-text {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes move-text-right {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

.banner-t19 {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 40px 18px 0;
}
.banner-t19.-align-left {
  align-items: flex-start;
}
.banner-t19.-align-left .\--name {
  text-align: left;
}
.banner-t19.-align-left .\--bio {
  text-align: left;
  padding: 0;
}
.banner-t19.-align-right {
  align-items: flex-end;
}
.banner-t19.-align-right .\--name {
  text-align: right;
}
.banner-t19.-align-right .\--bio {
  text-align: right;
  padding: 0;
}
.banner-t19 .\--avatar {
  border-radius: 50%;
  margin-bottom: 12px;
  width: 104px;
  height: 104px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.banner-t19 .\--name {
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  font-weight: 600;
  margin-top: auto;
}
.banner-t19 .\--bio {
  font-style: normal;
  font-weight: 400;
  text-align: center;
  white-space: pre-line;
  padding: 0 36px;
  max-width: 100%;
  margin-top: 6px;
  font-size: 13px;
  line-height: 20px;
}
.banner-t19 .-banner-cover {
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
  width: calc(100% + 40px);
  gap: 14px;
  margin-top: 32px;
  display: flex;
  flex-flow: row;
  align-items: center;
}
@media (max-width: 768px) {
  .banner-t19 .-banner-cover {
    width: 100%;
  }
}
.banner-t19 .-banner-cover .\--cover-item {
  flex-shrink: 0 !important;
  width: 66%;
  border-radius: 10px;
  overflow: hidden;
  left: calc(-50% - 7px);
  position: relative;
}
.banner-t19 .-banner-cover .\--cover-item .\--cover-padding-conatiner {
  max-height: 100%;
  overflow: hidden;
}
.banner-t19 .-banner-cover .\--cover-item .\--cover-padding-conatiner .\--padding {
  padding-bottom: 100%;
}
.banner-t19 .-banner-cover .\--cover-item img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.banner-t20 {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 30px 18px 0;
}
.banner-t20 .\--avatar {
  border-radius: 50%;
  margin-bottom: 12px;
  width: 104px;
  height: 104px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.banner-t20 .\--name {
  font-size: 64px;
  font-weight: 600;
  padding-bottom: 30px;
  border-bottom: 1px solid #3d3f42;
  align-items: left;
}
@media (max-width: 768px) {
  .banner-t20 .\--name {
    font-size: 34px;
  }
}
.banner-t20 .\--bio {
  font-style: normal;
  font-weight: 600;
  text-align: center;
  white-space: pre-line;
  padding: 12px 36px;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #3d3f42;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  display: flex;
  flex-flow: row;
  padding-left: 0;
}
.banner-t20 .\--bio .\--bio-inner {
  -webkit-animation: move-text 25s 1s linear infinite;
          animation: move-text 25s 1s linear infinite;
  padding-right: 5px;
}
.banner-t20 .-banner-cover {
  margin-top: 30px;
  align-items: center;
  display: flex;
  flex-flow: column;
}
.banner-t20 .-banner-cover .\--cover-item {
  width: 100%;
  max-width: 380px;
  position: relative;
}
.banner-t20 .-banner-cover .\--cover-item .\--cover-padding-conatiner {
  max-height: 100%;
  overflow: hidden;
}
.banner-t20 .-banner-cover .\--cover-item .\--cover-padding-conatiner .\--padding {
  padding-bottom: 100%;
}
.banner-t20 .-banner-cover .\--cover-item > img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 25rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.builder-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 9999999;
  position: fixed;
  height: 100%;
  width: 100%;
}
.builder-loader svg {
  -webkit-animation: mover 0.7s infinite alternate;
  animation: mover 0.7s infinite alternate;
  height: 90px;
  width: auto;
}
.builder-loader .-logo {
  height: 25px;
  width: 25px;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  position: absolute;
}
.builder-loader .-logo img {
  width: 100%;
  height: 100%;
}

.builder-transition--loader {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}
.builder-spinner {
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: fadeIn 0.5s linear;
  animation: fadeIn 0.5s linear;
  margin: 10px 0;
}
.builder-spinner:before {
  background-image: url("");
  background-size: 0.39em 0.43em;
  height: 20px;
  width: 20px;
  background-size: 20px;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.builder-spinner .circle {
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #000;
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-left: 2px solid rgba(0, 0, 0, 0.1);
  -webkit-animation: loaderAnim 0.8s linear infinite;
  animation: loaderAnim 0.8s linear infinite;
  border-radius: 200px;
  width: 80px;
  height: 80px;
}
.builder-spinner .circle:after {
  border-radius: 200px;
  width: 80px;
  height: 80px;
}

@-webkit-keyframes loaderAnim {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes loaderAnim {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.page-bottom-bar {
  max-width: 700px;
}

.builder-page--preview.builder-page--onboarding .builder-page--tab__content {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
  z-index: 98;
}

.login-builder-logo {
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  height: calc(100% - 350px);
}

.login-builder-img {
  position: relative;
  top: 40px;
}

.login-builder-img img {
  width: 130px;
  height: 30px;
}

.login-desc {
  position: relative;
  padding-top: 20px;
  top: 10%;
  color: #fff;
}

.login-area {
  display: flex;
  align-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding-left: 30px;
  padding-right: 30px;
}

.login-text {
  color: #000;
  max-width: 300px;
}

.login-builder-logo h1 {
  font-size: 30px;
  line-height: 1.5;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 599px) {
  .login-builder-logo h1 {
    font-size: 20px;
  }
}

.login-text p {
  font-size: 16px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 599px) {
  .login-text p {
    font-size: 14px;
  }
}

.builder-pages--logo {
  padding-bottom: 2%;
}

.login-builder-logo svg {
  width: 55px;
}

.login-builder-logo {
  height: calc(100% - 350px) !important;
}

.social-section {
  width: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.social-section .inner-page--body {
  width: 100%;
}

.toggleBorder .single-item {
  padding: 0;
  margin-bottom: 24px !important;
  height: 65px;
  box-shadow: none;
}
.toggleBorder .single-item .inner-page--body {
  width: 100%;
  height: 100%;
}

.background-select {
  position: relative;
  padding: 23px 15px 23px !important;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .background-select {
    padding: 23px 15px 23px;
  }
}

.background-check {
  height: 100%;
  width: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #f2f2f2;
}
@media only screen and (max-width: 599px) {
  .background-check {
    padding: 2px 0 0;
  }
}
.background-check label {
  position: absolute;
  font-weight: 500;
  font-size: 16px;
  justify-content: space-between;
  color: #000;
  align-items: flex-end;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  display: flex;
}
.background-check .plan {
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  margin-left: 60px;
  margin-bottom: 0;
  font-weight: bolder;
  height: inherit;
  justify-content: space-between;
  padding-right: 23px;
}

.multiple-item .radio input[type=radio] ~ .icon-radio {
  position: absolute;
  display: flex;
  align-self: center;
  left: 20px;
  border: 0;
  border-radius: 550px;
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 599px) {
  .multiple-item .radio input[type=radio] ~ .icon-radio {
    width: 20px;
    height: 20px;
  }
}

.multiple-item .radio input[type=radio] ~ .icon-radio {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.15);
  background-size: 100% !important;
}

.radio input[type=radio]:checked ~ .icon-radio:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10'%3E%3Cpath fill='%23fff' d='M11.6 0L4.4 7.2l-3-3L0 5.6 4.4 10 13 1.4z'/%3E%3C/svg%3E");
  z-index: 9;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 50%;
  content: "";
  position: absolute;
}
@media only screen and (max-width: 599px) {
  .radio input[type=radio]:checked ~ .icon-radio:after {
    background-size: 9.5px;
    background-position: 50%;
  }
}

.multiple-item .radio input[type=radio] {
  display: none;
}

.multiple-item .radio input[type=radio]:checked ~ .icon-radio {
  background-color: #000;
}

@media only screen and (max-width: 599px) {
  .builder-is--multiple.builder-mini--pill .toggleBorder {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
    display: flex;
    margin-right: -20px;
    margin-left: -20px;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behaviour: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-padding-left: 20px;
    margin-top: 30px;
    width: 100%;
    display: block;
  }
  .builder-is--multiple.builder-mini--pill .toggleBorder .single-item {
    width: 100%;
    white-space: normal;
    min-width: 100%;
    margin-right: 0;
  }
  .builder-is--multiple.builder-mini--pill .toggleBorder::before {
    padding-right: 20px;
    content: "";
    display: block;
  }
}
.closePage {
  position: absolute;
  z-index: 999;
  background: #f5f5f5;
  border-radius: 100px;
  right: 20px;
  top: 20px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.closePage svg {
  width: 20px;
  height: auto;
  cursor: pointer;
}
@media (max-width: 599px) {
  .closePage svg {
    width: 18px;
  }
}

.-icon.-split-bg {
  background: linear-gradient(44deg, #000000 50%, 50%, #ffffff 100%);
  border: 2px solid;
}
.-icon.-split-bg > svg {
  background: #110000;
  padding: 5px;
  border-radius: 550px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.builder-preview--wrapper.single-item {
  position: fixed;
  border-radius: 0;
  padding: 0 60px 0;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  -webkit-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s;
  height: 225px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 599px) {
  .builder-preview--wrapper.single-item {
    top: 50px;
    height: 180px;
    padding: 0 40px 0;
  }
}

.blobs {
  filter: url(#goo);
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 70px;
  transform-style: preserve-3d;
}
.blobs .blob-center {
  transform-style: preserve-3d;
  position: absolute;
  background: #000;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform-origin: left top;
  transform: scale(0.9) translate(-50%, -50%);
  -webkit-animation: blob-grow linear 3.4s infinite;
          animation: blob-grow linear 3.4s infinite;
  border-radius: 50%;
  box-shadow: 0 -10px 40px -5px #000;
}

.blob {
  position: absolute;
  background: #000;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-animation: blobs ease-out 3.4s infinite;
          animation: blobs ease-out 3.4s infinite;
  transform: scale(0.9) translate(-50%, -50%);
  transform-origin: center top;
  opacity: 0;
}
.blob:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.blob:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.blob:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.blob:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.blob:nth-child(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes blobs {
  0% {
    opacity: 0;
    transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%, 65% {
    opacity: 1;
    transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}

@keyframes blobs {
  0% {
    opacity: 0;
    transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%, 65% {
    opacity: 1;
    transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}
@-webkit-keyframes blob-grow {
  0%, 39% {
    transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    transform: scale(0) translate(-50%, -50%);
  }
}
@keyframes blob-grow {
  0%, 39% {
    transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    transform: scale(0) translate(-50%, -50%);
  }
}
.qrcode-img-wrapper {
  position: relative;
  width: 70%;
  padding-top: 70%;
  margin: 20px auto;
  box-sizing: border-box;
  border: 10px solid #f7f6f8;
}
@media (min-width: 310px) {
  .qrcode-img-wrapper {
    height: 58.06452vw;
    padding-top: 0;
  }
}
.qrcode-img-wrapper .qrcode-img-content {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qrcode-img-wrapper .qrcode-img-content img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.qrcode-img-wrapper .qrcode-img-content svg {
  width: 100%;
  height: 100%;
}

.eyes-tab {
  width: 224px;
}
.eyes-tab .tab-wrapper {
  height: 32px;
  background: #f4f6f9;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
}
.eyes-tab .tab-wrapper .tab-item {
  flex: 1;
  width: 104px;
  height: 28px;
  border-radius: 7px;
  text-align: center;
  line-height: 28px;
  color: #141414;
  font-size: 13px;
  cursor: pointer;
}
.eyes-tab .tab-wrapper .tab-item.active {
  background: #fff;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12), 0 3px 1px rgba(0, 0, 0, 0.04);
}

.qr-design-content {
  padding: 6px 20px 10px;
  height: 270px;
  overflow: auto;
}

.builder-header {
  display: none;
  width: calc(100% - 24px);
  left: 0px;
  right: 0px;
  grid-template-columns: 1fr auto 1fr;
  border: 1px solid #ebeef1;
  border-radius: 72px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  margin: 8px auto;
  align-items: center;
  padding: 8px 12px;
  z-index: 10;
  position: fixed;
  top: 0px;
  z-index: 9999;
  height: 0;
  opacity: 0;
}
.fixed-header .builder-header {
  opacity: 1;
  height: initial;
  display: flex;
}
@media (min-width: 768px) {
  .builder-header {
    max-width: calc(788px);
  }
}
@media (min-width: 576px) {
  .builder-header {
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.builder-header .-logo img {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: initial;
     object-position: initial;
  filter: none;
}

.builder-badge-container {
  position: fixed;
  bottom: 0;
  padding: 20px;
  width: 100%;
  display: flex;
  justify-content: right;
  pointer-events: none;
  z-index: 999;
  max-width: 700px;
  transform: translateX(-50%);
  left: 50%;
}
.builder-badge-container .-builder-badge {
  height: 36px;
  overflow: hidden;
  position: relative;
  width: 142px;
  will-change: transform;
  background-color: white;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.26) 0px 0.637473px 1.14745px -1.125px, rgba(0, 0, 0, 0.24) 0px 1.93094px 3.4757px -2.25px, rgba(0, 0, 0, 0.192) 0px 5.10423px 9.18761px -3.375px, rgba(0, 0, 0, 0.03) 0px 16px 28.8px -4.5px;
  opacity: 1;
}

.features-wrapper-div {
  padding: 20px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  color: black;
  background: white;
  border-radius: 36px;
  border: none;
  outline: none;
}
.features-wrapper-div .\--thumbnail {
  flex: 0 0 auto;
  width: 50px;
  text-align: center;
  margin: 0px 20px 0px 0px;
}
.features-wrapper-div .\--thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.features-wrapper-div .\--content {
  margin-right: auto;
}
.features-wrapper-div .\--content .\--name {
  font-size: 23px;
  line-height: 1.4;
  max-height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.features-wrapper-div .\--content .\--desc {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.features-block-wrapper.-flip .-features-item-c {
  flex-direction: row-reverse;
}
.features-block-wrapper.-flip .-features-item-c .\--thumbnail {
  margin: 0px 0px 0px 20px;
}
.features-block-wrapper.-switches {
  /*.-features-item-c{
  	&:nth-child(2n){
  		flex-direction: row-reverse;
  		.--thumbnail{
  			margin: 0px 0px 0px 20px;
  		}
  	}
  }*/
}
.features-block-wrapper.-switches .builder-block:nth-child(2n) .-features-item-c {
  flex-direction: row-reverse;
}
.features-block-wrapper.-switches .builder-block:nth-child(2n) .-features-item-c .\--thumbnail {
  margin: 0px 0px 0px 20px;
}
.features-block-wrapper.-carded .-features-item-c {
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: black;
  background: white;
  border-radius: 36px;
  border: none;
  outline: none;
}
.features-block-wrapper.-carded .-features-item-c .\--thumbnail {
  width: 100%;
  margin: 0px 0px 10px 0px;
}

.bank-crypto-wallet {
  margin-top: 12px;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f2;
  border-radius: 0;
}
.bank-crypto-wallet .\--name {
  margin-bottom: 7px;
  font-size: 14px;
  color: #adadad;
}
.bank-crypto-wallet .\--img {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-right: 5px;
  border-radius: 50%;
}
.bank-crypto-wallet .\--desc {
  font-size: 16px;
  color: #5a5a5a;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bank-crypto-wallet .-copy {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e3e3e3;
}
.bank-crypto-wallet .-copy svg {
  height: 17px;
  width: 17px;
}

.youtube-block-o {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: auto;
}
.youtube-block-o iframe {
  left: 0px;
  top: 0px;
  line-height: 1.2;
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 0px;
}

.skill-bars {
  padding: 25px 30px;
}
.skill-bars .bar {
  margin: 20px 0;
}
.skill-bars .bar:first-child {
  margin-top: 0px;
}
.skill-bars .bar .info {
  margin-bottom: 5px;
}
.skill-bars .bar .info span {
  font-weight: 500;
  font-size: 17px;
  opacity: 0;
  -webkit-animation: showText 0.5s 1s linear forwards;
          animation: showText 0.5s 1s linear forwards;
}
.skill-bars .bar .progress-line {
  height: 10px;
  width: 100%;
  background: #f0f0f0;
  position: relative;
  transform: scaleX(0);
  transform-origin: left;
  border-radius: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.8);
  -webkit-animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
          animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
}

@-webkit-keyframes showText {
  100% {
    opacity: 1;
  }
}

@keyframes showText {
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animate {
  100% {
    transform: scaleX(1);
  }
}
@keyframes animate {
  100% {
    transform: scaleX(1);
  }
}
.bar .progress-line span {
  height: 100%;
  position: absolute;
  border-radius: 3px;
  transform: scaleX(0);
  transform-origin: left;
  background: #000;
  -webkit-animation: animate 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;
          animation: animate 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;
}

.progress-line .text {
  position: absolute;
  top: -28px;
  right: 0;
  font-weight: 500;
  background: #000;
  color: #fff;
  padding: 1px 8px;
  font-size: 12px;
  border-radius: 3px;
  opacity: 0;
  -webkit-animation: showText2 0.5s 1.5s linear forwards;
          animation: showText2 0.5s 1.5s linear forwards;
}

@media (max-width: 768px) {
  .progress-line .text {
    font-size: 10px;
  }

  .skill-bars .bar .info span {
    font-size: 14px;
  }
}
@-webkit-keyframes showText2 {
  100% {
    opacity: 1;
  }
}
@keyframes showText2 {
  100% {
    opacity: 1;
  }
}
.builder-skillbar-block .skill-bars {
  border-radius: var(--link-block-corner);
}

.generic-card-o {
  overflow: hidden;
  background: #3d3f42;
  color: #ffffff;
  border-radius: var(--link-block-corner);
  font-size: 16px;
}
.generic-card-o .-header {
  margin: 0;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 16px 20px;
  font-size: 14px;
  margin-bottom: 16px;
  align-items: flex-start;
  display: flex;
  flex-flow: row;
}
@media screen and (min-width: 750px) {
  .generic-card-o .-header {
    padding: 14px 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
.generic-card-o .-header .\--header-inner {
  padding: 0 40px;
  flex: 1;
  min-width: 0;
}
.generic-card-o .-header .\--header-inner .\--title {
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.generic-card-o .-content {
  padding-bottom: 20px;
  padding-top: 4px;
  display: flex;
  flex-flow: column;
}
.generic-card-o .-content .\--content-inner {
  padding: 0 20px;
}

.dash-stat-block {
  width: 31%;
  height: 100px;
  padding: 16px 24px;
}

.p-b-wrap {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.tap-bio-swiper .swiper-pagination-bullets {
  bottom: unset !important;
  top: 0px !important;
  display: flex;
  padding: 0.315rem 0.5rem;
  box-sizing: border-box;
}
.tap-bio-swiper .swiper-pagination-bullets span {
  width: unset;
  height: 2px;
  height: 3.5px;
  flex: 1 1 0%;
  border-radius: 2px;
  background: black;
  opacity: 0.2;
  cursor: pointer;
  margin: 0 4px;
}
.tap-bio-swiper .swiper-pagination-bullets span.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, #000000);
}

.builder-layout-root-main {
  background: #f1f1f1;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
  grid-template-rows: 1fr auto;
  grid-template-areas: "content" "footer";
}
.builder-layout-root-main .builder-layout-root-main-content {
  grid-area: content;
}
@media (min-width: 768px) {
  .builder-layout-root-main .builder-layout-root-main-content {
    max-width: 700px;
    margin: auto;
    border-radius: 15px 15px 0 0;
  }
}
@media (max-width: 768px) {
  .builder-layout-root-main .builder-layout-root-main-content {
    border-radius: 0;
  }
}
.builder-layout-root-main .builder-layout-root-wrapper {
  margin-top: 50px;
  position: relative;
}
@media (min-width: 768px) {
  .builder-layout-root-main .builder-layout-root-wrapper {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .builder-layout-root-main .builder-layout-root-wrapper {
    margin-top: 0;
  }
}
.builder-layout-root-main .builder-layout-background {
  z-index: 0;
  box-shadow: 0 10px 20px rgba(126, 112, 112, 0.3);
  border-radius: 16px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  grid-column: 1;
  grid-row: 1/-1;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.builder-layout-root-main .builder-layout-background .builder-page {
  border-radius: 20px;
  overflow: hidden;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view {
  background: #ffffff;
  height: 100vh;
  overflow: hidden;
  position: sticky;
  top: 0;
}
@media (min-width: 768px) {
  .builder-layout-root-main .builder-layout-background .builder-layout-background-view {
    border-radius: 0 0 16px 16px;
    overflow: hidden;
  }
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .\-- {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .-transparency {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .\--inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0 !important;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .solid-color {
  height: 100%;
  width: 100%;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .gradient-color {
  width: 100%;
  height: 100%;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .gradient-color.animate {
  -webkit-animation: animateBackground 25s ease infinite;
  animation: animateBackground 25s ease infinite;
}
.builder-layout-root-main .builder-layout-background .builder-layout-background-view .video-background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  outline: currentcolor none medium;
  border: medium none;
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0s;
}

body > .skiptranslate {
  display: none;
}

.open-modal-alpine .glide__slides {
  will-change: initial !important;
  transform-style: initial !important;
  transform: initial !important;
}

.glide-tap .glide__bullets {
  position: relative;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  width: 100%;
  display: flex;
}
.glide-tap .glide__bullets .glide__bullet {
  width: unset;
  height: 3.5px;
  flex: 1 1 0%;
  border-radius: 2px;
  background: black;
  opacity: 0.2;
  cursor: pointer;
  margin: 0 4px;
}
.glide-tap .glide__bullets .glide__bullet.glide__bullet--active {
  opacity: 1;
  background: var(--swiper-pagination-color, #000000);
}

.splide-tap .splide__pagination {
  position: relative;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  width: 100%;
  display: flex;
}
.splide-tap .splide__pagination li {
  width: unset;
  height: 3.5px;
  flex: 1 1 0%;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 4px;
  position: relative;
}
.splide-tap .splide__pagination .splide__pagination__page {
  background: black;
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.splide-tap .splide__pagination .splide__pagination__page.is-active {
  opacity: 1;
  background: var(--swiper-pagination-color, #000000);
}

.install-modal-o .-alpine-modal-overflow {
  background-color: rgba(0, 0, 0, 0.2);
}

.\--footer-branding {
  display: flex;
  margin-top: 1rem;
}
.\--footer-branding .\--footer-branding-o {
  position: relative;
  padding: 0.25rem 0.5rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.\--footer-branding .\--footer-branding-text p {
  color: #374151;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-right: 0.5rem;
  float: left;
}
.\--footer-branding .\--footer-branding-text p span {
  font-weight: 700;
  padding-left: 0.2rem;
}
.\--footer-branding .\--footer-branding-text img {
  width: 1rem;
  height: 1rem;
}

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

.block-stories .swiper-slide {
  flex-shrink: 0;
  max-width: inherit !important;
  width: 100px !important;
  height: 100%;
  position: relative;
  transition-property: transform;
  text-align: center;
  font-size: 18px;
  background: transparent;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.block-stories .story.seen > .item-link {
  opacity: 0.7;
}
.block-stories .story > .item-link {
  width: 100px !important;
  color: #fff;
}
.block-stories .story > .item-link.visited {
  opacity: 0.7;
}
.block-stories .story > .item-link > .info {
  margin-top: 2px !important;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 5px 0px 4px 10px;
  padding-right: 0px;
  text-align: left;
  padding-right: 8px;
  z-index: 4;
  line-height: normal !important;
}
.block-stories .story > .item-link > .info .name {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  text-shadow: none !important;
  box-shadow: none !important;
  text-align: left !important;
}
.block-stories .story > .item-link > .info .time {
  display: block !important;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: -4px;
  margin-bottom: 6px;
}
.block-stories .story > .item-link > .item-preview {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100px !important;
  height: 130px !important;
  overflow: hidden !important;
  max-height: inherit !important;
}
.block-stories .story > .item-link > .item-preview img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: 10px !important;
  border: 0 !important;
  padding: 0 !important;
  z-index: 1;
}
.block-stories .story > .item-link > .item-preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  height: 65px;
  bottom: 0;
  top: inherit;
  z-index: 2;
  border-radius: 10px;
}

/* ----- Loader ----- */
.iii-loader-wrapper {
  width: 148px;
  height: 100px;
  position: absolute;
  margin: -50px 0 0 -74px;
  left: 50%;
  top: 60%;
}

.iii-loader {
  width: 148px;
  height: 100px;
  top: 0;
  left: 0;
  position: absolute;
}
.iii-loader:after {
  content: "";
  top: auto;
  position: absolute;
  display: block;
  -webkit-animation: shadow 1.2s infinite linear;
          animation: shadow 1.2s infinite linear;
  -moz-animation: shadow 1.2s infinite linear;
  bottom: 0em;
  left: 0;
  height: 0.25em;
  width: 1em;
  border-radius: 50%;
  background-color: #034466;
  opacity: 0.3;
}

.iii-roller,
.iii-roller:last-child {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rollercoaster 1.2s infinite linear;
  -webkit-transform: rotate(135deg);
  -moz-animation: rollercoaster 1.2s infinite linear;
  -moz-transform: rotate(135deg);
  animation: rollercoaster 1.2s infinite linear;
  transform: rotate(135deg);
}

.iii-roller:last-child {
  left: auto;
  right: 0;
  -webkit-transform: rotate(-45deg);
  -webkit-animation: rollercoaster2 1.2s infinite linear;
  -moz-transform: rotate(-45deg);
  -moz-animation: rollercoaster2 1.2s infinite linear;
  transform: rotate(-45deg);
  animation: rollercoaster2 1.2s infinite linear;
}

.iii-roller:before,
.iii-roller:last-child:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
}

@-webkit-keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
  }
  8% {
    -webkit-transform: rotate(240deg);
  }
  20% {
    -webkit-transform: rotate(300deg);
  }
  40% {
    -webkit-transform: rotate(380deg);
  }
  45% {
    -webkit-transform: rotate(440deg);
  }
  50% {
    -webkit-transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    -webkit-transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(495deg);
    opacity: 0;
  }
}
@-webkit-keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
  }
  58% {
    -webkit-transform: rotate(-160deg);
  }
  70% {
    -webkit-transform: rotate(-240deg);
  }
  80% {
    -webkit-transform: rotate(-300deg);
  }
  90% {
    -webkit-transform: rotate(-340deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
  }
}
@-webkit-keyframes shadow {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    -webkit-transform: translateX(30px) scale(2, 2);
  }
  13% {
    -webkit-transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    -webkit-transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    -webkit-transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    -webkit-transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    -webkit-transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    -webkit-transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    -webkit-transform: translateX(60px);
    opacity: 0.3;
  }
}
/* Moz */
/* No-prefix */
@keyframes rollercoaster {
  0% {
    transform: rotate(135deg);
  }
  8% {
    transform: rotate(240deg);
  }
  20% {
    transform: rotate(300deg);
  }
  40% {
    transform: rotate(380deg);
  }
  45% {
    transform: rotate(440deg);
  }
  50% {
    transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    transform: rotate(495deg);
    opacity: 0;
  }
}
@keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: rotate(-45deg);
  }
  58% {
    transform: rotate(-160deg);
  }
  70% {
    transform: rotate(-240deg);
  }
  80% {
    transform: rotate(-300deg);
  }
  90% {
    transform: rotate(-340deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes shadow {
  0% {
    opacity: 0.3;
    transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    transform: translateX(30px) scale(2, 2);
  }
  13% {
    transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    transform: translateX(60px);
    opacity: 0.3;
  }
}
#iii-loader2:after {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#iii-loader2 .iii-roller {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

#iii-loader3:after {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#iii-loader3 .iii-roller {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loader--i15 {
  margin: 0;
  transform: translate(-50%, -50%) rotate(0deg) scale(1.4, 1.4);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 150px;
  box-sizing: border-box;
  -webkit-animation: rotation 20s infinite linear;
          animation: rotation 20s infinite linear;
}
.loader--i15 div:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  box-sizing: border-box;
  position: absolute;
  left: 20px;
  top: 20px;
  -webkit-animation: shuffle 2s infinite;
          animation: shuffle 2s infinite;
}
.loader--i15 div:nth-child(1) {
  transform: rotate(0deg);
}
.loader--i15 div:nth-child(1):after {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.loader--i15 div:nth-child(2) {
  transform: rotate(45deg);
}
.loader--i15 div:nth-child(2):after {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.loader--i15 div:nth-child(3) {
  transform: rotate(90deg);
}
.loader--i15 div:nth-child(3):after {
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
.loader--i15 div:nth-child(4) {
  transform: rotate(135deg);
}
.loader--i15 div:nth-child(4):after {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.loader--i15 div:nth-child(5) {
  transform: rotate(180deg);
}
.loader--i15 div:nth-child(5):after {
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.loader--i15 div:nth-child(6) {
  transform: rotate(225deg);
}
.loader--i15 div:nth-child(6):after {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.loader--i15 div:nth-child(7) {
  transform: rotate(270deg);
}
.loader--i15 div:nth-child(7):after {
  -webkit-animation-delay: -3.5s;
          animation-delay: -3.5s;
}
.loader--i15 div:nth-child(8) {
  transform: rotate(315deg);
}
.loader--i15 div:nth-child(8):after {
  -webkit-animation-delay: -4;
          animation-delay: -4;
}

@keyframes rotation {
  100% {
    transform: translate(-50%, -50%) rotate(-360deg) scale(1.4, 1.4);
  }
}
@-webkit-keyframes shuffle {
  50% {
    transform: scale(0.4, 0.4) rotate(-90deg);
    border-radius: 50%;
  }
}
@keyframes shuffle {
  50% {
    transform: scale(0.4, 0.4) rotate(-90deg);
    border-radius: 50%;
  }
}
.chitchat-main .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #909090;
  border-radius: inherit;
  transition: all 0.3s;
  z-index: 2;
}
.chitchat-main .messages {
  padding: 45px;
  height: calc(100vh - 95px);
  min-height: calc(100vh - 95px);
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  background-blend-mode: overlay;
  top: 0;
  background-color: #eff7fe;
  display: none;
  -webkit-animation: fadeInLeft 300ms ease-in-out;
  animation: fadeInLeft 300ms ease-in-out;
}
.chitchat-main .messages.active {
  display: block;
  -webkit-animation: fadeInLeft 300ms ease-in-out;
  animation: fadeInLeft 300ms ease-in-out;
}
.chitchat-main .messages .contact-details {
  padding: 20px 30px;
  background-color: #fff;
  box-shadow: 0 -55px 0px 0px #eff7fe;
  position: fixed;
  width: calc(100vw - 500px);
  z-index: 999;
  transition: all 0.9s;
}
@media (max-width: 992px) {
  .chitchat-main .messages .contact-details {
    width: 100%;
  }
}
.chitchat-main .messages .contact-details .col {
  position: unset;
}
.chitchat-main .messages .contact-details .search-form {
  z-index: 9;
  top: -10px;
  left: 0px;
  position: absolute;
  height: 80px;
  width: 100%;
  transform: scale(0);
  transition: all 0.3s ease;
}
.chitchat-main .messages .contact-details .search-form.open {
  transform: scale(1);
  transition: all 0.3s ease;
  top: 0;
  height: 100px;
}
.chitchat-main .messages .contact-details .search-form input {
  border: none;
}
.chitchat-main .messages .contact-details ul li {
  display: inline-block;
  padding-left: 17px;
}
.chitchat-main .messages .contact-details .left.media {
  align-items: center;
}
.chitchat-main .messages .contact-details .left.media .media-left {
  height: 60px;
}
.chitchat-main .messages .contact-details .left.media .media-body {
  max-width: 150px;
  margin-right: 10px;
  position: relative;
}
.chitchat-main .messages .contact-details .left.media .media-body .badge {
  margin-top: 7px;
}
.chitchat-main .messages .contact-details .left.media .media-body:before {
  content: "";
  position: absolute;
  right: 0;
  height: 30px;
  width: 1px;
  background-color: rgba(34, 54, 69, 0.5);
  top: 5px;
}
.chitchat-main .messages .contact-details .left.media .media-right .mute i:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 24px;
  top: 19px;
  left: 11px;
  opacity: 0;
  border-radius: 100%;
  background-color: #223645;
  transform: rotate(45deg);
  transition: opacity 0.3s ease;
}
.chitchat-main .messages .contact-details .left.media .media-right .mute i.off:after {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.chitchat-main .messages .contact-details .left.media .media-right .icon-btn i {
  font-size: 20px;
}
.chitchat-main .messages .contact-details .media-body h5, .chitchat-main .messages .contact-details .media-body .h5 {
  margin-bottom: 7px;
}
.chitchat-main .messages .calls {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.chitchat-main .messages .calls > li .bg-transparent svg {
  stroke-width: 3px;
}
.chitchat-main .messages .calls > li > a > svg {
  fill: #223645;
  stroke-width: 1px;
}
.chitchat-main .message-input {
  position: fixed;
  background-color: #fff;
  width: calc(100% - 400px);
  transition: all 0.5s;
  padding: 26px 45px;
  z-index: 9;
  bottom: 0;
}
@media (max-width: 992px) {
  .chitchat-main .message-input {
    width: 100%;
  }
}
.chitchat-main .message-input input {
  width: calc(100% - 300px);
  border: 0;
  font-size: 16px;
  color: #647589;
  font-family: "Montserrat", sans-serif;
}
.chitchat-main .message-input input:focus {
  box-shadow: none;
  outline-color: transparent !important;
}
.chitchat-main .chat-content {
  position: relative;
}
.chitchat-main .contact-content {
  opacity: 0;
}
.chitchat-main .contact-content .contact-sub-content .user-profile {
  background-color: #fff;
  margin-bottom: 20px;
}
.chitchat-main .contact-content .contact-sub-content .user-profile .user-content img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.chitchat-main .contact-content .contact-sub-content h3, .chitchat-main .contact-content .contact-sub-content .h3 {
  text-transform: capitalize;
  color: #1c9dea;
  margin-bottom: 20px;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group {
  margin-bottom: 20px;
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group:last-child {
  margin-bottom: 0;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group h3, .chitchat-main .contact-content .contact-sub-content .personal-info-group .h3 {
  color: #223645;
  text-transform: capitalize;
  border-bottom: 2px solid #eff1f2;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group h3 i, .chitchat-main .contact-content .contact-sub-content .personal-info-group .h3 i {
  margin-right: 10px;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li {
  padding-bottom: 10px;
  border-bottom: 1px dashed #eff1f2;
  margin-bottom: 10px;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li p {
  margin-bottom: 0;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li h5, .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li .h5 {
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 5px;
  color: rgba(34, 54, 69, 0.8);
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li h5.details, .chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info li .details.h5 {
  float: right;
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
  color: #647589;
  margin-bottom: 0;
  margin-top: 4px;
  text-transform: lowercase;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info.edu li .media {
  align-items: center;
}
.chitchat-main .contact-content .contact-sub-content .personal-info-group ul.basic-info.edu li .media img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.chitchat-main .contact-content .contact-sub-content .social-info-group .integratin li:first-child {
  padding-top: 0;
}
.chitchat-main .contact-content .contact-sub-content .social-info-group .integratin li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.chitchat-main .call-content, .chitchat-main .chat-content {
  opacity: 0;
}
.chitchat-main .contact-content.active, .chitchat-main .call-content.active, .chitchat-main .chat-content.active {
  opacity: 1;
  z-index: 3;
  -webkit-animation: fadeInLeft 300ms ease-in-out;
  animation: fadeInLeft 300ms ease-in-out;
}
.chitchat-main .contact-content, .chitchat-main .call-content {
  position: absolute;
  padding: 45px;
  min-height: calc(100vh);
  overflow: auto;
  overflow-x: hidden;
  top: 0;
  background-color: #eff7fe;
  z-index: 2;
  transition: all 0.3s ease;
}
.chitchat-main .contact-content.active, .chitchat-main .call-content.active {
  width: calc(100% - 00px);
}
.chitchat-main .contact-content .user-profile, .chitchat-main .call-content .user-profile {
  box-shadow: 0 0 5px #eff1f2;
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
  max-width: 700px;
  margin: 0 auto;
}
.chitchat-main .contact-content .user-profile .user-content, .chitchat-main .call-content .user-profile .user-content {
  text-align: center;
}
.chitchat-main .contact-content .user-profile .user-content img, .chitchat-main .call-content .user-profile .user-content img {
  border-radius: 50%;
  width: 100px;
}
.chitchat-main .contact-content .user-profile .user-content h3, .chitchat-main .contact-content .user-profile .user-content .h3 {
  margin-top: 15px;
}
.chitchat-main .call-content .user-profile .user-content h3, .chitchat-main .call-content .user-profile .user-content .h3 {
  margin-top: 15px;
}
.chitchat-main .contact-content .user-profile .user-content ul, .chitchat-main .call-content .user-profile .user-content ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.chitchat-main .contact-content .user-profile .user-content ul li, .chitchat-main .call-content .user-profile .user-content ul li {
  font-size: 14px;
  margin-right: 15px 15px 0;
  text-transform: capitalize;
  line-height: 1;
  transition: all 0.05s ease;
  padding: 15px;
  font-weight: 700;
}
.chitchat-main .contact-content .user-profile .user-content ul li:first-child, .chitchat-main .call-content .user-profile .user-content ul li:first-child {
  color: #ff4e2b;
}
.chitchat-main .contact-content .user-profile .user-content ul li:first-child i, .chitchat-main .call-content .user-profile .user-content ul li:first-child i {
  background-color: rgba(255, 78, 43, 0.15);
  color: #ff4e2b;
}
.chitchat-main .contact-content .user-profile .user-content ul li:nth-child(2), .chitchat-main .call-content .user-profile .user-content ul li:nth-child(2) {
  color: #1c9dea;
}
.chitchat-main .contact-content .user-profile .user-content ul li:nth-child(2) i, .chitchat-main .call-content .user-profile .user-content ul li:nth-child(2) i {
  background-color: rgba(28, 157, 234, 0.15);
  color: #1c9dea;
}
.chitchat-main .contact-content .user-profile .user-content ul li:last-child, .chitchat-main .call-content .user-profile .user-content ul li:last-child {
  margin-right: 0;
  color: #3fcc35;
}
.chitchat-main .contact-content .user-profile .user-content ul li:last-child i, .chitchat-main .call-content .user-profile .user-content ul li:last-child i {
  background-color: rgba(63, 204, 53, 0.15);
  color: #3fcc35;
}
.chitchat-main .contact-content .user-profile .user-content ul li i, .chitchat-main .call-content .user-profile .user-content ul li i {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  font-size: 16px;
  display: block;
  border-radius: 50%;
  padding: 10px;
  background-color: #eff1f2;
  transition: all 0.05s ease;
}
.chitchat-main .contact-content .call-log-main, .chitchat-main .call-content .call-log-main {
  height: 415px;
  overflow: overlay;
  margin: 0 auto 15px;
  padding-right: 10px;
}
.chitchat-main .contact-content .call-log-main .coll-log-group, .chitchat-main .call-content .call-log-main .coll-log-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 20px 30px;
  margin-bottom: 15px;
  border-radius: 15px;
}
.chitchat-main .contact-content .call-log-main .coll-log-group:last-child, .chitchat-main .call-content .call-log-main .coll-log-group:last-child {
  margin-bottom: 0;
}
.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media, .chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media {
  align-items: center;
}
.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media svg, .chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media svg {
  width: 18px;
  margin-right: 10px;
}
.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media .media-body h5, .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media .media-body .h5 {
  text-transform: capitalize;
}
.chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media .media-body h5, .chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media .media-body .h5 {
  text-transform: capitalize;
}
.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-left .media .media-body p, .chitchat-main .call-content .call-log-main .coll-log-group .log-content-left .media .media-body p {
  text-transform: capitalize;
}
.chitchat-main .contact-content .call-log-main .coll-log-group .log-content-right h6, .chitchat-main .contact-content .call-log-main .coll-log-group .log-content-right .h6 {
  color: #223645;
}
.chitchat-main .call-content .call-log-main .coll-log-group .log-content-right h6, .chitchat-main .call-content .call-log-main .coll-log-group .log-content-right .h6 {
  color: #223645;
}
.chitchat-main .contact-content .call-log-clear, .chitchat-main .call-content .call-log-clear {
  background-color: #fff;
  padding: 20px;
  position: absolute;
  left: 10px;
  right: 0;
  text-transform: capitalize;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
  width: calc(100% - 30px);
}
.chitchat-main .contact-content .call-log-clear i, .chitchat-main .call-content .call-log-clear i {
  font-size: 24px;
}
.chitchat-main .contact-content .call-log-clear span, .chitchat-main .call-content .call-log-clear span {
  display: block;
  font-size: 16px;
}

.menu-active .chitchat-main .message-input {
  width: calc(100% - 850px);
  transition: all 0.9s;
}
.menu-active .chitchat-main .messages .contact-details {
  width: 50vw !important;
  transition: all 0.9s ease;
}

.chitchat-container {
  height: 100vh;
  display: flex;
  flex-direction: row;
}
.chitchat-container h1,
.chitchat-container .h1 {
  font-size: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 800;
  color: #223645;
  margin: 0;
}
.chitchat-container h2,
.chitchat-container .h2 {
  font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 800;
  color: #223645;
  margin: 0;
}
.chitchat-container h3,
.chitchat-container .h3 {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
  color: #223645;
  margin: 0;
}
.chitchat-container h4,
.chitchat-container .h4 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #647589;
  margin: 0;
}
.chitchat-container h5,
.chitchat-container .h5 {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
  color: #223645;
  margin: 0;
}
.chitchat-container h6,
.chitchat-container .h6 {
  font-size: calc(11px + (12 - 11) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #647589;
  margin: 0;
}
.chitchat-container span {
  font-size: 11px;
  font-weight: 700;
  color: #223645;
}
.chitchat-container .title2 {
  font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.chitchat-container p {
  font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #647589;
}
.chitchat-container .main-nav {
  min-width: 100px;
  width: 100px;
  height: 100vh;
  max-height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #eff1f2;
  padding: 40px 0;
}
.chitchat-container .chitchat-left-sidebar {
  min-width: 400px;
  width: 400px;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 992px) {
  .chitchat-container .chitchat-left-sidebar {
    width: 100%;
    min-width: initial;
  }
}
.chitchat-container .chitchat-main {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  z-index: 1;
  transition: all 0.7s;
  background-color: #fff;
}
.chitchat-container .chitchat-right-sidebar {
  min-width: 350px;
  width: 350px;
  height: 100vh;
  max-height: 100vh;
  position: fixed;
  right: -200px;
  background-color: #fff;
  opacity: 0;
  transition: all 0.7s;
}

.chitchat-container.sidebar-overlap .chitchat-main, .chitchat-container.sidebar-overlap .message-input, .chitchat-container.sidebar-overlap .contact-details {
  width: calc(100% - 500px) !important;
}
.chitchat-container .main-nav .logo-warpper {
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px solid #eff1f2;
}
.chitchat-container .main-nav .logo-warpper img {
  height: 40px;
}
.chitchat-container .main-nav .sidebar-main {
  height: calc(100vh - 186px);
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
.chitchat-container .main-nav .sidebar-main .sidebar-top .btn-light.active, .chitchat-container .main-nav .sidebar-main .sidebar-bottom .btn-light.active {
  background-color: #1c9dea !important;
}
.chitchat-container .main-nav .sidebar-main .sidebar-top .btn-light.active i, .chitchat-container .main-nav .sidebar-main .sidebar-bottom .btn-light.active i {
  color: #fff;
}
.chitchat-container .main-nav .sidebar-main .sidebar-top li, .chitchat-container .main-nav .sidebar-main .sidebar-bottom li {
  text-align: center;
  padding-top: 30px;
}
.chitchat-container .chitchat-left-sidebar .search-form:before {
  top: 25px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab, .chitchat-container .chitchat-left-sidebar .document-tab, .chitchat-container .chitchat-left-sidebar .contact-list-tab, .chitchat-container .chitchat-left-sidebar .notification-tab, .chitchat-container .chitchat-left-sidebar .settings-tab, .chitchat-container .chitchat-left-sidebar .recent-default, .chitchat-container .chitchat-left-sidebar .status-tab {
  position: absolute;
  min-height: calc(100vh);
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 0;
  width: 400px;
  padding: 40px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab.active, .chitchat-container .chitchat-left-sidebar .document-tab.active, .chitchat-container .chitchat-left-sidebar .contact-list-tab.active, .chitchat-container .chitchat-left-sidebar .notification-tab.active, .chitchat-container .chitchat-left-sidebar .settings-tab.active, .chitchat-container .chitchat-left-sidebar .recent-default.active, .chitchat-container .chitchat-left-sidebar .status-tab.active {
  opacity: 1;
  z-index: 3;
  -webkit-animation: fadeInLeft 300ms ease-in-out;
  animation: fadeInLeft 300ms ease-in-out;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box {
  border-bottom: 1px solid #eff1f2;
  padding-bottom: 20px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status {
  background-color: gray;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
  margin-right: 15px;
  position: relative;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .bg-size, .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status img, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status img, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status img, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status img, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status img, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status img, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .upload-img, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .upload-img, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .upload-img, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .upload-img, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .upload-img, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .upload-img, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .upload-img {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #1c9dea;
  position: absolute;
  bottom: -8px;
  right: 0;
  color: #fff;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .upload-img:before, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .upload-img:before, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .upload-img:before, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .upload-img:before, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .upload-img:before, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .upload-img:before, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .upload-img:before {
  content: "\F067";
  font-family: FontAwesome;
  font-size: 11px;
  padding: 6px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .img-status .upload-img input, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .img-status .upload-img input, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .img-status .upload-img input, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .img-status .upload-img input, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .img-status .upload-img input, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .img-status .upload-img input, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .img-status .upload-img input {
  background-color: gray;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .media-body h3, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .media-body .h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .my-status-box .status-content .media .media-body p, .chitchat-container .chitchat-left-sidebar .document-tab .my-status-box .status-content .media .media-body p, .chitchat-container .chitchat-left-sidebar .contact-list-tab .my-status-box .status-content .media .media-body p, .chitchat-container .chitchat-left-sidebar .notification-tab .my-status-box .status-content .media .media-body p, .chitchat-container .chitchat-left-sidebar .settings-tab .my-status-box .status-content .media .media-body p, .chitchat-container .chitchat-left-sidebar .recent-default .my-status-box .status-content .media .media-body p, .chitchat-container .chitchat-left-sidebar .status-tab .my-status-box .status-content .media .media-body p {
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box {
  padding-top: 20px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box h3, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .h3 {
  padding: 15px 25px;
  color: #1c9dea;
  background-color: #eff7fe;
  text-transform: capitalize;
  margin-bottom: 20px;
  border-radius: 15px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content {
  margin-bottom: 20px;
  border-bottom: 1px solid #eff1f2;
  padding-bottom: 10px;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content:last-child, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content:last-child, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content:last-child, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content:last-child, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content:last-child, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content:last-child, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content:last-child {
  margin-bottom: 0;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul {
  display: flex;
  align-items: center;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li h5, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li .h5 {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li .img-status, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li .img-status, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li .img-status, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li .img-status, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li .img-status, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li .img-status, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li .img-status {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li p, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li p, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li p, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li p, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li p, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li p, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li p {
  margin-bottom: 0;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .fevorite-tab .contact-status-box .status-content ul li:first-child, .chitchat-container .chitchat-left-sidebar .document-tab .contact-status-box .status-content ul li:first-child, .chitchat-container .chitchat-left-sidebar .contact-list-tab .contact-status-box .status-content ul li:first-child, .chitchat-container .chitchat-left-sidebar .notification-tab .contact-status-box .status-content ul li:first-child, .chitchat-container .chitchat-left-sidebar .settings-tab .contact-status-box .status-content ul li:first-child, .chitchat-container .chitchat-left-sidebar .recent-default .contact-status-box .status-content ul li:first-child, .chitchat-container .chitchat-left-sidebar .status-tab .contact-status-box .status-content ul li:first-child {
  margin-right: 15px;
}
.chitchat-container .chitchat-left-sidebar .recent-default {
  position: relative;
  z-index: 0;
  padding: 0 !important;
}
.chitchat-container .chitchat-left-sidebar .recent-default.active {
  z-index: 999;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent {
  position: fixed;
  width: 400px;
  top: 0;
  background-color: #fff;
  padding-top: 40px;
  z-index: 1;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .theme-title {
  padding: 0 40px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider {
  padding: 20px 40px 0 40px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box:hover .recent-profile {
  box-shadow: -1px 10px 16px -10px #666;
  transition: all 0.3s ease;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .dot-btn {
  position: absolute;
  bottom: 25px;
  right: 15px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile {
  height: 110px;
  width: 100%;
  border-radius: 20px;
  position: relative;
  transition: all 0.3s ease;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile h6, .chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile .h6 {
  position: absolute;
  color: #fff;
  bottom: 10px;
  left: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent .recent-slider .recent-box .recent-profile:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  box-shadow: inset 0px -25px 40px 6px rgba(0, 0, 0, 0.8);
}
.chitchat-container .chitchat-left-sidebar .recent-default .recent ~ .chat {
  margin-top: 242px;
  height: calc(100vh - 242px);
  min-height: calc(100vh - 242px);
}
.chitchat-container .chitchat-left-sidebar .recent-default .chat {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.chitchat-container .chitchat-left-sidebar .recent-default .chat > .theme-tab {
  padding: 40px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .chat > .theme-tab.tab-sm > .nav-tabs {
  padding-bottom: 30px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .chat > .theme-tab.tab-sm.tab-radious .nav-tabs {
  width: 80%;
  margin: 0 auto;
}
.chitchat-container .chitchat-left-sidebar .recent-default .chat > .theme-tab.tab-sm.tab-radious .nav-tabs > .nav-item .nav-link {
  border-radius: 5px;
}
.chitchat-container .chitchat-left-sidebar .recent-default .chat .theme-title {
  padding: 40px 40px 0 40px;
}

.chitchat-left-sidebar [class*=-tab] .search-form .form-group .icon-close {
  top: 10px;
}
.chitchat-left-sidebar .search-form .form-group .icon-close {
  top: 5px;
}

.chat-main li {
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all 0.3s ease;
}
.chat-main li .chat-box .icon-btn.btn-outline-light {
  position: absolute;
  right: 0;
}
.chat-main li .chat-box .favourite svg {
  stroke: none;
  fill: #1c9dea;
}
.chat-main li .chat-box .favourite.btn-primary svg {
  fill: #fff;
}
.chat-main li .chat-box.notification span {
  padding-top: 0;
  padding-bottom: 5px;
  display: inline-block;
}
.chat-main li .chat-box.notification p {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 13px;
}
.chat-main li .details h6 img, .chat-main li .details .h6 img {
  height: 20px;
}
.chat-main li.active {
  background-color: #eff7fe;
  border-left: 4px solid #1c9dea;
  transition: all 0.3s ease;
}
.chat-main li.active .details h6, .chat-main li.active .details .h6 {
  font-weight: 600;
  color: #1c9dea;
  letter-spacing: 1px;
}
.chat-main li.pined .chat-box .date-status .ti-pin2 {
  opacity: 1;
  transition: all 0.3s ease;
  color: #1c9dea;
}
.chat-main li .chat-box {
  position: relative;
}
.chat-main li .chat-box .profile {
  position: absolute;
  left: 0;
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 20px;
}
.chat-main li .chat-box .profile span {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.chat-main li .chat-box .profile.busy:before, .chat-main li .chat-box .profile.online:before, .chat-main li .chat-box .profile.offline:before, .chat-main li .chat-box .profile.unreachable:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 100%;
  border: 2px solid #fff;
  right: 0;
}
.chat-main li .chat-box .profile.unreachable:before {
  background-color: #ffc514;
}
.chat-main li .chat-box .profile.online:before {
  background-color: #3fcc35;
}
.chat-main li .chat-box .profile.busy:before {
  background-color: #ff4e2b;
}
.chat-main li .chat-box .profile.offline:before {
  background-color: #828282;
}
.chat-main li .chat-box .details {
  padding-left: 75px;
  padding-right: 50px;
  padding-top: 12px;
  padding-bottom: 13px;
}
.chat-main li .chat-box .details h6, .chat-main li .chat-box .details .h6 {
  padding-top: 8px;
  max-width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.chat-main li .chat-box .date-status {
  position: absolute;
  right: 0;
  top: 0px;
  text-align: right;
}
.chat-main li .chat-box .date-status .ti-pin2 {
  opacity: 0;
  transition: all 0.3s ease;
}
.chat-main li .chat-box .date-status .status {
  padding-top: 8px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.chat-main li .chat-box .date-status .sm {
  font-weight: 600;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  padding: 0px 6px;
  font-size: 12px;
  margin-top: 6px;
}
.chat-main li .chat-box:hover .date-status .ti-pin2 {
  opacity: 1;
  transition: all 0.3s ease;
}

.msg-box > li > h5, .msg-box > li > .h5 {
  display: inline-block;
  padding: 16px 25px;
  background-color: #1c9dea;
  color: #fff;
  border-radius: 0 25px 25px 0;
  font-weight: 600;
}
.msg-box > li .document, .msg-box > li .auto-gallery {
  display: inline-block;
  padding: 16px 25px;
  background-color: #1c9dea;
  color: #fff;
  border-radius: 0 25px 25px 0;
  font-weight: 600;
}
.msg-box > li .refresh-block {
  display: inline-grid;
  justify-content: center;
  align-items: center;
}
.msg-box > li .refresh-block .refresh {
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
.msg-box > li .refresh-block .refresh:hover {
  color: #fff !important;
  background-color: #1c9dea !important;
  transition: all 0.3s ease;
  cursor: pointer;
}
.msg-box > li .refresh-block .refresh.refreshed {
  color: #fff !important;
  background-color: #1c9dea !important;
}
.msg-box > li .refresh-block .refresh.refreshed svg {
  transform: rotate(360deg);
  transition: all 3s ease;
}
.msg-box > li .refresh-block > div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.msg-box > li:first-child h5, .msg-box > li:first-child .h5 {
  border-radius: 30px 25px 25px 0;
}
.msg-box > li:last-child h5, .msg-box > li:last-child .h5, .msg-box > li:last-child .document, .msg-box > li:last-child .auto-gallery {
  border-radius: 0 25px 25px 30px;
}
.msg-box > li + li {
  margin-top: 12px;
  position: relative;
}

.contact-chat {
  padding: 45px 30px 0;
  margin-top: 100px;
}
.contact-chat > ul.str-msg h5, .contact-chat > ul.str-msg .h5 {
  font-size: 13px;
}
.contact-chat > ul.str-msg h6, .contact-chat > ul.str-msg .h6 {
  font-size: 9px;
}
.contact-chat > ul.str-msg li {
  padding-left: 0 !important;
  width: 100%;
}
.contact-chat > ul.str-msg li .media .profile {
  margin-left: 0.7rem !important;
}
.contact-chat > ul.str-msg li .contact-name .msg-box {
  margin-top: 5px;
}
.contact-chat > ul.str-msg li .msg-box > li > h5, .contact-chat > ul.str-msg li .msg-box > li > .h5 {
  padding: 8px 25px;
  font-size: 12px;
  line-height: 1.6;
  color: #223645;
  background-color: #e5e8e9;
}
.contact-chat > ul.str-msg li .profile {
  width: 30px;
  height: 30px;
}
.contact-chat > ul.chatappend {
  display: flex;
  flex-direction: column;
}
.contact-chat > ul.chatappend > li:last-child .msg-box > li .msg-dropdown {
  bottom: 50px !important;
  top: unset !important;
}
.contact-chat > ul.chatappend .last {
  order: 999;
}
.contact-chat > ul > li.sent {
  width: 80%;
}
.contact-chat > ul > li.sent .document {
  border-radius: 0 50px 50px 50px;
}
.contact-chat > ul > li.sent .document .icon-btns a {
  background-color: #1595e2 !important;
}
.contact-chat > ul > li.sent .document .details h5, .contact-chat > ul > li.sent .document .details .h5, .contact-chat > ul > li.sent .document .details h6, .contact-chat > ul > li.sent .document .details .h6 {
  color: #eff1f2;
}
.contact-chat > ul > li.sent .document i {
  color: #fff !important;
}
.contact-chat > ul > li.sent .document .details {
  display: inline-block;
}
.contact-chat > ul > li.sent .document .icon-btns {
  display: inline-block;
  display: inline-block;
}
.contact-chat > ul > li.replies {
  width: 80%;
}
.contact-chat > ul > li.sent .auto-gallery, .contact-chat > ul > li.replies .auto-gallery {
  background-color: rgba(28, 157, 234, 0.15) !important;
  padding: 16px 25px 0 15px;
}
.contact-chat > ul > li.sent .auto-gallery li, .contact-chat > ul > li.replies .auto-gallery li {
  display: inline-block !important;
  height: 85px;
  width: 85px;
  border-radius: 20px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.contact-chat > ul > li.sent .document, .contact-chat > ul > li.replies .document {
  padding: 25px 35px;
  display: flex;
  align-items: center;
}
.contact-chat > ul > li.sent .document .icon-btns a, .contact-chat > ul > li.replies .document .icon-btns a {
  background-color: #dae5f1 !important;
}
.contact-chat > ul > li.sent .document .icon-btns a + a, .contact-chat > ul > li.replies .document .icon-btns a + a {
  margin-left: 10px;
}
.contact-chat > ul > li.sent .document .details, .contact-chat > ul > li.replies .document .details {
  padding-left: 15px;
  padding-right: 30px;
  text-align: left;
}
.contact-chat > ul > li.sent .document .details h5, .contact-chat > ul > li.sent .document .details .h5 {
  display: block;
  padding-bottom: 5px;
}
.contact-chat > ul > li.replies .document .details h5, .contact-chat > ul > li.replies .document .details .h5 {
  display: block;
  padding-bottom: 5px;
}
.contact-chat > ul > li.sent .document i, .contact-chat > ul > li.replies .document i {
  font-size: 40px;
}
.contact-chat > ul > li.sent .document .details, .contact-chat > ul > li.sent .document .icon-btns {
  display: inline-block;
}
.contact-chat > ul > li.replies .document .details, .contact-chat > ul > li.replies .document .icon-btns {
  display: inline-block;
}
.contact-chat > ul > li.sent .document .icon-btns {
  display: inline-block;
}
.contact-chat > ul > li.replies {
  margin-left: auto;
  text-align: right;
}
.contact-chat > ul > li.replies .document {
  border-radius: 50px 0 50px 50px;
}
.contact-chat > ul > li.replies .document .icon-btns {
  display: inline-block;
}
.contact-chat > ul > li.replies .auto-gallery {
  padding: 16px 25px 5px 15px;
}
.contact-chat > ul > li.replies .auto-gallery li {
  float: right;
}
.contact-chat > ul > li.replies .msg-box li {
  display: inline-flex;
}
.contact-chat > ul > li.replies .msg-box li:first-child h5, .contact-chat > ul > li.replies .msg-box li:first-child .h5 {
  border-radius: 30px 25px 0 30px;
}
.contact-chat > ul > li.replies .msg-box li:last-child {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-left: auto;
}
.contact-chat > ul > li.replies .msg-box li:last-child h5, .contact-chat > ul > li.replies .msg-box li:last-child .h5, .contact-chat > ul > li.replies .msg-box li:last-child .auto-gallery {
  border-radius: 30px 0 25px 30px;
}
.contact-chat > ul > li.replies .msg-box li > h5, .contact-chat > ul > li.replies .msg-box li > .h5 {
  background-color: #e5edf5;
  color: #223645;
}
.contact-chat > ul > li.replies .msg-box li .document, .contact-chat > ul > li.replies .msg-box li .auto-gallery {
  background-color: #e5edf5;
  color: #223645;
}
.contact-chat > ul > li.replies .msg-box li .badge {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}
.contact-chat > ul > li.replies .media {
  flex-direction: row-reverse;
}
.contact-chat > ul > li.replies .media .profile {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}
.contact-chat > ul > li.replies .msg-setting-main .msg-dropdown-main .msg-setting {
  margin-right: 10px;
  margin-left: unset;
}
.contact-chat > ul > li + li {
  margin-top: 10px;
}
.contact-chat > ul > li .contact-name .msg-box {
  margin-top: 15px;
}
.contact-chat > ul > li .contact-name .msg-box img {
  width: 130px;
}
.contact-chat > ul > li .contact-name h5, .contact-chat > ul > li .contact-name .h5 {
  display: inline-block;
  padding-right: 20px;
  line-height: 1.4;
}
.contact-chat > ul > li .contact-name h6, .contact-chat > ul > li .contact-name .h6 {
  display: inline-block;
}

.icon-btn svg {
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  vertical-align: middle;
}

.badge-primary {
  background-color: #1c9dea !important;
}

.badge-outline-primary {
  background-color: rgba(28, 157, 234, 0.15) !important;
  color: #1c9dea;
  transition: all 0.3s ease;
}
.badge-outline-primary:hover {
  transition: all 0.3s ease;
  background-color: rgba(28, 157, 234, 0.25) !important;
  color: #1c9dea !important;
}

.badge-success {
  background-color: #3fcc35 !important;
}

.badge-outline-success {
  background-color: rgba(63, 204, 53, 0.15) !important;
  color: #3fcc35;
  transition: all 0.3s ease;
}
.badge-outline-success:hover {
  transition: all 0.3s ease;
  background-color: rgba(63, 204, 53, 0.25) !important;
  color: #3fcc35 !important;
}

.badge-danger {
  background-color: #ff4e2b !important;
}

.badge-outline-danger {
  background-color: rgba(255, 78, 43, 0.15) !important;
  color: #ff4e2b;
  transition: all 0.3s ease;
}
.badge-outline-danger:hover {
  transition: all 0.3s ease;
  background-color: rgba(255, 78, 43, 0.25) !important;
  color: #ff4e2b !important;
}

.badge-light {
  background-color: #eff1f2 !important;
}

.badge-outline-light {
  background-color: rgba(239, 241, 242, 0.15) !important;
  color: #eff1f2;
  transition: all 0.3s ease;
  background-color: rgba(34, 54, 69, 0.15) !important;
  color: #223645;
}
.badge-outline-light:hover {
  transition: all 0.3s ease;
  background-color: rgba(239, 241, 242, 0.25) !important;
  color: #eff1f2 !important;
  transition: all 0.3s ease;
  color: #fff;
}

.badge-dark {
  background-color: #223645 !important;
}

.badge-outline-dark {
  background-color: rgba(34, 54, 69, 0.15) !important;
  color: #223645;
  transition: all 0.3s ease;
}
.badge-outline-dark:hover {
  transition: all 0.3s ease;
  background-color: rgba(34, 54, 69, 0.25) !important;
  color: #223645 !important;
}

.badge-warning {
  background-color: #ffc514 !important;
}

.badge-outline-warning {
  background-color: rgba(255, 197, 20, 0.15) !important;
  color: #ffc514;
  transition: all 0.3s ease;
}
.badge-outline-warning:hover {
  transition: all 0.3s ease;
  background-color: rgba(255, 197, 20, 0.25) !important;
  color: #ffc514 !important;
}

.badge-light {
  color: #223645;
}

.badge {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  padding: 3px 10px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
}
.badge i {
  font-weight: 800;
  margin-right: 5px;
}
.badge svg {
  height: 13px;
}
.badge.xl {
  font-size: 108%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  border-radius: 25px;
  padding: 11px 20px;
}
.badge.xl svg {
  height: 14px;
}
.badge.sm {
  font-size: 81%;
  padding: 4px 4px 2px;
  border-radius: 5px;
  font-weight: 600;
}
.badge.sm svg {
  height: 11px;
  width: 11px;
}

.theme-title h2 {
  font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 800;
  color: #223645;
  margin: 0;
}
.theme-title h4 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #647589;
  margin: 0;
}

.thought {
  display: flex;
  background-color: #fff;
  padding: 20px;
  border-radius: 30px;
  min-width: 40px;
  max-width: 220px;
  min-height: 40px;
  margin: 20px;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.thought:before, .thought:after {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: -1;
}
.thought:before {
  width: 44px;
  height: 44px;
  top: -12px;
  left: 28px;
  box-shadow: -50px 30px 0 -12px #fff;
}
.thought:after {
  bottom: -10px;
  right: 26px;
  width: 30px;
  height: 30px;
  box-shadow: 40px -34px 0 0 #fff, -28px -6px 0 -2px #fff, -24px 17px 0 -6px #fff, -5px 25px 0 -10px #fff;
}

.dark-block-o {
  background-color: #1c1c1c;
  color: white;
  border-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  min-height: 56px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 8px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  width: 100%;
}

.rbt-lesson-content-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 100vh;
}
@media only screen and (max-width: 767px) {
  .rbt-lesson-content-wrapper {
    flex-direction: column;
  }
}
.rbt-lesson-content-wrapper .rbt-lesson-leftsidebar {
  flex: 0 0 400px;
  width: 400px;
  background-color: #f9f9ff;
  border-right: 1px solid #e6e3f1;
  max-height: 100%;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .rbt-lesson-content-wrapper .rbt-lesson-leftsidebar {
    width: 100%;
    border-right: 0 none;
  }
}
.rbt-lesson-content-wrapper .rbt-lesson-rightsidebar {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.rbt-lesson-rightsidebar {
  display: flex;
}
.rbt-lesson-rightsidebar .inner {
  padding: 100px 0;
}
@media only screen and (max-width: 767px) {
  .rbt-lesson-rightsidebar .inner {
    padding: 30px 0;
  }
}
.rbt-lesson-rightsidebar .content {
  padding: 40px 50px;
  width: 85%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .rbt-lesson-rightsidebar .content {
    padding: 40px 30px;
    width: 100%;
  }
}

.rbt-lesson-rightsidebar.lesson-video .inner {
  padding: 0;
}

.lesson-top-bar {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  padding-right: 10px;
}
.lesson-top-bar h5 {
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
}
.lesson-top-bar .rbt-round-btn i {
  color: #fff;
}
.lesson-top-bar .rbt-round-btn:hover i {
  color: #000;
}
.lesson-top-bar .lesson-top-left {
  display: flex;
  align-items: center;
}
.lesson-top-bar .lesson-top-left .rbt-lesson-toggle {
  margin-right: 20px;
}
.lesson-top-bar .lesson-top-left .rbt-lesson-toggle .sidebar-hide i::before {
  transition: 0.3s;
}
.lesson-top-bar .lesson-top-left .rbt-lesson-toggle .sidebar-hide i::before {
  content: "\E912";
}

.rbt-lesson-leftsidebar.sibebar-none {
  display: none;
}

.btn-round-white-opacity {
  padding: 0;
  border: 0 none;
  background: #ffffff26;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 37px;
}

.rbt-round-btn {
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: 0 none;
  display: block;
}

.page-num {
  width: 2.5rem;
  height: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.414rem;
  line-height: 1.414;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #303840;
  border-radius: 100%;
  border: 2px solid #e9edf2;
  background-color: #f5f7fa;
}

/* course-single start */
.single-course-thumb {
  min-height: 292px;
}
.single-course-thumb .page-header p a + a {
  margin-left: 20px;
}
.single-course-thumb > a {
  position: absolute;
  background: var(--theme-color);
  width: 56px;
  height: 56px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
}
.single-course-thumb > a img {
  transform: translateX(2px);
}

.tab-list {
  display: flex;
  border-bottom: 1px solid var(--color-E5-to-4C);
}
.tab-list > .tab-link {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-black);
  display: block;
  padding: 16px 0 12px;
  position: relative;
  flex: 1;
  text-align: center;
  z-index: 1;
}
.tab-list > .tab-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: var(--theme-color);
  top: calc(100% - 1px);
  transform: scaleX(0);
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.tab-list > .tab-link.tab-link-active::before {
  visibility: visible;
  opacity: 1;
  transform: scaleX(1);
}

.the-course > .the-course-header {
  padding: 25px 25px 0 24px;
}
.the-course > .the-course-header > h2 {
  font-size: 20px;
  line-height: 28px;
  color: var(--color-black);
  margin: 0;
  padding-bottom: 2px;
  padding-right: 24px;
}
.the-course > .the-course-header > .enrolled {
  font-size: 12px;
  color: #A1A1A1;
  font-weight: 400;
}
.the-course > .the-course-header > .course-duration {
  font-size: 12px;
  color: #A1A1A1;
  font-weight: 400;
  margin-left: 12px;
}
.the-course > .the-course-header > .course-duration i {
  display: inline-block;
  font-size: 15px;
  transform: translateY(2px);
}

.course-author {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 27px;
}

.course-single-2 .course-author {
  border-top: 1px solid var(--course-content-border-top);
  margin: 15px -24px 0;
  padding: 16px 24px 0;
}

.course-author > a p {
  box-sizing: border-box;
  padding-left: 8px;
}
.course-author > a p span {
  display: block;
}
.course-author > a p > span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black);
}
.course-author > a p > span + span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #A1A1A1;
}
.course-author > button {
  display: inline-block !important;
  border: none;
  background: var(--theme-color);
  color: var(--color-white-x);
  width: auto;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 8px 6px 12px;
  border-radius: 13px;
  transform: translateY(-5px);
}
.course-author > button i {
  font-size: 12px;
  font-weight: 700;
}

.course-single-2 .course-author > button {
  background: transparent;
  color: var(--theme-color);
  box-shadow: inset 0 0 0 1px var(--theme-color);
  padding: 7px 12px 6px 10px;
}

.the-course-content {
  border-top: 1px solid var(--course-content-border-top);
  margin-top: 12px;
}

.course-single .popular-courses-section {
  padding-bottom: 30px;
}

.course-content-2 {
  box-sizing: border-box;
  padding: 8px 24px 0;
}
.course-content-2 ul {
  width: calc(100% - 56px);
}

.the-course-content ul a {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 16px 24px;
  position: relative;
}

.course-content-2 ul a {
  padding: 16px 0;
}
.course-content-2 .progress-overview {
  top: 8%;
}

.the-course-content ul .current-topic a {
  background: var(--current-topic-bg);
}

.course-content-2.the-course-content ul .current-topic a {
  background: transparent;
}

.course-chapters .the-course-content ul .current-topic a {
  background: var(--white-to-18);
}
.course-chapters .page-header h1, .course-chapters .page-header h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: var(--color-black-x);
  margin: 0;
}
.course-chapters .page-header h1 {
  width: 80%;
  margin: 47px 0 14px;
}
.course-chapters .page-header h2 {
  font-weight: 900;
  margin-bottom: 21px;
}
.course-chapters .page-header .course-info span img {
  display: inline-block;
  margin-right: 5px;
}
.course-chapters .the-course-content {
  margin-top: 0;
}
.course-chapters .the-course-content h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-black);
  padding: 0 24px;
  margin: 0 0 15px;
  position: relative;
  z-index: 1;
}
.course-chapters .the-course-content h2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 30px;
  border-radius: 48px 48px 0px 0px;
  background: var(--course-chapters-bg);
  left: 0;
  bottom: calc(100% - 1px);
}

.enroll-area {
  padding: 28px 20px;
  border-radius: 48px 48px 0 0;
  background: var(--color-white-to-43);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.enroll-area a {
  width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 24px;
  color: #FC2626;
  background: #F3D7DA;
}
.enroll-area a.enroll-btn {
  background: var(--theme-color);
  color: var(--color-white-x);
  font-size: 16px;
  font-weight: 700;
  width: calc(100% - 106px);
}

.course-info span {
  font-size: 12px;
  color: var(--color-black-x);
}
.course-info span + span {
  margin-left: 14px;
}

.the-course-content ul a .progressbar {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: none;
  height: 4px;
}
.the-course-content ul .current-topic a .progressbar span {
  background: var(--theme-color);
}
.the-course-content .left-area > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 16px;
}
.the-course-content .left-area > span i {
  font-size: 22px;
  font-weight: 700;
}
.the-course-content .watched .left-area > span {
  box-shadow: inset 0 0 0 3px var(--theme-color);
}
.the-course-content .watched .left-area > span i {
  color: var(--theme-color);
}
.the-course-content .current-topic .left-area > span {
  background: var(--theme-color);
}
.the-course-content .current-topic .left-area > span i {
  color: var(--color-white-x);
  font-size: 15px;
}
.the-course-content .locked .left-area > span {
  background: var(--c-to-43);
}
.the-course-content .locked .left-area > span i {
  color: var(--color-black);
}
.the-course-content .left-area .timeNtopic > span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color37-to-white);
}
.the-course-content .left-area .timeNtopic > span + span {
  font-size: 12px;
  line-height: 18px;
  color: #A1A1A1;
  font-weight: 400;
  margin-left: 17px;
  display: block;
}
.the-course-content .right-area > span {
  font-size: 12px;
  line-height: 18px;
  color: #A1A1A1;
  margin-right: 6px;
  transform: translateY(2px);
}
.the-course-content .right-area > i {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.the-course-content .watched .right-area > i {
  box-shadow: none;
  background: var(--color-black);
  color: var(--white-to-dark);
}
.the-course-content .current-topic .right-area > i {
  box-shadow: inset 0 0 0 2px var(--theme-color);
  color: var(--theme-color);
}
.the-course-content.course-content-2 .current-topic .right-area > i {
  background: var(--theme-color);
  color: var(--color-white-x);
}
.the-course-content .locked .right-area > i {
  background: #ccc;
  color: var(--white-to-dark);
}
.the-course-content.course-content-2 .watched .right-area > i {
  background: var(--color-black);
}
.the-course-content.course-content-2 .locked .right-area > i {
  background: #ccc;
}

.exam-fixed-screen {
  position: fixed;
  bottom: 10px;
  padding: 0 10px;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .exam-fixed-screen {
    padding-left: 410px;
    padding-right: 10px;
  }
}