:root {
  --body-bg: linear-gradient(0deg, #FFF 12.4%, #F3FBF7 100%), #FFF;
  --body-text: #061237;
  --body-text-rgb: 6, 18, 55;
  --theme-color: #f3fbf7;
  --bg-color-2: #F9FAFB;
  --foreground-color: #172B48;
  --foreground-color-2: #202838;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --text-disabled: #767f93;
  --text-disabled-rgb: 118, 127, 147;
  --main-color: #0AA85E;
  --main-color-rgb: 10, 168, 94;
  --stroke-color: #E4F4EC;
  --stroke-color-rgb: 228, 244, 236;
  --stroke-color-2: #e6e6e6;
  --card-secondary: #F7FCF9;
  --card-secondary-rgb: 247, 252, 249;
  --label-default-color: #087F48;
  --label-default-color-rgb: 8, 127, 72;
  --label-default-border: #A7DCC4;
  --label-default-border-rgb: 167, 220, 196;
  --label-deafult-bg: #EAF8F1;
  --label-deafult-bg-rgb: 234, 248, 241;
  --label-default-bg: #EAF8F1;
  --label-default-bg-rgb: 234, 248, 241;
  --label-danger-color: #760606;
  --label-danger-color-rgb: 118, 6, 6;
  --label-danger-border: #f0aaaa;
  --label-danger-border-rgb: 240, 170, 170;
  --label-danger-bg: #fdecec;
  --label-danger-bg-rgb: 253, 236, 236;
  --label-success-color: #067618;
  --label-success-color-rgb: 6, 118, 24;
  --label-success-border: #bce1cd;
  --label-success-border-rgb: 188, 225, 205;
  --label-success-bg: #ecfdf4;
  --label-success-bg-rgb: 236, 253, 244;
  --label-warning-color: #765006;
  --label-warning-color-rgb: 118, 80, 6;
  --label-warning-border: #f0d0aa;
  --label-warning-border-rgb: 240, 208, 170;
  --label-warning-bg: #fdf7ec;
  --label-warning-bg-rgb: 253, 247, 236;
  --label-dark-color: #000;
  --label-dark-color-rgb: 0, 0, 0;
  --label-dark-border: #e6e6e6;
  --label-dark-border-rgb: 230, 230, 230;
  --label-dark-bg: #fafafa;
  --label-dark-bg-rgb: 250, 250, 250;
  --label-black-color: #000;
  --label-black-color-rgb: 0, 0, 0;
  --label-black-border: #cacfd6;
  --label-black-border-rgb: 202, 207, 214;
  --label-black-bg: #edeeef;
  --label-black-bg-rgb: 237, 238, 239;
}
:root:has([data-theme=dark]) {
  --body-bg: #031F16;
  --body-text: #fff;
  --body-text-rgb: 255, 255, 255;
  --bs-body-color: #fff;
  --theme-color: #07291E;
  --bg-color-2: #0D3529;
  --foreground-color: #fff;
  --foreground-color-2: #d4dbe8;
  --white: #07291E;
  --white-rgb: 7, 41, 30;
  --stroke-color: #124536;
  --stroke-color-2: #1B5A47;
  --text-disabled: #767f93;
  --text-disabled-rgb: 118, 127, 147;
  --main-color-rgb: 10, 168, 94;
  --card-secondary: #07291E;
  --label-default-color: #24D889;
  --label-default-border: #2D6F57;
  --label-default-bg: #082C20;
  --label-danger-color: #FF004D;
  --label-danger-border: #7C072A;
  --label-danger-bg: #41081C;
  --label-success-color: #34E67B;
  --label-success-border: #199678;
  --label-success-bg: #0A3131;
  --label-warning-color: #FFB21C;
  --label-warning-border: #AC7E4C;
  --label-warning-bg: #352A1E;
  --label-dark-color: #fff;
  --label-dark-border: #245745;
  --label-dark-bg: #0B3225;
  --label-black-color: #fff;
  --label-black-border: #173C30;
  --label-black-bg: #124536;
}

@font-face {
  font-family: "Aspekta";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url("https://cdn.smmspot.net/junglesmm/assets/fonts/AspektaVF.woff2") format("woff2");
}
body,
html {
  font-family: "Aspekta", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.noauth-header-space {
  height: 98px;
}

.container {
  max-width: 1157px;
}

.hidden {
  display: none;
}

smmspot[data-var] {
  display: none;
}

.first-load-disable-animate {
  animation: none !important;
  transition: none !important;
}

body::before {
  content: "xs";
  position: fixed;
  top: 10px;
  right: 10px;
  background-color: #000;
  color: #fff;
  padding: 2px 4px;
  border-radius: 5px;
  z-index: 100000000;
  display: none;
}
@media (min-width: 576px) {
  body::before {
    content: "sm";
  }
}
@media (min-width: 768px) {
  body::before {
    content: "md";
  }
}
@media (min-width: 992px) {
  body::before {
    content: "lg";
  }
}
@media (min-width: 1200px) {
  body::before {
    content: "xl";
  }
}
@media (min-width: 1400px) {
  body::before {
    content: "xxl";
  }
}

/* [data-theme="dark"] & {
  ...rules
} */
@font-face {
  font-family: "smmspot-icon";
  src: url("https://cdn.smmspot.net/junglesmm/assets/fonts/smmspot-icon.eot");
  src: url("https://cdn.smmspot.net/junglesmm/assets/fonts/smmspot-icon.eot") format("embedded-opentype"), url("https://cdn.smmspot.net/junglesmm/assets/fonts/smmspot-icon.ttf") format("truetype"), url("https://cdn.smmspot.net/junglesmm/assets/fonts/smmspot-icon.woff") format("woff"), url("https://cdn.smmspot.net/junglesmm/assets/fonts/smmspot-icon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.smmspot-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "smmspot-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add_circle:before {
  content: "\e900";
}

.icon-arrow_left:before {
  content: "\e901";
}

.icon-arrow_right:before {
  content: "\e902";
}

.icon-bank_card:before {
  content: "\e903";
}

.icon-bill:before {
  content: "\e904";
}

.icon-bookmark_line:before {
  content: "\e905";
}

.icon-captive_portal:before {
  content: "\e906";
}

.icon-chart:before {
  content: "\e907";
}

.icon-chat:before {
  content: "\e908";
}

.icon-check:before {
  content: "\e909";
}

.icon-close:before {
  content: "\e90a";
}

.icon-diamond:before {
  content: "\e90b";
}

.icon-dollar:before {
  content: "\e90c";
}

.icon-exchange_dollar:before {
  content: "\e90d";
}

.icon-flame:before {
  content: "\e90e";
}

.icon-flash_shield:before {
  content: "\e90f";
}

.icon-flash:before {
  content: "\e910";
}

.icon-history:before {
  content: "\e911";
}

.icon-loading:before {
  content: "\e912";
}

.icon-love:before {
  content: "\e913";
}

.icon-m_addfunds::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e914";
  color: var(--main-color, #0AA85E);
}

.icon-m_addfunds::before {
  content: "\e915";
  color: var(--main-color, #0AA85E);
}

.icon-m_affiliate::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e916";
}

.icon-m_affiliate::before {
  content: "\e917";
}

.icon-m_neworder::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e918";
}

.icon-m_neworder::before {
  content: "\e919";
}

.icon-m_orders::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e91a";
}

.icon-m_orders::before {
  content: "\e91b";
}

.icon-m_services::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e91c";
}

.icon-m_services::before {
  content: "\e91d";
}

.icon-m_support::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e91e";
}

.icon-m_support::before {
  content: "\e91f";
}

.icon-m_terms::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e920";
}

.icon-m_terms::before {
  content: "\e921";
}

.icon-m_uptades::after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  content: "\e922";
}

.icon-m_uptades::before {
  content: "\e923";
}

.icon-message:before {
  content: "\e924";
}

.icon-package:before {
  content: "\e925";
}

.icon-receive_money:before {
  content: "\e926";
}

.icon-shopping_bag:before {
  content: "\e927";
}

.icon-signature:before {
  content: "\e928";
}

.icon-star:before {
  content: "\e929";
}

.icon-sunrise:before {
  content: "\e92a";
}

.icon-user_add:before {
  content: "\e92b";
}

.icon-user_circle:before {
  content: "\e92c";
}

.icon-user:before {
  content: "\e92d";
}

.icon-wallet:before {
  content: "\e92e";
}

.icon-warning:before {
  content: "\e92f";
}

.btn {
  min-height: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 15px;
  gap: 9px;
  transition: all 0.14s ease;
}
.btn.btn-block {
  display: flex;
  width: 100%;
}
.btn.disabled, .btn:disabled {
  pointer-events: initial;
  opacity: 0.5;
  color: var(--body-text);
}
.btn:focus, .btn:active {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(var(--main-color-rgb), 0.25);
}
.btn:active {
  transform: scale(0.98);
}
.btn-lg {
  min-height: 60px;
  padding: 16px 25px;
}
.btn-sm {
  min-height: 40px;
  padding: 9px 25px;
}
.btn-rounded {
  border-radius: 50px;
}
.btn > .btn-text {
  color: var(--body-text, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.14px;
  white-space: nowrap;
}
.btn > .btn-icon {
  color: var(--body-text, #061237);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  height: 24px;
}
.btn-primary {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), var(--main-color, #0AA85E);
  background-size: 100% 200%;
  background-position: 0 0;
  box-shadow: 0px 1.18245px 2.3649px 0px rgba(8, 127, 72, 0.88), 0px 0px 0px 1.18245px #0AA85E;
}
.btn-primary:hover {
  background-position: 0 100%;
}
.btn-primary .btn-text {
  color: #fff;
}
.btn-primary .btn-icon {
  color: #fff;
}
.btn-secondary {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: var(--button-dark-button-dark, linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #262626);
  box-shadow: 0px 1px 2px 0px rgba(38, 38, 38, 0.88), 0px 0px 0px 1px #262626;
}
.btn-secondary:hover {
  background-position: 0 100%;
  background: var(--button-dark-button-dark, linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #262626);
}
.btn-secondary .btn-text {
  color: #fff;
}
.btn-secondary .btn-icon {
  color: #fff;
}
.btn-line, .btn-default {
  border: 1px solid var(--stroke-color-2, #ebf2fa);
  background-color: var(--white, #fff);
  color: var(--body-text, #061237);
}
.btn-line:hover, .btn-default:hover {
  border: 1px solid var(--stroke-color-2, #ebf2fa);
  background: var(--bg-color-2, #fff);
}
.btn-line:focus, .btn-default:focus {
  border-color: var(--stroke-color, #ebf2fa) !important;
  background-color: var(--bg-color-2, #fff) !important;
  outline: none;
}
.btn-line:active, .btn-default:active {
  border-color: var(--main-color, #ebf2fa) !important;
  background-color: var(--bg-color-2, #fff) !important;
  outline: none;
}
.btn-danger {
  box-shadow: 0px 1px 2px 0px rgba(255, 64, 64, 0.88), 0px 0px 0px 1px #FF4040;
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: var(--button-button-red, linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #FF4040);
  background-size: 100% 200%;
}
.btn-danger:hover {
  background-position: 0 100%;
}
.btn-danger .btn-text {
  color: #fff;
}
.btn-danger .btn-icon {
  color: #fff;
}
.btn-success {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: var(--button-button-success, linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #0AB563);
  box-shadow: 0px 1px 2px 0px rgba(10, 181, 99, 0.88), 0px 0px 0px 1px #0AB563;
  background-size: 100% 200%;
  background-position: 0 0;
}
.btn-success:hover {
  background-position: 0 100%;
}
.btn-success .btn-text {
  color: #fff;
}
.btn-success .btn-icon {
  color: #fff;
}
.btn-warning {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: var(--button-button-orange, linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #FB912F);
  box-shadow: 0px 1px 2px 0px rgba(251, 145, 47, 0.88), 0px 0px 0px 1px #FB912F;
  background-size: 100% 200%;
}
.btn-warning:hover {
  background-position: 0 100%;
}
.btn-warning .btn-text {
  color: #fff;
}
.btn-warning .btn-icon {
  color: #fff;
}
.btn-light {
  background-color: var(--white, #FFF);
  border: 1px solid var(--stroke-color-2);
}
.btn-light .btn-text {
  color: var(--foreground-color-2, #061237);
}
.btn-yellow {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #FFC107;
  box-shadow: 0px 1px 2px 0px rgba(255, 193, 7, 0.88), 0px 0px 0px 1px #FFC107;
  background-size: 100% 200%;
}
.btn-yellow:hover {
  background-position: 0 100%;
}
.btn-yellow .btn-text {
  color: #fff;
}
.btn-yellow .btn-icon {
  color: #fff;
}
.btn-turquoise {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #17C3C3;
  box-shadow: 0px 1px 2px 0px rgba(23, 195, 195, 0.88), 0px 0px 0px 1px #17C3C3;
  background-size: 100% 200%;
}
.btn-turquoise:hover {
  background-position: 0 100%;
}
.btn-turquoise .btn-text {
  color: #fff;
}
.btn-turquoise .btn-icon {
  color: #fff;
}
.btn-blue {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #3B82F6;
  box-shadow: 0px 1px 2px 0px rgba(59, 130, 246, 0.88), 0px 0px 0px 1px #3B82F6;
  background-size: 100% 200%;
}
.btn-blue:hover {
  background-position: 0 100%;
}
.btn-blue .btn-text {
  color: #fff;
}
.btn-blue .btn-icon {
  color: #fff;
}
.btn-purple {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #7C3AED;
  box-shadow: 0px 1px 2px 0px rgba(124, 58, 237, 0.88), 0px 0px 0px 1px #7C3AED;
  background-size: 100% 200%;
}
.btn-purple:hover {
  background-position: 0 100%;
}
.btn-purple .btn-text {
  color: #fff;
}
.btn-purple .btn-icon {
  color: #fff;
}
.btn-gray-dark {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #4B5563;
  box-shadow: 0px 1px 2px 0px rgba(75, 85, 99, 0.88), 0px 0px 0px 1px #4B5563;
  background-size: 100% 200%;
}
.btn-gray-dark:hover {
  background-position: 0 100%;
}
.btn-gray-dark .btn-text {
  color: #fff;
}
.btn-gray-dark .btn-icon {
  color: #fff;
}
.btn-green-dark {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #166534;
  box-shadow: 0px 1px 2px 0px rgba(22, 101, 52, 0.88), 0px 0px 0px 1px #166534;
  background-size: 100% 200%;
}
.btn-green-dark:hover {
  background-position: 0 100%;
}
.btn-green-dark .btn-text {
  color: #fff;
}
.btn-green-dark .btn-icon {
  color: #fff;
}
.btn.btn-menu {
  padding: 0;
  margin: 0;
  min-height: 44px;
  height: 44px;
  width: 44px;
}
[data-theme=dark] .btn.btn-menu {
  color: var(--foreground-color-2, #061237);
}

.btn-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-wrapper .btn:nth-child(1) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.btn-wrapper .btn:nth-last-child(1) {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.btn-outer {
  padding: 9px;
  border-radius: 100px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  display: inline-flex;
  gap: 10px;
}

.btn-dropdown {
  position: relative;
}
.btn-dropdown::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}

.label {
  padding: 8px 10px;
  border-radius: 10px;
}
.label-ticket {
  padding: 13px 26px;
}
.label {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.label-rounded {
  border-radius: 100px;
}
.label-icon {
  font-size: 14px;
  height: 15px;
  margin-top: -2px;
}
.label-text {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.label-primary {
  border: 1px solid var(--label-default-border, #adc7d6);
  background: var(--label-default-bg, #ecf7fd);
  color: var(--label-default-color, #063a76);
}
.label-success {
  border: 1px solid var(--label-success-border, #067618);
  background: var(--label-success-bg, #ecfdf4);
  color: var(--label-success-color, #067618);
}
.label-warning {
  border: 1px solid var(--label-warning-border, #f0b90b);
  background: var(--label-warning-bg, #fef7e6);
  color: var(--label-warning-color, #f0b90b);
}
.label-yellow {
  border: 1px solid rgba(255, 193, 7, 0.35);
  background: rgba(255, 193, 7, 0.12);
  color: #a66a00;
}
.label-danger {
  color: var(--label-danger-color, #760606);
  border: 1px solid var(--label-danger-border, #f0aaaa);
  background: var(--label-danger-bg, #fdecec);
}
.label-dark {
  border: 1px solid var(--label-dark-border, #000000);
  background: var(--label-dark-bg, #f0f0f0);
  color: var(--label-dark-color, #000000);
}
.label-black {
  border: 1px solid var(--label-black-border, #000000);
  background: var(--label-black-bg, #f0f0f0);
  color: var(--label-black-color, #000000);
}

.alert {
  border-radius: 15px;
  padding: 16px;
  line-height: 1.6;
}
.alert-primary {
  border: 1px solid var(--label-default-border, #adc7d6);
  background: var(--label-deafult-bg, #ecf7fd);
  color: var(--label-default-color, #063a76);
}
.alert-success {
  border: 1px solid var(--label-success-border, #067618);
  background: var(--label-success-bg, #ecfdf4);
  color: var(--label-success-color, #067618);
}
.alert-warning {
  border: 1px solid var(--label-warning-border, #f0b90b);
  background: var(--label-warning-bg, #fef7e6);
  color: var(--label-warning-color, #f0b90b);
}
.alert-danger {
  color: var(--label-danger-color, #760606);
  border: 1px solid var(--label-danger-border, #f0aaaa);
  background: var(--label-danger-bg, #fdecec);
}
.alert-dark {
  border: 1px solid var(--label-dark-border, #000000);
  background: var(--label-dark-bg, #f0f0f0);
  color: var(--label-dark-color, #000000);
}
.alert-black {
  border: 1px solid var(--label-black-border, #000000);
  background: var(--label-black-bg, #f0f0f0);
  color: var(--label-black-color, #000000);
}
.alert.alert-dismissible {
  padding-right: 50px;
}
.alert.alert-dismissible .close {
  position: absolute;
  top: 10px;
  right: 4px;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  line-height: 1;
  opacity: 0.5;
  transition: 0.14s ease all;
  font-size: 28px;
}
.alert.alert-dismissible .close:hover {
  opacity: 1;
}

.badge {
  background: var(--bg-color-2, #fff);
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  padding: 8px;
  gap: 15px;
}
.badge-icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), #0AA85E;
  box-shadow: 0px 0px 1px 0px rgba(8, 127, 72, 0.88), 0px 0px 0px 1px #0AA85E;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.badge-icon .smmspot-icon {
  font-size: 18px;
}
.badge-content {
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 24px;
  letter-spacing: -0.14px;
  color: var(--body-text);
}

.avatar {
  display: inline-block;
  border-radius: 50%;
  display: inline-block;
  height: 44px;
  width: 44px;
  border: 2px solid #FFF;
  overflow: hidden;
}
.avatar-sm {
  height: 30px;
  width: 30px;
}
.avatar-lg {
  height: 60px;
  width: 60px;
}
.avatar-xl {
  height: 100px;
  width: 100px;
}
.avatar img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.avatar-group {
  display: inline-block;
}
.avatar-group > .avatar {
  margin-left: -20px;
}

@keyframes avatars-animation {
  0% {
    scale: 0.5;
  }
  100% {
    scale: 1;
  }
}
.section-head {
  width: 100%;
}
.section-head_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
  text-align: center;
}
.section-head--start .section-head_content {
  align-items: flex-start;
  text-align: left;
}
.section-head--end .section-head_content {
  align-items: flex-end;
  text-align: right;
}
.section-head_title {
  color: var(--body-text, #061237);
  font-size: 32px;
  font-weight: 550;
  line-height: 122%;
  letter-spacing: -0.68px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .section-head_title {
    font-size: 45px;
    letter-spacing: -1.68px;
  }
}
.section-head_description {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
}

.form-group {
  margin-bottom: 30px;
}

.form-control,
.form-select {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background-color: var(--white, #fff);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
  padding: 14px;
  min-height: 55px;
  color: var(--foreground-color, #172B48);
}
.form-control.secondary,
.form-select.secondary {
  border-color: var(--stroke-color-2, #E6E6E6);
  background-color: var(--bg-color-2, #FAFAFA);
  box-shadow: none;
}
.form-control.secondary:focus,
.form-select.secondary:focus {
  border-color: var(--stroke-color-2, #E6E6E6);
  background-color: var(--bg-color-2, #FAFAFA);
  box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.25);
}
.form-control[disabled], .form-control[readonly],
.form-select[disabled],
.form-select[readonly] {
  opacity: 1;
  background-color: #FAFAFA;
  border-color: #E6E6E6;
}
[data-theme=dark] .form-control[disabled], [data-theme=dark] .form-control[readonly],
[data-theme=dark] .form-select[disabled],
[data-theme=dark] .form-select[readonly] {
  background-color: rgba(var(--foreground-color-rgb, 255, 255, 255), 0.1);
  border-color: rgba(var(--foreground-color-rgb, 255, 255, 255), 0.1);
}
.form-control[disabled], .form-control[readonly],
.form-select[disabled],
.form-select[readonly] {
  color: var(--text-disabled, #061237);
  cursor: not-allowed;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--stroke-color, #ebf2fa);
  background-color: var(--white, #fff);
  color: var(--foreground-color, #172B48);
}

.form-select {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><mask id="mask0_0_1373" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"><rect y="0.233887" width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_0_1373)"><path d="M12 17.4713L7 12.0791H17L12 17.4713Z" fill="%23767F93"/></g></svg>');
  background-size: 24px 24px;
}

.control-label,
.form-group label {
  color: var(--foreground-color, #172B48);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
  margin-bottom: 15px;
}

.radio-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
}
.radio-group label {
  margin: 0;
}
.radio-group .form-radio input {
  display: none;
}
.radio-group .form-radio input:checked + .radio-box {
  border-radius: 15px;
  border: 1px solid var(--stroke-color-2, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%);
  /* Labels/Button_Primary */
  box-shadow: 0px 1.18245px 2.3649px 0px rgba(8, 127, 72, 0.88), 0px 0px 0px 1.18245px #0AA85E;
  color: #fff;
}
.radio-group .form-radio .radio-box {
  padding: 13px 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid var(--stroke-color-2, #E6E6E6);
  background: var(--bg-color-2, #FAFAFA);
  cursor: pointer;
  transition: 0.14s ease all;
}
.radio-group .form-radio .radio-box .radio-icon {
  font-size: 18px;
}
.radio-group .form-radio .radio-box .radio-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.14px;
}

.panel-body {
  border-radius: 15px;
  padding: 14px;
  min-height: 55px;
  border-color: var(--stroke-color-2, #ebf2fa);
  background-color: var(--bg-color-2, #fff);
  box-shadow: none;
}

.form-group.instruction {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #fff);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
}

.checkbox {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.checkbox label {
  margin-bottom: 0;
}
.checkbox input {
  display: none;
}
.checkbox-icon {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background-color: #FAFAFA;
  box-shadow: none;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.checkbox-icon::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 140%);
  background-color: var(--main-color);
  transition: all 0.2s ease-in-out;
}
.checkbox-icon::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
  transform: scale(0);
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
.checkbox-text {
  color: var(--foreground-color-2, #202838);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.checkbox input:checked ~ .checkbox-icon {
  border-color: var(--main-color);
}
.checkbox input:checked ~ .checkbox-icon::before {
  transform: translate(-50%, 50%);
}
.checkbox input:checked ~ .checkbox-icon::after {
  transform: scale(1);
}

.nav {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 5px;
  max-width: 100%;
  overflow-x: auto;
  align-items: center;
  border-radius: 40px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
  padding: 9px;
}
.nav::-webkit-scrollbar {
  height: 2px;
}
.nav-link {
  display: flex;
  padding: 14px 25px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  outline: none;
  border-radius: 100px;
  border: 1px solid var(--stroke-color-2, #ebf2fa);
  color: var(--body-text, #061237);
  transition: 0.14s ease;
  white-space: nowrap;
}
.nav-link:hover {
  background-color: var(--bg-color-2, #FFF);
  color: var(--body-text, #061237);
  box-shadow: 0px 1.18245px 2.3649px 0px rgba(0, 0, 0, 0.141);
}
.nav-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.25);
}
.nav-link.active {
  border-color: rgba(255, 255, 255, 0.15);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), var(--main-color, #0AA85E);
  box-shadow: 0px 1.18245px 2.3649px 0px rgba(var(--main-color-rgb, 10, 168, 94), 0.88);
  color: #fff;
}

.card {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  /* Shadow Main */
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

[data-smmspot=copy][data-copy-icon] {
  position: relative;
  cursor: pointer;
}
[data-smmspot=copy][data-copy-icon]:hover::before {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
[data-smmspot=copy][data-copy-icon]::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: -30px;
  top: 50%;
  transform: translateY(-50%) translateX(30%);
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z"></path></svg>');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  opacity: 0;
  transition: 0.14s ease;
}

.pagination {
  display: inline-flex;
  gap: 2px;
  padding-left: 0;
  margin: 0px 0;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 12px;
  min-width: 42px;
  line-height: 1.42857143;
  color: var(--body-text);
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #087F48;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.smmspot-dropdown {
  position: relative;
}
.smmspot-dropdown[data-active=true] .smmspot-dropdown__box {
  display: block;
  animation: smmspot-dropdown-active 0.2s ease forwards;
}
.smmspot-dropdown__item {
  text-decoration: none;
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 15px;
  gap: 15px;
  transition: 0.14s ease;
  position: relative;
  overflow: hidden;
}
.smmspot-dropdown__item .on-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translateY(100%);
  background-color: var(--bg-color-2);
  opacity: 0;
  transition: 0.14s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  font-size: 16px;
  color: var(--body-text, #061237);
}
.smmspot-dropdown__item:hover {
  background-color: var(--bg-color-2);
}
.smmspot-dropdown__item:hover .on-hover {
  transform: translateY(0);
  opacity: 1;
}
.smmspot-dropdown__item .icon {
  background-color: #EAF8F1;
  color: var(--main-color, #0AA85E);
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smmspot-dropdown__item .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.smmspot-dropdown__item .icon {
  font-size: 22px;
}
.smmspot-dropdown__item .title,
.smmspot-dropdown__item .value {
  white-space: nowrap;
}
.smmspot-dropdown__item .title {
  color: var(--body-text, #061237);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
}
.smmspot-dropdown__item .value {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.39px;
}
.smmspot-dropdown__item .content {
  flex: 1;
  padding-right: 10px;
}
.smmspot-dropdown__box {
  overflow: hidden;
  display: none;
  float: left;
  border: 1px solid var(--stroke-color, #ebf2fa);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.09);
}
[data-theme=dark] .smmspot-dropdown__box {
  box-shadow: 0px 15.11px 59.06px 0px rgba(255, 255, 255, 0.09);
}
.smmspot-dropdown__box {
  background-color: var(--white, #FFF);
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  border-radius: 15px;
  min-width: 100%;
  width: auto;
  z-index: 999;
}
.smmspot-dropdown__box .divider {
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
}
.smmspot-dropdown__box .list {
  padding: 5px;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.smmspot-dropdown__box .list-link {
  min-height: 40px;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  padding: 10px;
  width: 100%;
  white-space: nowrap;
  text-decoration: none;
  color: var(--body-text, #061237);
  transition: 0.14s ease all;
}
.smmspot-dropdown__box .list-link .text {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.39px;
  white-space: nowrap;
}
.smmspot-dropdown__box .list-link .icon {
  font-size: 16px;
}
.smmspot-dropdown__box .list-link:hover {
  background-color: var(--bg-color-2);
}
.smmspot-dropdown__box .list-link.active {
  color: var(--main-color, #0AA85E);
  background-color: rgba(var(--main-color-rgb), 0.08);
}

@keyframes smmspot-dropdown-active {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    max-height: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0) skewY(0);
  }
}
.modal.fade {
  opacity: 1;
}
.modal-dialog {
  min-height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
}
.modal-content {
  max-width: 620px;
  background: var(--bg-color-2);
  border-color: var(--stroke-color-2);
}
.modal-content .close {
  padding: 0;
  margin: 0;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 52px;
  height: 52px;
  border: 1px solid var(--stroke-color-2);
  background: var(--bg-color-2);
  outline: none;
  border-radius: 50%;
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .modal-content .close {
    top: 10px;
    right: 10px;
    border: none;
  }
}
.modal-footer {
  border-color: var(--stroke-color-2);
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-backdrop.fade {
  opacity: 1;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade {
  opacity: 1;
}
.modal.fade .modal-dialog {
  transform: translateY(-24px) scale(0.98);
  transition: transform 0.24s ease, opacity 0.24s ease;
  opacity: 0;
}
.modal.in .modal-dialog, .modal.show .modal-dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  display: block;
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 16px;
}

.modal-content {
  position: relative;
  width: 100%;
  max-width: none;
  color: var(--body-text, #061237);
  background: var(--bg-color-2, #fff);
  background-clip: padding-box;
  border: 1px solid var(--stroke-color-2, #e6e6e6);
  border-radius: 24px;
  outline: 0;
  box-shadow: 0 28px 80px rgba(6, 18, 55, 0.18);
}
.modal-content .close {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 0 0 0 auto;
  color: var(--body-text, #061237);
  font-size: 24px;
  line-height: 1;
  opacity: 0.65;
  background: var(--card-secondary, #f7fcf9);
  border: 1px solid var(--stroke-color, #e4f4ec);
  border-radius: 50%;
  transition: color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.modal-content .close:hover, .modal-content .close:focus {
  color: var(--main-color, #0aa85e);
  border-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.45);
  opacity: 1;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: #031f16;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in, .modal-backdrop.show {
  opacity: 0.58;
}

.modal-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--stroke-color-2, #e6e6e6);
}
.modal-header::before, .modal-header::after {
  display: none;
}
.modal-header .close {
  margin-top: 0;
}

.modal-title {
  margin: 0;
  color: var(--body-text, #061237);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

.modal-body {
  position: relative;
  padding: 24px;
  color: var(--body-text, #061237);
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 24px 24px;
  text-align: right;
  border-top: 1px solid var(--stroke-color-2, #e6e6e6);
}
.modal-footer::before, .modal-footer::after {
  display: none;
}
.modal-footer .btn + .btn,
.modal-footer .btn-group .btn + .btn,
.modal-footer .btn-block + .btn-block {
  margin: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (max-width: 767.98px) {
  .modal-dialog {
    margin: 12px;
  }
  .modal-content {
    border-radius: 18px;
  }
  .modal-header {
    padding: 18px 18px 16px;
  }
  .modal-body {
    padding: 18px;
  }
  .modal-footer {
    padding: 16px 18px 18px;
  }
  .modal-footer .btn {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 48px auto;
  }
  .modal-sm {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: min(900px, 100vw - 64px);
  }
}
.home-page-head {
  background: linear-gradient(0deg, #FFF 12.4%, #F3FBF7 100%);
  background-repeat: no-repeat;
  min-height: 600px;
  overflow: hidden;
  width: 100%;
}

.home-head-content {
  padding: 40px 0 30px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .home-head-content {
    padding: 120px 0 30px 0;
    text-align: start;
  }
}
.home-head-content-left {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  z-index: 10;
}
@media (max-width: 991.98px) {
  .home-head-content-left {
    align-items: center;
  }
}
.home-head-right {
  position: relative;
  height: 100%;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .home-head-right {
    height: 200px;
    overflow: hidden;
  }
}
.home-head-right-img {
  position: relative;
  z-index: 2;
  user-select: none;
  pointer-events: none;
}
.home-head-right::before {
  content: "";
  position: absolute;
  top: -280px;
  left: -147px;
  width: calc(100% + 420px);
  height: calc(100% + 200px);
  background: url(https://cdn.smmspot.net/junglesmm/assets/images/hero-bg.png) no-repeat;
  background-size: cover;
  background-position: top center;
}
.home-head-title {
  font-size: 36px;
  font-style: normal;
  font-weight: 550;
  line-height: 107.692%;
  letter-spacing: -1px;
  max-width: 90%;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .home-head-title {
    font-size: 65px;
    letter-spacing: -3px;
  }
}
.home-head-title span {
  color: var(--main-color, #0AA85E);
}
.home-head-text {
  max-width: 408px;
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
}
.home-head-start_rise {
  border-radius: 100px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
  padding: 8px 8px 8px 25px;
  display: flex;
  gap: 10px;
}
.home-head-start_rise-right {
  margin-left: auto;
}
.home-head-start_rise-right .btn {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  min-height: 54px;
}
.home-head-start_rise-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-head-start_rise-left-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.home-head-start_rise-left-text {
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: #000;
}
.home-head-items {
  display: flex;
  gap: 20px;
  text-align: start;
  justify-content: center;
}
@media (min-width: 768px) {
  .home-head-items {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .home-head-items {
    gap: 60px;
  }
}
.home-head-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.home-head-item_title {
  display: flex;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.75px;
  color: #000;
  align-items: center;
  gap: 20px;
}
.home-head-item_title-icon {
  height: 28px;
  width: 28px;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FB912F;
}
.home-head-item_text {
  color: var(--text-disabled, #061237);
  /* Pharagraph 2 */
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

.section-home-1 {
  padding: 50px 0;
  position: relative;
  background: radial-gradient(52.52% 52.52% at 50% 0%, #F7FBFF 0%, rgba(247, 251, 255, 0) 100%), radial-gradient(50% 50% at 50% 50%, #F6F9FE 0%, rgba(246, 249, 254, 0) 100%);
}
@media (min-width: 992px) {
  .section-home-1 {
    padding: 88px 0;
  }
}
.section-home-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 2px;
  width: 0;
  max-width: 752px;
  background: linear-gradient(270deg, rgba(219, 228, 238, 0) -0.54%, #DBE4EE 51.02%, rgba(219, 228, 238, 0) 101.52%);
  animation: section-1-border-open 1s ease-in-out forwards;
  animation-delay: 1s;
}
@keyframes section-1-border-open {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.section-home-1_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}
.section-home-1_title {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 111%;
  letter-spacing: -0.7px;
  color: var(--body-text, #061237);
  text-align: center;
}
@media (min-width: 992px) {
  .section-home-1_title {
    font-weight: 55px;
    letter-spacing: -1.68px;
  }
}
.section-home-1_title span {
  color: var(--main-color);
}
.section-home-1_text {
  text-align: center;
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.section-home-1_bottom {
  display: flex;
  gap: 15px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 332px;
}
.section-home-1_bottom-title {
  color: var(--body-text-100, #061237);
  text-align: center;
  font-size: 19px;
  font-weight: 450;
  line-height: 25px;
  margin-bottom: 0;
}
.section-home-1_bottom-text {
  margin-bottom: 0;
  text-align: center;
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
}
.section-home-1_marquee-outer {
  margin-top: 30px;
  height: 166px;
  display: flex;
  align-items: center;
}
.section-home-1_marquee-outer > div {
  flex: 1;
}

.section-home-2 {
  padding: 50px 0;
}
@media (min-width: 992px) {
  .section-home-2 {
    padding: 95px 0;
  }
}

.home-2-content {
  display: flex;
  flex-direction: column;
  gap: 75px;
}
.home-2-cards {
  position: relative;
}
.home-2-card {
  border-radius: 35px;
  margin-bottom: 30px;
  padding: 5px;
  background-color: rgba(var(--stroke-color-rgb), 0.6);
}
.home-2-card_inner {
  border-radius: 30px;
  padding: 30px 30px 30px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  height: 100%;
  position: relative;
  background-color: #fff;
}
.home-2-card.card-1 {
  height: 435px;
  background-color: rgba(255, 89, 28, 0.1);
  overflow: hidden;
}
.home-2-card.card-1 .card-1-label {
  display: inline-block;
  height: 32px;
  padding: 4px 16px;
  border-radius: 32px;
  background: #FF854C;
  color: var(--white, #FFF);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.14px;
}
.home-2-card.card-1 .icon-box {
  width: 130px;
  height: 130px;
  padding: 38px;
  border-radius: 35px;
  border: 1px solid #FF975D;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-2-card.card-1 .icon-box .icon {
  height: 62px;
  width: 62px;
}
.home-2-card.card-1 .icon-box .animated-line {
  position: absolute;
  border-radius: 35px;
  border: 1px solid #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: animated-line-inifinite 4s infinite;
}
.home-2-card.card-1 .icon-box .animated-line:nth-child(2) {
  animation-delay: 1s;
}
.home-2-card.card-1 .icon-box .animated-line:nth-child(3) {
  animation-delay: 2s;
}
.home-2-card.card-1 .icon-box .animated-line:nth-child(4) {
  animation-delay: 3s;
}
@keyframes animated-line-inifinite {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  80% {
    border-radius: 50%;
  }
  98% {
    transform: scale(4);
    opacity: 0;
    border-width: 0.5px;
  }
  99% {
    opacity: 0;
  }
  100% {
    transform: scale(0);
  }
}
.home-2-card.card-1 .card-1-title {
  color: var(--white, #FFF);
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.75px;
  margin-bottom: 0;
}
.home-2-card.card-1 .home-2-card_inner {
  background: linear-gradient(227deg, #FF7A00 0%, #FF442C 100%), #FF442C;
  padding: 32px 20px;
  justify-content: space-around;
}
.home-2-card.card-1 .home-2-card_inner > * {
  position: relative;
  z-index: 1;
}
.home-2-card.card-1 .home-2-card_inner::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="266" height="435" viewBox="0 0 266 435" fill="none"><path d="M-237.696 131.195C-442.972 335.858 -443.469 668.179 -238.806 873.455C-34.1422 1078.73 298.179 1079.23 503.455 874.564C708.731 669.901 709.227 337.58 504.564 132.304C299.901 -72.9719 -32.4206 -73.4685 -237.696 131.195Z" stroke="url(%23paint0_radial_484_4886)" stroke-opacity="0.25" stroke-width="500" stroke-linecap="round" stroke-dasharray="11.6 11.6"/><defs><radialGradient id="paint0_radial_484_4886" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(153.781 489.52) rotate(-32.5857) scale(599.278)"><stop stop-color="white" stop-opacity="0"/><stop offset="0.392773" stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient></defs></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.home-2-card.card-2 .home-2-card_inner {
  padding: 56px 54px;
  background-image: url("https://cdn.smmspot.net/junglesmm/assets/images/world.png");
  background-position: -400% 0;
  background-repeat: no-repeat;
  background-size: auto 102%;
}
.home-2-card.card-2 .avatars {
  height: 100%;
  width: 100%;
  position: relative;
}
.home-2-card.card-2 .avatars .avatar {
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  border: 2px solid #FD5;
  padding: 3px;
  height: auto;
  width: auto;
  overflow: visible;
}
.home-2-card.card-2 .avatars .avatar .social-badge {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  right: -7px;
  bottom: -10px;
  background-color: #000;
  border: 5px solid #fff;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
}
.home-2-card.card-2 .avatars .avatar .social-badge span {
  margin-top: -3px;
}
.home-2-card.card-2 .avatars .avatar-bg {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-image: url("https://cdn.smmspot.net/junglesmm/assets/images/home_avatars.png");
  background-size: 176px 44px;
}
.home-2-card.card-2 .avatars .avatar:nth-child(1) {
  left: 0;
  top: 50px;
  border-color: #FF543E;
}
.home-2-card.card-2 .avatars .avatar:nth-child(1) .social-badge {
  background: radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FD5 0%, #FD5 10%, #FF543E 50%, #C837AB 100%);
}
.home-2-card.card-2 .avatars .avatar:nth-child(1) .avatar-bg {
  width: 84px;
  height: 84px;
  background-position: 0 0;
  background-size: 400% 84px;
}
.home-2-card.card-2 .avatars .avatar:nth-child(2) {
  right: 40px;
  bottom: 0;
  border-color: #1D9BF0;
}
.home-2-card.card-2 .avatars .avatar:nth-child(2) .social-badge {
  background-color: #1D9BF0;
}
.home-2-card.card-2 .avatars .avatar:nth-child(2) .avatar-bg {
  width: 70px;
  height: 70px;
  background-position: -210px 0;
  background-size: 400% 70px;
}
.home-2-card.card-2 .avatars .avatar:nth-child(3) {
  top: -10;
  right: 0;
  border-color: #f00;
}
.home-2-card.card-2 .avatars .avatar:nth-child(3) .social-badge {
  background-color: #f00;
}
.home-2-card.card-2 .avatars .avatar:nth-child(3) .avatar-bg {
  width: 58px;
  height: 58px;
  background-position: -116px 0;
  background-size: 400% 58px;
}
.home-2-card.card-3 .card-3-marquee {
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.home-2-card.card-3 .card-3-marquee::before, .home-2-card.card-3 .card-3-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
}
.home-2-card.card-3 .card-3-marquee::before {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.home-2-card.card-3 .card-3-marquee::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.home-2-card.card-3 .home-2-card_inner {
  padding: 0;
  overflow: hidden;
}
.home-2-card.card-3 .home-2-card_body {
  padding: 40px 30px 30px;
}
@media (min-width: 576px) {
  .home-2-card.card-3 .home-2-card_body {
    padding: 95px 94px 74px;
  }
}
.home-2-card.card-4 {
  height: 470px;
}
.home-2-card.card-4 .home-2-card_inner {
  padding: 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(227deg, #14C875 0%, #087F48 100%);
}
.home-2-card.card-4 .spinner {
  position: absolute;
  width: 465px;
  height: 465px;
}
.home-2-card.card-4 .spinner img {
  width: 100%;
  height: 100%;
}
@keyframes spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.home-2-card.card-4 .home-2-card_body {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0;
}
.home-2-card.card-4 .card-4-item {
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  border: 1.563px solid var(--Blue-Soft-Stroke, #64D7A4);
  background: var(--Blue-Soft, #0AA85E);
  color: var(--white, #FFF);
  padding: 6.25px 25px;
  font-size: 19px;
  font-weight: 500;
  line-height: 37.5px;
  /* 197.368% */
  letter-spacing: -0.19px;
}
@media (max-width: 767.98px) {
  .home-2-card.card-4 .spinner {
    animation: spinner-animation 12s infinite linear;
  }
  .home-2-card.card-4 .home-2-card_body {
    animation: home-2-card-body-mobile 7s infinite ease-in-out alternate;
  }
}
@keyframes home-2-card-body-mobile {
  0% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(-135px);
  }
}

.section-home-3 {
  padding: 50px 0 50px;
}
@media (min-width: 992px) {
  .section-home-3 {
    padding: 88px 0 88px;
  }
}
@media (min-width: 992px) {
  .section-home-3 {
    padding: 176px 0 100px;
  }
}

.home-3-image {
  display: none;
}
@media (min-width: 992px) {
  .home-3-image {
    display: flex;
  }
}
.home-3-image img {
  margin-left: auto;
  max-width: 100%;
  user-select: none;
  pointer-events: none;
}
.home-3-content {
  margin-top: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.home-3-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #F2F3F8;
  display: none;
}
@media (min-width: 992px) {
  .home-3-content::before {
    display: block;
  }
}
.home-3-item {
  padding: 20px 12px;
  position: relative;
  display: flex;
  gap: 20px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .home-3-item {
    padding: 20px 0 20px 33px;
  }
}
.home-3-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  border-radius: 2px;
  background: var(--main-color);
  transition: 0.14s ease;
}
.home-3-item-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #F9FAFB;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  font-size: 22px;
  color: var(--text-disabled, #061237);
  position: relative;
}
.home-3-item-icon::before, .home-3-item-icon::after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 50%;
}
.home-3-item-icon i {
  margin-top: -4px;
}
.home-3-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.home-3-item-title {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-weight: 450;
  line-height: 30px;
  margin-bottom: 0;
  transition: 0.14s ease;
}
@media (min-width: 992px) {
  .home-3-item-title {
    margin-top: 8px;
  }
}
.home-3-item-text {
  position: relative;
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  transition: 0.24s ease;
}
@media (min-width: 992px) {
  .home-3-item-text {
    top: 40px;
    position: absolute;
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .home-3-item:hover::before {
    width: 2px;
  }
  .home-3-item:hover .home-3-item-icon {
    background-color: rgba(19, 78, 255, 0.05);
    color: var(--main-color);
  }
  .home-3-item:hover .home-3-item-icon::before {
    border-top-color: var(--main-color);
    border-right-color: var(--main-color);
    border-bottom-color: var(--main-color);
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  }
  .home-3-item:hover .home-3-item-icon::after {
    border-top: 2px solid var(--main-color);
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  }
  .home-3-item:hover .home-3-item-title {
    margin-top: -10px;
    color: var(--body-text, #061237);
  }
  .home-3-item:hover .home-3-item-text {
    max-height: 178.571%;
  }
}

.section-home-faq {
  padding: 50px 0;
}
@media (min-width: 992px) {
  .section-home-faq {
    padding: 93px 0;
  }
}

.home-faq-card {
  padding: 25px;
  border-radius: 25px;
  background: var(--stroke-40, rgba(235, 242, 250, 0.4));
}
.home-faq-cta {
  border-radius: 25px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: #FFF;
  position: relative;
  overflow: hidden;
}
.home-faq-cta::before {
  content: "";
  width: 661.99px;
  height: 661.99px;
  top: 40px;
  background-image: url(https://cdn.smmspot.net/junglesmm/assets/images/circle_2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  animation: cta-animation 20s linear infinite;
  right: -400px;
  z-index: 1;
}
@media (min-width: 768px) {
  .home-faq-cta::before {
    right: -200px;
  }
}
@media (min-width: 992px) {
  .home-faq-cta::before {
    right: -100px;
  }
}
.home-faq-cta::after {
  content: "";
  width: 477px;
  height: 366px;
  position: absolute;
  bottom: -48px;
  right: -200px;
  background-image: url(https://cdn.smmspot.net/junglesmm/assets/images/cta.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  opacity: 0;
}
@media (min-width: 768px) {
  .home-faq-cta::after {
    opacity: 1;
    right: -100px;
  }
}
@media (min-width: 992px) {
  .home-faq-cta::after {
    right: 0px;
  }
}
@keyframes cta-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.home-faq-cta__body {
  position: relative;
  z-index: 3;
  padding: 30px;
}
@media (min-width: 768px) {
  .home-faq-cta__body {
    padding: 40px 50px;
  }
}
@media (min-width: 992px) {
  .home-faq-cta__body {
    padding: 61px 63px;
  }
}

.faq {
  padding: 0;
}
.faq__container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .faq__container > div {
    width: calc(50% - 10px);
  }
}
.faq__item {
  border-radius: 12px;
  background: var(--white, #FFF);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
  height: auto;
}
.faq__item.active .head .toggle:hover::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.faq__item.active .head .toggle:hover::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.faq__item.active .head .toggle::before {
  transform: translate(-50%, -50%) rotate(0);
}
.faq__item.active .head .toggle::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.faq__item .body {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  padding: 0;
}
.faq__item .body p {
  padding: 0 26px 30px;
}
.faq__item .head {
  padding: 25px;
  display: flex;
  align-items: center;
}
.faq__item .head .toggle {
  margin-left: auto;
  outline: none;
  border: none;
  background-color: transparent;
  height: 32px;
  width: 32px;
  position: relative;
}
.faq__item .head .toggle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 2px;
  background-color: #000;
  transition: 0.2s ease;
}
.faq__item .head .toggle::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 2px;
  height: 16px;
  background-color: #000;
  transition: 0.2s ease;
}
.faq__item .head .title {
  margin-bottom: 0;
  color: var(--body-text-100, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.section-home-review {
  padding: 50px 0 110px;
}
@media (max-width: 767.98px) {
  .section-home-review {
    padding: 40px 0 70px;
    overflow: hidden;
  }
}

.home-review-link {
  color: var(--body-text, #061237);
  font-size: 16px;
  font-weight: 450;
  line-height: 30px;
  text-decoration: none;
}
.home-review__marquee {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  overflow: hidden;
  width: 100%;
  justify-content: center;
}
.home-review__marquee + .home-review__marquee {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .home-review__marquee {
    justify-content: flex-start;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 16px 12px;
    scroll-padding-left: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scrollbar-width: none;
  }
  .home-review__marquee::-webkit-scrollbar {
    display: none;
  }
  .home-review__marquee + .home-review__marquee {
    margin-top: 14px;
  }
}
.home-review_item {
  flex: 0 0 430px;
  background-color: rgba(235, 242, 250, 0.4);
  padding: 5px;
  border-radius: 15px;
  width: 430px;
}
@media (max-width: 767.98px) {
  .home-review_item {
    flex-basis: min(82vw, 360px);
    width: min(82vw, 360px);
    scroll-snap-align: start;
  }
}
.home-review_item-inner {
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
}
.home-review_item-head {
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
  padding: 28px 21px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .home-review_item-head {
    padding: 20px 16px;
    gap: 12px;
  }
}
.home-review_item-head .avatar {
  height: 48px;
  width: 48px;
  flex: 0 0 48px;
}
.home-review_item-head__info {
  min-width: 0;
}
.home-review_item-head__info-name {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .home-review_item-head__info-name {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}
.home-review_item-head__info-name .name {
  color: var(--body-text, #061237);
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  /* 187.5% */
}
@media (max-width: 767.98px) {
  .home-review_item-head__info-name .name {
    line-height: 20px;
  }
}
.home-review_item-head__info-name .stars {
  color: #FB912F;
}
.home-review_item-head__info-date {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.08px;
}
.home-review_item-body {
  padding: 22px 21px 28px;
}
@media (max-width: 767.98px) {
  .home-review_item-body {
    padding: 18px 16px 22px;
  }
}
.home-review_item-body p {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 400;
  line-height: 23.8px;
  letter-spacing: -0.08px;
  margin-bottom: 0;
}

.platform-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 10px;
  margin: 0 0 28px;
}
.platform-shortcuts--neworder {
  margin-top: -12px;
}
.platform-shortcuts--services {
  margin-top: -8px;
}

.platform-shortcut {
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 14px;
  background: var(--white, #FFF);
  color: var(--foreground-color-2, #202838);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.03);
  transition: 0.14s ease;
}
.platform-shortcut__icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color, #0AA85E);
  background: rgba(var(--main-color-rgb, 10, 168, 94), 0.1);
  font-size: 14px;
  flex: 0 0 24px;
}
.platform-shortcut:hover, .platform-shortcut:focus, .platform-shortcut.active {
  border-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.35);
  background: rgba(var(--main-color-rgb, 10, 168, 94), 0.08);
  color: var(--foreground-color, #172B48);
  outline: none;
}
.platform-shortcut.active {
  box-shadow: 0 0 0 0.2rem rgba(var(--main-color-rgb, 10, 168, 94), 0.12);
}

.neworder-container {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  .neworder-container .nav-link {
    width: 54px;
    height: 54px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .neworder-container .nav-link .icon {
    font-size: 24px;
  }
  .neworder-container .nav-link .text {
    display: none;
  }
}
.neworder-container > * {
  flex: 0 0 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .neworder-container {
    margin: 0 -10px;
  }
  .neworder-container > * {
    padding: 0 10px;
  }
}
@media (min-width: 992px) {
  .neworder-container {
    margin: 0 -15px;
  }
  .neworder-container > * {
    padding: 0 15px;
    width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 1200px) {
  .neworder-container {
    margin: 0 -20px;
  }
  .neworder-container > * {
    padding: 0 20px;
  }
}
@media (min-width: 1400px) {
  .neworder-container {
    margin: 0 -30px;
  }
  .neworder-container > * {
    padding: 0 30px;
  }
}
.neworder-charge {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 100px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #fff);
  padding: 10px;
}
.neworder-charge-icon {
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #0AA85E 0%, #0AA85E 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(193, 199, 208, 0.02) 100%), #FFF;
  box-shadow: 0px 0.825px 1.65px 0px rgba(10, 168, 94, 0.88), 0px 0px 0px 0.825px #0AA85E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
}
.neworder-charge input {
  flex: 1;
  width: 100%;
  min-width: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--foreground-color, #172B48);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
}
@media (max-width: 575.98px) {
  .neworder-charge input {
    font-size: clamp(11px, 3.5vw, 14px);
  }
}
.neworder-terms {
  margin-top: 20px;
}
.neworder-terms label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.neworder-terms .checkbox-icon {
  flex: 0 0 24px;
}
.neworder-terms .checkbox-text {
  padding-top: 3px;
}
.neworder-desc {
  display: flex;
  flex-direction: column;
  position: relative;
}
.neworder-desc .card-desc {
  flex: 1;
}
.neworder-desc_toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0 10px;
  color: var(--foreground-color, #172B48);
  font-size: 14px;
  gap: 10px;
  display: none;
}
.neworder-desc_close {
  display: none;
}
.neworder-desc_content {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .neworder-desc {
    z-index: 99999;
    position: fixed;
    bottom: 0;
    max-height: 100vh;
    max-height: -webkit-fill-available;
    left: -1px;
    right: -1px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: var(--white, #fff);
    border: 1px solid var(--stroke-color, #ebf2fa);
    box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    transform: translateY(calc(100% - 50px));
    transition: 0.14s ease;
  }
  .neworder-desc.active {
    transform: translateY(0);
  }
  .neworder-desc.active .neworder-desc_close {
    display: flex;
  }
  .neworder-desc .card {
    box-shadow: none;
    border: none;
  }
  .neworder-desc_toggle {
    display: flex;
  }
  .neworder-desc_close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--stroke-color, #ebf2fa);
    background-color: var(--white, #fff);
    color: var(--body-text, #061237);
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
  .neworder-desc_content {
    flex: 1;
    overflow-y: auto;
  }
  .neworder-desc .neworder-service_info-others {
    margin: 0 -3px;
    gap: 0;
    flex-wrap: wrap;
  }
  .neworder-desc .neworder-service_info-others > * {
    padding: 0 3px;
  }
  .neworder-desc .neworder-service_info-others .label {
    margin-bottom: 6px;
  }
  .neworder-desc .neworder-service_info-others .label-text {
    white-space: nowrap;
  }
}
.neworder-service_info {
  padding: 15px 0 0;
}
.neworder-service_info-name {
  margin-bottom: 15px;
}
.neworder-service_info-name .label {
  display: flex;
  width: 100%;
}
.neworder-service_info-name .label-text {
  flex: 1;
  text-align: center;
  color: var(--body-text, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 187.5% */
}
.neworder-service_info-others {
  display: flex;
  align-items: center;
  gap: 10px;
}
.neworder-description {
  padding: 20px 6px 6px;
}
.neworder-info-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
}
.neworder-info-tab {
  min-width: 0;
  min-height: 46px;
  padding: 9px 10px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 13px;
  background: var(--card-secondary, #f7fcf9);
  color: var(--text-disabled, #767f93);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
  transition: 0.14s ease;
}
.neworder-info-tab > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.neworder-info-tab .smmspot-icon {
  flex: 0 0 auto;
  font-size: 16px;
}
.neworder-info-tab:hover, .neworder-info-tab:focus, .neworder-info-tab.active {
  color: var(--main-color, #0aa85e);
  border-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.4);
  background: rgba(var(--main-color-rgb, 10, 168, 94), 0.09);
  outline: none;
}
.neworder-info-panel {
  padding-top: 4px;
}
.neworder-info-panel[hidden] {
  display: none !important;
}
.neworder-faq {
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.neworder-faq-item {
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 14px;
  background: var(--card-secondary, #f7fcf9);
  overflow: hidden;
}
.neworder-faq-item summary {
  padding: 14px 15px;
  color: var(--body-text, #061237);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
}
.neworder-faq-item summary::-webkit-details-marker {
  display: none;
}
.neworder-faq-item__icon {
  flex: 0 0 auto;
  color: var(--main-color, #0aa85e);
  transition: transform 0.14s ease;
}
.neworder-faq-item__answer {
  padding: 0 15px 15px;
  color: var(--text-disabled, #767f93);
  font-size: 13px;
  line-height: 1.65;
}
.neworder-faq-item[open] {
  border-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.35);
}
.neworder-faq-item[open] .neworder-faq-item__icon {
  transform: rotate(45deg);
}
.neworder-announcement {
  padding: 18px 6px 6px;
  color: var(--body-text, #061237);
  font-size: 14px;
  line-height: 1.65;
}
.neworder-announcement__title {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
}
.neworder-announcement p {
  margin-bottom: 13px;
}
.neworder-announcement ul {
  margin: 0 0 15px;
  padding-left: 21px;
}
.neworder-announcement a {
  color: var(--body-text, #061237);
  overflow-wrap: anywhere;
}
.neworder-announcement__signoff {
  margin-top: 20px;
  margin-bottom: 0 !important;
}
@media (max-width: 575.98px) {
  .neworder-info-tabs {
    gap: 5px;
  }
  .neworder-info-tab {
    min-height: 42px;
    padding: 8px 6px;
    font-size: 11px;
    gap: 5px;
  }
  .neworder-info-tab .smmspot-icon {
    font-size: 14px;
  }
}

#order_quantity .min-max {
  color: rgba(118, 127, 147, 0.4);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
  padding: 10px 0 0 20px;
  display: block;
  transform: translateY(-45px);
  transition: 0.14s ease;
}
#order_quantity input:focus ~ .min-max, #order_quantity input.not-empty ~ .min-max, #order_quantity input:disabled ~ .min-max {
  transform: translateY(0);
}

.services-page {
  position: relative;
}
.services-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.services-head {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.services-head__start {
  flex: 1;
}
.services-head__end {
  margin-left: auto;
}
.services-head__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.services-head .services-currency .smmspot-dropdown__box {
  min-width: 180px;
  right: 0;
}
.services-head .services-currency__button {
  min-height: 54px;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .services-head {
    flex-direction: column;
    gap: 10px;
  }
  .services-head > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .services-head > * form {
    width: 100%;
  }
  .services-head > * > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .services-head__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .services-head__actions .services-currency,
  .services-head__actions .services-currency__button {
    width: 100%;
  }
}
.service-category__wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.service-category {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  gap: 20px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  top: 26px;
  position: sticky;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .service-category {
    top: 80px;
    border-radius: 50px;
    background-color: rgba(var(--white-rgb, 255, 255, 255), 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
.service-category .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  overflow: hidden;
}
.service-category .icon img,
.service-category .icon svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.service-category .title {
  color: var(--body-text, #061237);
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.64px;
}
.service-item {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
}
.service-item .label-text {
  white-space: nowrap;
}
.service-item_top {
  padding: 24px 22px 19px;
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767.98px) {
  .service-item_top {
    flex-direction: column;
  }
}
.service-item_top-end {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 767.98px) {
  .service-item_top-end {
    flex: 0 0 100%;
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    padding-top: 10px;
  }
}
.service-item_id {
  border-radius: 10px;
  background: #0AA85E;
  display: inline-flex;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.service-item_name {
  color: var(--foreground-color-2, #202838);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.64px;
}
@media (max-width: 767.98px) {
  .service-item_name {
    text-align: center;
  }
}
.service-item_bookmark .label {
  outline: none;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-item_bookmark .label .fa-star::before {
  content: "\f02e";
}
.service-item_bottom {
  padding: 12px 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.service-item_item {
  position: relative;
}
.service-item_button {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .service-item_button {
    flex: 0 0 100%;
    width: 100%;
    margin-left: 0;
  }
  .service-item_button .btn-block {
    flex: 1;
  }
}

/** SEARCH-BOX **/
.search-box:focus-within {
  border: 1px solid #0AA85E;
}
.search-box {
  transition: 0.14s ease;
  height: 50px;
  border-radius: 100px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--bg-color-2, #FFF);
  color: var(--body-text, #061237);
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
[data-theme=dark] .search-box {
  background: var(--bg-color-2, #FFF);
}
.search-box input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: var(--body-text, #061237);
}

body:not(:has(.smmspot-dashboard)) .service-category {
  top: 100px;
}

.search-btn {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  color: var(--body-text, #061237);
}

.orders-page {
  position: relative;
}
.orders-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.orders-pagination {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-details-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}
.order-details-actions .btn {
  max-width: 100%;
}
.order-details-actions .btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-item {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  position: relative;
}
.order-item__top {
  padding: 23px 22px;
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
}
.order-item__top-item {
  padding: 7px;
}
@media (min-width: 768px) {
  .order-item__top {
    margin: -10px;
  }
  .order-item__top-item {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .order-item__top {
    margin: -15px;
  }
  .order-item__top-item {
    padding: 15px;
  }
}
@media (min-width: 1400px) {
  .order-item__top {
    margin: -20px;
  }
  .order-item__top-item {
    padding: 20px;
  }
}
.order-item__top-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .order-item__top-item {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .order-item__top-item--icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: initial;
    z-index: 0;
    transform: rotate(4deg) scale(2) translate(5px, -5px);
    opacity: 0.3;
  }
}
@media (max-width: 767.98px) {
  .order-item__top-item--id {
    flex: 0 0 40px;
  }
}
.order-item__top-item--service {
  max-width: 400px;
}
@media (max-width: 767.98px) {
  .order-item__top-item--service {
    flex: 0 0 calc(100% - 40px);
  }
}
.order-item__top-item--status {
  margin-left: auto;
}
@media (max-width: 991.98px) {
  .order-item__top-item--status {
    width: 100%;
    margin-left: 0;
    flex: 0 0 100%;
  }
}
.order-item__top-item--status .btn {
  padding: 12px 14px;
  pointer-events: none;
}
.order-item__top-title {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.48px;
  white-space: nowrap;
}
.order-item__top-value {
  color: var(--foreground-color-2, #202838);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-item__top-value img,
.order-item__top-value svg {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
  vertical-align: middle;
}
.order-item__bottom {
  padding: 24px 22px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  border-top: 1px solid var(--stroke-color, #ebf2fa);
}
.order-item__bottom-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}
.order-item__bottom-item--end {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.order-item__bottom-item--end:has(.subscription-button) {
  margin-left: 0;
  width: 100%;
  flex: 0 0 100%;
}
.order-item__bottom-item--end:has(.subscription-button) .subscription-button {
  width: 100%;
}
.order-item__bottom-item--end:has(.subscription-button) .subscription-button .btn {
  width: 100%;
}
@media (max-width: 991.98px) {
  .order-item__bottom-item--end {
    flex: 0 0 100%;
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
  }
  .order-item__bottom-item--end .support {
    margin-left: auto;
  }
}
@media (max-width: 767.98px) {
  .order-item__bottom-item--end {
    flex-wrap: wrap;
  }
  .order-item__bottom-item--end > *:not(.support) {
    flex: 0 0 calc(50% - 6px);
  }
  .order-item__bottom-item--end .support {
    flex: 0 0 100%;
    width: 100%;
  }
}
.order-item__bottom-icon, .order-item__bottom-title {
  color: var(--text-disabled, #061237);
}
.order-item__bottom-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.48px;
}
.order-item__bottom-value {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.order-item__icon {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-image: linear-gradient(180deg, #0AA85E, #14C875);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  font-size: 26px;
}
.order-item__icon img,
.order-item__icon svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
}

.addfunds-page {
  position: relative;
}
.addfunds-page .quick-amount {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background-color: var(--white, #fff);
  border-radius: 15px;
}
.addfunds-page .quick-amount__item {
  cursor: pointer;
  flex: 1;
  padding: 25px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.14s ease all;
}
.addfunds-page .quick-amount__item:hover {
  background-color: var(--bg-color-2, #F8FAFF);
}
.addfunds-page .quick-amount__item.active .smmspot-radio__icon {
  border-color: #0aa85e;
}
.addfunds-page .quick-amount__item.active .smmspot-radio__icon::before {
  background-color: rgba(10, 168, 94, 0.5);
}
.addfunds-page .amount-converted {
  display: none;
  margin-top: 10px;
}
.addfunds-page .amount-converted.active {
  display: flex;
}
.addfunds-page #amount-fields {
  transition: opacity 0.14s ease;
}
.addfunds-head {
  width: 100%;
  margin-bottom: 30px;
}
.addfunds-methods {
  display: grid;
  gap: 19px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .addfunds-methods {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .addfunds-methods {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1400px) {
  .addfunds-methods {
    grid-template-columns: repeat(5, 1fr);
  }
}
.addfunds-method {
  position: relative;
}
.addfunds-method input {
  display: none;
}
.addfunds-method input:checked + .addfunds-method__box {
  border: 1px solid #0AA85E;
}
.addfunds-method input:checked + .addfunds-method__box .smmspot-radio__icon {
  border-color: #0aa85e;
}
.addfunds-method input:checked + .addfunds-method__box .smmspot-radio__icon::before {
  background-color: rgba(10, 168, 94, 0.5);
}
.addfunds-method__box {
  cursor: pointer;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #fff);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  padding: 12px 20px 16px;
}
.addfunds-method__logo {
  height: 42px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.addfunds-method__logo img {
  display: block;
  width: auto;
  max-width: 132px;
  height: 34px;
  object-fit: contain;
  object-position: left center;
}
.addfunds-payment {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  margin-bottom: 15px;
}
.addfunds-payment__top, .addfunds-payment__bottom {
  display: flex;
  align-items: center;
}
.addfunds-payment__top > *:nth-child(2), .addfunds-payment__bottom > *:nth-child(2) {
  margin-left: auto;
}
.addfunds-payment__bottom {
  padding-top: 8px;
}
.addfunds-payment__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.addfunds-payment__method {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.addfunds-payment__method img {
  display: block;
  flex: 0 0 auto;
  width: 38px;
  height: 28px;
  object-fit: contain;
}
.addfunds-payment .method-name {
  color: var(--body-text, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
.addfunds-payment .date {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.56px;
}
.addfunds-payment .id {
  color: var(--foreground-color, #172B48);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.35px;
}
.addfunds-right .card-body {
  padding: 30px;
}
.addfunds-right .form-control.secondary {
  color: var(--foreground-color-2, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.42px;
}
.addfunds-right__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.addfunds-right__title .text {
  color: var(--body-text, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.16px;
}

.smmspot-radio {
  display: flex;
  align-items: center;
  gap: 8px;
}
.smmspot-radio__icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #CDD5E0;
  background-color: #F8FAFF;
  position: relative;
  display: inline-block;
}
.smmspot-radio__icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #F8FAFF;
}
.smmspot-radio__title {
  color: var(--foreground-color, #172B48);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.45px;
}

.tickets-page {
  position: relative;
}
@media (max-width: 767.98px) {
  .ticket-create-actions {
    row-gap: 12px;
  }
}
.ticket-history {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ticket-history__head {
  color: var(--foreground-color, #172B48);
  display: flex;
  align-items: center;
  gap: 19px;
  margin-bottom: 14px;
}
.ticket-history__icon {
  font-size: 20px;
}
.ticket-history__title {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.57px;
}
.ticket-item {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  text-decoration: none;
  color: var(--foreground-color-2, #202838);
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
  padding: 16px;
  position: relative;
  overflow: hidden;
}
.ticket-item--new {
  border-color: var(--main-color);
}
.ticket-item--new::before {
  position: absolute;
  content: "NEW";
  font-size: 12px;
  font-weight: 500;
  right: 10px;
  top: 10px;
  border-radius: 4px;
  padding: 3px 6px;
  color: #fff;
  background-color: var(--main-color);
  z-index: 5;
}
@media (min-width: 768px) {
  .ticket-item {
    border-radius: 25px;
  }
}
@media (min-width: 992px) {
  .ticket-item {
    border-radius: 100px;
  }
}
.ticket-item__icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .ticket-item__icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    z-index: 0;
    transform: rotate(4deg) scale(2) translate(5px, -5px);
    opacity: 0.3;
  }
}
.ticket-item__infos {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 992px) {
  .ticket-item__infos {
    gap: 70px;
  }
}
.ticket-item__info.ticket-name {
  width: 240px;
}
.ticket-item__label {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.42px;
}
.ticket-item__value {
  color: var(--foreground-color-2, #202838);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ticket-item__status {
  flex: 0 0 100%;
}
.ticket-item__status .label {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .ticket-item__status {
    flex: initial;
  }
  .ticket-item__status .label {
    width: initial;
  }
}
.ticket-detail {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 992px) {
  .ticket-detail {
    flex-direction: row;
    max-height: calc(100vh - 100px);
  }
}
@media (min-width: 1400px) {
  .ticket-detail {
    max-height: calc(100vh - 180px);
  }
}
.ticket-detail__left {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.ticket-detail__right {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .ticket-detail__right {
    width: 240px;
    flex: 0 0 240px;
  }
}
@media (min-width: 1400px) {
  .ticket-detail__right {
    width: 300px;
    flex: 0 0 300px;
  }
}
.ticket-detail .ticket-trust {
  padding: 22px 20px;
  border-radius: 24px;
  background: linear-gradient(135deg, #4C6EF5 0%, #3B5BFF 100%);
  box-shadow: 0px 15.11px 59.06px 0px rgba(59, 91, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  color: #fff;
}
.ticket-detail .ticket-trust__left {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
}
.ticket-detail .ticket-trust__left i {
  font-size: 16px;
}
.ticket-detail .ticket-trust__brand {
  font-size: 16px;
  font-weight: 700;
}
.ticket-detail .ticket-trust__right {
  font-size: 13px;
  font-weight: 500;
  opacity: 0.85;
  white-space: nowrap;
}
.ticket-detail__box {
  border-radius: 25px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, 0.03);
  min-height: 100%;
}
.ticket-detail__right .ticket-detail__box {
  min-height: auto;
  flex: 0 0 auto;
}
.ticket-detail__box-body {
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.ticket-detail__box-body .title {
  color: var(--body-text, #061237);
  text-align: center;
  font-size: 35px;
  font-weight: 450;
  line-height: 45px;
  letter-spacing: -1.05px;
}
.ticket-detail__box-body .sup-item {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  padding: 25px;
  width: 100%;
}
.ticket-detail__box-body .sup-item_title {
  color: var(--body-text, #061237);
  font-size: 19px;
  font-weight: 450;
  line-height: 28.409px;
  letter-spacing: -0.57px;
  margin-bottom: 10px;
}
.ticket-detail__box-body .sup-item .value {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-weight: 500;
  line-height: 18.182px;
  letter-spacing: -0.64px;
}
.ticket-detail__message {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.ticket-detail__message-header {
  padding: 25px;
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
  display: flex;
  align-items: center;
  gap: 23px;
}
.ticket-detail__message-header .item.item-title {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
.ticket-detail__message-header .item.item-title .title {
  color: var(--foreground-color, #172B48);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.547px;
}
.ticket-detail__message-header .item.item-title .value {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.42px;
}
.ticket-detail__message-header .item .outer-label {
  padding: 7px 7px 7px 18px;
  gap: 18px;
}
.ticket-detail__message-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ticket-detail__message-body .message-item {
  max-width: 520px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ticket-detail__message-body .message-item__avatar {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin-top: 2px;
}
.ticket-detail__message-body .message-item__avatar-ring {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ticket-detail__message-body .message-item__avatar-ring img {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  background-color: var(--stroke-color, #ebf2fa);
}
.ticket-detail__message-body .message-item__content {
  flex: 1;
  min-width: 0;
}
.ticket-detail__message-body .message-item__box {
  border-radius: 15px 15px 15px 0px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: rgba(var(--foreground-rgb, 255, 255, 255), 0.04);
  padding: 14px 22px;
  color: var(--foreground-color-2, #202838);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 169.231% */
  letter-spacing: 0.4px;
}
.ticket-detail__message-body .message-item__files {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.ticket-detail__message-body .message-item .message-attachment {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #fff);
  color: var(--foreground-color-2, #202838);
  text-decoration: none;
  transition: 0.14s ease;
}
.ticket-detail__message-body .message-item .message-attachment:hover, .ticket-detail__message-body .message-item .message-attachment:focus {
  border-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.35);
  color: var(--foreground-color-2, #202838);
  text-decoration: none;
}
.ticket-detail__message-body .message-item .message-attachment__icon, .ticket-detail__message-body .message-item .message-attachment__action {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ticket-detail__message-body .message-item .message-attachment__icon {
  background: rgba(var(--main-color-rgb, 10, 168, 94), 0.1);
  color: var(--main-color, #0AA85E);
}
.ticket-detail__message-body .message-item .message-attachment__action {
  margin-left: auto;
  color: var(--text-disabled, #061237);
}
.ticket-detail__message-body .message-item .message-attachment__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 550;
  line-height: 18px;
}
.ticket-detail__message-body .message-item .message-attachment--image {
  display: block;
  padding: 6px;
}
.ticket-detail__message-body .message-item .message-attachment--image img {
  display: block;
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border-radius: 9px;
}
.ticket-detail__message-body .message-item .message-attachment--image .message-attachment__name {
  display: block;
  margin-top: 7px;
  padding: 0 4px 2px;
}
.ticket-detail__message-body .message-item__info {
  padding-top: 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  color: var(--text-disabled, #061237);
  font-size: 14.769px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 216.667% */
  letter-spacing: -0.443px;
}
.ticket-detail__message-body .message-item.message-item-support {
  align-self: flex-end;
  flex-direction: row-reverse;
}
.ticket-detail__message-body .message-item.message-item-support .message-item__box {
  background: #0AA85E;
  border-radius: 15px 15px 0px 15px;
  color: #fff;
}
.ticket-detail__message-body .message-item.message-item-support .message-item__info {
  flex-direction: row-reverse;
}
.ticket-detail__message-body .message-item.message-item-support .message-attachment {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.ticket-detail__message-body .message-item.message-item-support .message-attachment:hover, .ticket-detail__message-body .message-item.message-item-support .message-attachment:focus {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45);
}
.ticket-detail__message-body .message-item.message-item-support .message-attachment__icon {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.ticket-detail__message-body .message-item.message-item-support .message-attachment__action {
  color: rgba(255, 255, 255, 0.74);
}
.ticket-detail__message-footer {
  padding: 25px;
  border-top: 1px solid var(--stroke-color, #ebf2fa);
  position: relative;
}
.ticket-detail__message-footer .message-send {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ticket-detail__message-footer .message-send.disabled {
  opacity: 0.4;
  pointer-events: none;
  user-select: none;
}
.ticket-detail__message-footer .message-send textarea {
  flex: 1;
  min-height: 1lh;
  resize: none;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}
.ticket-detail__message-footer .message-send .btn-text {
  display: none;
}
@media (min-width: 576px) {
  .ticket-detail__message-footer .message-send .btn-text {
    display: block;
  }
}
.ticket-detail__message-footer .message-send__actions {
  width: 100%;
  margin: 0;
}
.ticket-detail__message-footer .message-send__actions .message-file-uploader {
  width: 100%;
}
.ticket-detail__message-footer .message-send__upload, .ticket-detail__message-footer .message-send__submit {
  padding: 0;
}
.ticket-detail__message-footer .message-send__submit {
  display: flex;
  justify-content: flex-end;
}
.ticket-detail__message-footer .message-send__upload {
  padding-right: 10px;
}
@media (max-width: 575.98px) {
  .ticket-detail__message-footer .message-send__upload {
    flex: 0 0 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
}

.message-file-uploader {
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: flex-end;
}
.message-file-uploader .tickets-uploader {
  position: relative;
  background-color: var(--white, #fff);
  border: 1px solid var(--stroke-color, #E4F4EC);
  border-radius: 15px;
  width: 100%;
  max-width: 300px;
}
.message-file-uploader .files-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  gap: 0;
}
.message-file-uploader .files-wrapper .files-item,
.message-file-uploader .files-wrapper .files-loader {
  gap: 8px;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  border-radius: 0;
  margin: 0 !important;
  font-size: 11px;
  color: var(--text-disabled, #767f93);
}
.message-file-uploader .files-wrapper .files-item + .files-item,
.message-file-uploader .files-wrapper .files-loader + .files-item {
  border-top: 1px solid var(--stroke-color, #E4F4EC);
}
.message-file-uploader .files-wrapper .files-item .paperclip,
.message-file-uploader .files-wrapper .files-loader .paperclip {
  background-color: rgba(255, 64, 64, 0.1);
  color: #FF4040;
  font-size: 13px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message-file-uploader .files-wrapper .files-item:has(.paperclip) .paperclip,
.message-file-uploader .files-wrapper .files-loader:has(.paperclip) .paperclip {
  color: #FF4040;
  background-color: rgba(255, 64, 64, 0.1);
}
.message-file-uploader .files-wrapper .files-item:has(.paperclip) span,
.message-file-uploader .files-wrapper .files-loader:has(.paperclip) span {
  color: #FF4040;
}
.message-file-uploader .files-wrapper .files-item .file-link,
.message-file-uploader .files-wrapper .files-loader .file-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  color: var(--foreground-color-2, #202838);
  font-size: 14px;
  font-weight: 500;
}
.message-file-uploader .files-wrapper .files-item .file-link::before,
.message-file-uploader .files-wrapper .files-loader .file-link::before {
  content: "\f0c6";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.1);
  color: var(--main-color, #0AA85E);
  font-size: 13px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-theme=dark] .message-file-uploader .files-wrapper .files-item .file-link,
[data-theme=dark] .message-file-uploader .files-wrapper .files-loader .file-link {
  color: var(--foreground-color, #fff);
}
.message-file-uploader .files-wrapper .files-item span,
.message-file-uploader .files-wrapper .files-loader span {
  margin: 0 !important;
  color: #FF4040;
  font-size: 14px;
  font-weight: 500;
}
.message-file-uploader .files-wrapper .files-item button,
.message-file-uploader .files-wrapper .files-loader button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 64, 64, 0.1) !important;
  color: #FF4040;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
}
.message-file-uploader .files-wrapper .files-loader {
  font-size: 18px;
  font-weight: 400;
}
.message-file-uploader .files-wrapper .files-loader .paperclip {
  color: var(--main-color, #0AA85E);
  background-color: rgba(var(--main-color-rgb, 10, 168, 94), 0.1);
}
.message-file-uploader.on-tickets {
  position: relative;
  bottom: 0;
  margin-bottom: 20px;
  justify-content: center;
}
.message-file-uploader.on-tickets .tickets-uploader {
  width: 100%;
  max-width: 340px;
}
.message-file-uploader.on-tickets #uploader-button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 20px !important;
  width: 100%;
  transition: 0.2s ease all;
  border-radius: 15px;
}
[data-theme=dark] .message-file-uploader.on-tickets #uploader-button {
  color: var(--foreground-color, #fff);
}
.message-file-uploader.on-tickets #uploader-button:focus {
  outline: 1px solid var(--main-color, #0AA85E);
  box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb, 10, 168, 94), 0.15);
}
.message-file-uploader--actions {
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  margin-bottom: 0;
  justify-content: flex-start;
}
.message-file-uploader--actions .tickets-uploader {
  width: 100%;
  max-width: 340px;
}
.message-file-uploader--actions .files-wrapper {
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  z-index: 20;
  width: min(300px, 100vw - 40px);
}
.message-file-uploader--actions #uploader-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 20px !important;
  margin: 0 !important;
  width: 100%;
  border-radius: 15px;
  transition: 0.2s ease all;
}
[data-theme=dark] .message-file-uploader--actions #uploader-button {
  color: var(--foreground-color, #fff);
}
.message-file-uploader--actions #uploader-button:focus {
  outline: 1px solid var(--main-color, #0AA85E);
  box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb, 10, 168, 94), 0.15);
}

.affiliate-page {
  position: relative;
}
.affiliate-page .box {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, 0.03);
}
.affiliate-top {
  padding: 37px 0;
}
.affiliate-top_item {
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.affiliate-top_item-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 0 0 calc(100% - 72px);
  width: calc(100% - 72px);
}
.affiliate-top_item-content.horizontal {
  width: 100%;
  flex: 0 0 100%;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  gap: 5px;
  padding: 5px;
}
@media (min-width: 768px) {
  .affiliate-top_item-content.horizontal {
    flex-direction: row;
    padding: 16px 13px;
  }
}
.affiliate-top_item-title {
  color: var(--foreground-color-2, #172B4D);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.48px;
  margin-bottom: 0;
}
.affiliate-top_item-value {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.48px;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.affiliate-top_item .btn {
  border-radius: 8px;
  padding: 0;
  height: 52px;
  width: 52px;
  font-size: 20px;
}
.affiliate-stats {
  margin-bottom: 40px;
}
.affiliate-stats_head {
  height: 52px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--foreground-color, #172B48);
  padding: 0 8px;
  margin-bottom: 20px;
}
.affiliate-stats_head-icon {
  font-size: 18px;
}
.affiliate-stats_head-title {
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.57px;
  margin-bottom: 0;
}
.affiliate-stats_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
.affiliate-stats_item {
  padding: 19px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.affiliate-stats_item-title {
  color: var(--foreground-color, #172B48);
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.54px;
}
.affiliate-stats_item-content {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--card-secondary, #FFF);
  display: flex;
  padding: 15px 14px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: var(--foreground-color, #172B48);
}
.affiliate-stats_item-value {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.affiliate-payouts {
  margin-bottom: 40px;
}
.affiliate-payouts_table {
  overflow: hidden;
}
.affiliate-payouts_table .table-responsive {
  overflow-x: auto;
}
.affiliate-payouts_table table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
}
.affiliate-payouts_table th,
.affiliate-payouts_table td {
  padding: 16px 20px;
  color: var(--foreground-color, #172B48);
  text-align: left;
  vertical-align: middle;
}
.affiliate-payouts_table th {
  background: var(--card-secondary, #FFF);
  font-size: 14px;
  font-weight: 500;
}
.affiliate-payouts_table td {
  border-top: 1px solid var(--stroke-color, #ebf2fa);
  font-size: 15px;
}
.affiliate-payouts_table .rtl-table th,
.affiliate-payouts_table .rtl-table td {
  text-align: right;
}
.affiliate-payouts .pagination {
  margin-top: 20px;
  margin-bottom: 0;
}
.affiliate-end {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.child-page {
  position: relative;
}
.child-boxtop {
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  margin: 37px 0 30px;
  padding: 9px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  border-radius: 25px;
}
@media (max-width: 991.98px) {
  .child-boxtop_label {
    flex: 0 0 100%;
  }
  .child-boxtop_label .label {
    width: 100%;
    display: flex;
  }
  .child-boxtop_label .label-text {
    flex: 1;
    text-align: center;
  }
}
@media (max-width: 991.98px) and (min-width: 992px) {
  .child-boxtop {
    flex: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .child-boxtop {
    border-radius: 100px;
  }
}
.child-boxtop .label-text > span + span::before {
  content: "/";
  color: #C2BCBC;
  padding-right: 4px;
}
.child-boxtop_icon {
  border-radius: 66.667px;
  border: 0.667px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #0AA85E 0%, #0AA85E 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(193, 199, 208, 0.02) 100%), #FFF;
  box-shadow: 0px 0.66667px 1.33333px 0px rgba(10, 168, 94, 0.88), 0px 0px 0px 0.66667px #0AA85E;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  color: #fff;
  font-size: 20px;
}
.child-boxtop_text {
  flex: 1;
  color: var(--foreground-color, #172B48);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.54px;
}
.child-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.child-item {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: #FFF;
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
}
.child-item_top {
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
  display: flex;
  align-items: center;
  padding: 24px;
  gap: 20px;
  flex-wrap: wrap;
}
.child-item_top .item-login {
  margin-left: auto;
}
@media (max-width: 991.98px) {
  .child-item_top .item-login {
    margin-left: initial;
    flex: 0 0 100%;
  }
  .child-item_top .item-login .btn {
    width: 100%;
    display: flex;
  }
}
.child-item_top .item-domain {
  color: var(--foreground-color, #172B48);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.76px;
}
.child-item_top .item-domain span:nth-child(2) {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-weight: 400;
}
.child-item_bottom {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  flex-wrap: wrap;
}
.child-item_bottom .item-status {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
}
.child-item_bottom .item-status span:nth-child(1) {
  color: var(--body-text, #061237);
}
.child-item_bottom .item-status span:nth-child(2) {
  color: var(--text-disabled, #061237);
  padding-left: 4px;
}
.child-item_bottom .item-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 100%;
  width: 100%;
  gap: 6px;
}
.child-item_bottom .item-btns > * {
  flex: 0 0 calc(50% - 3px);
}
.child-item_bottom .item-btns .btn {
  padding: 8px 6px;
}
@media (min-width: 768px) {
  .child-item_bottom .item-btns {
    display: inline-flex;
    margin-left: auto;
    flex: initial;
    width: initial;
  }
  .child-item_bottom .item-btns > * {
    flex: inherit;
  }
}
@media (min-width: 992px) {
  .child-item_bottom .item-btns .btn {
    padding: 12px 25px;
  }
}

.account-page .card {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  .account-page .card {
    border: none;
    background-color: transparent;
    box-shadow: none;
    flex-direction: column;
  }
}
.account-page .card-left {
  width: 280px;
  flex: 0 0 280px;
  padding: 30px;
  border-right: 1px solid var(--stroke-color, #ebf2fa);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .account-page .card-left {
    background-color: #fff;
    border: 1px solid var(--stroke-color, #ebf2fa);
    padding: 20px;
    flex-wrap: wrap;
    gap: 15px 30px;
    border-radius: 15px;
    flex-direction: row;
    flex: 1;
    width: 100%;
  }
  .account-page .card-left .content {
    flex: 1;
    min-width: 0;
    align-items: flex-start;
    text-align: left;
  }
  .account-page .card-left .content .name, .account-page .card-left .content .email {
    text-align: left;
  }
  .account-page .card-left .content .email {
    max-width: 100%;
  }
  .account-page .card-left .avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }
  .account-page .card-left .btn {
    flex: 0 0 100%;
    width: 100%;
    justify-content: center;
    white-space: nowrap;
    margin-top: 0;
  }
}
.account-page .card-left .avatar {
  background-color: #F5F8FA;
  border-radius: 50%;
  overflow: hidden;
}
.account-page .card-left .name {
  font-size: 18px;
  color: var(--foreground-color, #172B48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
.account-page .card-left .email {
  color: var(--text-disabled, #061237);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-page .card-content {
  flex: 0 0 calc(100% - 280px);
  padding: 30px;
}
@media (max-width: 991.98px) {
  .account-page .card-content {
    flex: 1;
    width: 100%;
    padding: 30px 0 0;
  }
  .account-page .card-content .account-tabs {
    padding: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 30px;
  }
  .account-page .card-content .account-tabs .text {
    white-space: nowrap;
  }
}
.account-tabs {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 16px;
  flex-wrap: wrap;
}
.account-tabs-link {
  min-height: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 15px;
  gap: 9px;
  transition: all 0.14s ease;
  border-color: var(--stroke-color, #ebf2fa);
  background-color: var(--white, #FFF);
  color: var(--foreground-color, #172B48);
  text-decoration: none;
}
[data-theme=dark] .account-tabs-link:hover {
  background-color: var(--body-bg-2, #172B48);
  color: var(--foreground-color, #FFF);
}
.account-tabs-link.active {
  border: 1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));
  background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), var(--main-color, #0AA85E);
  color: #fff;
}
.account-tab-contents {
  padding-top: 14px;
}
.account-tab-content {
  display: none;
}
.account-tab-content.active {
  display: block;
}

.theme-settings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 767.98px) {
  .theme-settings {
    grid-template-columns: 1fr;
  }
}

.theme-option {
  display: block;
  margin: 0;
  cursor: pointer;
}
.theme-option input {
  display: none;
}
.theme-option input:checked + .theme-option__box {
  border-color: rgba(var(--main-color-rgb), 0.45);
  background-color: rgba(var(--main-color-rgb), 0.08);
  box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.1);
}
.theme-option input:checked + .theme-option__box .theme-option__icon {
  background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%);
  color: #fff;
}
.theme-option__box {
  min-height: 132px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background-color: var(--white, #FFF);
  transition: 0.14s ease all;
}
.theme-option__icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--main-color, #0AA85E);
  background-color: rgba(var(--main-color-rgb), 0.1);
  font-size: 18px;
  transition: 0.14s ease all;
}
.theme-option__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.theme-option__title {
  color: var(--foreground-color, #172B48);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.theme-option__description {
  color: var(--text-disabled, #061237);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.avatar-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 20px;
  padding: 5px 0;
}
.avatar-body .avatar-item {
  padding: 20px;
  border-radius: 30px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  position: relative;
  transition: 0.14s ease;
  cursor: pointer;
}
.avatar-body .avatar-item:hover {
  transform: rotate(2deg) scale(1.04);
  border-color: rgba(var(--main-color-rgb), 0.2);
}
.avatar-body .avatar-item img {
  max-width: 100%;
  pointer-events: none;
  user-select: none;
}
.avatar-body .avatar-item__check {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background-color: var(--white, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text-disabled, #172B48);
}
.avatar-body .avatar-item__check i {
  opacity: 0.4;
}
.avatar-body .avatar-item[data-active=true] {
  box-shadow: 0 0 0 0.25rem rgba(var(--main-color-rgb), 0.2);
}
.avatar-body .avatar-item[data-active=true] .avatar-item__check {
  border-color: rgba(var(--main-color-rgb), 0.2);
  background-color: rgba(var(--main-color-rgb), 0.5);
  color: var(--white, #FFF);
}
.avatar-body .avatar-item[data-active=true] .avatar-item__check i {
  opacity: 1;
}

.notifications-page .notifications-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0 24px;
}
.notifications-page .notifications-head h3 {
  color: var(--foreground-color, #172B48);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 8px;
}
.notifications-page .notifications-head p {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
  opacity: 0.75;
}
.notifications-page .notifications-actions {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
.notifications-page .notifications-action {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
}
.notifications-page .notifications-action__icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color, #0AA85E);
  background-color: rgba(var(--main-color-rgb), 0.1);
  font-size: 20px;
}
.notifications-page .notifications-action__content {
  flex: 1;
  min-width: 0;
}
.notifications-page .notifications-action__content h5 {
  color: var(--foreground-color, #172B48);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
}
.notifications-page .notifications-action__content p {
  color: var(--text-disabled, #061237);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin: 4px 0 0;
  opacity: 0.75;
}
.notifications-page .notifications-action form {
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .notifications-page .notifications-action {
    align-items: stretch;
    flex-direction: column;
  }
  .notifications-page .notifications-action form,
  .notifications-page .notifications-action .btn {
    width: 100%;
  }
}
.notifications-page .notifications-form .table-responsive {
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 15px;
  overflow: auto;
  margin-bottom: 24px;
}
.notifications-page .notifications-form .notifications-table {
  margin-bottom: 0;
}
.notifications-page .notifications-form .notifications-table th,
.notifications-page .notifications-form .notifications-table td {
  vertical-align: middle;
  padding: 16px;
  white-space: nowrap;
}
.notifications-page .notifications-form .notifications-table th {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 500;
}
.notifications-page .notifications-form .notifications-table td:first-child {
  color: var(--foreground-color-2, #202838);
  font-weight: 500;
}
.notifications-page .notifications-form .notifications-table .checkbox {
  margin: 0;
  display: flex;
  justify-content: center;
}
.notifications-page .notifications-empty {
  padding: 34px 20px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  text-align: center;
}
.notifications-page .notifications-empty__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-disabled, #061237);
  background-color: var(--bg-color-2, #FAFAFA);
  font-size: 22px;
}
.notifications-page .notifications-empty__text {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.api-page {
  padding-top: 40px;
}
.api-page table {
  border-color: var(--stroke-color-2, #ebf2fa);
  color: var(--body-text, #061237);
}
.api-page .card {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
}
.api-page .card-header {
  background-color: transparent;
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
  padding: 6px 6px 6px 30px;
}
.api-page .card-header:not(:has(.form-select)) {
  padding: 20px 30px;
}
.api-page .card-header .form-select {
  width: 100%;
  max-width: auto;
  min-width: 220px;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.api-page .card-body {
  padding: 30px;
}
.api-page h4 {
  font-size: 18px;
  font-weight: 500;
  color: var(--body-text, #061237);
  margin-bottom: 20px;
  margin-bottom: 18px;
}
.api-page pre {
  background-color: var(--bg-color-2);
  border-color: var(--stroke-color-2, #ebf2fa);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--body-text, #061237);
}
.api-page pre .smmspot-json-key {
  color: var(--text-disabled, #061237);
}
.api-page pre .smmspot-json-string {
  color: var(--label-success-color, #061237);
}
.api-page pre .smmspot-json-number {
  color: var(--label-warning-color, #061237);
}
.api-page pre .smmspot-json-boolean {
  color: var(--label-danger-color, #061237);
}
.api-overview {
  min-height: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
}
.api-overview_label {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-disabled, #061237);
}
.api-overview_value {
  color: var(--body-text, #061237);
  font-size: 16px;
}
.api-overview-method .api-overview_value, .api-overview-format .api-overview_value {
  font-size: 24px;
  font-weight: 600;
  color: #765006;
}
.api-title {
  font-size: 20px;
  font-weight: 400;
  color: var(--body-text, #061237);
  margin-bottom: 20px;
  margin-bottom: 0;
}

.blog-page .card {
  overflow: hidden;
  border-radius: 25px;
}
.blog-page .card .blog-image {
  width: 100%;
  padding-top: 65%;
  position: relative;
  background-color: var(--label-deafult-bg, #ecf7fd);
  color: var(--label-default-border, #adc7d6);
}
.blog-page .card .blog-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.blog-page .card .blog-image span {
  color: var(--label-default-border, #adc7d6);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 600;
  user-select: none;
  pointer-events: none;
}
.blog-page .card .blog-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-page .card .blog-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--body-text, #061237);
  letter-spacing: -0.4px;
  line-height: 1.2;
  margin-bottom: 0;
}
.blog-page .card .blog-title a {
  color: var(--body-text, #061237);
  text-decoration: none;
}
.blog-page .card .blog-date {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-disabled, #061237);
  letter-spacing: -0.4px;
  line-height: 1.2;
  margin-bottom: 0;
}
.blog-page .card .blog-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-disabled, #061237);
  line-height: 1.6;
  margin-bottom: 0;
}
.blog-single .card .blog-content {
  gap: 30px;
}
.blog-single .card .blog-title {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: var(--body-text, #061237);
}
@media (min-width: 768px) {
  .blog-single .card .blog-title {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .blog-single .card .blog-title {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .blog-single .card .blog-image {
    padding-top: 40%;
  }
}
@media (min-width: 1200px) {
  .blog-single .card .blog-image {
    padding-top: 32%;
  }
}
.blog-single .card .blog-image .btn {
  position: absolute;
  z-index: 3;
  left: 20px;
  top: 20px;
  padding: 0;
  width: 52px;
  min-height: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.blog-single .card .blog-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  font-size: 16px;
  letter-spacing: 0.3px;
}
.blog-single .card .blog-text p {
  width: 100%;
  margin-bottom: 0;
}
.blog-single .card .blog-text img {
  max-width: 100%;
}
.blog-single .card .blog-text blockquote {
  width: 100%;
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--body-text, #061237);
  border-left: 3px solid var(--body-text, #061237);
}
.blog-single .card .blog-text a {
  color: var(--body-text, #061237);
  text-decoration: underline;
}
.blog-single .card .blog-text h1,
.blog-single .card .blog-text h2,
.blog-single .card .blog-text h3,
.blog-single .card .blog-text h4,
.blog-single .card .blog-text h5,
.blog-single .card .blog-text h6 {
  color: var(--body-text, #061237);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  padding-top: 23px;
}
.header_box {
  height: 74px;
  border-radius: 100px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
.header_box-inner {
  padding: 9px 9px 9px 25px;
  height: 100%;
  display: flex;
  align-items: center;
}
.header_box-logo .logo {
  display: flex;
  align-items: center;
}
.header_box-logo .logo img {
  display: block;
  height: 40px;
  max-height: 40px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
}
.header_box-menu-btn {
  margin-left: auto;
  align-items: center;
  gap: 8px;
}
.header_box-menu-btn .header-language-btn,
.header_box-menu-btn .header-menu-btn {
  padding: 0;
  margin: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_box-menu-btn .header-language-btn {
  color: var(--body-text, #061237);
  font-size: 18px;
}
.header_box-menu-btn .header_box-mobile-language {
  position: relative;
}
.header_box-menu-btn .header_box-mobile-language .smmspot-dropdown__box {
  min-width: 180px;
  right: 0;
}
.header_box-menu-btn .header-menu-btn {
  flex-direction: column;
  gap: 4px;
}
.header_box-menu-btn .header-menu-btn .line {
  width: 22px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
  transition: 0.14s ease;
}
.header_box-menu-btn .header-menu-btn.active .line-1 {
  transform: translateY(6px) rotate(45deg);
}
.header_box-menu-btn .header-menu-btn.active .line-2 {
  opacity: 0;
}
.header_box-menu-btn .header-menu-btn.active .line-3 {
  transform: translateY(-6px) rotate(-45deg);
}
@media (min-width: 992px) {
  .header_box-menu-btn {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .header_box-menu-btn {
    display: flex;
  }
}
.header_box-menu {
  flex: 1;
}
.header_box-menu .mobile-only,
.header_box-menu .header_box-menu-actions {
  display: none;
}
@media (min-width: 992px) {
  .header_box-menu--mobile {
    display: none !important;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 0;
    left: -9999px;
    top: -9999px;
  }
}
.header_box-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 1px;
}
.header_box-menu ul li.active a {
  color: var(--main-color, #0AA85E);
}
.header_box-menu ul li a {
  padding: 4px 20px;
  display: inline-block;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  @keyframes smmspot-menu-open-animation {
    0% {
      opacity: 0;
      transform: translateY(-20px);
      max-height: 0;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      max-height: 1000px;
    }
  }
  .header_box-menu.active {
    display: block;
    animation: smmspot-menu-open-animation 0.14s ease;
  }
  .header_box-menu {
    display: none;
    position: fixed;
    top: 100px;
    left: 10px;
    right: 10px;
    height: auto;
    background-color: white;
    border-radius: 36px;
    border: 1px solid var(--stroke-color, #ebf2fa);
    box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    z-index: 10030;
    padding: 20px;
  }
  .header_box-menu .mobile-only,
  .header_box-menu .header_box-menu-actions {
    display: block;
  }
  .header_box-menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
  .header_box-menu ul li {
    width: 100%;
  }
  .header_box-menu ul li a {
    color: var(--body-text, #061237);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 12px;
    border-radius: 18px;
  }
  .header_box-menu ul li a:hover, .header_box-menu ul li a:focus {
    background-color: var(--bg-color-2, #f3fbf7);
    text-decoration: none;
  }
  .header_box-menu ul li.active a {
    color: var(--main-color, #0AA85E);
  }
  .header_box-menu .header_box-menu-actions {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--stroke-color, #ebf2fa);
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .header_box-menu .mobile-auth-card {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    min-height: 72px;
    border-radius: 22px;
    text-decoration: none;
    border: 1px solid var(--stroke-color, #ebf2fa);
    background: var(--white, #fff);
    box-shadow: 0px 18px 40px rgba(10, 39, 83, 0.06);
  }
  .header_box-menu .mobile-auth-card__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .header_box-menu .mobile-auth-card__label {
    color: var(--body-text, #061237);
    font-size: 16px;
    font-weight: 650;
    line-height: 20px;
  }
  .header_box-menu .mobile-auth-card__text {
    color: var(--text-disabled, #061237);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }
  .header_box-menu .mobile-auth-card--signup {
    border-color: rgba(10, 168, 94, 0.28);
    background: linear-gradient(180deg, #0AA85E 56.54%, #14C875 100%), var(--main-color, #0AA85E);
    box-shadow: 0px 16px 34px rgba(10, 168, 94, 0.23);
  }
  .header_box-menu .mobile-auth-card--signup .mobile-auth-card__label,
  .header_box-menu .mobile-auth-card--signup .mobile-auth-card__text {
    color: #fff;
  }
}
.header_box-btns .header_box-language .smmspot-dropdown__box {
  min-width: 180px;
}
.header_box-btns .header_box-language .header_box-language-toggle {
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: transparent;
  padding: 0;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--body-text, #061237);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .header_box-btns--mobile {
    display: none !important;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 0;
    left: -9999px;
    top: -9999px;
  }
}
@media (max-width: 991.98px) {
  .header_box-btns:not(.header_box-btns--mobile) {
    display: none !important;
  }
  .header_box-btns {
    transform: translateY(calc(100% + 20px));
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 10030;
    transition: 0.14s ease;
  }
  .header_box-btns.active {
    transform: translateY(0);
  }
  .header_box-btns .btn-wrapper {
    display: flex;
    gap: 10px;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    padding: 9px;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid var(--stroke-color, #ebf2fa);
  }
  .header_box-btns .btn-wrapper > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .header_box-btns .btn-wrapper .header_box-language {
    flex: 0 0 auto;
  }
}

.before-footer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .before-footer {
    padding: 70px 0;
  }
}
@media (min-width: 992px) {
  .before-footer {
    padding: 320px 0 160px;
  }
}
.before-footer .container {
  position: relative;
  z-index: 10;
}
.before-footer__circle {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.before-footer__circle::before {
  content: "";
  position: absolute;
  width: 1313.24px;
  height: 1313.24px;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
  background-image: url(https://cdn.smmspot.net/junglesmm/assets/images/circle_2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  animation: footer-circle-animate 60s linear infinite;
}
@keyframes footer-circle-animate {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}
.before-footer__circle::after {
  content: "";
  z-index: 3;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 400px;
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.before-footer__content {
  position: relative;
  z-index: 20;
}
.before-footer__images {
  z-index: 10;
  display: none;
}
@media (min-width: 768px) {
  .before-footer__images {
    display: block;
  }
}
.before-footer__images img {
  position: absolute;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0px 25.6884px 51.3768px rgba(10, 39, 83, 0.03));
}
.before-footer__images img.img-1 {
  left: -190px;
  top: -150px;
}
.before-footer__images img.img-2 {
  left: -130px;
  top: 60px;
}
.before-footer__images img.img-3 {
  right: -120px;
  top: -180px;
}
.before-footer__images img.img-4 {
  right: -130px;
  top: 50px;
}

.footer {
  padding: 67px 0;
  position: relative;
  background: radial-gradient(52.52% 52.52% at 50% 0%, #F7FBFF 0%, rgba(247, 251, 255, 0) 100%), radial-gradient(50% 50% at 50% 50%, #F6F9FE 0%, rgba(246, 249, 254, 0) 100%);
}
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 2px;
  width: 0;
  max-width: 752px;
  background: linear-gradient(270deg, rgba(219, 228, 238, 0) -0.54%, #DBE4EE 51.02%, rgba(219, 228, 238, 0) 101.52%);
  animation: section-1-border-open 1s ease-in-out forwards;
  animation-delay: 1s;
}
@keyframes section-1-border-open {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.footer__logo {
  margin-bottom: 25px;
  display: block;
}
.footer__logo img {
  height: 30px;
  width: auto;
}
.footer__description {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  max-width: 381px;
  margin-bottom: 0;
}
.footer-quality__title {
  color: var(--body-text-100, #061237);
  font-size: 19px;
  font-weight: 450;
  line-height: 28.303px;
}
.footer-quality__description {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.footer-top {
  margin-bottom: 60px;
}
.footer-items {
  margin-bottom: 50px;
}
.footer-item {
  display: flex;
  padding: 18px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex: 1 0 0;
  margin-bottom: 20px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
}
.footer-item__icon {
  font-size: 34px;
  height: 34px;
  width: 34px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2px;
}
.footer-item__label {
  color: var(--body-text-100, #061237);
  font-size: 17px;
  font-weight: 500;
  line-height: 32.4px;
  letter-spacing: -0.36px;
}
.footer-item {
  transition: 0.14s ease all;
  cursor: pointer;
}
.footer-item:hover {
  transform: translateY(-5px);
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.1);
  background: #F7FBFF;
}
.footer-menus {
  margin-bottom: 20px;
}
.footer-menu {
  margin-bottom: 30px;
}
.footer-menu__title {
  color: #000;
  font-size: 16px;
  line-height: 25.2px;
  letter-spacing: 0.14px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.footer-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer-menu__item a {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.28px;
  text-decoration: none;
  transition: 0.14s ease;
}
.footer-menu__item a:hover {
  color: var(--main-color);
}
.footer-card {
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: #FFF;
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, 0.03);
  padding: 18px 35px 18px 20px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.footer-card .copyright {
  color: #1A1A1A;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32.4px;
  letter-spacing: -0.36px;
}
.footer-card .menu {
  margin: 0;
  margin-left: auto;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.footer-card .menu li > a {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.28px;
  text-decoration: none;
  transition: 0.14s ease;
}
.footer-card .menu li > a:hover {
  color: var(--main-color);
}
@media (max-width: 767.98px) {
  .footer-card {
    flex-direction: column;
    gap: 14px;
  }
  .footer-card .menu {
    margin: 0 auto;
    flex-wrap: wrap;
  }
}

.dhead {
  position: relative;
  border-radius: 25px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, 0.03);
  overflow: hidden;
}
.dhead-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px 0;
  z-index: 100;
}
.dhead-content {
  max-width: 356px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  animation: fade-up 0.4s linear;
}
.dhead-title {
  color: var(--body-text, #061237);
  text-align: center;
  font-size: 35px;
  font-style: normal;
  font-weight: 450;
  line-height: 45px;
  letter-spacing: -1.05px;
  margin-bottom: 0;
}
.dhead-circle {
  position: absolute;
  left: 50%;
  top: -120px;
  transform: translateX(-50%);
  width: 776px;
  height: 776px;
}
.dhead-circle::before {
  content: "";
  position: absolute;
  width: 776px;
  height: 776px;
  background-image: url(https://cdn.smmspot.net/junglesmm/assets/images/dhead-circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: smmspot-circle 50s linear infinite;
}
.dhead-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  animation: fade-up 0.3s ease-in-out;
}
.dhead-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 167px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5.15%, #fff 71.46%);
}
.dhead-icon {
  position: absolute;
  left: calc(50% - 197.5px);
  bottom: -60px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 395px;
  height: 395px;
}
@media (max-width: 575.98px) {
  .dhead-icon {
    left: calc(50% - 110px);
    bottom: -40px;
    width: 220px;
    height: 220px;
  }
}
@media (max-width: 575.98px) {
  .dhead-inner {
    padding: 32px 20px;
  }
  .dhead-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.6px;
  }
  .dhead-content {
    max-width: 100%;
  }
}

[data-theme=dark] .dhead-circle::before {
  filter: brightness(0) invert(1);
  opacity: 0.05;
}
[data-theme=dark] .dhead-icon {
  filter: brightness(0) invert(1);
  opacity: 0.1;
}
[data-theme=dark] .dhead-bg {
  filter: brightness(0.2);
}
[data-theme=dark] .dhead-bg::after {
  filter: invert(1);
  opacity: 0.3;
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes smmspot-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.header-fix {
  padding-top: 110px;
}

body:has(.smmspot-dashboard) {
  background: var(--body-bg, #F9FAFB);
  background-size: 100% 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body:has(.smmspot-dashboard) .header-fix {
  padding-top: 0;
}

.user-level-badge {
  --level-color: #9a6a40;
  --level-bg: rgba(154, 106, 64, 0.12);
  --level-border: rgba(154, 106, 64, 0.24);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid var(--level-border);
  border-radius: 999px;
  background: var(--level-bg);
  color: var(--level-color);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: default;
}
.user-level-badge__icon {
  font-size: 10px;
}
.user-level-badge:hover, .user-level-badge:focus {
  color: var(--level-color);
  text-decoration: none;
}
.user-level-badge--silver {
  --level-color: #64748b;
  --level-bg: rgba(100, 116, 139, 0.12);
  --level-border: rgba(100, 116, 139, 0.24);
}
.user-level-badge--gold {
  --level-color: #b7791f;
  --level-bg: rgba(183, 121, 31, 0.14);
  --level-border: rgba(183, 121, 31, 0.28);
}
.user-level-badge--platinum {
  --level-color: #3f7a89;
  --level-bg: rgba(63, 122, 137, 0.13);
  --level-border: rgba(63, 122, 137, 0.26);
}
.user-level-badge--diamond {
  --level-color: #0b8ea5;
  --level-bg: rgba(11, 142, 165, 0.13);
  --level-border: rgba(11, 142, 165, 0.26);
}
.user-level-badge--legend {
  --level-color: #7c3aed;
  --level-bg: rgba(124, 58, 237, 0.12);
  --level-border: rgba(124, 58, 237, 0.24);
}

button.user-level-badge,
a.user-level-badge {
  cursor: pointer;
}

.title-with-level,
.account-user-name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

.user-levels-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 15px;
  background: var(--bg-color-2, #FAFAFA);
  margin-bottom: 18px;
}
.user-levels-summary__label {
  color: var(--text-disabled, #061237);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}
.user-levels-summary__title {
  color: var(--foreground-color, #172B48);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}
.user-levels-summary__spent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  color: var(--foreground-color, #172B48);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.user-levels-summary__spent small {
  color: var(--text-disabled, #061237);
  font-size: 12px;
  font-weight: 500;
}
.user-levels-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 767.98px) {
  .user-levels-grid {
    grid-template-columns: 1fr;
  }
}
.user-levels-discount {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(var(--main-color-rgb, 10, 168, 94), 0.1);
  color: var(--foreground-color, #172B48);
  font-size: 14px;
}

.user-level-card {
  padding: 16px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  border-radius: 15px;
  background: var(--white, #FFF);
}
.user-level-card.active {
  border-color: var(--main-color, #0AA85E);
  box-shadow: 0 0 0 3px rgba(var(--main-color-rgb, 10, 168, 94), 0.12);
}
.user-level-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.user-level-card__requirement {
  color: var(--text-disabled, #061237);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.user-level-card p {
  margin: 0;
  color: var(--text-disabled, #061237);
  font-size: 13px;
  line-height: 20px;
}

.smmspot-dashboard {
  min-height: 100vh;
}
.smmspot-dashboard .container {
  max-width: 100%;
}
.smmspot-dashboard .container.container-sm {
  max-width: 1170px;
}
@media (min-width: 1400px) {
  .smmspot-dashboard .container {
    padding: 0 50px;
  }
}
.smmspot-dashboard__sidebar {
  position: fixed;
  left: 28px;
  top: 28px;
  bottom: 28px;
  width: 220px;
  border-radius: 25px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  background-image: url(https://cdn.smmspot.net/junglesmm/assets/images/sidebar-bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}
[data-theme=dark] .smmspot-dashboard__sidebar {
  background-image: none;
}
.smmspot-dashboard__sidebar .sidebar-close {
  display: none;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard__sidebar .sidebar-close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
.smmspot-dashboard__sidebar .sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.smmspot-dashboard__sidebar .sidebar__logo {
  padding: 40px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smmspot-dashboard__sidebar .sidebar__logo .logo {
  display: block;
}
.smmspot-dashboard__sidebar .sidebar__logo .icon {
  display: none;
}
.smmspot-dashboard__sidebar .sidebar__logo img {
  max-height: 38px;
}
.smmspot-dashboard__sidebar .sidebar__mini {
  display: none;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
.smmspot-dashboard__sidebar .sidebar__mini .btn {
  height: 44px;
  min-height: 44px;
  width: 44px;
  border-radius: 10px;
  background-color: var(--stroke-color, #ebf2fa);
  color: var(--main-color);
  padding: 0;
  display: flex;
  align-items: center;
  transition: 0.2s ease;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .smmspot-dashboard__sidebar .sidebar__mini {
    display: flex;
  }
}
.smmspot-dashboard__sidebar .sidebar__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 22px;
}
.smmspot-dashboard__sidebar .sidebar__avatar-username {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: var(--foreground-color, #172B48);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
.smmspot-dashboard__sidebar .sidebar__avatar-wrapper {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  background-color: var(--main-color);
}
.smmspot-dashboard__sidebar .sidebar__avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.smmspot-dashboard__sidebar .sidebar__avatar-outer {
  position: relative;
  height: 90px;
  width: 90px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="92" height="94" viewbox="0 0 92 94" fill="none"><path d="M45 92C69.8528 92 90 71.8528 90 47C90 22.1472 69.8528 2 45 2C20.1472 2 0 22.1472 0 47C0 71.8528 20.1472 92 45 92Z" fill="%230AA85E" fill-opacity="0.08"/><path d="M44.9995 2C69.8525 2 89.9995 22.147 89.9995 47C89.9995 71.853 69.8525 92 44.9995 92C27.3759 92 12.1189 81.8695 4.7334 67.1136" stroke="url(%23paint0_linear_506_5683)" stroke-width="2.72727" stroke-linecap="round" stroke-linejoin="round"/><path d="M45.3502 82.042C64.5101 82.042 80.0423 66.5099 80.0423 47.35C80.0423 28.1901 64.5101 12.658 45.3502 12.658C26.1904 12.658 10.6582 28.1901 10.6582 47.35C10.6582 66.5099 26.1904 82.042 45.3502 82.042Z" fill="%230AA85E" stroke="white" stroke-width="2.77536"/><defs><linearGradient id="paint0_linear_506_5683" x1="4.77226" y1="66.7727" x2="47.045" y2="2" gradientunits="userSpaceOnUse"><stop stop-color="%230AA85E"/><stop offset="1" stop-color="%230AA85E" stop-opacity="0"/></linearGradient></defs></svg>');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smmspot-dashboard__sidebar .sidebar__avatar-outer::before {
  position: absolute;
  right: 10px;
  bottom: 10px;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none"><mask id="mask0_506_5692" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="29" height="28"><rect x="0.841797" y="0.289551" width="27.2159" height="27.2159" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_506_5692)"><ellipse cx="14.4497" cy="13.8972" rx="9.90869" ry="9.58465" fill="%230AA85E"/><path d="M10.5949 25.8042L8.44034 22.1754L4.35795 21.2682L4.75485 17.0724L1.97656 13.8972L4.75485 10.722L4.35795 6.52622L8.44034 5.61902L10.5949 1.99023L14.4505 3.63453L18.3061 1.99023L20.4607 5.61902L24.5431 6.52622L24.1462 10.722L26.9245 13.8972L24.1462 17.0724L24.5431 21.2682L20.4607 22.1754L18.3061 25.8042L14.4505 24.1599L10.5949 25.8042ZM13.2598 17.9229L19.6669 11.5158L18.0793 9.87151L13.2598 14.691L10.8217 12.3096L9.23414 13.8972L13.2598 17.9229ZM11.5588 22.9125L14.4505 21.6651L17.3989 22.9125L18.9865 20.1909L22.105 19.4538L21.8215 16.2786L23.9194 13.8972L21.8215 11.4591L22.105 8.28391L18.9865 7.60352L17.3422 4.88192L14.4505 6.12932L11.5021 4.88192L9.91454 7.60352L6.79605 8.28391L7.07955 11.4591L4.98165 13.8972L7.07955 16.2786L6.79605 19.5105L9.91454 20.1909L11.5588 22.9125Z" fill="white"/></g></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
}
.smmspot-dashboard__sidebar .sidebar__menu {
  flex: 1;
  padding: 36px 30px 30px;
  overflow: auto;
}
.smmspot-dashboard__sidebar .sidebar__menu-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li a {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  transition: 0.14s ease background-color;
  border-radius: 15px;
  gap: 10px;
  position: relative;
  transition: 0.14s ease;
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li a::before {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  height: 42px;
  width: 0px;
  border-radius: 5px 0 0 5px;
  background-color: var(--main-color);
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li a .icon {
  width: 24px;
  height: 24px;
  color: var(--text-disabled, #061237);
  font-size: 22px;
  display: flex;
  align-items: center;
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li a .text {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.14px;
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li a:hover {
  background-color: var(--stroke-color, #ebf2fa);
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li.active a::before {
  width: 6px;
}
.smmspot-dashboard__sidebar .sidebar__menu-menu li.active a .text,
.smmspot-dashboard__sidebar .sidebar__menu-menu li.active a .icon {
  color: var(--main-color);
}
[data-theme=dark] .smmspot-dashboard__sidebar .sidebar__menu-menu li.active a .text,
[data-theme=dark] .smmspot-dashboard__sidebar .sidebar__menu-menu li.active a .icon {
  color: #fff;
}
.smmspot-dashboard__sidebar .sidebar__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0 40px;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .smmspot-dashboard__sidebar {
    width: 100px;
    left: 10px;
    top: 10px;
    bottom: 10px;
    z-index: 1000;
    transition: 0.2s ease;
  }
  .smmspot-dashboard__sidebar .sidebar__footer {
    display: none;
  }
  .smmspot-dashboard__sidebar .sidebar__avatar {
    display: none;
  }
  .smmspot-dashboard__sidebar .sidebar__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 0;
  }
  .smmspot-dashboard__sidebar .sidebar__logo .logo {
    display: none;
  }
  .smmspot-dashboard__sidebar .sidebar__logo .icon {
    display: block;
  }
  .smmspot-dashboard__sidebar .sidebar__menu {
    padding: 20px;
    overflow-x: hidden;
  }
  .smmspot-dashboard__sidebar .sidebar__menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .smmspot-dashboard__sidebar .sidebar__menu li a .text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    display: none;
    padding: 3px 6px;
    color: #fff;
    background-color: #030303;
    border-radius: 4px;
  }
  .smmspot-dashboard__sidebar .sidebar__menu li a:hover .text {
    display: block;
  }
  .smmspot-dashboard__sidebar.active {
    width: 220px;
  }
  .smmspot-dashboard__sidebar.active .sidebar__mini .btn {
    transform: rotate(180deg);
  }
  .smmspot-dashboard__sidebar.active .sidebar__logo .logo {
    display: block;
  }
  .smmspot-dashboard__sidebar.active .sidebar__logo .icon {
    display: none;
  }
  .smmspot-dashboard__sidebar.active .sidebar__footer {
    display: flex;
  }
  .smmspot-dashboard__sidebar.active .sidebar__menu {
    padding: 20px;
  }
  .smmspot-dashboard__sidebar.active .sidebar__menu li a {
    justify-content: flex-start;
  }
  .smmspot-dashboard__sidebar.active .sidebar__menu li a .text {
    display: block;
    position: relative;
    top: initial;
    left: initial;
    transform: initial;
    white-space: nowrap;
    padding: initial;
    background-color: initial;
    border-radius: initial;
    color: var(--text-disabled, #061237);
  }
}
@media (max-width: 575.98px) {
  .smmspot-dashboard__sidebar {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    height: auto;
    width: auto;
    position: fixed;
    z-index: 3000;
    opacity: 0;
    display: none;
    background-image: none;
  }
  .smmspot-dashboard__sidebar.active {
    display: block;
    animation: modal-menu-active 0.2s ease-in-out forwards;
  }
  .smmspot-dashboard__sidebar .sidebar__avatar {
    display: none;
  }
  .smmspot-dashboard__sidebar .sidebar__logo {
    padding-bottom: 0;
  }
}
.smmspot-dashboard__content {
  padding-left: 248px;
  padding-bottom: 50px;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .smmspot-dashboard__content {
    padding-left: 120px;
  }
}
@media (max-width: 575.98px) {
  .smmspot-dashboard__content {
    padding-left: 0;
    padding-top: 76px;
  }
}
.smmspot-dashboard__header {
  position: relative;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard__header {
    position: fixed;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 1000;
  }
}
.smmspot-dashboard .header__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header__box {
    padding: 10px;
    background-color: rgba(var(--white-rgb, 255, 255, 255), 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--stroke-color, #ebf2fa);
    border-radius: 33px;
  }
}
.smmspot-dashboard .header-btn {
  display: none;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-btn {
    display: block;
  }
}
.smmspot-dashboard .header-page_info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-page_info {
    display: none;
  }
}
.smmspot-dashboard .header-page_title {
  margin-bottom: 0;
  color: var(--foreground-color, #172B48);
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smmspot-dashboard .header-page_subtitle {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smmspot-dashboard .header-end {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-end {
    gap: 8px;
    flex: 1;
    justify-content: flex-end;
  }
  .smmspot-dashboard .header-end .button-updates {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .smmspot-dashboard .header-end {
    gap: 10px;
    flex: 1;
    justify-content: flex-end;
  }
}
.smmspot-dashboard .header-end__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 55px;
  border: none;
  min-width: 55px;
  border-radius: 28px;
  padding: 4px;
  text-decoration: none;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 15.11px 59.06px 0px rgba(0, 0, 0, 0.03);
  color: var(--text-disabled, #061237);
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-end__button {
    height: 44px;
    min-width: 44px;
  }
}
.smmspot-dashboard .header-end__button .icon {
  font-size: 20px;
}
.smmspot-dashboard .header-end__button .text {
  color: var(--foreground-color, #172B48);
  font-size: 14px;
  font-weight: 550;
  letter-spacing: -0.39px;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-end__button .text {
    display: none;
  }
}
.smmspot-dashboard .header-end__button .icon.smmspot-icon {
  font-size: 26px;
}
.smmspot-dashboard .header-end__button .avatar {
  background-color: #EAF8F1;
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-end__button .avatar {
    width: 32px;
    height: 32px;
  }
}
.smmspot-dashboard .header-end__button .search-icon {
  display: none;
}
.smmspot-dashboard .header-end__button .search {
  height: 100%;
  border-radius: 100px;
  border: 1px solid var(--stroke-color, #ebf2fa);
}
[data-theme=dark] .smmspot-dashboard .header-end__button .search {
  border: none;
}
.smmspot-dashboard .header-end__button .search {
  max-width: 240px;
  width: 100%;
  gap: 10px;
  display: flex;
  align-items: center;
  padding: 12px;
}
.smmspot-dashboard .header-end__button .search-text {
  color: var(--text-disabled, #061237);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smmspot-dashboard .header-end__button .search-kbd {
  display: block;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background-color: var(--bg-color-2);
  color: var(--text-disabled, #061237);
  padding: 2px 8px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 15px;
  white-space: nowrap;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .smmspot-dashboard .header-end__button .search-icon {
    display: block;
  }
  .smmspot-dashboard .header-end__button .search {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .smmspot-dashboard .header-end__button .search-icon {
    display: block;
  }
  .smmspot-dashboard .header-end__button .search {
    display: none;
  }
}
.smmspot-dashboard .header-end__button.dropdown::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
[data-theme=dark] .smmspot-dashboard .header-end__button.dropdown::after {
  filter: invert(1);
  opacity: 0.4;
}
.smmspot-dashboard .header-end__button.dropdown::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  display: block;
}

.btn-theme-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  outline: none;
  padding: 6px;
  border-radius: 50px;
  position: relative;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  /* Shadows/Shadow */
  box-shadow: 0px 42px 80px 0px rgba(10, 39, 83, 0.05);
  gap: 10px;
}
.btn-theme-switcher .item {
  height: 42px;
  width: 42px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: var(--text-disabled, #061237);
  font-size: 20px;
  position: relative;
  z-index: 10;
}
.btn-theme-switcher.first-load .circle {
  animation: none !important;
}
.btn-theme-switcher .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--main-color);
  left: 6px;
  top: 6px;
  animation: none;
  transition: transform 0.3s ease-in-out;
}
.btn-theme-switcher[data-theme=light] .item.day {
  color: #fff;
}
.btn-theme-switcher[data-theme=light] .circle {
  animation: none;
  transform: translateX(0);
}
.btn-theme-switcher[data-theme=dark] .item.night {
  color: #fff;
}
.btn-theme-switcher[data-theme=dark] .circle {
  animation: none;
  transform: translateX(calc(100% + 10px));
}

.register-footer-text {
  color: var(--text-disabled, #061237);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.register-footer-text a {
  color: var(--body-text, #061237);
}

.dbox {
  padding: 24px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, 0.03);
}
@media (min-width: 768px) {
  .dbox {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .dbox {
    padding: 40px;
  }
}
@media (min-width: 1400px) {
  .dbox {
    padding: 44px 58px;
  }
}
.dbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
.dbox-title {
  color: var(--body-text, #061237);
  font-size: 35px;
  font-weight: 450;
  line-height: 45px;
  letter-spacing: -1.05px;
  margin-bottom: 0;
}
.dbox-content {
  color: var(--text-disabled, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 25px;
  width: 100%;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}
.dbox-content img,
.dbox-content table,
.dbox-content iframe,
.dbox-content pre {
  max-width: 100%;
}
.dbox-content table {
  display: block;
  overflow-x: auto;
}

@keyframes modal-menu-active {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.dashboard_overview {
  padding: 30px 0 30px;
}
@media (min-width: 768px) {
  .dashboard_overview {
    padding: 50px 0;
  }
}
.dashboard_overview-outer {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  flex-wrap: nowrap;
}
@media (min-width: 992px) {
  .dashboard_overview-outer {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 12px;
  }
}
@media (min-width: 1200px) {
  .dashboard_overview-outer {
    grid-gap: 30px;
  }
}
.dashboard_overview-item {
  min-width: 240px;
  border-radius: 15px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, 0.03);
  padding: 20px 15px 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.dashboard_overview-item-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboard_overview-item-icon {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--label-default-border, #adc7d6);
  background: var(--label-default-bg, #ecf7fd);
  color: var(--label-default-color, #063a76);
}
.dashboard_overview-item-title {
  color: var(--body-text);
  font-size: 16px;
  font-weight: 450;
  line-height: 12.562px;
  letter-spacing: -0.032px;
}
.dashboard_overview-item-body {
  border-radius: 10px;
  border: 1px solid var(--stroke-color);
  background: var(--card-secondary, #ecf7fd);
  padding: 13px;
  margin: 0 -5px;
  display: flex;
  align-items: center;
}
.dashboard_overview-item-value {
  color: var(--body-text);
  font-size: 24px;
  font-weight: 600;
  line-height: 18.75px;
  letter-spacing: -0.06px;
  flex: 0 0 auto;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .dashboard_overview-item-value {
    font-size: clamp(14px, 5vw, 20px);
  }
}
.dashboard_overview-item-body .label {
  min-width: 0;
  margin-left: auto;
}
.dashboard_overview-item-body .label-icon {
  flex: 0 0 auto;
}
.dashboard_overview-item-body .label-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard_overview-item.money .dashboard_overview-item-value:first-letter {
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .dashboard_overview-item {
    min-width: auto;
    padding: 0;
    overflow: hidden;
    gap: 0px;
    text-align: center;
  }
  .dashboard_overview-item-head {
    padding: 14px 10px;
  }
  .dashboard_overview-item-title {
    flex: 1;
    color: var(--foreground-color-2);
  }
  .dashboard_overview-item-icon {
    outline: none;
    border: none;
    background-color: transparent;
    width: 24px;
    height: 24px;
    display: none;
  }
  .dashboard_overview-item-body {
    border: none;
    border-top: 1px solid var(--stroke-color);
    border-radius: 0;
    padding: 14px 10px;
  }
  .dashboard_overview-item-body .label {
    display: none;
  }
}
@media (min-width: 992px) {
  .dashboard_overview-item {
    min-width: 0;
  }
}

.member-layout {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.member-layout .form-group {
  margin-bottom: 32px;
}
.member-layout .form-control {
  box-shadow: none;
  border-radius: 10px;
}
.member-layout .form-control:disabled, .member-layout .form-control[disabled], .member-layout .form-control[readonly] {
  background-color: rgba(0, 0, 0, 0.05);
  color: #999;
  pointer-events: none;
}
.member-layout .form-control-password {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
}
.member-layout .form-control-password:focus-within {
  box-shadow: none;
  border-color: var(--main-color);
}
.member-layout .form-control-password input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 14px 34px 14px 14px;
  color: var(--foreground-color, #061237);
}
.member-layout .form-control-password input[type=text] {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.member-layout .form-control-password button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 44px;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-disabled, #061237);
}
.member-layout .form-control:focus, .member-layout .form-control:active {
  border-color: var(--main-color);
  box-shadow: none;
}
.member-layout--modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  display: none;
}
.member-layout--modal.active {
  display: flex;
}
.member-layout--page {
  position: relative;
  min-height: 100vh;
  background: #FFF;
}
.member-layout__header {
  display: flex;
  flex: 0 0 90px;
  height: 90px;
  border-bottom: 1px solid var(--stroke-color, #ebf2fa);
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .member-layout__header {
    padding: 0 40px;
  }
}
@media (min-width: 992px) {
  .member-layout__header {
    padding: 0 60px;
  }
}
.member-layout__header-logo {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: var(--foreground-color, #061237);
  font-weight: 700;
  text-decoration: none;
}
.member-layout__header-logo img {
  display: block;
  max-width: 160px;
  max-height: 42px;
  object-fit: contain;
}
.member-layout__header-logo:hover, .member-layout__header-logo:focus {
  color: var(--foreground-color, #061237);
  text-decoration: none;
}
.member-layout__header-goBack .btn, .member-layout__header-help .btn {
  white-space: nowrap;
}
.member-layout__content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background: linear-gradient(0deg, #FFF 12.4%, #F3FBF7 100%), #FFF;
}
@media (min-width: 768px) {
  .member-layout__content {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .member-layout__content {
    padding: 60px;
  }
}
.member-layout__content-container {
  width: 100%;
  max-width: 460px;
  margin: auto auto;
}
.member-layout .forgot-password {
  padding-top: 6px;
  padding-left: 4px;
}
.member-layout .google-login-group {
  display: flex;
  justify-content: center;
  margin: 0 0 16px;
}
.member-layout .google-login-group .g_id_signin {
  display: flex;
  justify-content: center;
}

.confirm-email-modal {
  padding: 16px;
}
.confirm-email-modal .smmspot-modal__card {
  max-height: calc(100vh - 32px);
}
.confirm-email-modal .smmspot-modal__body {
  padding-bottom: 28px;
}
.confirm-email-modal .smmspot-modal__close {
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
}
.confirm-email-modal #current-email[readonly] {
  color: var(--text-disabled, #061237);
  background: var(--bg-color-2, #FAFAFA);
}

.member-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 360px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.member-head__icon {
  background-image: url('data:image/svg+xml,<svg width="71" height="72" viewBox="0 0 71 72" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1177_7965" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="71" height="72"><path d="M54.1327 0H15.9213C7.12819 0 0 7.32626 0 16.3637V55.6363C0 64.6737 7.12819 72 15.9213 72H54.1327C62.9259 72 70.0541 64.6737 70.0541 55.6363V16.3637C70.0541 7.32626 62.9259 0 54.1327 0Z" fill="white"/></mask><g mask="url(%23mask0_1177_7965)"><rect x="-1.35059" y="-2.89722" width="83.6025" height="82.8284" fill="url(%23paint0_linear_1177_7965)"/><path d="M53.3362 0.9729H16.7169C8.29017 0.9729 1.45898 7.70514 1.45898 16.0098V52.0982C1.45898 60.4028 8.29017 67.1351 16.7169 67.1351H53.3362C61.7629 67.1351 68.5941 60.4028 68.5941 52.0982V16.0098C68.5941 7.70514 61.7629 0.9729 53.3362 0.9729Z" fill="white" fill-opacity="0.04"/><path d="M16.7169 1.37629H53.3362C61.5457 1.37629 68.1907 7.93345 68.1907 16.0098V52.0982C68.1907 60.1745 61.5457 66.7317 53.3362 66.7317H16.7169C8.50738 66.7317 1.86238 60.1745 1.86238 52.0982V16.0098C1.86238 7.93345 8.50738 1.37629 16.7169 1.37629Z" stroke="white" stroke-opacity="0.2" stroke-width="0.806783"/><g filter="url(%23filter0_f_1177_7965)"><path d="M-5.77147 -6.43581L-8.50781 -3.69946L48.9556 53.764L51.6919 51.0276L-5.77147 -6.43581Z" fill="white" fill-opacity="0.18"/></g><g filter="url(%23filter1_f_1177_7965)"><path d="M-24.9297 -8.07741L-27.666 -5.34106L29.7974 52.1223L32.5337 49.386L-24.9297 -8.07741Z" fill="white" fill-opacity="0.18"/></g><g filter="url(%23filter2_f_1177_7965)"><path d="M-21.0986 -39.2715L-23.835 -36.5352L33.6285 20.9283L36.3648 18.1919L-21.0986 -39.2715Z" fill="white" fill-opacity="0.18"/></g><g filter="url(%23filter3_f_1177_7965)"><path d="M35.024 81.4658C61.0981 81.4658 82.2354 60.3286 82.2354 34.2544C82.2354 8.18024 61.0981 -12.957 35.024 -12.957C8.9498 -12.957 -12.1875 8.18024 -12.1875 34.2544C-12.1875 60.3286 8.9498 81.4658 35.024 81.4658Z" fill="url(%23paint1_linear_1177_7965)" fill-opacity="0.03"/></g><g filter="url(%23filter4_f_1177_7965)"><path d="M35.0276 63.6643C51.2705 63.6643 64.438 50.4968 64.438 34.2539C64.438 18.011 51.2705 4.84351 35.0276 4.84351C18.7847 4.84351 5.61719 18.011 5.61719 34.2539C5.61719 50.4968 18.7847 63.6643 35.0276 63.6643Z" fill="url(%23paint2_linear_1177_7965)" fill-opacity="0.08"/></g><path d="M30.7715 54.7622H39.2844V63.2759H30.7715V54.7622Z" stroke="white" stroke-opacity="0.04" stroke-width="0.806638"/><path d="M27.2881 54.3757H18.001V63.6633H27.2881V54.3757Z" fill="white" fill-opacity="0.08"/><path d="M14.9045 54.3757H5.61719C5.61719 59.5051 9.77584 63.6633 14.9045 63.6633V54.3757Z" fill="white" fill-opacity="0.08"/><path d="M55.5352 54.7622H64.0419C63.8429 59.3701 60.1424 63.0705 55.5352 63.2674V54.7622Z" stroke="white" stroke-opacity="0.04" stroke-width="0.806638"/><path d="M64.4358 41.991H55.1484V51.2785H64.4358V41.991Z" fill="white" fill-opacity="0.08"/><path d="M64.4358 29.6096H55.1484V38.8972H64.4358V29.6096Z" fill="white" fill-opacity="0.08"/><path d="M64.4358 17.2266H55.1484V26.5141H64.4358V17.2266Z" fill="white" fill-opacity="0.01"/><path d="M55.1484 14.131H64.4358C64.4358 9.00166 60.2771 4.84351 55.1484 4.84351V14.131Z" fill="white" fill-opacity="0.06"/><path d="M52.051 4.84351H42.7637V14.131H52.051V4.84351Z" fill="white" fill-opacity="0.08"/><path d="M39.6692 4.84351H30.3818V14.131H39.6692V4.84351Z" fill="white" fill-opacity="0.01"/><path d="M27.2881 4.84351H18.001V14.131H27.2881V4.84351Z" fill="white" fill-opacity="0.08"/><path d="M14.9045 14.131V4.84351C9.77584 4.84351 5.61719 9.00166 5.61719 14.131H14.9045Z" fill="white" fill-opacity="0.01"/><path d="M6.00195 17.613H14.5149V26.1267H6.00195V17.613Z" stroke="white" stroke-opacity="0.04" stroke-width="0.806638"/><path d="M14.9045 29.6096H5.61719V38.8972H14.9045V29.6096Z" fill="white" fill-opacity="0.01"/><path d="M14.9045 41.991H5.61719V51.2785H14.9045V41.991Z" fill="white" fill-opacity="0.01"/><path d="M52.051 54.3757H42.7637V63.6633H52.051V54.3757Z" fill="white" fill-opacity="0.08"/></g><defs><filter id="filter0_f_1177_7965" x="-16.5742" y="-14.5021" width="76.3329" height="76.3324" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="4.03317" result="effect1_foregroundBlur_1177_7965"/></filter><filter id="filter1_f_1177_7965" x="-35.7324" y="-16.1437" width="76.3329" height="76.3324" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="4.03317" result="effect1_foregroundBlur_1177_7965"/></filter><filter id="filter2_f_1177_7965" x="-31.9013" y="-47.3378" width="76.3329" height="76.3324" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="4.03317" result="effect1_foregroundBlur_1177_7965"/></filter><filter id="filter3_f_1177_7965" x="-17.0273" y="-17.7969" width="104.103" height="104.103" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.41991" result="effect1_foregroundBlur_1177_7965"/></filter><filter id="filter4_f_1177_7965" x="0.777361" y="0.00367975" width="68.5" height="68.5005" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.41991" result="effect1_foregroundBlur_1177_7965"/></filter><linearGradient id="paint0_linear_1177_7965" x1="40.4507" y1="28.2163" x2="40.4507" y2="68.5947" gradientUnits="userSpaceOnUse"><stop stop-color="%230040FF"/><stop offset="1" stop-color="%232F9BFF"/></linearGradient><linearGradient id="paint1_linear_1177_7965" x1="35.024" y1="-12.9571" x2="35.024" y2="81.4658" gradientUnits="userSpaceOnUse"><stop offset="0.258388" stop-color="%23C8C8C8" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient><linearGradient id="paint2_linear_1177_7965" x1="35.0276" y1="4.84351" x2="35.0276" y2="63.6644" gradientUnits="userSpaceOnUse"><stop offset="0.258388" stop-color="%23C8C8C8" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  background-size: 100% 100%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
}
.member-head__title {
  color: var(--body-text, #061237);
  text-align: center;
  font-size: 35px;
  font-weight: 550;
  line-height: 48px;
  letter-spacing: -2.057px;
}
.member-head__subtitle {
  color: var(--text-disabled, #061237);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.member-head__subtitle a {
  color: var(--body-text, #061237);
}
.member-6digit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.member-6digit .form-control {
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  width: 44px;
  height: 44px;
}
@media (min-width: 768px) {
  .member-6digit .form-control {
    width: 55px;
    height: 55px;
  }
}
.member-6digit .paste {
  width: 100%;
  flex: 0 0 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
[data-smmspot=marquee] {
  display: flex;
  overflow: hidden;
  max-width: 100%;
}
[data-smmspot=marquee] .marquee__inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.smmspot-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  align-items: center;
  justify-content: center;
  display: none;
}
.smmspot-modal.active {
  display: flex;
}
.smmspot-modal.smmspot-modal-drawer .smmspot-modal__card {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0;
  border-width: 0 1px 0 0;
  animation: smmspot-modal-from-right 0.2s ease forwards;
}
.smmspot-modal::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: -1;
}
.smmspot-modal.smmspot-modal-sm .smmspot-modal__card {
  max-width: 400px;
}
.smmspot-modal.smmspot-modal-lg .smmspot-modal__card {
  max-width: 800px;
}
.smmspot-modal.smmspot-modal-xl .smmspot-modal__card {
  max-width: 1200px;
}
.smmspot-modal__card {
  border-radius: 25px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 640px;
  width: 100%;
  height: auto;
  max-height: 80vh;
  max-height: -webkit-fill-available;
  animation: smmspot-modal-to-top 0.2s ease forwards;
}
.smmspot-modal__header {
  display: flex;
  align-items: center;
  border-radius: 15px;
  border: 1px solid var(--stroke-color-2, #E6E6E6);
  background: var(--bg-color-2, #FAFAFA);
  margin: 25px 25px 0;
  min-height: 60px;
  padding: 13px 25px;
}
.smmspot-modal__close {
  margin-left: auto;
  margin-right: -10px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.smmspot-modal__body {
  flex: 1;
  padding: 0 28px 25px;
  overflow-y: auto;
}

@keyframes smmspot-modal-to-top {
  0% {
    opacity: 0.6;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes smmspot-modal-from-right {
  0% {
    opacity: 0.6;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
:root {
  --smmspot-ss-overlay-bg: rgba(0, 0, 0, 0.5);
  --smmspot-ss-bg: var(--white, #fff);
  --smmspot-ss-border-color: var(--stroke-color, #ebf2fa);
  --smmspot-ss-border-radius: 15px;
  --smmspot-ss-border-width: 1px;
  --smmspot-ss-text: var(--foreground-color, #061237);
  --smmspot-ss-text-secondary: var(--foreground-color-2, #061237);
  --smmspot-ss-text-muted: var(--text-disabled, #061237);
  --smmspot-ss-primary-color: #0AA85E;
  --smmspot-ss-primary-color-rgb: 10, 168, 94;
  --smmspot-ss-header-height: 60px;
  --smmspot-animation-duration: .2s;
}

@keyframes smmspot-ss-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes smmspot-ss-heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes smmspot-ss-open {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.smmspot-ss {
  display: none;
}
.smmspot-ss-open {
  display: block;
}
.smmspot-ss-open .smmspot-ss-card {
  animation: smmspot-ss-open 0.2s ease;
}
.smmspot-ss-spin {
  animation: smmspot-ss-spin 1s linear infinite;
}
.smmspot-ss-heartbeat {
  animation: smmspot-ss-heartbeat 1s linear infinite;
}
.smmspot-ss-close-btn-outer {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
}
.smmspot-ss-close-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  margin: 0;
  cursor: pointer;
  color: var(--smmspot-ss-primary-color);
  background-color: rgba(var(--smmspot-ss-primary-color-rgb), 0.1);
  transition: 0.14s ease;
}
.smmspot-ss-close-btn svg {
  width: 24px;
  height: 24px;
  fill: var(--smmspot-ss-primary-color);
}
.smmspot-ss-close-btn:hover {
  background-color: rgba(var(--smmspot-ss-primary-color-rgb), 0.2);
}
.smmspot-ss-close-btn:focus, .smmspot-ss-close-btn:active {
  box-shadow: 0 0 0 0.25rem rgba(var(--smmspot-ss-primary-color-rgb), 0.2);
}
.smmspot-ss-overlay {
  background-color: var(--smmspot-ss-overlay-bg);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4000;
}
.smmspot-ss-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  padding: 0px;
  z-index: 4001;
}
@media (min-width: 576px) {
  .smmspot-ss-container {
    padding: 15px;
  }
}
.smmspot-ss-card {
  width: 100%;
  height: 100%;
  background-color: var(--smmspot-ss-bg);
  border-color: var(--smmspot-ss-border-color);
  color: var(--smmspot-ss-color);
  margin: auto;
  display: flex;
}
@media screen and (min-width: 576px) {
  .smmspot-ss-card {
    border-radius: var(--smmspot-ss-border-radius);
    border-style: solid;
    border-width: var(--smmspot-ss-border-width);
    max-width: 1000px;
    max-height: calc(100vh - 90px);
  }
}
.smmspot-ss-card-inner {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.smmspot-ss-card-header {
  display: flex;
  gap: 5px;
  transition: var(--smmspot-animation-duration) ease;
  margin: 5px;
  border-radius: 13.645px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--white, #FFF);
}
.smmspot-ss-card-body {
  flex: 1;
  overflow-y: auto;
  transition: var(--smmspot-animation-duration) ease;
  padding: 0 5px;
}
.smmspot-ss-search-icon {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
}
.smmspot-ss-search-icon_icon {
  position: relative;
}
.smmspot-ss-search-icon_icon svg {
  width: 24px;
  height: 24px;
  fill: var(--smmspot-ss-text-muted);
}
.smmspot-ss-search-input {
  height: var(--smmspot-ss-header-height);
  font-weight: 700;
  font-size: 20px;
  border-radius: none;
  border: none;
  outline: none;
  background-color: transparent;
  flex: 1;
  padding: 0 18px;
  color: var(--smmspot-ss-text);
}
.smmspot-ss-search-input::placeholder {
  color: var(--smmspot-ss-text-muted);
}
.smmspot-ss-service {
  padding: 15px 20px;
  cursor: pointer;
  transition: 0.14s ease;
  border-radius: 15px;
  border: 1px solid var(--smmspot-ss-border-color);
}
.smmspot-ss-service:hover {
  background-color: var(--bg-color-2);
}
.smmspot-ss-service-name {
  color: var(--body-text, #061237);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.smmspot-ss-service-footer {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  .smmspot-ss-service-footer {
    gap: 6px;
  }
}
.smmspot-ss-service-footer_item {
  display: flex;
  align-items: center;
  gap: 3px;
}
.smmspot-ss-service-footer_item .label .label-text {
  white-space: nowrap;
}
.smmspot-ss-service-footer_item-title {
  font-size: 14px;
  color: var(--smmspot-ss-text-muted);
}
.smmspot-ss-service-footer_item-value {
  font-size: 14px;
  color: var(--smmspot-ss-text);
  font-weight: 500;
}
.smmspot-ss-service + .smmspot-ss-service {
  margin-top: 10px;
}
.smmspot-ss-highlight {
  background-color: rgba(var(--smmspot-ss-primary-color-rgb), 0.1);
}
.smmspot-ss-no-result {
  padding: 24px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 14px;
}
.smmspot-ss-no-result-text {
  font-size: 16px;
  color: var(--smmspot-ss-text-secondary);
  text-align: center;
}
.smmspot-ss-detail {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: var(--smmspot-animation-duration) ease;
  transition-delay: var(--smmspot-animation-duration);
}
.smmspot-ss-detail-header {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid var(--smmspot-ss-border-color);
  min-height: var(--smmspot-ss-header-height);
  gap: 15px;
  align-items: center;
}
.smmspot-ss-detail-title {
  flex: 1;
  font-size: 20px;
  font-weight: 500;
  color: var(--smmspot-ss-text);
  margin-bottom: 0;
}
.smmspot-ss-detail-go-back {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smmspot-ss-detail-go-back_button {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-color: rgba(var(--smmspot-ss-primary-color-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.14s ease;
  outline: none;
  border: none;
  padding: 0;
}
.smmspot-ss-detail-go-back_button svg {
  width: 28px;
  height: 28px;
  fill: var(--smmspot-ss-primary-color);
}
.smmspot-ss-detail-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.smmspot-ss-detail-name {
  font-size: 20px;
  font-weight: 500;
  color: var(--smmspot-ss-text);
  font-weight: 500;
  text-align: center;
}
.smmspot-ss-detail-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.smmspot-ss-detail-item {
  padding: 12px;
  display: flex;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid var(--smmspot-ss-border-color);
  font-size: 14px;
}
.smmspot-ss-detail-item-title {
  color: var(--smmspot-ss-text-muted);
}
.smmspot-ss-detail-item-value {
  margin-left: auto;
  color: var(--smmspot-ss-text);
  font-weight: 500;
}
.smmspot-ss-detail-description {
  font-size: 16px;
  color: var(--smmspot-ss-text-secondary);
  border: 1px solid var(--smmspot-ss-border-color);
  border-radius: 4px;
  padding: 12px;
}
.smmspot-ss[data-state=detail] .smmspot-ss-detail {
  transform: translateX(0);
}
.smmspot-ss[data-state=detail] .smmspot-ss-card-header {
  transform: translateY(-100%);
}
.smmspot-ss[data-state=detail] .smmspot-ss-card-body {
  transform: translateY(100%);
}

:root {
  --actulus-selectbox-bg-color: var(--white, #fff);
  --actulus-selectbox-border-color: var(--stroke-color, #ebf2fa);
  --actulus-selectbox-primary: var(--main-color, #0AA85E);
  --actulus-selectbox-primary-rgb: 10, 168, 94;
  --actulus-selectbox-border-radius: 15px;
  --actulus-selectbox-options-padding: 4px;
  --actulus-selectbox-options-gap: 5px;
  --actulus-selectbox-option-padding: 6px 14px;
  --actulus-selectbox-text: var(--foreground-color-2, #172B48);
  --actulus-selectbox-muted: var(--text-disabled, #767f93);
  --actulus-selectbox-muted-rgb: 108, 117, 125;
  --actulus-selectbox-disabled: var(--text-disabled);
  --actulus-selectbox-shadow: 0 0px 1px rgba(0, 0, 0, .2);
}

.actulus-selectbox {
  position: relative;
  width: 100%;
}
.actulus-selectbox_selected .actulus-selectbox_label {
  animation: actulus-selectbox-selected-label 1s ease;
}
.actulus-selectbox_label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  width: 100%;
  gap: 10px;
}
.actulus-selectbox_label .actulus-selectbox_option-text {
  flex: 1;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.actulus-selectbox_label .actulus-selectbox_option-icon {
  border-radius: 15px;
  background-color: #F9FAFB;
}
.actulus-selectbox_search {
  width: calc(100% - 8px);
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  transition: 0.14s ease;
  top: 0;
  border-radius: 10px;
  border: 1px solid var(--stroke-color, #ebf2fa);
  background: var(--label-v-2-colors-label-secondary-bg, #F9FAFB);
  margin: 4px;
  padding: 5px 10px 5px 10px;
  min-height: 40px;
  gap: 10px;
  position: sticky;
  z-index: 100;
  display: flex;
  align-items: center;
}
.actulus-selectbox_search:focus-within {
  border-color: var(--actulus-selectbox-primary);
}
.actulus-selectbox_search:focus-within svg {
  fill: var(--actulus-selectbox-primary);
}
.actulus-selectbox_search-icon {
  width: 20px;
  height: 20px;
  height: auto;
  text-align: start;
}
.actulus-selectbox_search-icon svg {
  height: 17px;
  fill: var(--actulus-selectbox-muted);
}
.actulus-selectbox_search > input {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  flex: 1;
  width: 100%;
  height: 19px;
}
.actulus-selectbox_search:focus {
  border-color: var(--actulus-selectbox-primary);
}
.actulus-selectbox_close {
  position: absolute;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  right: -10px;
  top: -10px;
  border-radius: 50%;
  background-color: var(--actulus-selectbox-primary);
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.actulus-selectbox_options-outer {
  display: none;
  top: calc(100% + 14px);
  position: absolute;
  background-color: var(--actulus-selectbox-bg-color);
  border: 1px solid var(--actulus-selectbox-border-color);
  border-radius: var(--actulus-selectbox-border-radius);
  box-shadow: var(--actulus-selectbox-shadow);
  z-index: 200;
  width: 100%;
  overflow: hidden;
  flex-direction: column;
}
.actulus-selectbox_options-wrapper {
  flex: 1;
  position: relative;
  gap: var(--actulus-selectbox-options-gap);
  padding: var(--actulus-selectbox-options-padding);
  overflow-y: auto;
}
.actulus-selectbox_options-wrapper::-webkit-scrollbar {
  width: 4px;
}
.actulus-selectbox_scroll-timeline {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 300;
  pointer-events: none;
  transition: 0.14s ease;
  background: linear-gradient(0deg, rgba(var(--actulus-selectbox-primary-rgb), 0) 0%, rgba(var(--actulus-selectbox-primary-rgb), 0.2) 100%);
  transition: 0.1s ease;
  height: 0;
  opacity: 0;
}
.actulus-selectbox_scroll-timeline-bottom {
  background: linear-gradient(180deg, rgba(var(--actulus-selectbox-primary-rgb), 0) 0%, rgba(var(--actulus-selectbox-primary-rgb), 0.2) 100%);
}
.actulus-selectbox_scroll-timeline-visible {
  height: 32px;
  opacity: 1;
}
.actulus-selectbox_option {
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  color: var(--actulus-selectbox-text);
  border-radius: 10px;
  text-align: left;
  gap: 10px;
  min-height: 40px;
}
.actulus-selectbox_option-highlight {
  background-color: rgba(var(--actulus-selectbox-primary-rgb), 0.1);
  font-weight: 600;
}
.actulus-selectbox_option-text {
  position: relative;
  flex: 1;
}
.actulus-selectbox_option-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: start;
}
.actulus-selectbox_option-icon img,
.actulus-selectbox_option-icon svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.actulus-selectbox_option:hover {
  background: var(--label-v-2-colors-label-secondary-bg, #F9FAFB);
}
.actulus-selectbox_option.actulus-selectbox_option-selected {
  background: var(--label-v-2-colors-label-secondary-bg, #F9FAFB);
  color: var(--actulus-selectbox-primary);
}
.actulus-selectbox_option-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.actulus-selectbox_option-disabled:hover {
  background-color: transparent;
}
.actulus-selectbox_info {
  display: flex;
  padding: 40px 20px 20px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.actulus-selectbox_info-icon {
  color: var(--actulus-selectbox-disabled);
}
.actulus-selectbox_info-icon svg {
  width: 70px;
  height: 70px;
  fill: var(--actulus-selectbox-disabled);
}
.actulus-selectbox_info-text {
  font-size: 16px;
  color: var(--actulus-selectbox-muted);
  text-align: center;
}
.actulus-selectbox.actulus-selectbox_open .actulus-selectbox_options-outer {
  display: flex;
  animation: actulus-selectbox-fade-in 0.2s ease;
}
.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_close {
  display: flex;
  top: 10px;
  right: 10px;
  z-index: 3000;
  position: fixed;
}
.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_close svg {
  width: 20px;
  height: auto;
  fill: #fff;
}
.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_options-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2000;
  display: none;
  padding: 20px;
}
.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_options-outer {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  top: inherit;
  max-height: 100%;
  height: auto;
  overflow-y: auto;
  animation: actulus-selectbox-modal-fade-in 0.2s ease;
  z-index: 2010;
}
.actulus-selectbox[data-options-mode=modal].actulus-selectbox_open .actulus-selectbox_options-bg {
  display: flex;
}
.actulus-selectbox[data-options-mode=full] .actulus-selectbox_close {
  display: flex;
  top: 10px;
  right: 10px;
  z-index: 3000;
  position: fixed;
}
.actulus-selectbox[data-options-mode=full] .actulus-selectbox_close svg {
  width: 20px;
  height: auto;
  fill: #fff;
}
.actulus-selectbox[data-options-mode=full] .actulus-selectbox_options-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2000;
}
.actulus-selectbox[data-options-mode=full] .actulus-selectbox_options-outer {
  position: fixed;
  top: initial;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2020;
  display: none;
  border-radius: 0;
  animation: actulus-selectbox-modal-fade-in 0.2s ease;
}
.actulus-selectbox[data-options-mode=full].actulus-selectbox_open .actulus-selectbox_options-bg {
  display: block;
}
.actulus-selectbox[data-options-mode=full].actulus-selectbox_open .actulus-selectbox_options-outer {
  display: flex;
}

@keyframes actulus-selectbox-fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes actulus-selectbox-modal-fade-in {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes actulus-selectbox-selected-label {
  0% {
    box-shadow: 0 0 30px rgba(var(--actulus-selectbox-primary-rgb), 0.5);
  }
  100% {
    box-shadow: 0 0 0px rgba(var(--actulus-selectbox-primary-rgb), 0.2);
  }
}
@keyframes actulus-selectbox-reveal {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
}
[data-theme=dark] .actulus-selectbox_label .actulus-selectbox_option-icon {
  background-color: #12245b;
}
[data-theme=dark] .actulus-selectbox_option.actulus-selectbox_option-selected {
  background: #12245b;
  color: #fff;
}
[data-theme=dark] .actulus-selectbox_option:hover {
  background: #0d1c49;
  color: #fff;
}
[data-theme=dark] .actulus-selectbox_search {
  background-color: #12245b;
}
[data-theme=dark] .actulus-selectbox_search input {
  color: #fff;
}
[data-theme=dark] .actulus-selectbox_search input::placeholder {
  color: rgba(255, 255, 255, 0.5137254902);
}