:root {
  --yetti-blocks-links-background: rgb(235, 238, 241);
  --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;
}

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);
    }
  }
}*/
.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-w .sandy-switch .sandy-switch-input:checked + .sandy-switch-in .sandy-switch-box::before {
  transform: translateX(8.5px);
}
.weekday-schedule-w .ws-head-w .sandy-switch-box {
  width: 23px;
  height: 14px;
}
.weekday-schedule-w .ws-head-w .sandy-switch-box::before {
  width: 8px;
  height: 8px;
  top: 0px;
  right: -1px;
}
.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: #f8f8f8;
}
.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 .snd-day-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #525765;
  white-space: nowrap;
}
.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;
  background-color: #fff;
  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: 10px;
  background: #f6f6f6;
}
.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:hover .snd-day-number {
  transform: translate(-50%, -60%);
}
.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 {
  background-color: #000 !important;
  z-index: 2;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day.selected .snd-day-weekday {
  color: rgba(255, 255, 255, 0.5) !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: #fff;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .snd-day-box {
  padding: 0px;
  border-radius: 0px;
  background-color: transparent;
  height: 30px;
  overflow: visible;
}
.daily-agent-monthly-calendar-w.horizontal-calendar .snd-monthly-calendar-days .snd-day .snd-day-weekday {
  color: rgba(9, 55, 255, 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: #f8f8f8;
}
.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-weekday {
  color: #b9997d;
}

.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 {
  background-color: #fff;
  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;
  background-color: #fff;
  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);
}

:not(.show-overflowing)::-webkit-scrollbar, :not(.show-overflowing)::-webkit-scrollbar-thumb {
  width: 0;
  background: transparent;
}

.show-overflowing * {
  scrollbar-width: initial !important;
}

a {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.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 {
  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;
}

* {
  font-family: "Space Grotesk", 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;
}

.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;
  }
}

.w-v1 {
  width: 1% !important;
}

.w-v2 {
  width: 2% !important;
}

.w-v3 {
  width: 3% !important;
}

.w-v4 {
  width: 4% !important;
}

.w-v5 {
  width: 5% !important;
}

.w-v6 {
  width: 6% !important;
}

.w-v7 {
  width: 7% !important;
}

.w-v8 {
  width: 8% !important;
}

.w-v9 {
  width: 9% !important;
}

.w-v10 {
  width: 10% !important;
}

.w-v11 {
  width: 11% !important;
}

.w-v12 {
  width: 12% !important;
}

.w-v13 {
  width: 13% !important;
}

.w-v14 {
  width: 14% !important;
}

.w-v15 {
  width: 15% !important;
}

.w-v16 {
  width: 16% !important;
}

.w-v17 {
  width: 17% !important;
}

.w-v18 {
  width: 18% !important;
}

.w-v19 {
  width: 19% !important;
}

.w-v20 {
  width: 20% !important;
}

.w-v21 {
  width: 21% !important;
}

.w-v22 {
  width: 22% !important;
}

.w-v23 {
  width: 23% !important;
}

.w-v24 {
  width: 24% !important;
}

.w-v25 {
  width: 25% !important;
}

.w-v26 {
  width: 26% !important;
}

.w-v27 {
  width: 27% !important;
}

.w-v28 {
  width: 28% !important;
}

.w-v29 {
  width: 29% !important;
}

.w-v30 {
  width: 30% !important;
}

.w-v31 {
  width: 31% !important;
}

.w-v32 {
  width: 32% !important;
}

.w-v33 {
  width: 33% !important;
}

.w-v34 {
  width: 34% !important;
}

.w-v35 {
  width: 35% !important;
}

.w-v36 {
  width: 36% !important;
}

.w-v37 {
  width: 37% !important;
}

.w-v38 {
  width: 38% !important;
}

.w-v39 {
  width: 39% !important;
}

.w-v40 {
  width: 40% !important;
}

.w-v41 {
  width: 41% !important;
}

.w-v42 {
  width: 42% !important;
}

.w-v43 {
  width: 43% !important;
}

.w-v44 {
  width: 44% !important;
}

.w-v45 {
  width: 45% !important;
}

.w-v46 {
  width: 46% !important;
}

.w-v47 {
  width: 47% !important;
}

.w-v48 {
  width: 48% !important;
}

.w-v49 {
  width: 49% !important;
}

.w-v50 {
  width: 50% !important;
}

.w-v51 {
  width: 51% !important;
}

.w-v52 {
  width: 52% !important;
}

.w-v53 {
  width: 53% !important;
}

.w-v54 {
  width: 54% !important;
}

.w-v55 {
  width: 55% !important;
}

.w-v56 {
  width: 56% !important;
}

.w-v57 {
  width: 57% !important;
}

.w-v58 {
  width: 58% !important;
}

.w-v59 {
  width: 59% !important;
}

.w-v60 {
  width: 60% !important;
}

.w-v61 {
  width: 61% !important;
}

.w-v62 {
  width: 62% !important;
}

.w-v63 {
  width: 63% !important;
}

.w-v64 {
  width: 64% !important;
}

.w-v65 {
  width: 65% !important;
}

.w-v66 {
  width: 66% !important;
}

.w-v67 {
  width: 67% !important;
}

.w-v68 {
  width: 68% !important;
}

.w-v69 {
  width: 69% !important;
}

.w-v70 {
  width: 70% !important;
}

.w-v71 {
  width: 71% !important;
}

.w-v72 {
  width: 72% !important;
}

.w-v73 {
  width: 73% !important;
}

.w-v74 {
  width: 74% !important;
}

.w-v75 {
  width: 75% !important;
}

.w-v76 {
  width: 76% !important;
}

.w-v77 {
  width: 77% !important;
}

.w-v78 {
  width: 78% !important;
}

.w-v79 {
  width: 79% !important;
}

.w-v80 {
  width: 80% !important;
}

.w-v81 {
  width: 81% !important;
}

.w-v82 {
  width: 82% !important;
}

.w-v83 {
  width: 83% !important;
}

.w-v84 {
  width: 84% !important;
}

.w-v85 {
  width: 85% !important;
}

.w-v86 {
  width: 86% !important;
}

.w-v87 {
  width: 87% !important;
}

.w-v88 {
  width: 88% !important;
}

.w-v89 {
  width: 89% !important;
}

.w-v90 {
  width: 90% !important;
}

.w-v91 {
  width: 91% !important;
}

.w-v92 {
  width: 92% !important;
}

.w-v93 {
  width: 93% !important;
}

.w-v94 {
  width: 94% !important;
}

.w-v95 {
  width: 95% !important;
}

.w-v96 {
  width: 96% !important;
}

.w-v97 {
  width: 97% !important;
}

.w-v98 {
  width: 98% !important;
}

.w-v99 {
  width: 99% !important;
}

.w-v100 {
  width: 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-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*/
.splide__pagination__page.is-active {
  background-color: #4A89DC !important;
}

.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 {
  height: 56px;
  padding-left: 20px;
  padding-right: 45px;
  border-radius: 16px;
  border: none;
  float: none;
  line-height: 56px;
  font-weight: 600;
  transition: all 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: #f5f6f8 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;
}
.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;
  flex-wrap: wrap;
}
.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;
  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: 13px;
  color: #78797c;
  margin-top: 2px;
}
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: 90px;
  width: 90px;
  position: relative;
}
#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: #f5f7fc;
  padding: 20px;
  border-radius: 1rem;
}
#app-sandy-mix .boxed-card .boxed-inner {
  padding-bottom: 25px;
}
#app-sandy-mix .boxed-card .boxed-inner a {
  display: flex;
  justify-content: space-between;
}
#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 #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;
}
#app-sandy-mix .bar-actions {
  width: 700px;
  max-width: 100%;
  background: #f5f7fc;
}
#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;
  transition: background 0.4s linear;
}
#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 {
  background: #eaecf2;
  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 {
  height: 14px;
}
#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;
  overflow: hidden;
}

.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: 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: #fff;
  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: #f5f7fc;
}
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: #222;
  background: #292c35;
}

.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;
}
.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 .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;
}
.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 .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;
}

.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: 16px;
  height: 16px;
  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: "Space Grotesk", 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: "Space Grotesk", 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);
}

.multi-image-container {
  display: flex;
  flex-wrap: wrap;
}
.multi-image-container .inner-image-container {
  flex-grow: 1;
  width: 50%;
  padding: 0 7px;
  padding-bottom: 14px;
}
.multi-image-container .inner-image-container:nth-of-type(2n+1) {
  padding-left: 0;
}
.multi-image-container .inner-image-container:nth-of-type(2n) {
  padding-right: 0;
}
.multi-image-container .inner-image-container:nth-last-child(-n+2) {
  padding-bottom: 0;
}
.multi-image-container .inner-image {
  position: relative;
  cursor: pointer;
  display: flex;
  border-radius: 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% - 100px);
  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);
  }
}

.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: 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;
}
.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: #fff;
  font-weight: 500;
  width: 100%;
  display: block;
  position: relative;
}
body.is-dark .element-list .list-container {
  background: #000;
}
.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;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
body.is-dark .element-list .list-container .list-desc {
  color: #d7d7d7;
}

@-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: 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;
}
.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: #fff;
  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: 20px;
}
.element-video .element-single-video .element-single-video-container .play-button i {
  color: #000;
}
.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;
}

.context-block-edit .context-block-single {
  border: 1px dashed;
  padding: 19px;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.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: 38px;
  width: 38px;
  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;
}
.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: #ececec;
  border-radius: 15px;
  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: 5px;
  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;
}

.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 {
  width: calc(49%);
  height: auto;
  position: relative;
  transition: all 350ms ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  -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;
}

.bio-name-text .verified {
  height: 27px;
  width: 18px;
}
.bio-name-text .verified .cls-1 {
  fill: #2b95e9;
  fill-rule: evenodd;
}
.bio-name-text .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: 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;
}

.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;
  width: 56px;
  height: 56px;
  margin-right: 20px;
  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: 16px 24px;
  border-radius: 20px;
  background: rgba(228, 228, 228, 0.5);
  line-height: 1.71429;
  color: #808191;
  cursor: pointer;
  transition: all 0.25s;
}

.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;
}

.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 .message-ava, .support-chat .messages .message-item.is-left + .message-item.is-left .message-ava {
  visibility: hidden;
}
.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 .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;
}

.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 .sandy-counter {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 176px;
}
.bio-single-shop-product .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;
}
.bio-single-shop-product .sandy-counter .counter-btn i {
  font-size: 15px;
  color: #000;
}
.bio-single-shop-product .sandy-counter .counter-input {
  width: 100%;
  height: 64px;
  padding: 0 50px;
  border-radius: 14px;
  border: 2px solid #F6F7FB;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1A202C;
}
.bio-single-shop-product .sandy-counter .counter-btn-minus {
  left: 0;
  padding-left: 10px;
}
.bio-single-shop-product .sandy-counter .counter-btn-plus {
  right: 0;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .bio-single-shop-product .sandy-counter {
    margin: 0 0 24px;
    width: 136px;
  }
  .bio-single-shop-product .sandy-counter .counter-btn {
    width: 40px;
  }
  .bio-single-shop-product .sandy-counter .counter-input {
    height: 48px;
    padding: 0 40px;
    border-radius: 14px;
    font-size: 20px;
  }
}
.bio-single-shop-product .single-banner {
  height: 512px;
  width: 512px;
  max-width: 100%;
  border-radius: 32px;
  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 .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;
}
.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: 12px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  background: #fff;
}
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: 100%;
  border-radius: inherit;
  overflow: hidden;
  background: #F6F7FB;
  font-size: 0;
}
.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 0;
  color: #23262F;
}
.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 * {
  font-family: "Inter", sans-serif;
}
.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;
}

.inter-font * {
  font-family: "Inter", sans-serif;
}

.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 body.is-dark .context-body {
  background: #292c35 !important;
}
.is-bio-banner .default-bio-banner {
  height: 330px;
  position: relative;
  transition: 0.5s;
  z-index: 10;
}
.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: 16px 17px 16px 20px;
  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: #000;
}
body.is-dark .yetti-links-v2 span {
  color: #fff;
}
body.is-dark .yetti-links-v2 svg {
  stroke: #fff;
}

.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;
}
.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 .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: 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: 1rem;
  position: fixed;
  width: inherit;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.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: 2.5rem;
  height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.dashboard-wrapper .nav-sidebar .navbar-items .navbar-item {
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #131517;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.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: #f4f5f6;
  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;
}
@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;
  }
}
.dashboard-wrapper .dashboard-main {
  flex-grow: 1;
  background: #fff;
  position: relative;
  min-width: 0px;
}
.dashboard-wrapper .dashboard-main .dashboard-main-content {
  width: 46.25rem;
  max-width: 100%;
  padding: 1.5rem 2rem 6rem;
}
@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: #f4f5f6;
  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: 200;
  left: 50%;
  transform: translate(-50%, 0);
  background: #040404cc;
  box-shadow: 0 6px 16px #0003;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.5rem;
  overflow: hidden;
}
.bio-bar-container .bio-bar-actions {
  display: flex;
  align-items: center;
}
.bio-bar-container a {
  padding: 0.5rem 0.75rem;
  margin: 0;
  border-radius: 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: white;
  border: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bio-bar-container a svg, .bio-bar-container a img {
  color: #fff;
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.25rem;
}

.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;
}
.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: 50px;
  height: 50px;
  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;
}
.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: 100%;
  height: 130px;
  border: 1px dashed #d8dce7;
  border-radius: 10px;
  padding: 15px;
}

.add-my-story {
  height: 130px;
}

.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: 10px;
}
.add-my-story .display-text span {
  width: auto;
  overflow: inherit;
  font-size: 13px;
  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: 26px;
  height: 26px;
  border: 3px solid var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -2px;
  right: -5px;
  font-size: 14px;
  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;
}

.quick-charts .quick-chart {
  background-color: #f4f5f6;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #f4f5f6;
  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: 0.5rem;
}
.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: 17px;
  padding: 11px 25px 13px;
  font-weight: bold;
  font-size: 16.5px;
  line-height: 22px;
  letter-spacing: -0.2px;
  background: #fff;
  color: #1e1e1f;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0px 0.5px 4px rgba(0, 0, 0, 0.06), 0px 1px 20px rgba(0, 0, 0, 0.08);
}

#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;
}
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;
}

.bordered-form-input .form-input label {
  position: initial;
  margin-bottom: 12px;
  font-size: 12px;
  text-transform: uppercase;
  color: #b1b5c3;
}
.bordered-form-input .form-input input {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
  height: 48px;
}
.bordered-form-input .form-input textarea {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e6e8ec;
  font-size: 14px;
}

.-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;
}