@charset "UTF-8";
body,
body.dark {
  --color-1: #0d1117;
  --color-2: #161b22;
  --color-3: #30363d;
  --color-4: #fff;
  --color-5: #fff;
  --color-6: #002bff;
  --color-7: #0824ad;
  --color-8: rgb(0 43 255 / 15%);
}
body.light {
  --color-1: #cfd4dc;
  --color-2: #dde1e8;
  --color-3: #b7bec9;
  --color-4: #000;
  --color-5: #000;
  --color-6: #002bff;
  --color-7: #0824ad;
  --color-8: rgb(0 43 255 / 15%);
}
body.light .payment-method-dropdown__trigger.form-control {
  background: var(--color-1) !important;
}
#serviceSearchInput {
  color: #fff;
  font-weight: 600;
}
#serviceSearchInput::placeholder {
  color: #fff;
  font-weight: 600;
}
body.light #serviceSearchInput {
  color: #000;
}
body.light #serviceSearchInput::placeholder {
  color: #000;
}
body,
 html {
   font-family:
     "Poppins",
     "Manrope",
     -apple-system,
     BlinkMacSystemFont,
     "Segoe UI",
     Roboto,
     Oxygen,
     Ubuntu,
     Cantarell,
     "Open Sans",
     "Helvetica Neue",
     sans-serif;
   background: var(--color-1);
   color: var(--color-4);
   /* Arama/filtre sonucu içerik kısalıp uzayınca kaydırma çubuğu
      açılıp kapanmasın (layout shift); yuvası her zaman rezerve. */
   scrollbar-gutter: stable;
}
body.out {
  background: #0d1117 !important;
}
.clearfix {
  clear: both;
}
a,
a:focus,
a:hover {
  text-decoration: none;
}
.hidden {
  display: none;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  background: var(--color-3);
  border-radius: 5px;
}
::-webkit-scrollbar-track {
  background: 0 0;
}
.primary-color {
  color: #0ea5e9 !important;
}
.danger-color {
  color: #f65619 !important;
}
.cursor-pointer {
  cursor: pointer;
}
.downBtn {
  transition: transform 0.2s ease-in-out;
}
.downBtn.rotated {
  transform: rotate(180deg);
}
.g-status.downBtn {
  font-size: 24px;
  line-height: 1;
}
@media (width <= 767.98px) {
  .g-status.downBtn {
    font-size: 26px;
  }
}
body.light .downBtn,
body.light .g-status.downBtn {
  background: #c5cad2 !important;
  border-color: rgb(15, 23, 42, 0.18) !important;
}
.copy-trigger {
  cursor: pointer;
}
a.order-count-link {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #03a9f4 !important;
  text-decoration: none;
}
a.order-count-link:focus,
a.order-count-link:hover {
  color: #66c6ff !important;
  text-decoration: underline;
}
.order-count-static {
  font-weight: 600;
  color: var(--color-4);
  letter-spacing: 0.01em;
}
.btn {
  border-radius: 15px;
  -webkit-transition: cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
  transition: cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s;
  font-weight: 700;
  padding: 15px 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.btn::before {
  content: "";
  position: absolute;
  left: -30%;
  top: 0;
  bottom: 0;
  width: 100%;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  background: #ffffff10;
  clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
  z-index: -1;
}
.btn:hover::before {
  left: -20%;
}
.btn.btn-primary {
  background: var(--color-6);
  color: #fff;
  border: none;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background-color: var(--color-7);
}
.btn.btn-green {
  background: #28a745;
  color: #fff;
  border: none;
}
.btn.btn-green:active,
.btn.btn-green:focus,
.btn.btn-green:hover {
  background-color: #28a745;
}
.btn.btn-lg {
  padding: 20px;
}
.btn.btn-md {
  padding: 5px 10px;
}
.btn-100 {
  display: block;
  width: 100%;
  text-align: center;
}
.btn-100.btn-g-ticon {
  display: flex;
  justify-content: center;
}
.btn-rounded {
  border-radius: 25px;
}
.btn-lg {
  padding: 12px 20px;
}
.btn-outline {
  border: 1px solid rgb(255 255 255 / 20%);
  color: #fff;
  background-color: transparent;
}
.btn-outline:focus,
.btn-outline:hover {
  border: 1px solid rgb(255 255 255 / 100%);
  color: #fff;
}
.btn-outline.btn-light {
  color: #fff;
  border-color: #2a4771;
}
.btn-outline.btn-light:hover {
  background-color: #2a4771;
}
.btn-outline.btn-secondary {
  border-color: #2a4771;
  background: #0c2447;
  color: #fff;
}
.btn-group {
  position: relative;
}
.gny-btn::after {
  display: none;
}
.filter-btn {
  position: relative;
  border: 1px solid rgb(100 116 139 / 45%) !important;
  background: #2c353c !important;
  color: #f8fafc !important;
  transition: none !important;
  -webkit-transition: none !important;
}
.filter-btn::before {
  display: none !important;
}
.filter-btn:hover {
  background: #2c353c !important;
  border-color: rgb(100 116 139 / 45%) !important;
  transform: none !important;
}
.filter-btn:hover::before {
  display: none !important;
}
.filter-btn:hover .filter-btn-content {
  transform: none !important;
}
body.light .btn-primary.filter-btn,
body.light .btn.btn-primary.filter-btn,
body.light .filter-btn {
  background: #c5cad2 !important;
  border-color: rgb(107 114 128 / 35%) !important;
  color: #111827 !important;
  transition: none !important;
  -webkit-transition: none !important;
}
body.light .filter-btn::before {
  display: none !important;
}
body.light .btn-primary.filter-btn:hover,
body.light .btn.btn-primary.filter-btn:hover,
body.light .filter-btn:hover {
  background: #c5cad2 !important;
  border-color: rgb(107 114 128 / 35%) !important;
  color: #111827 !important;
  transform: none !important;
}
body.light .filter-btn:hover::before {
  display: none !important;
}
body.light .filter-btn:hover .filter-btn-content {
  transform: none !important;
}
.filter-btn-content {
  position: relative;
  width: 100%;
  justify-content: center !important;
  gap: 10px;
  align-items: center;
  transition: none !important;
  -webkit-transition: none !important;
  transform: none !important;
}
.filter-btn-content > * {
  margin: 0;
}
.filter-btn-icon {
  color: #ea580c !important;
  font-size: 22px !important;
  margin-right: 0 !important;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.filter-btn:hover .filter-btn-icon {
  color: #ea580c !important;
  transform: none !important;
}
body.light .filter-btn-icon {
  color: #ea580c !important;
}
body.light .filter-btn:hover .filter-btn-icon {
  color: #ea580c !important;
  transform: none !important;
}
#filterServicesDd + .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
}
.filter-dropdown-icon {
  margin-right: 10px !important;
  font-size: 18px !important;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 20px !important;
  min-width: 20px !important;
  flex-shrink: 0;
  justify-content: center;
}
.filter-btn-arrow {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  pointer-events: none;
  font-size: 18px !important;
  margin-left: 0 !important;
  transition: transform 0.3s ease !important;
}
.dropdown.open .filter-btn .filter-btn-arrow,
.filter-btn.show .filter-btn-arrow,
.filter-btn[aria-expanded="true"] .filter-btn-arrow {
  transform: rotate(180deg) !important;
}
.dropdown.open .filter-btn,
.filter-btn.show,
.filter-btn:active,
.filter-btn:focus,
.filter-btn[aria-expanded="true"] {
  background: #16a34a !important;
  border-color: transparent !important;
  border-width: 1px !important;
}
.dropdown.open .filter-btn:hover,
.filter-btn.show:hover,
.filter-btn[aria-expanded="true"]:hover {
  background: #16a34a !important;
  border-color: transparent !important;
  border-width: 1px !important;
}
body.light .btn-primary.filter-btn[aria-expanded="true"],
body.light .btn.btn-primary.filter-btn.show,
body.light .btn.btn-primary.filter-btn:active,
body.light .btn.btn-primary.filter-btn:focus,
body.light .dropdown.open .filter-btn,
body.light .filter-btn.show,
body.light .filter-btn:active,
body.light .filter-btn:focus,
body.light .filter-btn[aria-expanded="true"] {
  background: #16a34a !important;
  border-color: rgb(22, 163, 74, 0.5) !important;
  border-width: 1px !important;
  color: #fff !important;
}
body.light .filter-btn.show .filter-btn-content,
body.light .filter-btn.show .filter-btn-icon,
body.light .filter-btn:active .filter-btn-content,
body.light .filter-btn:active .filter-btn-icon,
body.light .filter-btn:focus .filter-btn-content,
body.light .filter-btn:focus .filter-btn-icon,
body.light .filter-btn[aria-expanded="true"] .filter-btn-content,
body.light .filter-btn[aria-expanded="true"] .filter-btn-icon {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.light .btn-primary.filter-btn[aria-expanded="true"]:hover,
body.light .btn.btn-primary.filter-btn.show:hover,
body.light .dropdown.open .filter-btn:hover,
body.light .filter-btn.show:hover,
body.light .filter-btn[aria-expanded="true"]:hover {
  background: #16a34a !important;
  border-color: rgb(22, 163, 74, 0.5) !important;
  border-width: 1px !important;
  color: #fff !important;
}
.btn-transparent {
  border: 1px solid;
  border-color: transparent;
  outline: 0;
  background-color: transparent;
  color: #fff;
}
.btn-transparent:hover {
  background-color: rgb(255 255 255 / 5%);
  border-color: rgb(255 255 255 / 5%);
  color: #fff;
}
@media (width <= 767.98px) {
  .btn.btn-lg {
    padding: 18px 40px;
  }
  .btn.btn-lg.btn-outline {
    padding: 16px 40px;
  }
}
.dropdown-toggle:focus,
.nwo-cat-btn:focus {
  outline: 0;
  border: none;
}
.alert.alert-enhanced {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 14px;
  border-radius: 18px !important;
  padding: 18px 22px !important;
  border: none !important;
  box-shadow: 0 18px 45px rgb(15 23 42 / 35%);
  backdrop-filter: blur(6px);
  z-index: 999 !important;
  position: relative;
}
@media (width <= 768px) {
  .alert.alert-enhanced {
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 18px !important;
    gap: 12px !important;
  }
  .alert-pill-icon {
    width: 56px !important;
    height: 56px !important;
    flex-shrink: 0 !important;
  }
  .alert-pill-icon svg {
    width: 50px !important;
    height: 50px !important;
  }
  .alert-message {
    flex: 1 !important;
    min-width: 0 !important;
  }
}
.alert-success.alert-enhanced {
  background: linear-gradient(135deg, rgb(5 150 105 / 92%), rgb(16 185 129 / 96%)) !important;
}
#newordersid .alert-success.alert-enhanced,
#orderSuccessAlert.alert-enhanced,
#orderSuccessAlert2.alert-enhanced,
.nwoMain .alert-success.alert-enhanced {
  gap: 18px !important;
  align-items: center !important;
}
#newordersid .alert-success.alert-enhanced .alert-message,
#orderSuccessAlert.alert-enhanced .alert-message,
#orderSuccessAlert2.alert-enhanced .alert-message,
.nwoMain .alert-success.alert-enhanced .alert-message {
  align-self: center !important;
  display: block !important;
}
#newordersid .alert-success span,
#newordersid .alert-success strong + span,
#orderSuccessAlert span,
#orderSuccessAlert strong + span,
#orderSuccessAlert2 span,
#orderSuccessAlert2 strong + span,
.nwoMain .alert-success span,
.nwoMain .alert-success strong + span {
  text-indent: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  display: inline !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}
#newordersid .alert-success strong,
#orderSuccessAlert strong,
#orderSuccessAlert2 strong,
.nwoMain .alert-success strong {
  display: inline-block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  vertical-align: top !important;
}
#newordersid .alert-success strong + *,
#orderSuccessAlert strong + *,
#orderSuccessAlert2 strong + *,
.nwoMain .alert-success strong + * {
  display: inline !important;
  text-indent: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
@media (width <= 768px) {
  #newordersid .alert-success span,
  #newordersid .alert-success strong + span,
  #orderSuccessAlert span,
  #orderSuccessAlert strong + span,
  #orderSuccessAlert2 span,
  #orderSuccessAlert2 strong + span,
  .nwoMain .alert-success span,
  .nwoMain .alert-success strong + span {
    text-indent: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: inline !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  #newordersid .alert-success strong,
  #orderSuccessAlert strong,
  #orderSuccessAlert2 strong,
  .nwoMain .alert-success strong {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    vertical-align: top !important;
  }
  #newordersid .alert-success strong + *,
  #orderSuccessAlert strong + *,
  #orderSuccessAlert2 strong + *,
  .nwoMain .alert-success strong + * {
    display: inline !important;
    text-indent: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
.alert-danger.alert-enhanced {
  background: linear-gradient(135deg, rgb(185 28 28 / 92%), rgb(220 38 38 / 96%)) !important;
}
.alert-info.alert-enhanced {
  background: linear-gradient(135deg, rgb(59 130 246 / 95%), rgb(14 165 233 / 90%)) !important;
}
.alert-pill-icon {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  background:
    radial-gradient(circle at 30% 30%, rgb(255 255 255 / 35%), transparent 60%),
    linear-gradient(135deg, rgb(255 255 255 / 15%), rgb(255 255 255 / 0%));
  box-shadow:
    0 18px 35px rgb(15 23 42 / 45%),
    inset 0 0 0 1px rgb(255 255 255 / 8%),
    inset 0 -8px 18px rgb(15 23 42 / 35%);
  overflow: hidden;
}
.alert-pill-icon::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  border: 1px solid rgb(255 255 255 / 25%);
  opacity: 0.5;
}
.alert-pill-icon::after {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  background: radial-gradient(circle, rgb(255 255 255 / 35%), transparent 60%);
  filter: blur(25px);
  opacity: 0.5;
  z-index: -1;
}
.alert-pill-icon svg {
  width: 58px;
  height: 58px;
  display: block;
  color: inherit;
}
.alert-pill-icon-success {
  background:
    radial-gradient(circle at 25% 25%, rgb(255 255 255 / 50%), transparent 55%),
    linear-gradient(135deg, #22d3ee, #059669);
}
.alert-pill-icon-danger {
  background:
    radial-gradient(circle at 25% 25%, rgb(255 255 255 / 50%), transparent 55%),
    linear-gradient(135deg, #fb7185, #be123c);
}
.alert-pill-icon-info {
  background:
    radial-gradient(circle at 25% 25%, rgb(255 255 255 / 50%), transparent 55%),
    linear-gradient(135deg, #6366f1, #14b8a6);
}
.alert-message {
  flex: 1;
  font-size: 14px;
  line-height: 1.6;
  color: #f8fafc;
  font-weight: 600;
}
.alert-message strong {
  font-weight: 700;
}
.alert-message br {
  display: block;
  margin-bottom: 4px;
}
.alert-close-icon,
.alert.alert-enhanced .btn-close,
.alert.alert-enhanced .close {
  margin-left: auto;
  order: 3;
  position: static;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgb(15 23 42 / 35%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f8fafc;
  opacity: 1;
  border: 1px solid rgb(255 255 255 / 25%);
  transition:
    background 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
}
.alert.alert-enhanced .btn-close:hover,
.alert.alert-enhanced .close:hover {
  background: rgb(15 23 42 / 55%);
  border-color: rgb(255 255 255 / 45%);
  transform: translateY(-1px);
  opacity: 1;
}
.alert.alert-enhanced .close span {
  display: block;
  line-height: 1;
}
@media (width <= 575.98px) {
  .alert.alert-enhanced {
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 18px !important;
    gap: 12px !important;
  }
  .alert-pill-icon {
    width: 56px !important;
    height: 56px !important;
    flex-shrink: 0 !important;
  }
  .alert-pill-icon svg {
    width: 50px !important;
    height: 50px !important;
  }
  .alert-message {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .alert.alert-enhanced .btn-close,
  .alert.alert-enhanced .close {
    align-self: center;
    margin-top: 0;
  }
}

/* -------------------------------------------------------------------------
   DÜZ (enhance öncesi) alertler, güçlendirilmiş (enhanced) görünümle BİREBİR
   aynı olsun: script.js yüklenip ikon eklenene kadar "eski → yeni" stil
   geçişi (arka plan/şekil değişimi) görünmesin.
   ------------------------------------------------------------------------- */
.alert-success,
.alert-danger,
.alert-info {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 14px !important;
  border-radius: 18px !important;
  padding: 18px 22px !important;
  border: none !important;
  box-shadow: 0 18px 45px rgb(15 23 42 / 35%);
  backdrop-filter: blur(6px);
  min-height: 100px !important;
  box-sizing: border-box;
  color: #f8fafc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}
.alert-success {
  background: linear-gradient(135deg, rgb(5 150 105 / 92%), rgb(16 185 129 / 96%)) !important;
}
.alert-danger {
  background: linear-gradient(135deg, rgb(185 28 28 / 92%), rgb(220 38 38 / 96%)) !important;
}
.alert-info {
  background: linear-gradient(135deg, rgb(59 130 246 / 95%), rgb(14 165 233 / 90%)) !important;
}
.alert-success strong,
.alert-danger strong,
.alert-info strong {
  color: inherit !important;
}
@media (width <= 768px) {
  .alert-success,
  .alert-danger,
  .alert-info {
    padding: 14px 18px !important;
    gap: 12px !important;
    min-height: 84px !important;
  }
}

/* -------------------------------------------------------------------------
   DÜZ alertlere JS gelmeden ikon koy (::before ile): enhance sonrasıyla
   birebir aynı yer/ölçü — ikon eklenirken metin kaymasın, hiçbir hareket
   ya da "eski → yeni" geçişi olmasın.
   ------------------------------------------------------------------------- */
.alert.alert-success:not(.alert-enhanced)::before,
.alert.alert-danger:not(.alert-enhanced)::before,
.alert.alert-info:not(.alert-enhanced)::before {
  content: "";
  width: 64px;
  height: 64px;
  border-radius: 22px;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow:
    0 18px 35px rgb(15 23 42 / 45%),
    inset 0 0 0 1px rgb(255 255 255 / 8%),
    inset 0 -8px 18px rgb(15 23 42 / 35%);
}
.alert.alert-success:not(.alert-enhanced)::before {
  background-image:
    radial-gradient(circle at 25% 25%, rgb(255 255 255 / 50%), transparent 55%),
    linear-gradient(135deg, #22d3ee, #059669),
    url('data:image/svg+xml,%3Csvg viewBox=%270 0 64 64%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2732%27 cy=%2732%27 r=%2727%27 fill=%27rgba(20,31,63,0.55)%27 stroke=%27rgba(96,165,250,0.4)%27 stroke-width=%272%27/%3E%3Ccircle cx=%2732%27 cy=%2732%27 r=%2720%27 fill=%27rgba(40,167,69,0.35)%27 stroke=%27%2322c55e%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M21 34L29 42L45 22%27 fill=%27none%27 stroke=%27%23ecfccb%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Ccircle cx=%2746%27 cy=%2719%27 r=%273%27 fill=%27%23bbf7d0%27/%3E%3C/svg%3E');
}
.alert.alert-danger:not(.alert-enhanced)::before {
  background-image:
    radial-gradient(circle at 25% 25%, rgb(255 255 255 / 50%), transparent 55%),
    linear-gradient(135deg, #fb7185, #be123c),
    url('data:image/svg+xml,%3Csvg viewBox=%270 0 64 64%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2732%27 cy=%2732%27 r=%2727%27 fill=%27rgba(40,16,27,0.6)%27 stroke=%27rgba(248,113,113,0.45)%27 stroke-width=%272%27/%3E%3Ccircle cx=%2732%27 cy=%2732%27 r=%2720%27 fill=%27rgba(239,68,68,0.25)%27 stroke=%27%23f97316%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M22 22L42 42M42 22L22 42%27 stroke=%27%23fee2e2%27 stroke-width=%274%27 stroke-linecap=%27round%27/%3E%3Ccircle cx=%2746%27 cy=%2718%27 r=%273%27 fill=%27%23fecaca%27/%3E%3C/svg%3E');
}
.alert.alert-info:not(.alert-enhanced)::before {
  background-image:
    radial-gradient(circle at 25% 25%, rgb(255 255 255 / 50%), transparent 55%),
    linear-gradient(135deg, #6366f1, #14b8a6),
    url('data:image/svg+xml,%3Csvg viewBox=%270 0 64 64%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2732%27 cy=%2732%27 r=%2727%27 fill=%27rgba(14,23,56,0.6)%27 stroke=%27rgba(147,197,253,0.4)%27 stroke-width=%272%27/%3E%3Ccircle cx=%2732%27 cy=%2732%27 r=%2720%27 fill=%27rgba(59,130,246,0.3)%27 stroke=%27%2338bdf8%27 stroke-width=%271.5%27/%3E%3Crect x=%2730%27 y=%2724%27 width=%274%27 height=%2720%27 rx=%272%27 fill=%27%23e0f2fe%27/%3E%3Crect x=%2730%27 y=%2716%27 width=%274%27 height=%275%27 rx=%272%27 fill=%27%23bae6fd%27/%3E%3Ccircle cx=%2744%27 cy=%2720%27 r=%273%27 fill=%27%23c7d2fe%27/%3E%3C/svg%3E');
}
.alert.alert-enhanced::before {
  display: none;
}
@media (width <= 768px) {
  .alert.alert-success:not(.alert-enhanced)::before,
  .alert.alert-danger:not(.alert-enhanced)::before,
  .alert.alert-info:not(.alert-enhanced)::before {
    width: 56px;
    height: 56px;
  }
}

.alert-success {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: rgb(5 150 105 / 55%);
  border-radius: 5px;
  padding: 10px 20px;
  border: 1px solid rgb(5 150 105 / 70%);
  min-height: 52px;
  display: block;
  width: 100%;
  z-index: 999;
  position: relative;
  line-height: 1.6;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.alert-success > :not(.close) {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}
#newordersid .alert-success,
#orderSuccessAlert,
#orderSuccessAlert2,
.nwoMain .alert-success {
  text-indent: 0 !important;
}
#newordersid .alert-success strong,
#orderSuccessAlert strong,
#orderSuccessAlert2 strong,
.nwoMain .alert-success strong {
  margin-left: 0 !important;
}
#newordersid .alert-success strong,
#orderSuccessAlert strong,
#orderSuccessAlert2 strong,
.nwoMain .alert-success strong {
  color: #fff !important;
}
.alert-success strong + span:not([style*="white-space"]) {
  vertical-align: middle !important;
  display: inline !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}
.alert-success span + br {
  display: block !important;
}
.alert-success .success-icon {
  display: none !important;
}
.alert-success strong {
  display: inline !important;
  margin-right: 0 !important;
  margin-left: 4px !important;
  vertical-align: middle !important;
  line-height: 1.6 !important;
  font-size: inherit !important;
}
.alert-success strong[style*="white-space: nowrap"] {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  display: inline !important;
}
.alert-success span[style*="white-space: normal"],
.alert-success span[style*="white-space: nowrap"] {
  display: inline !important;
  white-space: normal !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  margin: 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  line-height: 1.6 !important;
  text-overflow: clip !important;
  overflow: visible !important;
  text-indent: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
}
#newordersid .alert-success span[style*="white-space: normal"],
#orderSuccessAlert span[style*="white-space: normal"],
#orderSuccessAlert2 span[style*="white-space: normal"],
.nwoMain .alert-success span[style*="white-space: normal"] {
  text-indent: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  display: inline !important;
}
.alert-success span[style*="white-space: normal"] *,
.alert-success span[style*="white-space: normal"]::after,
.alert-success span[style*="white-space: normal"]::before {
  vertical-align: middle !important;
  line-height: 1.6 !important;
}
.alert-success strong + span[style*="white-space: normal"],
.alert-success strong + span[style*="white-space: nowrap"] {
  margin-left: 0 !important;
  display: inline !important;
  vertical-align: middle !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
}
.alert-success strong[style*="white-space: nowrap"] {
  white-space: nowrap !important;
  display: inline !important;
  vertical-align: middle !important;
  line-height: 1.6 !important;
  margin-left: 4px !important;
}
.alert-success .success-icon + strong[style*="white-space: nowrap"] {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  display: inline !important;
  margin-left: 4px !important;
}
.alert-success strong[style*="white-space: nowrap"] + span {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  display: inline !important;
  margin: 0 !important;
  text-indent: 0 !important;
  padding: 0 !important;
}
.alert-success strong[style*="white-space: nowrap"] + span[style*="white-space: normal"] {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  display: inline !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative !important;
  top: 0 !important;
  transform: translateY(0) !important;
}
.alert-success strong[style*="white-space: nowrap"] + span[style*="white-space: normal"],
.alert-success strong[style*="white-space: nowrap"] + span[style*="white-space: normal"] *,
.alert-success strong[style*="white-space: nowrap"] + span[style*="white-space: normal"]::after,
.alert-success strong[style*="white-space: nowrap"] + span[style*="white-space: normal"]::before {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  display: inline !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.alert-success span[style*="white-space: normal"] {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.alert-success .success-icon + strong[style*="white-space: nowrap"] + span,
.alert-success .success-icon + strong[style*="white-space: nowrap"] + span[style*="white-space: normal"],
.alert-success strong[style*="white-space: nowrap"] + span[style*="white-space: normal"] {
  vertical-align: middle !important;
  line-height: 1.6 !important;
  display: inline !important;
  margin: 0 !important;
  text-indent: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  position: relative !important;
  top: 0 !important;
  transform: translateY(0) !important;
}
.alert-success strong[style*="color: #fff"],
.alert-success strong[style*="color: #ffffff"],
.alert-success strong[style*="color:#fff"],
.alert-success strong[style*="color:#ffffff"] {
  color: #fff !important;
}
.alert-success .success-icon {
  display: none !important;
}
.alert-success i.success-icon[style*="color"] {
  color: inherit !important;
}
.alert-success .success-icon.ri-hashtag {
  color: #f59e0b !important;
}
.alert-success .success-icon.ri-stack-line:not([data-type="total_quantity"]) {
  color: #8b5cf6 !important;
}
.alert-success .success-icon.ri-stack-line[data-type="total_quantity"] {
  color: #d946ef !important;
}
.alert-success .success-icon.ri-link {
  color: #ec4899 !important;
}
.alert-success .success-icon.ri-user-line {
  color: #a855f7 !important;
}
.alert-success .success-icon.ri-numbers-line {
  color: #ef4444 !important;
}
.alert-success .success-icon.ri-hand-coin-line {
  color: #eab308 !important;
}
.alert-success .success-icon.ri-wallet-3-line {
  color: #f43f5e !important;
}
.alert-success .success-icon.ri-file-list-line {
  color: #f97316 !important;
}
.alert-success .success-icon.ri-repeat-line {
  color: #6366f1 !important;
}
.alert-success .success-icon.ri-time-line[data-type="interval"] {
  color: #06b6d4 !important;
}
.alert-success .success-icon.ri-time-line[data-type="delay"] {
  color: #f59e0b !important;
}
.alert-success > :first-child i,
.alert-success > i:first-child {
  display: inline-flex !important;
  margin-right: 8px;
  vertical-align: middle;
}
.alert-success .ri-check,
.alert-success .ri-check-fill,
.alert-success .ri-check-line,
.alert-success .ri-checkbox-circle-fill,
.alert-success .ri-checkbox-circle-line,
.alert-success > :first-child i,
.alert-success > :first-child[class*="ri-"],
.alert-success > i:first-child,
.alert-success i,
.alert-success i[class*="ri-"],
.alert-success span i,
.alert-success span[class*="ri-"] {
  font-size: 24px !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}
.alert-success,
.alert-success *,
.alert-success div,
.alert-success p,
.alert-success span {
  color: #fff !important;
  font-weight: 700;
}
.alert-success [class*="ri-"]:not(.close),
.alert-success i:not(.close i) {
  font-size: 24px !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.alert-success .success-icon {
  display: none !important;
}
#orderSuccessAlert [class*="ri-"],
#orderSuccessAlert i,
#orderSuccessAlert2 [class*="ri-"],
#orderSuccessAlert2 i {
  display: none !important;
  margin-right: 0 !important;
}
.nwoMain #newordersid .alert-success [class*="ri-"],
.nwoMain #newordersid .alert-success i {
  display: none !important;
  margin-right: 0 !important;
}
#newordersid .alert-success.alert-enhanced .alert-pill-icon,
#orderSuccessAlert.alert-enhanced .alert-pill-icon,
#orderSuccessAlert2.alert-enhanced .alert-pill-icon,
.nwoMain .alert-success.alert-enhanced .alert-pill-icon {
  display: flex !important;
}
.alert-danger {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: rgb(220 38 38 / 55%);
  border-radius: 15px;
  padding: 10px 20px;
  border-color: rgb(220 38 38 / 70%);
  border-width: 1px;
  border-style: solid;
  min-height: 45px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  z-index: 999;
  position: relative;
  gap: 12px;
}
.alert-danger .ri-alert-fill,
.alert-danger .ri-alert-line,
.alert-danger .ri-close-circle-fill,
.alert-danger .ri-close-circle-line,
.alert-danger .ri-error-warning-fill,
.alert-danger .ri-error-warning-line,
.alert-danger > :first-child i,
.alert-danger > :first-child[class*="ri-"],
.alert-danger > i:first-child,
.alert-danger i,
.alert-danger i[class*="ri-"],
.alert-danger span i,
.alert-danger span[class*="ri-"] {
  font-size: 24px !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}
.alert-danger,
.alert-danger *,
.alert-danger div,
.alert-danger p,
.alert-danger span {
  color: #fff !important;
  font-weight: 700;
}
.alert-danger [class*="ri-"]:not(.close),
.alert-danger i:not(.close i) {
  font-size: 24px !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.alert-danger > :not(.close) {
  display: flex !important;
  align-items: center !important;
}
.alert-danger:not(.d-none),
.alert-danger:not(.hidden),
.alert-danger:not(.hide) {
  display: flex;
}
.alert-danger.hidden {
  display: none;
}
.alert button.close {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 0;
  color: inherit !important;
  opacity: 0.8;
}
.alert button.close:hover {
  opacity: 1;
}
.alert-success button.close {
  color: #fff !important;
}
.alert-danger button.close {
  color: #fff !important;
}
.alert button.close:focus {
  outline: 0;
  border: none;
}
.alert button.close:hover {
  color: #fff !important;
}
.guser.verified {
  color: #009ef7;
}
.gcard {
  background: var(--color-2);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  box-shadow: 0 25px 50px rgb(10 39 83 / 7%);
  border-radius: 15px;
}
.gcard-2 {
  background: var(--color-2);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  box-shadow: 0 25px 50px rgb(10 39 83 / 7%);
  border-radius: 15px;
  position: relative;
  z-index: 25;
}
.gcard p,
.gcard-2 p {
  font-size: 14px;
}
.gcard .gc-scroll {
  max-height: 450px;
  overflow-x: scroll;
}
.gcard-body {
  padding: 31px 15px;
}
.gcard-body.gi-card {
  background:
    radial-gradient(circle at 85% 50%, rgb(15 116 255 / 18%), rgb(15 116 255 / 0%)) no-repeat,
    var(--color-2);
  background-position: right center;
  background-repeat: no-repeat;
}
body:not(.light) .gcard-body.gi-card .gi-text {
  color: #fff !important;
}
.gcard-2-body {
  padding: 31px 28px;
}
.gcard .gcardc {
  padding: 17px;
}
.gcard-2 .gcardc {
  padding: 17px;
}
.gcard-header {
  border-radius: 15px 15px 0 0 !important;
  background: linear-gradient(35deg, var(--color-2) 50%, var(--color-8) 100%);
  padding: 15px 28px;
  border-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: transparent;
  position: relative;
  overflow: hidden;
}
.gcard-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 75%;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  background: #0d111710;
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
}
.gcard-header.body-top-on-this {
  z-index: 2;
}
.gcard-header.body-top-on-this + .gcard-body {
  z-index: 4;
  position: relative;
  margin-top: -20px;
  padding-top: 0;
}
.gcard-head-icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
  background-color: var(--color-8);
  color: var(--color-6);
  margin-right: 10px;
}
.gcard-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.005em;
  color: var(--color-4);
  margin-bottom: 0;
}
.gcard-h-text {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: rgb(255 255 255 / 35%);
  margin-top: 10px;
  display: none;
}
@media (width >= 992px) {
  .gcard-h-text {
    display: block;
  }
}
.gcard-2.gcard-shadow {
  background: var(--color-2);
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.gcard-2.gcard-shadow::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(35deg, var(--color-2) 50%, var(--color-8) 100%);
  z-index: -1;
}
.gcard-2.gcard-shadow .gny-circle {
  border-radius: 50%;
  border: 3px solid rgb(255 0 25 / 17%);
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: #ff0018;
  font-size: 24px;
  line-height: 33px;
}
.gcard-2.gcard-shadow.fade-2::after {
  background: linear-gradient(35deg, var(--color-2) 60%, rgb(40 241 170 / 15%) 100%);
}
.gcard-2.gcard-shadow.fade-2 .gny-circle {
  color: #28f1aa;
  border-color: rgb(40 241 170 / 15%);
}
.gcard-2.gcard-shadow.fade-3::after {
  background: linear-gradient(35deg, var(--color-2) 60%, rgb(42 98 255 / 15%) 100%);
}
.gcard-2.gcard-shadow.fade-3 .gny-circle {
  color: #2a62ff;
  border-color: rgb(42 98 255 / 15%);
}
.gcard-2.gcard-shadow.fade-4::after {
  background: linear-gradient(35deg, var(--color-2) 60%, rgb(255 0 25 / 15%) 100%);
}
.gcard-2w.gcard-shadow.fade-4 .gny-circle {
  color: #ff0019;
  border-color: rgb(255 0 25 / 15%);
}
.gcard-2.gcard-shadow {
  position: relative;
  overflow: hidden;
}
.gcard-2.gcard-shadow h2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
  margin-bottom: 4px;
}
.gc-balance,
.gcard-2.gcard-shadow h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 37px;
  color: var(--color-4);
  margin-bottom: 0;
}
@media (width <= 991.98px) {
  .gcard-2.gcard-shadow .gcardc {
    padding: 15px;
  }
  .gcard-2.gcard-shadow h2 {
    font-size: 12px !important;
  }
  .gc-balance,
  .gcard-2.gcard-shadow h3 {
    font-size: 18px !important;
  }
  .gcard-2.gcard-shadow {
    margin: 0 0 15px;
  }
}
.g-nav {
  display: flex;
  align-content: center;
}
.g-nav li a {
  color: var(--color-4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 13px 20px;
  border-radius: 15px;
  background: var(--color-3);
  border: 1px solid var(--color-2);
  line-height: 1;
}
.g-nav li a.active {
  background: var(--color-6);
  border: 1px solid var(--color-6);
}
.form-control {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 15px;
  height: 50px;
  padding: 14px 18px;
  outline: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
}
body.light .form-control.payment-method-dropdown__trigger,
body.light button.form-control.payment-method-dropdown__trigger {
  background: var(--color-1) !important;
}
#dripfeed-interval,
#dripfeed-runs {
  white-space: pre;
}
.dripfeed-toggle-btn {
  position: relative;
  padding-right: 40px !important;
  transition:
    border-color 0.3s ease,
    background-color 0.3s ease,
    background 0.3s ease;
  border-radius: 15px !important;
}
.dripfeed-toggle-btn .dripfeed-chevron {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  pointer-events: none;
}
#dripfeed #dripfeedcheckbox:checked ~ .dripfeed-toggle-wrapper .dripfeed-toggle-btn .dripfeed-chevron,
#dripfeed:has(#dripfeedcheckbox:checked) .dripfeed-toggle-btn .dripfeed-chevron,
#dripfeedcheckbox:checked ~ .dripfeed-toggle-wrapper .dripfeed-toggle-btn .dripfeed-chevron,
.dripfeed-toggle-btn.active .dripfeed-chevron {
  transform: translateY(-50%) rotate(180deg) !important;
}
#dripfeed:has(#dripfeedcheckbox:checked) .dripfeed-toggle-btn,
#dripfeedcheckbox:checked ~ .dripfeed-toggle-wrapper .dripfeed-toggle-btn,
.dripfeed-toggle-btn.active {
  border-color: #16a34a !important;
  background: #16a34a !important;
}
.btn-fav,
.btn-mass,
.btn-new {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-fav i,
.btn-new i {
  margin-right: 10px;
}
.form-control:focus {
  background: var(--color-1);
  box-shadow: none;
  border: 1px solid var(--color-3);
  color: var(--color-4);
}
.form-control::placeholder {
  color: var(--color-5);
}
body:not(.light) #order_min .form-control::placeholder,
body:not(.light) #order_min input::placeholder,
body:not(.light) #order_min input[name="max"]::placeholder,
body:not(.light) #order_min input[name="min"]::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body:not(.light) .gcard .form-control[type="password"]::placeholder {
  color: #fff !important;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: var(--color-1) !important;
  opacity: 1;
}
.form-select,
select.form-control {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 15px;
  padding: 14px 18px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
}
.form-select:focus,
select.form-control:focus {
  box-shadow: none;
  background: var(--color-1);
  border: 1px solid var(--color-3);
}
select.form-control option:empty {
  display: none;
}
.payment-method-dropdown {
  position: relative;
}
.payment-method-dropdown select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 0;
  width: 0;
}
.payment-method-dropdown__trigger {
  width: 100%;
  border-radius: 15px;
  border: 1px solid var(--color-3);
  background: var(--color-1);
  padding: 14px 18px;
  min-height: 50px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.6rem !important;
  text-align: left !important;
  position: relative;
  color: var(--color-4);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
[data-payment-dropdown] .payment-method-dropdown__trigger,
body.light [data-payment-dropdown] .payment-method-dropdown__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger {
  justify-content: flex-start !important;
}
body.light .payment-method-dropdown__trigger {
  background: 0 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
}
body.light .account-details [data-payment-dropdown] .payment-method-dropdown__trigger,
body.light [data-payment-dropdown] .payment-method-dropdown__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
body.light [data-payment-dropdown] .payment-method-dropdown__trigger .payment-method-selected {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
body.light [data-payment-dropdown] .payment-method-dropdown__caret {
  margin-left: auto !important;
  order: 999 !important;
}
body.light .addfunds-page .payment-method-dropdown.is-open .payment-method-dropdown__trigger,
body.light .addfunds-page .payment-method-dropdown__trigger,
body.light .addfunds-page .payment-method-dropdown__trigger:active,
body.light .addfunds-page .payment-method-dropdown__trigger:focus,
body.light .addfunds-page .payment-method-dropdown__trigger:focus-visible,
body.light .addfunds-page .payment-method-dropdown__trigger:hover {
  background: #ced3d8 !important;
  border-color: rgb(15 23 42 / 12%) !important;
}
body.light .addfunds-page .payment-method-dropdown--banks .payment-method-dropdown__trigger,
body.light .addfunds-page .payment-method-dropdown.payment-method-dropdown--banks .payment-method-dropdown__trigger {
  background: #ced3d8 !important;
  border-color: rgb(15 23 42 / 12%) !important;
}
.addfunds-page .payment-method-dropdown__trigger {
  background: var(--color-1) !important;
  border-color: var(--color-3) !important;
}
body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding-right: 38px !important;
}
body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .payment-method-selected {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 0.55rem !important;
  text-align: left !important;
}
body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .payment-method-selected__logo {
  order: 1 !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}
body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .payment-method-selected__text {
  order: 2 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .bonus-badge-integrated {
  order: 3 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}
body.light .payment-method-dropdown__trigger > .fa-chevron-down,
body.light .payment-method-dropdown__trigger > .payment-method-dropdown__caret,
body.light .payment-method-dropdown__trigger > i.float-right {
  float: none !important;
}
.payment-method-dropdown__trigger:active,
.payment-method-dropdown__trigger:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.payment-method-dropdown.is-open .payment-method-dropdown__trigger,
.payment-method-dropdown__trigger:focus-visible {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  box-shadow: none;
}
body.light .payment-method-dropdown.is-open .payment-method-dropdown__trigger,
body.light .payment-method-dropdown__trigger:active,
body.light .payment-method-dropdown__trigger:focus,
body.light .payment-method-dropdown__trigger:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  border-color: rgb(15 23 42 / 12%) !important;
}
.payment-method-dropdown__caret {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%);
  font-size: 1.05rem !important;
  color: var(--color-4) !important;
  transition:
    transform 0.3s ease,
    color 0.2s ease;
  font-weight: 600;
  opacity: 0.9;
  width: 1.05rem !important;
  height: 1.05rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  order: 999 !important;
}
.payment-method-dropdown__caret:hover {
  opacity: 1;
  color: var(--color-6) !important;
}
.payment-method-dropdown.is-open .payment-method-dropdown__caret,
[data-payment-dropdown] [data-dropdown-toggle][aria-expanded="true"] .payment-method-dropdown__caret {
  transform: translateY(-50%) rotate(180deg) !important;
  color: var(--color-4) !important;
  opacity: 0.9;
}
body.light .payment-method-dropdown__caret {
  color: rgb(15 23 42 / 70%) !important;
}
.payment-method-selected {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  text-align: left !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.payment-method-selected__logo {
  width: 46px;
  height: 30px;
  border-radius: 9px;
  overflow: hidden;
  background: 0 0;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  flex-shrink: 0 !important;
  margin-right: 0.5rem !important;
  vertical-align: middle !important;
  align-self: center !important;
}
body.light .payment-method-selected__logo {
  background: 0 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.payment-method-selected__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-method-selected__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: var(--color-4);
  visibility: visible !important;
  opacity: 1 !important;
  display: inline !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  order: 2 !important;
}
body.light .payment-method-selected__text,
body.light [data-dropdown-label] {
  color: #000 !important;
}
body.light .payment-method-dropdown__trigger .float-right,
body.light .payment-method-dropdown__trigger > i.float-right {
  float: none !important;
}
.payment-method-dropdown__list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 15px;
  box-shadow: 0 20px 45px rgb(5 8 15 / 50%);
  padding: 0.6rem;
  display: none;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  max-height: 320px;
  overflow-y: auto;
  pointer-events: none;
}
body.light .payment-method-dropdown__list {
  border-color: rgb(15 23 42 / 12%) !important;
  box-shadow: 0 20px 35px rgb(15 23 42 / 12%) !important;
}
body:not(.light) .form-group .dropdown {
  position: relative !important;
  overflow: visible !important;
}
body:not(.light) #category-drop,
body:not(.light) #orders-drop,
body:not(.light) #serviceSearchResults,
body:not(.light) .form-group:not(#order_delay) .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  background: var(--color-1) !important;
  border: 1px solid var(--color-3) !important;
  border-radius: 15px !important;
  box-shadow: 0 20px 45px rgb(5 8 15 / 50%) !important;
  padding: 0.6rem !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: 9999 !important;
  max-height: 320px !important;
  overflow: hidden auto !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}
body:not(.light) #category-drop.show,
body:not(.light) #orders-drop.show,
body:not(.light) #serviceSearchResults.show,
body:not(.light) .form-group:not(#order_delay) .dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body:not(.light) #category-drop .dropdown-item,
body:not(.light) #orders-drop .dropdown-item,
body:not(.light) #serviceSearchResults .dropdown-item,
body:not(.light) .form-group .dropdown-menu .dropdown-item {
  width: 100% !important;
  border: none !important;
  background: 0 0 !important;
  padding: 0.35rem 0.3rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  transition:
    background 0.18s ease,
    transform 0.18s ease !important;
}
body:not(.light) #category-drop .dropdown-item:hover,
body:not(.light) #orders-drop .dropdown-item:hover,
body:not(.light) #serviceSearchResults .dropdown-item:hover,
body:not(.light) .form-group .dropdown-menu .dropdown-item:hover {
  background: rgb(255 255 255 / 15%) !important;
  color: #fff !important;
}
body:not(.light) #category-drop .dropdown-item.active,
body:not(.light) #category-drop .dropdown-item.is-active,
body:not(.light) #orders-drop .dropdown-item.active,
body:not(.light) #orders-drop .dropdown-item.is-active,
body:not(.light) #serviceSearchResults .dropdown-item.active,
body:not(.light) #serviceSearchResults .dropdown-item.is-active,
body:not(.light) .form-group .dropdown-menu .dropdown-item.active,
body:not(.light) .form-group .dropdown-menu .dropdown-item.is-active {
  background: rgb(13 110 253 / 18%) !important;
  color: #fff !important;
}
body.light .form-group .dropdown {
  position: relative !important;
  overflow: visible !important;
}
body.light #category-drop,
body.light #orders-drop,
body.light #serviceSearchResults,
body.light .form-group:not(#order_delay) .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  background: var(--color-1) !important;
  border: 1px solid rgb(15 23 42 / 12%) !important;
  border-radius: 15px !important;
  box-shadow: 0 20px 35px rgb(15 23 42 / 12%) !important;
  padding: 0.6rem !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: 9999 !important;
  max-height: 320px !important;
  overflow: hidden auto !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}
body.light #category-drop.show,
body.light #orders-drop.show,
body.light #serviceSearchResults.show,
body.light .form-group:not(#order_delay) .dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.light #category-drop .dropdown-item,
body.light #orders-drop .dropdown-item,
body.light #serviceSearchResults .dropdown-item,
body.light .form-group .dropdown-menu .dropdown-item {
  width: 100% !important;
  border: none !important;
  background: 0 0 !important;
  padding: 0.35rem 0.3rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  border-radius: 12px !important;
  color: #000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  transition:
    background 0.18s ease,
    transform 0.18s ease !important;
}
body.light #category-drop .dropdown-item:hover,
body.light #orders-drop .dropdown-item:hover,
body.light #serviceSearchResults .dropdown-item:hover,
body.light .form-group .dropdown-menu .dropdown-item:hover {
  background: #eef2f6 !important;
  color: #000 !important;
}
body.light #category-drop .dropdown-item.active,
body.light #category-drop .dropdown-item.is-active,
body.light #orders-drop .dropdown-item.active,
body.light #orders-drop .dropdown-item.is-active,
body.light #serviceSearchResults .dropdown-item.active,
body.light #serviceSearchResults .dropdown-item.is-active,
body.light .form-group .dropdown-menu .dropdown-item.active,
body.light .form-group .dropdown-menu .dropdown-item.is-active {
  background: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
  font-weight: 500 !important;
}
body.light .form-group .dropdown .form-control,
body.light .form-group .dropdown button.form-control {
  color: #000 !important;
  background: var(--color-1) !important;
  border-color: rgb(15 23 42 / 12%) !important;
  border-radius: 15px !important;
  padding: 14px 18px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.6rem !important;
  text-align: left !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}
body.light .form-group .dropdown .form-control:active,
body.light .form-group .dropdown .form-control:focus,
body.light .form-group .dropdown button.form-control:active,
body.light .form-group .dropdown button.form-control:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border-color: rgb(15 23 42 / 12%) !important;
  background: var(--color-1) !important;
}
body.light #categoryTitle,
body.light #serviceTitle,
body.light .form-group .dropdown .form-control span,
body.light .form-group .dropdown button.form-control span {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}
@media (width <= 767.98px) {
  body.light #categoryTitle,
  body.light #serviceTitle,
  body.light .form-group .dropdown .form-control span,
  body.light .form-group .dropdown button.form-control span {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.light #category-drop .dropdown-item,
  body.light #service-drop .dropdown-item,
  body.light .form-group .dropdown-menu .dropdown-item {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  #categoryTitle,
  #serviceTitle,
  .form-group .dropdown .form-control span,
  .form-group .dropdown button.form-control span {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  #category-drop .dropdown-item,
  #service-drop .dropdown-item,
  .form-group .dropdown-menu .dropdown-item {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  #category-drop .dropdown-item:has(.fs-fav),
  #orders-drop .dropdown-item:has(.fs-fav),
  #service-drop .dropdown-item:has(.fs-fav),
  .form-group .dropdown-menu .dropdown-item:has(.fs-fav),
  body.light #category-drop .dropdown-item:has(.fs-fav),
  body.light #orders-drop .dropdown-item:has(.fs-fav),
  body.light #service-drop .dropdown-item:has(.fs-fav),
  body.light .form-group .dropdown-menu .dropdown-item:has(.fs-fav) {
    padding-left: 16px !important;
  }
  #category-drop .dropdown-item .fs-fav,
  #category-drop .dropdown-item span.fs-fav,
  #service-drop .dropdown-item .fs-fav,
  #service-drop .dropdown-item span.fs-fav,
  .form-group .dropdown-menu .dropdown-item .fs-fav,
  .form-group .dropdown-menu .dropdown-item span.fs-fav,
  body.light #category-drop .dropdown-item .fs-fav,
  body.light #category-drop .dropdown-item span.fs-fav,
  body.light #service-drop .dropdown-item .fs-fav,
  body.light #service-drop .dropdown-item span.fs-fav,
  body.light .form-group .dropdown-menu .dropdown-item .fs-fav,
  body.light .form-group .dropdown-menu .dropdown-item span.fs-fav {
    margin-left: 0 !important;
    margin-right: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .form-group .dropdown button.form-control {
    display: flex !important;
    align-items: center !important;
    padding: 12px 35px 12px 15px !important;
    position: relative !important;
    min-height: 48px !important;
    height: auto !important;
  }
  .form-group .dropdown button.form-control .fa-chevron-down {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
  }
  .form-group .dropdown button.form-control[aria-expanded="true"] .fa-chevron-down,
  .form-group .dropdown.open button.form-control .fa-chevron-down,
  .form-group .dropdown.show button.form-control .fa-chevron-down {
    transform: translateY(-50%) rotate(180deg) !important;
  }
  .form-group .dropdown button.form-control #categoryTitle,
  .form-group .dropdown button.form-control #serviceTitle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 10px !important;
    margin-right: 0 !important;
    gap: 10px !important;
  }
  .form-group .dropdown button.form-control #categoryTitle > i:first-child,
  .form-group .dropdown button.form-control #categoryTitle > span:first-child,
  .form-group .dropdown button.form-control #serviceTitle > i:first-child,
  .form-group .dropdown button.form-control #serviceTitle > span:first-child {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }
  .form-group .dropdown button.form-control #categoryTitle > span:first-child > i,
  .form-group .dropdown button.form-control #serviceTitle > span:first-child > i {
    display: inline-block !important;
    width: auto !important;
    line-height: 1 !important;
    vertical-align: middle !important;
  }
  .form-group .dropdown button.form-control #categoryTitle > :not(:first-child),
  .form-group .dropdown button.form-control #categoryTitle > text,
  .form-group .dropdown button.form-control #serviceTitle > :not(:first-child),
  .form-group .dropdown button.form-control #serviceTitle > text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }
}
body.light #newordersid .form-group .dropdown button.form-control #categoryTitle,
body.light #newordersid .form-group .dropdown button.form-control #serviceTitle,
html body.light .form-group .dropdown button.form-control #categoryTitle,
html body.light .form-group .dropdown button.form-control #serviceTitle {
  gap: 0.35rem !important;
}
body.light #newordersid #categoryTitle > span:first-child,
body.light #newordersid #categoryTitle span[class*="fs-"],
body.light #newordersid #categoryTitle span[class^="fs-"],
body.light #newordersid #serviceTitle > span:first-child,
body.light #newordersid #serviceTitle span[class*="fs-"],
body.light #newordersid #serviceTitle span[class^="fs-"] {
  margin-right: 0 !important;
}
body.light .form-group {
  position: relative !important;
  overflow: visible !important;
}
body.light .row,
body.light .row .form-group {
  overflow: visible !important;
}
body.light .col-md-12,
body.light .col-md-12 .form-group,
body.light .col-md-4,
body.light .col-md-4 .form-group,
body.light .col-md-6,
body.light .col-md-6 .form-group {
  overflow: visible !important;
}
body.light #neworderForm,
body.light #newordersid,
body.light .nwoMain {
  overflow: visible !important;
}
body.light #serviceSearchResults.dropdown-menu.show,
body.light #serviceSearchResults.show,
body.light .form-group .dropdown .dropdown-menu.show,
body.light .form-group .dropdown.open #category-drop,
body.light .form-group .dropdown.open #orders-drop,
body.light .form-group .dropdown.open #serviceSearchResults,
body.light .form-group .dropdown.open .dropdown-menu,
body.light .form-group .dropdown.show #category-drop,
body.light .form-group .dropdown.show #orders-drop,
body.light .form-group .dropdown.show #serviceSearchResults,
body.light .form-group .dropdown.show .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9999 !important;
}
body.light .form-group .dropdown:not(.show, .open) #category-drop:not(.show),
body.light .form-group .dropdown:not(.show, .open) #orders-drop:not(.show),
body.light .form-group .dropdown:not(.show, .open) #serviceSearchResults:not(.show),
body.light .form-group .dropdown:not(.show, .open) .dropdown-menu:not(.show) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.light .form-group .dropdown {
  width: 100% !important;
}
body.light .form-group .dropdown button.form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.payment-method-dropdown.is-open .payment-method-dropdown__list,
[data-payment-dropdown].is-open .payment-method-dropdown__list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}
#order_delay .payment-method-dropdown,
#order_delay [data-payment-dropdown] {
  position: relative !important;
  overflow: visible !important;
}
#order_delay .col-md-6,
#order_delay .row {
  overflow: visible !important;
}
#order_delay .payment-method-dropdown.is-open .payment-method-dropdown__list,
#order_delay [data-payment-dropdown].is-open .payment-method-dropdown__list,
body #order_delay .payment-method-dropdown.is-open .payment-method-dropdown__list,
html body #order_delay .payment-method-dropdown.is-open .payment-method-dropdown__list,
html body.dark #order_delay .payment-method-dropdown.is-open .payment-method-dropdown__list,
html body.light #order_delay .payment-method-dropdown.is-open .payment-method-dropdown__list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  background: var(--color-1) !important;
  border: 1px solid var(--color-3) !important;
  border-radius: 15px !important;
  padding: 0.6rem !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  box-shadow: 0 20px 45px rgb(5 8 15 / 50%) !important;
}
#order_delay .payment-method-dropdown__list .payment-method-dropdown__option,
#order_delay .payment-method-dropdown__list .payment-method-dropdown__option *,
#order_delay .payment-method-dropdown__list .payment-method-dropdown__option button,
#order_delay .payment-method-dropdown__list .payment-method-dropdown__option div,
#order_delay .payment-method-dropdown__list .payment-method-dropdown__option span,
#order_delay .payment-method-dropdown__list .payment-method-dropdown__option-text,
body #order_delay .payment-method-dropdown__list .payment-method-dropdown__option,
html body #order_delay .payment-method-dropdown__list .payment-method-dropdown__option {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  width: 100% !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
#order_delay .payment-method-dropdown__trigger,
#order_delay [data-dropdown-toggle],
body.light #order_delay .payment-method-dropdown__trigger,
body.light #order_delay [data-dropdown-toggle] {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 1 !important;
  position: relative !important;
}
body.light #order_delay .payment-method-dropdown__list {
  pointer-events: none !important;
  z-index: 99999 !important;
}
body.light #order_delay .payment-method-dropdown.is-open .payment-method-dropdown__list,
body.light #order_delay [data-payment-dropdown].is-open .payment-method-dropdown__list {
  pointer-events: auto !important;
}
body.light #order_delay .payment-method-dropdown__list .payment-method-dropdown__option {
  pointer-events: auto !important;
  cursor: pointer !important;
}
body.light #order_delay {
  position: relative !important;
  overflow: visible !important;
}
body.light #order_delay .col-md-6 {
  overflow: visible !important;
  position: relative !important;
}
body.light #order_delay .row {
  overflow: visible !important;
}
body.light #order_delay .payment-method-dropdown__trigger {
  border-color: rgb(15 23 42 / 12%) !important;
}
body.light #order_delay .payment-method-dropdown__list {
  border-color: rgb(15 23 42 / 12%) !important;
}
.payment-method-dropdown__option {
  width: 100%;
  border: none;
  background: 0 0;
  background-color: transparent;
  padding: 0.35rem 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border-radius: 12px;
  color: var(--color-4);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}
.payment-method-dropdown__option:hover {
  background: rgb(255 255 255 / 15%);
}
.payment-method-dropdown__option.is-active {
  background: rgb(13 110 253 / 18%);
}
body.light .payment-method-dropdown__trigger,
body.light .payment-method-dropdown__trigger *,
body.light .payment-method-dropdown__trigger .payment-method-selected__text,
body.light .payment-method-dropdown__trigger.form-control,
body.light .payment-method-dropdown__trigger.form-control .payment-method-selected__text,
body.light .payment-method-selected,
body.light .payment-method-selected *,
body.light .payment-method-selected .payment-method-selected__text,
body.light .payment-method-selected__text,
body.light [data-payment-dropdown] .payment-method-dropdown__trigger,
body.light [data-payment-dropdown] .payment-method-dropdown__trigger *,
body.light [data-payment-dropdown] .payment-method-selected,
body.light [data-payment-dropdown] .payment-method-selected *,
body.light [data-payment-dropdown] .payment-method-selected__text,
body.light button.payment-method-dropdown__trigger,
body.light button.payment-method-dropdown__trigger .payment-method-selected__text {
  visibility: visible !important;
  opacity: 1 !important;
  color: #000 !important;
}
body.light .payment-method-dropdown__option {
  background: var(--color-1) !important;
  color: #0f172a !important;
}
body.light .payment-method-dropdown__option:hover {
  background: #eef2f6 !important;
}
body.light .payment-method-dropdown__option.is-active {
  background: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
}
.bs-toast {
  position: fixed !important;
  bottom: 16px !important;
  left: 16px !important;
  z-index: 99999 !important;
  opacity: 1 !important;
}
body.light .payment-method-dropdown__list .payment-method-dropdown__option {
  background: var(--color-1) !important;
  color: #0f172a !important;
}
body.light .payment-method-dropdown__list .payment-method-dropdown__option:hover {
  background: #eef2f6 !important;
}
body.light .payment-method-dropdown__list .payment-method-dropdown__option.is-active {
  background: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
}
body:not(.light) .dropdown-menu .dropdown-item:focus,
body:not(.light) .dropdown-menu .dropdown-item:hover {
  background: rgb(255 255 255 / 15%) !important;
  color: var(--color-4) !important;
}
body.light .dropdown-menu .dropdown-item:focus,
body.light .dropdown-menu .dropdown-item:hover {
  background: rgb(15 23 42 / 14%) !important;
  color: #0f172a !important;
}
body.light .account-details .select2-results__option--highlighted[aria-selected],
body.light .select2-results__option--highlighted[aria-selected] {
  background: rgb(15 23 42 / 14%) !important;
  color: #0f172a !important;
}
.payment-method-dropdown__option-logo {
  width: 64px;
  height: 32px;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: none;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  border: none;
}
.payment-method-dropdown__option-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-method-dropdown__option-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
body.light .payment-method-dropdown__option-text,
body.light .payment-method-dropdown__option-text * {
  color: #000 !important;
}
.payment-method-dropdown__option-icon {
  margin-right: 8px;
  font-size: 18px !important;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 20px !important;
  min-width: 20px !important;
  flex-shrink: 0;
  justify-content: center;
}
.payment-method-dropdown__option-icon.ri-shopping-bag-line {
  color: #ef4444 !important;
  fill: #ef4444 !important;
}
.payment-method-dropdown__option-icon.ri-wallet-3-line {
  color: #22c55e !important;
  fill: #22c55e !important;
}
.payment-method-dropdown__option-icon.ri-tools-line {
  color: #f97316 !important;
  fill: #f97316 !important;
}
.payment-method-dropdown__option-icon.ri-user-settings-line {
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
}
.payment-method-dropdown__option-icon.ri-question-answer-line {
  color: #0ea5e9 !important;
  fill: #0ea5e9 !important;
}
.payment-method-dropdown__option-icon.ri-error-warning-line {
  color: #f59e0b !important;
  fill: #f59e0b !important;
}
.payment-method-dropdown__option-icon.ri-lightbulb-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.payment-method-dropdown__option-icon.ri-store-2-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
body.light .payment-method-dropdown__option-icon.ri-shopping-bag-line {
  color: #dc2626 !important;
  fill: #dc2626 !important;
}
body.light .payment-method-dropdown__option-icon.ri-wallet-3-line {
  color: #16a34a !important;
  fill: #16a34a !important;
}
body.light .payment-method-dropdown__option-icon.ri-tools-line {
  color: #ea580c !important;
  fill: #ea580c !important;
}
body.light .payment-method-dropdown__option-icon.ri-user-settings-line {
  color: #2563eb !important;
  fill: #2563eb !important;
}
body.light .payment-method-dropdown__option-icon.ri-question-answer-line {
  color: #0284c7 !important;
  fill: #0284c7 !important;
}
body.light .payment-method-dropdown__option-icon.ri-error-warning-line {
  color: #d97706 !important;
  fill: #d97706 !important;
}
body.light .payment-method-dropdown__option-icon.ri-lightbulb-line {
  color: #f59e0b !important;
  fill: #f59e0b !important;
}
body.light .payment-method-dropdown__option-icon.ri-store-2-line {
  color: #7c3aed !important;
  fill: #7c3aed !important;
}
.payment-method-select {
  position: relative;
  margin-top: 0.75rem;
}
.payment-method-select__logo {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 32px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  border: none;
}
.payment-method-select__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-method-select .form-control {
  padding-left: 80px;
}
.bank-logo-thumb {
  display: inline-flex;
  width: 42px;
  height: 28px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 12px;
  vertical-align: middle;
  box-shadow: 0 2px 6px rgb(0 0 0 / 28%);
  background: #0f121b;
  border: 1px solid rgb(255 255 255 / 6%);
}
.bank-logo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.light .bank-logo-thumb {
  background: #f5f7fb;
  border: 1px solid rgb(15 23 42 / 12%);
  box-shadow: 0 1px 4px rgb(15 23 42 / 15%);
}
body.light .payment-method-dropdown__option-logo,
body.light .payment-method-select__logo,
body.light .payment-method-selected__logo {
  background: 0 0;
  border: none;
  box-shadow: none;
}
.addBalanceBtn.is-active,
.addBalanceBtn:focus {
  background: var(--color-6) !important;
  border-color: var(--color-6) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgb(33 115 255 / 28%) !important;
}
body.light .addBalanceBtn.is-active,
body.light .addBalanceBtn:focus {
  background: var(--color-6) !important;
  color: #fff !important;
  border-color: var(--color-6) !important;
  box-shadow: 0 8px 18px rgb(33 115 255 / 28%) !important;
}
.addBalanceBtn.is-active,
.addBalanceBtn:focus {
  background: var(--color-6);
  border: 1px solid transparent;
  color: #fff;
  box-shadow: 0 8px 18px rgb(33 115 255 / 28%);
  outline: 0;
}
body.light .addBalanceBtn.is-active,
body.light .addBalanceBtn:focus {
  background: var(--color-6);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 8px 18px rgb(33 115 255 / 28%);
  outline: 0;
}
.form-select::placeholder,
select.form-control::placeholder {
  color: rgb(255 255 255 / 50%);
}
.form-label,
label {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-4);
  margin-bottom: 12px;
}
.form-control-lg {
  padding: 20px 18px;
}
.form-check-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
}
.form-check-input {
  width: 20px;
  height: 20px;
}
.form-check-input:checked {
  background-color: #0258ff;
  border-color: #0258ff;
}
.dropdown-menu {
  border: none;
  box-shadow: 0 10px 30px rgb(115 86 241 / 15%);
  border-radius: 15px;
  background-color: var(--color-2);
  width: 100%;
  display: none !important;
}
.btn-group .dropdown-menu {
  border: 1px solid var(--color-1);
  border-radius: 15px;
  box-shadow: none;
  background-color: var(--color-2);
  width: 100%;
  right: 0 !important;
  left: auto !important;
  transform: translate3d(0, 52px, 0) !important;
  min-width: 250px;
}
.btn-group .dropdown-menu.langs {
  min-width: 150px;
}
.btn-group .dropdown-menu.langs li {
  border-bottom: 1px solid var(--color-1);
}
.btn-group .dropdown-menu.langs li:last-child {
  border: none;
}
.dropdown-menu.show {
  display: block !important;
  position: relative;
  z-index: 50 !important;
}
.dropdown[data-display="static"] .dropdown-menu.show,
.dropdown[data-toggle="dropdown"][data-display="static"] .dropdown-menu.show,
.form-group .dropdown[data-display="static"] .dropdown-menu.show {
  position: static !important;
  z-index: auto !important;
}
.dropdown-menu[data-display="static"].show,
.dropdown[data-display="static"] .dropdown-menu.show,
.dropdown[data-toggle="dropdown"][data-display="static"] .dropdown-menu.show,
button[data-toggle="dropdown"][data-display="static"] + .dropdown-menu.show {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  display: block !important;
  float: none !important;
  clear: both !important;
}
.form-group .dropdown[data-display="static"],
.form-group .dropdown[data-toggle="dropdown"][data-display="static"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
.form-group .dropdown[data-display="static"] .dropdown-menu.show,
.form-group .dropdown[data-toggle="dropdown"][data-display="static"] .dropdown-menu.show {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  display: block !important;
  float: none !important;
  clear: both !important;
}
.control-label + .dropdown,
label.control-label + .dropdown {
  display: block !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.control-label + .dropdown[data-display="static"] .dropdown-menu.show,
label.control-label + .dropdown[data-display="static"] .dropdown-menu.show {
  position: static !important;
  transform: none !important;
  inset: auto !important;
}
.dropdown-item {
  font-weight: 500;
  color: var(--color-4);
  padding: 6px 20px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.5;
}
.dropdown-item .fs-def,
.dropdown-item .fs-discount,
.dropdown-item .fs-fav,
.dropdown-item .fs-tiktok,
.dropdown-item i,
.dropdown-item span.fs-def,
.dropdown-item span.fs-discount,
.dropdown-item span.fs-fav,
.dropdown-item span.fs-tiktok,
.dropdown-item span[class*="fs-"],
.dropdown-item span[class^="fs-"] {
  width: 28px !important;
  min-width: 28px !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}
.dropdown-item .fs-fav .fa-star,
.dropdown-item .fs-fav .fas.fa-star,
.dropdown-item .fs-fav i,
.dropdown-item span.fs-fav .fa-star,
.dropdown-item span.fs-fav .fas.fa-star,
.dropdown-item span.fs-fav i {
  font-size: 18px !important;
}
.dropdown-item .fs-discount .ri-price-tag-3-line,
.dropdown-item .fs-discount i,
.dropdown-item span.fs-discount .ri-price-tag-3-line,
.dropdown-item span.fs-discount i {
  font-size: 22px !important;
}
.dropdown-item span[class*="fs-"] i,
.dropdown-item span[class^="fs-"] i {
  width: auto;
  min-width: auto;
  margin-right: 0;
  vertical-align: middle;
}
/* İkon kutusu sabit yükseklik: fa-instagram gibi glifi uzun marka ikonları
   satır yüksekliğini şişirmesin. Hangi sayfada/noktada kullanılırsa kullanılsın
   TÜM platform ikonları (IG, TikTok, YouTube, Twitch, Discord vb.) tek düze
   görünür; ileride ikon/marka değişse bile fs-* sınıfı korunduğu sürece aynı
   kural uygulanır. */
span[class*="fs-"]:has(i),
span[class^="fs-"]:has(i) {
  height: 26px !important;
  max-height: 26px !important;
}
span[class*="fs-"]:has(i) i,
span[class^="fs-"]:has(i) i {
  font-size: 18px !important;
  line-height: 1 !important;
}
.dropdown-item > :not(i, span[class*="fs-"], span[class^="fs-"]) {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.5;
}
#serviceSearchResults .dropdown-item {
  text-align: left !important;
}
#serviceSearchResults .search-service-content,
#serviceSearchResults .search-service-price {
  display: inline !important;
  white-space: normal;
}
#categoryTitle,
#serviceTitle {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.5;
}
#newordersid .dropdown button.form-control {
  position: relative;
  padding-right: 40px;
}
#newordersid .dropdown button.form-control .fa-chevron-down {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  pointer-events: none;
  font-size: 1.15rem !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#newordersid .dropdown button.form-control[aria-expanded="true"] .fa-chevron-down,
#newordersid .dropdown.open button.form-control .fa-chevron-down {
  transform: translateY(-50%) rotate(180deg);
}
#categoryTitle > i:not(.fa-chevron-down, .fa-caret-down, .float-right),
#categoryTitle > span:first-child,
#categoryTitle span[class*="fs-"],
#categoryTitle span[class^="fs-"],
#serviceTitle > i:not(.fa-chevron-down, .fa-caret-down, .float-right),
#serviceTitle > span:first-child,
#serviceTitle span[class*="fs-"],
#serviceTitle span[class^="fs-"] {
  width: 28px !important;
  min-width: 28px !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}
html body.light #categoryTitle,
html body.light #serviceTitle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.35rem !important;
  margin-right: 0 !important;
  text-align: left !important;
}
html body.light #categoryTitle > :first-child,
html body.light #categoryTitle > span:first-child,
html body.light #categoryTitle span[class*="fs-"],
html body.light #categoryTitle span[class^="fs-"],
html body.light #serviceTitle > :first-child,
html body.light #serviceTitle > span:first-child,
html body.light #serviceTitle span[class*="fs-"],
html body.light #serviceTitle span[class^="fs-"] {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
@media (max-width: 767.98px) {
  html body.light #categoryTitle,
  html body.light #serviceTitle {
    display: inline-flex !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
  html body.light #categoryTitle > :first-child,
  html body.light #categoryTitle > span:first-child,
  html body.light #categoryTitle span[class*="fs-"],
  html body.light #categoryTitle span[class^="fs-"],
  html body.light #serviceTitle > :first-child,
  html body.light #serviceTitle > span:first-child,
  html body.light #serviceTitle span[class*="fs-"],
  html body.light #serviceTitle span[class^="fs-"] {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
  }
}
#categoryTitle .fs-fav .fa-star,
#categoryTitle .fs-fav .fas.fa-star,
#categoryTitle .fs-fav i,
#categoryTitle span.fs-fav .fa-star,
#categoryTitle span.fs-fav .fas.fa-star,
#categoryTitle span.fs-fav i,
#serviceTitle .fs-fav .fa-star,
#serviceTitle .fs-fav .fas.fa-star,
#serviceTitle .fs-fav i,
#serviceTitle span.fs-fav .fa-star,
#serviceTitle span.fs-fav .fas.fa-star,
#serviceTitle span.fs-fav i {
  font-size: 18px !important;
}
#categoryTitle .fs-discount .ri-price-tag-3-line,
#categoryTitle .fs-discount i,
#categoryTitle span.fs-discount .ri-price-tag-3-line,
#categoryTitle span.fs-discount i,
#serviceTitle .fs-discount .ri-price-tag-3-line,
#serviceTitle .fs-discount i,
#serviceTitle span.fs-discount .ri-price-tag-3-line,
#serviceTitle span.fs-discount i {
  font-size: 22px !important;
}
.g-menu-icon .ri-dashboard-2-line,
body.light .g-menu-icon .ri-dashboard-2-line {
  color: #3b82f6 !important;
}
.g-menu-icon .ri-list-check-2,
body.light .g-menu-icon .ri-list-check-2 {
  color: #10b981 !important;
}
.g-menu-icon .ri-shopping-basket-line,
body.light .g-menu-icon .ri-shopping-basket-line {
  color: #f59e0b !important;
}
.g-menu-icon .ri-calendar-check-line,
body.light .g-menu-icon .ri-calendar-check-line {
  color: #8b5cf6 !important;
}
.g-menu-icon .ri-dvd-line,
body.light .g-menu-icon .ri-dvd-line {
  color: #ec4899 !important;
}
.g-menu-icon .ri-exchange-dollar-line,
body.light .g-menu-icon .ri-exchange-dollar-line {
  color: #14b8a6 !important;
}
.g-menu-icon .ri-star-smile-line,
body.light .g-menu-icon .ri-star-smile-line {
  color: #fbbf24 !important;
}
.g-menu-icon .ri-store-2-line,
body.light .g-menu-icon .ri-store-2-line {
  color: #06b6d4 !important;
}
.g-menu-icon .ri-terminal-box-line,
body.light .g-menu-icon .ri-terminal-box-line {
  color: #6366f1 !important;
}
.g-menu-icon .ri-customer-service-2-line,
body.light .g-menu-icon .ri-customer-service-2-line {
  color: #22c55e !important;
}
.g-menu-icon .ri-booklet-line,
body.light .g-menu-icon .ri-booklet-line {
  color: #a855f7 !important;
}
.g-menu-icon .ri-questionnaire-line,
body.light .g-menu-icon .ri-questionnaire-line {
  color: #0ea5e9 !important;
}
.g-menu-icon .ri-file-list-3-line,
body.light .g-menu-icon .ri-file-list-3-line {
  color: #8b5cf6 !important;
}
.dropdown-item .ri-settings-4-line.pr-2,
.dropdown-item i.ri-settings-4-line.pr-2,
.dropdown-menu .dropdown-item .ri-settings-4-line,
.dropdown-menu .dropdown-item i.ri-settings-4-line,
body.light .dropdown-item .ri-settings-4-line.pr-2,
body.light .dropdown-item i.ri-settings-4-line.pr-2,
body.light .dropdown-menu .dropdown-item .ri-settings-4-line,
body.light .dropdown-menu .dropdown-item i.ri-settings-4-line {
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
}
.dropdown-item .ri-file-list-3-line.pr-2,
.dropdown-item i.ri-file-list-3-line.pr-2,
.dropdown-menu .dropdown-item .ri-file-list-3-line,
.dropdown-menu .dropdown-item i.ri-file-list-3-line,
body.light .dropdown-item .ri-file-list-3-line.pr-2,
body.light .dropdown-item i.ri-file-list-3-line.pr-2,
body.light .dropdown-menu .dropdown-item .ri-file-list-3-line,
body.light .dropdown-menu .dropdown-item i.ri-file-list-3-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
.g-menu-icon .ri-mail-send-line,
body.light .g-menu-icon .ri-mail-send-line {
  color: #f97316 !important;
}
.g-menu-icon .ri-shield-check-line,
body.light .g-menu-icon .ri-shield-check-line {
  color: #22c55e !important;
}
.gcard-head-icon .ri-shield-check-line,
.gcard-icon .ri-shield-check-line,
body.light .gcard-head-icon .ri-shield-check-line,
body.light .gcard-icon .ri-shield-check-line {
  color: #22c55e !important;
}
.gcard-head-icon .ri-mail-check-line,
.gcard-icon .ri-mail-check-line,
body.light .gcard-head-icon .ri-mail-check-line,
body.light .gcard-icon .ri-mail-check-line {
  color: #ec4899 !important;
}
.gcard-head-icon .ri-message-3-line,
.gcard-icon .ri-message-3-line,
body.light .gcard-head-icon .ri-message-3-line,
body.light .gcard-icon .ri-message-3-line {
  color: #22c55e !important;
}
.gcard-head-icon .ri-dashboard-2-line,
.gcard-icon .ri-dashboard-2-line,
.ri-dashboard-2-line,
body.light .gcard-head-icon .ri-dashboard-2-line,
body.light .gcard-icon .ri-dashboard-2-line,
body.light .ri-dashboard-2-line {
  color: #3b82f6 !important;
}
.gcard-head-icon .ri-list-check-2,
.gcard-icon .ri-list-check-2,
.ri-list-check-2,
body.light .gcard-head-icon .ri-list-check-2,
body.light .gcard-icon .ri-list-check-2,
body.light .ri-list-check-2 {
  color: #10b981 !important;
}
.gcard-head-icon .ri-shopping-basket-line,
.gcard-icon .ri-shopping-basket-line,
.ri-shopping-basket-line,
body.light .gcard-head-icon .ri-shopping-basket-line,
body.light .gcard-icon .ri-shopping-basket-line,
body.light .ri-shopping-basket-line {
  color: #f59e0b !important;
}
.gcard-head-icon .ri-calendar-check-line,
.gcard-icon .ri-calendar-check-line,
.ri-calendar-check-line,
body.light .gcard-head-icon .ri-calendar-check-line,
body.light .gcard-icon .ri-calendar-check-line,
body.light .ri-calendar-check-line {
  color: #8b5cf6 !important;
}
.gcard-head-icon .ri-dvd-line,
.gcard-icon .ri-dvd-line,
.ri-dvd-line,
body.light .gcard-head-icon .ri-dvd-line,
body.light .gcard-icon .ri-dvd-line,
body.light .ri-dvd-line {
  color: #ec4899 !important;
}
.gcard-head-icon .ri-exchange-dollar-line,
.gcard-icon .ri-exchange-dollar-line,
.ri-exchange-dollar-line,
body.light .gcard-head-icon .ri-exchange-dollar-line,
body.light .gcard-icon .ri-exchange-dollar-line,
body.light .ri-exchange-dollar-line {
  color: #14b8a6 !important;
}
.gcard-head-icon .ri-star-smile-line,
.gcard-icon .ri-star-smile-line,
.ri-star-smile-line,
body.light .gcard-head-icon .ri-star-smile-line,
body.light .gcard-icon .ri-star-smile-line,
body.light .ri-star-smile-line {
  color: #fbbf24 !important;
}
.gcard-head-icon .ri-store-2-line,
.gcard-icon .ri-store-2-line,
.ri-store-2-line,
body.light .gcard-head-icon .ri-store-2-line,
body.light .gcard-icon .ri-store-2-line,
body.light .ri-store-2-line {
  color: #06b6d4 !important;
}
.ch-g-ticon .gcard-head-icon .ri-share-forward-box-fill,
.ch-g-ticon .gcard-head-icon i.ri-share-forward-box-fill,
.gcard-head-icon .ri-share-forward-box-fill,
.gcard-head-icon i.ri-share-forward-box-fill,
body.light .ch-g-ticon .gcard-head-icon .ri-share-forward-box-fill,
body.light .ch-g-ticon .gcard-head-icon i.ri-share-forward-box-fill,
body.light .gcard-head-icon .ri-share-forward-box-fill,
body.light .gcard-head-icon i.ri-share-forward-box-fill {
  color: #ec4899 !important;
  fill: #ec4899 !important;
}
.gcard-head-icon .ri-terminal-box-line,
.gcard-icon .ri-terminal-box-line,
.ri-terminal-box-line,
body.light .gcard-head-icon .ri-terminal-box-line,
body.light .gcard-icon .ri-terminal-box-line,
body.light .ri-terminal-box-line {
  color: #6366f1 !important;
}
.gcard-head-icon .ri-customer-service-2-line,
.gcard-icon .ri-customer-service-2-line,
.ri-customer-service-2-line,
body.light .gcard-head-icon .ri-customer-service-2-line,
body.light .gcard-icon .ri-customer-service-2-line,
body.light .ri-customer-service-2-line {
  color: #22c55e !important;
}
.gcard-head-icon .ri-booklet-line,
.gcard-icon .ri-booklet-line,
.ri-booklet-line,
body.light .gcard-head-icon .ri-booklet-line,
body.light .gcard-icon .ri-booklet-line,
body.light .ri-booklet-line {
  color: #a855f7 !important;
}
.gcard-head-icon .ri-questionnaire-line,
.gcard-icon .ri-questionnaire-line,
.ri-questionnaire-line,
body.light .gcard-head-icon .ri-questionnaire-line,
body.light .gcard-icon .ri-questionnaire-line,
body.light .ri-questionnaire-line {
  color: #0ea5e9 !important;
}
.gcard-head-icon .ri-file-list-3-line,
.gcard-icon .ri-file-list-3-line,
.ri-file-list-3-line,
body.light .gcard-head-icon .ri-file-list-3-line,
body.light .gcard-icon .ri-file-list-3-line,
body.light .ri-file-list-3-line {
  color: #64748b !important;
}
.gcard-head-icon .ri-mail-send-line,
.gcard-icon .ri-mail-send-line,
.ri-mail-send-line,
body.light .gcard-head-icon .ri-mail-send-line,
body.light .gcard-icon .ri-mail-send-line,
body.light .ri-mail-send-line {
  color: #f97316 !important;
}
.gi-card .gcard-icon .ri-dashboard-2-line,
.gi-card .gcard-icon i.ri-dashboard-2-line,
body.light .gi-card .gcard-icon .ri-dashboard-2-line,
body.light .gi-card .gcard-icon i.ri-dashboard-2-line {
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon .ri-exchange-dollar-line,
.gcard-2 .gcard-body.gi-card .gcard-icon i.ri-exchange-dollar-line,
.gcard-body.gi-card .gcard-icon .ri-exchange-dollar-line,
.gcard-body.gi-card .gcard-icon i.ri-exchange-dollar-line,
.gcard-icon.gi-1 .ri-exchange-dollar-line,
.gcard-icon.gi-1 i.ri-exchange-dollar-line,
.gi-card .gcard-icon .ri-exchange-dollar-line,
.gi-card .gcard-icon i.ri-exchange-dollar-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon .ri-exchange-dollar-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon i.ri-exchange-dollar-line,
body.light .gcard-body.gi-card .gcard-icon .ri-exchange-dollar-line,
body.light .gcard-body.gi-card .gcard-icon i.ri-exchange-dollar-line,
body.light .gcard-icon.gi-1 .ri-exchange-dollar-line,
body.light .gcard-icon.gi-1 i.ri-exchange-dollar-line,
body.light .gi-card .gcard-icon .ri-exchange-dollar-line,
body.light .gi-card .gcard-icon i.ri-exchange-dollar-line {
  color: #14b8a6 !important;
  fill: #14b8a6 !important;
}
.gi-card .gcard-icon .ri-list-check-2,
.gi-card .gcard-icon i.ri-list-check-2,
body.light .gi-card .gcard-icon .ri-list-check-2,
body.light .gi-card .gcard-icon i.ri-list-check-2 {
  color: #10b981 !important;
  fill: #10b981 !important;
}
.gi-card .gcard-icon .ri-shopping-basket-line,
.gi-card .gcard-icon i.ri-shopping-basket-line,
body.light .gi-card .gcard-icon .ri-shopping-basket-line,
body.light .gi-card .gcard-icon i.ri-shopping-basket-line {
  color: #f59e0b !important;
  fill: #f59e0b !important;
}
.gi-card .gcard-icon .ri-calendar-check-line,
.gi-card .gcard-icon i.ri-calendar-check-line,
body.light .gi-card .gcard-icon .ri-calendar-check-line,
body.light .gi-card .gcard-icon i.ri-calendar-check-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
.gi-card .gcard-icon .ri-dvd-line,
.gi-card .gcard-icon i.ri-dvd-line,
body.light .gi-card .gcard-icon .ri-dvd-line,
body.light .gi-card .gcard-icon i.ri-dvd-line {
  color: #ec4899 !important;
  fill: #ec4899 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon .ri-star-smile-line,
.gcard-2 .gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
.gcard-body.gi-card .gcard-icon .ri-star-smile-line,
.gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
.gcard-icon.gi-1 .ri-star-smile-line,
.gcard-icon.gi-1 i.ri-star-smile-line,
.gi-card .gcard-icon .ri-star-smile-line,
.gi-card .gcard-icon i.ri-star-smile-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon .ri-star-smile-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
body.light .gcard-body.gi-card .gcard-icon .ri-star-smile-line,
body.light .gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
body.light .gcard-icon.gi-1 .ri-star-smile-line,
body.light .gcard-icon.gi-1 i.ri-star-smile-line,
body.light .gi-card .gcard-icon .ri-star-smile-line,
body.light .gi-card .gcard-icon i.ri-star-smile-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.gi-card .gcard-icon .ri-store-2-line,
.gi-card .gcard-icon i.ri-store-2-line,
body.light .gi-card .gcard-icon .ri-store-2-line,
body.light .gi-card .gcard-icon i.ri-store-2-line {
  color: #06b6d4 !important;
  fill: #06b6d4 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-store-2-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-store-2-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-store-2-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-store-2-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-store-2-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-store-2-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-store-2-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-store-2-line {
  color: #06b6d4 !important;
  fill: #06b6d4 !important;
}
.gi-card .gcard-icon .ri-terminal-box-line,
.gi-card .gcard-icon i.ri-terminal-box-line,
body.light .gi-card .gcard-icon .ri-terminal-box-line,
body.light .gi-card .gcard-icon i.ri-terminal-box-line {
  color: #6366f1 !important;
  fill: #6366f1 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-terminal-box-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-terminal-box-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-terminal-box-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-terminal-box-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-terminal-box-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-terminal-box-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-terminal-box-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-terminal-box-line {
  color: #6366f1 !important;
  fill: #6366f1 !important;
}
.gi-card .gcard-icon .ri-customer-service-2-line,
.gi-card .gcard-icon i.ri-customer-service-2-line,
body.light .gi-card .gcard-icon .ri-customer-service-2-line,
body.light .gi-card .gcard-icon i.ri-customer-service-2-line {
  color: #22c55e !important;
  fill: #22c55e !important;
}
.gi-card .gcard-icon .ri-booklet-line,
.gi-card .gcard-icon i.ri-booklet-line,
body.light .gi-card .gcard-icon .ri-booklet-line,
body.light .gi-card .gcard-icon i.ri-booklet-line {
  color: #a855f7 !important;
  fill: #a855f7 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
.gi-card .gcard-icon .ri-questionnaire-line,
.gi-card .gcard-icon i.ri-questionnaire-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
body.light .gi-card .gcard-icon .ri-questionnaire-line,
body.light .gi-card .gcard-icon i.ri-questionnaire-line {
  color: #0ea5e9 !important;
  fill: #0ea5e9 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
.gi-card .gcard-icon .ri-file-list-3-line,
.gi-card .gcard-icon i.ri-file-list-3-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
body.light .gi-card .gcard-icon .ri-file-list-3-line,
body.light .gi-card .gcard-icon i.ri-file-list-3-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
.gnyTos .nav-item.nav-link .ri-file-text-line,
.gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link i.ri-file-text-line,
.gnyTos .nav-item.nav-link i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:hover:not(.active) .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:hover:not(.active) i.ri-file-text-line,
.gnyTos .nav-item.nav-link:not(.active) .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:not(.active) i.ri-file-text-line,
.gnyTos .nav-link .ri-file-text-line,
.gnyTos .nav-link i.ri-file-text-line,
.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link .ri-file-text-line,
body.light .gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link i.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:hover:not(.active) .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:hover:not(.active) i.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:not(.active) .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:not(.active) i.ri-file-text-line,
body.light .gnyTos .nav-link .ri-file-text-line,
body.light .gnyTos .nav-link i.ri-file-text-line,
body.light .terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
.gnyTos .nav-item.nav-link.active .ri-file-text-line,
.gnyTos .nav-item.nav-link.active .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link.active i.ri-file-text-line,
.gnyTos .nav-item.nav-link.active i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link.active i.terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link.active:focus .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link.active:focus i.ri-file-text-line,
.gnyTos .nav-item.nav-link.active:hover .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link.active:hover i.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active .ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active i.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link.active i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active:focus .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active:focus i.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active:hover .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link.active:hover i.ri-file-text-line {
  color: #fff !important;
  fill: #fff !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
.gi-card .gcard-icon .ri-mail-send-line,
.gi-card .gcard-icon i.ri-mail-send-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
body.light .gi-card .gcard-icon .ri-mail-send-line,
body.light .gi-card .gcard-icon i.ri-mail-send-line {
  color: #f97316 !important;
  fill: #f97316 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
.gi-card .gcard-icon .ri-vip-crown-line,
.gi-card .gcard-icon i.ri-vip-crown-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
body.light .gi-card .gcard-icon .ri-vip-crown-line,
body.light .gi-card .gcard-icon i.ri-vip-crown-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.addfunds-page .gcard .gcard-head-icon .ri-wallet-3-line,
.addfunds-page .gcard .gcard-head-icon i.ri-wallet-3-line,
.addfunds-page .gcard-head-icon .ri-wallet-3-line,
.addfunds-page .gcard-head-icon i.ri-wallet-3-line,
body.light .addfunds-page .gcard .gcard-head-icon .ri-wallet-3-line,
body.light .addfunds-page .gcard .gcard-head-icon i.ri-wallet-3-line,
body.light .addfunds-page .gcard-head-icon .ri-wallet-3-line,
body.light .addfunds-page .gcard-head-icon i.ri-wallet-3-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.addfunds-page .gcard .gcard-head-icon .ri-flag-line,
.addfunds-page .gcard .gcard-head-icon i.ri-flag-line,
.addfunds-page .gcard-head-icon .ri-flag-line,
.addfunds-page .gcard-head-icon i.ri-flag-line,
.bank-accounts .gcard .gcard-head-icon .ri-flag-line,
.bank-accounts .gcard .gcard-head-icon i.ri-flag-line,
.bank-accounts .gcard-head-icon .ri-flag-line,
.bank-accounts .gcard-head-icon i.ri-flag-line,
.gcard .gcard-head-icon .ri-flag-line,
.gcard .gcard-head-icon i.ri-flag-line,
body.light .addfunds-page .gcard .gcard-head-icon .ri-flag-line,
body.light .addfunds-page .gcard .gcard-head-icon i.ri-flag-line,
body.light .addfunds-page .gcard-head-icon .ri-flag-line,
body.light .addfunds-page .gcard-head-icon i.ri-flag-line,
body.light .bank-accounts .gcard .gcard-head-icon .ri-flag-line,
body.light .bank-accounts .gcard .gcard-head-icon i.ri-flag-line,
body.light .bank-accounts .gcard-head-icon .ri-flag-line,
body.light .bank-accounts .gcard-head-icon i.ri-flag-line,
body.light .gcard .gcard-head-icon .ri-flag-line,
body.light .gcard .gcard-head-icon i.ri-flag-line {
  color: #0ea5e9 !important;
  fill: #0ea5e9 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
.gi-card .gcard-icon .ri-customer-service-2-line,
.gi-card .gcard-icon i.ri-customer-service-2-line,
.tickets-hero .gi-card .gcard-icon .ri-customer-service-2-line,
.tickets-hero .gi-card .gcard-icon i.ri-customer-service-2-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
body.light .gi-card .gcard-icon .ri-customer-service-2-line,
body.light .gi-card .gcard-icon i.ri-customer-service-2-line,
body.light .tickets-hero .gi-card .gcard-icon .ri-customer-service-2-line,
body.light .tickets-hero .gi-card .gcard-icon i.ri-customer-service-2-line {
  color: #22c55e !important;
  fill: #22c55e !important;
}
.gcard .gcard-head-icon .ri-customer-service-2-line,
.gcard .gcard-head-icon i.ri-customer-service-2-line,
.ticket-page .gcard-head-icon .ri-customer-service-2-line,
.ticket-page .gcard-head-icon i.ri-customer-service-2-line,
body.light .gcard .gcard-head-icon .ri-customer-service-2-line,
body.light .gcard .gcard-head-icon i.ri-customer-service-2-line,
body.light .ticket-page .gcard-head-icon .ri-customer-service-2-line,
body.light .ticket-page .gcard-head-icon i.ri-customer-service-2-line {
  color: #d946ef !important;
  fill: #d946ef !important;
}
.gcard .gcard-head-icon .ri-coupon-line,
.gcard .gcard-head-icon i.ri-coupon-line,
.ticket-page .gcard-head-icon .ri-coupon-line,
.ticket-page .gcard-head-icon i.ri-coupon-line,
body.light .gcard .gcard-head-icon .ri-coupon-line,
body.light .gcard .gcard-head-icon i.ri-coupon-line,
body.light .ticket-page .gcard-head-icon .ri-coupon-line,
body.light .ticket-page .gcard-head-icon i.ri-coupon-line {
  color: #f59e0b !important;
  fill: #f59e0b !important;
}
.gcard .gcard-head-icon .ri-message-3-line,
.gcard .gcard-head-icon i.ri-message-3-line,
body.light .gcard .gcard-head-icon .ri-message-3-line,
body.light .gcard .gcard-head-icon i.ri-message-3-line {
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
}
.addfunds-page .gi-card .gcard-icon .ri-exchange-dollar-line,
.addfunds-page .gi-card .gcard-icon i.ri-exchange-dollar-line,
.gcard-body.gi-card .gcard-icon .ri-exchange-dollar-line,
.gcard-body.gi-card .gcard-icon i.ri-exchange-dollar-line,
.gi-card .gcard-icon .ri-exchange-dollar-line,
.gi-card .gcard-icon i.ri-exchange-dollar-line,
body.light .addfunds-page .gi-card .gcard-icon .ri-exchange-dollar-line,
body.light .addfunds-page .gi-card .gcard-icon i.ri-exchange-dollar-line,
body.light .gcard-body.gi-card .gcard-icon .ri-exchange-dollar-line,
body.light .gcard-body.gi-card .gcard-icon i.ri-exchange-dollar-line,
body.light .gi-card .gcard-icon .ri-exchange-dollar-line,
body.light .gi-card .gcard-icon i.ri-exchange-dollar-line {
  color: #14b8a6 !important;
  fill: #14b8a6 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon .ri-star-smile-line,
.gcard-2 .gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
.gcard-body.gi-card .gcard-icon .ri-star-smile-line,
.gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
.gcard-icon.gi-1 .ri-star-smile-line,
.gcard-icon.gi-1 i.ri-star-smile-line,
.gi-card .gcard-icon .ri-star-smile-line,
.gi-card .gcard-icon i.ri-star-smile-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon .ri-star-smile-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
body.light .gcard-body.gi-card .gcard-icon .ri-star-smile-line,
body.light .gcard-body.gi-card .gcard-icon i.ri-star-smile-line,
body.light .gcard-icon.gi-1 .ri-star-smile-line,
body.light .gcard-icon.gi-1 i.ri-star-smile-line,
body.light .gi-card .gcard-icon .ri-star-smile-line,
body.light .gi-card .gcard-icon i.ri-star-smile-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.affiliate-detail-col .gcard .gcard-head-icon .ri-book-mark-line,
.affiliate-detail-col .gcard .gcard-head-icon i.ri-book-mark-line,
.affiliate-detail-col .gcard-head-icon .ri-book-mark-line,
.affiliate-detail-col .gcard-head-icon i.ri-book-mark-line,
body.light .affiliate-detail-col .gcard .gcard-head-icon .ri-book-mark-line,
body.light .affiliate-detail-col .gcard .gcard-head-icon i.ri-book-mark-line,
body.light .affiliate-detail-col .gcard-head-icon .ri-book-mark-line,
body.light .affiliate-detail-col .gcard-head-icon i.ri-book-mark-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
.affiliate-guide-col .gcard .gcard-head-icon .ri-flag-line,
.affiliate-guide-col .gcard .gcard-head-icon i.ri-flag-line,
.affiliate-guide-col .gcard-head-icon .ri-flag-line,
.affiliate-guide-col .gcard-head-icon i.ri-flag-line,
body.light .affiliate-guide-col .gcard .gcard-head-icon .ri-flag-line,
body.light .affiliate-guide-col .gcard .gcard-head-icon i.ri-flag-line,
body.light .affiliate-guide-col .gcard-head-icon .ri-flag-line,
body.light .affiliate-guide-col .gcard-head-icon i.ri-flag-line {
  color: #0ea5e9 !important;
  fill: #0ea5e9 !important;
}
.btn-group .dropdown-item {
  font-weight: 400;
  color: var(--color-4);
  padding: 10px;
  align-items: center;
  display: flex;
  vertical-align: middle;
  line-height: 1.5;
}
.btn-group .dropdown-item .fs-def,
.btn-group .dropdown-item .fs-discount,
.btn-group .dropdown-item .fs-fav,
.btn-group .dropdown-item .fs-tiktok,
.btn-group .dropdown-item i,
.btn-group .dropdown-item span.fs-def,
.btn-group .dropdown-item span.fs-discount,
.btn-group .dropdown-item span.fs-fav,
.btn-group .dropdown-item span.fs-tiktok,
.btn-group .dropdown-item span[class*="fs-"],
.btn-group .dropdown-item span[class^="fs-"] {
  width: 28px !important;
  min-width: 28px !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}
.btn-group .dropdown-item .fs-fav .fa-star,
.btn-group .dropdown-item .fs-fav .fas.fa-star,
.btn-group .dropdown-item .fs-fav i,
.btn-group .dropdown-item span.fs-fav .fa-star,
.btn-group .dropdown-item span.fs-fav .fas.fa-star,
.btn-group .dropdown-item span.fs-fav i {
  font-size: 18px !important;
}
.btn-group .dropdown-item .fs-discount .ri-price-tag-3-line,
.btn-group .dropdown-item .fs-discount i,
.btn-group .dropdown-item span.fs-discount .ri-price-tag-3-line,
.btn-group .dropdown-item span.fs-discount i {
  font-size: 22px !important;
}
.btn-group .dropdown-item span[class*="fs-"] i,
.btn-group .dropdown-item span[class^="fs-"] i {
  width: auto;
  min-width: auto;
  margin-right: 0;
  vertical-align: middle;
}
.btn-group .dropdown-item .search-service-content,
.btn-group .dropdown-item > :not(i, span[class*="fs-"], span[class^="fs-"]) {
  display: flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1.5;
}
.btn-group li:first-child .dropdown-item:focus,
.btn-group li:first-child .dropdown-item:hover {
  background-color: transparent !important;
}
body:not(.light) .dropdown-item:focus,
body:not(.light) .dropdown-item:hover {
  background-color: rgb(255 255 255 / 15%) !important;
  color: var(--color-4) !important;
}
body.light .dropdown-item:focus,
body.light .dropdown-item:hover {
  background-color: var(--color-1) !important;
  color: var(--color-4) !important;
}
@media (width >= 992px) {
  .dropdown-item {
    font-size: 14px;
  }
}
.dropdown-item:focus {
  background-color: #0258ff;
}
.dropdown-divider {
  border-color: var(--color-1);
}
.account-details .form-group {
  margin-bottom: 0;
}
.account-details .payment-method-dropdown.is-open .payment-method-dropdown__caret,
.account-details .payment-method-dropdown__caret,
body.light .account-details .payment-method-dropdown.is-open .payment-method-dropdown__caret,
body.light .account-details .payment-method-dropdown__caret {
  font-size: 1.15rem !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
}
body:not(.light) .account-details input.form-control::placeholder {
  color: #fff !important;
}
body:not(.light) .account-details .dropdown-menu .dropdown-item.is-highlighted,
body:not(.light) .account-details .dropdown-menu .dropdown-item:focus,
body:not(.light) .account-details .dropdown-menu .dropdown-item:hover {
  background: rgb(255 255 255 / 6%) !important;
}
body:not(.light) .account-details .dropdown-menu .dropdown-item.active,
body:not(.light) .account-details .dropdown-menu .dropdown-item.is-active,
body:not(.light) .account-details .dropdown-menu .dropdown-item[aria-selected="true"] {
  background: rgb(13 110 253 / 18%) !important;
  color: #dbeafe !important;
}
body.light .account-details .dropdown-menu .dropdown-item.is-highlighted,
body.light .account-details .dropdown-menu .dropdown-item:focus,
body.light .account-details .dropdown-menu .dropdown-item:hover {
  background: rgb(15 23 42 / 6%) !important;
  color: #0f172a !important;
}
body.light .account-details .dropdown-menu .dropdown-item.active,
body.light .account-details .dropdown-menu .dropdown-item.is-active,
body.light .account-details .dropdown-menu .dropdown-item[aria-selected="true"] {
  background: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
}
body:not(.light) .account-details .form-control[type="select"] option:hover,
body:not(.light) .account-details .form-select option:hover,
body:not(.light) .account-details select option:hover {
  background-color: rgb(255 255 255 / 6%) !important;
  color: #dbeafe !important;
}
body:not(.light) .account-details .form-control[type="select"] option:checked,
body:not(.light) .account-details .form-select option:checked,
body:not(.light) .account-details select option:checked {
  background-color: rgb(13 110 253 / 18%) !important;
  color: #dbeafe !important;
}
body.light .account-details .form-control[type="select"] option:hover,
body.light .account-details .form-select option:hover,
body.light .account-details select option:hover {
  background-color: rgb(15 23 42 / 6%) !important;
  color: #0f172a !important;
}
body.light .account-details .form-control[type="select"] option:checked,
body.light .account-details .form-select option:checked,
body.light .account-details select option:checked {
  background-color: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
}
body:not(.light) .account-details .form-select:focus,
body:not(.light) .account-details select:focus {
  border-color: var(--color-3) !important;
  box-shadow: none !important;
}
body.light .account-details .form-select:focus,
body.light .account-details select:focus {
  border-color: rgb(15 23 42 / 12%) !important;
  box-shadow: none !important;
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination .page-item {
  flex: 0 0 auto;
}
.pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-decoration: none;
  border-radius: 12px;
  border: 1px solid transparent;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
  position: relative;
}
body:not(.light) .pagination .page-item .page-link {
  background: var(--color-2);
  color: var(--color-4);
  border-color: var(--color-3);
}
body:not(.light) .pagination .page-item .page-link:focus,
body:not(.light) .pagination .page-item .page-link:hover {
  background: var(--color-3);
  color: #fff;
  border-color: var(--color-3);
  box-shadow: 0 4px 14px rgb(0, 0, 0, 0.25);
  transform: translateY(-1px);
}
body:not(.light) .pagination .page-item.active .page-link {
  background: #16a34a;
  color: #fff;
  border-color: #16a34a;
  border-width: 2px;
  box-shadow:
    0 0 0 2px rgb(22, 163, 74, 0.5),
    0 4px 16px rgb(22, 163, 74, 0.45);
  font-weight: 700;
}
body:not(.light) .pagination .page-item.active .page-link:focus,
body:not(.light) .pagination .page-item.active .page-link:hover {
  background: #15803d;
  border-color: #15803d;
  box-shadow:
    0 0 0 2px rgb(22, 163, 74, 0.6),
    0 6px 20px rgb(22, 163, 74, 0.5);
}
body.light .pagination .page-item .page-link {
  background: #fff;
  color: #0f172a;
  border-color: rgb(15, 23, 42, 0.12);
  box-shadow: 0 1px 3px rgb(15, 23, 42, 0.06);
}
body.light .pagination .page-item .page-link:focus,
body.light .pagination .page-item .page-link:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: rgb(15, 23, 42, 0.15);
  box-shadow: 0 4px 12px rgb(15, 23, 42, 0.1);
  transform: translateY(-1px);
}
body.light .pagination .page-item.active .page-link {
  background: #16a34a;
  color: #fff;
  border-color: #16a34a;
  border-width: 2px;
  box-shadow:
    0 0 0 2px rgb(22, 163, 74, 0.4),
    0 4px 14px rgb(22, 163, 74, 0.35);
  font-weight: 700;
}
body.light .pagination .page-item.active .page-link:focus,
body.light .pagination .page-item.active .page-link:hover {
  background: #15803d;
  color: #fff;
  border-color: #15803d;
  box-shadow:
    0 0 0 2px rgb(22, 163, 74, 0.5),
    0 6px 18px rgb(22, 163, 74, 0.4);
}
.pagination .page-item.active .page-link::before {
  display: none;
}
.pagination .page-item .page-link::after {
  display: none;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 12px;
}
.pagination .page-item.pi-pn .page-link {
  font-size: 20px;
}
.pagination .page-item .page-link i {
  font-size: 20px;
  line-height: 1;
}
.modal-content {
  background: var(--color-2);
  border-radius: 15px;
}
.modal-title {
  color: var(--color-4);
}
.modal-footer,
.modal-header {
  border-color: var(--color-1);
}
button.close span {
  color: #fff;
}
@media (width <= 576px) {
  .pagination {
    gap: 6px;
    justify-content: center;
  }
  .pagination .page-item .page-link {
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }
  .pagination .page-item .page-link i {
    font-size: 18px;
  }
}
.g-dash-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: radial-gradient(circle at 0% 0%, rgba(34,197,94,0.45), rgba(15,23,42,0.98));
  color: #fff;
  border: 1px solid rgba(74,222,128,0.9);
  outline: 0;
  font-size: 18px;
  transition: all 0.14s ease;
  z-index: 1020;
  position: relative;
}
/* Hover pariltilari SADECE hover destekleyen cihazlarda (masaustu);
   dokunmatikte yapisip isik yanik kalmaz. */
@media (hover: hover) {
  .g-dash-btn:hover {
    background: radial-gradient(circle at 0% 0%, rgba(34,197,94,0.6), rgba(20,83,45,0.98));
    border-color: rgba(134,239,172,1);
    box-shadow: 0 0 0 1px rgba(134,239,172,1), 0 0 26px rgba(34,197,94,0.95);
  }
}
.g-dash-btn:active {
  box-shadow: 0 0 12px rgba(22,163,74,0.9);
}
.g-dash-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: none;
  pointer-events: none;
}
.g-dash {
  position: relative;
  min-height: 100vh;
  background: var(--color-1);
  padding-left: 280px;
  padding-top: 90px;
  color: var(--color-4);
}
.g-dash .container {
  max-width: 1400px;
}
.g-dash .g-dash-btn {
  position: fixed;
  top: 14px;
  left: 14px;
}
/* Menü tuşu, header'daki dil/para birimi butonlarıyla aynı dikey hizada:
   masaüstü header 80px -> buton (40px) tam ortalanır */
@media (min-width: 768px) {
  .g-dash .g-dash-btn {
    top: 20px;
  }
}
.g-dash .g-dash-btn:focus {
  border: 0;
  outline: 0;
}
.g-dash .g-dash-btn .ri-close-line,
.g-dash .g-dash-btn .ri-menu-line {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 24px;
  line-height: 1;
}
.g-dash .g-dash-btn .ri-close-line {
  transform: scale(0) translate(-50%, -50%);
  transition: 0.2s ease;
}
.g-dash .g-dash-btn .ri-menu-line {
  transition: 0.2s ease;
  transform: translate(-50%, -50%);
}
body.light .g-dash-header .g-dash-btn,
body.light .g-dash-header .g-dash-btn .ri-close-line,
body.light .g-dash-header .g-dash-btn .ri-menu-line {
  color: #fff !important;
}
body.light .g-dash-header .g-dash-btn {
  background: radial-gradient(circle at 0% 0%, rgba(34,197,94,0.45), rgba(15,23,42,0.98)) !important;
}
@media (hover: hover) {
  body.light .g-dash-header .g-dash-btn:hover {
    background: radial-gradient(circle at 0% 0%, rgba(34,197,94,0.6), rgba(20,83,45,0.98)) !important;
    border-color: rgba(134,239,172,1) !important;
    box-shadow: 0 0 0 1px rgba(134,239,172,1), 0 0 26px rgba(34,197,94,0.95) !important;
  }
}
@media (width <= 992px) {
  .g-dash {
    padding-left: 0;
  }
  .g-dash .g-dash-btn {
    left: 16px;
  }
  .g-dash.g-bar .g-sidebar {
    transform: translateX(0) translateX(0);
  }
  .g-dash.g-bar .g-dash-btn {
    left: 300px;
  }
  .g-dash.g-bar .g-dash-btn .ri-close-line {
    transform: scale(1) translate(-50%, -50%);
  }
  .g-dash.g-bar .g-dash-btn .ri-menu-line {
    transform: scale(0) translate(-50%, -50%);
  }
  .g-dash .g-sidebar {
    transform: translateX(-110%);
    transition: 0.24s ease;
    box-shadow: 4px 0 30px rgb(0 0 0 / 30%);
  }
  .g-dash.g-bar .g-sidebar {
    height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .g-dash.g-bar .g-sidebar::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  .g-dash.g-bar .g-sidebar {
    scrollbar-width: none;
  }
  .g-dash.g-bar .g-dash-menu {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 0 24px;
    scrollbar-width: none;
  }
  .g-dash.g-bar .g-dash-menu::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  .g-dash.g-bar .g-menu-list .g-menu-link {
    padding: 10px 16px;
  }
  .g-dash.g-bar .g-menu-list .g-menu-link .g-menu-icon {
    font-size: 18px;
    width: 30px;
  }
  .g-dash.g-bar .g-menu-list .g-menu-link .g-menu-text {
    font-size: 13px;
  }
  .g-dash.g-bar .g-logo {
    padding: 4px 0 0;
    flex-shrink: 0;
  }
  .g-dash.g-bar .g-userbox {
    padding: 12px 20px 0;
    flex-shrink: 0;
  }
}
.g-sidebar {
  background: var(--color-2);
  background-size: cover;
  border-radius: 0;
  width: 280px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: 1040;
}
.g-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0 0;
  margin-bottom: -10px;
}
.g-logo img {
  max-width: 200px;
}
.g-logo [data-theme-logo="light"],
.g-mo-logo .light-logo {
  display: none;
}
body.light .g-logo [data-theme-logo="light"],
body.light .g-mo-logo .light-logo {
  display: block;
}
body.light .g-logo [data-theme-logo="dark"],
body.light .g-mo-logo .dark-logo {
  display: none;
}
body.light .g-olink .link,
body.light .g-order-bottom .text,
body.light .g-order-bottom .title,
body.light .g-order-date,
body.light .g-order-item .text,
body.light .g-order-item .title,
body.light .g-order-title {
  color: #000 !important;
  opacity: 1 !important;
}
body.light .dripfeed-card .g-order-title .service-id,
body.light .dripfeed-card .g-order-title .service-name,
body.light .dripfeed-card .g-status,
body.light .dripfeed-card .g-status span,
body.light .order-card .g-order-title .service-id,
body.light .order-card .g-order-title .service-name,
body.light .order-card .g-status,
body.light .order-card .g-status span,
body.light .subscription-card .g-order-title .service-id,
body.light .subscription-card .g-order-title .service-name,
body.light .subscription-card .g-status,
body.light .subscription-card .g-status span {
  color: #000 !important;
}
.g-userbox {
  padding: 20px 30px 0;
}
.g-userarea {
  background: var(--color-1);
  border-radius: 15px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 20px;
  transition: 0.14s ease;
}
body.light .g-sidebar .g-userarea {
  background: #c5cad2 !important;
}
.g-avatar {
  background-color: var(--color-2);
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.g-gender .g-genderavatar {
  width: 150px !important;
  height: 150px !important;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}
.g-avatar .user-avatar,
.g-avatar > img,
.g-genderavatar .user-avatar,
.g-genderavatar > img {
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}
.g-genderavatar {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.g-avatar span {
  font-weight: 600;
  font-size: 24px;
  color: var(--color-4);
}
.g-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: var(--color-4);
  display: flex;
  align-items: center;
  gap: 10px;
}
.g-userast {
  margin-top: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
}
.g-user-arrow {
  color: var(--color-4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  padding-right: 14px;
}
.g-user-arrow i {
  transform: translateX(-14px);
}
.g-dash-menu {
  flex: 1;
  overflow-y: auto;
  padding: 0 0 40px;
}
.g-dash-menu::-webkit-scrollbar {
  width: 0;
}
.g-menu-list {
  list-style: none;
  margin: 0;
  padding: 0 30px;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-direction: column;
}
.g-menu-list .g-menu-item {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-menu-list .g-menu-link {
  color: var(--color-4);
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center;
  padding: 15px 20px;
  transition: 0.14s ease;
  border-radius: 15px;
  cursor: pointer;
}
.g-menu-list .g-menu-link .g-menu-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.g-menu-list .g-menu-link .g-menu-text .badge {
  background-color: var(--color-6);
  color: var(--color-4);
  border-radius: 100%;
  padding: 2px 6px;
}
.g-menu-list .g-menu-link .g-menu-icon {
  display: flex;
  align-items: center;
  font-size: 20px;
  width: 34px;
}
.g-menu-list .g-menu-link.active .g-menu-text {
  font-weight: 600;
}
.g-menu-list .g-menu-link.active {
  position: relative;
  background: var(--color-2) !important;
  border: 1px solid var(--color-6) !important;
}
.g-menu-list .g-menu-link.active .g-menu-icon {
  display: flex;
  align-items: center;
  font-size: 20px;
  width: 34px;
}
.g-menu-list .g-menu-link.active::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: 0;
  top: 8px;
  background: var(--color-6);
  width: 6px;
  height: 70%;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
body.light .g-menu-list .g-menu-link.active {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
}
.g-menu-list .g-menu-link.active::after,
.g-menu-list .g-menu-link::after,
.g-menu-list .g-menu-link:active::after,
.g-menu-list .g-menu-link:focus::after,
.g-menu-list .g-menu-link:hover::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}
.g-menu-list .g-menu-link.active:hover {
  color: #fff;
}
.g-menu-list .g-menu-link:hover {
  color: var(--color-6);
  background: var(--color-2) !important;
  border: 1px solid var(--color-6) !important;
}
body.light .g-menu-list .g-menu-link:hover {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
}
.g-dash-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 74px;
  z-index: 1001;
  background: #0d111791;
  backdrop-filter: blur(32px);
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  contain: layout style;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (width >= 768px) {
  .g-dash-header {
    padding: 0 30px;
    height: 80px;
    border-bottom: 0;
  }
}
.g-dash-header .g-mo-logo {
  height: 74px;
  align-items: center;
}
.g-dash .g-sidebar .g-logo .gnyLm {
  display: none;
}
@media (width >= 992px) {
  .g-dash-header {
    left: 280px;
  }
  .g-dash.g-bar .g-dash-header {
    left: -200px;
  }
  .g-dash-header .g-mo-logo {
    height: 80px;
  }
  .g-dash.g-bar .g-sidebar {
    width: 80px;
    transition: 250ms all;
  }
  .g-dash.g-bar .g-menu-list .g-menu-link .g-menu-text {
    display: none !important;
  }
  .g-dash.g-bar .g-menu-list {
    padding: 0 10px;
  }
  .g-dash.g-bar .g-userarea .gnyUside {
    display: none;
  }
  .g-dash.g-bar .g-userbox {
    padding: 10px;
  }
  .g-dash.g-bar .g-user-arrow {
    display: none;
  }
  .g-dash.g-bar .g-dash-content {
    margin-left: -200px;
    transition: 250ms all;
  }
  .g-dash.g-bar .g-dash-btn {
    left: 300px;
  }
  .g-dash.g-bar .g-sidebar .g-logo .gnyMl {
    display: none;
  }
  .g-logo [data-theme-logo="light"],
  .g-mo-logo .light-logo {
    display: none;
  }
  body.light .g-logo [data-theme-logo="light"],
  body.light .g-mo-logo .light-logo {
    display: block;
  }
  body.light .g-logo [data-theme-logo="dark"],
  body.light .g-mo-logo .dark-logo {
    display: none;
  }
  .g-dash.g-bar .g-sidebar .g-logo .gnyLm {
    width: 60px;
    padding: 20px 0;
    display: block;
    transition: 250ms all;
  }
  body.light .g-dash.g-bar .g-sidebar .g-logo .gnyLm,
  body.light .g-dash.g-bar .g-sidebar .g-logo img.gnyLm {
    filter: brightness(0);
  }
}
.g-tmenu {
  position: relative;
  background-color: transparent;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0;
}
.g-tmenu::after {
  display: none;
}
.g-tmenu .g-ticon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  font-size: 24px;
  overflow: hidden;
}
.g-tmenu .g-ticon:hover {
  background: var(--color-2);
}
.g-dash-content {
  padding-bottom: 40px;
}
@media (width >= 992px) {
  .g-dash-content {
    padding: 0 30px 30px;
  }
}
.g-desc.description,
.panel-body {
  background: var(--color-1);
  border-radius: 15px;
  padding: 10px;
}
.g-desc .text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-4);
  overflow-wrap: break-word;
  max-width: 100%;
}
.s-row {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: visible;
}
.s-row.s-title {
  font-weight: 600;
  display: none;
  position: relative;
  overflow: visible;
}
@media (width >= 992px) {
  .s-row.s-title {
    display: flex;
  }
}
.s-col {
  flex: 0 0 auto;
  position: relative;
  overflow: visible;
  min-width: 0;
}
.s-col .service-table-header-icon {
  flex-shrink: 0 !important;
  min-width: 24px !important;
  width: auto !important;
}
@media (width >= 992px) {
  .s-col {
    flex: 0 0 50px;
    width: 50px;
    flex-shrink: 0 !important;
  }
  .s-col.s-title {
    flex: 1 1 auto !important;
    min-width: 150px !important;
  }
  .s-col.s-col-sm {
    flex: 0 0 80px !important;
    min-width: 80px !important;
    width: 80px !important;
    flex-shrink: 0 !important;
  }
  .s-col.s-col-md {
    flex: 0 0 120px !important;
    min-width: 120px !important;
    width: 120px !important;
    flex-shrink: 0 !important;
  }
  .s-col.s-col-lg {
    flex: 0 0 150px !important;
    min-width: 150px !important;
    width: 150px !important;
    flex-shrink: 0 !important;
  }
  .s-col.s-title {
    flex: 1 1 auto !important;
    min-width: 150px !important;
    width: auto !important;
  }
}
.g-sheader .s-row.s-title {
  display: none;
}
@media (width >= 992px) {
  .g-sheader .s-row.s-title {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
  }
  .g-sheader .s-row.s-title .s-col {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow: visible;
  }
  .g-sheader .s-row.s-title .s-col.s-col-sm {
    flex: 0 0 70px;
    width: 70px;
    min-width: 70px;
    text-align: left !important;
    padding-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .g-sheader .s-row.s-title .s-col.s-col-sm .service-table-header-icon {
    margin-right: 4px !important;
  }
  .g-sheader .s-row.s-title .s-col.s-col-md {
    flex: 0 0 100px;
    width: 100px;
    min-width: 100px;
  }
  .g-sheader .s-row.s-title .s-col.s-col-lg {
    flex: 0 0 180px;
    width: 180px;
    min-width: 180px;
  }
  .g-sheader .s-row.s-title .s-col.s-title {
    flex: 1 1 auto;
    min-width: 200px;
  }
  .g-sheader .s-row.s-title .s-col.s-title {
    margin-left: 15px !important;
  }
  .g-sitem .s-row .s-col.s-title .g-stitle,
  .g-sitem .s-row .s-col.s-title .service-name,
  .g-sitem .s-row .s-col.s-title .service-name-text {
    font-size: 16px !important;
  }
  .g-sheader .s-row.s-title .s-col.s-col-lg,
  .g-sheader .s-row.s-title .s-col.s-col-md,
  .g-sitem .s-row .s-col.s-col-lg.s-col-c,
  .g-sitem .s-row .s-col.s-col-md.s-col-btn,
  .g-sitem .s-row .s-col.s-col-md.s-col-c {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c::before,
  .g-sitem .s-col.s-col-md.s-col-btn::before,
  .g-sitem .s-col.s-col-md.s-col-c::before {
    display: inline-block !important;
    margin-right: 8px !important;
    padding-bottom: 0 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Süre"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Average"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ortalama"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Time"]::before {
    display: inline-block !important;
  }
}
.g-category {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.gnysWrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: var(--color-2);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  border-radius: 15px;
  font-size: 13px;
}
@media (width >= 992px) {
  .gnysWrapper {
    flex-direction: column;
  }
}
.gnyserArea {
  flex: 0 0 auto;
  width: 100%;
  position: relative;
}
@media (width >= 768px) {
  .gnyserArea {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (width >= 992px) {
  .gnyserArea {
    width: 100%;
  }
}
.g-sitem {
  padding: 5px 30px;
  border-bottom: 1px solid var(--color-3);
  box-sizing: border-box;
  font-size: 13px;
}
@media (width <= 992px) {
  .g-sitem {
    padding: 10px 10px 6px 10px;
  }
}
.g-sitem .avgtime {
  font-size: 15px;
  color: var(--color-5);
}
body.light .g-sitem .avgtime {
  font-size: 15px;
  color: #8b98b8;
}
.g-sitem .btn.btn-sm {
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
}
.g-sitem:last-child {
  border: none;
}
@media (width <= 992px) {
  .g-sitemh {
    margin: 1.25rem auto 1.5rem !important;
  }
  .g-sheader .g-sitem,
  .g-sheader .s-row.s-title {
    display: none !important;
  }
  .g-sitem .s-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 6px !important;
    padding: 10px 10px 4px 10px !important;
    align-items: end !important;
  }
  .g-sitem .s-col {
    padding: 0 !important;
  }
  .g-sitem .s-col::before {
    content: attr(data-title);
    display: none !important;
    padding-bottom: 6px;
    font-weight: 600;
    font-size: 13px;
  }
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="1K Ücreti"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Price Per 1000"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ücreti"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Price"]::before {
    display: block !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min-Maks"]::before,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min-Max"]::before {
    display: block !important;
  }
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Süre"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Average"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ortalama"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Time"]::before {
    display: none !important;
  }
  @media (max-width: 768px) {
    .g-sitem .s-col.s-col-avg,
    .g-sitem .s-col.s-col-md.s-col-c[data-title*="Süre"],
    .g-sitem .s-col.s-col-md.s-col-c[data-title*="Average"],
    .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ortalama"],
    .g-sitem .s-col.s-col-md.s-col-c[data-title*="Time"] {
      grid-column: 3 !important;
      grid-row: 3 !important;
      justify-self: end !important;
      text-align: right !important;
      font-size: 13px !important;
      line-height: 1.2 !important;
      margin-top: -8px !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
      margin-left: 0 !important;
      padding: 0 !important;
    }
    .g-sitem .s-col.s-col-avg *,
    .g-sitem .s-col.s-col-md.s-col-c[data-title*="Süre"] *,
    .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ortalama"] * {
      font-size: 13px !important;
    }
  }
  @media (max-width: 768px) {
    .g-sitem .s-col-fav,
    .g-sitem .s-col.s-col-fav {
      grid-column: 3 !important;
      grid-row: 1 !important;
      place-self: start end !important;
      order: 0 !important;
      margin-top: -10px !important;
      margin-right: -4px !important;
      transform: translateY(-5px) !important;
    }
  }
  .g-sitem .s-col-id {
    grid-column: 1 !important;
    grid-row: 1 !important;
    place-self: start start !important;
    text-align: left !important;
    margin-top: -4px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
  .g-sitem .s-title {
    grid-column: 1/4 !important;
    grid-row: 2 !important;
    width: 100% !important;
    text-align: left !important;
    justify-self: start !important;
  }
  .g-sitem .g-stitle {
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="1000"],
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ücreti"],
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Adet"],
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Price"],
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="price"] {
    grid-column: 1 !important;
    grid-row: 4 !important;
    justify-self: start !important;
    text-align: left !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 8px 0 0 !important;
    position: relative !important;
  }
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="1000"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Ücreti"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Adet"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="Price"]::before,
  .g-sitem .s-col.s-col-md.s-col-c[data-title*="price"]::before {
    content: attr(data-title) !important;
    display: block !important;
    padding-bottom: 3px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-bottom: 2px !important;
    text-align: left !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Maks"],
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Max"],
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min"],
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Order"],
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="min"] {
    grid-column: 2 !important;
    grid-row: 4 !important;
    justify-self: center !important;
    text-align: center !important;
    align-self: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 4px !important;
    position: relative !important;
    white-space: nowrap !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Maks"]::before,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Max"]::before,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min"]::before,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Order"]::before,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="min"]::before {
    content: attr(data-title) !important;
    display: block !important;
    padding-bottom: 3px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-bottom: 2px !important;
    text-align: center !important;
    width: 100% !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Maks"] span,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Max"] span,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min"] span,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Order"] span,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="min"] span {
    display: inline !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Maks"] .max,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Max"] .max,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min"] .min,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Order"] .max,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Order"] .min,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="min"] .min {
    display: inline !important;
  }
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Maks"] > *,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Max"] > *,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Min"] > *,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="Order"] > *,
  .g-sitem .s-col.s-col-lg.s-col-c[data-title*="min"] > * {
    display: inline !important;
    white-space: normal !important;
  }
  .g-sitem .s-col.s-col-md.s-col-btn {
    grid-column: 3 !important;
    grid-row: 4 !important;
    justify-self: end !important;
    text-align: right !important;
    align-self: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    position: relative !important;
  }
}
.g-sheader .g-sitem {
  background-color: transparent;
  border: none;
}
.g-stitle {
  line-height: 17px;
  display: inline-flex;
  align-items: center;
  text-align: left;
  gap: 6px;
}
.gcard-head-icon i {
  fill: currentcolor !important;
}
body.light .gcard-head-icon i {
  fill: currentcolor !important;
}
.g-stitle .service-platform-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  min-width: 18px;
  font-size: 18px;
  color: inherit;
}
.g-stitle .service-name {
  display: inline-flex;
  flex-direction: column;
  text-align: left;
}
@media (width <= 576px) {
  .g-stitle {
    align-items: flex-start;
  }
}
.sp-serv-sm {
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
}
@media (width >= 992px) {
  .sp-serv-sm {
    font-size: 14px;
  }
}
.g-sitem .min {
  color: #0a977e;
}
.g-sitem .max {
  color: #ff3565;
}
.sp-services .gcard {
  margin-bottom: 30px;
}
.g-sitem .btn-favorite {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  color: var(--color-5);
}
.g-sitem .btn-favorite.active {
  background: var(--color-6);
  border: 1px solid var(--color-6);
  color: var(--color-4);
}
@media (width >= 992px) {
  .sp-services .gcard {
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
  }
}
.g-sitemh {
  padding: 15px 30px;
  background: var(--color-6);
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 15px;
  margin-bottom: 14px;
}
.g-sitemh .g-sitemt {
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  margin-bottom: 0;
}
.g-search {
  height: 40px;
  position: relative;
  border: 1px solid var(--color-3);
  border-radius: 12px;
  background: 0 0;
  display: flex;
  align-items: center;
  cursor: text;
}
.g-search:focus-within .g-ticon {
  color: #fff;
}
.g-search .g-ticon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-4);
  transition: 0.14s ease;
}
.g-search .textbox {
  flex-grow: 1;
  padding-left: 44px;
  height: 40px;
  background-color: transparent;
  outline: 0;
  border: none;
  color: var(--color-4);
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.g-search .textbox:focus {
  background-color: transparent;
}
.g-search .textbox:-webkit-autofill,
.g-search .textbox:-webkit-autofill:active,
.g-search .textbox:-webkit-autofill:focus,
.g-search .textbox:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: var(--color-4) !important;
  transition: background-color 5000s ease-in-out 0s;
  caret-color: var(--color-4);
}
.g-search .textbox:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset;
  -moz-text-fill-color: var(--color-4);
}
.g-search .textbox::placeholder {
  color: var(--color-4);
  opacity: 1;
}
.btn-filter {
  background-color: #fff;
  display: flex;
  align-items: center;
  border: 1px solid #ebf2fa;
}
.btn-filter .g-ticon {
  color: #0258ff;
}
.modal-wrapper {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgb(55 65 81 / 65%);
  backdrop-filter: blur(12px);
}
.modal-wrapper.active {
  display: flex;
  overscroll-behavior: contain;
}
body.light .modal-wrapper {
  background: rgb(107 114 128 / 50%);
}
.modal-wrapper.service-detail-modal {
  background: 0 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.modal-wrapper.service-detail-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgb(15, 23, 42, 0.58);
  backdrop-filter: blur(16px) saturate(1.12);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
  pointer-events: none;
  -webkit-mask-image: var(--service-detail-blur-mask, none);
  mask-image: var(--service-detail-blur-mask, none);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
body.light .modal-wrapper.service-detail-modal::before {
  background: rgb(248, 250, 252, 0.52);
  backdrop-filter: blur(14px) saturate(1.05);
  -webkit-backdrop-filter: blur(14px) saturate(1.05);
}
.modal-wrapper.service-detail-modal .mbo-wrapper {
  position: relative;
  z-index: 1;
}
.modal-wrapper.service-detail-modal .modal-box {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow:
    0 0 0 1px rgb(148, 163, 184, 0.12),
    0 24px 60px rgb(5 8 15 / 45%);
}
body.light .modal-wrapper.service-detail-modal .modal-box {
  box-shadow:
    0 0 0 1px rgb(15, 23, 42, 0.07),
    0 24px 50px rgb(15 23 42 / 10%);
}
.mbo-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.modal-box {
  position: relative;
  width: min(560px, 100%);
  max-height: 90vh;
  background: var(--color-2);
  color: var(--color-4);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgb(5 8 15 / 45%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (width <= 991.98px) {
  .modal-box {
    width: 100%;
    max-height: 85vh;
  }
  .btn-fav.active i,
  .btn-new.active i {
    margin-right: 0;
  }
}
.m-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 24px;
  background: linear-gradient(135deg, rgb(0 43 255 / 25%), rgb(0 43 255 / 0%));
  border-bottom: 1px solid rgb(255 255 255 / 12%);
}
body.light .m-header {
  background: linear-gradient(135deg, rgb(0 43 255 / 12%), rgb(0 43 255 / 0%));
  border-bottom: 1px solid rgb(0 0 0 / 8%);
}
.modal-head-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width >= 520px) {
  .modal-head-info {
    flex-direction: row;
    align-items: center;
  }
}
.modal-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  background: rgb(0 43 255 / 40%);
}
body.light .modal-chip {
  color: #000;
  background: rgb(0 43 255 / 15%);
}
.modal-id {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-4);
}
.modal-close,
.modal-copy {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: var(--color-6);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgb(0 43 255 / 25%);
  transition: 0.2s ease;
}
.modal-close:hover,
.modal-copy:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
}
body.light .modal-close,
body.light .modal-copy {
  background: var(--color-6);
  color: #fff;
}
body.light .modal-close:hover,
body.light .modal-copy:hover {
  box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
}
.m-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
}
.modal-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-4);
}
.modal-title-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-title-box .modal-chip {
  font-size: 10px;
}
.modal-description br,
.modal-description div,
.modal-description p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}
.modal-description br {
  display: block;
  margin: 0 !important;
  content: "";
  height: 0;
}
.modal-description {
  background: rgb(255 255 255 / 5%);
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 20px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.4 !important;
  max-height: none;
  min-height: auto;
  overflow-x: hidden;
  color: var(--color-4);
  white-space: pre-line !important;
}
body.light .modal-description {
  background: rgb(0 0 0 / 4%);
  border: 1px solid rgb(0 0 0 / 8%);
  color: #000;
}
.modal-description > :last-child {
  margin-bottom: 0;
}
[id^="serviceModalText-"] .modal-description {
  white-space: normal !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
[id^="serviceModalText-"] .modal-desc {
  margin: 0 !important;
}
[id^="serviceModalText-"] .modal-desc > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
[id^="serviceModalText-"] .modal-desc > :last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media (width <= 575.98px) {
  .service-detail-modal .m-body {
    padding: 12px 14px;
    gap: 10px;
    overflow-y: auto;
  }
  .service-detail-modal .modal-description {
    padding: 8px 10px !important;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: break-word;
  }
  .service-detail-modal .modal-desc {
    font-size: 12px;
    line-height: 18px;
  }
  .service-detail-modal .modal-info-grid {
    gap: 8px;
  }
  .service-detail-modal .modal-info {
    padding: 10px 12px;
    border-radius: 12px;
    gap: 4px;
  }
  .service-detail-modal .modal-label {
    font-size: 10px;
  }
  .service-detail-modal .modal-value {
    font-size: 14px;
  }
  .service-detail-modal .modal-value--title {
    font-size: 15px;
  }
  .service-detail-modal .modal-box {
    max-height: 92vh;
  }
  .service-detail-modal .m-header {
    padding: 10px 14px;
  }
  .service-detail-modal .modal-info-grid {
    grid-template-columns: 1fr;
  }
}
.modal-info-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info-grid--stack {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info {
  background: rgb(255 255 255 / 4%);
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 18px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.light .modal-info {
  background: rgb(0 0 0 / 3%);
  border: 1px solid rgb(0 0 0 / 8%);
}
.modal-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 65%);
}
body.light .modal-label {
  color: rgb(0 0 0 / 60%);
}
.modal-value {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-4);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.modal-value--title {
  font-size: 18px;
  font-weight: 700;
}
.modal-emphasis {
  font-weight: 700;
  color: var(--color-4);
}
.modal-extra {
  font-size: 13px;
  color: var(--color-4);
}
.modal-description p {
  margin: 4px 0;
}
.modal-info--wide {
  grid-column: span 2;
}
.modal-info--full {
  grid-column: 1/-1;
}
@media (width <= 576px) {
  .m-header {
    padding: 12px 16px;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
  }
  .modal-head-info {
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
  }
  .modal-chip {
    font-size: 10px;
    padding: 3px 8px;
  }
  .modal-id {
    font-size: 12px;
  }
  .modal-info--wide {
    grid-column: span 1;
  }
  .modal-info--full {
    grid-column: 1/-1;
  }
  .modal-close,
  .modal-copy {
    width: 30px;
    height: 30px;
  }
}
.m-body .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  border-radius: 0;
}
.m-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.005em;
  color: #fff;
  margin-bottom: 0;
}
.m-close:focus {
  box-shadow: 0 0 0 0.25rem rgb(2 88 255 / 20%);
}
@media screen and (width >= 991.98px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.nwo-categories .swiper-slide {
  width: auto !important;
  flex-shrink: 0 !important;
}
.nwo-categories .swiper-wrapper {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
}
.nwo-categories .swiper-wrapper::after,
.nwo-categories .swiper-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
}
.nwo-categories .swiper-wrapper::before {
  left: 0;
  width: 50px;
}
.nwo-categories .swiper-wrapper::after {
  left: 0;
  width: 50px;
}
.nwo-categories .swiper-button-next::after,
.nwo-categories .swiper-button-prev::after {
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #fff;
}
.nwo-categories .swiper-button-prev::after {
  content: "\ea64";
}
.nwo-categories .swiper-button-next::after {
  content: "\ea6e";
}
 .nwo-cat-btn {
   display: flex;
   align-items: center;
   gap: 8px;
   background: var(--color-2);
   border: 1px solid var(--color-1);
   border-radius: 15px;
   padding: 15px;
   justify-content: center;
   height: auto;
   min-height: 50px;
   /* max-height sabitlenip overflow kırpılmaz; marka ikon glifleri (Pinterest,
      Twitch, Spotify vb.) em kutusunun üstüne taştığında kesilmesin */
 }
 .nwo-cat-btn.active {
   background: var(--color-2);
   border: 1px solid var(--color-6);
 }
.nwo-cat-btn:hover {
  background: var(--color-2) !important;
  border: 1px solid var(--color-6) !important;
}
.nwo-categories .nwo-cat-btn.active:hover,
.nwo-categories .nwo-cat-btn:hover {
  background: var(--color-2) !important;
  background-image: none !important;
}
.nwo-categories .nwo-cat-btn.active:active,
.nwo-categories .nwo-cat-btn.active:focus,
.nwo-categories .nwo-cat-btn:active,
.nwo-categories .nwo-cat-btn:focus {
  background: var(--color-2) !important;
  border-color: var(--color-6) !important;
  outline: 0;
  background-image: none !important;
}
body.light .nwo-categories .nwo-cat-btn.active:hover,
body.light .nwo-categories .nwo-cat-btn:hover {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
  background-image: none !important;
}
body.light .nwo-categories .nwo-cat-btn.active:active,
body.light .nwo-categories .nwo-cat-btn.active:focus,
body.light .nwo-categories .nwo-cat-btn:active,
body.light .nwo-categories .nwo-cat-btn:focus {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
  outline: 0;
  background-image: none !important;
}
body:not(.light) .nwo-cat-btn:hover .g-ticon,
body:not(.light) .nwo-cat-btn:hover .text {
  color: #fff !important;
}
body.light .nwo-cat-btn:hover .g-ticon,
body.light .nwo-cat-btn:hover .text {
  color: #020617 !important;
}
body:not(.light) .g-menu-list .g-menu-link {
  background: var(--color-2) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body:not(.light) .g-menu-list .g-menu-link:active,
body:not(.light) .g-menu-list .g-menu-link:focus,
body:not(.light) .g-menu-list .g-menu-link:hover {
  background: var(--color-2) !important;
  border-color: var(--color-6) !important;
  background-image: none !important;
}
body:not(.light) .g-menu-list .g-menu-link.active,
body:not(.light) .g-menu-list .g-menu-link.active:active,
body:not(.light) .g-menu-list .g-menu-link.active:focus,
body:not(.light) .g-menu-list .g-menu-link.active:hover {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link {
  background: var(--color-1) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link.active,
body.light .g-menu-list .g-menu-link.active:active,
body.light .g-menu-list .g-menu-link.active:focus,
body.light .g-menu-list .g-menu-link.active:hover,
body.light .g-menu-list .g-menu-link:active,
body.light .g-menu-list .g-menu-link:focus,
body.light .g-menu-list .g-menu-link:hover {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body:not(.light) .g-menu-list .g-menu-link.active,
body:not(.light) .g-menu-list .g-menu-link.active:active,
body:not(.light) .g-menu-list .g-menu-link.active:focus,
body:not(.light) .g-menu-list .g-menu-link.active:hover {
  background: var(--color-1) !important;
  background-image: none !important;
  box-shadow:
    inset 0 10px 18px rgb(0 0 0 / 35%),
    inset 0 -6px 10px rgb(0 0 0 / 28%),
    0 0 0 1px var(--color-6) !important;
}
body:not(.light) .g-menu-list .g-menu-link.active::before,
body:not(.light) .g-menu-list .g-menu-link.active:active::before,
body:not(.light) .g-menu-list .g-menu-link.active:focus::before,
body:not(.light) .g-menu-list .g-menu-link.active:hover::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 8px;
  top: 2px;
  height: 18px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: linear-gradient(to bottom, rgb(255 255 255 / 6%), rgb(255 255 255 / 0%));
  pointer-events: none;
}
.g-menu-list .g-menu-link.active::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: -3px !important;
  top: 8px !important;
  bottom: 0 !important;
  width: 6px !important;
  height: 70% !important;
  border-radius: 5px !important;
  background: var(--color-6) !important;
  background-image: none !important;
}
body.light .g-menu-list .g-menu-link {
  background: 0 0 !important;
  border: 1px solid transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link:focus,
body.light .g-menu-list .g-menu-link:hover {
  background: 0 0 !important;
  border-color: var(--color-6) !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link.active,
body.light .g-menu-list .g-menu-link.active:focus,
body.light .g-menu-list .g-menu-link.active:hover {
  background: #fff !important;
  border-color: var(--color-6) !important;
  box-shadow: none !important;
}
.nwo-categories .nwo-cat-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--color-2) !important;
}
.nwo-categories .nwo-cat-btn.active,
.nwo-categories .nwo-cat-btn:hover {
  background: var(--color-2) !important;
  border-color: var(--color-6) !important;
}
body.light .nwo-categories .nwo-cat-btn {
  background: var(--color-1) !important;
}
body.light .nwo-categories .nwo-cat-btn.active,
body.light .nwo-categories .nwo-cat-btn:hover {
  background: var(--color-1) !important;
  border-color: var(--color-6) !important;
}
body:not(.light) .nwo-categories .nwo-cat-btn .g-ticon,
body:not(.light) .nwo-categories .nwo-cat-btn .text,
body:not(.light) .nwo-categories .nwo-cat-btn i {
  color: #fff !important;
}
.nwo-categories .swiper-wrapper::after,
.nwo-categories .swiper-wrapper::before,
.nwo-categories .swiper-wrapper:hover::after,
.nwo-categories .swiper-wrapper:hover::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: 0 0 !important;
  box-shadow: none !important;
}
.nwo-categories .nwo-cat-btn,
.nwo-categories .nwo-cat-btn.active,
.nwo-categories .nwo-cat-btn.active:focus,
.nwo-categories .nwo-cat-btn.active:hover,
.nwo-categories .nwo-cat-btn:active,
.nwo-categories .nwo-cat-btn:focus,
.nwo-categories .nwo-cat-btn:hover {
  box-shadow: none !important;
}
.nwo-categories .nwo-cat-btn,
.nwo-categories .nwo-cat-btn.active,
.nwo-categories .nwo-cat-btn.active:active,
.nwo-categories .nwo-cat-btn.active:focus,
.nwo-categories .nwo-cat-btn.active:hover,
.nwo-categories .nwo-cat-btn:active,
.nwo-categories .nwo-cat-btn:focus,
.nwo-categories .nwo-cat-btn:hover {
  background: var(--color-2) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--color-6) !important;
}
body.light .nwo-categories .nwo-cat-btn,
body.light .nwo-categories .nwo-cat-btn.active,
body.light .nwo-categories .nwo-cat-btn.active:active,
body.light .nwo-categories .nwo-cat-btn.active:focus,
body.light .nwo-categories .nwo-cat-btn.active:hover,
body.light .nwo-categories .nwo-cat-btn:active,
body.light .nwo-categories .nwo-cat-btn:focus,
body.light .nwo-categories .nwo-cat-btn:hover {
  background: var(--color-1) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--color-6) !important;
}
body:not(.light) .nwo-categories .nwo-cat-btn .g-ticon,
body:not(.light) .nwo-categories .nwo-cat-btn .text,
body:not(.light) .nwo-categories .nwo-cat-btn i {
  color: #fff !important;
}
body.light .nwo-categories .nwo-cat-btn .g-ticon,
body.light .nwo-categories .nwo-cat-btn .text,
body.light .nwo-categories .nwo-cat-btn i {
  color: #020617 !important;
}
body.light .nwo-categories .nwo-cat-btn:not(.active):hover {
  border-color: var(--color-6) !important;
  background: rgb(27 73 243 / 9%) !important;
  background-image: none !important;
}
body.light .nwo-categories .nwo-cat-btn:not(.active):hover .g-ticon,
body.light .nwo-categories .nwo-cat-btn:not(.active):hover .text,
body.light .nwo-categories .nwo-cat-btn:not(.active):hover i {
  color: var(--color-6) !important;
}
body.light .nwo-categories .nwo-cat-btn.active {
  background: #fff !important;
  border-color: var(--color-6) !important;
  box-shadow: 0 1px 3px rgb(15, 23, 42, 0.1);
}
body.light .nwo-categories .nwo-cat-btn.active .g-ticon,
body.light .nwo-categories .nwo-cat-btn.active .text,
body.light .nwo-categories .nwo-cat-btn.active i {
  color: #0f172a !important;
}
body.light .nwo-categories .nwo-cat-btn.active:hover {
  background: #fff !important;
  border-color: var(--color-6) !important;
}
body.light .nwo-categories .nwo-cat-btn.active:hover .g-ticon,
body.light .nwo-categories .nwo-cat-btn.active:hover .text,
body.light .nwo-categories .nwo-cat-btn.active:hover i {
  color: #0f172a !important;
}
.nwo-cat-btn,
.nwo-cat-btn.active,
.nwo-cat-btn.active:active,
.nwo-cat-btn.active:focus,
.nwo-cat-btn.active:hover,
.nwo-cat-btn:active,
.nwo-cat-btn:focus,
.nwo-cat-btn:hover {
  background: var(--color-2) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--color-6) !important;
}
body.light .nwo-cat-btn,
body.light .nwo-cat-btn.active,
body.light .nwo-cat-btn.active:active,
body.light .nwo-cat-btn.active:focus,
body.light .nwo-cat-btn.active:hover,
body.light .nwo-cat-btn:active,
body.light .nwo-cat-btn:focus,
body.light .nwo-cat-btn:hover {
  background: var(--color-1) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--color-6) !important;
}
body.light .nwo-cat-btn:not(.active),
body.light .nwo-cat-btn:not(.active):active,
body.light .nwo-cat-btn:not(.active):focus,
body.light .nwo-cat-btn:not(.active):hover {
  background: #c5cad2 !important;
  border-color: rgb(15, 23, 42, 0.18) !important;
  box-shadow: 0 1px 3px rgb(15, 23, 42, 0.08) !important;
}
body.light .nwo-categories .nwo-cat-btn:not(.active),
body.light .nwo-categories .nwo-cat-btn:not(.active):active,
body.light .nwo-categories .nwo-cat-btn:not(.active):focus,
body.light .nwo-categories .nwo-cat-btn:not(.active):hover {
  background: #c5cad2 !important;
  border-color: rgb(15, 23, 42, 0.18) !important;
  box-shadow: 0 1px 3px rgb(15, 23, 42, 0.08) !important;
}
.g-menu-list .g-menu-link,
.g-menu-list .g-menu-link.active,
.g-menu-list .g-menu-link.active:focus,
.g-menu-list .g-menu-link.active:hover,
.g-menu-list .g-menu-link:active,
.g-menu-list .g-menu-link:focus,
.g-menu-list .g-menu-link:hover {
  background: var(--color-2) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--color-6) !important;
}
body.light .g-menu-list .g-menu-link,
body.light .g-menu-list .g-menu-link.active,
body.light .g-menu-list .g-menu-link.active:focus,
body.light .g-menu-list .g-menu-link.active:hover,
body.light .g-menu-list .g-menu-link:active,
body.light .g-menu-list .g-menu-link:focus,
body.light .g-menu-list .g-menu-link:hover {
  background: var(--color-1) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--color-6) !important;
}
.nwo-cat-btn.active .g-ticon,
.nwo-cat-btn.active .text {
  color: var(--color-4);
}
.nwo-cat-btn .g-ticon {
  color: var(--color-4);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  flex-shrink: 0;
}
.nwo-cat-btn .text {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: var(--color-4);
}
body:not(.light) .nwo-cat-btn .g-ticon,
body:not(.light) .nwo-cat-btn .text {
  color: #fff !important;
}
body.light .nwo-cat-btn .g-ticon,
body.light .nwo-cat-btn .text {
  color: #020617 !important;
}
body.light .nwo-cat-btn:hover {
  background: var(--color-1);
  border: 1px solid var(--color-6);
}
body:not(.light) .nwo-cat-btn.active i {
  color: #fff !important;
}
body.light .nwo-cat-btn.active i {
  color: #020617 !important;
}
body.light .nwo-cat-btn.active .fab.fa-instagram {
  color: #e1306c !important;
}
body.light .nwo-cat-btn.active .fab.fa-facebook-f {
  color: #207eff !important;
}
body.light .nwo-cat-btn.active .fab.fa-youtube {
  color: #ff0042 !important;
}
body.light .nwo-cat-btn.active .fab.fa-twitter {
  color: #1da1f2 !important;
}
body.light .nwo-cat-btn.active .fab.fa-telegram-plane {
  color: #2b9fd2 !important;
}
body.light .nwo-cat-btn.active .fab.fa-soundcloud {
  color: #ff5836 !important;
}
body.light .nwo-cat-btn.active .fab.fa-spotify {
  color: #62ffa2 !important;
}
body.light .nwo-cat-btn.active .fab.fa-twitch {
  color: #e600ff !important;
}
body.light .nwo-cat-btn.active .fab.fa-tiktok {
  color: #f8004d !important;
}
body.light .nwo-cat-btn.active .fab.fa-discord {
  color: #5865f2 !important;
}
body.light .nwo-cat-btn.active .fab.fa-linkedin-in {
  color: #0077b5 !important;
}
body.light .nwo-cat-btn.active .fab.fa-reddit-alien {
  color: #ff5700 !important;
}
body.light .nwo-cat-btn.active .fab.fa-vimeo-v {
  color: #1ab7ea !important;
}
body.light .nwo-cat-btn.active .fab.fa-snapchat-ghost {
  color: #fffc00 !important;
}
body:not(.light) .nwo-cat-btn.active .fab.fa-instagram {
  color: #e1306c !important;
}
body:not(.light) .nwo-cat-btn.active .fab.fa-facebook-f {
  color: #207eff !important;
}
body:not(.light) .nwo-cat-btn.active .fab.fa-discord {
  color: #5865f2 !important;
}
.progress {
  height: 5px;
}
.progress-bar {
  background-color: var(--color-7);
  min-width: 0 !important;
  transition: none !important;
}
#statusProgress.progress-bar {
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: none !important;
}
#statusProgress.progress-bar.progress-animating {
  transition: width 1.5s ease-out !important;
}
#statusProgress.progress-bar.progress-platin,
#statusProgress.progress-bar[class*="platin"],
#statusProgress.progress-platin,
.progress #statusProgress.progress-bar.progress-platin,
.progress #statusProgress.progress-platin,
.progress .progress-bar.progress-platin,
.progress div#statusProgress.progress-bar.progress-platin,
.progress div#statusProgress.progress-platin,
.progress-bar.progress-platin,
.progress-bar[class*="platin"],
div#statusProgress.progress-bar.progress-platin,
div#statusProgress.progress-platin {
  background: #9d4edd !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}
.progress-percent,
.progress-title {
  font-size: 14px;
}
.progress-next {
  font-size: 12px;
}
.progress-title .primary-color {
  font-weight: 600;
  color: #0ea5e9 !important;
}
.progress-btn .btn {
  font-size: 14px !important;
  padding: 7px 10px;
}
.gc-balance {
  background: 0 0;
  border: none;
  color: var(--color-4);
  font-weight: 600;
  width: 130px;
}
.g-gender {
  text-align: center;
}
.g-gender .g-genderavatar {
  position: relative;
  margin-bottom: 14px;
}
.g-gender .g-fullname {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-4);
  font-weight: 600;
  margin-bottom: 8px;
}
.g-gender .g-email {
  font-size: 14px;
  line-height: 17px;
  color: var(--color-5);
}
body:not(.light) .g-gender .g-email {
  color: #fff !important;
}
.g-switch {
  min-width: 280px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid var(--color-3);
  display: inline-flex;
  padding: 5px;
  position: relative;
  background: 0 0;
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
}
.g-switch:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: var(--color-6);
  outline: 0;
}
.g-switch.gender-male .switch-male {
  color: #fff;
}
.g-switch.gender-female .switch-female {
  color: #fff;
}
.g-switch.gender-female .switch-bg {
  left: calc(50% - 5px);
}
.g-switch .switch-bg {
  background: var(--color-6);
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: 50%;
  border-radius: 10px;
  position: absolute;
  -webkit-transition: 0.23s ease;
  transition: 0.23s ease;
}
.g-switch .switch-btn {
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 2;
  height: 44px;
  background: 0 0;
  border: none;
  outline: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.g-switch.gender-female .g-genderavatar.gender-male {
  display: none !important;
}
.user-avatar {
  width: 150px;
}
.profile-toggle.dropdown-toggle {
  background: 0 0;
  border: none;
  outline: 0;
}
.profile-toggle.dropdown-toggle::after {
  display: none !important;
}
.g-mo-logo .user-avatar {
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  height: 50px;
  display: block;
}
.g-genderavatar {
  position: relative;
}
.g-dash-header .g-genderavatar .g-avatar {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.g-genderavatar .avatar-icon {
  position: absolute;
  background: var(--color-6);
  color: var(--color-4);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  transform: translateY(-1px);
  bottom: 2px;
  right: 2px;
  box-shadow:
    0 0 0 1px rgb(0 0 0 / 60%),
    0 0 6px rgb(255 255 255 / 70%);
}
.modal-flex {
  padding: 10px 0;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.modal-flex:not(:first-child) {
  border-top: 1px solid var(--color-2);
}
.mf-title {
  font-size: 13px;
  color: var(--color-5);
}
.mf-text {
  margin-top: 2px;
  line-height: 125%;
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
}
.mf-color {
  color: var(--color-6);
  font-weight: 600;
}
.modal-desc {
  font-size: 13px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow: hidden auto;
}
.codewin-head {
  height: 1.5rem;
  padding: 0 1rem;
  position: relative;
}
.codewin-buttons {
  display: flex;
  bottom: 0;
  right: 0;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
.btn-mac {
  border-radius: 50%;
  height: 0.75rem;
  margin: 0 0.125rem;
  width: 0.75rem;
}
.mac-close {
  background-color: #ff5f56;
}
.mac-mini {
  background-color: #ffbd2e;
}
.mac-full {
  background-color: #27c93f;
}
.bs-toast {
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow:
    0 6px 16px rgb(0 0 0 / 40%),
    0 3px 8px rgb(0 0 0 / 30%);
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: auto;
  max-width: 280px;
  border: 1px solid #fff !important;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  z-index: 999;
  text-align: center;
  animation: toast-slide-in 0.3s ease-out;
}
.bs-toast .bs-toast-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bs-toast .toast-icon {
  font-size: 16px;
  flex-shrink: 0;
  color: #22c55e;
  animation: toast-icon-pulse 2s ease-in-out infinite;
  filter: drop-shadow(0 2px 4px rgb(34 197 94 / 40%));
}
.bs-toast .toast-text {
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.bs-toast .toast-times {
  cursor: pointer;
  border: none;
  outline: 0;
  color: #fff;
  background: 0 0;
}
.op-search-box.g-olink {
  display: flex;
  width: 100%;
}
.api-key-success {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.api-key-success-text {
  font-weight: 600;
  color: #f0fdf4;
}
.api-key-copy-btn {
  display: inline-flex;
  align-items: center;
  background: #020617;
  border: 1px solid rgb(94 234 212 / 35%);
  color: #93c5fd !important;
  padding: 8px 22px;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.alert-success .api-key-copy-btn,
.alert-success .api-key-copy-value {
  color: #93c5fd !important;
}
.alert-success .api-key-copy-btn.copied,
.alert-success .api-key-copy-btn.copied .api-key-copy-value {
  color: #bfdbfe !important;
}
.api-key-copy-btn:hover {
  background: #030a1a;
  border-color: rgb(59 130 246 / 60%);
  color: #bae6fd;
  box-shadow: 0 4px 20px rgb(14 165 233 / 30%);
}
.api-key-copy-btn:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgb(14 165 233 / 25%);
}
.api-key-copy-btn.copied {
  background: #041025;
  color: #bfdbfe !important;
  border-color: rgb(94 234 212 / 80%);
}
.api-key-copy-value {
  font-family: "Courier New", monospace;
  color: inherit !important;
  letter-spacing: 0.08em;
  font-size: 15px;
}
body.light #api_key,
body.light #api_link,
html body.light input#api_key,
html body.light input#api_link {
  background: #c5cad2 !important;
  background-color: #c5cad2 !important;
  border-color: rgb(0, 0, 0, 0.12) !important;
  color: #1e293b !important;
}
body.light .alert-success .api-key-copy-btn,
body.light .alert-success .api-key-copy-btn .api-key-copy-value {
  background: #c5cad2 !important;
  background-color: #c5cad2 !important;
  border-color: rgb(0, 0, 0, 0.2) !important;
  color: #1e293b !important;
}
body.light .alert-success .api-key-copy-btn:hover {
  background: #b8bdc6 !important;
  background-color: #b8bdc6 !important;
  border-color: rgb(0, 0, 0, 0.25) !important;
  color: #0f172a !important;
}
body.light .alert-success .api-key-success-text {
  color: #f0fdf4 !important;
}
.addfunds-alert {
  padding: 12px 16px;
}
.addfunds-alert.alert-enhanced {
  padding: 18px 22px !important;
}
.addfunds-alert-text {
  display: inline-block;
  line-height: 1.6;
  font-weight: 600;
}
.addfunds-alert.alert-enhanced .addfunds-alert-text,
.addfunds-alert.alert-enhanced .alert-message {
  color: #f8fafc !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
}
.g-olink .link {
  display: block;
  width: 100%;
  flex: 1 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
}
.g-order-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.g-order-item .title {
  font-size: 14px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-item .text {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-4);
  line-height: 27px;
  opacity: 1;
}
.g-order-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-4);
  margin-bottom: 0;
}
.g-order-title .service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--color-4);
  opacity: 0.85;
}
.g-order-title .service-icon i {
  font-size: 1em;
}
.g-order-title .service-id {
  font-weight: 700;
  color: var(--color-4);
}
.g-order-title .service-name {
  color: var(--color-4);
}
.g-order-title .service-title-text {
  display: inline;
  min-width: 0;
}
@media (width <= 767.98px) {
  .g-order-title .service-icon {
    font-size: 20px;
    flex-shrink: 0;
    margin-right: 0;
  }
  .dripfeed-card .g-order-title,
  .order-card .g-order-title,
  .subscription-card .g-order-title {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
  }
  .dripfeed-card .g-order-title .service-title-text,
  .order-card .g-order-title .service-title-text,
  .subscription-card .g-order-title .service-title-text {
    flex: 1;
    min-width: 0;
    display: block;
    overflow-wrap: break-word;
  }
  .dripfeed-card .g-order-title .service-id,
  .dripfeed-card .g-order-title .service-name,
  .order-card .g-order-title .service-id,
  .order-card .g-order-title .service-name,
  .subscription-card .g-order-title .service-id,
  .subscription-card .g-order-title .service-name {
    display: inline;
  }
}
.g-order-date {
  font-size: 12px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-bottom {
  border-top: 1px solid var(--color-3);
  padding-top: 15px;
  margin-top: 15px;
}
.ms-auto {
  margin-left: auto !important;
}
.g-status {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgb(255 255 255 / 15%);
  border-radius: 15px;
  padding: 10px 34px;
}
.order-actions .g-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 28px;
  margin-right: 0.6rem;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}
.order-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  margin-right: 0.4rem;
}
.order-actions .g-status .order-action-icon {
  font-size: 1.15rem;
}
.order-actions .g-status:last-child {
  margin-right: 0;
}
.order-actions .g-status:hover {
  text-decoration: none;
  opacity: 0.92;
  box-shadow: 0 6px 16px rgb(0 0 0 / 15%);
  transform: translateY(-1px);
}
.order-actions .g-status.inprogress {
  background-color: rgb(129 129 129 / 25%);
  border: 1px solid #818181;
  color: #818181;
}
.order-actions .g-status.inprogress:hover {
  background-color: rgb(129 129 129 / 32%);
}
.order-card .g-status.inprogress,
.order-card .g-status.os-sm.inprogress {
  background-color: rgb(2 159 255 / 25%);
  border: 1px solid #029fff;
  color: #029fff;
}
@media (width <= 991.98px) {
  .g-status {
    width: auto;
    margin: auto;
  }
  .g-olink .link,
  .g-order-date,
  .g-order-title {
    text-align: center;
  }
}
.g-status.completed {
  background-color: rgb(0 182 122 / 25%);
  border: 1px solid #00b67a;
  color: #00b67a;
}
.g-status.processing {
  background-color: rgb(246 86 25 / 25%);
  border: 1px solid #f65619;
  color: #f65619;
}
.g-status.inprogress {
  background-color: rgb(2 159 255 / 25%);
  border: 1px solid #029fff;
  color: #029fff;
}
.g-status.pending {
  background-color: rgb(251 188 5 / 25%);
  border: 1px solid #fbbc05;
  color: #fbbc05;
}
.g-status.partial {
  background-color: rgb(129 129 129 / 25%);
  border: 1px solid #818181;
  color: #818181;
}
.g-status.cancelled {
  background-color: rgb(255 62 124 / 25%);
  border: 1px solid #ff3e7c;
  color: #ff3e7c;
}
.order-btn {
  background: var(--color-6);
  border: 1px solid var(--color-6);
  border-radius: 5px;
}
.select2-results__option a {
  color: var(--color-4) !important;
  font-size: 13px !important;
  border-bottom: 1px solid var(--color-1) !important;
  padding: 10px !important;
}
.select2-results__option a:hover {
  background: var(--color-1);
  color: var(--color-4) !important;
}
.select2-container--default .select2-results > .select2-results__options,
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--open .select2-dropdown--below {
  background-color: var(--color-2) !important;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  line-height: 24px;
}
.select2-container .badge-secondary {
  background: var(--color-6);
  color: #fff;
}
.g-email i {
  color: var(--color-6);
}
.api-block pre {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-6);
  border-radius: 15px;
  padding: 10px;
}
.api-block .table {
  color: var(--color-4);
}
.api-block .table thead th,
.api-block .table-bordered,
.api-block .table-bordered td,
.api-block .table-bordered th {
  border-color: var(--color-1);
}
.tickets {
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  background: var(--color-1);
  border-radius: 15px;
  padding: 10px 15px;
}
.tickets.new {
  background: var(--color-8);
}
.tickets:hover {
  background: var(--color-8);
  transition: 0.5s all;
}
.tickets .avatar.me-3 {
  margin-right: 15px !important;
}
.tickets .avatar .tickets-img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: var(--color-1);
  color: var(--color-4) !important;
  text-align: center;
  position: relative;
  border: 3px solid var(--color-8);
  box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}
.tickets .avatar .tickets-img span {
  font-size: 24px;
  color: var(--color-6);
}
.tickets h6 {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--color-4);
}
.tickets span {
  color: #71738d;
  font-size: 12px;
}
.tickets .date {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 12px;
  color: #bcc2cf;
}
.g-ticket-status.completed {
  color: #00b67a;
}
.g-ticket-status.pending {
  color: #fbbc05;
}
.g-ticket-status.closed {
  color: #ff3e7c;
}
input.designradio {
  position: absolute;
  z-index: 9999999;
  width: 100px;
  height: 72px;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
}
.ticket .subject_box span i {
  font-size: 24px;
  color: var(--color-6);
}
.ticket-fields {
  padding-top: 20px;
}
.ticket .custom-radio button {
  text-decoration: none;
  border: 1px solid var(--color-1);
  background: 0 0;
  display: inline-block;
  border-radius: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
.ticket .custom-radio button.active {
  border-color: var(--color-6);
}
.ticket .custom-radio button:hover {
  border: 1px solid var(--color-6);
}
.ticket .form-group {
  margin-bottom: 20px;
}
.subject_box {
  margin: auto;
  text-align: center;
  padding: 12px 10px;
}
.subject_box p {
  margin: 0;
  padding-top: 15px;
  color: var(--color-4);
  font-size: 16px;
}
.downBtn {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  padding: 10px 14px;
  transition: transform 0.2s ease-in-out;
}
.downBtn.rotated {
  transform: rotate(180deg);
}
@media (width <= 991.98px) {
  .downBtn {
    margin-top: 15px;
  }
}
.g-chat .g-chat-area ul.chat {
  max-height: 350px;
  min-height: 350px;
  overflow-y: scroll;
  padding-right: 20px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar {
  width: 5px;
  border-radius: 2px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgb(255 255 255 / 20%);
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #fff;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.g-chat .g-chat-area ul.chat li.user {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.g-chat .g-chat-area ul.chat li.user .r {
  text-align: end;
  margin-right: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r .answer {
  background-color: var(--color-8);
  color: var(--color-5);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: end;
}
.g-chat .g-chat-area ul.chat li.user .l {
  min-width: 100px;
  max-width: 100px;
}
.g-chat .g-chat-area ul.chat li.user .l span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-3);
  color: var(--color-5);
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.user .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.user .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat li.web {
  display: flex;
  align-items: start;
  justify-content: end;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l {
  text-align: start;
  margin-left: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l .answer {
  background-color: var(--color-6);
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: start;
}
.g-chat .g-chat-area ul.chat li.web .r {
  min-width: 100px;
  max-width: 100px;
}
.g-chat .g-chat-area ul.chat li.web .r span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  color: #3d455a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.web .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat {
  padding-left: 0;
}
@media (width <= 991.98px) {
  .mobiledetail {
    display: block !important;
  }
}
.ticket-message-block {
  display: flex;
}
.ticket-message-block.ticket-message-left + .ticket-message-left {
  margin-top: -50px;
}
.ticket-message-block.ticket-message-right + .ticket-message-right {
  margin-top: -50px;
}
.ticket-message-block.ticket-message-right {
  justify-content: flex-end;
}
.ticket-message-block.ticket-message-right .ticket-msg-container {
  text-align: right;
}
.ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg {
  background: var(--color-6);
  border-radius: 20px 20px 0;
}
.ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg {
  border-radius: 20px 20px 20px 0;
}
.ticket-message-block .ticket-msg-container {
  width: 100%;
  max-width: 400px;
}
.ticket-message-block .ticket-msg-container .ticket-msg {
  background: var(--color-8);
  border-radius: 30px;
  padding: 14px 26px;
  display: inline-flex;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: var(--color-5);
}
.ticket-message-block .ticket-msg-container .date-time {
  font-size: 12px;
  line-height: 15px;
  color: #747886;
  margin-bottom: 30px;
  padding: 0 10px;
  display: block;
}
.g-chat-side .g-chat {
  max-height: 553px;
  overflow-y: auto;
  margin: 0 -24px;
  padding: 0 24px;
}
.g-chat-side .g-chat::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-track {
  background: 0 0;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 20%);
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb:hover {
  background: rgb(255 255 255 / 40%);
}
.g-chat-side .schat-input {
  padding-top: 10px;
}
.g-chat-input {
  position: relative;
  display: flex;
  background: var(--color-1);
  border-radius: 0 0 8px 8px;
  height: 70px;
  align-items: center;
}
.g-chat-input input {
  border: none;
  outline: 0;
  background: 0 0;
  flex: 1;
  padding: 0 30px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.g-chat-input input::placeholder {
  color: rgb(255 255 255 / 60%);
}
.g-ticket-box {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 8px;
  padding: 20px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.g-ticket-box + .g-ticket-box {
  margin-top: 14px;
}
.g-ticket-box .title {
  flex: 1;
}
.g-ticket-box .text {
  color: var(--color-6);
}
.gi-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-4);
}
.gi-text {
  color: var(--color-5);
}
.gi-text a {
  color: var(--color-6);
}
.gcard-icon {
  width: 44px;
  height: 44px;
  font-size: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width >= 992px) {
  .gcard-icon {
    width: 82px;
    height: 82px;
    font-size: 40px;
  }
  .nwoMain .row.mt-3 {
    display: flex !important;
    align-items: stretch !important;
  }
  .nwoMain .col-lg-5 > .gcard {
    margin-top: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body {
    flex: 1 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body .tab-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body .tab-content .tab-pane {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body .tab-content .tab-pane.active {
    display: flex !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body .tab-content .tab-pane:not(.active) {
    display: none !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body .glycon-updates-container,
  .nwoMain .col-lg-5 > .gcard .gcard-body .news-area {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    height: 0 !important;
    overflow: hidden auto !important;
  }
  .nwoMain .col-lg-5 > .gcard .gcard-body .glycon-updates-container[style*="500px"],
  .nwoMain .col-lg-5 > .gcard .gcard-body .glycon-updates-container[style*="max-height"],
  .nwoMain .col-lg-5 > .gcard .gcard-body .news-area[style*="500px"],
  .nwoMain .col-lg-5 > .gcard .gcard-body .news-area[style*="max-height"] {
    max-height: 100% !important;
    height: 0 !important;
  }
}
.gcard-icon.gi-1 {
  background-color: var(--color-8);
  color: var(--color-6);
}
body:not(.light) .gcard-icon.gi-1,
body:not(.light) .gcard-icon.gi-1 i {
  color: #fff !important;
}
body.light .gcard-icon.gi-1,
body.light .gcard-icon.gi-1 i {
  color: #020617 !important;
}
.nwoNav {
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  margin: 0;
  list-style: none;
  padding: 7px;
  display: flex;
}
.nwoNav .nwoNavLink {
  border: 1px solid var(--color-3);
  outline: 0;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  background-color: var(--color-1);
  color: var(--color-4);
  padding: 13px 25px;
  transition: 0.14s ease;
  box-sizing: border-box;
}
.nwoNav .nwoNavLink:not(.active):hover {
  border-color: var(--color-6);
  background: var(--color-2);
  color: var(--color-4);
}
.nwoNav .nwoNavLink.active {
  background: var(--color-6);
  border-color: var(--color-6);
  color: var(--color-4);
  box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
}
.nwoMain .gcard .news-area .news-item .news-text .service {
  color: #38bdf8 !important;
}
body.light .nwoMain .gcard .news-area .news-item .news-text .service,
body.light .nwoMain .gcard .news-area .news-item h6.service {
  color: #000 !important;
}
/* Kampanya kartında başlık altı ile tarih/saat üstü boşlukları eşit olsun */
.nwoMain .gcard .news-area .news-item .news-text h6.service {
  margin-bottom: 12px;
}
.nwoMain .gcard .news-area .news-item .news-text .desc {
  margin-bottom: 12px;
}
.nwoMain .gcard .news-area .news-item .news-text .desc p:last-child {
  margin-bottom: 0;
}
.nwoMain .gcard .news-area .news-item .news-text span.time {
  display: block;
}
.nwoMain .gcard .glycon-updates-item h4 {
  color: #38bdf8 !important;
}
body.light .nwoMain .gcard .glycon-updates-item h4 {
  color: #000 !important;
}
body.light .nwoMain .glycon-updates-item .g-status.cancelled,
body.light .nwoMain .glycon-updates-item .g-status.completed,
body.light .nwoMain .glycon-updates-item .g-status.inprogress,
body.light .nwoMain .glycon-updates-item .g-status.pending,
body.light .nwoMain .glycon-updates-item .glycon-update-action,
body.light .nwoMain .glycon-updates-item .glycon-update-action span {
  color: #000 !important;
}
body.light .nwoMain .glycon-updates-item .time_replaced,
body.light .nwoMain .glycon-updates-item .time_replaced small {
  color: #000 !important;
}
.nwoTabs .nwoTab {
  display: none;
}
.nwoTabs .nwoTab.active {
  display: block;
}
@media (width <= 991.98px) {
  .nav-tabs .nav-item,
  .nwoNav .nwoNavLink {
    width: 100%;
  }
  .d-none-imp {
    display: none !important;
  }
}
.sc-sup-item {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  border-radius: 15px;
  padding: 18px 30px;
  display: block;
  width: 100%;
  transition: 0.14s ease;
}
.sc-sup-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.sc-sup-item .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-5);
  margin-bottom: 10px;
}
.sc-sup-item .text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
@media (width >= 992px) {
  .sc-sup-item .text {
    margin-bottom: 0;
  }
}
.sc-sup-item + .sc-sup-item {
  margin-top: 13px;
}
.currency-toggle,
.language-toggle {
  background: 0 0;
  border: none;
  outline: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  font-size: 24px;
  overflow: hidden;
}
.currency-toggle.dropdown-toggle::after,
.language-toggle.dropdown-toggle::after {
  display: none;
}
.currency-drawer {
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 2003;
  background: var(--color-2);
  border-left: 1px solid var(--color-3);
  width: 280px;
  display: flex;
  flex-direction: column;
  transition: 0.14s ease;
}
.currency-drawer .drawer-header {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 80px;
  padding: 0 20px;
  background-color: var(--color-6);
}
.currency-drawer .drawer-header-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-4);
  margin-bottom: 0;
}
.currency-drawer .drawer-header-close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 20px;
  cursor: pointer;
}
.currency-drawer .drawer-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  padding: 10px 20px 40px;
  overflow-y: auto;
}
.currency-item {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  border-radius: 10px;
  padding: 18px 23px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-4);
  transition: 0.14s ease;
}
.currency-item:focus,
.currency-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-4);
}
.currency-item.active {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.gnyFAQs .gnyFtab {
  position: relative;
  cursor: pointer;
  background: 0 0;
  color: var(--color-3);
  padding: 13px 20px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--color-1);
}
body:not(.light) .gnyFAQs .gnyFtab {
  background: rgb(0 0 0 / 80%);
  border-radius: 12px;
  border-left: 3px solid rgb(0 43 255 / 60%);
  border-top: 1px solid rgb(0 43 255 / 20%);
  border-right: 1px solid rgb(0 43 255 / 20%);
  border-bottom: 1px solid rgb(0 43 255 / 20%);
  margin-bottom: 12px;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
body:not(.light) .gnyFAQs .gnyFtab::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, rgb(0 43 255 / 90%), rgb(8 36 173 / 70%));
  box-shadow:
    0 0 10px rgb(0 43 255 / 50%),
    0 0 20px rgb(0 43 255 / 30%);
  transition: all 0.25s ease;
}
body:not(.light) .gnyFAQs .gnyFtab:hover {
  background: rgb(0 0 0 / 95%);
  border-color: rgb(0 43 255 / 35%) rgb(0 43 255 / 35%) rgb(0 43 255 / 35%) rgb(0 43 255 / 90%);
  transform: translateX(3px);
  box-shadow:
    -4px 0 25px rgb(0 43 255 / 40%),
    0 4px 15px rgb(0 0 0 / 20%),
    inset 0 0 20px rgb(0 43 255 / 10%);
}
body:not(.light) .gnyFAQs .gnyFtab:hover::before {
  width: 4px;
  box-shadow:
    0 0 15px rgb(0 43 255 / 70%),
    0 0 30px rgb(0 43 255 / 50%),
    0 0 45px rgb(0 43 255 / 30%);
}
body:not(.light) .gnyFAQs .gnyFtab.active {
  background: rgb(0 0 0 / 100%);
  border-left: 4px solid rgb(0 43 255 / 100%);
  border-top-color: rgb(0 43 255 / 50%);
  border-right-color: rgb(0 43 255 / 50%);
  border-bottom-color: rgb(0 43 255 / 50%);
  transform: translateX(4px);
  box-shadow:
    -6px 0 35px rgb(0 43 255 / 50%),
    0 6px 20px rgb(0 0 0 / 30%),
    inset 0 0 30px rgb(0 43 255 / 15%);
}
body:not(.light) .gnyFAQs .gnyFtab.active::before {
  width: 4px;
  background: linear-gradient(180deg, rgb(0 43 255 / 100%), rgb(8 36 173 / 90%));
  box-shadow:
    0 0 20px rgb(0 43 255 / 80%),
    0 0 40px rgb(0 43 255 / 60%),
    0 0 60px rgb(0 43 255 / 40%);
}
body.light .gnyFAQs .gnyFtab {
  background: #e4e7ec;
  border-radius: 12px;
  border-left: 3px solid rgb(0 43 255 / 50%);
  border-top: 1px solid rgb(0 43 255 / 25%);
  border-right: 1px solid rgb(0 43 255 / 25%);
  border-bottom: 1px solid rgb(0 43 255 / 25%);
  margin-bottom: 12px;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
body.light .gnyFAQs .gnyFtab:not(.active) {
  background: #e0e4ea;
}
body.light .gnyFAQs .gnyFtab::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, rgb(0 43 255 / 70%), rgb(8 36 173 / 50%));
  box-shadow:
    0 0 10px rgb(0 43 255 / 40%),
    0 0 20px rgb(0 43 255 / 20%);
  transition: all 0.25s ease;
}
body.light .gnyFAQs .gnyFtab:hover {
  background: #e4e7ec;
  border-color: rgb(0 43 255 / 40%) rgb(0 43 255 / 40%) rgb(0 43 255 / 40%) rgb(0 43 255 / 80%);
  transform: translateX(3px);
  box-shadow:
    -4px 0 25px rgb(0 43 255 / 30%),
    0 4px 15px rgb(0 0 0 / 10%),
    inset 0 0 20px rgb(0 43 255 / 8%);
}
body.light .gnyFAQs .gnyFtab:hover::before {
  width: 4px;
  box-shadow:
    0 0 15px rgb(0 43 255 / 60%),
    0 0 30px rgb(0 43 255 / 40%),
    0 0 45px rgb(0 43 255 / 20%);
}
body.light .gnyFAQs .gnyFtab.active {
  background: #e4e7ec;
  border-left: 4px solid rgb(0 43 255 / 95%);
  border-top-color: rgb(0 43 255 / 40%);
  border-right-color: rgb(0 43 255 / 40%);
  border-bottom-color: rgb(0 43 255 / 40%);
  transform: translateX(4px);
  box-shadow:
    -6px 0 35px rgb(0 43 255 / 40%),
    0 6px 20px rgb(0 0 0 / 15%),
    inset 0 0 30px rgb(0 43 255 / 12%);
}
body.light .gnyFAQs .gnyFtab.active::before {
  width: 4px;
  background: linear-gradient(180deg, rgb(0 43 255 / 95%), rgb(8 36 173 / 80%));
  box-shadow:
    0 0 20px rgb(0 43 255 / 70%),
    0 0 40px rgb(0 43 255 / 50%),
    0 0 60px rgb(0 43 255 / 30%);
}
body.light .gnyFAQs .gnyFtab .gnyFhead,
body.light .gnyFAQs .gnyFtab.active .gnyFhead {
  color: #1d4ed8 !important;
}
body.light .g-ticket-status.closed,
body.light .g-ticket-status.completed,
body.light .g-ticket-status.pending,
body.light .ticket-date,
body.light .tickets .date,
body.light .tickets h6,
body.light .tickets span {
  color: #000 !important;
}
body.light .ticket-date {
  background: rgb(0, 0, 0, 0.06) !important;
}
body.light .gcard.gnyBlog .blog-content h1,
body.light .gcard.gnyBlog .blog-content h2,
body.light .gcard.gnyBlog .blog-content h3,
body.light .gcard.gnyBlog .blog-content h4,
body.light .gcard.gnyBlog .blog-content h5,
body.light .gcard.gnyBlog .blog-content h6,
body.light .gcard.gnyBlog .blog-post-title h1,
body.light .gnyBlog .blog-content h1,
body.light .gnyBlog .blog-content h2,
body.light .gnyBlog .blog-content h3,
body.light .gnyBlog .blog-content h4,
body.light .gnyBlog .blog-content h5,
body.light .gnyBlog .blog-content h6,
body.light .gnyBlog .blog-post-title h1,
body.light .gnyBlog .blog-title .blog-heading--post,
body.light .gnyBlog .blog-title h2 {
  color: #000 !important;
}
body.light .terms-page #terms h1,
body.light .terms-page #terms h2,
body.light .terms-page #terms h3,
body.light .terms-page #terms h4,
body.light .terms-page .terms-head,
body.light .terms-page h1,
body.light .terms-page h2,
body.light .terms-page h3,
body.light .terms-page h4 {
  color: #000 !important;
}
.gnyFAQs .gnyFtab .fa-minus {
  display: none;
}
.gnyFAQs .gnyFtab .fa-plus,
.gnyFAQs .gnyFtab .gnyFhead .right-p .fa-plus {
  color: #22c55e !important;
}
.gnyFAQs .gnyFtab.active .fa-minus,
.gnyFAQs .gnyFtab.active .gnyFhead .right-p .fa-minus {
  color: #ef4444 !important;
}
.gnyFAQs .gnyFtab.active {
  color: var(--color-4);
  border-radius: 15px;
}
.gnyFAQs .gnyFtab.active .gnyFhead {
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab.active .gnyFhead .right-p {
  color: var(--color-5);
}
.gnyFAQs .gnyFtab.active .fa-minus {
  display: block;
}
.gnyFAQs .gnyFtab.active .fa-plus {
  display: none;
}
.gnyFAQs .gnyFtab .gnyFhead {
  font-size: 16px;
  font-weight: 500;
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab .gnyFhead .right-p {
  color: var(--color-6);
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.gnyFAQs .gnyFtab .gnyFcontent {
  display: none;
  padding-top: 12px;
  color: var(--color-4);
  font-size: 16px;
  line-height: 170%;
  padding-bottom: 8px;
}
.nwo-cat-btn .fab.fa-instagram,
.select2-selection__icon .fab.fa-instagram {
  color: #e1306c;
}
.nwo-cat-btn .fab.fa-facebook-f,
.select2-selection__icon .fab.fa-facebook-f {
  color: #207eff;
}
.nwo-cat-btn .fab.fa-youtube,
.select2-selection__icon .fab.fa-youtube {
  color: #ff0042;
}
.nwo-cat-btn .fab.fa-twitter,
.select2-selection__icon .fab.fa-twitter {
  color: #1da1f2;
}
.nwo-cat-btn .fab.fa-telegram-plane,
.select2-selection__icon .fab.fa-telegram-plane {
  color: #2b9fd2;
}
.nwo-cat-btn .fab.fa-soundcloud,
.select2-selection__icon .fab.fa-soundcloud {
  color: #ff5836;
}
.nwo-cat-btn .fab.fa-spotify,
.select2-selection__icon .fab.fa-spotify {
  color: #62ffa2;
}
.nwo-cat-btn .fab.fa-twitch,
.select2-selection__icon .fab.fa-twitch {
  color: #e600ff;
}
.nwo-cat-btn .fab.fa-tiktok,
.select2-selection__icon .fab.fa-tiktok {
  color: #f8004d;
}
.nwo-cat-btn .fab.fa-discord,
.select2-selection__icon .fab.fa-discord {
  color: #5865f2;
}
.nwo-cat-btn .fab.fa-linkedin-in,
.select2-selection__icon .fab.fa-linkedin-in {
  color: #0077b5;
}
.nwo-cat-btn .fab.fa-reddit-alien,
.select2-selection__icon .fab.fa-reddit-alien {
  color: #ff5700;
}
.nwo-cat-btn .fab.fa-vimeo-v,
.select2-selection__icon .fab.fa-vimeo-v {
  color: #1ab7ea;
}
.nwo-cat-btn .fab.fa-snapchat-ghost,
.select2-selection__icon .fab.fa-snapchat-ghost {
  color: #fffc00;
}
.nwo-cat-btn.active i {
  color: #fff !important;
}
body.stop-body {
  overflow: hidden;
}
body#outside {
  background-color: #161b22;
  width: 100%;
  overflow-x: hidden;
}
.headOut {
  position: fixed;
  top: 0;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px solid #161b22;
  z-index: 1030;
  transition: 0.14s ease;
}
.headOut.fixed {
  background-color: #161b22;
}
.b-menu-wrapper {
  display: block;
  position: fixed;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-radius: 30px 30px 0 0;
  padding: 24px 10px;
  max-height: calc(100vh - 90px);
  transition: 0.14s ease;
  transform: translateY(101%);
  opacity: 0.4;
  background: #161b22;
  z-index: 1055;
}
.b-menu-wrapper.active {
  transform: translateY(0);
  opacity: 1;
}
.b-menu-wrapper .b-menu-close {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #ef4444;
  color: #fff;
  outline: 0;
  border: none;
  font-size: 1.3rem;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  box-shadow: 0 10px 25px rgb(0 43 255 / 25%);
  transition:
    transform 0.15s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}
.b-menu-wrapper.active .b-menu-close {
  display: inline-flex;
}
.b-menu-wrapper.active .b-menu-close:focus,
.b-menu-wrapper.active .b-menu-close:focus-visible,
.b-menu-wrapper.active .b-menu-close:hover {
  background: #dc2626;
  box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
  transform: translateY(-1px) scale(1.05);
}
.b-menu-wrapper.active .b-menu-close:active {
  transform: translateY(0) scale(1);
  box-shadow: inset 0 2px 6px rgb(0 0 0 / 25%);
}
.head-right-btns {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.header-btn {
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 9px 9px 30px;
  overflow: hidden;
  background-color: var(--color-6);
  color: #fff !important;
  text-decoration: none;
  transition: 0.14s ease;
}
.header-btn:hover {
  color: #fff !important;
}
.header-btn.without-icon,
.header-btn.without-icon:focus,
.header-btn.without-icon:hover {
  border: 1px solid var(--color-4) !important;
}
.header-btn:hover .icon::after {
  transform: scale(8);
}
.header-btn .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1004;
}
.header-btn .icon {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header-btn .icon .icon-ri {
  z-index: 1003;
}
.header-btn .icon::after {
  content: "";
  z-index: 1002;
  background: rgb(0 0 0 / 15%);
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s ease;
}
.nmenu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 10px 0 20px;
}
.nmenu .nmenu-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.nmenu .nmenu-item .nmenu-link {
  font-weight: 600;
  font-size: 23px;
  line-height: 1.2 !important;
  color: #fff !important;
  opacity: 0.8;
  padding: 7px 20px;
  transition: 0.14s ease;
  text-decoration: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start;
  gap: 0;
  text-align: left;
  vertical-align: middle !important;
}
.nmenu .nmenu-item .nmenu-link > :not(.nmenu-icon) {
  line-height: 1.2 !important;
  vertical-align: middle !important;
}
.nmenu-icon {
  font-size: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
  line-height: 1 !important;
  height: 24px !important;
  width: 24px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  top: -1px !important;
}
.nmenu .nmenu-item .nmenu-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  opacity: 0;
  background-color: transparent;
}
.nmenu .nmenu-item .nmenu-link:hover {
  opacity: 0.7;
}
.nmenu .nmenu-item .nmenu-link.active {
  opacity: 1;
}
.nmenu .nmenu-item .nmenu-link.active::before {
  opacity: 1;
}
.home-logo img {
  height: 50px;
}
.homeHeader {
  padding-top: 70px;
  position: relative;
}
.homeHeader .homeBg {
  position: absolute;
  bottom: -30%;
  left: 0;
  width: 100%;
  height: auto;
  display: inline-block;
  z-index: -1;
}
.homeHeader .homeBg img {
  width: 100%;
  height: auto;
}
#staticBackdrop {
  padding-top: 50px;
}
.homeLogin .btn {
  border-radius: 15px !important;
}
.homeLogin .card .hlTitle {
  background:
    linear-gradient(89.31deg, rgb(170 86 255 / 38%) 4.55%, rgb(255 255 255 / 0%) 69.39%),
    linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
}
.homeLogin .card .form-control,
.homeLogin .card .form-control:focus {
  background: #151b26;
  color: #9b93ce;
}
.homeLogin .card .form-control::placeholder {
  color: #fff;
}
.homeLogin .card .form-check-label,
.homeLogin .card .hlText {
  color: #9b93ce;
}
.homeLogin .card .hlText a {
  color: #8756ff;
}
.login-section .card {
  border-radius: 25px !important;
  background: #0d1117;
  z-index: 10;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: break-word;
  background-clip: border-box;
  padding: 20px 0;
}
.login-section .close-btn {
  background: 0 0;
  border: none;
  outline: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--color-3);
}
.login-section a {
  font-size: 13px;
  color: var(--color-6);
  margin-bottom: 12px;
}
.login-section .btn-primary {
  height: 66px;
  border-radius: 15px !important;
}
.login-remember-me input {
  display: none;
}
.login-remember-me input:checked + .lgn-btn {
  background: var(--color-6);
  border-color: var(--color-6);
  color: #fff;
}
.login-remember-me .lgn-btn {
  height: 30px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #9b93ce;
  transition: 0.2s ease;
  font-size: 16px;
  cursor: pointer;
  margin-right: 15px;
}
.login-remember-me .lgn-btn::before {
  content: "\eae5";
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
}
.lg-icon {
  display: flex;
  width: 34px;
  height: 34px;
  background: rgb(33 82 255 / 15%);
  border: 1px solid #2152ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #9b93ce;
  font-size: 17px;
}
.tooltip-inner {
  background-color: var(--color-6) !important;
  color: #fff;
  border-radius: 10px !important;
}
@media (width >= 992px) {
  .login-row > .col-start {
    flex: 0 0 auto;
    width: 64%;
  }
  .login-row > .col-end {
    flex: 0 0 auto;
    width: 36%;
  }
}
.login-input {
  border: none;
  outline: 0;
  width: 100%;
  background: var(--color-1);
  color: #fff;
  border-radius: 15px;
  height: 66px;
  padding: 0 24px;
  font-weight: 600;
}
.login-input:focus {
  outline: 0;
  background: var(--color-1);
  color: #fff;
}
.login-input::placeholder {
  font-weight: 600;
  color: #757fac;
}
@media (width <= 991.98px) {
  .login-row .btn-primary {
    padding: 23px 16px;
    font-size: 13px;
  }
}
.login-section .card {
  margin: auto;
}
.hhSide {
  width: 100%;
  margin: 6em auto 0;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: center;
}
.homeAnim {
  position: absolute;
  width: 13em;
  height: 13em;
  transition: all 0.2s ease 0s;
  top: 75%;
  left: 0;
  z-index: 1001;
}
.homeAnim2 {
  position: absolute;
  width: 13em;
  height: 13em;
  transition: all 0.2s ease 0s;
  top: 14%;
  left: 83%;
}
.homeText {
  position: absolute;
  top: 15%;
}
.homeText h1 {
  color: #fff;
  font-weight: 800;
  font-size: 36px;
}
.homeText h1 span {
  font-size: 40px;
  color: #fc3735;
  background: linear-gradient(to right, #340fe8, #4e2786, #b81ff5);
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
#social {
  position: fixed;
  right: 40px;
  width: 40px;
  text-align: right;
  height: auto;
  bottom: 0;
  z-index: 999;
}
#social li {
  margin: 15px 5px;
  list-style: none;
  font-size: 15px;
}
#social li a,
#social li a:visited {
  color: var(--color-4);
  padding: 0;
}
#social li a:hover,
#social li a:visited:hover {
  color: var(--color-6);
}
@media only screen and (width <= 991.98px) {
  .b-menu-wrapper .row.row-btn {
    display: unset !important;
  }
  .homeText h1 {
    font-size: 22px;
    text-align: center;
  }
  .homeText h1 span {
    font-size: 26px;
  }
  .homeText {
    top: 10%;
  }
  .homeText h1 {
    margin-top: 0 !important;
  }
  .homeHeader .hhSide > .col-lg-6 {
    position: relative;
    min-height: 0;
  }
  .homeHeader .hhSide > .col-lg-6 > .alert {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    margin: 0 0 4px 0 !important;
  }
  .headOut {
    padding: 10px;
  }
  #social {
    display: none;
  }
  .homeAnim,
  .homeAnim2 {
    display: none;
  }
  .row-mobile {
    display: block;
  }
}
@media only screen and (width >= 992px) {
  .headOut.fixed {
    background-color: rgb(34 39 55 / 50%) !important;
    backdrop-filter: blur(30px);
  }
  .headOut.fixed .nmenu .nmenu-item .nmenu-link {
    padding: 20px;
  }
  .b-menu-wrapper {
    display: block;
    bottom: inherit;
    background-color: transparent;
    position: relative;
    border-radius: 0;
    padding: 0;
    width: 100%;
    transform: none;
    overflow: inherit;
    opacity: 1 !important;
  }
  .sm-header {
    display: none;
  }
  .b-menu-wrapper.active .b-menu-close {
    display: inline-flex;
    background: #ef4444;
    border: none;
    color: #fff;
  }
  .b-menu-wrapper.active .b-menu-close:focus,
  .b-menu-wrapper.active .b-menu-close:focus-visible,
  .b-menu-wrapper.active .b-menu-close:hover {
    background: #dc2626;
    box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
    transform: translateY(-1px) scale(1.05);
  }
  .b-menu-wrapper.active .b-menu-close:active {
    transform: translateY(0) scale(1);
    box-shadow: inset 0 2px 6px rgb(0 0 0 / 25%);
  }
  .head-right-btns {
    display: inline;
  }
  .header-btn.without-icon {
    background-color: transparent;
    padding: 14px 30px;
  }
  .header-btn.without-icon .icon {
    display: none;
  }
  .nmenu {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    padding: 10px 0 0;
  }
  .nmenu .nmenu-item .nmenu-link {
    padding: 34px 20px;
    display: block;
    font-size: 16px;
  }
  .nmenu .nmenu-item .nmenu-link::before {
    display: block;
    background-color: var(--color-6) !important;
  }
  .homeHeader {
    margin-top: -127px;
    padding-top: 127px;
  }
  .homeHeader .hhSide {
    padding: 200px 0 0;
  }
}
.loginModal {
  background: #161b22;
}
.loginModal .modal-content {
  border-radius: 25px;
}
 .homeSection {
   padding: 125px 0;
 }
 @media (max-width: 991.98px) {
   .homeHeader {
     margin-top: -80px;
     padding-top: 80px;
   }
 }
.homeDevices .homeMock {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: -20px;
}
@media (width <= 767.98px) {
  .homeDevices .homeMock {
    justify-content: center;
    align-items: center;
  }
  .homeDevices .homeMock .homeMockList {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.homeDevices .homeMock .homeMockList {
  border: 2px solid rgb(255 255 255 / 12%);
  border-radius: 5px;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}
.homeDevices .homeMock .homeMockList .icon {
  margin-bottom: 15px;
  padding-top: 5px;
}
.homeDevices .homeMock .homeMockList h6 {
  color: rgb(198 201 216 / 75%);
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 300;
}
.homeDevices .homeMock .homeMockList-mobile h6 {
  color: #0f8 !important;
  text-shadow:
    0 0 10px rgb(0 255 136 / 50%),
    0 0 20px rgb(0 255 136 / 30%);
}
.homeDevices .homeMock .homeMockList-tablet h6 {
  color: #fff !important;
  text-shadow:
    0 0 10px rgb(255 255 255 / 50%),
    0 0 20px rgb(255 255 255 / 30%);
}
.homeDevices .homeMock .homeMockList-desktop h6 {
  color: #d946ef !important;
  text-shadow:
    0 0 10px rgb(217 70 239 / 50%),
    0 0 20px rgb(217 70 239 / 30%);
}
.homeDevices .homeMock .homeMockList-mobile .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(100%) saturate(2000%) hue-rotate(93deg) brightness(120%)
    contrast(120%);
  box-shadow:
    0 0 10px rgb(0 255 136 / 60%),
    0 0 20px rgb(0 255 136 / 40%),
    0 0 30px rgb(0 255 136 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
}
.homeDevices .homeMock .homeMockList-tablet .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(100%);
  box-shadow:
    0 0 10px rgb(255 255 255 / 60%),
    0 0 20px rgb(255 255 255 / 40%),
    0 0 30px rgb(255 255 255 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
  opacity: 1 !important;
}
.homeDevices .homeMock .homeMockList-desktop .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(2000%) hue-rotate(280deg) brightness(150%)
    contrast(150%);
  box-shadow:
    0 0 10px rgb(217 70 239 / 60%),
    0 0 20px rgb(217 70 239 / 40%),
    0 0 30px rgb(217 70 239 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
}
body.light .homeDevices .homeMock .homeMockList-mobile h6 {
  color: #0f8 !important;
  text-shadow:
    0 0 10px rgb(0 255 136 / 50%),
    0 0 20px rgb(0 255 136 / 30%);
}
body.light .homeDevices .homeMock .homeMockList-tablet h6 {
  color: #fff !important;
  text-shadow:
    0 0 10px rgb(255 255 255 / 50%),
    0 0 20px rgb(255 255 255 / 30%);
}
body.light .homeDevices .homeMock .homeMockList-desktop h6 {
  color: #d946ef !important;
  text-shadow:
    0 0 10px rgb(217 70 239 / 50%),
    0 0 20px rgb(217 70 239 / 30%);
}
.sectionText h1 {
  color: #fff;
  font-weight: 600;
  font-size: 36px;
}
.sectionText h1 span.effects {
  font-size: 40px;
  background: linear-gradient(to right, #340fe8, #4e2786, #b81ff5);
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.section-title p {
  color: #8b98b8;
}
.fga-ddb {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.1fr;
  gap: 17.78px;
}
.fga-ddb + .eam3 {
  margin-top: 15px;
}
.homeBant-1 + .eam3 {
  margin-top: 15px;
}
.homeBant-1 {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  gap: 17.78px;
}
.homeBant-2 {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr;
  gap: 17.78px;
}
.homeBant-2 + .eam3 {
  margin-top: 15px;
}
.homeBant-3 {
  display: grid;
  gap: 17.78px;
  -webkit-box-pack: center;
  justify-content: center;
}
.homeBant-3 + .eam3 {
  margin-top: 15px;
}
.homeBant-4 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(1deg);
  justify-content: center;
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-4:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-5 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #340fe8 0.77%, #b81ff5 99.77%);
  border-radius: 10px;
  transform: rotateZ(-1deg);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-5:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.homeBant-6 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #b81ff5 0.77%, #340fe8 99.77%);
  border-radius: 10px;
  transform: rotateZ(-1deg);
  border: 1px solid rgb(0 40 152);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-6:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.homeBant-7 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #340fe8 0.77%, #b81ff5 99.77%);
  border-radius: 10px;
  transform: rotateZ(1deg);
  border: 1px solid rgb(0 40 152);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-7:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-8 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(1deg);
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-8:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-9 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(-1deg);
  justify-content: center;
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-9:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.EURXs p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.015em;
  color: #fff;
  margin-bottom: 0;
}
.addBalance {
  margin-bottom: 9px;
  margin-top: 0;
  display: flex;
  border-radius: 10px;
  justify-content: space-between;
}
.addBalanceBtn {
  position: relative;
  width: 24%;
  background: var(--color-1);
  padding: 15px 16px;
  border-radius: 15px;
  text-align: center;
  border: 1px solid var(--color-3);
  color: var(--color-5);
  font-weight: 600;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}
.addBalanceBtn.is-active,
.addBalanceBtn:focus {
  background: var(--color-6);
  border: 1px solid transparent;
  color: #fff;
  box-shadow: 0 8px 18px rgb(33 115 255 / 28%);
  outline: 0;
}
#footer.footer-bg {
  background: linear-gradient (to top, #161b22, #0d1117);
}
#footer .footer-alt-bg {
  background-color: #0d1117 !important;
}
#footer.footer-bg p {
  color: #fff;
}
#footer .ficons {
  margin: 0;
  padding: 0;
  width: auto;
}
#footer .ficons li {
  display: inline-block;
  margin: -1px 1px 0 0;
  padding: 0;
  border-radius: 100%;
  overflow: visible;
}
#footer .ficons li a {
  transition: all 0.2s ease;
  border-radius: 100%;
  display: block;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #333 !important;
  text-decoration: none;
  font-size: 0.8rem;
}
#footer .ficons li:hover a {
  background: #151719;
  color: #fff;
}
#footer .ficons li:hover.ficons-twitter a {
  background: #1aa9e1;
}
#footer .ficons li:hover.ficons-facebook a {
  background: #3b5a9a;
}
#footer .ficons li:hover.ficons-youtube a {
  background: #c3191e;
}
#footer .ficons li:hover.ficons-instagram a {
  background: #e1306c;
}
#footer .ficons.ficons-dark-2 li a {
  background: #0d1117;
}
#footer .ficons.ficons-dark-2 li a i {
  color: #fff;
}
#footer .ficons.ficons-big li a {
  height: 48px;
  line-height: 48px;
  width: 48px;
}
#footer .border-color-light-3 {
  border-color: #161b22 !important;
}
#footer .copyright p {
  color: #fff;
}
.homeScroll {
  width: 30px;
  height: 50px;
  margin-left: -20px;
  bottom: 15px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 90%);
  border-radius: 25px;
  z-index: 100;
}
.homeScroll::before {
  content: "";
  width: 6px;
  height: 6px;
  background: rgb(255 255 255 / 90%);
  margin-left: -3px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
.homeScroll,
.homeScroll::before {
  position: absolute !important;
  left: 50%;
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
}
.colorbox {
  background: var(--color-1);
  border-radius: 25px;
  padding: 4px 10px;
  line-height: 32px;
  height: 42px;
}
.colorbtn {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
}
.btnblack,
body.light .btndark {
  background: var(--color-1);
  padding: 5px;
  line-height: 1;
  border: 0;
  color: var(--color-4);
}
.btnblack,
body.dark .btnlight {
  background: var(--color-1);
  padding: 5px;
  line-height: 1;
  border: 0;
  color: #fff;
}
.btndark {
  background: var(--color-6);
  padding: 5px;
  line-height: 1;
  border: 0;
  border-radius: 25px;
}
body.light .btnlight {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
  border: 0;
}
.btnlight {
  background: var(--color-1);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
  border: 0;
  color: #fff;
}
body.dark .btndark {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
}
body.light .g-dash-header {
  background: #f2f2f291;
}
body.light .gcard-2.gcard-shadow h2 {
  color: var(--color-4);
}
body.dark .gcard-2.gcard-shadow h2 {
  color: var(--color-4);
}
body.light .g-menu-list .g-menu-link.active {
  background: linear-gradient(to right, #f4f6f8 0, #fff 100%);
  border: 1px solid #eee;
}
body.light .g-nav li a.active {
  color: var(--color-5);
}
body.light .g-userast {
  margin-top: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
}
body.light .mf-title {
  color: var(--color-4);
}
body.light .g-sitem .btn-favorite {
  color: #acacac;
}
body.light .g-sitem .btn-favorite.active {
  color: var(--color-5);
}
body.light .addBalanceBtn {
  color: var(--color-4);
}
body.light .addBalanceBtn.is-active,
body.light .addBalanceBtn:focus {
  color: #fff;
  border-color: var(--color-6);
  box-shadow: 0 8px 18px rgb(33 115 255 / 28%);
}
body.light .nwoNav .nwoNavLink.active {
  background: var(--color-6);
  border-color: var(--color-6);
  color: #fff;
  box-shadow: 0 8px 20px rgb(33 115 255 / 25%);
}
body.light .sc-sup-item .title {
  color: var(--color-4);
}
.nwoNav.nav-tabs .nwoNavLink {
  border: 1px solid var(--color-3);
  background-color: var(--color-1);
  color: var(--color-4);
  box-sizing: border-box;
}
.nwoNav.nav-tabs .nwoNavLink:not(.active):hover {
  border-color: var(--color-6);
  background: var(--color-2);
  color: var(--color-6);
}
.nwoNav.nav-tabs .nwoNavLink.active {
  background: var(--color-6);
  border-color: var(--color-6);
  color: var(--color-4);
  box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
}
body.light .nwoNav.nav-tabs .nwoNavLink {
  background: var(--color-1);
  border: 1px solid var(--color-7);
}
body.light .nwoNav.nav-tabs .nwoNavLink:not(.active):hover {
  border-color: var(--color-6);
  background: rgb(27 73 243 / 9%);
  color: var(--color-6);
}
body.light .nwoNav.nav-tabs .nwoNavLink.active {
  background: var(--color-6);
  border-color: var(--color-6);
  color: #fff;
  box-shadow: 0 8px 20px rgb(33 115 255 / 25%);
}
.nwoNav .nwoNavLink {
  border: 1px solid var(--color-3);
  background: var(--color-1);
  box-sizing: border-box;
}
.nwoNav .nwoNavLink:not(.active):hover {
  border-color: var(--color-6);
  background: var(--color-2);
}
.nwoNav .nwoNavLink.active {
  border-color: var(--color-6);
  box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
  background: var(--color-6);
}
body.light .nwoNav .nwoNavLink {
  background: var(--color-1);
  border: 1px solid var(--color-7);
}
body.light .nwoNav .nwoNavLink:not(.active):hover {
  border-color: var(--color-5);
  background: var(--color-6);
}
body.light .nwoNav .nwoNavLink.active {
  border-color: var(--color-5);
  box-shadow: 0 8px 20px rgb(0 0 0 / 8%);
}
body.light .gi-text {
  color: var(--color-4);
}
body.light ::placeholder {
  color: var(--color-4);
}
body.light .g-chat .g-chat-area ul.chat li.user .l span.avatar,
body.light .g-chat .g-chat-area ul.chat li.user .r .answer {
  color: var(--color-4);
}
body.light .g-chat .g-chat-area ul.chat li.web .l .answer {
  color: var(--color-5);
}
body.light .gcard-header::before {
  background: #f5f5f525;
}
body.light .g-gender .g-email {
  color: var(--color-4);
}
body.light .gcard {
  box-shadow: none;
}
body.light .g-menu-list .g-menu-link.active:hover {
  color: var(--color-4) !important;
}
.g-menu-list .g-menu-link.active:focus {
  border: 1px solid var(--color-3) !important;
}
body.light .nwo-cat-btn.active .g-ticon,
body.light .nwo-cat-btn.active .text {
  color: var(--color-5);
}
body.out .modal-content {
  background: 0 0 !important;
  border: none !important;
}
label.logform {
  color: #fff;
}
.gnyBlog {
  margin-bottom: 30px;
}
.gnyBlog .blog-img-wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 48%;
}
.gnyBlog .blog-img-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.gnyBlog .blog-title {
  padding: 34px 0 26px;
}
.gnyBlog .blog-title h2 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #0ea5e9 !important;
}
.gnyBlog .blog-content {
  padding: 30px 0;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-4);
}
.gnyBlog .blog-footer {
  padding: 20px 0 0;
  color: var(--color-4);
}
.gnyBlog .blog-read-more {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.02em;
  color: var(--color-4);
  display: flex;
  align-items: center;
}
.gnyBlog .blog-read-more:hover {
  color: var(--color-6);
}
.gnyBlog .blog-read-more i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gnyBlog .blog-read-more span {
  font-weight: 600;
}
.blog-border {
  position: relative;
}
.blog-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--color-1);
}
.gnyBlogWr {
  display: flex;
  gap: 10px;
}
.gnyBlogBtn {
  background: var(--color-1);
  border: 1px solid var(--color-2);
  box-sizing: border-box;
  border-radius: 8px;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex-shrink: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  transition: 0.14s ease;
}
.gnyBlogBtn i {
  transition: 0.14s ease;
}
.gnyBlogBtn:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}
.gnyBlogBtn:hover {
  color: var(--color-6);
}
.gnyBlogBtn:hover i {
  transform: scale(1.2);
}
.gnyTos .nav-item.nav-link {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  position: relative;
  line-height: 30px;
  font-size: 16px;
  min-width: 200px;
  font-weight: 600;
  padding: 18px 23px;
  margin-bottom: 20px;
  background: rgb(0 43 255 / 8%);
  color: var(--color-4);
  border-radius: 18px;
  border: 1px solid rgb(0 43 255 / 15%);
  box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
  cursor: pointer;
  overflow: hidden;
}
.gnyTos .nav-item.nav-link.active {
  background: linear-gradient(135deg, var(--color-6) 0, var(--color-7) 100%);
  color: #fff;
  border: 1px solid rgb(0 43 255 / 30%);
  box-shadow:
    0 4px 15px rgb(0 43 255 / 25%),
    0 2px 8px rgb(0 43 255 / 15%);
  transform: translateY(-2px);
}
.gnyTos .nav-item.nav-link:hover {
  background: rgb(0 43 255 / 12%);
  border-color: rgb(0 43 255 / 20%);
  box-shadow: 0 3px 10px rgb(0 43 255 / 20%);
  transform: translateY(-1px);
}
.gnyTos .nav-item.nav-link .terms-nav-icon,
.gnyTos .nav-item.nav-link.active .terms-nav-icon,
.gnyTos .nav-item.nav-link.active:focus .terms-nav-icon,
.gnyTos .nav-item.nav-link.active:hover .terms-nav-icon,
.gnyTos .nav-item.nav-link:active .terms-nav-icon,
.gnyTos .nav-item.nav-link:focus .terms-nav-icon,
.gnyTos .nav-item.nav-link:hover .terms-nav-icon,
.gnyTos .nav-item.nav-link:hover:not(.active) .terms-nav-icon {
  font-size: 20px !important;
  line-height: 1 !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  max-width: 32px !important;
  min-width: 32px !important;
  max-height: 32px !important;
  min-height: 32px !important;
}
.gnyTos .nav-item.nav-link .terms-nav-icon {
  background: rgb(0 43 255 / 15%) !important;
  color: var(--color-6) !important;
}
.gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
.gnyTos .nav-item.nav-link.active .terms-nav-icon,
.gnyTos .nav-item.nav-link.active:active .terms-nav-icon,
.gnyTos .nav-item.nav-link.active:focus .terms-nav-icon,
.gnyTos .nav-item.nav-link.active:hover .terms-nav-icon {
  background: rgb(255 255 255 / 25%) !important;
  color: #fff !important;
  transform: scale(1.1);
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 20px !important;
}
.gnyTos .nav-item.nav-link:focus .terms-nav-icon,
.gnyTos .nav-item.nav-link:hover .terms-nav-icon {
  background: rgb(0 43 255 / 25%) !important;
  color: var(--color-6) !important;
  transform: scale(1.05);
}
.gnyTos .nav-item.nav-link:focus .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:focus i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link:focus i.terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:hover .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:hover i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link:hover i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
.gnyTos .nav-item.nav-link span {
  flex: 1;
  text-align: left;
}
.gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
body.light .gnyTos .nav-item.nav-link,
body.light .gnyTos .nav-item.nav-link:focus,
body.light .gnyTos .nav-item.nav-link:focus:not(.active),
body.light .gnyTos .nav-item.nav-link:hover,
body.light .gnyTos .nav-item.nav-link:hover:not(.active) {
  background: rgb(0 43 255 / 8%) !important;
  border: 1px solid rgb(0 43 255 / 15%) !important;
  border-color: rgb(0 43 255 / 15%) !important;
  color: var(--color-4) !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 8%) !important;
  transform: none !important;
}
body.light .gnyTos .nav-item.nav-link.active,
body.light .gnyTos .nav-item.nav-link.active:focus,
body.light .gnyTos .nav-item.nav-link.active:hover {
  background: linear-gradient(135deg, var(--color-6) 0, var(--color-7) 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid rgb(0 43 255 / 30%) !important;
  border-color: rgb(0 43 255 / 30%) !important;
  box-shadow:
    0 4px 15px rgb(0 43 255 / 25%),
    0 2px 8px rgb(0 43 255 / 15%) !important;
  transform: translateY(-2px);
}
body.light .gnyTos .nav-item.nav-link .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link.active .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link.active:hover .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link:focus .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link:hover .terms-nav-icon {
  font-size: 20px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.light .gnyTos .nav-item.nav-link .terms-nav-icon {
  background: rgb(0 43 255 / 15%) !important;
  color: var(--color-6) !important;
}
body.light .gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
body.light .gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
body.light .gnyTos .nav-item.nav-link.active .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link.active:active .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link.active:focus .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link.active:hover .terms-nav-icon {
  background: rgb(255 255 255 / 25%) !important;
  color: #fff !important;
  transform: scale(1.1);
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 20px !important;
}
body.light .gnyTos .nav-item.nav-link:focus .terms-nav-icon,
body.light .gnyTos .nav-item.nav-link:hover .terms-nav-icon {
  background: rgb(0 43 255 / 15%) !important;
  color: var(--color-6) !important;
  transform: none;
}
body.light .gnyTos .nav-item.nav-link:focus .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:focus i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:hover .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:hover i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
.api-account-link {
  color: #0ea5e9 !important;
  font-weight: 600;
  margin-left: 0.3em !important;
  margin-right: 0.3em !important;
  display: inline-block;
  white-space: nowrap;
}
@media (width <= 767.98px) {
  .api-page .gcard-2 .gcard-body.gi-card .gi-text .api-account-link {
    white-space: nowrap !important;
    display: inline !important;
    word-break: keep-all !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .gi-text .api-text-part {
    white-space: normal !important;
    word-break: break-word !important;
    display: inline !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .gi-text:has(.api-account-link) {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .row:has(.api-account-link) {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .row:has(.api-account-link) .col-auto {
    flex-shrink: 0 !important;
    margin-right: 12px !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .row:has(.api-account-link) .col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .row:has(.api-account-link) .gi-title {
    margin-bottom: 4px !important;
  }
  .api-page .gcard-2 .gcard-body.gi-card .row:has(.api-account-link) .gi-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.g-olink .link a,
.g-olink .link a:link,
.g-olink .link a:visited {
  color: #0ea5e9 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}
.g-olink .link a:focus,
.g-olink .link a:hover {
  color: #66c6ff !important;
  text-decoration: underline;
}
@media (width <= 576px) {
  .api-block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .api-block table {
    table-layout: fixed;
    width: 100%;
  }
  .api-block td,
  .api-block th {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .api-block td:nth-child(2) {
    word-break: break-all;
  }
}
.terms-page #terms strong,
.terms-page h1,
.terms-page h2,
.terms-page h3,
.terms-page h4,
.terms-page h5,
.terms-page h6 {
  color: #0ea5e9 !important;
}
.terms-page #terms a,
.terms-page #terms b,
.terms-page #terms em,
.terms-page #terms li,
.terms-page #terms p,
.terms-page #terms span,
.terms-page #terms strong {
  white-space: normal !important;
  word-break: normal !important;
}
.terms-page #terms a,
.terms-page #terms b,
.terms-page #terms em,
.terms-page #terms span,
.terms-page #terms strong {
  display: inline !important;
  width: auto !important;
}
.terms-page #terms strong::after {
  content: "\00a0";
}
body:not(.light) .gcard-icon.gi-1,
body:not(.light) .gcard-icon.gi-1 i {
  color: #fff !important;
}
body.light .gcard-body.gi-card .gcard-icon.gi-1,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i,
body.light .gcard-icon.gi-1,
body.light .gcard-icon.gi-1 i {
  color: #020617 !important;
}
.gnyTos .nav-item {
  display: inline-block;
}
@media screen and (width >= 991.98px) {
  .gnyTos .nav-item.nav-link {
    margin-right: 15px;
  }
}
@media screen and (width <= 991.98px) {
  .gnyTos .nav-item.nav-link {
    width: 100%;
  }
  .homeScroll {
    display: none;
  }
  .dropdown-toggle {
    width: 100%;
  }
}
.regArea {
  padding: 40px 0 125px;
}
.signup-page {
  padding-top: 24px !important;
}
.sectionText {
  position: relative;
}
.sectionText .underline {
  position: relative;
  color: var(--color-6);
}
.sectionText .underline::after {
  content: "";
  position: absolute;
  background-color: var(--color-8);
  border-radius: 0.375rem;
  left: 0;
  height: 0.75rem;
  width: 100%;
  bottom: 0.15rem;
}
.regRight {
  background-color: var(--color-2);
  border-radius: 10px;
  position: relative;
  padding: 40px 25px;
  overflow: hidden;
}
.regRight .regSteps ul li {
  background: var(--color-1);
  -webkit-box-shadow: 0 110.121px 88.0972px rgb(0 0 0 / 3%);
  box-shadow: 0 110.121px 88.0972px rgb(0 0 0 / 3%);
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  border-radius: 10px;
  padding: 20px;
  position: relative;
  z-index: 6;
}
.regRight .regSteps .shape ul li {
  position: absolute;
}
.regRight .regSteps .shape ul li:first-child {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: var(--color-6);
  top: -88px;
  left: -103px;
  z-index: 3;
}
.regRight .regSteps .shape ul li:nth-child(2) {
  width: 195px;
  height: 195px;
  border-radius: 50%;
  background: var(--color-7);
  z-index: 3;
  left: -100px;
  bottom: -90px;
}
.regRight .regSteps .shape ul li:nth-child(3) {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: var(--color-8);
  z-index: 3;
  right: -122px;
  top: 39%;
}
.regRight .regSteps h6 {
  font-weight: 600;
}
.regRight .regSteps p {
  color: var(--color-5);
  font-size: 14px;
}
.upgrades li:last-child {
  border-right: 1px solid var(--color-3);
}
#userranksid .upgrades ul li:first-child button {
  border-top-left-radius: 12px;
}
#userranksid .upgrades ul li:last-child button {
  border-top-right-radius: 12px;
}
body:not(.light) .upgrades button {
  width: 100%;
  border: 1px solid var(--color-3);
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: var(--color-1);
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  color: var(--color-4);
}
body.light .upgrades button,
body.light .upgrades ul li button,
body.light .upgrades ul li.active button {
  width: 100%;
  border: 1px solid var(--color-3);
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  color: var(--color-4);
}
body:not(.light) .upgrades li.active button {
  background: var(--color-6);
  color: var(--color-1);
}
@media (width >= 992px) {
  body.light .gcard-body .upgrades ul li.active button,
  body.light .upgrades li.active button,
  body.light .upgrades li.active button[data-level="altin"],
  body.light .upgrades li.active button[data-level="bronz"],
  body.light .upgrades li.active button[data-level="elmas"],
  body.light .upgrades li.active button[data-level="gumus"],
  body.light .upgrades li.active button[data-level="platin"],
  body.light .upgrades li.active button[data-level],
  body.light .upgrades ul > li.active > button,
  body.light .upgrades ul li.active button,
  body.light .upgrades ul li.active button[data-level],
  body.light .upgrades ul li.active:first-child button,
  body.light .upgrades ul li.active:nth-child(2) button,
  body.light .upgrades ul li.active:nth-child(3) button,
  body.light .upgrades ul li.active:nth-child(4) button,
  body.light .upgrades ul li.active:nth-child(5) button,
  body.light div.upgrades li.active button,
  body.light div.upgrades ul li.active button {
    background: var(--color-2) !important;
    background-color: var(--color-2) !important;
    background-image: none !important;
  }
}
body.light .gcard-body .upgrades ul li button,
body.light .upgrades button,
body.light .upgrades button[data-level="altin"],
body.light .upgrades button[data-level="bronz"],
body.light .upgrades button[data-level="elmas"],
body.light .upgrades button[data-level="gumus"],
body.light .upgrades button[data-level="platin"],
body.light .upgrades button[data-level],
body.light .upgrades ul > li > button,
body.light .upgrades ul li button,
body.light .upgrades ul li button[data-level],
body.light .upgrades ul li:first-child button,
body.light .upgrades ul li:nth-child(2) button,
body.light .upgrades ul li:nth-child(3) button,
body.light .upgrades ul li:nth-child(4) button,
body.light .upgrades ul li:nth-child(5) button,
body.light div.upgrades li button,
body.light div.upgrades ul li button {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
  background-image: none !important;
}
@media (width <= 992px) {
  body:not(.light) .upgrades li.active button,
  body:not(.light) .upgrades li.active button[data-level="altin"],
  body:not(.light) .upgrades li.active button[data-level="bronz"],
  body:not(.light) .upgrades li.active button[data-level="elmas"],
  body:not(.light) .upgrades li.active button[data-level="gumus"],
  body:not(.light) .upgrades li.active button[data-level="platin"],
  body:not(.light) .upgrades li.active button[data-level],
  body:not(.light) .upgrades ul > li.active > button,
  body:not(.light) .upgrades ul li.active button,
  body:not(.light) .upgrades ul li.active button[data-level] {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    background-image: none !important;
    border: 2px solid var(--color-6) !important;
    border-top: 2px solid var(--color-6) !important;
    border-right: 2px solid var(--color-6) !important;
    border-bottom: 2px solid var(--color-6) !important;
    border-left: 2px solid var(--color-6) !important;
    border-color: var(--color-6) !important;
    border-width: 2px !important;
    border-style: solid !important;
  }
  body.light .upgrades button,
  body.light .upgrades li.active button,
  body.light .upgrades ul li button,
  body.light .upgrades ul li.active button,
  body.light .upgrades ul li.active button[data-level] {
    background: var(--color-2) !important;
    background-color: var(--color-2) !important;
    background-image: none !important;
  }
}
.upgrades button .level-crown {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  vertical-align: 1px;
}
.upgrades table th {
  text-align: center !important;
}
.upgrades table th .level-crown {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  vertical-align: 1px;
}
@media (width <= 639.98px) {
  .upgrades table th {
    text-align: center !important;
  }
  .upgrades table th .level-crown {
    display: block;
    margin: 0 auto 4px;
  }
}
.upgrades table tbody td i {
  margin-right: 8px;
  font-size: 20px;
  vertical-align: middle;
}
@media (width >= 992px) {
  .gcard-body:has(.upgrades),
  .gcard:has(.upgrades) {
    margin-top: -1rem !important;
  }
  .gcard.mb-2:has(.upgrades) {
    margin-top: -1rem !important;
  }
}
.upgrades table tbody td i.ri-customer-service-2-line {
  color: #0ea5e9 !important;
}
.upgrades table tbody td i.ri-whatsapp-line {
  color: #25d366 !important;
}
.upgrades table tbody td i.ri-add-circle-line {
  color: #10b981 !important;
}
.upgrades table tbody td i.ri-price-tag-3-line {
  color: #f59e0b !important;
}
.upgrades table tbody td i.ri-phone-line {
  color: #8b5cf6 !important;
}
.upgrades table tbody td i.ri-code-s-slash-line {
  color: #ef4444 !important;
}
.upgrades button[data-level="bronz"] .level-crown,
.upgrades table th .level-crown.level-bronz,
.upgrades ul li:first-child button .level-crown {
  filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(1352%) hue-rotate(346deg) brightness(95%)
    contrast(85%);
}
.upgrades li.active button[data-level="bronz"] .level-crown,
.upgrades ul li.active:first-child button .level-crown {
  filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(1352%) hue-rotate(346deg) brightness(95%)
    contrast(85%);
}
.upgrades table th:has(.level-bronz) {
  color: #cd7f32 !important;
}
.upgrades table th:nth-child(2) {
  color: #cd7f32 !important;
}
.upgrades button[data-level="gumus"] .level-crown,
.upgrades table th .level-crown.level-gumus,
.upgrades ul li:nth-child(2) button .level-crown {
  filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(95%);
}
.upgrades li.active button[data-level="gumus"] .level-crown,
.upgrades ul li.active:nth-child(2) button .level-crown {
  filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(95%);
}
.upgrades table th:has(.level-gumus) {
  color: silver !important;
}
.upgrades table th:nth-child(3) {
  color: silver !important;
}
.upgrades button[data-level="altin"] .level-crown,
.upgrades table th .level-crown.level-altin,
.upgrades ul li:nth-child(3) button .level-crown {
  filter: brightness(0) saturate(100%) invert(78%) sepia(100%) saturate(2000%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}
.upgrades li.active button[data-level="altin"] .level-crown,
.upgrades ul li.active:nth-child(3) button .level-crown {
  filter: brightness(0) saturate(100%) invert(78%) sepia(100%) saturate(2000%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}
.upgrades table th:has(.level-altin) {
  color: gold !important;
}
.upgrades table th:nth-child(4) {
  color: gold !important;
}
.upgrades button[data-level="elmas"] .level-crown,
.upgrades table th .level-crown.level-elmas,
.upgrades ul li:nth-child(4) button .level-crown {
  filter: brightness(0) saturate(100%) invert(58%) sepia(98%) saturate(1352%) hue-rotate(180deg) brightness(105%)
    contrast(101%);
}
.upgrades li.active button[data-level="elmas"] .level-crown,
.upgrades ul li.active:nth-child(4) button .level-crown {
  filter: brightness(0) saturate(100%) invert(58%) sepia(98%) saturate(1352%) hue-rotate(180deg) brightness(105%)
    contrast(101%);
}
.upgrades table th:has(.level-elmas) {
  color: #00bfff !important;
}
.upgrades table th:nth-child(5) {
  color: #00bfff !important;
}
.upgrades button[data-level="platin"] .level-crown,
.upgrades table th .level-crown.level-platin,
.upgrades ul li:nth-child(5) button .level-crown {
  filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(250deg) brightness(90%)
    contrast(120%);
}
.upgrades li.active button[data-level="platin"] .level-crown,
.upgrades ul li.active:nth-child(5) button .level-crown {
  filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(2000%) hue-rotate(250deg) brightness(90%)
    contrast(120%);
}
.upgrades table th:has(.level-platin) {
  color: #9d4edd !important;
}
.upgrades table th:nth-child(6) {
  color: #9d4edd !important;
}
.upgrades button[data-level="bronz"],
.upgrades li:first-child button,
.upgrades ul > li:first-child > button,
.upgrades ul li:first-child button,
div.upgrades li:first-child button,
div.upgrades ul li:first-child button {
  color: #cd7f32 !important;
  font-weight: 600 !important;
}
.upgrades button[data-level="gumus"],
.upgrades li:nth-child(2) button,
.upgrades ul > li:nth-child(2) > button,
.upgrades ul li:nth-child(2) button,
div.upgrades li:nth-child(2) button,
div.upgrades ul li:nth-child(2) button {
  color: silver !important;
  font-weight: 600 !important;
}
.upgrades button[data-level="altin"],
.upgrades li:nth-child(3) button,
.upgrades ul > li:nth-child(3) > button,
.upgrades ul li:nth-child(3) button,
div.upgrades li:nth-child(3) button,
div.upgrades ul li:nth-child(3) button {
  color: gold !important;
  font-weight: 600 !important;
}
.upgrades button[data-level="elmas"],
.upgrades li:nth-child(4) button,
.upgrades ul > li:nth-child(4) > button,
.upgrades ul li:nth-child(4) button,
div.upgrades li:nth-child(4) button,
div.upgrades ul li:nth-child(4) button {
  color: #00bfff !important;
  font-weight: 600 !important;
}
.upgrades button[data-level="platin"],
.upgrades li:nth-child(5) button,
.upgrades ul > li:nth-child(5) > button,
.upgrades ul li:nth-child(5) button,
div.upgrades li:nth-child(5) button,
div.upgrades ul li:nth-child(5) button {
  color: #9d4edd !important;
  font-weight: 600 !important;
}
body:not(.light) .upgrades li.active button[data-level="bronz"],
body:not(.light) .upgrades li.active:first-child button,
body:not(.light) .upgrades ul > li.active:first-child > button,
body:not(.light) .upgrades ul li.active:first-child button,
body:not(.light) div.upgrades li.active:first-child button,
body:not(.light) div.upgrades ul li.active:first-child button {
  color: #cd7f32 !important;
  background: var(--color-6) !important;
}
@media (width <= 992px) {
  body:not(.light) .upgrades li.active button[data-level="altin"],
  body:not(.light) .upgrades li.active button[data-level="bronz"],
  body:not(.light) .upgrades li.active button[data-level="elmas"],
  body:not(.light) .upgrades li.active button[data-level="gumus"],
  body:not(.light) .upgrades li.active button[data-level="platin"],
  body:not(.light) .upgrades ul li.active:first-child button,
  body:not(.light) .upgrades ul li.active:nth-child(2) button,
  body:not(.light) .upgrades ul li.active:nth-child(3) button,
  body:not(.light) .upgrades ul li.active:nth-child(4) button,
  body:not(.light) .upgrades ul li.active:nth-child(5) button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
    border: 2px solid var(--color-6) !important;
    border-top: 2px solid var(--color-6) !important;
    border-right: 2px solid var(--color-6) !important;
    border-bottom: 2px solid var(--color-6) !important;
    border-left: 2px solid var(--color-6) !important;
  }
}
body:not(.light) .upgrades li.active button[data-level="gumus"],
body:not(.light) .upgrades li.active:nth-child(2) button,
body:not(.light) .upgrades ul > li.active:nth-child(2) > button,
body:not(.light) .upgrades ul li.active:nth-child(2) button,
body:not(.light) div.upgrades li.active:nth-child(2) button,
body:not(.light) div.upgrades ul li.active:nth-child(2) button {
  color: silver !important;
  background: var(--color-6) !important;
}
body:not(.light) .upgrades li.active button[data-level="altin"],
body:not(.light) .upgrades li.active:nth-child(3) button,
body:not(.light) .upgrades ul > li.active:nth-child(3) > button,
body:not(.light) .upgrades ul li.active:nth-child(3) button,
body:not(.light) div.upgrades li.active:nth-child(3) button,
body:not(.light) div.upgrades ul li.active:nth-child(3) button {
  color: gold !important;
  background: var(--color-6) !important;
}
body:not(.light) .upgrades li.active button[data-level="elmas"],
body:not(.light) .upgrades li.active:nth-child(4) button,
body:not(.light) .upgrades ul > li.active:nth-child(4) > button,
body:not(.light) .upgrades ul li.active:nth-child(4) button,
body:not(.light) div.upgrades li.active:nth-child(4) button,
body:not(.light) div.upgrades ul li.active:nth-child(4) button {
  color: #00bfff !important;
  background: var(--color-6) !important;
}
body:not(.light) .upgrades li.active button[data-level="platin"],
body:not(.light) .upgrades li.active:nth-child(5) button,
body:not(.light) .upgrades ul > li.active:nth-child(5) > button,
body:not(.light) .upgrades ul li.active:nth-child(5) button,
body:not(.light) div.upgrades li.active:nth-child(5) button,
body:not(.light) div.upgrades ul li.active:nth-child(5) button {
  color: #9d4edd !important;
  background: var(--color-6) !important;
}
.upgrades table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
body:not(.light) .upgrades th {
  background: var(--color-1);
  display: none;
}
body.light .upgrades th {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
}
.upgrades th {
  display: none;
}
.upgrades td,
.upgrades th {
  height: 53px;
}
.upgrades td,
.upgrades th {
  border: 1px solid var(--color-3);
  padding: 10px;
  empty-cells: show;
}
.upgrades td,
.upgrades th {
  text-align: left;
}
.upgrades td + td,
.upgrades th + th {
  text-align: center;
  display: none;
}
.upgrades td.default {
  display: table-cell;
}
.upgrades td {
  position: relative;
}
body:not(.light) .gcard-body.gi-card .upgrades td:first-child {
  color: #fff !important;
}
@media (width >= 992px) {
  body:not(.light) .gcard-body .upgrades table tbody td:first-child,
  body:not(.light) .gcard-body .upgrades td:first-child,
  body:not(.light) .upgrades table tbody td:first-child,
  body:not(.light) .upgrades td:first-child {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
    background-image: none !important;
  }
}
.upgrades .hide {
  border: 0;
  background: 0 0;
}
@media (width >= 640px) {
  .upgrades ul {
    display: none !important;
  }
  #userranksid .upgrades ul,
  #userranksid[data-state="visible"] .upgrades ul,
  .upgrades ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .upgrades td,
  .upgrades th {
    display: table-cell !important;
  }
  .upgrades td,
  .upgrades th {
    width: 330px;
  }
  .upgrades td + td,
  .upgrades th + th {
    width: auto;
  }
}
.upgrades td.checked,
.upgrades td.unchecked {
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.upgrades .checked span,
.upgrades .unchecked span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  line-height: 1;
}
.upgrades .checked span::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
  color: #62c169;
  font-size: 18px;
  line-height: 1;
}
.upgrades .unchecked span::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
  color: #e53935;
  font-size: 18px;
  line-height: 1;
}
@media (width <= 768px) {
  .header-btn {
    justify-content: center;
    padding: 15px;
  }
  .header-btn.without-icon {
    background: 0 0;
  }
  .homeSection {
    padding: 50px 0;
  }
  .fga-ddb {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-1 {
    padding: 0 20px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .homeBant-2 {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-3 {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-4 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-5 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-6 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-7 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-8 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-9 {
    padding: 10px 25px;
    width: fit-content;
  }
}
body.light .g-mob-links li a,
body.light .g-mob-links li a i {
  color: var(--color-5);
}
.table.affiliates {
  color: var(--color-4);
}
.table.affiliates td,
.table.affiliates th {
  border-top: 1px solid var(--color-1);
}
.table.affiliates thead tr {
  background: var(--color-6);
}
.table.affiliates thead th {
  border: none;
}
.aff-item {
  background: var(--color-3);
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.aff-item span.aff-bold {
  font-weight: 600;
}
.fab.fa-instagram {
  font-size: 14px;
  padding: 2.4px;
  border-radius: 5px;
  color: #e1306c;
  font-weight: 300;
  margin-right: 10px;
}
.fab.fa-facebook-square {
  background: #207eff;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  border-radius: 5px;
  margin-right: 10px;
}
.fab.fa-youtube {
  background: #ff0042;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-twitter {
  background: #1da1f2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-telegram-plane {
  background: #2b9fd2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-soundcloud {
  background: #ff5836;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-spotify {
  background: #62ffa2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-twitch {
  background: #e600ff;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-pinterest-p {
  background: #ff5858;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fa.fa-music {
  background: #f8004d;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-tiktok {
  background: #f8004d;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fas.fa-globe {
  background: #1a1a1a;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fas.fa-stream {
  background: #ccc;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fs-fav .far.fa-star {
  background: #ff0;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px !important;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fs-other .fas.fa-ellipsis {
  background: var(--color-6);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.dropdown-item {
  white-space: break-spaces;
  font-size: 13px;
  border-bottom: 1px solid var(--color-1);
}
.dropdown-item:last-child {
  border: none;
}
@media (width <= 991.98px) {
  .form-control {
    height: auto;
  }
}
.g-ticon {
  background: 0 0;
  border: none;
}
.modal-description {
  background: rgb(255 255 255 / 5%);
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 20px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow: hidden auto;
  color: var(--color-4);
}
body.light .modal-description {
  background: rgb(0 0 0 / 4%);
  border: 1px solid rgb(0 0 0 / 8%);
  color: #000;
}
.modal-info-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info-grid--stack {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info {
  background: rgb(255 255 255 / 4%);
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 18px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.light .modal-info {
  background: rgb(0 0 0 / 3%);
  border: 1px solid rgb(0 0 0 / 8%);
}
.modal-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 65%);
}
body.light .modal-label {
  color: rgb(0 0 0 / 60%);
}
.modal-value {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-4);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.modal-value--title {
  font-size: 18px;
  font-weight: 700;
}
.modal-emphasis {
  font-weight: 700;
  color: var(--color-4);
}
.modal-extra {
  font-size: 13px;
  color: var(--color-4);
}
.modal-description p {
  margin: 4px 0;
}
.modal-info--wide {
  grid-column: span 2;
}
.modal-info--full {
  grid-column: 1/-1;
}
@media (width <= 576px) {
  .m-header {
    padding: 12px 16px;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
  }
  .modal-head-info {
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
  }
  .modal-chip {
    font-size: 10px;
    padding: 3px 8px;
  }
  .modal-id {
    font-size: 12px;
  }
  .modal-info--wide {
    grid-column: span 1;
  }
  .modal-info--full {
    grid-column: 1/-1;
  }
  .modal-close,
  .modal-copy {
    width: 30px;
    height: 30px;
  }
}
.m-body .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  border-radius: 0;
}
.m-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.005em;
  color: #fff;
  margin-bottom: 0;
}
.m-close:focus {
  box-shadow: 0 0 0 0.25rem rgb(2 88 255 / 20%);
}
@media screen and (width >= 991.98px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.nwo-categories .swiper-wrapper {
  position: relative;
}
.nwo-categories .swiper-wrapper::after,
.nwo-categories .swiper-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.nwo-categories .swiper-wrapper::before {
  left: 0;
  width: 50px;
}
.nwo-categories .swiper-button-next::after,
.nwo-categories .swiper-button-prev::after {
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #fff;
}
.nwo-categories .swiper-button-prev::after {
  content: "\ea64";
}
.nwo-categories .swiper-button-next::after {
  content: "\ea6e";
}
.nwo-cat-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  padding: 15px;
  justify-content: center;
  height: auto;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
}
.nwo-cat-btn.active {
  background: var(--color-6);
  border: 1px solid var(--color-7);
}
.nwo-cat-btn:hover {
  background: var(--color-8);
  border: 1px solid var(--color-7);
}
.nwo-cat-btn.active .g-ticon,
.nwo-cat-btn.active .text {
  color: var(--color-4);
}
.nwo-cat-btn .g-ticon {
  color: var(--color-4);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  flex-shrink: 0;
}
.nwo-cat-btn .text {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: var(--color-4);
}
.progress {
  height: 5px;
}
.progress-bar {
  background-color: var(--color-7);
  min-width: 0 !important;
}
#statusProgress.progress-bar {
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#statusProgress.progress-bar.progress-platin,
#statusProgress.progress-bar[class*="platin"],
#statusProgress.progress-platin,
.progress #statusProgress.progress-bar.progress-platin,
.progress #statusProgress.progress-platin,
.progress .progress-bar.progress-platin,
.progress div#statusProgress.progress-bar.progress-platin,
.progress div#statusProgress.progress-platin,
.progress-bar.progress-platin,
.progress-bar[class*="platin"],
div#statusProgress.progress-bar.progress-platin,
div#statusProgress.progress-platin {
  background: #9d4edd !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}
.progress-percent,
.progress-title {
  font-size: 14px;
}
.progress-next {
  font-size: 12px;
}
.progress-title .primary-color {
  font-weight: 600;
}
.progress-btn .btn {
  font-size: 14px !important;
  padding: 7px 10px;
}
.gc-balance {
  background: 0 0;
  border: none;
  color: var(--color-4);
  font-weight: 600;
  width: 130px;
}
.g-gender {
  text-align: center;
}
.g-gender .g-genderavatar {
  position: relative;
  margin-bottom: 14px;
}
.g-gender .g-fullname {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-4);
  font-weight: 600;
  margin-bottom: 8px;
}
.g-gender .g-email {
  font-size: 14px;
  line-height: 17px;
  color: var(--color-5);
}
.g-switch {
  min-width: 280px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid var(--color-3);
  display: inline-flex;
  padding: 5px;
  position: relative;
  background: 0 0;
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
}
.g-switch:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
  box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}
.g-switch.gender-male .switch-male {
  color: #fff;
}
.g-switch.gender-female .switch-female {
  color: #fff;
}
.g-switch.gender-female .switch-bg {
  left: calc(50% - 5px);
}
.g-switch .switch-bg {
  background: var(--color-6);
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: 50%;
  border-radius: 10px;
  position: absolute;
  -webkit-transition: 0.23s ease;
  transition: 0.23s ease;
}
.g-switch .switch-btn {
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 2;
  height: 44px;
  background: 0 0;
  border: none;
  outline: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.g-switch.gender-female .g-genderavatar.gender-male {
  display: none !important;
}
.user-avatar {
  width: 150px;
}
.profile-toggle.dropdown-toggle {
  background: 0 0;
  border: none;
  outline: 0;
}
.profile-toggle.dropdown-toggle::after {
  display: none !important;
}
.g-mo-logo .user-avatar {
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  height: 50px;
  display: block;
}
.g-genderavatar {
  position: relative;
}
.g-genderavatar .avatar-icon {
  position: absolute;
  background: var(--color-6);
  color: var(--color-4);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  line-height: 1;
  font-size: 12px;
  top: 20px;
  right: -3px;
}
.modal-flex {
  padding: 10px 0;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.modal-flex:not(:first-child) {
  border-top: 1px solid var(--color-2);
}
.mf-title {
  font-size: 13px;
  color: var(--color-5);
}
.mf-text {
  margin-top: 2px;
  line-height: 125%;
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
}
.mf-color {
  color: var(--color-6);
  font-weight: 600;
}
.modal-desc {
  font-size: 13px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow: hidden auto;
}
.codewin-head {
  height: 1.5rem;
  padding: 0 1rem;
  position: relative;
}
.codewin-buttons {
  display: flex;
  bottom: 0;
  right: 0;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
.btn-mac {
  border-radius: 50%;
  height: 0.75rem;
  margin: 0 0.125rem;
  width: 0.75rem;
}
.mac-close {
  background-color: #ff5f56;
}
.mac-mini {
  background-color: #ffbd2e;
}
.mac-full {
  background-color: #27c93f;
}
.bs-toast {
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow:
    0 6px 16px rgb(0 0 0 / 40%),
    0 3px 8px rgb(0 0 0 / 30%);
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: auto;
  max-width: 280px;
  border: 1px solid #fff !important;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  z-index: 999;
  text-align: center;
  animation: toast-slide-in 0.3s ease-out;
}
.bs-toast .bs-toast-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bs-toast .toast-icon {
  font-size: 16px;
  flex-shrink: 0;
  color: #22c55e;
  animation: toast-icon-pulse 2s ease-in-out infinite;
  filter: drop-shadow(0 2px 4px rgb(34 197 94 / 40%));
}
.bs-toast .toast-text {
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.bs-toast .toast-times {
  cursor: pointer;
  border: none;
  outline: 0;
  color: #fff;
  background: 0 0;
}
.op-search-box.g-olink {
  display: flex;
  width: 100%;
}
.g-olink .link {
  display: block;
  width: 100%;
  flex: 1 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
}
.g-order-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.g-order-item .title {
  font-size: 14px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-item .text {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-4);
  line-height: 27px;
  opacity: 1;
}
.g-order-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-4);
  margin-bottom: 0;
}
.g-order-date {
  font-size: 12px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-bottom {
  border-top: 1px solid var(--color-3);
  padding-top: 15px;
  margin-top: 15px;
}
.ms-auto {
  margin-left: auto !important;
}
.g-status {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgb(255 255 255 / 15%);
  border-radius: 15px;
  padding: 10px 34px;
}
@media (width <= 991.98px) {
  .g-status {
    width: auto;
    margin: auto;
  }
  .g-olink .link,
  .g-order-date,
  .g-order-title {
    text-align: center;
  }
}
.g-status.completed {
  background-color: rgb(0 182 122 / 25%);
  border: 1px solid #00b67a;
  color: #00b67a;
}
.g-status.processing {
  background-color: rgb(246 86 25 / 25%);
  border: 1px solid #f65619;
  color: #f65619;
}
.g-status.inprogress {
  background-color: rgb(2 159 255 / 25%);
  border: 1px solid #029fff;
  color: #029fff;
}
.g-status.pending {
  background-color: rgb(251 188 5 / 25%);
  border: 1px solid #fbbc05;
  color: #fbbc05;
}
.g-status.partial {
  background-color: rgb(129 129 129 / 25%);
  border: 1px solid #818181;
  color: #818181;
}
.g-status.cancelled {
  background-color: rgb(255 62 124 / 25%);
  border: 1px solid #ff3e7c;
  color: #ff3e7c;
}
.order-btn {
  background: var(--color-6);
  border: 1px solid var(--color-6);
  border-radius: 5px;
}
.select2-results__option a {
  color: var(--color-4) !important;
  font-size: 13px !important;
  border-bottom: 1px solid var(--color-1) !important;
  padding: 10px !important;
}
.select2-results__option a:hover {
  background: var(--color-1);
  color: var(--color-4) !important;
}
.select2-container--default .select2-results > .select2-results__options,
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--open .select2-dropdown--below {
  background-color: var(--color-2) !important;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  line-height: 24px;
}
.select2-container .badge-secondary {
  background: var(--color-6);
  color: #fff;
}
.g-email i {
  color: var(--color-6);
}
.api-block pre {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-6);
  border-radius: 15px;
  padding: 10px;
}
.api-block .table {
  color: var(--color-4);
}
.api-block .table thead th,
.api-block .table-bordered,
.api-block .table-bordered td,
.api-block .table-bordered th {
  border-color: var(--color-1);
}
.tickets {
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  background: var(--color-1);
  border-radius: 15px;
  padding: 10px 15px;
}
.tickets.new {
  background: var(--color-8);
}
.tickets:hover {
  background: var(--color-8);
  transition: 0.5s all;
}
.tickets .avatar.me-3 {
  margin-right: 15px !important;
}
.tickets .avatar .tickets-img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: var(--color-1);
  color: var(--color-4) !important;
  text-align: center;
  position: relative;
  border: 3px solid var(--color-8);
  box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}
.tickets .avatar .tickets-img span {
  font-size: 24px;
  color: var(--color-6);
}
.tickets h6 {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--color-4);
}
.tickets span {
  color: #71738d;
  font-size: 12px;
}
.tickets .date {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 12px;
  color: #bcc2cf;
}
.g-ticket-status.completed {
  color: #00b67a;
}
.g-ticket-status.pending {
  color: #fbbc05;
}
.g-ticket-status.closed {
  color: #ff3e7c;
}
input.designradio {
  position: absolute;
  z-index: 9999999;
  width: 100px;
  height: 72px;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
}
.ticket .subject_box span i {
  font-size: 24px;
  color: var(--color-6);
}
.ticket-fields {
  padding-top: 20px;
}
.ticket .custom-radio button {
  text-decoration: none;
  border: 1px solid var(--color-1);
  background: 0 0;
  display: inline-block;
  border-radius: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
.ticket .custom-radio button.active {
  border-color: var(--color-6);
}
.ticket .custom-radio button:hover {
  border: 1px solid var(--color-6);
}
.ticket .form-group {
  margin-bottom: 20px;
}
.subject_box {
  margin: auto;
  text-align: center;
  padding: 12px 10px;
}
.subject_box p {
  margin: 0;
  padding-top: 15px;
  color: var(--color-4);
  font-size: 16px;
}
.downBtn {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  padding: 10px 14px;
  transition: transform 0.2s ease-in-out;
}
.downBtn.rotated {
  transform: rotate(180deg);
}
@media (width <= 991.98px) {
  .downBtn {
    margin-top: 15px;
  }
}
.g-chat .g-chat-area ul.chat {
  max-height: 350px;
  min-height: 350px;
  overflow-y: scroll;
  padding-right: 20px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar {
  width: 5px;
  border-radius: 2px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgb(255 255 255 / 20%);
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #fff;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.g-chat .g-chat-area ul.chat li.user {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.g-chat .g-chat-area ul.chat li.user .r {
  text-align: end;
  margin-right: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r .answer {
  background-color: var(--color-8);
  color: var(--color-5);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: end;
}
.g-chat .g-chat-area ul.chat li.user .l {
  min-width: 100px;
  max-width: 100px;
}
.g-chat .g-chat-area ul.chat li.user .l span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-3);
  color: var(--color-5);
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.user .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.user .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat li.web {
  display: flex;
  align-items: start;
  justify-content: end;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l {
  text-align: start;
  margin-left: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l .answer {
  background-color: var(--color-6);
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: start;
}
.g-chat .g-chat-area ul.chat li.web .r {
  min-width: 100px;
  max-width: 100px;
}
.g-chat .g-chat-area ul.chat li.web .r span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  color: #3d455a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.web .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat {
  padding-left: 0;
}
@media (width <= 991.98px) {
  .mobiledetail {
    display: block !important;
  }
}
.ticket-message-block {
  display: flex;
}
.ticket-message-block.ticket-message-right {
  justify-content: flex-end;
}
.ticket-message-block.ticket-message-right .ticket-msg-container {
  text-align: right;
}
.ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg {
  border-radius: 20px 20px 20px 0;
}
.ticket-message-block .ticket-msg-container .ticket-msg {
  background: var(--color-8);
  border-radius: 30px;
  padding: 14px 26px;
  display: inline-flex;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: var(--color-5);
}
.ticket-message-block .ticket-msg-container .date-time {
  font-size: 12px;
  line-height: 15px;
  color: #747886;
  margin-bottom: 30px;
  padding: 0 10px;
  display: block;
}
.g-chat-side .g-chat {
  max-height: 553px;
  overflow-y: auto;
  margin: 0 -24px;
  padding: 0 24px;
}
.g-chat-side .g-chat::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-track {
  background: 0 0;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 20%);
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb:hover {
  background: rgb(255 255 255 / 40%);
}
.g-chat-side .schat-input {
  padding-top: 10px;
}
.g-chat-input {
  position: relative;
  display: flex;
  background: var(--color-1);
  border-radius: 0 0 8px 8px;
  height: 70px;
  align-items: center;
}
.g-chat-input input {
  border: none;
  outline: 0;
  background: 0 0;
  flex: 1;
  padding: 0 30px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.g-chat-input input::placeholder {
  color: rgb(255 255 255 / 60%);
}
.g-ticket-box {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 8px;
  padding: 20px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.g-ticket-box + .g-ticket-box {
  margin-top: 14px;
}
.g-ticket-box .title {
  flex: 1;
}
.g-ticket-box .text {
  color: var(--color-6);
}
.gi-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-4);
}
.gi-text {
  color: var(--color-5);
}
.gi-text a {
  color: var(--color-6);
}
.gcard-icon {
  width: 44px;
  height: 44px;
  font-size: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width >= 992px) {
  .gcard-icon {
    width: 82px;
    height: 82px;
    font-size: 40px;
  }
}
.service-platform-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  min-width: 18px;
  font-size: 18px;
  color: inherit;
}
.service-platform-icon i {
  line-height: 1;
  font-size: 18px;
}
body.light .service-platform-icon {
  color: inherit;
}
.gcard-icon.gi-1 {
  background-color: var(--color-8);
  color: var(--color-6);
}
.gcard-body.gi-card .gcard-icon.gi-1,
.gcard-body.gi-card .gcard-icon.gi-1 i {
  color: #fff !important;
}
.tickets-hero .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
.tickets-hero .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
.tickets-hero .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
.tickets-hero .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
body.light .tickets-hero .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
body.light .tickets-hero .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line,
body.light .tickets-hero .gcard-body.gi-card .gcard-icon.gi-1 .ri-customer-service-2-line,
body.light .tickets-hero .gcard-body.gi-card .gcard-icon.gi-1 i.ri-customer-service-2-line {
  color: #22c55e !important;
  fill: #22c55e !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-mail-send-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-mail-send-line {
  color: #f97316 !important;
  fill: #f97316 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-vip-crown-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-vip-crown-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-file-list-3-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-file-list-3-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
.gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
.gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
.gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
body.light .gcard-2 .gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 .ri-questionnaire-line,
body.light .gcard-body.gi-card .gcard-icon.gi-1 i.ri-questionnaire-line {
  color: #0ea5e9 !important;
  fill: #0ea5e9 !important;
}
.nwoNav {
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  margin: 0;
  list-style: none;
  padding: 7px;
  display: flex;
}
.nwoNav .nwoNavLink {
  border: 1px solid var(--color-3);
  outline: 0;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  background-color: var(--color-1);
  color: var(--color-4);
  padding: 13px 25px;
  transition: 0.14s ease;
  box-sizing: border-box;
}
.nwoNav .nwoNavLink:not(.active):hover {
  border-color: var(--color-6);
  background: var(--color-2);
  color: var(--color-4);
}
.nwoNav .nwoNavLink.active {
  background: var(--color-6);
  border-color: var(--color-6);
  color: var(--color-4);
  box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
}
.nwoTabs .nwoTab {
  display: none;
}
.nwoTabs .nwoTab.active {
  display: block;
}
@media (width <= 991.98px) {
  .nav-tabs .nav-item,
  .nwoNav .nwoNavLink {
    width: 100%;
  }
  .d-none-imp {
    display: none !important;
  }
}
.sc-sup-item {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  border-radius: 15px;
  padding: 18px 30px;
  display: block;
  width: 100%;
  transition: 0.14s ease;
}
.sc-sup-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.sc-sup-item .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-5);
  margin-bottom: 10px;
}
.sc-sup-item .text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
@media (width >= 992px) {
  .sc-sup-item .text {
    margin-bottom: 0;
  }
}
.sc-sup-item + .sc-sup-item {
  margin-top: 13px;
}
.currency-toggle,
.language-toggle {
  background: 0 0;
  border: none;
  outline: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  font-size: 24px;
  overflow: hidden;
}
.currency-toggle.dropdown-toggle::after,
.language-toggle.dropdown-toggle::after {
  display: none;
}
.currency-drawer {
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 2003;
  background: var(--color-2);
  border-left: 1px solid var(--color-3);
  width: 280px;
  display: flex;
  flex-direction: column;
  transition: 0.14s ease;
}
.currency-drawer .drawer-header {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 80px;
  padding: 0 20px;
  background-color: var(--color-6);
}
.currency-drawer .drawer-header-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-4);
  margin-bottom: 0;
}
.currency-drawer .drawer-header-close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 20px;
  cursor: pointer;
}
.currency-drawer .drawer-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  padding: 10px 20px 40px;
  overflow-y: auto;
}
.currency-item {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  border-radius: 10px;
  padding: 18px 23px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-4);
  transition: 0.14s ease;
}
.currency-item:focus,
.currency-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-4);
}
.currency-item.active {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.gnyFAQs .gnyFtab {
  position: relative;
  cursor: pointer;
  background: 0 0;
  color: var(--color-3);
  padding: 13px 20px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--color-1);
}
.gnyFAQs .gnyFtab .fa-minus {
  display: none;
}
.gnyFAQs .gnyFtab.active {
  background: var(--color-8);
  color: var(--color-4);
  border-radius: 15px;
}
.gnyFAQs .gnyFtab.active .gnyFhead {
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab.active .gnyFhead .right-p {
  color: var(--color-5);
}
.gnyFAQs .gnyFtab.active .fa-minus {
  display: block;
}
.gnyFAQs .gnyFtab.active .fa-plus {
  display: none;
}
.gnyFAQs .gnyFtab .gnyFhead {
  font-size: 16px;
  font-weight: 500;
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab .gnyFhead .right-p {
  color: var(--color-6);
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.gnyFAQs .gnyFtab .gnyFcontent {
  display: none;
  padding-top: 12px;
  color: var(--color-4);
  font-size: 16px;
  line-height: 170%;
  padding-bottom: 8px;
}
.nwo-cat-btn .fab.fa-instagram,
.select2-selection__icon .fab.fa-instagram {
  color: #e1306c;
}
.nwo-cat-btn .fab.fa-facebook-f,
.select2-selection__icon .fab.fa-facebook-f {
  color: #207eff;
}
.nwo-cat-btn .fab.fa-youtube,
.select2-selection__icon .fab.fa-youtube {
  color: #ff0042;
}
.nwo-cat-btn .fab.fa-twitter,
.select2-selection__icon .fab.fa-twitter {
  color: #1da1f2;
}
.nwo-cat-btn .fab.fa-telegram-plane,
.select2-selection__icon .fab.fa-telegram-plane {
  color: #2b9fd2;
}
.nwo-cat-btn .fab.fa-soundcloud,
.select2-selection__icon .fab.fa-soundcloud {
  color: #ff5836;
}
.nwo-cat-btn .fab.fa-spotify,
.select2-selection__icon .fab.fa-spotify {
  color: #62ffa2;
}
.nwo-cat-btn .fab.fa-twitch,
.select2-selection__icon .fab.fa-twitch {
  color: #e600ff;
}
.nwo-cat-btn .fab.fa-tiktok,
.select2-selection__icon .fab.fa-tiktok {
  color: #f8004d;
}
.nwo-cat-btn .fab.fa-discord,
.select2-selection__icon .fab.fa-discord {
  color: #5865f2;
}
.nwo-cat-btn .fab.fa-linkedin-in,
.select2-selection__icon .fab.fa-linkedin-in {
  color: #0077b5;
}
.nwo-cat-btn .fab.fa-reddit-alien,
.select2-selection__icon .fab.fa-reddit-alien {
  color: #ff5700;
}
.nwo-cat-btn .fab.fa-vimeo-v,
.select2-selection__icon .fab.fa-vimeo-v {
  color: #1ab7ea;
}
.nwo-cat-btn .fab.fa-snapchat-ghost,
.select2-selection__icon .fab.fa-snapchat-ghost {
  color: #fffc00;
}
.nwo-cat-btn.active i {
  color: #fff !important;
}
body.stop-body {
  overflow: hidden;
}
body#outside {
  background-color: #161b22;
  width: 100%;
  overflow-x: hidden;
}
.headOut {
  position: fixed;
  top: 0;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px solid #161b22;
  z-index: 1030;
  transition: 0.14s ease;
}
.headOut.fixed {
  background-color: #161b22;
}
.b-menu-wrapper {
  display: block;
  position: fixed;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-radius: 30px 30px 0 0;
  padding: 24px 10px;
  max-height: calc(100vh - 90px);
  transition: 0.14s ease;
  transform: translateY(101%);
  opacity: 0.4;
  background: #161b22;
  z-index: 1055;
}
.b-menu-wrapper.active {
  transform: translateY(0);
  opacity: 1;
}
.b-menu-wrapper .b-menu-close {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #ef4444;
  color: #fff;
  outline: 0;
  border: none;
  font-size: 1.3rem;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  box-shadow: 0 10px 25px rgb(0 43 255 / 25%);
  transition:
    transform 0.15s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}
.b-menu-wrapper.active .b-menu-close {
  display: inline-flex;
}
.b-menu-wrapper.active .b-menu-close:focus,
.b-menu-wrapper.active .b-menu-close:focus-visible,
.b-menu-wrapper.active .b-menu-close:hover {
  background: #dc2626;
  box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
  transform: translateY(-1px) scale(1.05);
}
.b-menu-wrapper.active .b-menu-close:active {
  transform: translateY(0) scale(1);
  box-shadow: inset 0 2px 6px rgb(0 0 0 / 25%);
}
.head-right-btns {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.header-btn {
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 9px 9px 30px;
  overflow: hidden;
  background-color: var(--color-6);
  color: #fff !important;
  text-decoration: none;
  transition: 0.14s ease;
}
.header-btn:hover {
  color: #fff !important;
}
.header-btn.without-icon,
.header-btn.without-icon:focus,
.header-btn.without-icon:hover {
  border: 1px solid var(--color-4) !important;
}
.header-btn:hover .icon::after {
  transform: scale(8);
}
.header-btn .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1004;
}
.header-btn .icon {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header-btn .icon .icon-ri {
  z-index: 1003;
}
.header-btn .icon::after {
  content: "";
  z-index: 1002;
  background: rgb(0 0 0 / 15%);
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s ease;
}
.nmenu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 10px 0 20px;
}
.nmenu .nmenu-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.nmenu .nmenu-item .nmenu-link {
  font-weight: 600;
  font-size: 23px;
  line-height: 125%;
  color: #fff !important;
  opacity: 0.8;
  padding: 7px 20px;
  transition: 0.14s ease;
  text-decoration: none;
  display: inline-block;
  text-align: left;
}
.nmenu .nmenu-item .nmenu-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  opacity: 0;
  background-color: transparent;
}
.nmenu .nmenu-item .nmenu-link:hover {
  opacity: 0.7;
}
.nmenu .nmenu-item .nmenu-link.active {
  opacity: 1;
}
.nmenu .nmenu-item .nmenu-link.active::before {
  opacity: 1;
}
.home-logo img {
  height: 50px;
}
.homeHeader {
  padding-top: 86px;
  position: relative;
}
.homeHeader .homeBg {
  position: absolute;
  bottom: -30%;
  left: 0;
  width: 100%;
  height: auto;
  display: inline-block;
  z-index: -1;
}
.homeHeader .homeBg img {
  width: 100%;
  height: auto;
}
#staticBackdrop {
  padding-top: 50px;
}
.homeLogin .btn {
  border-radius: 15px !important;
}
.homeLogin .card .hlTitle {
  background:
    linear-gradient(89.31deg, rgb(170 86 255 / 38%) 4.55%, rgb(255 255 255 / 0%) 69.39%),
    linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
}
.homeLogin .card .form-control,
.homeLogin .card .form-control:focus {
  background: #151b26;
  color: #9b93ce;
}
.homeLogin .card .form-control::placeholder {
  color: #fff;
}
.homeLogin .card .form-check-label,
.homeLogin .card .hlText {
  color: #9b93ce;
}
.homeLogin .card .hlText a {
  color: #8756ff;
}
.login-section .card {
  border-radius: 25px !important;
  background: #0d1117;
  z-index: 10;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: break-word;
  background-clip: border-box;
  padding: 20px 0;
}
.login-section .close-btn {
  background: 0 0;
  border: none;
  outline: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--color-3);
}
.login-section a {
  font-size: 13px;
  color: var(--color-6);
  margin-bottom: 12px;
}
.login-section .btn-primary {
  height: 66px;
  border-radius: 15px !important;
}
.login-remember-me input {
  display: none;
}
.login-remember-me input:checked + .lgn-btn {
  background: var(--color-6);
  border-color: var(--color-6);
  color: #fff;
}
.login-remember-me .lgn-btn {
  height: 30px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #9b93ce;
  transition: 0.2s ease;
  font-size: 16px;
  cursor: pointer;
  margin-right: 15px;
}
.login-remember-me .lgn-btn::before {
  content: "\eae5";
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
}
.lg-icon {
  display: flex;
  width: 34px;
  height: 34px;
  background: rgb(33 82 255 / 15%);
  border: 1px solid #2152ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #9b93ce;
  font-size: 17px;
}
.tooltip-inner {
  background-color: var(--color-6) !important;
  color: #fff;
  border-radius: 10px !important;
}
@media (width >= 992px) {
  .login-row > .col-start {
    flex: 0 0 auto;
    width: 64%;
  }
  .login-row > .col-end {
    flex: 0 0 auto;
    width: 36%;
  }
}
.login-input {
  border: none;
  outline: 0;
  width: 100%;
  background: var(--color-1);
  color: #fff;
  border-radius: 15px;
  height: 66px;
  padding: 0 24px;
  font-weight: 600;
}
.login-input:focus {
  outline: 0;
  background: var(--color-1);
  color: #fff;
}
.login-input::placeholder {
  font-weight: 600;
  color: #757fac;
}
@media (width <= 991.98px) {
  .login-row .btn-primary {
    padding: 23px 16px;
    font-size: 13px;
  }
}
.login-section .card {
  margin: auto;
}
.hhSide {
  width: 100%;
  margin: 6em auto 0;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: center;
}
.homeAnim {
  position: absolute;
  width: 13em;
  height: 13em;
  transition: all 0.2s ease 0s;
  top: 75%;
  left: 0;
  z-index: 1001;
}
.homeAnim2 {
  position: absolute;
  width: 13em;
  height: 13em;
  transition: all 0.2s ease 0s;
  top: 14%;
  left: 83%;
}
.homeText {
  position: absolute;
  top: 15%;
}
.homeText h1 {
  color: #fff;
  font-weight: 800;
  font-size: 36px;
}
.homeText h1 span {
  font-size: 40px;
  color: #fc3735;
  background: linear-gradient(to right, #340fe8, #4e2786, #b81ff5);
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
#social {
  position: fixed;
  right: 40px;
  width: 40px;
  text-align: right;
  height: auto;
  bottom: 0;
  z-index: 999;
}
#social li {
  margin: 15px 5px;
  list-style: none;
  font-size: 15px;
}
#social li a,
#social li a:visited {
  color: var(--color-4);
  padding: 0;
}
#social li a:hover,
#social li a:visited:hover {
  color: var(--color-6);
}
@media only screen and (width <= 991.98px) {
  .b-menu-wrapper .row.row-btn {
    display: unset !important;
  }
  .homeText h1 {
    font-size: 22px;
    text-align: center;
  }
  .homeText h1 span {
    font-size: 26px;
  }
  .homeText {
    top: 10%;
  }
  .headOut {
    padding: 10px;
  }
  #social {
    display: none;
  }
  .homeAnim,
  .homeAnim2 {
    display: none;
  }
  .row-mobile {
    display: block;
  }
}
@media only screen and (width >= 992px) {
  .headOut.fixed {
    background-color: rgb(34 39 55 / 50%) !important;
    backdrop-filter: blur(30px);
  }
  .headOut.fixed .nmenu .nmenu-item .nmenu-link {
    padding: 20px;
  }
  .b-menu-wrapper {
    display: block;
    bottom: inherit;
    background-color: transparent;
    position: relative;
    border-radius: 0;
    padding: 0;
    width: 100%;
    transform: none;
    overflow: inherit;
    opacity: 1 !important;
  }
  .sm-header {
    display: none;
  }
  .b-menu-wrapper.active .b-menu-close {
    display: inline-flex;
    background: #ef4444;
    border: none;
  }
  .b-menu-wrapper.active .b-menu-close:focus,
  .b-menu-wrapper.active .b-menu-close:focus-visible,
  .b-menu-wrapper.active .b-menu-close:hover {
    background: #dc2626;
    border-color: transparent;
    box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
    transform: translateY(-1px) scale(1.05);
  }
  .b-menu-wrapper.active .b-menu-close:active {
    transform: translateY(0) scale(1);
    box-shadow: inset 0 2px 6px rgb(0 0 0 / 25%);
  }
  .head-right-btns {
    display: inline;
  }
  .header-btn.without-icon {
    background-color: transparent;
    padding: 14px 30px;
  }
  .header-btn.without-icon .icon {
    display: none;
  }
  .nmenu {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    padding: 10px 0 0;
  }
  .nmenu .nmenu-item .nmenu-link {
    padding: 34px 20px;
    display: block;
    font-size: 16px;
  }
  .nmenu .nmenu-item .nmenu-link::before {
    display: block;
    background-color: var(--color-6) !important;
  }
  .homeHeader {
    margin-top: -127px;
    padding-top: 127px;
  }
  .homeHeader .hhSide {
    padding: 200px 0 0;
  }
}
.loginModal {
  background: #161b22;
}
.loginModal .modal-content {
  border-radius: 25px;
}
.homeSection {
  padding: 125px 0;
}
.homeDevices .homeMock {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: -20px;
}
@media (width <= 767.98px) {
  .homeDevices .homeMock {
    justify-content: center;
    align-items: center;
  }
  .homeDevices .homeMock .homeMockList {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.homeDevices .homeMock .homeMockList {
  border: 2px solid rgb(255 255 255 / 12%);
  border-radius: 5px;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}
.homeDevices .homeMock .homeMockList .icon {
  margin-bottom: 15px;
  padding-top: 5px;
}
.homeDevices .homeMock .homeMockList h6 {
  color: rgb(198 201 216 / 75%);
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 300;
}
.homeDevices .homeMock .homeMockList-mobile h6 {
  color: #0f8 !important;
  text-shadow:
    0 0 10px rgb(0 255 136 / 50%),
    0 0 20px rgb(0 255 136 / 30%);
}
.homeDevices .homeMock .homeMockList-tablet h6 {
  color: #fff !important;
  text-shadow:
    0 0 10px rgb(255 255 255 / 50%),
    0 0 20px rgb(255 255 255 / 30%);
}
.homeDevices .homeMock .homeMockList-desktop h6 {
  color: #d946ef !important;
  text-shadow:
    0 0 10px rgb(217 70 239 / 50%),
    0 0 20px rgb(217 70 239 / 30%);
}
.homeDevices .homeMock .homeMockList-mobile .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(100%) saturate(2000%) hue-rotate(93deg) brightness(120%)
    contrast(120%);
  box-shadow:
    0 0 10px rgb(0 255 136 / 60%),
    0 0 20px rgb(0 255 136 / 40%),
    0 0 30px rgb(0 255 136 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
}
.homeDevices .homeMock .homeMockList-tablet .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(100%);
  box-shadow:
    0 0 10px rgb(255 255 255 / 60%),
    0 0 20px rgb(255 255 255 / 40%),
    0 0 30px rgb(255 255 255 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
  opacity: 1 !important;
}
.homeDevices .homeMock .homeMockList-desktop .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(2000%) hue-rotate(280deg) brightness(150%)
    contrast(150%);
  box-shadow:
    0 0 10px rgb(217 70 239 / 60%),
    0 0 20px rgb(217 70 239 / 40%),
    0 0 30px rgb(217 70 239 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
}
body.light .homeDevices .homeMock .homeMockList-mobile h6 {
  color: #0f8 !important;
  text-shadow:
    0 0 10px rgb(0 255 136 / 50%),
    0 0 20px rgb(0 255 136 / 30%);
}
body.light .homeDevices .homeMock .homeMockList-tablet h6 {
  color: #fff !important;
  text-shadow:
    0 0 10px rgb(255 255 255 / 50%),
    0 0 20px rgb(255 255 255 / 30%);
}
body.light .homeDevices .homeMock .homeMockList-desktop h6 {
  color: #d946ef !important;
  text-shadow:
    0 0 10px rgb(217 70 239 / 50%),
    0 0 20px rgb(217 70 239 / 30%);
}
.sectionText h1 {
  color: #fff;
  font-weight: 600;
  font-size: 36px;
}
.sectionText h1 span.effects {
  font-size: 40px;
  background: linear-gradient(to right, #340fe8, #4e2786, #b81ff5);
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.section-title p {
  color: #8b98b8;
}
.fga-ddb {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.1fr;
  gap: 17.78px;
}
.fga-ddb + .eam3 {
  margin-top: 15px;
}
.homeBant-1 + .eam3 {
  margin-top: 15px;
}
.homeBant-1 {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  gap: 17.78px;
}
.homeBant-2 {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr;
  gap: 17.78px;
}
.homeBant-2 + .eam3 {
  margin-top: 15px;
}
.homeBant-3 {
  display: grid;
  gap: 17.78px;
  -webkit-box-pack: center;
  justify-content: center;
}
.homeBant-3 + .eam3 {
  margin-top: 15px;
}
.homeBant-4 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(1deg);
  justify-content: center;
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-4:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-5 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #340fe8 0.77%, #b81ff5 99.77%);
  border-radius: 10px;
  transform: rotateZ(-1deg);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-5:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.homeBant-6 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #b81ff5 0.77%, #340fe8 99.77%);
  border-radius: 10px;
  transform: rotateZ(-1deg);
  border: 1px solid rgb(0 40 152);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-6:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.homeBant-7 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #340fe8 0.77%, #b81ff5 99.77%);
  border-radius: 10px;
  transform: rotateZ(1deg);
  border: 1px solid rgb(0 40 152);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-7:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-8 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(1deg);
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-8:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-9 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(-1deg);
  justify-content: center;
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-9:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.EURXs p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.015em;
  color: #fff;
  margin-bottom: 0;
}
.addBalance {
  margin-bottom: 9px;
  margin-top: 0;
  display: flex;
  border-radius: 10px;
  justify-content: space-between;
}
.addBalanceBtn {
  width: 24%;
  background: var(--color-1);
  padding: 15px 16px;
  border-radius: 15px;
  text-align: center;
  border: 1px solid var(--color-3);
  color: var(--color-5);
  font-weight: 600;
}
.addBalanceBtn:focus {
  background: var(--color-8);
  border: 1px solid var(--color-3);
  color: var(--color-4);
}
#footer.footer-bg {
  background: linear-gradient(to top, #161b22, #0d1117);
}
#footer .footer-alt-bg {
  background-color: #0d1117 !important;
}
#footer.footer-bg p {
  color: #fff;
}
#footer .ficons {
  margin: 0;
  padding: 0;
  width: auto;
}
#footer .ficons li {
  display: inline-block;
  margin: -1px 1px 0 0;
  padding: 0;
  border-radius: 100%;
  overflow: visible;
}
#footer .ficons li a {
  transition: all 0.2s ease;
  border-radius: 100%;
  display: block;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #333 !important;
  text-decoration: none;
  font-size: 0.8rem;
}
#footer .ficons li:hover a {
  background: #151719;
  color: #fff;
}
#footer .ficons li:hover.ficons-twitter a {
  background: #1aa9e1;
}
#footer .ficons li:hover.ficons-facebook a {
  background: #3b5a9a;
}
#footer .ficons li:hover.ficons-youtube a {
  background: #c3191e;
}
#footer .ficons li:hover.ficons-instagram a {
  background: #e1306c;
}
#footer .ficons.ficons-dark-2 li a {
  background: #0d1117;
}
#footer .ficons.ficons-dark-2 li a i {
  color: #fff;
}
#footer .ficons.ficons-big li a {
  height: 48px;
  line-height: 48px;
  width: 48px;
}
#footer .border-color-light-3 {
  border-color: #161b22 !important;
}
#footer .copyright p {
  color: #fff;
}
.homeScroll {
  width: 30px;
  height: 50px;
  margin-left: -20px;
  bottom: 15px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 90%);
  border-radius: 25px;
  z-index: 100;
}
.homeScroll::before {
  content: "";
  width: 6px;
  height: 6px;
  background: rgb(255 255 255 / 90%);
  margin-left: -3px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
.homeScroll,
.homeScroll::before {
  position: absolute !important;
  left: 50%;
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
}
.colorbox {
  background: var(--color-1);
  border-radius: 25px;
  padding: 4px 10px;
  line-height: 32px;
  height: 42px;
}
.colorbtn {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
}
.btnblack,
body.light .btndark {
  background: var(--color-1);
  padding: 5px;
  line-height: 1;
  border: 0;
  color: var(--color-4);
}
.btnblack,
body.dark .btnlight {
  background: var(--color-1);
  padding: 5px;
  line-height: 1;
  border: 0;
  color: #fff;
}
body:not(.light) .account-details .form-control,
body:not(.light) .account-details .form-select {
  background: var(--color-1) !important;
  border: 1px solid var(--color-3) !important;
  color: var(--color-4) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}
body:not(.light) .account-details .form-control:focus,
body:not(.light) .account-details .form-select:focus {
  background: var(--color-1) !important;
  border-color: var(--color-3) !important;
  box-shadow: none !important;
}
body.light
  .account-details
  .form-control:not(.payment-method-dropdown__trigger, button.payment-method-dropdown__trigger),
body.light .account-details .form-select {
  background: #fff !important;
  border: 1px solid rgb(15 23 42 / 12%) !important;
  color: #0f172a !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}
body.light
  .account-details
  .form-control:focus:not(.payment-method-dropdown__trigger, button.payment-method-dropdown__trigger),
body.light .account-details .form-select:focus {
  background: #fff !important;
  border-color: rgb(15 23 42 / 12%) !important;
  box-shadow: none !important;
}
.account-details .select2-container .select2-selection {
  border-radius: 15px !important;
  min-height: 50px !important;
  border: 1px solid var(--color-3) !important;
  background: var(--color-1) !important;
  box-shadow: none !important;
}
body.light .account-details .select2-container .select2-selection {
  background: #fff !important;
  border-color: rgb(15 23 42 / 12%) !important;
}
.account-details .select2-container .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 14px !important;
}
.account-details .select2-container .select2-selection__arrow {
  height: 48px !important;
  right: 12px !important;
}
.account-details .select2-container .select2-dropdown {
  background: var(--color-1) !important;
  border: 1px solid var(--color-3) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 45px rgb(5 8 15 / 50%) !important;
}
body.light .account-details .select2-container .select2-dropdown {
  background: #fff !important;
  border-color: rgb(15 23 42 / 12%) !important;
  box-shadow: 0 20px 35px rgb(15 23 42 / 12%) !important;
}
.account-details .select2-results__option--highlighted[aria-selected] {
  background: rgb(255 255 255 / 6%) !important;
}
.account-details .select2-results__option[aria-selected="true"] {
  background: rgb(13 110 253 / 18%) !important;
  color: #dbeafe !important;
}
body.light .account-details .select2-results__option--highlighted[aria-selected] {
  background: rgb(15 23 42 / 6%) !important;
  color: #0f172a !important;
}
body.light .account-details .select2-results__option[aria-selected="true"] {
  background: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
}
body:not(.light) .account-details .form-control[type="select"] option:hover,
body:not(.light) .account-details .form-select option:hover,
body:not(.light) .account-details select option:hover {
  background-color: rgb(255 255 255 / 6%) !important;
  color: #dbeafe !important;
}
body:not(.light) .account-details .form-control[type="select"] option:checked,
body:not(.light) .account-details .form-select option:checked,
body:not(.light) .account-details select option:checked {
  background-color: rgb(13 110 253 / 18%) !important;
  color: #dbeafe !important;
}
body.light .account-details .form-control[type="select"] option:hover,
body.light .account-details .form-select option:hover,
body.light .account-details select option:hover {
  background-color: rgb(15 23 42 / 6%) !important;
  color: #0f172a !important;
}
body.light .account-details .form-control[type="select"] option:checked,
body.light .account-details .form-select option:checked,
body.light .account-details select option:checked {
  background-color: rgb(13 110 253 / 18%) !important;
  color: #0f172a !important;
}
body:not(.light) .account-details .form-select:focus,
body:not(.light) .account-details select:focus {
  border-color: var(--color-3) !important;
  box-shadow: none !important;
}
body.light .account-details .form-select:focus,
body.light .account-details select:focus {
  border-color: rgb(15 23 42 / 12%) !important;
  box-shadow: none !important;
}
.btndark {
  background: var(--color-6);
  padding: 5px;
  line-height: 1;
  border: 0;
  border-radius: 25px;
}
body.light .btnlight {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
  border: 0;
}
.btnlight {
  background: var(--color-1);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
  border: 0;
  color: #fff;
}
body.dark .btndark {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
}
body.light .g-dash-header {
  background: #f2f2f291;
}
body.light .gcard-2.gcard-shadow h2 {
  color: var(--color-4);
}
body.dark .gcard-2.gcard-shadow h2 {
  color: var(--color-4);
}
body.light .g-menu-list .g-menu-link.active {
  background: linear-gradient(to right, #f4f6f8 0, #fff 100%);
  border: 1px solid #eee;
}
body.light .g-nav li a.active {
  color: var(--color-5);
}
body.light .g-userast {
  margin-top: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
}
body.light .mf-title {
  color: var(--color-4);
}
body.light .g-sitem .btn-favorite {
  color: #acacac;
}
body.light .g-sitem .btn-favorite.active {
  color: var(--color-5);
}
body.light .addBalanceBtn {
  color: var(--color-4);
}
body.light .nwoNav .nwoNavLink.active {
  color: var(--color-5);
}
body.light .sc-sup-item .title {
  color: var(--color-4);
}
body.light .gi-text {
  color: var(--color-4);
}
body.light ::placeholder {
  color: var(--color-4);
}
body.light .g-chat .g-chat-area ul.chat li.user .l span.avatar,
body.light .g-chat .g-chat-area ul.chat li.user .r .answer {
  color: var(--color-4);
}
body.light .g-chat .g-chat-area ul.chat li.web .l .answer {
  color: var(--color-5);
}
body.light .gcard-header::before {
  background: #f5f5f525;
}
body.light .g-gender .g-email {
  color: var(--color-4);
}
body.light .gcard {
  box-shadow: none;
}
body.light .g-menu-list .g-menu-link.active:hover {
  color: var(--color-4) !important;
}
.g-menu-list .g-menu-link.active:focus {
  border: 1px solid var(--color-3) !important;
}
body.light .nwo-cat-btn.active .g-ticon,
body.light .nwo-cat-btn.active .text {
  color: var(--color-5);
}
body.out .modal-content {
  background: 0 0 !important;
  border: none !important;
}
label.logform {
  color: #fff;
}
.gnyBlog {
  margin-bottom: 30px;
}
.gnyBlog .blog-img-wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 48%;
}
.gnyBlog .blog-img-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.gnyBlog .blog-title {
  padding: 34px 0 26px;
}
.gnyBlog .blog-title h2 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #0ea5e9 !important;
}
.gnyBlog .blog-content {
  padding: 30px 0;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-4);
}
.gnyBlog .blog-footer {
  padding: 20px 0 0;
  color: var(--color-4);
}
.gnyBlog .blog-read-more {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.02em;
  color: var(--color-4);
  display: flex;
  align-items: center;
}
.gnyBlog .blog-read-more:hover {
  color: var(--color-6);
}
.gnyBlog .blog-read-more i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gnyBlog .blog-read-more span {
  font-weight: 600;
}
.blog-border {
  position: relative;
}
.blog-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--color-1);
}
.gnyBlogWr {
  display: flex;
  gap: 10px;
}
.gnyBlogBtn {
  background: var(--color-1);
  border: 1px solid var(--color-2);
  box-sizing: border-box;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  transition: 0.14s ease;
}
.gnyBlogBtn i {
  transition: 0.14s ease;
}
.gnyBlogBtn:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}
.gnyBlogBtn:hover {
  color: var(--color-6);
}
.gnyBlogBtn:hover i {
  transform: scale(1.2);
}
.gnyTos .nav-item.nav-link.active {
  background-color: var(--color-6);
  color: var(--color-4);
}
.gnyTos .nav-item.nav-link {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  text-align: center;
  position: relative;
  line-height: 30px;
  font-size: 16px;
  min-width: 200px;
  font-weight: 600;
  padding: 18px 23px;
  margin-bottom: 20px;
  background-color: var(--color-1);
  color: var(--color-4);
  border-radius: 15px;
}
.gnyTos .nav-item {
  display: inline-block;
}
@media screen and (width >= 991.98px) {
  .gnyTos .nav-item.nav-link {
    margin-right: 15px;
  }
}
@media screen and (width <= 991.98px) {
  .gnyTos .nav-item.nav-link {
    width: 100%;
  }
  .homeScroll {
    display: none;
  }
  .dropdown-toggle {
    width: 100%;
  }
}
.regArea {
  padding: 125px 0;
}
.sectionText {
  position: relative;
}
.sectionText .underline {
  position: relative;
  color: var(--color-6);
}
.sectionText .underline::after {
  content: "";
  position: absolute;
  background-color: var(--color-8);
  border-radius: 0.375rem;
  left: 0;
  height: 0.75rem;
  width: 100%;
  bottom: 0.15rem;
}
.regRight {
  background-color: var(--color-2);
  border-radius: 10px;
  position: relative;
  padding: 40px 25px;
  overflow: hidden;
}
.regRight .regSteps ul li {
  background: var(--color-1);
  -webkit-box-shadow: 0 110.121px 88.0972px rgb(0 0 0 / 3%);
  box-shadow: 0 110.121px 88.0972px rgb(0 0 0 / 3%);
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  border-radius: 10px;
  padding: 20px;
  position: relative;
  z-index: 6;
}
.regRight .regSteps .shape ul li {
  position: absolute;
}
.regRight .regSteps .shape ul li:first-child {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: var(--color-6);
  top: -88px;
  left: -103px;
  z-index: 3;
}
.regRight .regSteps .shape ul li:nth-child(2) {
  width: 195px;
  height: 195px;
  border-radius: 50%;
  background: var(--color-7);
  z-index: 3;
  left: -100px;
  bottom: -90px;
}
.regRight .regSteps .shape ul li:nth-child(3) {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: var(--color-8);
  z-index: 3;
  right: -122px;
  top: 39%;
}
.regRight .regSteps h6 {
  font-weight: 600;
}
.regRight .regSteps p {
  color: var(--color-5);
  font-size: 14px;
}
.upgrades {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (width <= 639.98px) {
  .upgrades ul {
    display: flex;
    top: 0;
    z-index: 10;
    padding-bottom: 14px;
    padding-left: 0;
  }
  .upgrades li {
    list-style: none;
    flex: 1;
  }
}
body:not(.light) .upgrades button {
  width: 100%;
  border: 1px solid var(--color-3);
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: var(--color-1);
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  color: var(--color-4);
}
body.light .upgrades button,
body.light .upgrades ul li button,
body.light .upgrades ul li.active button {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
}
body:not(.light) .upgrades li.active button {
  background: var(--color-6);
  color: var(--color-1);
}
.upgrades button {
  width: 100%;
  border: 1px solid var(--color-3);
  border-right: 0;
  border-top: 0;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  color: var(--color-4);
}
.upgrades table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
body:not(.light) .upgrades th {
  background: var(--color-1);
  display: none;
}
body.light .upgrades th {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
}
.upgrades th {
  display: none;
}
.upgrades td,
.upgrades th {
  height: 53px;
}
.upgrades td,
.upgrades th {
  border: 1px solid var(--color-3);
  padding: 10px;
  empty-cells: show;
}
.upgrades td,
.upgrades th {
  text-align: left;
}
.upgrades td + td,
.upgrades th + th {
  text-align: center;
  display: none;
}
.upgrades td.default {
  display: table-cell;
}
.upgrades td {
  position: relative;
}
.upgrades .hide {
  border: 0;
  background: 0 0;
}
@media (width >= 640px) {
  .upgrades ul {
    display: none !important;
  }
  #userranksid .upgrades ul,
  #userranksid[data-state="visible"] .upgrades ul,
  .upgrades ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .upgrades td,
  .upgrades th {
    display: table-cell !important;
  }
  .upgrades td,
  .upgrades th {
    width: 330px;
  }
  .upgrades td + td,
  .upgrades th + th {
    width: auto;
  }
}
.upgrades td.checked,
.upgrades td.unchecked {
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.upgrades .checked span,
.upgrades .unchecked span {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 16px;
  margin: 0;
}
.upgrades .unchecked span {
  background-position: -16px 0;
}
@media (width <= 768px) {
  .header-btn {
    justify-content: center;
    padding: 15px;
  }
  .header-btn.without-icon {
    background: 0 0;
  }
  .homeSection {
    padding: 50px 0;
  }
  .fga-ddb {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-1 {
    padding: 0 20px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .homeBant-2 {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-3 {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-4 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-5 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-6 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-7 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-8 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-9 {
    padding: 10px 25px;
    width: fit-content;
  }
}
body.light .g-mob-links li a,
body.light .g-mob-links li a i {
  color: var(--color-5);
}
.table.affiliates {
  color: var(--color-4);
}
.table.affiliates td,
.table.affiliates th {
  border-top: 1px solid var(--color-1);
}
.table.affiliates thead tr {
  background: var(--color-6);
}
.table.affiliates thead th {
  border: none;
}
.aff-item {
  background: var(--color-3);
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.aff-item span.aff-bold {
  font-weight: 600;
}
.fab.fa-instagram {
  font-size: 14px;
  padding: 2.4px;
  border-radius: 5px;
  color: #e1306c;
  font-weight: 300;
  margin-right: 10px;
}
.fab.fa-facebook-square {
  background: #207eff;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  border-radius: 5px;
  margin-right: 10px;
}
.fab.fa-youtube {
  background: #ff0042;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-twitter {
  background: #1da1f2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-telegram-plane {
  background: #2b9fd2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-soundcloud {
  background: #ff5836;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-spotify {
  background: #62ffa2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-twitch {
  background: #e600ff;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-pinterest-p {
  background: #ff5858;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fa.fa-music {
  background: #f8004d;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-tiktok {
  background: #f8004d;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fas.fa-globe {
  background: #1a1a1a;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fas.fa-stream {
  background: #ccc;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fs-fav .far.fa-star {
  background: #ff0;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px !important;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fs-other .fas.fa-ellipsis {
  background: var(--color-6);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.dropdown-item {
  white-space: break-spaces;
  font-size: 13px;
  border-bottom: 1px solid var(--color-1);
}
.dropdown-item:last-child {
  border: none;
}
@media (width <= 991.98px) {
  .form-control {
    height: auto;
  }
}
.g-ticon {
  background: 0 0;
  border: none;
}
.modal-description {
  background: rgb(255 255 255 / 5%);
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 20px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow: hidden auto;
  color: var(--color-4);
}
body.light .modal-description {
  background: rgb(0 0 0 / 4%);
  border: 1px solid rgb(0 0 0 / 8%);
  color: #000;
}
.modal-info-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info-grid--stack {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info {
  background: rgb(255 255 255 / 4%);
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 18px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.light .modal-info {
  background: rgb(0 0 0 / 3%);
  border: 1px solid rgb(0 0 0 / 8%);
}
.modal-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 65%);
}
body.light .modal-label {
  color: rgb(0 0 0 / 60%);
}
.modal-value {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-4);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.modal-value--title {
  font-size: 18px;
  font-weight: 700;
}
.modal-emphasis {
  font-weight: 700;
  color: var(--color-4);
}
.modal-extra {
  font-size: 13px;
  color: var(--color-4);
}
.modal-description p {
  margin: 4px 0;
}
.modal-info--wide {
  grid-column: span 2;
}
.modal-info--full {
  grid-column: 1/-1;
}
@media (width <= 576px) {
  .m-header {
    padding: 12px 16px;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
  }
  .modal-head-info {
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
  }
  .modal-chip {
    font-size: 10px;
    padding: 3px 8px;
  }
  .modal-id {
    font-size: 12px;
  }
  .modal-info--wide {
    grid-column: span 1;
  }
  .modal-info--full {
    grid-column: 1/-1;
  }
  .modal-close,
  .modal-copy {
    width: 30px;
    height: 30px;
  }
}
.m-body .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  border-radius: 0;
}
.m-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.005em;
  color: #fff;
  margin-bottom: 0;
}
.m-close:focus {
  box-shadow: 0 0 0 0.25rem rgb(2 88 255 / 20%);
}
@media screen and (width >= 991.98px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.nwo-categories .swiper-wrapper {
  position: relative;
}
.nwo-categories .swiper-wrapper::after,
.nwo-categories .swiper-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.nwo-categories .swiper-wrapper::after {
  left: 0;
  width: 50px;
}
.nwo-categories .swiper-button-next::after,
.nwo-categories .swiper-button-prev::after {
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #fff;
}
.nwo-categories .swiper-button-prev::after {
  content: "\ea64";
}
.nwo-categories .swiper-button-next::after {
  content: "\ea6e";
}
.nwo-cat-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  padding: 15px;
  justify-content: center;
  height: auto;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
}
.nwo-cat-btn.active {
  background: var(--color-6);
  border: 1px solid var(--color-7);
}
.nwo-cat-btn:hover {
  background: var(--color-8);
  border: 1px solid var(--color-7);
}
.nwo-cat-btn.active .g-ticon,
.nwo-cat-btn.active .text {
  color: var(--color-4);
}
.nwo-cat-btn .g-ticon {
  color: var(--color-4);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  flex-shrink: 0;
}
.nwo-cat-btn .text {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: var(--color-4);
}
.progress {
  height: 5px;
}
.progress-bar {
  background-color: var(--color-7);
  min-width: 0 !important;
}
#statusProgress.progress-bar {
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#statusProgress.progress-bar.progress-platin,
#statusProgress.progress-bar[class*="platin"],
#statusProgress.progress-platin,
.progress #statusProgress.progress-bar.progress-platin,
.progress #statusProgress.progress-platin,
.progress .progress-bar.progress-platin,
.progress div#statusProgress.progress-bar.progress-platin,
.progress div#statusProgress.progress-platin,
.progress-bar.progress-platin,
.progress-bar[class*="platin"],
div#statusProgress.progress-bar.progress-platin,
div#statusProgress.progress-platin {
  background: #9d4edd !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}
.progress-percent,
.progress-title {
  font-size: 14px;
}
.progress-next {
  font-size: 12px;
}
.progress-title .primary-color {
  font-weight: 600;
}
.progress-btn .btn {
  font-size: 14px !important;
  padding: 7px 10px;
}
.gc-balance {
  background: 0 0;
  border: none;
  color: var(--color-4);
  font-weight: 600;
  width: 130px;
}
.g-gender {
  text-align: center;
}
.g-gender .g-genderavatar {
  position: relative;
  margin-bottom: 14px;
}
.g-gender .g-fullname {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-4);
  font-weight: 600;
  margin-bottom: 8px;
}
.g-gender .g-email {
  font-size: 14px;
  line-height: 17px;
  color: var(--color-5);
}
.g-switch {
  min-width: 280px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid var(--color-3);
  display: inline-flex;
  padding: 5px;
  position: relative;
  background: 0 0;
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
}
.g-switch:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
  box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}
.g-switch.gender-male .switch-male {
  color: #fff;
}
.g-switch.gender-female .switch-female {
  color: #fff;
}
.g-switch.gender-female .switch-bg {
  left: calc(50% - 5px);
}
.g-switch .switch-bg {
  background: var(--color-6);
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: 50%;
  border-radius: 10px;
  position: absolute;
  -webkit-transition: 0.23s ease;
  transition: 0.23s ease;
}
.g-switch .switch-btn {
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 2;
  height: 44px;
  background: 0 0;
  border: none;
  outline: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.g-switch.gender-female .g-genderavatar.gender-male {
  display: none !important;
}
.user-avatar {
  width: 150px;
}
.profile-toggle.dropdown-toggle {
  background: 0 0;
  border: none;
  outline: 0;
}
.profile-toggle.dropdown-toggle::after {
  display: none !important;
}
.g-mo-logo .user-avatar {
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  height: 50px;
  display: block;
}
.g-genderavatar {
  position: relative;
}
.g-genderavatar .avatar-icon {
  position: absolute;
  background: var(--color-6);
  color: var(--color-4);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  line-height: 1;
  font-size: 12px;
  top: 20px;
  right: -3px;
}
.modal-flex {
  padding: 10px 0;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.modal-flex:not(:first-child) {
  border-top: 1px solid var(--color-2);
}
.mf-title {
  font-size: 13px;
  color: var(--color-5);
}
.mf-text {
  margin-top: 2px;
  line-height: 125%;
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
}
.mf-color {
  color: var(--color-6);
  font-weight: 600;
}
.modal-desc {
  font-size: 13px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow: hidden auto;
}
.codewin-head {
  height: 1.5rem;
  padding: 0 1rem;
  position: relative;
}
.codewin-buttons {
  display: flex;
  bottom: 0;
  right: 0;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
.btn-mac {
  border-radius: 50%;
  height: 0.75rem;
  margin: 0 0.125rem;
  width: 0.75rem;
}
.mac-close {
  background-color: #ff5f56;
}
.mac-mini {
  background-color: #ffbd2e;
}
.mac-full {
  background-color: #27c93f;
}
.bs-toast {
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow:
    0 6px 16px rgb(0 0 0 / 40%),
    0 3px 8px rgb(0 0 0 / 30%);
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: auto;
  max-width: 280px;
  border: 1px solid #fff !important;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  z-index: 999;
  text-align: center;
  animation: toast-slide-in 0.3s ease-out;
}
.bs-toast .bs-toast-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bs-toast .toast-icon {
  font-size: 16px;
  flex-shrink: 0;
  color: #22c55e;
  animation: toast-icon-pulse 2s ease-in-out infinite;
  filter: drop-shadow(0 2px 4px rgb(34 197 94 / 40%));
}
.bs-toast .toast-text {
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.bs-toast .toast-times {
  cursor: pointer;
  border: none;
  outline: 0;
  color: #fff;
  background: 0 0;
}
.op-search-box.g-olink {
  display: flex;
  width: 100%;
}
.g-olink .link {
  display: block;
  width: 100%;
  flex: 1 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
}
.g-order-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.g-order-item .title {
  font-size: 14px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-item .text {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-4);
  line-height: 27px;
  opacity: 1;
}
.g-order-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-4);
  margin-bottom: 0;
}
.g-order-date {
  font-size: 12px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-bottom {
  border-top: 1px solid var(--color-3);
  padding-top: 15px;
  margin-top: 15px;
}
.ms-auto {
  margin-left: auto !important;
}
.g-status {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgb(255 255 255 / 15%);
  border-radius: 15px;
  padding: 10px 34px;
}
@media (width <= 991.98px) {
  .g-status {
    width: auto;
    margin: auto;
  }
  .g-olink .link,
  .g-order-date,
  .g-order-title {
    text-align: center;
  }
}
.g-status.completed {
  background-color: rgb(0 182 122 / 25%);
  border: 1px solid #00b67a;
  color: #00b67a;
}
.g-status.processing {
  background-color: rgb(246 86 25 / 25%);
  border: 1px solid #f65619;
  color: #f65619;
}
.g-status.inprogress {
  background-color: rgb(2 159 255 / 25%);
  border: 1px solid #029fff;
  color: #029fff;
}
.g-status.pending {
  background-color: rgb(251 188 5 / 25%);
  border: 1px solid #fbbc05;
  color: #fbbc05;
}
.g-status.partial {
  background-color: rgb(129 129 129 / 25%);
  border: 1px solid #818181;
  color: #818181;
}
.g-status.cancelled {
  background-color: rgb(255 62 124 / 25%);
  border: 1px solid #ff3e7c;
  color: #ff3e7c;
}
.order-btn {
  background: var(--color-6);
  border: 1px solid var(--color-6);
  border-radius: 5px;
}
.select2-results__option a {
  color: var(--color-4) !important;
  font-size: 13px !important;
  border-bottom: 1px solid var(--color-1) !important;
  padding: 10px !important;
}
.select2-results__option a:hover {
  background: var(--color-1);
  color: var(--color-4) !important;
}
.select2-container--default .select2-results > .select2-results__options,
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--open .select2-dropdown--below {
  background-color: var(--color-2) !important;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  line-height: 24px;
}
.select2-container .badge-secondary {
  background: var(--color-6);
  color: #fff;
}
.g-email i {
  color: var(--color-6);
}
.api-block pre {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-6);
  border-radius: 15px;
  padding: 10px;
}
.api-block .table {
  color: var(--color-4);
}
.api-block .table thead th,
.api-block .table-bordered,
.api-block .table-bordered td,
.api-block .table-bordered th {
  border-color: var(--color-1);
}
.tickets {
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  background: var(--color-1);
  border-radius: 15px;
  padding: 10px 15px;
}
.tickets.new {
  background: var(--color-8);
}
.tickets:hover {
  background: var(--color-8);
  transition: 0.5s all;
}
.tickets .avatar.me-3 {
  margin-right: 15px !important;
}
.tickets .avatar .tickets-img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: var(--color-1);
  color: var(--color-4) !important;
  text-align: center;
  position: relative;
  border: 3px solid var(--color-8);
  box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}
.tickets .avatar .tickets-img span {
  font-size: 24px;
  color: var(--color-6);
}
.tickets h6 {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--color-4);
}
.tickets span {
  color: #71738d;
  font-size: 12px;
}
.tickets .date {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 12px;
  color: #bcc2cf;
}
.g-ticket-status.completed {
  color: #00b67a;
}
.g-ticket-status.pending {
  color: #fbbc05;
}
.g-ticket-status.closed {
  color: #ff3e7c;
}
input.designradio {
  position: absolute;
  z-index: 9999999;
  width: 100px;
  height: 72px;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
}
.ticket .subject_box span i {
  font-size: 24px;
  color: var(--color-6);
}
.ticket-fields {
  padding-top: 20px;
}
.ticket .custom-radio button {
  text-decoration: none;
  border: 1px solid var(--color-1);
  background: 0 0;
  display: inline-block;
  border-radius: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
.ticket .custom-radio button.active {
  border-color: var(--color-6);
}
.ticket .custom-radio button:hover {
  border: 1px solid var(--color-6);
}
.ticket .form-group {
  margin-bottom: 20px;
}
.subject_box {
  margin: auto;
  text-align: center;
  padding: 12px 10px;
}
.subject_box p {
  margin: 0;
  padding-top: 15px;
  color: var(--color-4);
  font-size: 16px;
}
.downBtn {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  padding: 10px 14px;
  transition: transform 0.2s ease-in-out;
}
.downBtn.rotated {
  transform: rotate(180deg);
}
@media (width <= 991.98px) {
  .downBtn {
    margin-top: 15px;
  }
}
.g-chat .g-chat-area ul.chat {
  max-height: 350px;
  min-height: 350px;
  overflow-y: scroll;
  padding-right: 20px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgb(255 255 255 / 20%);
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #fff;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.g-chat .g-chat-area ul.chat li.user {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.g-chat .g-chat-area ul.chat li.user .r .answer {
  background-color: var(--color-8);
  color: var(--color-5);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: end;
}
.g-chat .g-chat-area ul.chat li.user .l span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-3);
  color: var(--color-5);
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.user .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.web .r span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  color: #3d455a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.web .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat {
  padding-left: 0;
}
@media (width <= 991.98px) {
  .mobiledetail {
    display: block !important;
  }
  .g-sitem .s-title {
    width: 100%;
    text-align: left;
  }
  .g-sitem .g-stitle {
    align-items: flex-start;
  }
}
.ticket-message-block {
  display: flex;
}
.ticket-message-block.ticket-message-right {
  justify-content: flex-end;
}
.ticket-message-block.ticket-message-right .ticket-msg-container {
  text-align: right;
}
.ticket-message-block .ticket-msg-container {
  width: 100%;
  max-width: 400px;
}
.ticket-message-block .ticket-msg-container .ticket-msg {
  background: var(--color-8);
  border-radius: 30px;
  padding: 14px 26px;
  display: inline-flex;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: var(--color-5);
}
.ticket-message-block .ticket-msg-container .date-time {
  font-size: 12px;
  line-height: 15px;
  color: #747886;
  margin-bottom: 30px;
  padding: 0 10px;
  display: block;
}
.g-chat-side .g-chat {
  max-height: 553px;
  overflow-y: auto;
  margin: 0 -24px;
  padding: 0 24px;
}
.g-chat-side .g-chat::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-track {
  background: 0 0;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 20%);
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb:hover {
  background: rgb(255 255 255 / 40%);
}
.g-chat-side .schat-input {
  padding-top: 10px;
}
.g-chat-input {
  position: relative;
  display: flex;
  background: var(--color-1);
  border-radius: 0 0 8px 8px;
  height: 70px;
  align-items: center;
}
.g-chat-input input {
  border: none;
  outline: 0;
  background: 0 0;
  flex: 1;
  padding: 0 30px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.g-chat-input input::placeholder {
  color: rgb(255 255 255 / 60%);
}
.g-ticket-box {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 8px;
  padding: 20px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.g-ticket-box + .g-ticket-box {
  margin-top: 14px;
}
.g-ticket-box .title {
  flex: 1;
}
.g-ticket-box .text {
  color: var(--color-6);
}
.gi-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-4);
}
.gi-text {
  color: var(--color-5);
}
.gi-text a {
  color: var(--color-6);
}
.gcard-icon {
  width: 44px;
  height: 44px;
  font-size: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width >= 992px) {
  .gcard-icon {
    width: 82px;
    height: 82px;
    font-size: 40px;
  }
}
.gcard-icon.gi-1 {
  background-color: var(--color-8);
  color: var(--color-6);
}
.nwoNav {
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  margin: 0;
  list-style: none;
  padding: 7px;
  display: flex;
}
.nwoNav .nwoNavLink {
  border: none;
  outline: 0;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  background-color: transparent;
  color: var(--color-4);
  padding: 13px 25px;
  transition: 0.14s ease;
}
.nwoNav .nwoNavLink.active {
  background: var(--color-6);
  color: var(--color-4);
}
.nwoTabs .nwoTab {
  display: none;
}
.nwoTabs .nwoTab.active {
  display: block;
}
@media (width <= 991.98px) {
  .nav-tabs .nav-item,
  .nwoNav .nwoNavLink {
    width: 100%;
  }
  .d-none-imp {
    display: none !important;
  }
}
.sc-sup-item {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  border-radius: 15px;
  padding: 18px 30px;
  display: block;
  width: 100%;
  transition: 0.14s ease;
}
.sc-sup-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.sc-sup-item .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-5);
  margin-bottom: 10px;
}
.sc-sup-item .text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
@media (width >= 992px) {
  .sc-sup-item .text {
    margin-bottom: 0;
  }
}
.sc-sup-item + .sc-sup-item {
  margin-top: 13px;
}
.currency-toggle,
.language-toggle {
  background: 0 0;
  border: none;
  outline: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  font-size: 24px;
  overflow: hidden;
}
.currency-toggle.dropdown-toggle::after,
.language-toggle.dropdown-toggle::after {
  display: none;
}
.currency-drawer {
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 2003;
  background: var(--color-2);
  border-left: 1px solid var(--color-3);
  width: 280px;
  display: flex;
  flex-direction: column;
  transition: 0.14s ease;
}
.currency-drawer .drawer-header {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 80px;
  padding: 0 20px;
  background-color: var(--color-6);
}
.currency-drawer .drawer-header-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-4);
  margin-bottom: 0;
}
.currency-drawer .drawer-header-close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 20px;
  cursor: pointer;
}
.currency-drawer .drawer-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  padding: 10px 20px 40px;
  overflow-y: auto;
}
.currency-item {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  border-radius: 10px;
  padding: 18px 23px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-4);
  transition: 0.14s ease;
}
.currency-item:focus,
.currency-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-4);
}
.currency-item.active {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.gnyFAQs .gnyFtab {
  position: relative;
  cursor: pointer;
  background: 0 0;
  color: var(--color-3);
  padding: 13px 20px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--color-1);
}
.gnyFAQs .gnyFtab .fa-minus {
  display: none;
}
.gnyFAQs .gnyFtab.active {
  background: var(--color-8);
  color: var(--color-4);
  border-radius: 15px;
}
.gnyFAQs .gnyFtab.active .gnyFhead {
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab.active .gnyFhead .right-p {
  color: var(--color-5);
}
.gnyFAQs .gnyFtab.active .fa-minus {
  display: block;
}
.gnyFAQs .gnyFtab.active .fa-plus {
  display: none;
}
.gnyFAQs .gnyFtab .gnyFhead {
  font-size: 16px;
  font-weight: 500;
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab .gnyFhead .right-p {
  color: var(--color-6);
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.gnyFAQs .gnyFtab .gnyFcontent {
  display: none;
  padding-top: 12px;
  color: var(--color-4);
  font-size: 16px;
  line-height: 170%;
  padding-bottom: 8px;
}
.nwo-cat-btn .fab.fa-instagram,
.select2-selection__icon .fab.fa-instagram {
  color: #e1306c;
}
.nwo-cat-btn .fab.fa-facebook-f,
.select2-selection__icon .fab.fa-facebook-f {
  color: #207eff;
}
.nwo-cat-btn .fab.fa-youtube,
.select2-selection__icon .fab.fa-youtube {
  color: #ff0042;
}
.nwo-cat-btn .fab.fa-twitter,
.select2-selection__icon .fab.fa-twitter {
  color: #1da1f2;
}
.nwo-cat-btn .fab.fa-telegram-plane,
.select2-selection__icon .fab.fa-telegram-plane {
  color: #2b9fd2;
}
.nwo-cat-btn .fab.fa-soundcloud,
.select2-selection__icon .fab.fa-soundcloud {
  color: #ff5836;
}
.nwo-cat-btn .fab.fa-spotify,
.select2-selection__icon .fab.fa-spotify {
  color: #62ffa2;
}
.nwo-cat-btn .fab.fa-twitch,
.select2-selection__icon .fab.fa-twitch {
  color: #e600ff;
}
.nwo-cat-btn .fab.fa-tiktok,
.select2-selection__icon .fab.fa-tiktok {
  color: #f8004d;
}
.nwo-cat-btn .fab.fa-discord,
.select2-selection__icon .fab.fa-discord {
  color: #5865f2;
}
.nwo-cat-btn .fab.fa-linkedin-in,
.select2-selection__icon .fab.fa-linkedin-in {
  color: #0077b5;
}
.nwo-cat-btn .fab.fa-reddit-alien,
.select2-selection__icon .fab.fa-reddit-alien {
  color: #ff5700;
}
.nwo-cat-btn .fab.fa-vimeo-v,
.select2-selection__icon .fab.fa-vimeo-v {
  color: #1ab7ea;
}
.nwo-cat-btn .fab.fa-snapchat-ghost,
.select2-selection__icon .fab.fa-snapchat-ghost {
  color: #fffc00;
}
.nwo-cat-btn.active i {
  color: #fff !important;
}
body.stop-body {
  overflow: hidden;
}
body#outside {
  background-color: #161b22;
  width: 100%;
  overflow-x: hidden;
}
.headOut {
  position: fixed;
  top: 0;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px solid #161b22;
  z-index: 1030;
  transition: 0.14s ease;
}
.headOut.fixed {
  background-color: #161b22;
}
.b-menu-wrapper {
  display: block;
  position: fixed;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-radius: 30px 30px 0 0;
  padding: 24px 10px;
  max-height: calc(100vh - 90px);
  transition: 0.14s ease;
  transform: translateY(101%);
  opacity: 0.4;
  background: #161b22;
  z-index: 1055;
}
.b-menu-wrapper.active {
  transform: translateY(0);
  opacity: 1;
}
.b-menu-wrapper .b-menu-close {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #ef4444;
  color: #fff;
  outline: 0;
  border: none;
  font-size: 1.3rem;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  box-shadow: 0 10px 25px rgb(0 43 255 / 25%);
  transition:
    transform 0.15s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}
.b-menu-wrapper.active .b-menu-close {
  display: inline-flex;
}
.b-menu-wrapper.active .b-menu-close:focus,
.b-menu-wrapper.active .b-menu-close:focus-visible,
.b-menu-wrapper.active .b-menu-close:hover {
  background: #dc2626;
  box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
  transform: translateY(-1px) scale(1.05);
}
.b-menu-wrapper.active .b-menu-close:active {
  transform: translateY(0) scale(1);
  box-shadow: inset 0 2px 6px rgb(0 0 0 / 25%);
}
.head-right-btns {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.header-btn {
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 9px 9px 30px;
  overflow: hidden;
  background-color: var(--color-6);
  color: #fff !important;
  text-decoration: none;
  transition: 0.14s ease;
}
.header-btn:hover {
  color: #fff !important;
}
.header-btn.without-icon,
.header-btn.without-icon:focus,
.header-btn.without-icon:hover {
  border: 1px solid var(--color-4) !important;
}
.header-btn:hover .icon::after {
  transform: scale(8);
}
.header-btn .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1004;
}
.header-btn .icon {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header-btn .icon .icon-ri {
  z-index: 1003;
}
.header-btn .icon::after {
  content: "";
  z-index: 1002;
  background: rgb(0 0 0 / 15%);
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s ease;
}
.nmenu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 10px 0 20px;
}
.nmenu .nmenu-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.nmenu .nmenu-item .nmenu-link {
  font-weight: 600;
  font-size: 23px;
  line-height: 125%;
  color: #fff !important;
  opacity: 0.8;
  padding: 7px 20px;
  transition: 0.14s ease;
  text-decoration: none;
  display: inline-block;
  text-align: left;
}
.nmenu .nmenu-item .nmenu-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  opacity: 0;
  background-color: transparent;
}
.nmenu .nmenu-item .nmenu-link:hover {
  opacity: 0.7;
}
.nmenu .nmenu-item .nmenu-link.active::before {
  opacity: 1;
}
.home-logo img {
  height: 50px;
}
.homeHeader {
  padding-top: 86px;
  position: relative;
}
.homeHeader .homeBg {
  position: absolute;
  bottom: -30%;
  left: 0;
  width: 100%;
  height: auto;
  display: inline-block;
  z-index: -1;
}
.homeHeader .homeBg img {
  width: 100%;
  height: auto;
}
#staticBackdrop {
  padding-top: 50px;
}
.homeLogin .btn {
  border-radius: 15px !important;
}
.homeLogin .card .hlTitle {
  background:
    linear-gradient(89.31deg, rgb(170 86 255 / 38%) 4.55%, rgb(255 255 255 / 0%) 69.39%),
    linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
}
.homeLogin .card .form-control,
.homeLogin .card .form-control:focus {
  background: #151b26;
  color: #9b93ce;
}
.homeLogin .card .form-control::placeholder {
  color: #fff;
}
.homeLogin .card .form-check-label,
.homeLogin .card .hlText {
  color: #9b93ce;
}
.homeLogin .card .hlText a {
  color: #8756ff;
}
.login-section .card {
  border-radius: 25px !important;
  background: #0d1117;
  z-index: 10;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: break-word;
  background-clip: border-box;
  padding: 20px 0;
}
.login-section .close-btn {
  background: 0 0;
  border: none;
  outline: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--color-3);
}
.login-section a {
  font-size: 13px;
  color: var(--color-6);
  margin-bottom: 12px;
}
.login-section .btn-primary {
  height: 66px;
  border-radius: 15px !important;
}
.login-remember-me input {
  display: none;
}
.login-remember-me input:checked + .lgn-btn {
  background: var(--color-6);
  border-color: var(--color-6);
  color: #fff;
}
.login-remember-me .lgn-btn {
  height: 30px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #9b93ce;
  transition: 0.2s ease;
  font-size: 16px;
  cursor: pointer;
  margin-right: 15px;
}
.login-remember-me .lgn-btn::before {
  content: "\eae5";
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
}
.lg-icon {
  display: flex;
  width: 34px;
  height: 34px;
  background: rgb(33 82 255 / 15%);
  border: 1px solid #2152ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #9b93ce;
  font-size: 17px;
}
.tooltip-inner {
  background-color: var(--color-6) !important;
  color: #fff;
  border-radius: 10px !important;
}
@media (width >= 992px) {
  .login-row > .col-start {
    flex: 0 0 auto;
    width: 64%;
  }
  .login-row > .col-end {
    flex: 0 0 auto;
    width: 36%;
  }
}
.login-input {
  border: none;
  outline: 0;
  width: 100%;
  background: var(--color-1);
  color: #fff;
  border-radius: 15px;
  height: 66px;
  padding: 0 24px;
  font-weight: 600;
}
.login-input:focus {
  outline: 0;
  background: var(--color-1);
  color: #fff;
}
.login-input::placeholder {
  font-weight: 600;
  color: #757fac;
}
@media (width <= 991.98px) {
  .login-row .btn-primary {
    padding: 23px 16px;
    font-size: 13px;
  }
}
.login-section .card {
  margin: auto;
}
.hhSide {
  width: 100%;
  margin: 6em auto 0;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: center;
}
.homeAnim {
  position: absolute;
  width: 13em;
  height: 13em;
  transition: all 0.2s ease 0s;
  top: 75%;
  left: 0;
  z-index: 1001;
}
.homeAnim2 {
  position: absolute;
  width: 13em;
  height: 13em;
  transition: all 0.2s ease 0s;
  top: 14%;
  left: 83%;
}
.homeText {
  position: absolute;
  top: 15%;
}
.homeText h1 {
  color: #fff;
  font-weight: 800;
  font-size: 36px;
}
.homeText h1 span {
  font-size: 40px;
  color: #fc3735;
  background: linear-gradient(to right, #340fe8, #4e2786, #b81ff5);
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
#social {
  position: fixed;
  right: 40px;
  width: 40px;
  text-align: right;
  height: auto;
  bottom: 0;
  z-index: 999;
}
#social li {
  margin: 15px 5px;
  list-style: none;
  font-size: 15px;
}
#social li a,
#social li a:visited {
  color: var(--color-4);
  padding: 0;
}
#social li a:hover,
#social li a:visited:hover {
  color: var(--color-6);
}
@media only screen and (width <= 991.98px) {
  .b-menu-wrapper .row.row-btn {
    display: unset !important;
  }
  .homeText h1 {
    font-size: 22px;
    text-align: center;
  }
  .homeText h1 span {
    font-size: 26px;
  }
  .homeText {
    top: -60%;
  }
  .headOut {
    padding: 10px;
  }
  #social {
    display: none;
  }
  .homeAnim,
  .homeAnim2 {
    display: none;
  }
  .row-mobile {
    display: block;
  }
}
@media only screen and (width >= 992px) {
  .headOut.fixed {
    background-color: rgb(34 39 55 / 50%) !important;
    backdrop-filter: blur(30px);
  }
  .headOut.fixed .nmenu .nmenu-item .nmenu-link {
    padding: 20px;
  }
  .b-menu-wrapper {
    display: block;
    bottom: inherit;
    background-color: transparent;
    position: relative;
    border-radius: 0;
    padding: 0;
    width: 100%;
    transform: none;
    overflow: inherit;
    opacity: 1 !important;
  }
  .sm-header {
    display: none;
  }
  .b-menu-close {
    display: none;
  }
  .head-right-btns {
    display: inline;
  }
  .header-btn.without-icon {
    background-color: transparent;
    padding: 14px 30px;
  }
  .header-btn.without-icon .icon {
    display: none;
  }
  .nmenu {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    padding: 10px 0 0;
  }
  .nmenu .nmenu-item .nmenu-link {
    padding: 34px 20px;
    display: block;
    font-size: 16px;
  }
  .nmenu .nmenu-item .nmenu-link::before {
    display: block;
    background-color: var(--color-6) !important;
  }
  .homeHeader {
    margin-top: -127px;
    padding-top: 127px;
  }
  .homeHeader .hhSide {
    padding: 200px 0 0;
  }
}
.loginModal {
  background: #161b22;
}
.loginModal .modal-content {
  border-radius: 25px;
}
.homeSection {
  padding: 125px 0;
}
.homeDevices .homeMock {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: -20px;
}
@media (width <= 767.98px) {
  .homeDevices .homeMock {
    justify-content: center;
    align-items: center;
  }
  .homeDevices .homeMock .homeMockList {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.homeDevices .homeMock .homeMockList {
  border: 2px solid rgb(255 255 255 / 12%);
  border-radius: 5px;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}
.homeDevices .homeMock .homeMockList .icon {
  margin-bottom: 15px;
  padding-top: 5px;
}
.homeDevices .homeMock .homeMockList h6 {
  color: rgb(198 201 216 / 75%);
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 300;
}
.homeDevices .homeMock .homeMockList-mobile h6 {
  color: #0f8 !important;
  text-shadow:
    0 0 10px rgb(0 255 136 / 50%),
    0 0 20px rgb(0 255 136 / 30%);
}
.homeDevices .homeMock .homeMockList-tablet h6 {
  color: #fff !important;
  text-shadow:
    0 0 10px rgb(255 255 255 / 50%),
    0 0 20px rgb(255 255 255 / 30%);
}
.homeDevices .homeMock .homeMockList-desktop h6 {
  color: #d946ef !important;
  text-shadow:
    0 0 10px rgb(217 70 239 / 50%),
    0 0 20px rgb(217 70 239 / 30%);
}
.homeDevices .homeMock .homeMockList-mobile .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(100%) saturate(2000%) hue-rotate(93deg) brightness(120%)
    contrast(120%);
  box-shadow:
    0 0 10px rgb(0 255 136 / 60%),
    0 0 20px rgb(0 255 136 / 40%),
    0 0 30px rgb(0 255 136 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
}
.homeDevices .homeMock .homeMockList-tablet .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(100%);
  box-shadow:
    0 0 10px rgb(255 255 255 / 60%),
    0 0 20px rgb(255 255 255 / 40%),
    0 0 30px rgb(255 255 255 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
  opacity: 1 !important;
}
.homeDevices .homeMock .homeMockList-desktop .homeMock-icon-img {
  filter: brightness(0) saturate(100%) invert(60%) sepia(100%) saturate(2000%) hue-rotate(280deg) brightness(150%)
    contrast(150%);
  box-shadow:
    0 0 10px rgb(217 70 239 / 60%),
    0 0 20px rgb(217 70 239 / 40%),
    0 0 30px rgb(217 70 239 / 20%);
  transition:
    filter 0.3s ease,
    box-shadow 0.3s ease;
}
body.light .homeDevices .homeMock .homeMockList-mobile h6 {
  color: #0f8 !important;
  text-shadow:
    0 0 10px rgb(0 255 136 / 50%),
    0 0 20px rgb(0 255 136 / 30%);
}
body.light .homeDevices .homeMock .homeMockList-tablet h6 {
  color: #fff !important;
  text-shadow:
    0 0 10px rgb(255 255 255 / 50%),
    0 0 20px rgb(255 255 255 / 30%);
}
body.light .homeDevices .homeMock .homeMockList-desktop h6 {
  color: #d946ef !important;
  text-shadow:
    0 0 10px rgb(217 70 239 / 50%),
    0 0 20px rgb(217 70 239 / 30%);
}
.sectionText h1 {
  color: #fff;
  font-weight: 600;
  font-size: 36px;
}
.sectionText h1 span.effects {
  font-size: 40px;
  background: linear-gradient(to right, #340fe8, #4e2786, #b81ff5);
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.section-title p {
  color: #8b98b8;
}
.fga-ddb {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.1fr;
  gap: 17.78px;
}
.fga-ddb + .eam3 {
  margin-top: 15px;
}
.homeBant-1 + .eam3 {
  margin-top: 15px;
}
.homeBant-1 {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  gap: 17.78px;
}
.homeBant-2 {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr;
  gap: 17.78px;
}
.homeBant-2 + .eam3 {
  margin-top: 15px;
}
.homeBant-3 {
  display: grid;
  gap: 17.78px;
  -webkit-box-pack: center;
  justify-content: center;
}
.homeBant-3 + .eam3 {
  margin-top: 15px;
}
.homeBant-4 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(1deg);
  justify-content: center;
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-4:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-5 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #340fe8 0.77%, #b81ff5 99.77%);
  border-radius: 10px;
  transform: rotateZ(-1deg);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-5:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.homeBant-6 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #b81ff5 0.77%, #340fe8 99.77%);
  border-radius: 10px;
  transform: rotateZ(-1deg);
  border: 1px solid rgb(0 40 152);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-6:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.homeBant-7 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: linear-gradient(91.04deg, #340fe8 0.77%, #b81ff5 99.77%);
  border-radius: 10px;
  transform: rotateZ(1deg);
  border: 1px solid rgb(0 40 152);
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-7:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-8 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(1deg);
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-8:hover {
  transition: all 0.5s;
  transform: rotateZ(-1deg);
}
.homeBant-9 {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  background: #161b22;
  border-radius: 10px;
  transform: rotateZ(-1deg);
  justify-content: center;
  border: 1px solid #30363d;
  transition: all 0.5s;
  cursor: pointer;
}
.homeBant-9:hover {
  transition: all 0.5s;
  transform: rotateZ(1deg);
}
.EURXs p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.015em;
  color: #fff;
  margin-bottom: 0;
}
.addBalance {
  margin-bottom: 9px;
  margin-top: 0;
  display: flex;
  border-radius: 10px;
  justify-content: space-between;
}
.addBalanceBtn {
  width: 24%;
  background: var(--color-1);
  padding: 15px 16px;
  border-radius: 15px;
  text-align: center;
  border: 1px solid var(--color-3);
  color: var(--color-5);
  font-weight: 600;
}
.addBalanceBtn:focus {
  background: var(--color-8);
  border: 1px solid var(--color-3);
  color: var(--color-4);
}
#footer.footer-bg {
  background: linear-gradient(to top, #161b22, #0d1117);
}
#footer .footer-alt-bg {
  background-color: #0d1117 !important;
}
#footer.footer-bg p {
  color: #fff;
}
#footer .ficons {
  margin: 0;
  padding: 0;
  width: auto;
}
#footer .ficons li {
  display: inline-block;
  margin: -1px 1px 0 0;
  padding: 0;
  border-radius: 100%;
  overflow: visible;
}
#footer .ficons li a {
  transition: all 0.2s ease;
  border-radius: 100%;
  display: block;
  height: 28px;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #333 !important;
  text-decoration: none;
  font-size: 0.8rem;
}
#footer .ficons li:hover a {
  background: #151719;
  color: #fff;
}
#footer .ficons li:hover.ficons-twitter a {
  background: #1aa9e1;
}
#footer .ficons li:hover.ficons-facebook a {
  background: #3b5a9a;
}
#footer .ficons li:hover.ficons-youtube a {
  background: #c3191e;
}
#footer .ficons li:hover.ficons-instagram a {
  background: #e1306c;
}
#footer .ficons.ficons-dark-2 li a {
  background: #0d1117;
}
#footer .ficons.ficons-dark-2 li a i {
  color: #fff;
}
#footer .ficons.ficons-big li a {
  height: 48px;
  line-height: 48px;
  width: 48px;
}
#footer .border-color-light-3 {
  border-color: #161b22 !important;
}
#footer .copyright p {
  color: #fff;
}
.homeScroll {
  width: 30px;
  height: 50px;
  margin-left: -20px;
  bottom: 15px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 90%);
  border-radius: 25px;
  z-index: 100;
}
.homeScroll::before {
  content: "";
  width: 6px;
  height: 6px;
  background: rgb(255 255 255 / 90%);
  margin-left: -3px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
.homeScroll,
.homeScroll::before {
  position: absolute !important;
  left: 50%;
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
}
.colorbox {
  background: var(--color-1);
  border-radius: 25px;
  padding: 4px 10px;
  line-height: 32px;
  height: 42px;
}
.colorbtn {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
}
.btnblack,
body.light .btndark {
  background: var(--color-1);
  padding: 5px;
  line-height: 1;
  border: 0;
  color: var(--color-4);
}
.btnblack,
body.dark .btnlight {
  background: var(--color-1);
  padding: 5px;
  line-height: 1;
  border: 0;
  color: #fff;
}
.btndark {
  background: var(--color-6);
  padding: 5px;
  line-height: 1;
  border: 0;
  border-radius: 25px;
}
body.light .btnlight {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
  border: 0;
}
.btnlight {
  background: var(--color-1);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
  border: 0;
  color: #fff;
}
body.dark .btndark {
  background: var(--color-6);
  border-radius: 25px;
  padding: 5px;
  line-height: 1;
}
body.light .g-dash-header {
  background: #f2f2f291;
}
body.light .gcard-2.gcard-shadow h2 {
  color: var(--color-4);
}
body.dark .gcard-2.gcard-shadow h2 {
  color: var(--color-4);
}
body.light .g-menu-list .g-menu-link.active {
  background: linear-gradient(to right, #f4f6f8 0, #fff 100%);
  border: 1px solid #eee;
}
body.light .g-nav li a.active {
  color: var(--color-5);
}
body.light .g-userast {
  margin-top: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
}
body.light .mf-title {
  color: var(--color-4);
}
body.light .g-sitem .btn-favorite {
  color: #acacac;
}
body.light .g-sitem .btn-favorite.active {
  color: var(--color-5);
}
body.light .addBalanceBtn {
  color: var(--color-4);
}
body.light .nwoNav .nwoNavLink.active {
  color: var(--color-5);
}
body.light .sc-sup-item .title {
  color: var(--color-4);
}
body.light .gi-text {
  color: var(--color-4);
}
body.light ::placeholder {
  color: var(--color-4);
}
body.light .g-chat .g-chat-area ul.chat li.user .l span.avatar,
body.light .g-chat .g-chat-area ul.chat li.user .r .answer {
  color: var(--color-4);
}
body.light .g-chat .g-chat-area ul.chat li.web .l .answer {
  color: var(--color-5);
}
body.light .gcard-header::before {
  background: #f5f5f525;
}
body.light .g-gender .g-email {
  color: var(--color-4);
}
body.light .gcard {
  box-shadow: none;
}
body.light .g-menu-list .g-menu-link.active:hover {
  color: var(--color-4) !important;
}
.g-menu-list .g-menu-link.active:focus {
  border: 1px solid var(--color-3) !important;
}
body.light .nwo-cat-btn.active .g-ticon,
body.light .nwo-cat-btn.active .text {
  color: var(--color-5);
}
body.out .modal-content {
  background: 0 0 !important;
  border: none !important;
}
label.logform {
  color: #fff;
}
.gnyBlog {
  margin-bottom: 30px;
}
.gnyBlog .blog-img-wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 48%;
}
.gnyBlog .blog-img-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.gnyBlog .blog-title {
  padding: 34px 0 26px;
}
.gnyBlog .blog-title h2 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #0ea5e9 !important;
}
.gnyBlog .blog-content {
  padding: 30px 0;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-4);
}
.gnyBlog .blog-footer {
  padding: 20px 0 0;
  color: var(--color-4);
}
.gnyBlog .blog-read-more {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.02em;
  color: var(--color-4);
  display: flex;
  align-items: center;
}
.gnyBlog .blog-read-more:hover {
  color: var(--color-6);
}
.gnyBlog .blog-read-more i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gnyBlog .blog-read-more span {
  font-weight: 600;
}
.blog-border {
  position: relative;
}
.blog-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--color-1);
}
.gnyBlogWr {
  display: flex;
  gap: 10px;
}
.gnyBlogBtn {
  background: var(--color-1);
  border: 1px solid var(--color-2);
  box-sizing: border-box;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  transition: 0.14s ease;
}
.gnyBlogBtn i {
  transition: 0.14s ease;
}
.gnyBlogBtn:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}
.gnyBlogBtn:hover {
  color: var(--color-6);
}
.gnyBlogBtn:hover i {
  transform: scale(1.2);
}
.gnyTos .nav-item.nav-link.active {
  background-color: var(--color-6);
  color: var(--color-4);
}
.gnyTos .nav-item.nav-link {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  text-align: center;
  position: relative;
  line-height: 30px;
  font-size: 16px;
  min-width: 200px;
  font-weight: 600;
  padding: 18px 23px;
  margin-bottom: 20px;
  background-color: var(--color-1);
  color: var(--color-4);
  border-radius: 15px;
}
.gnyTos .nav-item {
  display: inline-block;
}
@media screen and (width >= 991.98px) {
  .gnyTos .nav-item.nav-link {
    margin-right: 15px;
  }
}
@media screen and (width <= 991.98px) {
  .gnyTos .nav-item.nav-link {
    width: 100%;
  }
  .homeScroll {
    display: none;
  }
  .dropdown-toggle {
    width: 100%;
  }
}
.regArea {
  padding: 125px 0;
}
.sectionText {
  position: relative;
}
.sectionText .underline {
  position: relative;
  color: var(--color-6);
}
.sectionText .underline::after {
  content: "";
  position: absolute;
  background-color: var(--color-8);
  border-radius: 0.375rem;
  left: 0;
  height: 0.75rem;
  width: 100%;
  bottom: 0.15rem;
}
.regRight {
  background-color: var(--color-2);
  border-radius: 10px;
  position: relative;
  padding: 40px 25px;
  overflow: hidden;
}
.regRight .regSteps ul li {
  background: var(--color-1);
  -webkit-box-shadow: 0 110.121px 88.0972px rgb(0 0 0 / 3%);
  box-shadow: 0 110.121px 88.0972px rgb(0 0 0 / 3%);
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  border-radius: 10px;
  padding: 20px;
  position: relative;
  z-index: 6;
}
.regRight .regSteps .shape ul li {
  position: absolute;
}
.regRight .regSteps .shape ul li:first-child {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: var(--color-6);
  top: -88px;
  left: -103px;
  z-index: 3;
}
.regRight .regSteps .shape ul li:nth-child(2) {
  width: 195px;
  height: 195px;
  border-radius: 50%;
  background: var(--color-7);
  z-index: 3;
  left: -100px;
  bottom: -90px;
}
.regRight .regSteps .shape ul li:nth-child(3) {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: var(--color-8);
  z-index: 3;
  right: -122px;
  top: 39%;
}
.regRight .regSteps h6 {
  font-weight: 600;
}
.regRight .regSteps p {
  color: var(--color-5);
  font-size: 14px;
}
.upgrades {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (width <= 639.98px) {
  .upgrades ul {
    display: flex;
    top: 0;
    z-index: 10;
    padding-bottom: 14px;
    padding-left: 0;
  }
  .upgrades li {
    list-style: none;
    flex: 1;
  }
}
body:not(.light) .upgrades button {
  width: 100%;
  border: 1px solid var(--color-3);
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: var(--color-1);
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  color: var(--color-4);
}
body.light .upgrades button,
body.light .upgrades ul li button,
body.light .upgrades ul li.active button {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
}
body:not(.light) .upgrades li.active button {
  background: var(--color-6);
  color: var(--color-1);
}
.upgrades button {
  width: 100%;
  border: 1px solid var(--color-3);
  border-right: 0;
  border-top: 0;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  color: var(--color-4);
}
.upgrades table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
body:not(.light) .upgrades th {
  background: var(--color-1);
  display: none;
}
body.light .upgrades th {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
}
.upgrades th {
  display: none;
}
.upgrades td,
.upgrades th {
  height: 53px;
}
.upgrades td,
.upgrades th {
  border: 1px solid var(--color-3);
  padding: 10px;
  empty-cells: show;
}
.upgrades td,
.upgrades th {
  text-align: left;
}
.upgrades td + td,
.upgrades th + th {
  text-align: center;
  display: none;
}
.upgrades td.default {
  display: table-cell;
}
.upgrades td {
  position: relative;
}
.upgrades .hide {
  border: 0;
  background: 0 0;
}
@media (width >= 640px) {
  .upgrades ul {
    display: none !important;
  }
  #userranksid .upgrades ul,
  #userranksid[data-state="visible"] .upgrades ul,
  .upgrades ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .upgrades td,
  .upgrades th {
    display: table-cell !important;
  }
  .upgrades td,
  .upgrades th {
    width: 330px;
  }
  .upgrades td + td,
  .upgrades th + th {
    width: auto;
  }
}
.upgrades td.checked,
.upgrades td.unchecked {
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.upgrades .checked span,
.upgrades .unchecked span {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 16px;
  margin: 0;
}
.upgrades .unchecked span {
  background-position: -16px 0;
}
@media (width <= 768px) {
  .header-btn {
    justify-content: center;
    padding: 15px;
  }
  .header-btn.without-icon {
    background: 0 0;
  }
  .homeSection {
    padding: 50px 0;
  }
  .fga-ddb {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-1 {
    padding: 0 20px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .homeBant-2 {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-3 {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
  }
  .homeBant-4 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-5 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-6 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-7 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-8 {
    padding: 10px 25px;
    width: fit-content;
  }
  .homeBant-9 {
    padding: 10px 25px;
    width: fit-content;
  }
}
body.light .g-mob-links li a,
body.light .g-mob-links li a i {
  color: var(--color-5);
}
.table.affiliates {
  color: var(--color-4);
}
.table.affiliates td,
.table.affiliates th {
  border-top: 1px solid var(--color-1);
}
.table.affiliates thead tr {
  background: var(--color-6);
}
.table.affiliates thead th {
  border: none;
}
.aff-item {
  background: var(--color-3);
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.aff-item span.aff-bold {
  font-weight: 600;
}
.fab.fa-instagram {
  font-size: 14px;
  padding: 2.4px;
  border-radius: 5px;
  color: #e1306c;
  font-weight: 300;
  margin-right: 10px;
}
.fab.fa-facebook-square {
  background: #207eff;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  border-radius: 5px;
  margin-right: 10px;
}
.fab.fa-youtube {
  background: #ff0042;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-twitter {
  background: #1da1f2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-telegram-plane {
  background: #2b9fd2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-soundcloud {
  background: #ff5836;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-spotify {
  background: #62ffa2;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-twitch {
  background: #e600ff;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-pinterest-p {
  background: #ff5858;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fa.fa-music {
  background: #f8004d;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fab.fa-tiktok {
  background: #f8004d;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fas.fa-globe {
  background: #1a1a1a;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fas.fa-stream {
  background: #ccc;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fs-fav .far.fa-star {
  background: #ff0;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 18px !important;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.fs-other .fas.fa-ellipsis {
  background: var(--color-6);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 17px;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-right: 10px;
}
.dropdown-item {
  white-space: break-spaces;
  font-size: 13px;
  border-bottom: 1px solid var(--color-1);
}
.dropdown-item:last-child {
  border: none;
}
@media (width <= 991.98px) {
  .form-control {
    height: auto;
  }
}
.g-ticon {
  background: 0 0;
  border: none;
}
.modal-description {
  background: rgb(255 255 255 / 5%);
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 20px;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow-x: hidden;
  color: var(--color-4);
}
body.light .modal-description {
  background: rgb(0 0 0 / 4%);
  border: 1px solid rgb(0 0 0 / 8%);
  color: #000;
}
.modal-info-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info-grid--stack {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.modal-info {
  background: rgb(255 255 255 / 4%);
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 18px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.light .modal-info {
  background: rgb(0 0 0 / 3%);
  border: 1px solid rgb(0 0 0 / 8%);
}
.modal-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 65%);
}
body.light .modal-label {
  color: rgb(0 0 0 / 60%);
}
.modal-value {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-4);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.modal-value--title {
  font-size: 18px;
  font-weight: 700;
}
.modal-emphasis {
  font-weight: 700;
  color: var(--color-4);
}
.modal-extra {
  font-size: 13px;
  color: var(--color-4);
}
.modal-description p {
  margin: 4px 0;
}
.modal-info--wide {
  grid-column: span 2;
}
.modal-info--full {
  grid-column: 1/-1;
}
@media (width <= 576px) {
  .m-header {
    padding: 12px 16px;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
  }
  .modal-head-info {
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
  }
  .modal-chip {
    font-size: 10px;
    padding: 3px 8px;
  }
  .modal-id {
    font-size: 12px;
  }
  .modal-info--wide {
    grid-column: span 1;
  }
  .modal-info--full {
    grid-column: 1/-1;
  }
  .modal-close,
  .modal-copy {
    width: 30px;
    height: 30px;
  }
}
.m-body .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  border-radius: 0;
}
.m-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.005em;
  color: #fff;
  margin-bottom: 0;
}
.m-close:focus {
  box-shadow: 0 0 0 0.25rem rgb(2 88 255 / 20%);
}
@media screen and (width >= 991.98px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.nwo-categories .swiper-wrapper {
  position: relative;
}
.nwo-categories .swiper-wrapper::after,
.nwo-categories .swiper-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.nwo-categories .swiper-wrapper::before {
  left: 0;
  width: 50px;
}
.nwo-categories .swiper-wrapper::after {
  left: 0;
  width: 50px;
}
.nwo-categories .swiper-button-next::after,
.nwo-categories .swiper-button-prev::after {
  font-family: remixicon, sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #fff;
}
.nwo-categories .swiper-button-prev::after {
  content: "\ea64";
}
.nwo-categories .swiper-button-next::after {
  content: "\ea6e";
}
.nwo-cat-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  padding: 15px;
  justify-content: center;
  height: auto;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
}
.nwo-cat-btn.active {
  background: var(--color-6);
  border: 1px solid var(--color-7);
}
.nwo-cat-btn:hover {
  background: var(--color-8);
  border: 1px solid var(--color-7);
}
.nwo-cat-btn.active .g-ticon,
.nwo-cat-btn.active .text {
  color: var(--color-4);
}
.nwo-cat-btn .g-ticon {
  color: var(--color-4);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  flex-shrink: 0;
}
.nwo-cat-btn .text {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: var(--color-4);
}
.progress {
  height: 5px;
}
.progress-bar {
  background-color: var(--color-7);
  min-width: 0 !important;
}
#statusProgress.progress-bar {
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#statusProgress.progress-bar.progress-platin,
#statusProgress.progress-bar[class*="platin"],
#statusProgress.progress-platin,
.progress #statusProgress.progress-bar.progress-platin,
.progress #statusProgress.progress-platin,
.progress .progress-bar.progress-platin,
.progress div#statusProgress.progress-bar.progress-platin,
.progress div#statusProgress.progress-platin,
.progress-bar.progress-platin,
.progress-bar[class*="platin"],
div#statusProgress.progress-bar.progress-platin,
div#statusProgress.progress-platin {
  background: #9d4edd !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}
.progress-percent,
.progress-title {
  font-size: 14px;
}
.progress-next {
  font-size: 12px;
}
.progress-title .primary-color {
  font-weight: 600;
}
.progress-btn .btn {
  font-size: 14px !important;
  padding: 7px 10px;
}
.gc-balance {
  background: 0 0;
  border: none;
  color: var(--color-4);
  font-weight: 600;
  width: 130px;
}
.g-gender {
  text-align: center;
}
.g-gender .g-genderavatar {
  position: relative;
  margin-bottom: 14px;
}
.g-gender .g-fullname {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-4);
  font-weight: 600;
  margin-bottom: 8px;
}
.g-gender .g-email {
  font-size: 14px;
  line-height: 17px;
  color: var(--color-5);
}
.g-switch {
  min-width: 280px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid var(--color-3);
  display: inline-flex;
  padding: 5px;
  position: relative;
  background: 0 0;
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
}
.g-switch:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
  box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}
.g-switch.gender-male .switch-male {
  color: #fff;
}
.g-switch.gender-female .switch-female {
  color: #fff;
}
.g-switch.gender-female .switch-bg {
  left: calc(50% - 5px);
}
.g-switch .switch-bg {
  background: var(--color-6);
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: 50%;
  border-radius: 10px;
  position: absolute;
  -webkit-transition: 0.23s ease;
  transition: 0.23s ease;
}
.g-switch .switch-btn {
  -webkit-transition: 0.14s ease;
  transition: 0.14s ease;
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 2;
  height: 44px;
  background: 0 0;
  border: none;
  outline: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-4);
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.g-switch.gender-female .g-genderavatar.gender-male {
  display: none !important;
}
.user-avatar {
  width: 150px;
}
.profile-toggle.dropdown-toggle {
  background: 0 0;
  border: none;
  outline: 0;
}
.profile-toggle.dropdown-toggle::after {
  display: none !important;
}
.g-mo-logo .user-avatar {
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  height: 50px;
  display: block;
}
.g-genderavatar {
  position: relative;
}
.g-genderavatar .avatar-icon {
  position: absolute;
  background: var(--color-6);
  color: var(--color-4);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  line-height: 1;
  font-size: 12px;
  top: 20px;
  right: -3px;
}
.modal-flex {
  padding: 10px 0;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
}
.modal-flex:not(:first-child) {
  border-top: 1px solid var(--color-2);
}
.mf-title {
  font-size: 13px;
  color: var(--color-5);
}
.mf-text {
  margin-top: 2px;
  line-height: 125%;
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
}
.mf-color {
  color: var(--color-6);
  font-weight: 600;
}
.modal-desc {
  font-size: 13px;
  line-height: 18px;
  max-height: none;
  min-height: auto;
  overflow: hidden auto;
}
.codewin-head {
  height: 1.5rem;
  padding: 0 1rem;
  position: relative;
}
.codewin-buttons {
  display: flex;
  bottom: 0;
  right: 0;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
.btn-mac {
  border-radius: 50%;
  height: 0.75rem;
  margin: 0 0.125rem;
  width: 0.75rem;
}
.mac-close {
  background-color: #ff5f56;
}
.mac-mini {
  background-color: #ffbd2e;
}
.mac-full {
  background-color: #27c93f;
}
.bs-toast {
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow:
    0 6px 16px rgb(0 0 0 / 40%),
    0 3px 8px rgb(0 0 0 / 30%);
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: auto;
  max-width: 280px;
  border: 1px solid #fff !important;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  z-index: 999;
  text-align: center;
  animation: toast-slide-in 0.3s ease-out;
}
.bs-toast .bs-toast-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bs-toast .toast-icon {
  font-size: 16px;
  flex-shrink: 0;
  color: #22c55e;
  animation: toast-icon-pulse 2s ease-in-out infinite;
  filter: drop-shadow(0 2px 4px rgb(34 197 94 / 40%));
}
.bs-toast .toast-text {
  flex-grow: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.bs-toast .toast-times {
  cursor: pointer;
  border: none;
  outline: 0;
  color: #fff;
  background: 0 0;
}
.op-search-box.g-olink {
  display: flex;
  width: 100%;
}
.g-olink .link {
  display: block;
  width: 100%;
  flex: 1 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
}
.g-order-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.g-order-item .title {
  font-size: 14px;
  line-height: 18px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-item .text {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-4);
  line-height: 27px;
  opacity: 1;
}
.g-order-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-4);
  margin-bottom: 0;
}
.g-order-date {
  font-size: 12px;
  color: var(--color-4);
  opacity: 1;
}
.g-order-bottom {
  border-top: 1px solid var(--color-3);
  padding-top: 15px;
  margin-top: 15px;
}
.ms-auto {
  margin-left: auto !important;
}
.g-status {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgb(255 255 255 / 15%);
  border-radius: 15px;
  padding: 10px 34px;
}
@media (width <= 991.98px) {
  .g-status {
    width: auto;
    margin: auto;
  }
  .g-olink .link,
  .g-order-date,
  .g-order-title {
    text-align: center;
  }
}
.g-status.completed {
  background-color: rgb(0 182 122 / 25%);
  border: 1px solid #00b67a;
  color: #00b67a;
}
.g-status.processing {
  background-color: rgb(246 86 25 / 25%);
  border: 1px solid #f65619;
  color: #f65619;
}
.g-status.inprogress {
  background-color: rgb(2 159 255 / 25%);
  border: 1px solid #029fff;
  color: #029fff;
}
.g-status.pending {
  background-color: rgb(251 188 5 / 25%);
  border: 1px solid #fbbc05;
  color: #fbbc05;
}
.g-status.partial {
  background-color: rgb(129 129 129 / 25%);
  border: 1px solid #818181;
  color: #818181;
}
.g-status.cancelled {
  background-color: rgb(255 62 124 / 25%);
  border: 1px solid #ff3e7c;
  color: #ff3e7c;
}
.order-btn {
  background: var(--color-6);
  border: 1px solid var(--color-6);
  border-radius: 5px;
}
.select2-results__option a {
  color: var(--color-4) !important;
  font-size: 13px !important;
  border-bottom: 1px solid var(--color-1) !important;
  padding: 10px !important;
}
.select2-results__option a:hover {
  background: var(--color-1);
  color: var(--color-4) !important;
}
.select2-container--default .select2-results > .select2-results__options,
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--open .select2-dropdown--below {
  background-color: var(--color-2) !important;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  line-height: 24px;
}
.select2-container .badge-secondary {
  background: var(--color-6);
  color: #fff;
}
.g-email i {
  color: var(--color-6);
}
.api-block pre {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-6);
  border-radius: 15px;
  padding: 10px;
}
.api-block .table {
  color: var(--color-4);
}
.api-block .table thead th,
.api-block .table-bordered,
.api-block .table-bordered td,
.api-block .table-bordered th {
  border-color: var(--color-1);
}
.tickets {
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  background: var(--color-1);
  border-radius: 15px;
  padding: 10px 15px;
}
.tickets.new {
  background: var(--color-8);
}
.tickets:hover {
  background: var(--color-8);
  transition: 0.5s all;
}
.tickets .avatar.me-3 {
  margin-right: 15px !important;
}
.tickets .avatar .tickets-img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: var(--color-1);
  color: var(--color-4) !important;
  text-align: center;
  position: relative;
  border: 3px solid var(--color-8);
  box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}
.tickets .avatar .tickets-img span {
  font-size: 24px;
  color: var(--color-6);
}
.tickets h6 {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--color-4);
}
.tickets span {
  color: #71738d;
  font-size: 12px;
}
.tickets .date {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 12px;
  color: #bcc2cf;
}
.g-ticket-status.completed {
  color: #00b67a;
}
.g-ticket-status.pending {
  color: #fbbc05;
}
.g-ticket-status.closed {
  color: #ff3e7c;
}
input.designradio {
  position: absolute;
  z-index: 9999999;
  width: 100px;
  height: 72px;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
}
.ticket .subject_box span i {
  font-size: 24px;
  color: var(--color-6);
}
.ticket-fields {
  padding-top: 20px;
}
.ticket .custom-radio button {
  text-decoration: none;
  border: 1px solid var(--color-1);
  background: 0 0;
  display: inline-block;
  border-radius: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
.ticket .custom-radio button.active {
  border-color: var(--color-6);
}
.ticket .custom-radio button:hover {
  border: 1px solid var(--color-6);
}
.ticket .form-group {
  margin-bottom: 20px;
}
.subject_box {
  margin: auto;
  text-align: center;
  padding: 12px 10px;
}
.subject_box p {
  margin: 0;
  padding-top: 15px;
  color: var(--color-4);
  font-size: 16px;
}
.downBtn {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  padding: 10px 14px;
  transition: transform 0.2s ease-in-out;
}
.downBtn.rotated {
  transform: rotate(180deg);
}
@media (width <= 991.98px) {
  .downBtn {
    margin-top: 15px;
  }
}
.g-chat .g-chat-area ul.chat {
  max-height: 350px;
  min-height: 350px;
  overflow-y: scroll;
  padding-right: 20px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar {
  width: 5px;
  border-radius: 2px;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgb(255 255 255 / 20%);
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #fff;
}
.g-chat .g-chat-area ul.chat::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.g-chat .g-chat-area ul.chat li.user {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.g-chat .g-chat-area ul.chat li.user .r {
  text-align: end;
  margin-right: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r .answer {
  background-color: var(--color-8);
  color: var(--color-5);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.user .r small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: end;
}
.g-chat .g-chat-area ul.chat li.user .l {
  min-width: 100px;
  max-width: 100px;
}
.g-chat .g-chat-area ul.chat li.user .l span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-3);
  color: var(--color-5);
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.user .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.user .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat li.web {
  display: flex;
  align-items: start;
  justify-content: end;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l {
  text-align: start;
  margin-left: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l .answer {
  background-color: var(--color-6);
  color: var(--color-4);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  margin-bottom: 10px;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: start;
}
.g-chat .g-chat-area ul.chat li.web .r {
  min-width: 100px;
  max-width: 100px;
}
.g-chat .g-chat-area ul.chat li.web .r span.avatar {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  color: #3d455a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  text-transform: uppercase;
}
.g-chat .g-chat-area ul.chat li.web .l .name {
  margin-top: 8px;
  color: #dadada;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
}
.g-chat .g-chat-area ul.chat li.web .l small {
  color: #afbbc6;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
}
.g-chat .g-chat-area ul.chat {
  padding-left: 0;
}
@media (width <= 991.98px) {
  .mobiledetail {
    display: block !important;
  }
  .g-sitem .s-title {
    width: 100%;
    text-align: left;
  }
  .g-sitem .g-stitle {
    align-items: flex-start;
  }
}
.ticket-message-block {
  display: flex;
}
.ticket-message-block.ticket-message-right {
  justify-content: flex-end;
}
.ticket-message-block.ticket-message-right .ticket-msg-container {
  text-align: right;
}
.ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg {
  background: var(--color-6);
  border-radius: 20px 20px 0;
}
.ticket-message-block .ticket-msg-container {
  width: 100%;
  max-width: 400px;
}
.ticket-message-block .ticket-msg-container .ticket-msg {
  background: var(--color-8);
  border-radius: 30px;
  padding: 14px 26px;
  display: inline-flex;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: var(--color-5);
}
.ticket-message-block .ticket-msg-container .date-time {
  font-size: 12px;
  line-height: 15px;
  color: #747886;
  margin-bottom: 30px;
  padding: 0 10px;
  display: block;
}
.g-chat-side .g-chat {
  max-height: 553px;
  overflow-y: auto;
  margin: 0 -24px;
  padding: 0 24px;
}
.g-chat-side .g-chat::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-track {
  background: 0 0;
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb {
  background: rgb(255 255 255 / 20%);
  border-radius: 3px;
}
.g-chat-side .g-chat::-webkit-scrollbar-thumb:hover {
  background: rgb(255 255 255 / 40%);
}
.g-chat-side .schat-input {
  padding-top: 10px;
}
.g-chat-input {
  position: relative;
  display: flex;
  background: var(--color-1);
  border-radius: 0 0 8px 8px;
  height: 70px;
  align-items: center;
}
.g-chat-input input {
  border: none;
  outline: 0;
  background: 0 0;
  flex: 1;
  padding: 0 30px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.g-chat-input input::placeholder {
  color: rgb(255 255 255 / 60%);
}
.g-ticket-box {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: 8px;
  padding: 20px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.g-ticket-box + .g-ticket-box {
  margin-top: 14px;
}
.g-ticket-box .title {
  flex: 1;
}
.g-ticket-box .text {
  color: var(--color-6);
}
.gi-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-4);
}
.gi-text {
  color: var(--color-5);
}
.gi-text a {
  color: var(--color-6);
}
.gcard-icon {
  width: 44px;
  height: 44px;
  font-size: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width >= 992px) {
  .gcard-icon {
    width: 82px;
    height: 82px;
    font-size: 40px;
  }
}
.gcard-icon.gi-1 {
  background-color: var(--color-8);
  color: var(--color-6);
}
.nwoNav {
  background: var(--color-2);
  border: 1px solid var(--color-1);
  border-radius: 15px;
  margin: 0;
  list-style: none;
  padding: 7px;
  display: flex;
}
.nwoNav .nwoNavLink {
  border: none;
  outline: 0;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  background-color: transparent;
  color: var(--color-4);
  padding: 13px 25px;
  transition: 0.14s ease;
}
.nwoNav .nwoNavLink.active {
  background: var(--color-6);
  color: var(--color-4);
}
.nwoTabs .nwoTab {
  display: none;
}
.nwoTabs .nwoTab.active {
  display: block;
}
@media (width <= 991.98px) {
  .nav-tabs .nav-item,
  .nwoNav .nwoNavLink {
    width: 100%;
  }
  .d-none-imp {
    display: none !important;
  }
}
.sc-sup-item {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  box-sizing: border-box;
  border-radius: 15px;
  padding: 18px 30px;
  display: block;
  width: 100%;
  transition: 0.14s ease;
}
.sc-sup-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.sc-sup-item .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-5);
  margin-bottom: 10px;
}
.sc-sup-item .text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
@media (width >= 992px) {
  .sc-sup-item .text {
    margin-bottom: 0;
  }
}
.sc-sup-item + .sc-sup-item {
  margin-top: 13px;
}
.currency-toggle,
.language-toggle {
  background: 0 0;
  border: none;
  outline: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-4);
  font-size: 24px;
  overflow: hidden;
}
.currency-toggle.dropdown-toggle::after,
.language-toggle.dropdown-toggle::after {
  display: none;
}
.currency-drawer {
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 2003;
  background: var(--color-2);
  border-left: 1px solid var(--color-3);
  width: 280px;
  display: flex;
  flex-direction: column;
  transition: 0.14s ease;
}
.currency-drawer .drawer-header {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 80px;
  padding: 0 20px;
  background-color: var(--color-6);
}
.currency-drawer .drawer-header-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-4);
  margin-bottom: 0;
}
.currency-drawer .drawer-header-close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 20px;
  cursor: pointer;
}
.currency-drawer .drawer-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  padding: 10px 20px 40px;
  overflow-y: auto;
}
.currency-item {
  background: var(--color-3);
  border: 1px solid var(--color-1);
  border-radius: 10px;
  padding: 18px 23px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-4);
  transition: 0.14s ease;
}
.currency-item:focus,
.currency-item:hover {
  background: var(--color-8);
  border: 1px solid var(--color-6);
  color: var(--color-4);
}
.currency-item.active {
  background: var(--color-8);
  border: 1px solid var(--color-6);
}
.gnyFAQs .gnyFtab {
  position: relative;
  cursor: pointer;
  background: 0 0;
  color: var(--color-3);
  padding: 13px 20px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--color-1);
}
.gnyFAQs .gnyFtab .fa-minus {
  display: none;
}
.gnyFAQs .gnyFtab.active {
  background: var(--color-8);
  color: var(--color-4);
  border-radius: 15px;
}
.gnyFAQs .gnyFtab.active .gnyFhead {
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab.active .gnyFhead .right-p {
  color: var(--color-5);
}
.gnyFAQs .gnyFtab.active .fa-minus {
  display: block;
}
.gnyFAQs .gnyFtab.active .fa-plus {
  display: none;
}
.gnyFAQs .gnyFtab .gnyFhead {
  font-size: 16px;
  font-weight: 500;
  color: #0ea5e9 !important;
}
.gnyFAQs .gnyFtab .gnyFhead .right-p {
  color: var(--color-6);
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.gnyFAQs .gnyFtab .gnyFcontent {
  display: none;
  padding-top: 12px;
  color: var(--color-4);
  font-size: 16px;
  line-height: 170%;
  padding-bottom: 8px;
}
.nwo-cat-btn .fab.fa-instagram,
.select2-selection__icon .fab.fa-instagram {
  color: #e1306c;
}
.nwo-cat-btn .fab.fa-facebook-f,
.select2-selection__icon .fab.fa-facebook-f {
  color: #207eff;
}
.nwo-cat-btn .fab.fa-youtube,
.select2-selection__icon .fab.fa-youtube {
  color: #ff0042;
}
.nwo-cat-btn .fab.fa-twitter,
.select2-selection__icon .fab.fa-twitter {
  color: #1da1f2;
}
.nwo-cat-btn .fab.fa-telegram-plane,
.select2-selection__icon .fab.fa-telegram-plane {
  color: #2b9fd2;
}
.nwo-cat-btn .fab.fa-soundcloud,
.select2-selection__icon .fab.fa-soundcloud {
  color: #ff5836;
}
.nwo-cat-btn .fab.fa-spotify,
.select2-selection__icon .fab.fa-spotify {
  color: #62ffa2;
}
.nwo-cat-btn .fab.fa-twitch,
.select2-selection__icon .fab.fa-twitch {
  color: #e600ff;
}
.nwo-cat-btn .fab.fa-tiktok,
.select2-selection__icon .fab.fa-tiktok {
  color: #f8004d;
}
.nwo-cat-btn .fab.fa-discord,
.select2-selection__icon .fab.fa-discord {
  color: #5865f2;
}
.nwo-cat-btn .fab.fa-linkedin-in,
.select2-selection__icon .fab.fa-linkedin-in {
  color: #0077b5;
}
.nwo-cat-btn .fab.fa-reddit-alien,
.select2-selection__icon .fab.fa-reddit-alien {
  color: #ff5700;
}
.nwo-cat-btn .fab.fa-vimeo-v,
.select2-selection__icon .fab.fa-vimeo-v {
  color: #1ab7ea;
}
.nwo-cat-btn .fab.fa-snapchat-ghost,
.select2-selection__icon .fab.fa-snapchat-ghost {
  color: #fffc00;
}
.nwo-cat-btn.active i {
  color: #fff !important;
}
body.stop-body {
  overflow: hidden;
}
body#outside {
  background-color: #161b22;
  width: 100%;
  overflow-x: hidden;
}
.headOut {
  position: fixed;
  top: 0;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px solid #161b22;
  z-index: 1030;
  transition: 0.14s ease;
}
.headOut.fixed {
  background-color: #161b22;
}
.b-menu-wrapper {
  display: block;
  position: fixed;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  border-radius: 30px 30px 0 0;
  padding: 24px 10px;
  max-height: calc(100vh - 90px);
  transition: 0.14s ease;
  transform: translateY(101%);
  opacity: 0.4;
  background: #161b22;
  z-index: 1055;
}
.b-menu-wrapper.active {
  transform: translateY(0);
  opacity: 1;
}
header {
  background-color: var(--color-1);
  box-shadow:
    inset 1px 0 0 var(--color-2),
    inset 0 -1px 0 var(--color-2);
  position: fixed;
  min-width: 375px;
  top: 0;
  left: 300px;
  right: 0;
  z-index: 1000;
  transition: all 0.15s ease;
}
.menu-btn {
  height: 48px;
  width: 48px;
  border-radius: 10px;
  background-color: var(--color-8);
  color: var(--color-6);
  outline: 0;
  border: none;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-menu-close {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: #ef4444;
  color: #fff;
  outline: 0;
  border: none;
  font-size: 1.3rem;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  box-shadow: 0 10px 25px rgb(0 43 255 / 25%);
  transition:
    transform 0.15s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}
.b-menu-wrapper.active .b-menu-close {
  display: inline-flex;
}
.b-menu-close:focus,
.b-menu-close:focus-visible,
.b-menu-close:hover {
  background: #dc2626;
  box-shadow: 0 12px 30px rgb(0 43 255 / 35%);
  transform: translateY(-1px) scale(1.05);
}
.b-menu-close:active {
  transform: translateY(0) scale(1);
  box-shadow: inset 0 2px 6px rgb(0 0 0 / 25%);
}
.head-right-btns {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.header-btn {
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 9px 9px 30px;
  overflow: hidden;
  background-color: var(--color-6);
  color: #fff !important;
  text-decoration: none;
  transition: 0.14s ease;
}
.header-btn:hover {
  color: #fff !important;
}
.header-btn.without-icon,
.header-btn.without-icon:focus,
.header-btn.without-icon:hover {
  border: 1px solid var(--color-4) !important;
}
.header-btn:hover .icon::after {
  transform: scale(8);
}
.header-btn .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1004;
}
.header-btn .icon {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header-btn .icon .icon-ri {
  z-index: 1003;
}
.header-btn .icon::after {
  content: "";
  z-index: 1002;
  background: rgb(0 0 0 / 15%);
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s ease;
}
.nmenu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  gap: 10px;
  padding: 10px 0 20px;
}
.nmenu .nmenu-item .nmenu-link {
  font-weight: 600;
  font-size: 23px;
  line-height: 125%;
  color: #fff !important;
  opacity: 0.8;
  padding: 7px 20px;
  transition: 0.14s ease;
  text-decoration: none;
  display: inline-block;
  text-align: left;
}
.nmenu .nmenu-item .nmenu-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  opacity: 0;
  background-color: transparent;
}
.addBalanceBtn {
  position: relative;
  overflow: hidden;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.2s ease;
}
.addBalanceBtn::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: 0 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.addBalanceBtn:hover {
  transform: translateY(-2px);
  border-color: var(--color-6);
  box-shadow: 0 10px 24px rgb(33 115 255 / 30%);
}
body.light .addBalanceBtn:hover {
  transform: translateY(-2px);
  border-color: var(--color-6);
  box-shadow: 0 10px 24px rgb(33 115 255 / 30%);
}
.addBalanceBtn.is-active,
.addBalanceBtn:focus {
  background: var(--color-2);
  border: 1px solid var(--color-6);
  color: var(--color-4);
  box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
  outline: 0;
}
body.light .addBalanceBtn.is-active,
body.light .addBalanceBtn:focus {
  background: #fff;
  color: var(--color-4);
  border-color: var(--color-6);
  box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
}
.nwo-categories .nwo-cat-btn.active {
  background: var(--color-2);
  border-color: var(--color-6);
}
.nwo-categories .nwo-cat-btn.active .g-ticon,
.nwo-categories .nwo-cat-btn.active .text {
  color: #fff;
}
body.light .g-menu-list .g-menu-link,
body.light .g-menu-list .g-menu-link.active,
body.light .g-menu-list .g-menu-link.active:focus,
body.light .g-menu-list .g-menu-link.active:hover,
body.light .g-menu-list .g-menu-link:active,
body.light .g-menu-list .g-menu-link:focus,
body.light .g-menu-list .g-menu-link:hover {
  color: #0f172a !important;
}
body.light .g-menu-list .g-menu-link .g-menu-text {
  color: inherit !important;
}
body.light .g-menu-list .g-menu-link.active::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: -3px !important;
  top: 8px !important;
  bottom: 0 !important;
  width: 6px !important;
  height: 70% !important;
  border-radius: 5px !important;
  background: var(--color-6) !important;
  background-image: none !important;
}
body.light .g-menu-list .g-menu-link.active::after {
  display: block !important;
}
body.light .g-menu-list .g-menu-link {
  background: 0 0 !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link:focus,
body.light .g-menu-list .g-menu-link:hover {
  background: 0 0 !important;
  border-color: var(--color-6) !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link.active,
body.light .g-menu-list .g-menu-link.active:focus,
body.light .g-menu-list .g-menu-link.active:hover {
  background: #fff !important;
  border-color: var(--color-6) !important;
  box-shadow: none !important;
}
body.light .g-menu-list .g-menu-link::after,
body.light .g-menu-list .g-menu-link:active::after,
body.light .g-menu-list .g-menu-link:focus::after,
body.light .g-menu-list .g-menu-link:hover::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: 0 0 !important;
  box-shadow: none !important;
}
.nwo-categories .nwo-cat-btn {
  border-color: transparent !important;
}
.nwo-categories .nwo-cat-btn.active,
.nwo-categories .nwo-cat-btn:active,
.nwo-categories .nwo-cat-btn:focus,
.nwo-categories .nwo-cat-btn:hover {
  border-color: var(--color-6) !important;
}
body:not(.light) .nwo-categories .nwo-cat-btn {
  background: var(--color-2) !important;
}
body.light .nwo-categories .nwo-cat-btn {
  background: var(--color-1) !important;
}
.nwo-categories .nwo-cat-btn i.fa-instagram,
.nwo-categories .nwo-cat-btn i.fab.fa-instagram,
.nwo-categories .nwo-cat-btn i.ri-instagram-line {
  color: #e1306c !important;
}
.nwo-categories .nwo-cat-btn i.fa-facebook,
.nwo-categories .nwo-cat-btn i.fa-facebook-f,
.nwo-categories .nwo-cat-btn i.fab.fa-facebook,
.nwo-categories .nwo-cat-btn i.fab.fa-facebook-f,
.nwo-categories .nwo-cat-btn i.ri-facebook-box-fill,
.nwo-categories .nwo-cat-btn i.ri-facebook-circle-fill,
.nwo-categories .nwo-cat-btn i.ri-facebook-circle-line,
.nwo-categories .nwo-cat-btn i.ri-facebook-fill,
.nwo-categories .nwo-cat-btn i.ri-facebook-line,
.nwo-categories .nwo-cat-btn i[class*="facebook"] {
  color: #1877f2 !important;
}
.nwo-categories .nwo-cat-btn i.fa-discord,
.nwo-categories .nwo-cat-btn i.fab.fa-discord,
.nwo-categories .nwo-cat-btn i.ri-discord-line {
  color: #5865f2 !important;
}
body.light .nwo-categories .nwo-cat-btn {
  border-color: transparent !important;
}
body.light .nwo-categories .nwo-cat-btn.active,
body.light .nwo-categories .nwo-cat-btn:active,
body.light .nwo-categories .nwo-cat-btn:focus,
body.light .nwo-categories .nwo-cat-btn:hover {
  border-color: var(--color-6) !important;
}
body.light .nwo-categories .nwo-cat-btn:not(.active):hover {
  border-color: var(--color-6) !important;
  background: rgb(27 73 243 / 9%) !important;
}
body.light .nwo-categories .nwo-cat-btn:not(.active):hover .g-ticon,
body.light .nwo-categories .nwo-cat-btn:not(.active):hover .text,
body.light .nwo-categories .nwo-cat-btn:not(.active):hover i {
  color: var(--color-6) !important;
}
body.light .nwo-categories .nwo-cat-btn.active,
body.light .nwo-categories .nwo-cat-btn.active:focus,
body.light .nwo-categories .nwo-cat-btn.active:hover {
  background: #fff !important;
  border-color: var(--color-6) !important;
  box-shadow: 0 1px 3px rgb(15, 23, 42, 0.1);
}
body.light .nwo-categories .nwo-cat-btn.active .g-ticon,
body.light .nwo-categories .nwo-cat-btn.active .text,
body.light .nwo-categories .nwo-cat-btn.active i,
body.light .nwo-categories .nwo-cat-btn.active:hover .g-ticon,
body.light .nwo-categories .nwo-cat-btn.active:hover .text,
body.light .nwo-categories .nwo-cat-btn.active:hover i {
  color: #0f172a !important;
}
body.light .nwo-categories .nwo-cat-btn i.fa-instagram,
body.light .nwo-categories .nwo-cat-btn i.fab.fa-instagram,
body.light .nwo-categories .nwo-cat-btn i.ri-instagram-line {
  color: #e1306c !important;
}
body.light .nwo-categories .nwo-cat-btn i.fa-facebook,
body.light .nwo-categories .nwo-cat-btn i.fa-facebook-f,
body.light .nwo-categories .nwo-cat-btn i.fab.fa-facebook,
body.light .nwo-categories .nwo-cat-btn i.fab.fa-facebook-f,
body.light .nwo-categories .nwo-cat-btn i.ri-facebook-box-fill,
body.light .nwo-categories .nwo-cat-btn i.ri-facebook-circle-fill,
body.light .nwo-categories .nwo-cat-btn i.ri-facebook-circle-line,
body.light .nwo-categories .nwo-cat-btn i.ri-facebook-fill,
body.light .nwo-categories .nwo-cat-btn i.ri-facebook-line,
body.light .nwo-categories .nwo-cat-btn i[class*="facebook"] {
  color: #1877f2 !important;
}
body.light .nwo-categories .nwo-cat-btn i.fa-discord,
body.light .nwo-categories .nwo-cat-btn i.fab.fa-discord,
body.light .nwo-categories .nwo-cat-btn i.ri-discord-line {
  color: #5865f2 !important;
}
body.light .nwo-categories .nwo-cat-btn.active .text {
  color: #0f172a !important;
}
@media (width <= 576px) {
  .gcard .form-control + .btn,
  .gcard .form-select + .btn,
  .gcard .select2-container + .btn {
    margin-top: 10px !important;
  }
}
@media (width <= 576px) {
  .account-details .form-group {
    margin-bottom: 12px !important;
  }
  .account-details .form-group:last-child {
    margin-bottom: 0 !important;
  }
  .account-details .form-control + .btn,
  .account-details .form-group + .btn,
  .account-details .form-group + .g-form-actions {
    margin-top: 10px !important;
  }
}
@media (width <= 576px) {
  .account-details .form-group .form-control,
  .account-details .form-group .form-select,
  .account-details .form-group .select2-container {
    margin-bottom: 12px !important;
  }
  .account-details .form-group + .form-group {
    margin-top: 12px !important;
  }
  .account-details .g-form-actions {
    margin-top: 12px !important;
  }
  .account-details .form-group .btn {
    margin-top: 10px !important;
  }
}
@media (width <= 576px) {
  .account-details .col-md-4 {
    margin-top: 10px !important;
  }
  .account-details .col-md-4 .btn {
    margin-top: 8px !important;
  }
}
.dropdown-item i.fa-instagram,
.dropdown-item i.fab.fa-instagram,
.fa-instagram,
.fab.fa-instagram,
.g-ticon i.fa-instagram,
.g-ticon i.fab.fa-instagram,
.service-platform-icon i.fa-instagram,
.service-platform-icon i.fab.fa-instagram,
i.fa-instagram,
i.fab.fa-instagram {
  font-size: 1.25rem !important;
  width: 1.25rem !important;
  min-width: 1.25rem !important;
}
.nwo-cat-btn .g-ticon i.fa-instagram,
.nwo-cat-btn .g-ticon i.fab.fa-instagram {
  font-size: 20px !important;
  width: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
  display: inline-block !important;
}
.g-sitemh .g-sitem-icon i.fa-instagram,
.g-sitemh .g-sitem-icon i.fab.fa-instagram {
  font-size: 2rem !important;
  width: auto !important;
  min-width: auto !important;
}
.gcard.gnyBlog .blog-content h1,
.gcard.gnyBlog .blog-content h2,
.gcard.gnyBlog .blog-content h3,
.gcard.gnyBlog .blog-content h4,
.gcard.gnyBlog .blog-content h5,
.gcard.gnyBlog .blog-content h6,
.gnyBlog .blog-content h1,
.gnyBlog .blog-content h2,
.gnyBlog .blog-content h3,
.gnyBlog .blog-content h4,
.gnyBlog .blog-content h5,
.gnyBlog .blog-content h6,
body.light .gnyBlog .blog-content h1,
body.light .gnyBlog .blog-content h2,
body.light .gnyBlog .blog-content h3,
body.light .gnyBlog .blog-content h4,
body.light .gnyBlog .blog-content h5,
body.light .gnyBlog .blog-content h6,
body:not(.light) .gnyBlog .blog-content h1,
body:not(.light) .gnyBlog .blog-content h2,
body:not(.light) .gnyBlog .blog-content h3,
body:not(.light) .gnyBlog .blog-content h4,
body:not(.light) .gnyBlog .blog-content h5,
body:not(.light) .gnyBlog .blog-content h6 {
  color: #0ea5e9 !important;
  font-weight: 600 !important;
}
.gnyBlog .blog-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.gnyBlog .blog-content ul li {
  position: relative;
  padding-left: 0;
  margin-bottom: 0.5rem;
}
.gnyBlog .blog-content ul li::before {
  content: none;
  display: none;
}
.gnyBlog .blog-content a,
.gnyBlog .blog-content b,
.gnyBlog .blog-content em,
.gnyBlog .blog-content i,
.gnyBlog .blog-content li,
.gnyBlog .blog-content p,
.gnyBlog .blog-content small,
.gnyBlog .blog-content span,
.gnyBlog .blog-content strong,
.gnyBlog .blog-content sub,
.gnyBlog .blog-content sup,
.gnyBlog .blog-content u {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
.gnyBlog .blog-content a,
.gnyBlog .blog-content b,
.gnyBlog .blog-content em,
.gnyBlog .blog-content i,
.gnyBlog .blog-content small,
.gnyBlog .blog-content span,
.gnyBlog .blog-content strong,
.gnyBlog .blog-content sub,
.gnyBlog .blog-content sup,
.gnyBlog .blog-content u {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
}
.gcard-body .upgrades ul li:first-child button,
.upgrades button[data-level="bronz"],
.upgrades li:first-child button,
.upgrades ul li:first-child button,
div.upgrades li:first-child button,
div.upgrades ul li:first-child button {
  color: #cd7f32 !important;
  font-weight: 600 !important;
}
body:not(.light) .gcard-body .upgrades ul li.active:first-child button,
body:not(.light) .upgrades li.active button[data-level="bronz"],
body:not(.light) .upgrades li.active:first-child button,
body:not(.light) .upgrades ul li.active:first-child button,
body:not(.light) div.upgrades li.active:first-child button,
body:not(.light) div.upgrades ul li.active:first-child button {
  color: #cd7f32 !important;
  background: var(--color-6) !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li.active:first-child button,
  .upgrades li.active button[data-level="bronz"],
  .upgrades li.active:first-child button,
  .upgrades ul li.active:first-child button,
  div.upgrades li.active:first-child button,
  div.upgrades ul li.active:first-child button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
  }
}
@media (width >= 992px) {
  body.light .gcard-body .upgrades ul li.active:first-child button,
  body.light .upgrades li.active button[data-level="bronz"],
  body.light .upgrades li.active:first-child button,
  body.light .upgrades ul li.active:first-child button,
  body.light div.upgrades li.active:first-child button,
  body.light div.upgrades ul li.active:first-child button {
    background: 0 0 !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}
body.light .gcard-body .upgrades ul li.active:first-child button,
body.light .gcard-body .upgrades ul li:first-child button,
body.light .upgrades button[data-level="bronz"],
body.light .upgrades li.active button[data-level="bronz"],
body.light .upgrades li.active:first-child button,
body.light .upgrades li:first-child button,
body.light .upgrades ul li.active:first-child button,
body.light .upgrades ul li:first-child button,
body.light div.upgrades li.active:first-child button,
body.light div.upgrades li:first-child button,
body.light div.upgrades ul li.active:first-child button,
body.light div.upgrades ul li:first-child button {
  background: 0 0 !important;
  background-image: none !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li.active button,
  .upgrades li.active button,
  .upgrades li.active button[data-level="altin"],
  .upgrades li.active button[data-level="bronz"],
  .upgrades li.active button[data-level="elmas"],
  .upgrades li.active button[data-level="gumus"],
  .upgrades li.active button[data-level="platin"],
  .upgrades ul li.active button,
  .upgrades ul li.active:first-child button,
  .upgrades ul li.active:nth-child(2) button,
  .upgrades ul li.active:nth-child(3) button,
  .upgrades ul li.active:nth-child(4) button,
  .upgrades ul li.active:nth-child(5) button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
    border: 2px solid var(--color-6) !important;
    border-top: 2px solid var(--color-6) !important;
    border-right: 2px solid var(--color-6) !important;
    border-bottom: 2px solid var(--color-6) !important;
    border-left: 2px solid var(--color-6) !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: var(--color-6) !important;
    outline: 2px solid var(--color-6) !important;
    outline-offset: -2px !important;
    box-shadow: inset 0 0 0 2px var(--color-6) !important;
  }
}
.gcard-body .upgrades ul li:nth-child(2) button,
.upgrades button[data-level="gumus"],
.upgrades li:nth-child(2) button,
.upgrades ul li:nth-child(2) button,
div.upgrades li:nth-child(2) button,
div.upgrades ul li:nth-child(2) button {
  color: silver !important;
  font-weight: 600 !important;
}
body:not(.light) .gcard-body .upgrades ul li.active:nth-child(2) button,
body:not(.light) .upgrades li.active button[data-level="gumus"],
body:not(.light) .upgrades li.active:nth-child(2) button,
body:not(.light) .upgrades ul li.active:nth-child(2) button,
body:not(.light) div.upgrades li.active:nth-child(2) button,
body:not(.light) div.upgrades ul li.active:nth-child(2) button {
  color: silver !important;
  background: var(--color-6) !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li.active:nth-child(2) button,
  .upgrades li.active button[data-level="gumus"],
  .upgrades li.active:nth-child(2) button,
  .upgrades ul li.active:nth-child(2) button,
  div.upgrades li.active:nth-child(2) button,
  div.upgrades ul li.active:nth-child(2) button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
  }
}
@media (width >= 992px) {
  body.light .gcard-body .upgrades ul li.active:nth-child(2) button,
  body.light .upgrades li.active button[data-level="gumus"],
  body.light .upgrades li.active:nth-child(2) button,
  body.light .upgrades ul li.active:nth-child(2) button,
  body.light div.upgrades li.active:nth-child(2) button,
  body.light div.upgrades ul li.active:nth-child(2) button {
    background: 0 0 !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}
body.light .gcard-body .upgrades ul li.active:nth-child(2) button,
body.light .gcard-body .upgrades ul li:nth-child(2) button,
body.light .upgrades button[data-level="gumus"],
body.light .upgrades li.active button[data-level="gumus"],
body.light .upgrades li.active:nth-child(2) button,
body.light .upgrades li:nth-child(2) button,
body.light .upgrades ul li.active:nth-child(2) button,
body.light .upgrades ul li:nth-child(2) button,
body.light div.upgrades li.active:nth-child(2) button,
body.light div.upgrades li:nth-child(2) button,
body.light div.upgrades ul li.active:nth-child(2) button,
body.light div.upgrades ul li:nth-child(2) button {
  background: 0 0 !important;
  background-image: none !important;
}
.gcard-body .upgrades ul li:nth-child(3) button,
.upgrades button[data-level="altin"],
.upgrades li:nth-child(3) button,
.upgrades ul li:nth-child(3) button,
div.upgrades li:nth-child(3) button,
div.upgrades ul li:nth-child(3) button {
  color: gold !important;
  font-weight: 600 !important;
}
body:not(.light) .gcard-body .upgrades ul li.active:nth-child(3) button,
body:not(.light) .upgrades li.active button[data-level="altin"],
body:not(.light) .upgrades li.active:nth-child(3) button,
body:not(.light) .upgrades ul li.active:nth-child(3) button,
body:not(.light) div.upgrades li.active:nth-child(3) button,
body:not(.light) div.upgrades ul li.active:nth-child(3) button {
  color: gold !important;
  background: var(--color-6) !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li.active:nth-child(3) button,
  .upgrades li.active button[data-level="altin"],
  .upgrades li.active:nth-child(3) button,
  .upgrades ul li.active:nth-child(3) button,
  div.upgrades li.active:nth-child(3) button,
  div.upgrades ul li.active:nth-child(3) button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
  }
}
@media (width >= 992px) {
  body.light .gcard-body .upgrades ul li.active:nth-child(3) button,
  body.light .upgrades li.active button[data-level="altin"],
  body.light .upgrades li.active:nth-child(3) button,
  body.light .upgrades ul li.active:nth-child(3) button,
  body.light div.upgrades li.active:nth-child(3) button,
  body.light div.upgrades ul li.active:nth-child(3) button {
    background: 0 0 !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}
body.light .gcard-body .upgrades ul li.active:nth-child(3) button,
body.light .gcard-body .upgrades ul li:nth-child(3) button,
body.light .upgrades button[data-level="altin"],
body.light .upgrades li.active button[data-level="altin"],
body.light .upgrades li.active:nth-child(3) button,
body.light .upgrades li:nth-child(3) button,
body.light .upgrades ul li.active:nth-child(3) button,
body.light .upgrades ul li:nth-child(3) button,
body.light div.upgrades li.active:nth-child(3) button,
body.light div.upgrades li:nth-child(3) button,
body.light div.upgrades ul li.active:nth-child(3) button,
body.light div.upgrades ul li:nth-child(3) button {
  background: 0 0 !important;
  background-image: none !important;
}
.gcard-body .upgrades ul li:nth-child(4) button,
.upgrades button[data-level="elmas"],
.upgrades li:nth-child(4) button,
.upgrades ul li:nth-child(4) button,
div.upgrades li:nth-child(4) button,
div.upgrades ul li:nth-child(4) button {
  color: #00bfff !important;
  font-weight: 600 !important;
}
body:not(.light) .gcard-body .upgrades ul li.active:nth-child(4) button,
body:not(.light) .upgrades li.active button[data-level="elmas"],
body:not(.light) .upgrades li.active:nth-child(4) button,
body:not(.light) .upgrades ul li.active:nth-child(4) button,
body:not(.light) div.upgrades li.active:nth-child(4) button,
body:not(.light) div.upgrades ul li.active:nth-child(4) button {
  color: #00bfff !important;
  background: var(--color-6) !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li.active:nth-child(4) button,
  .upgrades li.active button[data-level="elmas"],
  .upgrades li.active:nth-child(4) button,
  .upgrades ul li.active:nth-child(4) button,
  div.upgrades li.active:nth-child(4) button,
  div.upgrades ul li.active:nth-child(4) button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
  }
}
@media (width >= 992px) {
  body.light .gcard-body .upgrades ul li.active:nth-child(4) button,
  body.light .upgrades li.active button[data-level="elmas"],
  body.light .upgrades li.active:nth-child(4) button,
  body.light .upgrades ul li.active:nth-child(4) button,
  body.light div.upgrades li.active:nth-child(4) button,
  body.light div.upgrades ul li.active:nth-child(4) button {
    background: 0 0 !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}
body.light .gcard-body .upgrades ul li.active:nth-child(4) button,
body.light .gcard-body .upgrades ul li:nth-child(4) button,
body.light .upgrades button[data-level="elmas"],
body.light .upgrades li.active button[data-level="elmas"],
body.light .upgrades li.active:nth-child(4) button,
body.light .upgrades li:nth-child(4) button,
body.light .upgrades ul li.active:nth-child(4) button,
body.light .upgrades ul li:nth-child(4) button,
body.light div.upgrades li.active:nth-child(4) button,
body.light div.upgrades li:nth-child(4) button,
body.light div.upgrades ul li.active:nth-child(4) button,
body.light div.upgrades ul li:nth-child(4) button {
  background: 0 0 !important;
  background-image: none !important;
}
.gcard-body .upgrades ul li:nth-child(5) button,
.upgrades button[data-level="platin"],
.upgrades li:nth-child(5) button,
.upgrades ul li:nth-child(5) button,
div.upgrades li:nth-child(5) button,
div.upgrades ul li:nth-child(5) button {
  color: #9d4edd !important;
  font-weight: 600 !important;
}
.upgrades li.active button[data-level="platin"],
body:not(.light) .gcard-body .upgrades ul li.active:nth-child(5) button,
body:not(.light) .upgrades li.active:nth-child(5) button,
body:not(.light) .upgrades ul li.active:nth-child(5) button,
body:not(.light) div.upgrades li.active:nth-child(5) button,
body:not(.light) div.upgrades ul li.active:nth-child(5) button {
  color: #9d4edd !important;
  background: var(--color-6) !important;
}
body.light .gcard-body .upgrades ul li.active:nth-child(5) button,
body.light .upgrades li.active button[data-level="platin"],
body.light .upgrades li.active:nth-child(5) button,
body.light .upgrades ul li.active:nth-child(5) button,
body.light div.upgrades li.active:nth-child(5) button,
body.light div.upgrades ul li.active:nth-child(5) button {
  background: 0 0 !important;
  background-image: none !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li.active:nth-child(5) button,
  .upgrades li.active button[data-level="platin"],
  .upgrades li.active:nth-child(5) button,
  .upgrades ul li.active:nth-child(5) button,
  div.upgrades li.active:nth-child(5) button,
  div.upgrades ul li.active:nth-child(5) button {
    background: var(--color-1) !important;
    background-color: var(--color-1) !important;
    background-image: none !important;
  }
}
@media (width >= 992px) {
  body.light .gcard-body .upgrades ul li.active:nth-child(5) button,
  body.light .upgrades li.active button[data-level="platin"],
  body.light .upgrades li.active:nth-child(5) button,
  body.light .upgrades ul li.active:nth-child(5) button,
  body.light div.upgrades li.active:nth-child(5) button,
  body.light div.upgrades ul li.active:nth-child(5) button {
    background: 0 0 !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}
body.light .gcard-body .upgrades ul li.active:nth-child(5) button,
body.light .gcard-body .upgrades ul li:nth-child(5) button,
body.light .upgrades button[data-level="platin"],
body.light .upgrades li.active button[data-level="platin"],
body.light .upgrades li.active:nth-child(5) button,
body.light .upgrades li:nth-child(5) button,
body.light .upgrades ul li.active:nth-child(5) button,
body.light .upgrades ul li:nth-child(5) button,
body.light div.upgrades li.active:nth-child(5) button,
body.light div.upgrades li:nth-child(5) button,
body.light div.upgrades ul li.active:nth-child(5) button,
body.light div.upgrades ul li:nth-child(5) button {
  background: 0 0 !important;
  background-image: none !important;
}
#statusProgress.progress-bar.progress-bronz,
#statusProgress.progress-bronz,
.progress-bar.progress-bronz {
  background: #cd7f32 !important;
  background-image: none !important;
}
#statusProgress.progress-bar.progress-gumus,
#statusProgress.progress-gumus,
.progress-bar.progress-gumus {
  background: silver !important;
  background-image: none !important;
}
#statusProgress.progress-altin,
#statusProgress.progress-bar.progress-altin,
.progress-bar.progress-altin {
  background: gold !important;
  background-image: none !important;
}
#statusProgress.progress-bar.progress-elmas,
#statusProgress.progress-elmas,
.progress-bar.progress-elmas {
  background: #00bfff !important;
  background-image: none !important;
}
#statusProgress.progress-bar.progress-platin,
#statusProgress.progress-platin,
#statusProgress[class*="platin"],
.progress #statusProgress.progress-bar.progress-platin,
.progress #statusProgress.progress-platin,
.progress .progress-bar.progress-platin,
.progress div#statusProgress.progress-bar.progress-platin,
.progress div#statusProgress.progress-platin,
.progress-bar.progress-platin,
.progress-bar[class*="platin"],
div#statusProgress.progress-bar.progress-platin,
div#statusProgress.progress-platin {
  background: #9d4edd !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}
@media (width <= 992px) {
  .gcard-body .upgrades ul li:not(.active) button,
  .upgrades li:not(.active) button,
  .upgrades li:not(.active) button[data-level="altin"],
  .upgrades li:not(.active) button[data-level="bronz"],
  .upgrades li:not(.active) button[data-level="elmas"],
  .upgrades li:not(.active) button[data-level="gumus"],
  .upgrades li:not(.active) button[data-level="platin"],
  .upgrades li:not(.active) button[data-level],
  .upgrades ul > li:not(.active) > button,
  .upgrades ul li:not(.active) button,
  .upgrades ul li:not(.active) button[data-level],
  .upgrades ul li:not(.active):first-child button,
  .upgrades ul li:not(.active):nth-child(2) button,
  .upgrades ul li:not(.active):nth-child(3) button,
  .upgrades ul li:not(.active):nth-child(4) button,
  .upgrades ul li:not(.active):nth-child(5) button,
  body.light .gcard-body .upgrades ul li:not(.active) button,
  body.light .upgrades li:not(.active) button,
  body.light .upgrades li:not(.active) button[data-level="altin"],
  body.light .upgrades li:not(.active) button[data-level="bronz"],
  body.light .upgrades li:not(.active) button[data-level="elmas"],
  body.light .upgrades li:not(.active) button[data-level="gumus"],
  body.light .upgrades li:not(.active) button[data-level="platin"],
  body.light .upgrades li:not(.active) button[data-level],
  body.light .upgrades ul > li:not(.active) > button,
  body.light .upgrades ul li:not(.active) button,
  body.light .upgrades ul li:not(.active) button[data-level],
  body.light .upgrades ul li:not(.active):first-child button,
  body.light .upgrades ul li:not(.active):nth-child(2) button,
  body.light .upgrades ul li:not(.active):nth-child(3) button,
  body.light .upgrades ul li:not(.active):nth-child(4) button,
  body.light .upgrades ul li:not(.active):nth-child(5) button,
  body.light div.upgrades li:not(.active) button,
  body.light div.upgrades ul li:not(.active) button,
  div.upgrades li:not(.active) button,
  div.upgrades ul li:not(.active) button {
    border: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: 0 0 !important;
    background-image: none !important;
  }
  .gcard-body .upgrades ul li.active button,
  .upgrades li.active button,
  .upgrades li.active button[data-level="altin"],
  .upgrades li.active button[data-level="bronz"],
  .upgrades li.active button[data-level="elmas"],
  .upgrades li.active button[data-level="gumus"],
  .upgrades li.active button[data-level="platin"],
  .upgrades li.active button[data-level],
  .upgrades ul > li.active > button,
  .upgrades ul li.active button,
  .upgrades ul li.active button[data-level],
  .upgrades ul li.active:first-child button,
  .upgrades ul li.active:nth-child(2) button,
  .upgrades ul li.active:nth-child(3) button,
  .upgrades ul li.active:nth-child(4) button,
  .upgrades ul li.active:nth-child(5) button,
  body.light .gcard-body .upgrades ul li.active button,
  body.light .upgrades li.active button,
  body.light .upgrades li.active button[data-level="altin"],
  body.light .upgrades li.active button[data-level="bronz"],
  body.light .upgrades li.active button[data-level="elmas"],
  body.light .upgrades li.active button[data-level="gumus"],
  body.light .upgrades li.active button[data-level="platin"],
  body.light .upgrades li.active button[data-level],
  body.light .upgrades ul > li.active > button,
  body.light .upgrades ul li.active button,
  body.light .upgrades ul li.active button[data-level],
  body.light .upgrades ul li.active:first-child button,
  body.light .upgrades ul li.active:nth-child(2) button,
  body.light .upgrades ul li.active:nth-child(3) button,
  body.light .upgrades ul li.active:nth-child(4) button,
  body.light .upgrades ul li.active:nth-child(5) button,
  body.light div.upgrades li.active button,
  body.light div.upgrades ul li.active button,
  div.upgrades li.active button,
  div.upgrades ul li.active button {
    background: 0 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    border: 2px solid var(--color-6) !important;
    border-top: 2px solid var(--color-6) !important;
    border-right: 2px solid var(--color-6) !important;
    border-bottom: 2px solid var(--color-6) !important;
    border-left: 2px solid var(--color-6) !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: var(--color-6) !important;
  }
}
#statusProgress.progress-bar.progress-platin,
#statusProgress.progress-platin,
#statusProgress[data-level-color="#9D4EDD"],
#statusProgress[data-level-color="#9D4EDD"].progress-bar,
.progress #statusProgress.progress-bar.progress-platin,
.progress #statusProgress.progress-platin,
.progress .progress-bar.progress-platin,
.progress div#statusProgress.progress-bar.progress-platin,
.progress div#statusProgress.progress-platin,
.progress-bar.progress-platin,
.progress-bar[data-level-color="#9D4EDD"],
body #statusProgress.progress-bar.progress-platin,
body #statusProgress.progress-platin,
body .progress-bar.progress-platin,
div#statusProgress.progress-bar.progress-platin {
  background: #9d4edd !important;
  background-image: none !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}
#new-order-cats,
#new-order-cats .nwo-cat-btn,
#new-order-cats .swiper-slide,
#new-order-cats .swiper-wrapper,
#newordersid,
#newordersid .nwo-cat-btn,
#newordersid .nwo-categories,
#newordersid .swiper-slide,
#newordersid .swiper-wrapper,
.nwo-categories,
.nwo-categories .nwo-cat-btn,
.nwo-categories .swiper-slide,
.nwo-categories .swiper-wrapper {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#new-order-cats .swiper-slide,
#newordersid .swiper-slide,
.nwo-categories .swiper-slide {
  display: block !important;
}
#new-order-cats .swiper-wrapper,
#newordersid .swiper-wrapper,
.nwo-categories .swiper-wrapper {
  display: flex !important;
}
#newordersid {
  display: block !important;
}
.g-menu-list {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-menu-list .g-menu-item,
.g-menu-list li {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-menu-list .g-menu-link {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-menu-list .g-menu-item:has(a[href*="dripfeed"]),
.g-menu-list .g-menu-item:has(a[href*="subscription"]) {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-menu-list .g-menu-item:has(a[href*="dripfeed"]) .g-menu-link,
.g-menu-list .g-menu-item:has(a[href*="subscription"]) .g-menu-link {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.nop-box {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 120px !important;
}
.progress-btn {
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
  min-height: 40px !important;
}
#userranks,
#userranksback {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  min-width: auto !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 1 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#userranks {
  display: inline-flex !important;
}
#userranksback {
  display: none !important;
}
#userranks[data-state="hidden"],
#userranks[style*="display: none"],
#userranks[style*="display:none"] {
  display: none !important;
}
#userranks[data-state="visible"],
#userranks[style*="display: flex"],
#userranks[style*="display:flex"] {
  display: flex !important;
}
#userranksback[data-state="hidden"],
#userranksback[style*="display: none"],
#userranksback[style*="display:none"] {
  display: none !important;
}
#userranksback[data-state="visible"],
#userranksback[style*="display: flex"],
#userranksback[style*="display:flex"] {
  display: flex !important;
}
#userranksid {
  display: none;
  width: 100%;
  max-width: 100%;
}
#userranksid[data-state="hidden"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}
#userranksid[data-state="visible"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transition: none !important;
  contain: layout style paint !important;
  will-change: auto !important;
}
#userranksid[data-state="visible"] *,
#userranksid[data-state="visible"] .col,
#userranksid[data-state="visible"] .fade-1,
#userranksid[data-state="visible"] .gcard-2,
#userranksid[data-state="visible"] .gcard-body,
#userranksid[data-state="visible"] .gcard-icon,
#userranksid[data-state="visible"] .gcard-shadow,
#userranksid[data-state="visible"] .gi-card,
#userranksid[data-state="visible"] .gi-text,
#userranksid[data-state="visible"] .gi-title,
#userranksid[data-state="visible"] .row {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}
#userranksid[data-state="visible"] table {
  display: table !important;
  width: 100% !important;
}
#userranksid[data-state="visible"] tr {
  display: table-row !important;
}
@media (width >= 640px) {
  #userranksid[data-state="visible"] td {
    display: table-cell !important;
  }
}
@media (width >= 640px) {
  #userranksid[data-state="visible"] th {
    display: table-cell !important;
  }
}
@media (width < 640px) {
  #userranksid[data-state="visible"] .upgrades ul {
    display: flex !important;
    flex-flow: row nowrap !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
  }
  #userranksid[data-state="visible"] .upgrades li {
    flex: 1 !important;
    display: block !important;
    list-style: none !important;
  }
}
#userranksid[data-state="visible"] ul:not(.upgrades ul) {
  display: block !important;
}
#userranksid[data-state="visible"] li:not(.upgrades li) {
  display: list-item !important;
}
@media (width >= 992px) {
  #userranksid[data-state="visible"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #userranksid[data-state="visible"] .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (width <= 991.98px) {
  #userranksid[data-state="visible"] {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #userranksid[data-state="visible"] .container-fluid {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
#userranksid[style*="display: block"][data-state="visible"],
#userranksid[style*="display:block"][data-state="visible"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 100px !important;
  overflow: visible !important;
}
#newordersid {
  display: block !important;
}
#newordersid[data-state="hidden"],
#newordersid[style*="display: none"],
#newordersid[style*="display:none"] {
  display: none !important;
}
#newordersid[data-state="visible"],
#newordersid[style*="display: block"],
#newordersid[style*="display:block"] {
  display: block !important;
}
@media (width <= 991px) {
  section.mt-4.mb-2 {
    margin-bottom: 5px !important;
  }
  .nwoMain {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  #newordersid {
    margin-top: 0 !important;
    padding-top: 0 !important;
    order: 1 !important;
    margin-bottom: 0 !important;
  }
  .nwoMain .row.mt-3 {
    margin-top: 20px !important;
    order: 2 !important;
  }
  .nwo-categories {
    overflow: hidden !important;
    width: 100% !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .nwoMain .gcard {
    margin-top: 0 !important;
  }
  section.mt-4.mb-2 + .nwoMain {
    margin-top: 5px !important;
  }
  section.mt-4.mb-2 .row.mb-5 {
    margin-bottom: 5px !important;
  }
  .nwo-categories .swiper-wrapper {
    display: flex !important;
    flex-flow: row nowrap !important;
    width: auto !important;
    will-change: transform !important;
  }
  .nwo-categories .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
    margin: 0 10px 0 0 !important;
    display: block !important;
    height: auto !important;
  }
  .nwo-categories .swiper-slide:last-child {
    margin-right: 0 !important;
  }
  .nwo-categories .nwo-cat-btn {
    white-space: nowrap !important;
    width: auto !important;
    min-width: fit-content !important;
  }
}
@media (width >= 992px) {
  .nwo-categories .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    transform: none !important;
  }
  .nwo-categories .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }
  .nwo-categories .swiper-button-next,
  .nwo-categories .swiper-button-prev {
    display: none !important;
  }
}
@media (width <= 991.98px) {
  .nwoNav {
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 360px;
  }
  .nwoNav .nav-item {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  .nwoNav .nwoNavLink {
    width: 100% !important;
  }
}
.help-block.min-max {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
#order_min .help-block.min-max {
  margin-top: 10px !important;
}
#order_quantity .help-block.min-max {
  margin-top: 8px !important;
}
#order_comment + .help-block.min-max,
#order_comment .help-block.min-max {
  margin-top: 14px !important;
}
.help-block.min-max .min-value {
  color: #22c55e !important;
  font-weight: 600;
}
.help-block.min-max .max-value {
  color: #ef4444 !important;
  font-weight: 600;
}
body.light #order_min .help-block.min-max,
body.light .help-block.min-max {
  color: #000 !important;
}
body.light .help-block.min-max .min-value {
  color: #16a34a !important;
}
body.light .help-block.min-max .max-value {
  color: #dc2626 !important;
}
.g-sitem .s-col .min {
  color: #22c55e !important;
  font-weight: 600;
}
.g-sitem .s-col .max {
  color: #ef4444 !important;
  font-weight: 600;
}
body.light .g-sitem .s-col .min {
  color: #16a34a !important;
}
body.light .g-sitem .s-col .max {
  color: #dc2626 !important;
}
.gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:focus:not(.active) .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:focus:not(.active) i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link:focus:not(.active) i.terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:hover:not(.active) .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:hover:not(.active) i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link:hover:not(.active) i.terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:not(.active) .terms-nav-icon.ri-file-text-line,
.gnyTos .nav-item.nav-link:not(.active) i.ri-file-text-line.terms-nav-icon,
.gnyTos .nav-item.nav-link:not(.active) i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:focus:not(.active) .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:focus:not(.active) i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link:focus:not(.active) i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:hover:not(.active) .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:hover:not(.active) i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link:hover:not(.active) i.terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:not(.active) .terms-nav-icon.ri-file-text-line,
body.light .gnyTos .nav-item.nav-link:not(.active) i.ri-file-text-line.terms-nav-icon,
body.light .gnyTos .nav-item.nav-link:not(.active) i.terms-nav-icon.ri-file-text-line {
  color: #64748b !important;
  fill: #64748b !important;
}
@keyframes toast-slide-in {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes toast-icon-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
}
body.light #toast-notification,
body.light .bs-toast {
  background: #e0e4ea !important;
  background-color: #e0e4ea !important;
  border: 1px solid rgb(15, 23, 42, 0.15) !important;
  color: #0f172a !important;
  box-shadow:
    0 6px 16px rgb(0 0 0 / 10%),
    0 3px 8px rgb(0 0 0 / 8%);
}
body.light #toast-notification .toast-text,
body.light #toast-notification span,
body.light .bs-toast .toast-text {
  color: #0f172a !important;
}
.dropdown-item .ri-sun-line.pr-2,
.dropdown-item i.ri-sun-line.pr-2,
.dropdown-menu .dropdown-item .ri-sun-line,
.dropdown-menu .dropdown-item i.ri-sun-line,
body.light .dropdown-item .ri-sun-line.pr-2,
body.light .dropdown-item i.ri-sun-line.pr-2,
body.light .dropdown-menu .dropdown-item .ri-sun-line,
body.light .dropdown-menu .dropdown-item i.ri-sun-line {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.gnyFhead .faq-head-icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-size: 22px;
  margin-right: 8px;
}
.g-order-item .title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.g-order-bottom .g-order-item .title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.order-detail-icon {
  font-size: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  width: 24px !important;
  min-width: 24px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  margin-right: 0 !important;
}
.g-order-item .title .order-detail-icon {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-order-item .title .ri-wallet-3-line.order-detail-icon {
  color: #22c55e !important;
}
.g-order-item .title .ri-flag-line.order-detail-icon {
  color: #a855f7 !important;
}
.g-order-item .title .ri-numbers-line.order-detail-icon {
  color: #f472b6 !important;
}
.g-order-item .title .ri-arrow-down-circle-line.order-detail-icon,
.g-order-item .title .ri-decrease-line.order-detail-icon,
.g-order-item .title .ri-hourglass-line.order-detail-icon,
.g-order-item .title .ri-subtract-fill.order-detail-icon,
.g-order-item .title .ri-subtract-line.order-detail-icon {
  color: #f97316 !important;
}
.g-order-item .title .ri-send-plane-line.order-detail-icon {
  color: #8b5cf6 !important;
}
.g-order-item .title .ri-time-line.order-detail-icon {
  color: #f59e0b !important;
}
.g-order-item .title .ri-stack-line.order-detail-icon {
  color: #facc15 !important;
}
.g-order-item .title .ri-calendar-line.order-detail-icon,
.g-order-item .title .ri-calendar-update-line.order-detail-icon {
  color: #84cc16 !important;
}
.g-order-item .title .ri-calendar-check-line.order-detail-icon,
.g-order-item .title .ri-calendar-close-line.order-detail-icon {
  color: #ef4444 !important;
}
.g-order-bottom .g-order-item .title .order-detail-icon,
.g-order-bottom .g-order-item .title i.order-detail-icon {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 22px !important;
  width: 24px !important;
  min-width: 24px !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}
.g-order-bottom.hidden.show .g-order-item .title .order-detail-icon,
.g-order-bottom:not(.hidden) .g-order-item .title .order-detail-icon {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-order-bottom .g-order-item .title .ri-arrow-down-circle-line.order-detail-icon,
.g-order-bottom .g-order-item .title .ri-decrease-line.order-detail-icon,
.g-order-bottom .g-order-item .title .ri-hourglass-line.order-detail-icon,
.g-order-bottom .g-order-item .title .ri-subtract-fill.order-detail-icon,
.g-order-bottom .g-order-item .title .ri-subtract-line.order-detail-icon {
  color: #f97316 !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-order-bottom .g-order-item .title .ri-calendar-line.order-detail-icon,
.g-order-bottom .g-order-item .title .ri-calendar-update-line.order-detail-icon {
  color: #84cc16 !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.g-order-bottom .g-order-item .title .ri-calendar-check-line.order-detail-icon,
.g-order-bottom .g-order-item .title .ri-calendar-close-line.order-detail-icon {
  color: #ef4444 !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.affiliate-title-icon {
  font-size: 20px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.affiliate-summary-card h6 {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.affiliate-summary-card h6 .ri-link.affiliate-title-icon {
  color: #ec4899 !important;
}
.affiliate-summary-card h6 .ri-percent-line.affiliate-title-icon {
  color: #10b981 !important;
}
.affiliate-summary-card h6 .ri-user-star-line.affiliate-title-icon {
  color: #f59e0b !important;
}
.ticket-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.control-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.control-label .ticket-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
}
.g-ticket-box .title {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.g-ticket-box .title .ticket-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
}
.control-label .ri-folder-line.ticket-label-icon {
  color: #3b82f6 !important;
}
.control-label .ri-message-3-line.ticket-label-icon {
  color: #ec4899 !important;
}
.g-ticket-box .title .ri-time-line.ticket-label-icon {
  color: #f59e0b !important;
}
.g-ticket-box .title .ri-building-line.ticket-label-icon {
  color: #8b5cf6 !important;
}
.payment-method-selected {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 !important;
}
.payment-method-selected__text {
  flex: 1 !important;
}
.payment-method-selected__icon {
  font-size: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: auto !important;
  min-width: auto !important;
  margin-right: 0 !important;
  order: 1 !important;
}
.payment-method-selected__icon.ri-store-2-line {
  color: #8b5cf6 !important;
  fill: #8b5cf6 !important;
}
body.light .payment-method-selected__icon.ri-store-2-line {
  color: #7c3aed !important;
  fill: #7c3aed !important;
}
.reset-password-option-icon {
  fill: currentColor;
}
body.light .reset-password-option-icon {
  fill: currentColor;
}
.service-modal-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.modal-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.modal-label .ri-folder-line.service-modal-label-icon {
  color: #8b5cf6 !important;
}
.modal-label .ri-stack-line.service-modal-label-icon {
  color: #3b82f6 !important;
}
.modal-label .ri-price-tag-line.service-modal-label-icon {
  color: #22c55e !important;
}
.modal-label .ri-numbers-line.service-modal-label-icon {
  color: #f59e0b !important;
}
.service-table-header-icon {
  font-size: 18px !important;
  margin-right: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  min-width: 24px !important;
}
.g-sitem .s-row.s-title .s-col {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  gap: 0 !important;
}
.g-sitem .s-row.s-title .s-col .service-table-header-icon {
  flex-shrink: 0 !important;
  min-width: 24px !important;
  width: auto !important;
  margin-right: 4px !important;
}
.g-sitem .s-row.s-title .s-col > :not(.service-table-header-icon) {
  flex-shrink: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.g-sitem .s-row.s-title .s-col.s-col-lg,
.g-sitem .s-row.s-title .s-col.s-col-md {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  gap: 2px !important;
}
.g-sitem .s-row.s-title {
  position: relative !important;
  overflow: visible !important;
  width: 100% !important;
}
.g-sitem .s-row.s-title .s-col {
  position: relative !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}
.dropdown.open ~ * .g-sitem .s-row.s-title .s-col,
.dropdown.show ~ * .g-sitem .s-row.s-title .s-col,
.g-sitem:has(~ .dropdown.open) .s-row.s-title .s-col,
.g-sitem:has(~ .dropdown.show) .s-row.s-title .s-col {
  flex-shrink: 0 !important;
  min-width: auto !important;
  width: auto !important;
}
.g-sitem .s-row.s-title .s-col .service-table-header-icon {
  flex-shrink: 0 !important;
  min-width: 24px !important;
  width: auto !important;
  margin-right: 4px !important;
}
.g-sitem .s-row.s-title .s-col.s-col-lg .service-table-header-icon,
.g-sitem .s-row.s-title .s-col.s-col-md .service-table-header-icon {
  margin-right: 2px !important;
}
.g-sitem .s-row.s-title .s-col .ri-star-line.service-table-header-icon {
  color: #fbbf24 !important;
}
.g-sitem .s-row.s-title .s-col .ri-hashtag.service-table-header-icon {
  color: #06b6d4 !important;
}
.g-sitem .s-row.s-title .s-col .ri-stack-line.service-table-header-icon {
  color: #3b82f6 !important;
}
.g-sitem .s-row.s-title .s-col .ri-price-tag-line.service-table-header-icon {
  color: #22c55e !important;
}
.g-sitem .s-row.s-title .s-col .ri-numbers-line.service-table-header-icon {
  color: #f59e0b !important;
}
.g-sitem .s-row.s-title .s-col .ri-eye-line.service-table-header-icon {
  color: #ec4899 !important;
}
.payizone-modal-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.payizone-modal .modal-field label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.payizone-modal .modal-field label .ri-user-line.payizone-modal-label-icon {
  color: #ec4899 !important;
}
.payizone-modal .modal-field label .ri-bank-card-line.payizone-modal-label-icon {
  color: #3b82f6 !important;
}
.payizone-modal .modal-field label .ri-calendar-line.payizone-modal-label-icon {
  color: #06b6d4 !important;
}
.payizone-modal .modal-field label .ri-shield-line.payizone-modal-label-icon {
  color: #10b981 !important;
}
.payizone-modal .modal-field label .ri-calendar-check-line.payizone-modal-label-icon {
  color: #f59e0b !important;
}
.sd-send-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.sd-send-icon {
  font-size: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  color: #fff !important;
  fill: #fff !important;
  order: 2 !important;
}
.sd-send-btn span {
  order: 1 !important;
}
.g-search .g-ticon .ri-search-line.service-search-icon,
.g-search .g-ticon .service-search-icon,
.g-search .g-ticon i.service-search-icon {
  color: #fff !important;
  fill: #fff !important;
  font-size: 20px !important;
}
body.light .g-search .g-ticon .ri-search-line.service-search-icon,
body.light .g-search .g-ticon .service-search-icon,
body.light .g-search .g-ticon i.service-search-icon {
  color: #1e293b !important;
  fill: #1e293b !important;
}
.neworder-search {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  min-height: 50px !important;
}
.neworder-search-icon {
  position: absolute !important;
  left: 12px !important;
  top: 25px !important;
  transform: translateY(-50%) !important;
  z-index: 15 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  width: 20px !important;
  will-change: auto !important;
  transition: none !important;
}
.neworder-search #serviceSearchInput:active + .neworder-search-icon,
.neworder-search #serviceSearchInput:active ~ .neworder-search-icon,
.neworder-search #serviceSearchInput:focus + .neworder-search-icon,
.neworder-search #serviceSearchInput:focus ~ .neworder-search-icon,
.neworder-search #serviceSearchInput:hover ~ .neworder-search-icon,
.neworder-search:focus .neworder-search-icon,
.neworder-search:focus-within .neworder-search-icon,
.neworder-search:hover .neworder-search-icon {
  top: 25px !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  left: 12px !important;
}
.neworder-search #serviceSearchResults.show + .neworder-search-icon,
.neworder-search #serviceSearchResults.show ~ .neworder-search-icon,
.neworder-search .dropdown-menu.show ~ .neworder-search-icon,
.neworder-search.dropdown.show .neworder-search-icon,
.neworder-search:has(#serviceSearchResults.show) .neworder-search-icon,
.neworder-search:has(.dropdown-menu.show) .neworder-search-icon {
  top: 25px !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  left: 12px !important;
}
.neworder-search-icon i {
  color: #fff !important;
  fill: #fff !important;
  font-size: 20px !important;
}
body.light .neworder-search-icon i {
  color: #1e293b !important;
  fill: #1e293b !important;
}
#serviceSearchGroup #serviceSearchInput,
#serviceSearchGroup .neworder-search input,
#serviceSearchInput,
#serviceSearchInput.form-control,
.dropdown.neworder-search #serviceSearchInput,
.dropdown.neworder-search .form-control#serviceSearchInput,
.dropdown.neworder-search input,
.form-group #serviceSearchInput,
.neworder-search #serviceSearchInput,
.neworder-search #serviceSearchInput.form-control,
.neworder-search #serviceSearchInput:active,
.neworder-search #serviceSearchInput:focus,
.neworder-search #serviceSearchInput:hover,
.neworder-search input#serviceSearchInput,
.neworder-search input#serviceSearchInput.form-control,
input#serviceSearchInput,
input#serviceSearchInput.form-control {
  padding-left: 44px !important;
  padding-right: 1rem !important;
  text-align: left !important;
  direction: ltr !important;
  text-indent: 0 !important;
  unicode-bidi: embed !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  display: block !important;
  position: relative !important;
}
.neworder-search #serviceSearchInput:focus ~ .neworder-search-icon,
.neworder-search:focus-within .neworder-search-icon {
  top: 25px !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  left: 12px !important;
}
#serviceSearchGroup #serviceSearchInput::placeholder,
#serviceSearchInput::placeholder,
.neworder-search #serviceSearchInput::placeholder,
input#serviceSearchInput::placeholder {
  text-align: left !important;
  direction: ltr !important;
  text-indent: 0 !important;
  unicode-bidi: embed !important;
  color: var(--color-5) !important;
}
@media (width <= 768px) {
  #serviceSearchInput,
  .dropdown.neworder-search input,
  .neworder-search #serviceSearchInput,
  input#serviceSearchInput {
    text-align: left !important;
    direction: ltr !important;
    text-indent: 0 !important;
    padding-left: 44px !important;
    padding-right: 1rem !important;
  }
  #serviceSearchInput::placeholder {
    text-align: left !important;
    direction: ltr !important;
    text-indent: 0 !important;
  }
}
#serviceSearchResults.dropdown-menu,
#serviceSearchResults.dropdown-menu.show {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  display: none !important;
  float: none !important;
  clear: both !important;
}
#serviceSearchResults.dropdown-menu.show {
  display: block !important;
}
body.light #serviceSearchResults.dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.neworder-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
#description .description-title,
#dripfeed label[for="dripfeed-interval"],
#dripfeed label[for="dripfeed-runs"],
#dripfeed label[for="dripfeed-totalquantity"],
#order_link .control-label,
#order_quantity .control-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
#description .description-title i.neworder-dynamic-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  color: #06b6d4 !important;
}
#order_quantity .control-label i.neworder-dynamic-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  color: #f59e0b !important;
}
#order_link .control-label i.neworder-dynamic-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  color: #ec4899 !important;
}
#dripfeed label[for="dripfeed-runs"] i.neworder-dynamic-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  color: #8b5cf6 !important;
}
#dripfeed label[for="dripfeed-interval"] i.neworder-dynamic-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  color: #fbbf24 !important;
}
#dripfeed label[for="dripfeed-totalquantity"] i.neworder-dynamic-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  color: #06b6d4 !important;
}
.control-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.account-details .account-label-icon,
.account-label-icon,
.gcard-body .account-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.account-details .form-label,
.account-page .form-label,
.gcard-body.account-details .form-label,
.gcard-body.account-details label.form-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.account-details .form-label[for="language"] .account-label-icon,
.account-details .form-label[for="timezone"] .account-label-icon,
.account-details label[for="language"] .account-label-icon,
.account-details label[for="timezone"] .account-label-icon,
.account-timezone-icon,
.account-timezone-label,
.form-label[for="language"] .account-label-icon,
.form-label[for="timezone"] .account-label-icon,
label[for="language"] .account-label-icon,
label[for="timezone"] .account-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.account-details .account-timezone-label .account-label-icon,
.account-details .account-timezone-label i,
.account-details .form-label[for="timezone"] .account-label-icon,
.account-details .form-label[for="timezone"] i.account-label-icon,
.account-details label[for="timezone"] .account-label-icon,
.account-details label[for="timezone"] i.account-label-icon,
.account-timezone-icon,
.account-timezone-label .account-label-icon,
.account-timezone-label i.account-label-icon,
.account-timezone-label i.account-timezone-icon,
.form-label[for="timezone"] .account-label-icon,
.form-label[for="timezone"] i.account-label-icon,
label[for="timezone"] .account-label-icon,
label[for="timezone"] i.account-label-icon {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}
.account-details .form-label[for="language"] .account-label-icon,
.account-details .form-label[for="language"] i.account-label-icon,
.account-details label[for="language"] .account-label-icon,
.account-details label[for="language"] i.account-label-icon,
.form-label[for="language"] .account-label-icon,
.form-label[for="language"] i.account-label-icon,
label[for="language"] .account-label-icon,
label[for="language"] i.account-label-icon {
  color: #22c55e !important;
  fill: #22c55e !important;
}
.account-gender-icon {
  font-size: 16px !important;
  margin-right: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.account-gender-icon-male {
  color: #3b82f6 !important;
}
.account-gender-icon-female {
  color: #ec4899 !important;
}
.g-switch .switch-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.child-panel-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.child-panel-label-icon + *,
.control-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.child-panel-nameserver-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
body:not(.light) .child-panel-nameserver-value {
  color: #38bdf8;
}
body.light .child-panel-nameserver-value {
  color: #000 !important;
}
.gcard-body p {
  display: flex !important;
  align-items: center !important;
}
.login-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.login-forgot-icon {
  font-size: 16px !important;
  margin-right: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.login-remember-icon {
  font-size: 16px !important;
  margin-right: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.logform {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.login-remember-me .lgn-btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.forgot-link {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.signup-feature-icon {
  font-size: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.signup-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.regArea .control-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.ticket-list-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}
.tickets .user-name h6 {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.addfunds-label-icon {
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.addfunds-page .control-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
}
.addfunds-page .control-label .ri-bank-card-line.addfunds-label-icon {
  color: #f97316 !important;
}
.addfunds-page .control-label .ri-hand-coin-line.addfunds-label-icon {
  color: #10b981 !important;
}
.addfunds-page .control-label .ri-building-2-line.addfunds-label-icon {
  color: #8b5cf6 !important;
}
.addfunds-page .control-label .ri-hand-coin-line.addfunds-label-icon {
  color: #22c55e !important;
}
.addfunds-page .control-label .ri-user-line.addfunds-label-icon {
  color: #ec4899 !important;
}
.bank-table-header-icon {
  font-size: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}
.bank-accounts-table thead th {
  display: table-cell !important;
}
.bank-th-content {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
  gap: 8px !important;
}
.bank-accounts-table thead th .ri-building-line.bank-table-header-icon {
  color: #8b5cf6 !important;
}
.bank-accounts-table thead th .ri-map-pin-line.bank-table-header-icon {
  color: #f59e0b !important;
}
.bank-accounts-table thead th .ri-numbers-line.bank-table-header-icon {
  color: #06b6d4 !important;
}
.bank-accounts-table thead th .ri-user-3-line.bank-table-header-icon {
  color: #ef4444 !important;
}
.bank-accounts-table thead th .ri-bank-line.bank-table-header-icon {
  color: #0ea5e9 !important;
}
body.light .addfunds-page .bank-accounts-table thead th,
body.light .addfunds-page .bank-accounts-table thead tr {
  background-color: #c5cad2 !important;
}
body.light .child-panel-activity-card .child-panel-activity-table thead th,
body.light .child-panel-activity-card .child-panel-activity-table thead tr {
  background-color: #c5cad2 !important;
  border-color: #c5cad2 !important;
}
body.light .affiliate-activity-card .affiliate-activity-table thead th,
body.light .affiliate-activity-card .affiliate-activity-table thead tr {
  background-color: #c5cad2 !important;
  border-color: #c5cad2 !important;
}
#order_min #order_count[name="max"],
#order_min #order_count[name="min"],
#order_min .form-control[name="max"],
#order_min .form-control[name="min"],
#order_min .form-control[placeholder*="Maksimum"],
#order_min .form-control[placeholder*="Maximum"],
#order_min .form-control[placeholder*="Minimum"],
#order_min input.form-control[name="max"],
#order_min input.form-control[name="min"],
#order_min input[name="max"],
#order_min input[name="min"],
#order_min input[placeholder*="Maksimum"],
#order_min input[placeholder*="Maximum"],
#order_min input[placeholder*="Minimum"] {
  color: #fff !important;
}
#order_min .form-control[name="max"]::placeholder,
#order_min .form-control[name="min"]::placeholder,
#order_min .form-control[placeholder*="Maksimum"]::placeholder,
#order_min .form-control[placeholder*="Maximum"]::placeholder,
#order_min .form-control[placeholder*="Minimum"]::placeholder,
#order_min input.form-control[name="max"]::placeholder,
#order_min input.form-control[name="min"]::placeholder,
#order_min input[name="max"]::placeholder,
#order_min input[name="min"]::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
body.light #order_min .form-control[name="max"]::placeholder,
body.light #order_min .form-control[name="min"]::placeholder,
body.light #order_min .form-control[placeholder*="Maksimum"]::placeholder,
body.light #order_min .form-control[placeholder*="Maximum"]::placeholder,
body.light #order_min .form-control[placeholder*="Minimum"]::placeholder,
body.light #order_min input[name="max"]::placeholder,
body.light #order_min input[name="min"]::placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
body.light #order_min #order_count[name="max"],
body.light #order_min #order_count[name="min"],
body.light #order_min #order_count_max,
body.light #order_min #order_count_min,
body.light #order_min .form-control[name="max"],
body.light #order_min .form-control[name="min"],
body.light #order_min .form-control[placeholder*="Maksimum"],
body.light #order_min .form-control[placeholder*="Maximum"],
body.light #order_min .form-control[placeholder*="Minimum"],
body.light #order_min input.form-control[name="max"],
body.light #order_min input.form-control[name="min"],
body.light #order_min input[name="max"],
body.light #order_min input[name="min"],
body.light #order_min input[placeholder*="Maksimum"],
body.light #order_min input[placeholder*="Maximum"],
body.light #order_min input[placeholder*="Minimum"] {
  color: #000 !important;
}
.control-label .neworder-dynamic-icon,
label .neworder-dynamic-icon {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin-right: 4px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  flex-shrink: 0 !important;
}
.control-label,
label.control-label {
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 4px !important;
}
#order_delay .control-label,
#order_delay label,
#order_link .control-label,
#order_min .control-label,
#order_posts .control-label,
#order_quantity .control-label {
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 4px !important;
}
#order_posts .control-label .neworder-dynamic-icon.ri-file-list-line,
#order_posts label .neworder-dynamic-icon.ri-file-list-line {
  color: #f97316 !important;
}
#order_delay .control-label .neworder-dynamic-icon.ri-time-line,
#order_delay label .neworder-dynamic-icon.ri-time-line {
  color: #06b6d4 !important;
}
#order_delay .payment-method-dropdown__caret {
  font-size: 0.9rem !important;
  width: 0.9rem !important;
  height: 0.9rem !important;
}
#order_delay .payment-method-dropdown.is-open .payment-method-dropdown__caret {
  font-size: 0.9rem !important;
  width: 0.9rem !important;
  height: 0.9rem !important;
}
#expiryDate.expiry-date-input,
.expiry-date-input {
  position: relative;
}
#expiryDate.expiry-date-input::-webkit-calendar-picker-indicator,
.expiry-date-input::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f59e0b' d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3Ccircle fill='%23f59e0b' cx='8' cy='14' r='1.5'/%3E%3Ccircle fill='%23f59e0b' cx='12' cy='14' r='1.5'/%3E%3Ccircle fill='%23f59e0b' cx='16' cy='14' r='1.5'/%3E%3C/svg%3E");
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 32px !important;
  height: 32px !important;
  opacity: 1 !important;
  margin-right: 8px;
}
#expiryDate.expiry-date-input::-webkit-calendar-picker-indicator:hover,
.expiry-date-input::-webkit-calendar-picker-indicator:hover {
  opacity: 0.8 !important;
}
#datetimepicker.input-group,
.input-group#datetimepicker {
  display: flex !important;
  align-items: stretch !important;
}
#datetimepicker .form-control.expiry-date-input {
  flex: 1 1 auto !important;
}
#datetimepicker .input-group-btn,
.input-group#datetimepicker .input-group-btn {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
#clearExpiry.expiry-clear-btn,
.clear-datetime.expiry-clear-btn,
.expiry-clear-btn {
  background-color: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 0 !important;
  margin-left: 8px !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 100% !important;
  min-height: 50px !important;
}
#clearExpiry.expiry-clear-btn:hover,
.clear-datetime.expiry-clear-btn:hover,
.expiry-clear-btn:hover {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgb(239 68 68 / 30%) !important;
}
#clearExpiry.expiry-clear-btn:active,
.clear-datetime.expiry-clear-btn:active,
.expiry-clear-btn:active {
  transform: scale(0.95) !important;
}
#clearExpiry.expiry-clear-btn i,
.clear-datetime.expiry-clear-btn i,
.expiry-clear-btn i {
  font-size: 22px !important;
  color: #fff !important;
}
#clearExpiry.expiry-clear-btn span,
.clear-datetime.expiry-clear-btn span,
.expiry-clear-btn span {
  display: none !important;
}
#orderSuccessAlert2 i.ri-user-line,
#orderSuccessAlert2 strong:has(+ span) i,
#orderSuccessAlert2 strong[style*="white-space: nowrap"] i {
  color: #3b82f6 !important;
}
.alert-danger,
.alert-success {
  font-size: 0.8rem !important;
  line-height: 1.3;
}
.alert-danger span,
.alert-danger strong,
.alert-success span,
.alert-success strong {
  font-size: inherit !important;
}
.alert .close,
.alert [data-dismiss="alert"],
.alert button.close,
.alert-dismissible .close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.alert-dismissible {
  padding-right: 15px !important;
}
body.light .account-details .form-control.payment-method-dropdown__trigger,
body.light .account-details .payment-method-dropdown button.form-control,
body.light .account-details .payment-method-dropdown button.payment-method-dropdown__trigger.form-control,
body.light .account-details .payment-method-dropdown__trigger,
body.light .account-details .payment-method-dropdown__trigger.form-control,
body.light .account-details .payment-method-dropdown__trigger.form-control[style],
body.light .account-details .payment-method-dropdown__trigger[style],
body.light .account-details button.form-control.payment-method-dropdown__trigger,
body.light .account-details button.payment-method-dropdown__trigger,
body.light .account-details button.payment-method-dropdown__trigger.form-control,
body.light .account-details button.payment-method-dropdown__trigger.form-control[style],
body.light .account-details button.payment-method-dropdown__trigger[style],
body.light .addfunds-page .payment-method-dropdown__trigger,
body.light .addfunds-page .payment-method-dropdown__trigger.form-control,
body.light .addfunds-page .payment-method-dropdown__trigger[style],
body.light .addfunds-page button.payment-method-dropdown__trigger,
body.light .addfunds-page button.payment-method-dropdown__trigger.form-control,
body.light .addfunds-page button.payment-method-dropdown__trigger[style],
body.light .payment-method-dropdown__trigger,
body.light .payment-method-dropdown__trigger.form-control,
body.light .payment-method-dropdown__trigger.form-control[style],
body.light .payment-method-dropdown__trigger[style],
body.light button.payment-method-dropdown__trigger,
body.light button.payment-method-dropdown__trigger.form-control,
body.light button.payment-method-dropdown__trigger.form-control[style],
body.light button.payment-method-dropdown__trigger[style] {
  background: var(--color-1) !important;
  background-image: none !important;
}
body.light .account-details .payment-method-dropdown.is-open .payment-method-dropdown__trigger,
body.light .account-details .payment-method-dropdown__trigger:active,
body.light .account-details .payment-method-dropdown__trigger:focus,
body.light .account-details .payment-method-dropdown__trigger:hover,
body.light .addfunds-page .payment-method-dropdown__trigger:active,
body.light .addfunds-page .payment-method-dropdown__trigger:focus,
body.light .addfunds-page .payment-method-dropdown__trigger:hover,
body.light .payment-method-dropdown.is-open .payment-method-dropdown__trigger,
body.light .payment-method-dropdown__trigger.form-control:active,
body.light .payment-method-dropdown__trigger.form-control:focus,
body.light .payment-method-dropdown__trigger.form-control:hover,
body.light .payment-method-dropdown__trigger:active,
body.light .payment-method-dropdown__trigger:focus,
body.light .payment-method-dropdown__trigger:focus-visible,
body.light .payment-method-dropdown__trigger:hover,
body.light button.payment-method-dropdown__trigger:active,
body.light button.payment-method-dropdown__trigger:focus,
body.light button.payment-method-dropdown__trigger:hover {
  background: var(--color-1) !important;
  background-image: none !important;
}
body.light .account-details .payment-method-dropdown__trigger,
body.light .account-details .payment-method-dropdown__trigger.form-control,
body.light .account-details button.payment-method-dropdown__trigger,
body.light .account-details button.payment-method-dropdown__trigger.form-control,
body.light .addfunds-page .payment-method-dropdown__trigger,
body.light .addfunds-page .payment-method-dropdown__trigger.form-control,
body.light .addfunds-page button.payment-method-dropdown__trigger,
body.light .addfunds-page button.payment-method-dropdown__trigger.form-control,
body.light .payment-method-dropdown__trigger,
body.light .payment-method-dropdown__trigger.form-control,
body.light button.payment-method-dropdown__trigger,
body.light button.payment-method-dropdown__trigger.form-control {
  background: var(--color-1) !important;
  background-image: none !important;
}
html body.light .account-details .payment-method-dropdown.is-open .payment-method-dropdown__trigger,
html body.light .account-details .payment-method-dropdown__trigger,
html body.light .account-details .payment-method-dropdown__trigger.form-control,
html body.light .account-details .payment-method-dropdown__trigger:active,
html body.light .account-details .payment-method-dropdown__trigger:focus,
html body.light .account-details .payment-method-dropdown__trigger:hover,
html body.light .account-details button.payment-method-dropdown__trigger,
html body.light .account-details button.payment-method-dropdown__trigger.form-control,
html body.light .addfunds-page .payment-method-dropdown__trigger,
html body.light .addfunds-page .payment-method-dropdown__trigger.form-control,
html body.light .addfunds-page .payment-method-dropdown__trigger:active,
html body.light .addfunds-page .payment-method-dropdown__trigger:focus,
html body.light .addfunds-page .payment-method-dropdown__trigger:hover,
html body.light .addfunds-page button.payment-method-dropdown__trigger,
html body.light .addfunds-page button.payment-method-dropdown__trigger.form-control,
html body.light .payment-method-dropdown.is-open .payment-method-dropdown__trigger,
html body.light .payment-method-dropdown__trigger,
html body.light .payment-method-dropdown__trigger.form-control,
html body.light .payment-method-dropdown__trigger.form-control:active,
html body.light .payment-method-dropdown__trigger.form-control:focus,
html body.light .payment-method-dropdown__trigger.form-control:hover,
html body.light .payment-method-dropdown__trigger:active,
html body.light .payment-method-dropdown__trigger:focus,
html body.light .payment-method-dropdown__trigger:focus-visible,
html body.light .payment-method-dropdown__trigger:hover,
html body.light button.payment-method-dropdown__trigger,
html body.light button.payment-method-dropdown__trigger.form-control,
html body.light button.payment-method-dropdown__trigger:active,
html body.light button.payment-method-dropdown__trigger:focus,
html body.light button.payment-method-dropdown__trigger:hover {
  background: var(--color-1) !important;
  background-image: none !important;
}
html body.light .addfunds-page .payment-method-dropdown__trigger,
html body.light .addfunds-page .payment-method-dropdown__trigger.form-control,
html body.light .addfunds-page button.payment-method-dropdown__trigger,
html body.light .addfunds-page button.payment-method-dropdown__trigger.form-control {
  background: 0 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.addfunds-page .form-group > .payment-method-selected,
.addfunds-page .form-group > .payment-method-selected__logo,
.addfunds-page .form-group > .payment-method-selected__text,
.addfunds-page .form-group > img[data-dropdown-logo] {
  display: none !important;
}
.addfunds-page .payment-method-selected {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.addfunds-page .payment-method-dropdown__trigger .payment-method-selected {
  gap: 0.55rem !important;
}
.addfunds-page .payment-method-dropdown__option-logo,
.addfunds-page .payment-method-selected__logo {
  flex: 0 0 auto !important;
  width: 60px !important;
  height: 26px !important;
  overflow: visible !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.addfunds-page .payment-method-dropdown__option-logo img,
.addfunds-page .payment-method-selected__logo img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}
.addfunds-page .payment-method-selected__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.addfunds-page .payment-method-dropdown__trigger {
  display: flex !important;
  align-items: center !important;
  column-gap: 8px !important;
  justify-content: flex-start !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.addfunds-page .payment-method-dropdown__trigger .payment-method-selected__logo {
  margin-right: 0 !important;
}
.addfunds-page .payment-method-dropdown__trigger img[data-dropdown-logo] {
  width: 52px !important;
  height: auto !important;
  max-height: 26px !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin-right: 0 !important;
}
.addfunds-page .payment-method-dropdown__trigger img[data-dropdown-logo],
.addfunds-page .payment-method-selected__logo {
  background: 0 0 !important;
  border-color: transparent !important;
}
.addfunds-page .payment-method-dropdown__trigger .payment-method-selected__text,
.addfunds-page .payment-method-dropdown__trigger [data-dropdown-label] {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.light .addfunds-page .payment-method-dropdown__trigger .payment-method-selected__text,
body.light .addfunds-page .payment-method-dropdown__trigger [data-dropdown-label] {
  flex: 0 1 auto !important;
  display: block !important;
  text-align: left !important;
}
.addfunds-page .payment-method-dropdown__caret {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  transition: transform 0.18s ease-in-out !important;
}
html
  body.light
  .addfunds-page
  .payment-method-dropdown.payment-method-dropdown--banks
  .payment-method-dropdown__trigger {
  background: var(--color-1) !important;
  border: 1px solid rgb(15 23 42 / 12%) !important;
}
body:not(.light) .g-sitem .avgtime {
  color: #fff !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}
body.light .g-sitem .avgtime {
  color: #000 !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}
@media (max-width: 991px) {
  body:not(.light) #category-drop,
  body:not(.light) #orders-drop,
  body:not(.light) #serviceSearchResults,
  body:not(.light) .dropdown-menu {
    background-color: #161b22 !important;
    border-color: #30363d !important;
  }
}
body:not(.light) .dropdown-menu {
  background-color: #161b22 !important;
  border-color: #30363d !important;
}
.dropdown-menu.show .dropdown-item,
body:not(.light) .dropdown-menu .dropdown-item {
  color: #e0e0e0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
.dropdown-menu.show .dropdown-item i,
body:not(.light) .dropdown-menu .dropdown-item i {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
body:not(.light) .dropdown-menu .dropdown-item:hover {
  background-color: #1f242c !important;
}
body.light .dropdown-menu {
  background-color: #dde1e8 !important;
  border-color: #cfd4dc !important;
}
.dropdown-menu.show .dropdown-item,
body.light .dropdown-menu .dropdown-item {
  color: #000 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
.dropdown-menu.show .dropdown-item i,
body.light .dropdown-menu .dropdown-item i {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
body.light .dropdown-menu .dropdown-item:hover {
  background-color: #cfd4dc !important;
}
.dropdown-item.danger-color .ri-shut-down-line,
.dropdown-item.danger-color i {
  color: red !important;
}
html body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger {
  justify-content: flex-start !important;
  display: flex !important;
  align-items: center !important;
  padding-right: 38px !important;
}
html body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .payment-method-selected {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 12px !important;
}
html
  body.light
  .addfunds-page
  [data-payment-dropdown]
  .payment-method-dropdown__trigger
  .payment-method-selected__logo {
  order: 1 !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}
html body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .payment-method-selected__text,
html body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger [data-dropdown-label] {
  order: 2 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  display: block !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.light .addfunds-page [data-payment-dropdown] .payment-method-dropdown__trigger .bonus-badge-integrated {
  order: 3 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}
html body.light .gcard-body .upgrades ul li button,
html body.light .gcard-body .upgrades ul li.active button,
html body.light .upgrades button,
html body.light .upgrades li.active button[data-level],
html body.light .upgrades th,
html body.light .upgrades ul li button,
html body.light .upgrades ul li button[data-level],
html body.light .upgrades ul li.active button,
html body.light .user-levels-card .upgrades button,
html body.light .user-levels-card .upgrades ul li button,
html body.light .user-levels-card .upgrades ul li.active button,
html body.light div.upgrades ul li button,
html body.light div.upgrades ul li.active button {
  background: var(--color-2) !important;
  background-color: var(--color-2) !important;
  background-image: none !important;
}
@media (max-width: 991.98px) {
  .headOut .sm-header {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .headOut .sm-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    max-width: 100%;
  }
  .headOut .sm-header-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .headOut .sm-header-logo img {
    max-height: 45px;
    max-width: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .headOut .sm-header-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }
  .headOut .sm-header-buttons .lang-switch-wrapper {
    display: inline-flex;
    align-items: center;
  }
  .headOut .sm-header-buttons .lang-switch-code-label {
    display: inline-flex;
  }
}
@media (max-width: 991.98px) and (max-width: 380px) {
  .headOut .sm-header-buttons .lang-switch-code-label {
    display: none;
  }
}

/* INSTAGRAM özel kuralı (1.25rem !important) yüksek özgüllükle gelir;
   fs-* ikon kutularında da 18px'e çekilir ki tüm markalar tek düze olsun.
   (Diğer yerlerdeki büyük instagram ikonları etkilenmez — yalnız fs-* kutusundaki.) */
span[class*="fs-"]:has(i) i.fa-instagram,
span[class*="fs-"]:has(i) i.fab.fa-instagram,
span[class^="fs-"]:has(i) i.fa-instagram,
span[class^="fs-"]:has(i) i.fab.fa-instagram {
  font-size: 18px !important;
  width: auto !important;
  min-width: auto !important;
}

/* Sipariş / Dripfeed / Abonelik kartlarında soldaki ID kutusu:
   eski görünüm korunur (geniş padding), ancak kısa/uzun ID farkına göre
   sağa-sola gereksiz genişlemesin: tüm kutular aynı minimum genişlikte başlar,
   yalnızca gerçekten uzun ID varsa büyür. Mobilde tam genişlik. */
.order-card .g-status.os-sm,
.dripfeed-card .g-status.os-sm,
.subscription-card .g-status.os-sm {
  min-width: 138px !important;
  padding: 10px 34px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
@media (max-width: 991.98px) {
  .order-card .g-status.os-sm,
  .dripfeed-card .g-status.os-sm,
  .subscription-card .g-status.os-sm {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* New order açıklama konteyneri: <p> varsayılan margin'leri kaldırılsın,
   yazının konteyner içinde üstü/altı eşit görünsün (paragraflar arası boşluk korunur). */
#service_description p {
  margin: 0;
}
#service_description p + p {
  margin-top: 0.6em;
}

/* New order "Açıklama" başlığı <label> değil <div> olduğu için alt boşluk almıyordu;
   diğer başlıklarla (label, margin-bottom: 12px) aynı görünsün. */
#description .description-label {
  display: flex !important;
  align-items: center !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
}

/* Giriş modalındaki hata/başarı bildirimi: sağ üstteki kapatma tuşunun
   altından başlasın (tuş absolute konumda olduğu için içerik üstüne binmesin). */
/* Giriş modalı hata/başarı bildirimi: kartin en ustunde, kapatma tusunun
   (absolute sag ustte) yaninda durur. */
 .login-section .login-modal-alert {
   margin-top: 0 !important;
   margin-bottom: 12px !important;
 }
 /* Not: overflow kaldirildi — buton basinca focus halkasi alttan kirlipiyordu */
 .login-section .login-signup-form {
   overflow: visible;
 }

/* TÜM hata/başarı mesajlarında alt-üst boşluk eşit görünsün:
   mesajın altına 19px (üstteki doğal boşlukla aynı) eklenir.
   Login modalındaki mesaj hariç (orada kapatma tuşu hizası ayrıca ayarlandı). */
.alert-danger:not(.login-modal-alert),
.alert-success:not(.login-modal-alert) {
  margin-top: 0 !important;
  margin-bottom: 19px !important;
}

/* Sipariş / Dripfeed / Abonelik kartlarındaki platform ikonu:
   detay başlıklarındaki (Tutar/Miktar vb. order-detail-icon) ile aynı
   boyutta olsun — 22px font / 24px kutu. */
.g-order-title .service-icon {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 26px !important;
  max-height: 26px !important;
  flex-shrink: 0 !important;
}
.g-order-title .service-icon i {
  font-size: 22px !important;
  line-height: 1 !important;
}
.g-order-title .service-icon i.fa-instagram,
.g-order-title .service-icon i.fab.fa-instagram {
  font-size: 22px !important;
  width: auto !important;
  min-width: auto !important;
}

/* Fallback (eşleşmeyen) ikon: ri-apps-2-line (kareler) — marka ikonlarıyla
   aynı 22px boyutta, 24px kutu içinde ortalanır. */
.g-order-title .service-icon i.ri-apps-2-line {
  font-size: 22px !important;
  line-height: 1 !important;
  margin-right: 10px !important;
}

/* Login modalı: alanlar signup/resetpassword ile AYNI sol hizada olsun.
   Bootstrap .col-12.col-md padding'i 15px içeriden başlatıyordu;
   sıfırlanınca içerik form kenarından başlar (diğer formlarla aynı). */
#staticBackdrop .col-12.col-md {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Login modalı dikey ritim: en üstteki alanın üstü ile en alttaki butonun
   altı eşit boşlukta dursun (üst/alt simetrisi). */
#staticBackdrop .login-signup-form > .col-12:first-child {
  padding-top: 0;
}
#staticBackdrop .login-signup-form > .col-12:last-child {
  margin-bottom: 16px;
}

/* =========================================================================
   SEKME BUTONLARI (nwoNav) KIZ/ERKEK ANAHTARI GİBİ
   neworder (Kampanyalar/Güncellemeler) ve addfunds (Online Ödeme / Banka
   Ödemesi) sekmeleri, hesap sayfasındaki cinsiyet butonu (.g-switch) ile
   aynı görünümde: kayar zeminli, yuvarlatılmış anahtar.
   Kullanım: <ul class="nwoNav nav nav-tabs g-switch"> + <div class="switch-bg">
   + li.nav-item > button.nwoNavLink. Aktif sekme sağdaysa kapsayıcıya
   .nwo-switch-right sınıfı eklenir (JS).
   ========================================================================= */
.g-switch.nwoNav {
  min-width: 280px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 0.5px solid var(--color-3);
  display: inline-flex;
  padding: 5px;
  position: relative;
  background: transparent;
  margin: 0;
  list-style: none;
  flex-wrap: nowrap;
}
.g-switch.nwoNav.nwo-switch-right .switch-bg {
  left: calc(50% - 5px);
}
.g-switch.nwoNav .switch-bg {
  background: var(--color-6);
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: 50%;
  border-radius: 10px;
  position: absolute;
  transition: 0.23s ease;
  z-index: 1;
  display: block;
  list-style: none;
  margin: 0 !important;
  height: auto;
}
.g-switch.nwoNav .nav-item {
  flex: 1;
  z-index: 2;
  display: flex;
  margin: 0;
}
/* Kız/erkek butonu gibi: odaklanınca / üzerine gelince etrafındaki ince
   çizgi maviye döner (ışık halkası yok) */
.g-switch.nwoNav:hover,
.g-switch.nwoNav:focus-within {
  border-color: var(--color-6);
}
/* Hesap sayfasındaki kız/erkek butonu: üzerine gelince dış halka yanar
   (iç yazılar renk değiştirmez) */
.g-switch:hover {
  border-color: var(--color-6);
}
.g-switch.nwoNav .nwoNavLink {
  border: none !important;
  outline: 0;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--color-4);
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  padding: 13px 25px;
  transition: 0.14s ease;
  box-sizing: border-box;
  box-shadow: none !important;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: 44px;
}
.g-switch.nwoNav .nwoNavLink:not(.active):hover {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--color-4);
}
.g-switch.nwoNav .nwoNavLink.active {
  border-color: transparent !important;
  background: transparent !important;
  color: #fff;
}
body.light .g-switch.nwoNav .nwoNavLink {
  background: transparent !important;
  border: none !important;
  color: #161b22;
}
body.light .g-switch.nwoNav .nwoNavLink:not(.active):hover {
  background: transparent !important;
  color: #161b22;
}
body.light .g-switch.nwoNav .nwoNavLink.active {
  background: transparent !important;
  color: #fff;
}
/* Mobilde geniş sekmelerin daralıp satır atlamasını engelle: anahtar iki
   seçenekli kalır (kız/erkek butonu gibi). */
@media (max-width: 991.98px) {
  .g-switch.nwoNav {
    width: 100%;
  }
  .g-switch.nwoNav .nav-item,
  .g-switch.nwoNav .nwoNavLink {
    width: auto;
  }
}
/* Marka logo/faviconlari: acik tema (body.light) aktifken otomatik siyah tona gecer */
body.light .brand-logo,
body.light .brand-icon {
  filter: brightness(0);
}

/* ==========================================================================
   Services "İncele" modalı — açıklama üstü/altı boşluk azaltma
   (new order açıklama alanındaki düzeltmenin aynısı)
   ========================================================================== */
.modal-wrapper.service-detail-modal .m-body {
  padding: 16px;
  gap: 12px;
}
.modal-wrapper.service-detail-modal .modal-description {
  padding: 10px 12px !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
.modal-wrapper.service-detail-modal .modal-description p,
.modal-wrapper.service-detail-modal .modal-description div {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}
.modal-wrapper.service-detail-modal .modal-desc {
  margin: 0 !important;
  line-height: 1.5 !important;
}
.modal-wrapper.service-detail-modal .modal-desc > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.modal-wrapper.service-detail-modal .modal-desc > :last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}