@import 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap';
@font-face {
  font-family: 'superchargestraight';
  src: url('../fonts/superchargestraight.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Friz Quadrata';
  src: url('../fonts/friz-quadrata-bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Valorant';
  src: url('../fonts/valorant.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 0.8333vw;
}

body {
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  color: #fff;
  background-color: #110f1f;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body main {
  flex-grow: 1;
}

body.overlay {
  overflow: hidden;
}

body.overlay::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 998;
}

img {
  max-height: auto;
  display: block;
  max-width: 100%;
}

::-webkit-scrollbar {
  width: 0.521vw;
  height: 0.521vw;
}

::-webkit-scrollbar-track {
  background: #18162b;
  border-radius: 0.521vw;
}

::-webkit-scrollbar-thumb {
  background: #6366f1;
  border-radius: 0.521vw;
  border: 0.104vw solid #18162b;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(136.44, 138.72, 244.36);
}

* {
  scrollbar-width: thin;
  scrollbar-color: #6366f1 #18162b;
}

button[disabled],
button.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.btn {
  display: inline-block;
  padding: 0.5208vw 1.7708vw;
  font-size: 1.0417vw;
  font-weight: 600;
  color: #fff;
  border: 0.0521vw solid #232040;
  background: rgba(0, 0, 0, 0);
  border-radius: 2.6042vw;
  text-decoration: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.btn i {
  font-size: 0.9375vw;
  margin-left: 0.8333vw;
}

.btn.primary {
  border: none;
  background-color: #6366f1;
}

.btn.primary:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.btn.secondary {
  background-color: #18162b;
}

.btn.secondary:hover {
  background-color: #0d0c1d;
}

.btn.btn-icon {
  padding: 0.8854vw;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.btn-icon i {
  font-size: 1.25vw;
  margin-left: 0;
}

.accordion .accordion-header {
  position: relative;
}

.accordion .accordion-header h5 {
  font-size: 1.3542vw;
  font-weight: 300;
  color: #726e8e;
  cursor: pointer;
  padding: 1.3021vw 0;
  transition: color 0.3s ease;
}

.accordion .accordion-header::after {
  content: '';
  font-family: 'FontAwesome';
  font-size: 0.9375vw;
  position: absolute;
  right: 0.5208vw;
  top: 50%;
  transform: translateY(-50%);
  color: #726e8e;
  transition: transform 0.3s ease;
}

.accordion .accordion-content {
  display: none;
  padding-bottom: 1.5625vw;
  color: #726e8e;
}

.accordion .accordion-content p {
  font-size: 0.8333vw;
  line-height: 1.875vw;
  color: #ffffff;
}

.accordion .accordion-content p * {
  color: #6366f1;
}

.accordion .accordion-content ul {
  padding-left: 1.0417vw;
  margin-top: 0.5208vw;
  list-style-type: disc;
}

.accordion .accordion-content ul li {
  font-size: 0.8333vw;
  color: #726e8e;
}

.accordion .accordion-content ul li:not(:last-child) {
  margin-bottom: 0.5208vw;
}

.accordion .accordion-item {
  border-bottom: 0.0521vw solid #232040;
}

.accordion .accordion-item.active .accordion-header h5 {
  color: #fff;
}

.accordion .accordion-item.active .accordion-header::after {
  color: #fff;
  transform: rotate(180deg) translateY(50%);
}

.accordion .accordion-item:last-child {
  border-bottom: none;
}

.badge {
  color: #ffffff;
  background: #121126;
  border: 1px solid #33347c;
  font-size: 0.625vw;
  border-radius: 1.042vw;
  padding: 0.156vw 0.781vw;
}

.badge.success {
  background-color: #1d333c;
  color: #22c55e;
  border: 1px solid #22c55e;
}

.toggle {
  position: relative;
}

.toggle input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.toggle input[type='checkbox']:checked + .slider {
  background-color: #6366f1;
}

.toggle .slider {
  position: relative;
  display: block;
  width: 3.125vw;
  height: 1.563vw;
  background-color: #121126;
  border-radius: 2.604vw;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.toggle .slider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.313vw;
  width: 1.146vw;
  height: 1.146vw;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.toggle input[type='checkbox']:checked + .slider::before {
  transform: translate(1.458vw, -50%);
}

.select2-container {
  display: block;
}

.select2-container .select2-selection--single {
  height: auto;
  padding: 1.354vw;
  font-size: 1.042vw;
  color: #fff;
  border: none;
  border-radius: 1.25vw;
  background-color: rgba(10, 10, 24, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  padding-left: 0 !important;
  font-size: 1.042vw;
  line-height: normal !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container .select2-selection--single::after {
  content: '';
  background: url('../images/chevron-down.svg') no-repeat center;
  background-size: 0.573vw;
  width: 0.573vw;
  height: 0.573vw;
  margin-left: auto;
}

.select2-container .select2-selection--multiple {
  height: auto;
  padding: 1.354vw;
  font-size: 1.042vw;
  color: #fff;
  border: none;
  border-radius: 1.25vw;
  background-color: #0a0a18;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(99, 102, 241, 0.5);
  border: 0.104vw solid #6366f1;
  white-space: nowrap;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  height: 100%;
  padding: 0 0.26vw;
  color: #fff;
  border-right-color: #6366f1;
}

.select2-container .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 0.521vw;
  padding-right: 0.521vw;
  display: block;
}

.select2-container .select2-selection--multiple .select2-selection__choice__display > span {
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

.select2-container .select2-selection--multiple .select2-selection__choice__display > span img {
  width: 1.667vw;
  height: auto;
}

.select2-container .select2-selection--multiple .select2-search.select2-search--inline textarea {
  margin: 0.365vw 0;
}

.select2-dropdown {
  background-color: #0a0a18;
  border: none;
  border-radius: 0.833vw;
  margin-top: 0.313vw;
  overflow: hidden;
  box-shadow: 0 0.208vw 0.625vw rgba(0, 0, 0, 0.5);
}

.select2-dropdown .select2-search--dropdown {
  padding: 0.521vw;
  background-color: #0e0d1a;
}

.select2-dropdown .select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 0.521vw 0.729vw;
  border-radius: 0.625vw;
  border: 0.052vw solid #232040;
  background-color: #18162b;
  color: #fff;
  font-size: 0.833vw;
}

.select2-container--default .select2-results__option--selected {
  background-color: #6366f1 !important;
  color: #fff !important;
}

.select2-container--default .select2-search--dropdown {
  display: block !important;
}

.select2-results__options {
  max-height: 13.021vw;
  overflow-y: auto;
}

.select2-results__options .select2-results__option {
  padding: 0.625vw 1.042vw;
  font-size: 0.938vw;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
}

.select2-results__options .select2-results__option--highlighted {
  background-color: #18162b !important;
  color: #6366f1 !important;
}

.select2-results__options .select2-results__option[aria-disabled='true'] {
  color: #726e8e;
  cursor: not-allowed;
}

.select2-results__options .select2-results__option > span {
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

.select2-results__options .select2-results__option > span img {
  width: 1.667vw;
  height: auto;
}

.select2-results__options::-webkit-scrollbar {
  width: 0.417vw;
}

.select2-results__options::-webkit-scrollbar-track {
  background: #110f1f;
  border-radius: 0.417vw;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #6366f1;
  border-radius: 0.417vw;
  border: 0.104vw solid #110f1f;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #726e8e;
}

.modal {
  width: 46.875vw;
  height: auto;
  padding: 2.083vw;
  border-radius: 2.083vw;
  background-color: #110f1f;
  border: 0.13vw solid #232040;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.modal.show {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

.modal .modal-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  border-bottom: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.modal .modal-header h4 {
  font-size: 1.458vw;
  font-weight: 500;
  margin-bottom: 0.938vw;
}

.modal .modal-header .close-modal {
  width: 1.719vw;
  height: 1.719vw;
  border: none;
  color: #fff;
  font-size: 0.938vw;
  border-radius: 50%;
  background: #726e8e;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease;
}

.modal .modal-header .close-modal:hover {
  background: hsl(247.5, 12.6984126984%, 39.4117647059%);
}

.modal .modal-content {
  padding: 1.771vw 0;
}

.modal .modal-footer {
  text-align: right;
  border-top: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.modal .modal-footer .btn {
  color: #fff;
  font-size: 1.042vw;
  font-weight: 600;
  line-height: 1.875vw;
  padding: 0.521vw 1.823vw;
  border-radius: 2.604vw;
  margin-top: 1.458vw;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-left: 1.042vw;
}

.modal .modal-footer .btn.primary {
  background-color: #6366f1;
  border: none;
}

.modal .modal-footer .btn.primary:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.modal .modal-footer .btn.secondary {
  background-color: #726e8e;
  border: none;
}

.modal .modal-footer .btn.secondary:hover {
  background-color: hsl(247.5, 12.6984126984%, 39.4117647059%);
}

.icon-checkboxes {
  gap: 1.042vw;
  display: flex;
  align-items: center;
}

.icon-checkboxes input[type='checkbox'] {
  display: none;
}

.icon-checkboxes input[type='checkbox']:checked + label {
  border: 0.104vw solid #6366f1;
  background-color: rgba(99, 102, 241, 0.1);
}

.icon-checkboxes .icon-checkbox {
  width: 3.125vw;
  height: 3.125vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.938vw;
  background-color: #0a0a18;
}

.icon-checkboxes .icon-checkbox img {
  width: 1.667vw;
  height: auto;
}

.tooltip {
  position: absolute;
  /* --- neues Look & Feel --- */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%), rgba(15, 16, 38, 0.92); /* dunkles „Glas“ */
  color: #e7eaff;
  font-size: 0.729vw;
  padding: 0.625vw 0.781vw; /* etwas mehr Luft */
  border-radius: 0.521vw;
  border: 1px solid rgba(99, 102, 241, 0.45); /* indigo-border */
  box-shadow: 0 0.833vw 2.083vw rgba(0, 0, 0, 0.45), inset 0 0.052vw 0 rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(0.625vw);
  backdrop-filter: blur(0.625vw);

  z-index: 9999;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
  max-width: 15.625vw;
  text-align: center;
  line-height: 1.3;
}

/* Pfeil */
.tooltip::after {
  content: '';
  position: absolute;
  left: 50%;
  top: -0.417vw;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 0.417vw solid transparent;
  border-right: 0.417vw solid transparent;
  border-bottom: 0.417vw solid rgba(15, 16, 38, 0.92);
  filter: drop-shadow(0 -0.052vw 0 rgba(99, 102, 241, 0.45)); /* dünner Rahmen-Effekt */
}

/* Sichtbar wie gehabt */
.tooltip.show {
  opacity: 1;
  transform: scale(1);
}

.form-group {
  margin-bottom: 1.563vw;
}

.form-group label {
  display: block;
  font-size: 1.042vw;
  font-weight: 600;
  margin-bottom: 1.042vw;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 1.042vw;
  color: #fff;
  height: 3.646vw;
  background-color: #0a0a18;
  border-radius: 0.833vw;
  border: none;
  outline: none;
  font-size: 0.938vw;
  font-family: 'Roboto', sans-serif;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #6366f1;
}

.form-group input::-moz-placeholder,
.form-group textarea::-moz-placeholder {
  color: #726e8e;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #726e8e;
}

.form-group textarea {
  min-height: 8.333vw;
  resize: none;
}

.form-group .select2-container .select2-selection--multiple {
  padding: 0.99vw;
  border-radius: 0.833vw;
}

.form-group .select2-container .select2-selection--multiple textarea {
  height: 18px;
  min-height: auto;
  border-radius: 0;
  font-size: 0.938vw;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}

.loader::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #6366f1;
  animation: prixClipFix 2s linear infinite;
}

.loader.block {
  display: block;
  margin: 0 auto;
}

.loader.secondary::before {
  border-color: #fff;
}

.loader.small {
  width: 24px;
  height: 24px;
}

.loader.small::before {
  border-width: 2.5px;
}

.loader.large {
  width: 72px;
  height: 72px;
}

.loader.large::before {
  border-width: 7.5px;
}

.cover-link {
  text-decoration: none;
  color: inherit;
}

.tab-pane {
  opacity: 0;
  transition: opacity 0.2s;
  display: none;
}

.tab-pane.active {
  display: block;
  opacity: 1;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }

  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

.navbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  padding: 1.5625vw 4.1667vw;
  background-color: rgba(0, 0, 0, 0);
  z-index: 999;
  transition: background-color 0.3s ease, padding 0.3s ease;
}

.navbar-top.scrolled {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 0.208vw 0.625vw rgba(0, 0, 0, 0.5);
  padding: 0.8vw 4.1667vw;
}

.navbar-top .left,
.navbar-top .right {
  display: flex;
  align-items: center;
}

.navbar-top .left {
  gap: 3.125vw;
}

.navbar-top .right {
  gap: 1.0417vw;
}

.navbar-top .right .btn {
  padding: 0.808vw 1.9792vw;
  gap: 0.5208vw;
  display: flex;
  align-items: center;
}

.navbar-top .right .btn img {
  width: 1.3021vw;
  height: auto;
  border-radius: 0.2604vw;
}

.navbar-top img {
  width: auto;
  height: 4.1667vw;
}

.navbar-top ul {
  gap: 3.125vw;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.navbar-top ul li a {
  color: #fff;
  font-size: 0.938vw;
  font-weight: 400;
  text-decoration: none;
}

.navbar-mobile {
  display: none;
}

/* =========================================
   Boosting Mega Dropdown – new.lolboost.gg
   ========================================= */

/* <li> mit Mega-Menü */
.navbar-top .nav-has-mega {
  position: relative;
}

/* Unsichtbare Brücke zwischen Link und Dropdown,
   damit Hover beim Runterfahren nicht abreißt */
.navbar-top .nav-has-mega::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 18px;
}

/* Link "Boosting" */
.navbar-top .nav-has-mega > a.mega-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}

.navbar-top .nav-has-mega > a.mega-link i {
  font-size: 0.75rem;
}

/* ---------------------------
   Mega-Dropdown Container
   --------------------------- */

.navbar-top .mega-dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 18px); /* Abstand nach unten */
  background: #110f1f; /* einfarbiger Background */
  border-radius: 26px;
  border: 0.13vw solid #232040;
  padding: 18px 20px 20px;
  min-width: 640px;
  max-width: 720px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.16s ease, visibility 0.16s ease;
  z-index: 999;
  overflow: hidden;
}

/* Inhalt (falls du später Effekte hinzufügst) */
.navbar-top .mega-dropdown > * {
  position: relative;
  z-index: 1;
}

/* Öffnen auf Hover / Fokus – nur Desktop */
@media (min-width: 992px) {
  .navbar-top .nav-has-mega:hover .mega-dropdown,
  .navbar-top .nav-has-mega:focus-within .mega-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* Mobile: kein Mega-Menü, da eigenes Mobile-Nav */
@media (max-width: 991px) {
  .navbar-top .mega-dropdown {
    display: none !important;
  }
}

/* ====================================
   Services Grid (LoL only – mega-pill)
   ==================================== */

.navbar-top .mega-services-only {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin-top: 10px;
}

/* Grundzustand Pill – dunkel */
.navbar-top .mega-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background-color: #18162b;
  color: #e5e7ff;
  font-size: 0.86rem;
  font-weight: 500;
  border: 0.13vw solid #232040;
  box-shadow: none;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.12s ease;
  white-space: nowrap;
}

/* Icon-Kreis mit Abstand zur Border */
.navbar-top .mega-pill .icon-circle {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.13vw solid #232040;
  box-sizing: border-box;
}

/* SVG-Icon: weiß */
.navbar-top .mega-pill .mega-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  filter: brightness(0) invert(1); /* weiß */
  transition: filter 0.3s ease;
}

/* Text direkt neben dem Icon */
.navbar-top .mega-pill .label {
  display: flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

/* Hover – rgb(99,102,241) + Icon-Kreis #110f1f */
.navbar-top .mega-pill:hover {
  background: rgb(99, 102, 241);
  border-color: #232040; /* gleiche Farbe, nur sauber gesetzt */
  color: #fdfdff;
  transform: translateY(-1px);
}

.navbar-top .mega-pill:hover .icon-circle {
  background: #110f1f; /* <--- wie gewünscht */
  border-color: #232040;
}

/* Icon bleibt weiß auf Hover */
.navbar-top .mega-pill:hover .mega-icon {
  filter: brightness(0) invert(1);
}

/* Navbar-Hover-Farbe für Hauptlinks */
.navbar-top .left ul li > a:hover,
.navbar-top .left ul li > a:focus-visible {
  color: rgb(99, 102, 241);
}

footer .content {
  padding: 3.125vw 7.8125vw 2.0833vw;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

footer .logo-footer {
  width: 26.3021vw;
  height: auto;
  margin-bottom: 1.0417vw;
}

footer p {
  font-size: 0.7292vw;
  line-height: 1.6667vw;
  color: #726e8e;
  width: 41.6667vw;
}

footer .right {
  gap: 10.4167vw;
  display: flex;
  align-items: flex-start;
}

footer .right h5 {
  font-size: 1.25vw;
  font-weight: 600;
  margin-bottom: 1.0938vw;
}

footer .right h5 i {
  font-size: 1.25vw;
  margin-right: 0.625vw;
}

footer .right ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

footer .right ul li {
  font-size: 0.8333vw;
  line-height: 1.875vw;
  color: #726e8e;
}

footer .right ul li a {
  color: #726e8e;
  text-decoration: none;
}

footer .right ul li a:hover {
  color: #6366f1;
}

footer .footer-bottom {
  padding: 1.5625vw 7.8125vw;
  border-top: 0.0521vw solid #232040;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

footer .footer-bottom p {
  font-size: 0.9375vw;
  color: #726e8e;
}

footer .footer-bottom .social-icons {
  gap: 1.0417vw;
  display: flex;
}

footer .footer-bottom .social-icons a {
  color: #fff;
  font-size: 1.0417vw;
  text-decoration: none;
}

footer .footer-bottom .social-icons a:hover {
  color: #6366f1;
}

.sec-get-started {
  padding: 8.4375vw 0;
  text-align: center;
}

.sec-get-started.one {
  background: url('../images/get-started-1.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sec-get-started.two {
  background: url('../images/get-started-2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sec-get-started.three {
  background: url('../images/get-started-3.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sec-get-started h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.0625vw;
  margin-bottom: 1.0417vw;
}

.sec-get-started p {
  font-size: 0.9375vw;
  line-height: 2.0833vw;
  color: #726e8e;
  margin-bottom: 2.6042vw;
}

.sec-get-started .btn {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.7812vw 1.8229vw;
}

.testimonials-sec {
  padding: 10.4167vw 6.5104vw;
  padding-right: 0;
}

.testimonials-sec .content {
  gap: 3.125vw;
  display: flex;
}

.testimonials-sec .left {
  width: 28.125vw;
}

.testimonials-sec .left h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.0625vw;
  margin-bottom: 1.0417vw;
}

.testimonials-sec .left p {
  font-size: 1.4583vw;
  line-height: 2.6042vw;
  color: #726e8e;
  margin-bottom: 3.125vw;
}

.testimonials-sec .slider-nav {
  gap: 0.8333vw;
  display: flex;
}

.testimonials-sec .slider-nav button {
  background: rgba(0, 0, 0, 0);
  border: 0.0521vw solid #232040;
  border-radius: 2.6042vw;
  width: 3.9583vw;
  height: 3.9583vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.testimonials-sec .slider-nav button i {
  font-size: 1.1979vw;
  color: #726e8e;
}

.testimonials-sec .slider-nav button:hover {
  background-color: rgba(99, 102, 241, 0.1);
}

.testimonials-sec .testimonials {
  flex: 1;
  min-width: 0;
}

.testimonials-sec .testimonial {
  padding: 1.5625vw;
  margin-right: 3.125vw;
  border-radius: 3.125vw;
  border: 0.0521vw solid #232040;
  height: 100%;
  min-height: 27.2917vw;
  position: relative;
}

.testimonials-sec .testimonial::before {
  content: '';
  position: absolute;
  top: 7.5521vw;
  left: 1.5625vw;
  width: 4.1667vw;
  height: 2.6042vw;
  background: url('../images/landing/comma.svg');
  background-size: 4.1667vw;
  background-repeat: no-repeat;
  background-position: center;
}

.testimonials-sec .testimonial::after {
  content: '';
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
  width: 4.1667vw;
  height: 2.6042vw;
  background: url('../images/landing/comma-reverse.svg');
  background-size: 4.1667vw;
  background-repeat: no-repeat;
  background-position: center;
}

.testimonials-sec .testimonial .details {
  gap: 1.0417vw;
  display: flex;
  align-items: center;
}

.testimonials-sec .testimonial .details h5 {
  font-size: 1.1458vw;
  font-weight: 500;
  margin-bottom: 0.5208vw;
}

.testimonials-sec .testimonial .details .rank {
  display: block;
  font-size: 0.8333vw;
  font-weight: 300;
  color: #6366f1;
}

.testimonials-sec .testimonial .avatar {
  width: 5.2083vw;
  height: 5.2083vw;
  border-radius: 2.0833vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonials-sec .testimonial .review {
  padding: 4.1667vw 0;
  color: #726e8e;
}

#login_modal,
#forgot_password_modal,
#guest_checkout_modal {
  width: 28.646vw !important;
}

#login_modal .modal-header,
#forgot_password_modal .modal-header,
#guest_checkout_modal .modal-header {
  justify-content: end;
  border-bottom: none;
}

#login_modal .modal-content,
#forgot_password_modal .modal-content,
#guest_checkout_modal .modal-content {
  padding-bottom: 0;
}

/* Nav-Tabs Container im Modal */
#login_modal .nav-tabs,
#forgot_password_modal .nav-tabs,
#guest_checkout_modal .nav-tabs {
  background: rgba(15, 23, 42, 0.95);
  border-radius: 999px;
  padding: 0.4rem;
  display: flex;
  gap: 0.35rem;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 0 1px rgba(148, 163, 253, 0.35);
  margin-bottom: 1.1rem;
}

/* Einzelner Tab */
#login_modal .nav-tabs a,
#forgot_password_modal .nav-tabs a,
#guest_checkout_modal .nav-tabs a {
  flex: 1;
  border: none;
  background: transparent;
  border-radius: 999px;
  padding: 0.45rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: rgba(226, 232, 240, 0.8);
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

/* Hover-State */
#login_modal .nav-tabs a:hover,
#forgot_password_modal .nav-tabs a:hover,
#guest_checkout_modal .nav-tabs a:hover {
  background: rgba(79, 70, 229, 0.22);
  color: #e5e7eb;
  transform: translateY(-1px);
}

/* Aktiver Tab (class="active") */
#login_modal .nav-tabs a.active,
#forgot_password_modal .nav-tabs a.active,
#guest_checkout_modal .nav-tabs a.active {
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  color: #ffffff;
  box-shadow: 0 0 18px rgba(99, 102, 241, 0.9);
}

/* Icon im aktiven Tab */
#login_modal .nav-tabs a.active i,
#forgot_password_modal .nav-tabs a.active i,
#guest_checkout_modal .nav-tabs a.active i {
  color: #ffffff;
}

/* Mobile Anpassung – Größe wie bei dir, Icons extra größer */
@media (max-width: 768px) {
  #login_modal .nav-tabs,
  #forgot_password_modal .nav-tabs,
  #guest_checkout_modal .nav-tabs {
    padding: 0.35rem;
  }

  #login_modal .nav-tabs a,
  #forgot_password_modal .nav-tabs a,
  #guest_checkout_modal .nav-tabs a {
    font-size: 0.85rem;
    padding: 0.5rem 0.7rem;
  }
}

#login_modal form .form-group label,
#forgot_password_modal form .form-group label,
#guest_checkout_modal form .form-group label {
  margin-bottom: 0.417vw;
}

#login_modal form .remember-me,
#forgot_password_modal form .remember-me,
#guest_checkout_modal form .remember-me {
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

/* Stylische Remember-Me Checkbox */
#login_modal form .remember-me input[type='checkbox'],
#forgot_password_modal form .remember-me input[type='checkbox'],
#guest_checkout_modal form .remember-me input[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 0.9vw;
  height: 0.9vw;
  min-width: 14px;
  min-height: 14px;

  border-radius: 0.35vw;
  border: 1px solid rgba(148, 163, 253, 0.6);
  background: radial-gradient(circle at 30% 30%, #1f2937 0%, #020617 60%);
  cursor: pointer;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 0 0 1px rgba(15, 23, 42, 1), 0 0 10px rgba(79, 70, 229, 0);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease, border-color 0.2s ease;
}

/* Hover-Effekt */
#login_modal form .remember-me input[type='checkbox']:hover,
#forgot_password_modal form .remember-me input[type='checkbox']:hover,
#guest_checkout_modal form .remember-me input[type='checkbox']:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 1), 0 0 14px rgba(99, 102, 241, 0.9);
  border-color: rgba(191, 219, 254, 0.9);
}

/* Checkmark (Haken) */
#login_modal form .remember-me input[type='checkbox']::after,
#forgot_password_modal form .remember-me input[type='checkbox']::after,
#guest_checkout_modal form .remember-me input[type='checkbox']::after {
  content: '';
  position: absolute;
  width: 45%;
  height: 65%;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg) scale(0);
  transform-origin: center;

  transition: transform 0.15s ease-out;
}

/* Checked-State */
#login_modal form .remember-me input[type='checkbox']:checked,
#forgot_password_modal form .remember-me input[type='checkbox']:checked,
#guest_checkout_modal form .remember-me input[type='checkbox']:checked {
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  border-color: transparent;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 1), 0 0 16px rgba(99, 102, 241, 1);
}

/* Checkmark (kleiner & mittig) */
#login_modal form .remember-me input[type='checkbox']::after,
#forgot_password_modal form .remember-me input[type='checkbox']::after,
#guest_checkout_modal form .remember-me input[type='checkbox']::after {
  content: '';
  position: absolute;
  width: 35%; /* kleiner */
  height: 55%; /* schlanker Haken */
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%) rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.15s ease-out;
}

/* sichtbarer Haken im Checked-State */
#login_modal form .remember-me input[type='checkbox']:checked::after,
#forgot_password_modal form .remember-me input[type='checkbox']:checked::after,
#guest_checkout_modal form .remember-me input[type='checkbox']:checked::after {
  transform: translate(-50%, -52%) rotate(45deg) scale(1);
}

#login_modal form .remember-me label,
#forgot_password_modal form .remember-me label,
#guest_checkout_modal form .remember-me label {
  margin: 0;
  font-size: 0.729vw;
  font-weight: 400;
}

#login_modal form .remember-me a,
#forgot_password_modal form .remember-me a,
#guest_checkout_modal form .remember-me a {
  margin-left: auto;
  font-size: 0.729vw;
  color: #6366f1;
  text-decoration: none;
}

#login_modal form .remember-me a:hover,
#forgot_password_modal form .remember-me a:hover,
#guest_checkout_modal form .remember-me a:hover {
  text-decoration: underline;
}

#login_modal form .submit-btn,
#forgot_password_modal form .submit-btn,
#guest_checkout_modal form .submit-btn {
  width: 100%;
  margin-top: 1.042vw;
  padding: 0.625vw;
  font-size: 0.938vw;
  font-weight: 600;
  color: #fff;
  background-color: #6366f1;
  border: none;
  border-radius: 0.625vw;
  cursor: pointer;
  transition: background-color 0.3s ease;
  min-height: 2.813vw;
}

#login_modal form .submit-btn:hover,
#forgot_password_modal form .submit-btn:hover,
#guest_checkout_modal form .submit-btn:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

#login_modal hr,
#forgot_password_modal hr,
#guest_checkout_modal hr {
  border: none;
  border-top: 0.104vw solid rgba(114, 110, 142, 0.1);
  margin: 1.042vw 0;
}

#login_modal .social-login,
#forgot_password_modal .social-login,
#guest_checkout_modal .social-login {
  gap: 0.521vw;
  display: flex;
  justify-content: center;
}

#login_modal .social-login a,
#forgot_password_modal .social-login a,
#guest_checkout_modal .social-login a {
  width: 100%;
  padding: 0.625vw;
  font-size: 0.833vw;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0.625vw;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#login_modal .social-login a i,
#forgot_password_modal .social-login a i,
#guest_checkout_modal .social-login a i {
  margin-right: 0.417vw;
}

#login_modal .social-login a.google-login,
#forgot_password_modal .social-login a.google-login,
#guest_checkout_modal .social-login a.google-login {
  background-color: #db4437;
}

#login_modal .social-login a.google-login:hover,
#forgot_password_modal .social-login a.google-login:hover,
#guest_checkout_modal .social-login a.google-login:hover {
  background-color: hsl(4.756097561, 69.4915254237%, 43.7254901961%);
}

#login_modal .social-login a.discord-login,
#forgot_password_modal .social-login a.discord-login,
#guest_checkout_modal .social-login a.discord-login {
  background-color: #5865f2;
}

#login_modal .social-login a.discord-login:hover,
#forgot_password_modal .social-login a.discord-login:hover,
#guest_checkout_modal .social-login a.discord-login:hover {
  background-color: rgb(40.6833333333, 57.3666666667, 238.3166666667);
}

/* Password-Wrapper im Login-Modal */
#login_modal .password-wrapper {
  position: relative;
}

/* Platz rechts für das Eye-Icon */
#login_modal .password-wrapper input[type='password'],
#login_modal .password-wrapper input[type='text'] {
  padding-right: 2.4rem;
}

/* Eye-Button */
#login_modal .password-toggle {
  position: absolute;
  right: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #6366f1;
  transition: color 0.15s ease, transform 0.12s ease;
}

#login_modal .password-toggle:hover {
  color: #18162b;
  transform: translateY(-50%) scale(1.05);
}

#login_modal .password-toggle:active {
  transform: translateY(-50%) scale(0.97);
}

#login_modal .password-toggle i {
  font-size: 1.2rem;
}

/* MOBILE: Icon & Klickfläche größer machen */
@media (max-width: 768px) {
  #login_modal .password-wrapper input[type='password'],
  #login_modal .password-wrapper input[type='text'] {
    padding-right: 3rem; /* etwas mehr Platz rechts */
  }

  #login_modal .password-toggle {
    right: 0.8rem;
    width: 32px;
    height: 32px;
  }

  #login_modal .password-toggle i {
    font-size: 3rem; /* größeres Icon auf Mobile */
  }
}

#forgot_password_modal .modal-header,
#guest_checkout_modal .modal-header {
  justify-content: space-between;
}

#forgot_password_modal form .submit-btn {
  margin-top: 0;
}

#toast-container {
  position: fixed;
  top: 1.042vw;
  right: 1.042vw;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.toast {
  min-width: 13.542vw;
  max-width: 18.75vw;
  padding: 0.729vw 0.938vw;
  border-radius: 0.521vw;
  color: #fff;
  font-family: system-ui, sans-serif;
  box-shadow: 0 0.208vw 0.781vw rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: translateY(-0.781vw);
  animation: fadeSlide 0.4s forwards;
  display: flex;
  flex-direction: column;
  border-left: 0.313vw solid;
}

.toast-title {
  font-weight: 600;
  font-size: 0.781vw;
  margin-bottom: 0.208vw;
}

.toast-message {
  font-size: 0.729vw;
  line-height: 1.35;
}

.toast.primary,
.toast.success {
  background: #1e8f3b;
  border-left-color: #0f5d22;
}

.toast.danger {
  background: #d0342c;
  border-left-color: #8c1e19;
}

.toast.warning {
  background: #f0a500;
  border-left-color: #b97a00;
}

.toast.info {
  background: #1976d2;
  border-left-color: #104a86;
}

@keyframes fadeSlide {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
    transform: translateY(-0.521vw);
  }
}

.indicator-progress {
  display: none;
}

[data-indicator='on'] > .indicator-progress {
  display: inline-block;
}

[data-indicator='on'] > .indicator-label {
  display: none;
}

.alert {
  padding: 0.938vw;
  border-radius: 0.625vw;
  font-size: 0.833vw;
  line-height: 1;
  margin: 0.781vw 0;
  border: 0.104vw solid;
  color: #fff;
  box-shadow: 0 0.104vw 0.521vw rgba(0, 0, 0, 0.08);
}

.alert.success {
  background: rgba(30, 143, 59, 0.1882352941);
  border-color: #0f5d22;
}

.alert.danger {
  background: rgba(208, 52, 44, 0.1882352941);
  border-color: #8c1e19;
}

.alert.info {
  background: rgba(25, 118, 210, 0.1882352941);
  border-color: #104a86;
}

.alert.warning {
  background: rgba(240, 165, 0, 0.1882352941);
  border-color: #b97a00;
  color: #fff;
}

.alert.primary {
  background: rgba(59, 130, 246, 0.1882352941);
  border-color: #1d4ed8;
}

.alert.secondary {
  background: rgba(107, 114, 128, 0.1882352941);
  border-color: #4b5563;
}

.alert.dark {
  background: rgba(31, 41, 55, 0.1882352941);
  border-color: #111827;
}

.alert.light {
  background: rgba(229, 231, 235, 0.1882352941);
  border-color: #9ca3af;
  color: #111;
  box-shadow: 0 0.052vw 0.26vw rgba(0, 0, 0, 0.06);
}

.sidenav-mob {
  display: none;
}

.dropdown-menu {
  position: relative;
}

.dropdown-menu .dropdown-list {
  width: 100%;
  position: absolute;
  top: 110%;
  right: 0;
  background-color: #110f1f;
  border: 0.13vw solid #232040;
  border-radius: 0.781vw;
  padding: 0.326vw;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.651vw);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.dropdown-menu .dropdown-list .dropdown-item {
  width: 100%;
  padding: 0.521vw;
  font-size: 0.911vw;
  line-height: 1.302vw;
  color: #fff;
  border: none;
  background: none;
  border-radius: 0.391vw;
  gap: 0.521vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dropdown-menu .dropdown-list .dropdown-item:last-child {
  margin-bottom: 0;
}

.dropdown-menu .dropdown-list .dropdown-item:hover {
  background-color: rgba(99, 102, 241, 0.1);
}

.dropdown-menu .dropdown-list .dropdown-item img {
  width: auto;
  height: 1.563vw;
  border-radius: 0.391vw;
}

.dropdown-menu .dropdown-list h6 {
  font-size: 0.781vw;
  font-weight: 600;
  color: #726e8e;
  margin: 0.326vw;
}

.dropdown-menu .dropdown-list hr {
  width: 90%;
  border: none;
  margin: 0.391vw auto;
  border-top: 0.13vw solid hsla(0, 0%, 100%, 0.2);
}

.dropdown-menu:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#send_tip_modal .quick-btns {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  margin-bottom: 1.5625vw;
}

#send_tip_modal .quick-btns .quick-tip-btn {
  padding: 0.938vw;
  font-size: 0.938vw;
  border-radius: 0.625vw;
  background-color: #18162b;
  width: 100%;
  color: #fff;
  border: none;
  cursor: pointer;
  border: 2px solid #232040;
  transition: background-color 0.3s ease;
}

#send_tip_modal .quick-btns .quick-tip-btn:hover {
  background-color: rgb(5.1692307692, 4.7384615385, 9.2615384615);
}

#send_tip_modal .btn-input {
  display: flex;
  align-items: center;
}

#send_tip_modal .btn-input button {
  background-color: #18162b;
  border: none;
  color: #fff;
  font-size: 0.9375vw;
  padding: 0.938vw;
  height: 100%;
  cursor: pointer;
  border-radius: 0.625vw;
  border: 2px solid #232040;
  transition: background-color 0.3s ease;
}

#send_tip_modal .btn-input button:hover {
  background-color: rgb(5.1692307692, 4.7384615385, 9.2615384615);
}

#send_tip_modal .btn-input input {
  flex-grow: 1;
  margin: 0 0.521vw;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: center;
}

#send_tip_modal .btn-input input::-webkit-outer-spin-button,
#send_tip_modal .btn-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#send_tip_modal .submit-btn {
  width: 100%;
  padding: 0.938vw;
  font-size: 0.9375vw;
  font-weight: 600;
  color: #fff;
  background-color: #6366f1;
  border: none;
  border-radius: 0.625vw;
  cursor: pointer;
  transition: background-color 0.3s ease;
  min-height: 2.813vw;
}

#send_tip_modal .submit-btn:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.landing header {
  background-image: url('../images/landing/header-bg.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: relative;
  min-height: 56.25vw;
  display: flex;
  align-items: center;
}

.landing header .content {
  padding: 0 4.1667vw;
}

.landing header .jinx {
  bottom: 0;
  left: 50%;
  width: 52.604vw;
  position: absolute;
  transform: translateX(-50%);
}

.landing header .jinx-mobile {
  display: none;
}

.landing header .big-heading {
  color: #fff;
  text-align: center;
  font-size: 6.1458vw;
  line-height: 8.0729vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.landing header .bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.landing header .bottom-content .left p {
  width: 27.6042vw;
  font-size: 1.0417vw;
  line-height: 1.7708vw;
  margin-bottom: 1.7708vw;
}

.landing header .bottom-content .left .actions {
  position: relative;
  z-index: 10;
}

.landing header .bottom-content .left .actions a:first-child {
  margin-right: 1.0417vw;
}

.landing header .rating-bar {
  padding: 1.0417vw 1.5625vw;
  border-radius: 2.6042vw;
  background-color: hsla(0, 0%, 100%, 0.06);
  box-shadow: 0 0 1.5625vw 0 rgba(0, 0, 0, 0.1), inset 0 0 1.25vw 0 #fff;
  -webkit-backdrop-filter: blur(1.5625vw);
  backdrop-filter: blur(1.5625vw);
}

.landing header .rating-bar img {
  width: 6.0417vw;
  height: auto;
  margin-right: 0.7292vw;
  display: inline-block;
}

.landing header .rating-bar .rating-text {
  font-size: 1.0417vw;
  line-height: 1.7708vw;
  display: inline-block;
}

.landing .sec-one {
  padding: 8.0729vw 14.5833vw;
  background-image: url('../images/landing/sec-one-bg.webp');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.landing .sec-one h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.0625vw;
  text-align: center;
  margin-bottom: 1.0417vw;
}

.landing .sec-one p {
  font-size: 0.9375vw;
  line-height: 2.0833vw;
  color: #726e8e;
  text-align: center;
  margin-bottom: 3.125vw;
}

.landing .sec-one .cards {
  gap: 4.1667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing .sec-one .card {
  padding: 0.0521vw;
  border-radius: 3.125vw;
  display: inline-block;
  background: linear-gradient(180deg, #6366f1 0%, #fff 100%);
}

.landing .sec-one .card .content {
  padding: 1.5625vw;
  background-color: #18162b;
  border-radius: 3.125vw;
  position: relative;
}

.landing .sec-one .card .card-title {
  font-family: 'Friz Quadrata', sans-serif;
  font-size: 1.3021vw;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 1.5625vw 0;
}

.landing .sec-one .card:nth-child(2) .card-title {
  font-family: 'valorant', sans-serif;
}

.landing .sec-one .card .card-actions {
  gap: 0.4167vw;
  display: flex;
  align-items: center;
}

.landing .sec-one .card .card-actions .btn {
  width: 100%;
  height: 3.4375vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing .sec-one .card .card-actions .btn-icon {
  width: 3.4375vw;
  height: 3.4375vw;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.landing .sec-one .card .card-actions .btn-icon i {
  color: #6366f1;
}

.landing .sec-one .card .discount-badge {
  top: 0;
  right: 3.125vw;
  position: absolute;
  width: 5.2083vw;
  height: auto;
}

.landing .sec-two {
  padding-top: 2.6042vw;
}

.landing .sec-two .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5.2083vw;
}

.landing .sec-two .top .btn {
  padding: 0.7812vw 1.9792vw;
}

.landing .sec-two h3 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.0625vw;
  margin-bottom: 0.625vw;
}

.landing .sec-two p {
  font-size: 1.4583vw;
  line-height: 2.6042vw;
  color: #726e8e;
}

.landing .sec-two .bottom {
  display: flex;
  align-items: end;
}

.landing .sec-two .bottom > img {
  width: 100%;
  height: auto;
  max-width: 46.1458vw;
}

.landing .sec-two .boosters {
  flex: 1;
  min-width: 0;
  position: relative;
}

.landing .sec-two .boosters::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 15.625vw;
  height: 100%;
  background: linear-gradient(90deg, #110f1f 0%, rgba(17, 15, 31, 0) 100%);
}

.landing .sec-two .boosters.slick-track {
  margin-right: -50vw;
}

.landing .sec-two .boosters .booster {
  height: 100%;
  min-height: 24.0625vw;
  padding: 1.5625vw;
  margin-right: 1.0417vw;
  border-radius: 3.125vw;
  background-color: #0e0d1a;
}

.landing .sec-two .boosters .booster .details {
  gap: 1.0417vw;
  display: flex;
  align-items: center;
}

.landing .sec-two .boosters .booster .details h5 {
  font-size: 1.1458vw;
  font-weight: 500;
  margin-bottom: 0.5208vw;
}

.landing .sec-two .boosters .booster .details .rank {
  display: block;
  font-size: 0.8333vw;
  color: #726e8e;
}

.landing .sec-two .boosters .booster .avatar {
  width: 5.2083vw;
  height: 5.2083vw;
  border-radius: 2.0833vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.landing .sec-two .boosters .booster .rating-rank {
  padding: 0.625vw 1.0417vw;
  background-color: #110f1f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1.0417vw;
  border: 0.0521vw solid #232040;
  margin: 1.0417vw 0 1.5625vw;
}

.landing .sec-two .boosters .booster .rating-rank .rating {
  font-size: 0.8333vw;
  font-weight: 500;
}

.landing .sec-two .boosters .booster .rating-rank .rating img {
  width: auto;
  height: 0.5208vw;
  margin-top: 0.3125vw;
}

.landing .sec-two .boosters .booster .rating-rank .rank-symbol {
  width: auto;
  height: 2.3438vw;
}

.landing .sec-two .boosters .booster .roles {
  gap: 0.5208vw;
  display: flex;
}

.landing .sec-two .boosters .booster .roles .role {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.7292vw;
  border-radius: 1.0417vw;
  background-color: #fff;
}

.landing .sec-two .boosters .booster .roles .role img {
  width: 1.5625vw;
  height: 1.5625vw;
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(0.3);
}

.landing .sec-two .boosters .booster .champions {
  gap: 0.5208vw;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5625vw;
}

.landing .sec-two .boosters .booster .champions .champion-icon {
  width: 1.9792vw;
  height: 1.9792vw;
  border-radius: 0.5208vw;
}

.landing .sec-three {
  padding: 10.4167vw 5.2083vw;
  gap: 3.125vw;
  display: flex;
  align-items: stretch;
}

.landing .sec-three .card {
  padding: 2.6042vw;
  text-align: center;
  width: 100%;
  max-width: 43.2292vw;
  border-radius: 4.1667vw;
  background: url('../images/landing/sec-three-card-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.landing .sec-three .card .actions {
  gap: 1.0417vw;
  display: flex;
  justify-content: center;
}

.landing .sec-three .card h5 {
  font-size: 1.6667vw;
  font-weight: 500;
  line-height: 2.2917vw;
  margin-bottom: 0.625vw;
}

.landing .sec-three .card p {
  font-size: 0.9375vw;
  line-height: 1.7708vw;
  color: #726e8e;
  margin-bottom: 2.0833vw;
}

.landing .sec-three .card .flags {
  margin-bottom: 1.0417vw;
}

.landing .sec-three .card img {
  margin: 0 auto;
}

.landing .sec-three .card.card-one > img {
  margin-bottom: 3.2292vw;
}

.landing .sec-three .card.card-two {
  background: url('../images/landing/sec-three-card-bg-reverse.webp');
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}

.landing .sec-three .card.card-two > img {
  margin-top: 4.375vw;
}

.landing .sec-four {
  padding: 3.125vw 0;
  background-color: #0e0d1a;
}

.landing .sec-four h3 {
  font-size: 2.083vw;
  font-weight: 500;
  margin-bottom: 3.125vw;
  margin-left: 5.208vw;
}

.landing .sec-four h3 .badge {
  font-size: 1.563vw;
  font-weight: 500;
  color: #6366f1;
  margin-left: 1.25vw;
  padding: 0.521vw 1.302vw;
  border-radius: 10.417vw;
  background-color: #18162b;
  border: 0.052vw solid #232040;
}

.landing .sec-four .orders .order-card {
  padding: 1.042vw;
  max-width: 31.25vw;
  margin-right: 2.604vw;
  border-radius: 2.083vw;
  border: 0.052vw solid #232040;
}

.landing .sec-four .orders .order-card .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.landing .sec-four .orders .order-card .top .left {
  gap: 0.625vw;
  display: flex;
  align-items: center;
}

.landing .sec-four .orders .order-card .top .left img {
  width: 3.125vw;
  height: 3.125vw;
}

.landing .sec-four .orders .order-card .top .left h6 {
  font-size: 0.677vw;
  font-weight: 600;
  color: #726e8e;
}

.landing .sec-four .orders .order-card .top .left h5 {
  font-size: 1.042vw;
  font-weight: 300;
}

.landing .sec-four .orders .order-card .top .right p {
  font-size: 0.833vw;
  font-weight: 300;
  color: #726e8e;
  text-align: end;
  margin-bottom: 0.729vw;
}

.landing .sec-four .orders .order-card .top .right p span {
  font-weight: 600;
  color: #6366f1;
}

.landing .sec-four .orders .order-card .top .right .progress-container {
  width: 15.625vw;
  height: 0.26vw;
  border-radius: 2.083vw;
  background-color: #232040;
}

.landing .sec-four .orders .order-card .top .right .progress-container .progress-bar {
  height: 0.26vw;
  border-radius: 2.083vw;
  background-color: #6366f1;
}

.landing .sec-four .orders .order-card .middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.781vw 0;
  margin: 1.042vw 0 1.563vw;
  border-top: 0.052vw solid #232040;
  border-bottom: 0.052vw solid #232040;
}

.landing .sec-four .orders .order-card .middle span {
  font-size: 0.938vw;
  color: #726e8e;
}

.landing .sec-four .orders .order-card .middle img {
  width: 0.833vw;
  height: auto;
}

.landing .sec-four .orders .order-card .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.landing .sec-four .orders .order-card .bottom div:nth-child(2) span {
  text-align: center;
}

.landing .sec-four .orders .order-card .bottom div:nth-child(3) span {
  text-align: end;
}

.landing .sec-four .orders .order-card .bottom span {
  font-size: 0.677vw;
  font-weight: 600;
  color: #726e8e;
  margin-bottom: 0.313vw;
  width: 100%;
  display: block;
}

.landing .sec-four .orders .order-card .bottom p {
  display: flex;
  align-items: center;
  font-size: 0.938vw;
}

.landing .sec-four .orders .order-card .bottom p img {
  width: auto;
  height: 1.198vw;
  margin-right: 0.365vw;
}

.landing .sec-five {
  padding: 4.1667vw 5.2083vw;
  background: url('../images/landing/sec-five-bg.png');
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
}

.landing .sec-five h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.0625vw;
  text-align: center;
  margin-bottom: 1.0417vw;
}

.landing .sec-five p {
  font-size: 0.9375vw;
  line-height: 2.0833vw;
  color: #726e8e;
  text-align: center;
  margin-bottom: 8.8542vw;
}

.landing .sec-five .method-cards .card {
  background-color: #110f1f;
  border-radius: 3.125vw;
  border: 0.0521vw solid #232040;
  padding: 1.5625vw;
  padding-left: 23.9583vw;
  max-width: 58.3333vw;
  position: relative;
}

.landing .sec-five .method-cards .card > img {
  left: 1.5625vw;
  bottom: 1.5625vw;
  position: absolute;
  width: 20.8333vw;
  height: auto;
}

.landing .sec-five .method-cards .card h5 {
  font-size: 0.9375vw;
  font-weight: 500;
  color: #6366f1;
  margin-bottom: 0.7292vw;
}

.landing .sec-five .method-cards .card h4 {
  font-size: 1.3542vw;
  font-weight: 500;
  margin-bottom: 0.5208vw;
}

.landing .sec-five .method-cards .card p {
  font-size: 0.8333vw;
  line-height: 1.5625vw;
  text-align: start;
  color: #726e8e;
  margin-bottom: 1.4583vw;
}

.landing .sec-five .method-cards .card:nth-child(2) {
  padding-left: 1.5625vw;
  padding-right: 23.9583vw;
  margin: 3.6458vw 0;
  margin-left: auto;
}

.landing .sec-five .method-cards .card:nth-child(2) > img {
  left: auto;
  right: 1.5625vw;
  bottom: 1.5625vw;
}

.landing .sec-six {
  padding: 5.2083vw;
  background-color: #0e0d1a;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background-image: url('../images/landing/sec-six-bg.webp');
  background-size: 47.3958vw;
  background-repeat: no-repeat;
  background-position: bottom left;
}

.landing .sec-six .left {
  max-width: 42.1875vw;
}

.landing .sec-six .left h2 {
  font-size: 2.9167vw;
  font-weight: 500;
  line-height: 4.0625vw;
  margin-bottom: 0.4167vw;
}

.landing .sec-six .left p {
  font-size: 1.0417vw;
  line-height: 1.875vw;
  color: #726e8e;
  margin-bottom: 2.6042vw;
}

.landing .sec-six .left .btn {
  padding: 0.7812vw 1.8229vw;
}

.landing .sec-six .right {
  gap: 1.0417vw;
  display: grid;
}

.landing .sec-six .feature-item {
  padding: 0.0521vw;
  border-radius: 2.0833vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #6366f1 100%);
  max-width: 37.5vw;
}

.landing .sec-six .feature-item:nth-child(even) .content {
  justify-self: end;
  width: 100%;
  text-align: end;
  flex-direction: row-reverse;
}

.landing .sec-six .feature-item .content {
  padding: 0.7812vw;
  background-color: #0e0d1a;
  border-radius: 2.0833vw;
  gap: 1.0417vw;
  display: flex;
  align-items: center;
  position: relative;
}

.landing .sec-six .feature-item .content h4 {
  font-size: 1.1458vw;
  font-weight: 500;
}

.landing .sec-six .feature-item .content h4 p {
  margin-top: 0.4167vw;
  color: #726e8e;
  font-weight: 400;
}

.landing .sec-six .feature-item .icon {
  width: 4.6875vw;
  height: 4.6875vw;
  border-radius: 1.1458vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6366f1;
}

.landing .sec-six .feature-item .icon i {
  font-size: 1.5625vw;
}

.landing .sec-faqs {
  padding: 5.2083vw;
  background-color: #0e0d1a;
}

.landing .sec-faqs .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.1667vw;
}

.landing .sec-faqs .top h4 {
  font-size: 2.6042vw;
  font-weight: 500;
  line-height: 4.0625vw;
  width: 39.5833vw;
}

.landing .sec-faqs .top p {
  font-size: 1.25vw;
  line-height: 2.7083vw;
  width: 29.4792vw;
  color: #726e8e;
}

.landing .sec-faqs .top p span {
  color: #6366f1;
}

.landing .payments-sec {
  padding: 2.8646vw 8.3333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.landing .payments-sec img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.landing .games-sec {
  padding: 2.8646vw 0;
  gap: 1.5625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0e0d1a;
}

.landing .games-sec .btn {
  padding: 0.7812vw 1.8229vw;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  font-weight: 400;
  border: none;
  background-color: #110f1f;
}

.landing .games-sec .btn i {
  font-size: 1.0417vw;
  margin-right: 0.5208vw;
  color: #6366f1;
}

.landing .games-sec .btn img {
  width: auto;
  height: 1.0417vw;
  margin-right: 0.5208vw;
}

.lol-boost header {
  min-height: 56.25vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.lol-boost header .content {
  max-width: 42.917vw;
  margin-left: 4.167vw;
}

.lol-boost header h1 {
  font-size: 6.771vw;
  line-height: 8.333vw;
  margin-bottom: 1.563vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.lol-boost header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.lol-boost header.one {
  background: url('../images/boost-forms/header-1.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lol-boost header.two {
  background: url('../images/boost-forms/header-2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lol-boost header.three {
  background: url('../images/boost-forms/header-3.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lol-boost header.four {
  background: url('../images/boost-forms/header-4.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lol-boost #champions_roles_modal h4.heading {
  gap: 1.042vw;
  font-size: 1.458vw;
  display: flex;
  align-items: center;
}

.lol-boost #champions_roles_modal h4.heading .bullet {
  width: 2.188vw;
  height: 2.188vw;
  border-radius: 50%;
  background-color: rgba(10, 10, 24, 0.5);
  font-size: 0.833vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lol-boost #champions_roles_modal h4.heading .badge {
  border-radius: 0.521vw;
  font-size: 0.729vw;
  font-weight: 600;
}

.lol-boost #champions_roles_modal .icon-checkboxes {
  margin: 1.823vw 0;
}

.lol-boost #champions_roles_modal .icon-checkboxes img {
  filter: contrast(1) brightness(2);
}

.lol-boost #champions_roles_modal .select2 {
  margin: 1.823vw 0;
}

.lol-boost .rank-types-nav {
  margin: 6.25vw 4.167vw 4.167vw;
  gap: 1.042vw;
  display: flex;
  justify-content: center;
  zoom: 0.8;
}

.lol-boost .rank-types-nav .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1.563vw;
  text-decoration: none;
  background-color: rgba(99, 102, 241, 0.1);
  width: 8.229vw;
  height: 9.063vw;
}

.lol-boost .rank-types-nav .nav-item.active {
  z-index: 0;
  position: relative;
}

.lol-boost .rank-types-nav .nav-item.active::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.104vw;
  background: linear-gradient(180deg, #6366f1 0%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.lol-boost .rank-types-nav .nav-item.active img {
  filter: brightness(0) invert(1);
}

.lol-boost .rank-types-nav .nav-item.active span {
  color: #fff;
}

.lol-boost .rank-types-nav .nav-item:hover img {
  filter: brightness(0) invert(1);
}

.lol-boost .rank-types-nav .nav-item:hover span {
  color: #fff;
}

.lol-boost .rank-types-nav .nav-item img {
  width: auto;
  height: auto;
  margin-bottom: 1.042vw;
  transition: filter 0.3s ease;
}

.lol-boost .rank-types-nav .nav-item span {
  font-size: 1.146vw;
  line-height: 1.563vw;
  text-align: center;
  color: #726e8e;
  transition: color 0.3s ease;
}

.lol-boost .form-content {
  padding: 0 4.167vw 6.771vw;
  gap: 1.042vw;
  display: grid;
  grid-template-columns: 60.677vw auto;
  background: url('../images/boost-forms/form-bg.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.lol-boost .form-content .boost-form {
  zoom: 0.8;
}

.lol-boost .form-content .boost-form .card {
  padding: 2.083vw;
  background-color: rgba(99, 102, 241, 0.1);
  border-radius: 2.604vw;
  border: 0.052vw solid #191735;
}

.lol-boost .form-content .boost-form .card .card-header {
  gap: 1.563vw;
  display: flex;
  align-items: start;
}

.lol-boost .form-content .boost-form .card .card-header img {
  width: 3.854vw;
  height: auto;
}

.lol-boost .form-content .boost-form .card .card-header h3 {
  font-size: 1.667vw;
  font-weight: 600;
}

.lol-boost .form-content .boost-form .card .card-header p {
  font-size: 0.833vw;
  font-weight: 600;
  color: #726e8e;
}

.lol-boost .form-content .boost-form .card.count-card .count {
  width: 4.375vw;
  height: 4.375vw;
  border-radius: 50%;
  background-color: rgba(10, 10, 24, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.188vw;
  font-weight: 500;
}

.lol-boost .form-content .boost-form .ranks,
.lol-boost .form-content .boost-form .divisions {
  gap: 1.042vw;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1.563vw;
}

.lol-boost .form-content .boost-form .ranks input[type='radio'],
.lol-boost .form-content .boost-form .divisions input[type='radio'] {
  display: none;
}

.lol-boost .form-content .boost-form .ranks input[type='radio']:checked + .rank-btn,
.lol-boost .form-content .boost-form .ranks input[type='radio']:checked + .division-btn,
.lol-boost .form-content .boost-form .divisions input[type='radio']:checked + .rank-btn,
.lol-boost .form-content .boost-form .divisions input[type='radio']:checked + .division-btn {
  z-index: 0;
  position: relative;
}

.lol-boost .form-content .boost-form .ranks input[type='radio']:checked + .rank-btn::after,
.lol-boost .form-content .boost-form .ranks input[type='radio']:checked + .division-btn::after,
.lol-boost .form-content .boost-form .divisions input[type='radio']:checked + .rank-btn::after,
.lol-boost .form-content .boost-form .divisions input[type='radio']:checked + .division-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.104vw;
  background: linear-gradient(180deg, #6366f1 0%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.lol-boost .form-content .boost-form .divisions {
  gap: 0.938vw;
  margin: 0;
}

.lol-boost .form-content .boost-form .rank-btn,
.lol-boost .form-content .boost-form .division-btn {
  display: block;
  padding: 0.938vw;
  cursor: pointer;
  border-radius: 0.938vw;
  background-color: rgba(10, 10, 24, 0.5);
}

.lol-boost .form-content .boost-form .rank-btn img,
.lol-boost .form-content .boost-form .division-btn img {
  width: 2.083vw;
  height: auto;
}

.lol-boost .form-content .boost-form .rank-btn .tooltip,
.lol-boost .form-content .boost-form .division-btn .tooltip {
  display: none;
}

.lol-boost .form-content .boost-form .division-btn {
  color: #fff;
  font-size: 1.302vw;
  width: 3.906vw;
  height: 3.385vw;
  padding: 0;
  display: flex;
  align-items: center;
  place-content: center;
}

.lol-boost .form-content .boost-form .lp-selector h6 {
  font-size: 0.729vw;
  font-weight: 600;
  margin-bottom: 0.938vw;
}

.lol-boost .form-content .boost-form .lp-selector .input-container {
  width: 100%;
  border-radius: 0.833vw;
  background-color: rgba(10, 10, 24, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lol-boost .form-content .boost-form .lp-selector .input-container button {
  color: #fff;
  font-size: 0.938vw;
  padding: 0.885vw 1.146vw;
  background-color: #110f1f;
  cursor: pointer;
  border-radius: 0.833vw;
  border: 0.052vw solid #8f8f8f;
}

.lol-boost .form-content .boost-form .lp-selector .input-container input {
  color: #fff;
  font-size: 1.042vw;
  text-align: center;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.lol-boost .form-content .boost-form .lp-selector .input-container input:focus {
  outline: none;
}

.lol-boost .form-content .boost-form .options {
  gap: 1.042vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.604vw;
}

.lol-boost .form-content .boost-form .options .option {
  width: 100%;
}

.lol-boost .form-content .boost-form .options .option h6 {
  font-size: 0.729vw;
  font-weight: 600;
  margin-bottom: 0.521vw;
  margin-left: 1.042vw;
}

.lol-boost .form-content .boost-form .options-bar {
  gap: 1.042vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.083vw;
  margin-top: 1.042vw;
  background: rgba(99, 102, 241, 0.1);
  border-radius: 2.604vw;
  border: 0.052vw solid #191735;
}

.lol-boost .form-content .boost-form .options-bar .option {
  width: 100%;
}

.lol-boost .form-content .boost-form .options-bar .option h6 {
  font-size: 0.729vw;
  font-weight: 600;
  margin-bottom: 0.833vw;
}

.lol-boost .form-content .boost-form .range-slider {
  margin: 10.417vw 0 5.208vw;
}

.lol-boost .form-content .boost-form .range-slider.noUi-target {
  border: none;
  background: none;
  box-shadow: none;
}

.lol-boost .form-content .boost-form .range-slider.noUi-target,
.lol-boost .form-content .boost-form .range-slider.noUi-target .noUi-base,
.lol-boost .form-content .boost-form .range-slider.noUi-target .noUi-connects {
  height: 1.042vw;
  border-radius: 5.208vw;
  background-color: rgba(10, 10, 24, 0.5);
}

.lol-boost .form-content .boost-form .range-slider .noUi-connect {
  background: #6366f1;
}

.lol-boost .form-content .boost-form .range-slider .noUi-handle {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 2.604vw;
  background-color: #fff;
  top: -0.729vw;
}

.lol-boost .form-content .boost-form .range-slider .noUi-handle::before,
.lol-boost .form-content .boost-form .range-slider .noUi-handle::after {
  content: none;
}

.lol-boost .form-content .boost-form .range-slider .noUi-tooltip {
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 0.625vw;
  background-color: rgba(10, 10, 24, 0.5);
  color: #fff;
  font-size: 1.458vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  border: none;
  bottom: 140%;
  position: absolute;
}

.lol-boost .form-content .boost-form .range-slider .noUi-tooltip::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.104vw;
  background: linear-gradient(180deg, #6366f1 0%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.lol-boost .form-content .boost-form .rank-boost .rank-cards {
  gap: 1.042vw;
  display: flex;
  align-items: stretch;
}

.lol-boost .form-content .boost-form .rank-boost .ranks,
.lol-boost .form-content .boost-form .rank-boost .divisions {
  gap: 1.042vw;
  display: flex;
  flex-wrap: wrap;
  margin: 3.125vw 0 1.563vw;
}

.lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio'],
.lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio'] {
  display: none;
}

.lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio']:checked + .rank-btn,
.lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio']:checked + .division-btn,
.lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio']:checked + .rank-btn,
.lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio']:checked + .division-btn {
  z-index: 0;
  position: relative;
}

.lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio']:checked + .rank-btn::after,
.lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio']:checked + .division-btn::after,
.lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio']:checked + .rank-btn::after,
.lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio']:checked + .division-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.104vw;
  background: linear-gradient(180deg, #6366f1 0%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.lol-boost .form-content .boost-form .rank-boost .divisions {
  gap: 0.938vw;
  margin: 0;
}

.lol-boost .form-content .boost-form .rank-boost .rank-btn,
.lol-boost .form-content .boost-form .rank-boost .division-btn {
  display: block;
  padding: 1.146vw 1.615vw;
  cursor: pointer;
  border-radius: 1.042vw;
  background-color: rgba(10, 10, 24, 0.5);
}

.lol-boost .form-content .boost-form .rank-boost .rank-btn img,
.lol-boost .form-content .boost-form .rank-boost .division-btn img {
  width: 2.344vw;
  height: auto;
}

.lol-boost .form-content .boost-form .rank-boost .rank-btn .tooltip,
.lol-boost .form-content .boost-form .rank-boost .division-btn .tooltip {
  display: none;
}

.lol-boost .form-content .boost-form .rank-boost .division-btn {
  color: #fff;
  font-size: 1.458vw;
  width: 5.625vw;
  height: 4.635vw;
  display: flex;
  place-content: center;
}

.lol-boost .form-content .boost-form .boost {
  gap: 1.042vw;
  display: grid;
}

.lol-boost .form-content .boost-form .mastery-boost .ranks,
.lol-boost .form-content .boost-form .arena-boost .ranks {
  margin-bottom: 0;
}

.lol-boost .form-content .boost-form .mastery-boost .card-header,
.lol-boost .form-content .boost-form .arena-boost .card-header {
  align-items: center;
}

.lol-boost .form-content .boost-form .level-boost .levels {
  gap: 1.042vw;
  display: flex;
}

.lol-boost .form-content .boost-form .level-boost .lp-selector {
  width: 100%;
}

.lol-boost .form-content .boost-form .level-boost .lp-selector h6 {
  font-size: 1.042vw;
}

.lol-boost .form-content .summary-wrapper {
  position: sticky;
  top: 1.042vw;
}

.lol-boost .form-content .order-summary {
  padding: 2.083vw;
  background-color: rgba(99, 102, 241, 0.1);
  border-radius: 2.604vw;
  border: 0.052vw solid #191735;
}

.lol-boost .form-content .order-summary h3 {
  font-size: 1.563vw;
  gap: 1.042vw;
  display: flex;
  align-items: center;
}

.lol-boost .form-content .order-summary h3 img {
  width: 1.823vw;
  height: auto;
}

.lol-boost .form-content .order-summary .rank-box {
  padding: 1.302vw 1.563vw;
  margin: 2.083vw 0 1.042vw;
  border-radius: 1.563vw;
  background-color: rgba(10, 10, 24, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lol-boost .form-content .order-summary .rank-box .to,
.lol-boost .form-content .order-summary .rank-box .from {
  text-align: center;
}

.lol-boost .form-content .order-summary .rank-box .to img,
.lol-boost .form-content .order-summary .rank-box .from img {
  width: auto;
  height: 2.083vw;
  margin: 0 auto;
}

.lol-boost .form-content .order-summary .rank-box .to .title,
.lol-boost .form-content .order-summary .rank-box .from .title {
  font-size: 0.938vw;
}

.lol-boost .form-content .order-summary .rank-box .from .game {
  font-size: 0.938vw;
  font-weight: 500;
}

.lol-boost .form-content .order-summary .rank-box .to .count {
  font-size: 0.938vw;
  font-weight: 500;
}

.lol-boost .form-content .order-summary .toggle-group {
  display: flex;
  border-radius: 1.563vw;
  padding: 0.521vw;
  width: 100%;
  position: relative;
  background-color: rgba(10, 10, 24, 0.7);
}

.lol-boost .form-content .order-summary .toggle-group input {
  display: none;
}

.lol-boost .form-content .order-summary .toggle-label {
  flex: 1;
  text-align: center;
  padding: 0.938vw;
  color: #726e8e;
  font-size: 0.938vw;
  background-color: rgba(10, 10, 24, 0.4);
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 1.042vw;
}

.lol-boost .form-content .order-summary input:checked + .toggle-label {
  background-color: rgba(10, 10, 24, 0.7);
  color: #fff;
}

/* === Add-on: Solo/Duo optisch wie große Theme-Buttons === */

/* Theme-Töne (Indigo/Violet passend zur Seite) */
.lol-boost .form-content .order-summary .toggle-group {
  --accent-1: #6366f1; /* Indigo */
  --accent-2: #3a3978; /* Violet */
  --tint: rgba(99, 102, 241, 0.14);
  --ring: rgba(99, 102, 241, 0.38);
}

.lol-boost .form-content .order-summary .toggle-label {
  position: relative;
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.05s ease;
}

/* Hover: leichter Indigo-Schimmer + helle Schrift */
.lol-boost .form-content .order-summary .toggle-label:hover {
  background: linear-gradient(180deg, #111026, var(--tint));
  color: #fff;
}
.lol-boost .form-content .order-summary .toggle-label:hover i {
  color: #d7dbff;
}

/* Active: kräftiger Verlauf + dezenter Inset-Ring */
.lol-boost .form-content .order-summary input:checked + .toggle-label {
  background: linear-gradient(180deg, #111026, var(--tint));
  color: #fff;
  box-shadow: inset 0 0 0 0.12vw var(--ring), 0 0.1vw 0.6vw rgba(0, 0, 0, 0.25);
}
.lol-boost .form-content .order-summary input:checked + .toggle-label i {
  color: #fff;
  opacity: 1;
}

/* Active/Press Feedback */
.lol-boost .form-content .order-summary .toggle-label:active {
  transform: translateY(0.5px);
}

/* Tastatur-Fokus (zugänglich) */
.lol-boost .form-content .order-summary .toggle-label:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 0.14vw var(--accent-1), 0 0 0 0.14vw rgba(99, 102, 241, 0.18);
}

.lol-boost .form-content .order-summary .totals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.042vw;
}

.lol-boost .form-content .order-summary .totals p {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.042vw;
}

.lol-boost .form-content .order-summary .totals p img {
  width: 1.615vw;
  height: auto;
  margin-right: 0.521vw;
}

.lol-boost .form-content .order-summary .totals .price {
  font-size: 1.563vw;
}

.lol-boost .form-content .order-summary .buy-now {
  width: 100%;
  font-size: 1.042vw;
  line-height: 1.875vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.781vw 0;
  margin-top: 1.563vw;
}

.lol-boost .form-content .extra-options {
  margin: 1.563vw 0;
  padding: 0 1.042vw;
}

.lol-boost .form-content .extra-options .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.458vw;
}

.lol-boost .form-content .extra-options .option.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
}

.lol-boost .form-content .extra-options .option .text {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.833vw;
  line-height: 0.729vw;
}

.lol-boost .form-content .extra-options .option .text img {
  width: 0.938vw;
  height: auto;
}

.lol-boost .form-content .completion-box {
  background-color: rgba(10, 10, 24, 0.5);
  border-radius: 1.563vw;
  border: 0.052vw solid #191735;
  padding: 1.146vw 0;
  gap: 0.625vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lol-boost .form-content .completion-box img {
  width: 1.146vw;
  height: auto;
}

.lol-boost .form-content .completion-box .text {
  font-size: 0.833vw;
  font-weight: 1.667vw;
  color: #fff;
}

.lol-boost .form-content .discount-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.563vw;
  margin: 1.042vw 0 1.563vw;
  border-radius: 1.563vw;
  border: 0.052vw solid #191735;
  background-color: rgba(10, 10, 24, 0.5);
  position: relative;
}

.lol-boost .form-content .discount-box .remove-btn {
  position: absolute;
  top: -0.26vw;
  right: -0.26vw;
  width: 1.563vw;
  height: 1.563vw;
  border: 0.104vw solid red;
  background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgba(255, 0, 0, 0.2) 100%);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.458vw;
  cursor: pointer;
  transition: all 0.3s ease;
}

.lol-boost .form-content .discount-box .remove-btn:hover {
  background-color: #c00;
  transform: scale(1.1);
}

.lol-boost .form-content .discount-box .left {
  gap: 0.938vw;
  display: flex;
  align-items: center;
}

.lol-boost .form-content .discount-box .left img {
  width: 2.083vw;
  height: auto;
}

.lol-boost .form-content .discount-box .left h5 {
  font-size: 0.938vw;
  font-weight: 500;
  margin-bottom: 0;
}

.lol-boost .form-content .discount-box .left p {
  font-size: 0.833vw;
  color: grey;
}

.lol-boost .form-content .discount-box .right {
  text-align: right;
}

/* Standard für alle h5 rechts (z. B. neutral lassen) */
.lol-boost .form-content .discount-box .right h5 {
  color: inherit; /* oder z. B. #aab0d4 */
}

/* Nur das "You save" grün machen */
.lol-boost .form-content .discount-box .right h5.saved {
  color: #22c55e; /* Grün */
  font-weight: 700;
}

/* Falls irgendwo Text-Durchstreichung o.ä. pauschal gesetzt wird: */
.lol-boost .form-content .discount-box .right h5:not(.saved) {
  text-decoration: none !important;
}

.lol-boost .form-content .discount-box .right .amounts .old {
  font-size: 0.825vw;
  text-decoration: line-through;
  color: red;
}

.lol-boost .form-content .discount-box .right .amounts .new {
  font-size: 0.981vw;
  font-weight: 900;
  margin-left: 0.5vw;
}

.lol-boost .form-content .discount-input {
  width: 100%;
  border-radius: 0.833vw;
  background-color: rgba(10, 10, 24, 0.5);
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.042vw;
}

.lol-boost .form-content .discount-input input {
  color: #fff;
  font-size: 0.938vw;
  padding: 0.885vw 1.146vw;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0.833vw;
}

.lol-boost .form-content .discount-input input:focus {
  outline: none;
}

.lol-boost .form-content .discount-input button {
  color: #fff;
  font-size: 0.938vw;
  padding: 0.885vw 1.146vw;
  background-color: #6366f1;
  cursor: pointer;
  border-radius: 0.833vw;
  border: none;
  transition: background-color 0.3s ease;
}

.lol-boost .form-content .discount-input button:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.lol-boost .form-content .payment-gateways {
  padding: 2.083vw;
  margin-top: 1.042vw;
  border-radius: 2.604vw;
  background-color: rgba(99, 102, 241, 0.1);
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.lol-boost .form-content .payment-gateways .top {
  gap: 0.938vw;
  display: flex;
  align-items: center;
  margin-bottom: 1.667vw;
}

.lol-boost .form-content .payment-gateways .top img {
  width: 2.448vw;
  height: auto;
}

.lol-boost .form-content .payment-gateways .top .text h5 {
  font-size: 1.042vw;
  font-weight: 600;
  margin-bottom: 0.313vw;
}

.lol-boost .form-content .payment-gateways .top .text p {
  font-size: 0.833vw;
  font-weight: 300;
  color: #726e8e;
}

.lol-boost .form-content .boost-faqs {
  padding: 2.083vw;
  margin-top: 1.042vw;
  padding-bottom: 0;
  background-color: rgba(10, 10, 24, 0.8);
  border-radius: 2.083vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.lol-boost .form-content .boost-faqs h4 {
  font-size: 1.667vw;
  font-weight: 500;
}

.lol-boost .form-content hr {
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  margin: 1.563vw 0;
}

.lol-boost .boost-faqs-mobile {
  display: none;
}

.lol-boost .accordion .accordion-header h5 {
  font-size: 1.146vw;
}

.lol-boost .bottom-sec {
  padding: 0 3.906vw;
  background: url('../images/boost-forms/second-sec-bg.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0vw 2.552vw;
}

.lol-boost .choose-us h4 {
  font-size: 3.125vw;
  line-height: 4.063vw;
  font-weight: 500;
  text-align: center;
  margin-bottom: 3.125vw;
}

.lol-boost .choose-us .tiles {
  gap: 1.563vw;
  display: flex;
}

.lol-boost .choose-us .tiles .tile {
  width: 29.479vw;
  padding: 3.385vw 2.604vw;
  text-align: center;
  background-color: #110f1f;
  border-radius: 3.125vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.lol-boost .choose-us .tiles .tile img {
  width: 5.208vw;
  height: auto;
  margin: 0 auto;
}

.lol-boost .choose-us .tiles .tile h5 {
  font-size: 1.354vw;
  font-weight: 500;
  margin: 1.458vw 0 1.042vw;
}

.lol-boost .choose-us .tiles .tile p {
  font-size: 0.938vw;
  line-height: 1.875vw;
  color: #726e8e;
  text-align: center;
}

.lol-boost .about-us {
  height: 36.458vw;
  margin: 6.771vw 0;
  background: url('../images/boost-forms/about-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 5.208vw 4.167vw;
}

.lol-boost .about-us .content {
  max-width: 44.271vw;
}

.lol-boost .about-us .content h4 {
  font-size: 2.292vw;
  font-weight: 600;
  margin-bottom: 1.563vw;
}

.lol-boost .about-us .content p {
  font-size: 1.146vw;
  line-height: 2.188vw;
  color: #726e8e;
}

.lol-boost .sticky-overview {
  display: none;
}

.checkout {
  background-image: url('../images/checkout/bg.webp');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top right;
}

.checkout .header {
  text-align: center;
  margin: 12.5vw 0 6.25vw;
}

.checkout .header h1 {
  font-size: 3.125vw;
  font-weight: 400;
  line-height: 4.375vw;
  text-transform: uppercase;
  font-style: italic;
  font-family: 'superchargestraight', sans-serif;
}

.checkout .header h5 {
  font-size: 1.042vw;
  font-weight: 400;
  line-height: 2.083vw;
}

.checkout .card {
  padding: 2.083vw;
  border-radius: 2.083vw;
  background-color: #110f1f;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.checkout .main-content {
  margin: 0 4.167vw;
  gap: 1.042vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.checkout .main-content .left h3 {
  font-size: 1.458vw;
  font-weight: 600;
  margin-bottom: 2.344vw;
}

.checkout .main-content .left .buttons {
  gap: 1.042vw;
  display: flex;
  margin-bottom: 2.083vw;
}

.checkout .main-content .left .buttons .btn {
  width: 100%;
  padding: 0.938vw 0;
  font-size: 0.938vw;
  font-weight: 500;
  border-radius: 0.833vw;
  gap: 0.521vw;
  display: flex;
  place-content: center;
  z-index: 0;
  position: relative;
  background-color: #0a0a18;
}

.checkout .main-content .left .buttons .btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.052vw;
  background: linear-gradient(90deg, #6366f1 0%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.checkout .main-content .left .buttons .btn img {
  width: 0.729vw;
  height: auto;
}

.checkout .main-content .left .payment-methods {
  gap: 1.563vw;
  display: grid;
}

.checkout .main-content .left .payment-methods:first-of-type {
  margin-bottom: 2.083vw;
}

.checkout .main-content .left .payment-methods .custom-radio {
  display: none;
}

.checkout .main-content .left .payment-methods .custom-radio:checked + .method-btn {
  background-color: rgba(99, 102, 241, 0.1);
  border-color: #6366f1;
}

.checkout .main-content .left .payment-methods .custom-radio:checked + .method-btn .checkmark span {
  border: none;
  background-color: #6366f1;
  background-image: url('../images/checkout/checkmark.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.checkout .main-content .left .payment-methods .method-btn {
  width: 100%;
  padding: 1.042vw;
  border-radius: 0.833vw;
  background-color: #0a0a18;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout .main-content .left .payment-methods .method-btn .checkmark {
  gap: 1.563vw;
  display: flex;
  align-items: center;
  font-size: 1.146vw;
}

.checkout .main-content .left .payment-methods .method-btn .checkmark span {
  width: 1.458vw;
  height: 1.458vw;
  border-radius: 2.604vw;
  border: 0.052vw solid #6366f1;
}

.checkout .main-content .left .payment-methods .method-btn img {
  width: auto;
  height: 1.563vw;
}

.checkout .main-content .left .payment-methods .method-btn .badge {
  padding: 0.417vw 0.938vw;
  border-radius: 0.313vw;
}

.checkout .main-content .left .payment-methods .method-btn.first .checkmark img,
.checkout .main-content .left .payment-methods .method-btn.third .checkmark img {
  filter: invert(1) brightness(2);
}

.checkout .main-content .right h3 {
  font-size: 1.458vw;
  font-weight: 600;
  margin-bottom: 2.344vw;
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

.checkout .main-content .right h3 img {
  width: 1.771vw;
  height: auto;
}

.checkout .main-content .right .summary .rank-box {
  padding: 1.302vw 1.563vw;
  margin: 2.083vw 0 1.042vw;
  border-radius: 1.563vw;
  background-color: #0a0a18;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout .main-content .right .summary .rank-box .to,
.checkout .main-content .right .summary .rank-box .from {
  text-align: center;
}

.checkout .main-content .right .summary .rank-box .to img,
.checkout .main-content .right .summary .rank-box .from img {
  width: auto;
  height: 2.083vw;
  margin: 0 auto;
}

.checkout .main-content .right .summary .rank-box .to .title,
.checkout .main-content .right .summary .rank-box .from .title {
  font-size: 0.938vw;
}

.checkout .main-content .right .summary .rank-box .from .game {
  font-size: 0.938vw;
  font-weight: 500;
}

.checkout .main-content .right .summary .rank-box .to .count {
  font-size: 0.938vw;
  font-weight: 500;
}

.checkout .main-content .right .summary .order-options {
  gap: 1.458vw;
  display: grid;
  margin-bottom: 2.083vw;
}

.checkout .main-content .right .summary .order-options .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout .main-content .right .summary .order-options .option .title {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  font-size: 1.042vw;
}

.checkout .main-content .right .summary .order-options .option .title img {
  width: auto;
  height: 0.938vw;
}

.checkout .main-content .right .summary .order-options .option .value {
  font-size: 1.042vw;
  color: #726e8e;
}

.checkout .main-content .right .summary .discount-input {
  width: 100%;
  border-radius: 0.833vw;
  background-color: #0a0a18;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.042vw;
}

.checkout .main-content .right .summary .discount-input input {
  color: #fff;
  font-size: 0.938vw;
  padding: 0.885vw 1.146vw;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0.833vw;
}

.checkout .main-content .right .summary .discount-input input:focus {
  outline: none;
}

.checkout .main-content .right .summary .discount-input button {
  color: #fff;
  font-size: 0.938vw;
  padding: 0.885vw 1.146vw;
  background-color: #6366f1;
  cursor: pointer;
  border-radius: 0.833vw;
  border: none;
  transition: background-color 0.3s ease;
}

.checkout .main-content .right .summary .discount-input button:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.checkout .main-content .right .summary #discount_alert {
  margin-top: 0.521vw;
  font-size: 0.833vw;
}

.checkout .main-content .right .summary #discount_alert.error {
  color: #ff4d4d;
}

.checkout .main-content .right .summary #discount_alert.success {
  color: #4caf50;
}

.checkout .main-content .right .summary .discount-applied {
  width: 100%;
  padding: 1.302vw 0;
  font-size: 0.938vw;
  text-align: center;
  border-radius: 1.042vw;
  border: 0.052vw solid #6366f1;
  background-color: rgba(99, 102, 241, 0.1);
  margin: 2.083vw 0;
}

.checkout .main-content .right .summary .totals-section {
  border-top: 0.052vw solid rgba(114, 110, 142, 0.1);
  padding: 2.083vw 0;
}

.checkout .main-content .right .summary .totals-section .item {
  gap: 1.563vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout .main-content .right .summary .totals-section .item div {
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

.checkout .main-content .right .summary .totals-section .item .label {
  font-size: 1.042vw;
  font-weight: 600;
  color: #726e8e;
}

.checkout .main-content .right .summary .totals-section .item .value {
  font-size: 1.667vw;
  font-weight: 800;
}

.checkout .main-content .right .summary .totals-section .item img {
  width: auto;
  height: 1.51vw;
}

.checkout .main-content .right .summary #complete_payment {
  width: 100%;
  padding: 0.781vw 0;
  font-size: 1.042vw;
  font-weight: 600;
  line-height: 1.875vw;
  border-radius: 2.604vw;
  text-align: center;
  border: none;
  background-color: #6366f1;
}

.boosters-list header {
  min-height: 56.25vw;
  background: url('../images/boosters/header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.boosters-list header .content {
  max-width: 42.917vw;
  margin-left: 4.167vw;
}

.boosters-list header h1 {
  font-size: 6.771vw;
  line-height: 8.333vw;
  margin-bottom: 1.563vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.boosters-list header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.boosters-list .main-content {
  margin: 0 4.167vw;
}

.boosters-list .filter-box .head {
  padding: 2.083vw 0;
  border-bottom: 0.156vw solid rgba(114, 110, 142, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.boosters-list .filter-box .head h2 {
  font-size: 1.667vw;
  font-weight: 500;
}

.boosters-list .filter-box .head button {
  padding: 0.521vw 1.563vw;
  font-size: 1.042vw;
  font-weight: 600;
  line-height: 1.875vw;
  border-radius: 2.604vw;
  background-color: #6366f1;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.boosters-list .filter-box .head button:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.boosters-list .filter-box .bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 1.042vw;
  margin: 2.083vw 0 4.167vw;
}

.boosters-list .filter-box .bottom .form-group {
  flex: 1 1 calc(33.333% - 1.042vw);
  min-width: 10.417vw;
  margin-bottom: 0;
}

.boosters-list .filter-box .bottom .form-group .select2-container {
  width: 100% !important;
}

.boosters-list .filter-box .bottom .form-group:nth-child(4),
.boosters-list .filter-box .bottom .form-group:nth-child(5) {
  flex: 1 1 calc(50% - 1.042vw);
}

.boosters-list .boosters {
  gap: 1.042vw;
  display: grid;
  grid-template-columns: repeat(3, minmax(29.844vw, 1fr));
}

.boosters-list .boosters .booster-card {
  border-radius: 2.604vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  background-color: rgba(10, 10, 24, 0.8);
  overflow: hidden;
  position: relative;
  padding: 2.083vw;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.boosters-list .boosters .booster-card:hover {
  transform: translateY(-0.521vw);
}

.boosters-list .boosters .booster-card .cover {
  height: 9.375vw;
  overflow: hidden;
  margin: -2.083vw -2.083vw 0 -2.083vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.boosters-list .boosters .booster-card .avatar {
  width: 8.333vw;
  height: 8.333vw;
  border-radius: 50%;
  border: 0.208vw solid #110f1f;
  overflow: hidden;
  position: absolute;
  top: 4.688vw;
  left: 2.083vw;
}

.boosters-list .boosters .booster-card .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.boosters-list .boosters .booster-card .details {
  margin-top: 5.729vw;
}

.boosters-list .boosters .booster-card .details .top {
  display: flex;
  align-items: top;
  justify-content: space-between;
}

.boosters-list .boosters .booster-card .details .top h5 {
  font-size: 1.25vw;
  font-weight: 500;
  margin-bottom: 0.417vw;
  gap: 0.521vw;
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #6366f1, #8b5cf6, #d946ef);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; /* nur Text wird „ausgestanzt“ */
  color: transparent; /* Fallback */
}

.boosters-list .boosters .booster-card .details .top h5 img {
  width: 1.042vw;
}

.boosters-list .boosters .booster-card .details .top h6 {
  font-size: 0.833vw;
  color: #726e8e;
}

.boosters-list .boosters .booster-card .details .top .rank-box {
  width: 7.292vw;
  height: 2.917vw;
  border-radius: 0.729vw;
  border: 0.052vw solid rgba(99, 102, 241, 0.1);
  background-color: rgba(99, 102, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.boosters-list .boosters .booster-card .details .top .rank-box img {
  width: auto;
  height: 1.563vw;
}

.boosters-list .boosters .booster-card .details .mid {
  gap: 0.417vw;
  display: flex;
  margin-top: 1.563vw;
}

.boosters-list .boosters .booster-card .details .mid .role-icon {
  width: 2.344vw;
  height: 2.344vw;
  border-radius: 0.417vw;
  background-color: rgba(99, 102, 241, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.boosters-list .boosters .booster-card .details .mid .role-icon img {
  width: 1.25vw;
  height: 1.25vw;
  filter: contrast(1) brightness(2);
}

.boosters-list .boosters .booster-card .details .mid small {
  font-size: 0.729vw;
  color: #726e8e;
}

.boosters-list .boosters .booster-card .details .bottom {
  margin-top: 4.531vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.boosters-list .boosters .booster-card .details .bottom .champions {
  gap: 0.417vw;
  display: flex;
}

.boosters-list .boosters .booster-card .details .bottom .champions .champion-icon,
.boosters-list .boosters .booster-card .details .bottom .champions .more-champions-icon {
  width: 1.563vw;
  height: 1.563vw;
  border-radius: 0.417vw;
  font-size: 0.625vw;
  color: #ffffff;
  background-color: rgba(10, 10, 24, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.boosters-list .boosters .booster-card .details .bottom .rating-badge {
  width: 3.125vw;
  height: 1.563vw;
  border-radius: 0.417vw;
  background-color: rgba(10, 10, 24, 0.8);
  font-size: 0.625vw;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  gap: 0.417vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boosters-list .boosters .booster-card .details .bottom .rating-badge img {
  width: 0.729vw;
  height: auto;
}

.boosters-list #loading-spinner {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 1.563vw auto;
}

.boosters-list .no-boosters {
  font-size: 1.25vw;
  color: #726e8e;
  margin-bottom: 4.167vw;
  text-indent: 1.042vw;
}

.boosters-view header {
  min-height: 56.25vw;
  background: url('../images/boosters/view-header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.boosters-list {
  background: url(../images/boost-forms/form-bg.webp);
  background-size: contain;
  background-position: center;
}

.boosters-view {
  background: url(../images/boost-forms/form-bg.webp);
  background-size: contain;
  background-position: center;
}

.boosters-view header .content {
  max-width: 42.917vw;
  margin-left: 4.167vw;
}

.boosters-view header h1 {
  font-size: 6.771vw;
  line-height: 8.333vw;
  margin-bottom: 1.563vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.boosters-view header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.boosters-view .main-content {
  margin: 4.167vw 12.167vw;
  border-radius: 3.125vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  background-color: rgba(10, 10, 24, 0.8);
  padding: 4.167vw;
  position: relative;
  zoom: 0.8;
}

.boosters-view .main-content .cover {
  height: 15.625vw;
  overflow: hidden;
  margin: -4.167vw -4.167vw 0 -4.167vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.boosters-view .main-content .avatar {
  width: 15.625vw;
  height: 15.625vw;
  border-radius: 50%;
  border: 0.313vw solid #110f1f;
  overflow: hidden;
  position: absolute;
  top: 7.083vw;
  left: 4.375vw;
}

.boosters-view .main-content .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.boosters-view .main-content .details {
  margin-top: 10.208vw;
}

.boosters-view .main-content .details .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2.083vw;
  border-bottom: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.boosters-view .main-content .details .top .info h5 {
  font-size: 1.771vw;
  font-weight: 500;
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

/* Name im h5 mit Verlauf, Icon bleibt normal */
.boosters-view .main-content .details .top .info h5 {
  /* dein bestehendes Layout bleibt erhalten */
  background: linear-gradient(to right, #6366f1, #8b5cf6, #d946ef);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; /* nur Text wird „ausgestanzt“ */
  color: transparent; /* Fallback */
}

/* Verifizierungs-Icon sauber ausrichten */
.boosters-view .main-content .details .top .info h5 img {
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.45rem;
  vertical-align: middle;
}

.boosters-view .main-content .details .top .info h5 img {
  width: 1.563vw;
}

.boosters-view .main-content .details .top .info h6 {
  font-size: 1.354vw;
  color: #726e8e;
  gap: 2.083vw;
  display: flex;
  align-items: baseline;
}

/* Rating-Badge: pill + dunkler, halbtransparenter Hintergrund */
.boosters-view .main-content .details .top .info .rating-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem; /* Abstand zwischen Icon und Zahl */
  margin-inline: 0.5rem; /* links & rechts */
  padding: 0.55rem 0.55rem; /* innenabstand – macht die „Pill“-Form */
  border-radius: 999px; /* immer komplett rund, egal wie lang der Text ist */
  background: rgba(10, 10, 24, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08); /* optional feiner Rand */
  box-shadow: inset 0 0 0.35rem rgba(0, 0, 0, 0.25); /* optional leichte Tiefe */
  color: #e7e9ff;
  font-weight: 700;
  line-height: 1;
}

.boosters-view .main-content .details .top .info h6 .rating-badge img {
  width: 1.042vw;
  height: auto;
  margin-right: 0.313vw;
}

.boosters-view .main-content .details .top .info h6 .rating-badge span {
  font-size: 1.042vw;
}

.boosters-view .main-content .details .top .buttons .btn:nth-child(1) {
  margin-right: 1.042vw;
}

.boosters-view .main-content .details .top .mobile-btn {
  display: none;
}

.boosters-view .main-content .details .bottom {
  margin-top: 2.083vw;
}

.boosters-view .main-content .details .bottom .tabs {
  background-color: #0a0a18;
  border-radius: 1.563vw;
  padding: 0.521vw;
  width: -moz-fit-content;
  width: fit-content;
}

.boosters-view .main-content .details .bottom .tabs button {
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 0.938vw;
  font-weight: 600;
  padding: 0.938vw 4.167vw;
  border-radius: 1.042vw;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.boosters-view .main-content .details .bottom .tabs button.active {
  background-color: #110f1f;
  color: #fff;
}

.boosters-view .main-content .details .bottom .tabs button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.boosters-view .main-content .details .bottom .description {
  margin: 2.604vw 0;
}

.boosters-view .main-content .details .bottom .description h4 {
  font-size: 1.667vw;
  font-weight: 500;
  margin-bottom: 0.729vw;
}

.boosters-view .main-content .details .bottom .description p {
  font-size: 1.146vw;
  font-weight: 300;
  line-height: 2.188vw;
  color: #ffffff;
}

.boosters-view .main-content .details .bottom .features {
  gap: 2.083vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.boosters-view .main-content .details .bottom .features .recent-orders {
  padding: 2.083vw;
  border-radius: 2.083vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  background-color: #0a0a18;
}

.boosters-view .main-content .details .bottom .features .recent-orders h4 {
  font-size: 1.667vw;
  font-weight: 500;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item {
  margin-top: 2.083vw;
  padding-top: 2.083vw;
  border-top: 0.104vw solid rgba(114, 110, 142, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item .title {
  gap: 1.146vw;
  display: flex;
  align-items: center;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item .title .icon {
  padding: 1.146vw;
  border-radius: 0.521vw;
  aspect-ratio: 1/1;
  background-color: #0a0a18;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item .title .icon i {
  font-size: 1.354vw;
  --fa-primary-color: #fff !important;
  --fa-secondary-color: $primary-color !important;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item .title p {
  font-size: 1.146vw;
  font-weight: 500;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item .title p small {
  font-size: 1.042vw;
  font-weight: 500;
  margin-top: 0.521vw;
  color: #726e8e;
}

.boosters-view .main-content .details .bottom .features .recent-orders .order-item .badge {
  font-size: 0.833vw;
  border-radius: 0.625vw;
  padding: 0.781vw 1.823vw;
  color: #6366f1;
  background-color: rgba(99, 102, 241, 0.1);
}

.boosters-view .main-content .details .bottom .features .tiles {
  gap: 2.083vw;
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.boosters-view .main-content .details .bottom .features .tiles .tile {
  padding: 2.083vw;
  border-radius: 2.083vw;
  background-color: #0a0a18;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.boosters-view .main-content .details .bottom .features .tiles .tile .head {
  padding-bottom: 1.354vw;
  border-bottom: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.boosters-view .main-content .details .bottom .features .tiles .tile .head img {
  width: auto;
  height: 2.604vw;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body {
  margin-top: 1.563vw;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body h5 {
  font-size: 1.042vw;
  font-weight: 500;
  margin-bottom: 0.938vw;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .rank-icon {
  width: auto;
  height: 3.125vw;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .roles {
  gap: 0.521vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .roles .role-icon {
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 0.521vw;
  background-color: #0a0a18;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .roles .role-icon img {
  width: 1.563vw;
  height: 1.563vw;
  filter: contrast(1) brightness(2);
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .langs {
  gap: 0.781vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .langs img {
  width: 2.604vw;
  height: auto;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .champs {
  gap: 0.521vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.boosters-view .main-content .details .bottom .features .tiles .tile .body .champs img {
  width: 2.083vw;
  height: 2.083vw;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.contact-page header {
  min-height: 56.25vw;
  background: url('../images/contact/header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.contact-page header .content {
  max-width: 42.917vw;
  margin-left: 4.167vw;
}

.contact-page header h1 {
  font-size: 5.208vw;
  line-height: 8.333vw;
  margin-bottom: 1.042vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.contact-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.contact-page .cards {
  margin: 4.167vw;
  gap: 4.167vw;
  display: flex;
  align-items: stretch;
}

.contact-page .cards .card {
  padding: 3.125vw;
  border-radius: 3.125vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.contact-page .cards .card .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-page .cards .card .head .icon {
  width: 7.813vw;
  height: 7.813vw;
  border-radius: 2.083vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-page .cards .card .head .icon img {
  width: auto;
  height: 2.604vw;
}

.contact-page .cards .card .head h3 {
  font-size: 2.188vw;
  font-weight: 400;
}

.contact-page .cards .card .head h6 {
  font-size: 1.146vw;
  font-weight: 400;
  color: #6366f1;
}

.contact-page .cards .card .content {
  margin-top: 4.167vw;
}

.contact-page .cards .card .content p {
  font-size: 1.146vw;
  line-height: 2.188vw;
  color: #726e8e;
  margin-bottom: 1.563vw;
}

.contact-page .cards .card .content .btn {
  font-size: 1.042vw;
  padding: 0.521vw 3.906vw;
}

.contact-page .sec-faqs {
  padding: 5.2083vw;
  background-color: #0e0d1a;
}

.contact-page .sec-faqs .top {
  margin-bottom: 4.1667vw;
}

.contact-page .sec-faqs .top h4 {
  font-size: 2.6042vw;
  font-weight: 500;
  line-height: 4.0625vw;
  text-align: center;
}

.jobs-page header {
  min-height: 56.25vw;
  background: url('../images/jobs/header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.jobs-page header .content {
  max-width: 44.917vw;
  margin-left: 4.167vw;
}

.jobs-page header h1 {
  font-size: 4.688vw;
  line-height: 5.729vw;
  margin-bottom: 1.563vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.jobs-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
  max-width: 32.813vw;
}

.jobs-page header .badges {
  margin: 2.083vw 0 4.167vw;
  gap: 2.083vw;
  display: flex;
  align-items: center;
}

.jobs-page header .badges .badge {
  padding: 1.042vw;
  color: #fff;
  font-size: 1.042vw;
  font-weight: 500;
  border-radius: 1.042vw;
  gap: 0.833vw;
  display: flex;
  align-items: center;
  border: 0.052vw solid #6366f1;
  background-color: rgba(99, 102, 241, 0.2);
}

.jobs-page header .badges .badge img {
  width: auto;
  height: 1.354vw;
}

.jobs-page header .btn {
  font-size: 1.042vw;
  line-height: 1.875vw;
  padding: 0.521vw 2.5vw;
}

.jobs-page .cards {
  margin: 4.167vw;
  gap: 4.167vw;
  display: flex;
  align-items: stretch;
}

.jobs-page .cards .card {
  padding: 3.125vw;
  border-radius: 3.125vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
}

.jobs-page .cards .card .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jobs-page .cards .card .head .icon {
  width: 7.813vw;
  height: 7.813vw;
  border-radius: 2.083vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.jobs-page .cards .card .head .icon img {
  width: auto;
  height: 2.604vw;
}

.jobs-page .cards .card .head h3 {
  font-size: 2.188vw;
  font-weight: 400;
}

.jobs-page .cards .card .head h6 {
  font-size: 1.146vw;
  font-weight: 400;
  color: #6366f1;
}

.jobs-page .cards .card .content {
  margin-top: 4.167vw;
}

.jobs-page .cards .card .content p {
  font-size: 1.146vw;
  line-height: 2.188vw;
  color: #726e8e;
  margin-bottom: 1.563vw;
}

.jobs-page .cards .card .content .btn {
  font-size: 1.042vw;
  padding: 0.521vw 3.906vw;
}

.jobs-page .cards .card.lol-card h6 {
  color: #e9a13b;
}

.jobs-page .cards .card.lol-card .btn {
  background-color: #e9a13b;
}

.jobs-page .cards .card.val-card h6 {
  color: #e82838;
}

.jobs-page .cards .card.val-card .btn {
  background-color: #e82838;
}

.jobs-page .sec-faqs {
  padding: 5.2083vw;
  background-color: #0e0d1a;
}

.jobs-page .sec-faqs .top {
  margin-bottom: 4.1667vw;
}

.jobs-page .sec-faqs .top h4 {
  font-size: 2.6042vw;
  font-weight: 500;
  line-height: 4.0625vw;
  text-align: center;
}

.jobs-page .features-sec {
  padding: 5.208vw 4.167vw;
  background-color: #0e0d1a;
}

.jobs-page .features-sec h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.063vw;
  text-align: center;
}

.jobs-page .features-sec h6 {
  font-size: 1.042vw;
  font-weight: 400;
  line-height: 1.875vw;
  max-width: 44.01vw;
  text-align: center;
  margin: 1.042vw auto 3.125vw;
}

.jobs-page .features-sec .feature-tiles {
  gap: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jobs-page .features-sec .feature-tiles .tile {
  padding: 1.563vw;
  border-radius: 3.125vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  background-color: #110f1f;
}

.jobs-page .features-sec .feature-tiles .tile img {
  width: 6.25vw;
  height: 6.25vw;
  margin-bottom: 4.792vw;
}

.jobs-page .features-sec .feature-tiles .tile h5 {
  font-size: 1.25vw;
  font-weight: 500;
  margin-bottom: 0.521vw;
}

.jobs-page .features-sec .feature-tiles .tile p {
  font-size: 0.938vw;
  font-weight: 300;
  line-height: 1.563vw;
  color: #726e8e;
}

.jobs-page .features-sec .btn {
  font-size: 1.042vw;
  line-height: 1.875vw;
  padding: 0.521vw 2.5vw;
  margin: 4.167vw auto 0;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.jobs-page .requirements-sec {
  padding: 5.208vw 4.167vw;
  background: url('../images/boost-forms/second-sec-bg.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.jobs-page .requirements-sec h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.063vw;
  text-align: center;
}

.jobs-page .requirements-sec h6 {
  font-size: 1.042vw;
  font-weight: 400;
  line-height: 1.875vw;
  max-width: 44.01vw;
  text-align: center;
  margin: 1.042vw auto 3.125vw;
}

.jobs-page .requirements-sec .requirement-cards {
  gap: 2.083vw;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.jobs-page .requirements-sec .requirement-cards .card {
  padding: 2.083vw;
  border-radius: 2.604vw;
  min-width: 29.167vw;
  background-color: #110f1f;
  z-index: 0;
  position: relative;
}

.jobs-page .requirements-sec .requirement-cards .card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.052vw;
  background: linear-gradient(180deg, #6366f1 0%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.jobs-page .requirements-sec .requirement-cards .card img {
  width: 5.208vw;
  height: 5.208vw;
  margin-bottom: 2.083vw;
}

.jobs-page .requirements-sec .requirement-cards .card h4 {
  font-size: 1.458vw;
  font-weight: 400;
  margin-bottom: 0.521vw;
}

.jobs-page .requirements-sec .requirement-cards .card p {
  font-size: 0.938vw;
  font-weight: 400;
  color: #6366f1;
  margin-bottom: 1.042vw;
}

.jobs-page .requirements-sec .requirement-cards .card .list-box p {
  font-size: 0.833vw;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}

.jobs-page .requirements-sec .requirement-cards .card .list-box ul {
  list-style: none;
  padding-left: 0;
  margin: 1.563vw 0;
}

.jobs-page .requirements-sec .requirement-cards .card .list-box ul li {
  font-size: 0.833vw;
  font-weight: 400;
  margin-bottom: 0.729vw;
  color: #726e8e;
  background: url('../images/jobs/check.svg') no-repeat left center;
  background-size: 0.833vw 0.833vw;
  padding-left: 1.354vw;
}

.jobs-page .requirements-sec .requirement-cards .card h5 {
  font-size: 1.042vw;
  font-weight: 500;
  margin-bottom: 1.042vw;
}

.jobs-page .requirements-sec .requirement-cards .card .earning-boxes {
  gap: 2.083vw;
  display: flex;
  align-items: center;
}

.jobs-page .requirements-sec .requirement-cards .card .earning-boxes .box {
  padding: 1.042vw;
  border-radius: 1.354vw;
  border: 0.052vw solid #6366f1;
  background-color: rgba(99, 102, 241, 0.1);
}

.jobs-page .requirements-sec .requirement-cards .card .earning-boxes .box h6 {
  font-size: 0.833vw;
  font-weight: 400;
  margin: 0 0 0.521vw;
  text-align: start;
}

.jobs-page .requirements-sec .requirement-cards .card .earning-boxes .box p {
  font-size: 0.729vw;
  margin-bottom: 0;
  color: #726e8e;
}

.blogs-page header {
  min-height: 56.25vw;
  background: url('../images/contact/header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.blogs-page header .content {
  max-width: 40.917vw;
  margin-left: 4.167vw;
}

.blogs-page header h1 {
  font-size: 7.208vw;
  line-height: 9.333vw;
  margin-bottom: 1.042vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.blogs-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.blogs-page .container {
  margin: 2.604vw auto;
  max-width: 80%;
}

.blogs-page .container .blogs {
  gap: 1.563vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.blogs-page .container .blogs .blog {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  border-radius: 1.146vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.1);
  overflow: hidden;
}

.blogs-page .container .blogs .blog .extended-link {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.blogs-page .container .blogs .blog img {
  width: 100%;
  height: auto;
  border-radius: 1.146vw;
}

.blogs-page .container .blogs .blog .body {
  padding: 1.563vw;
}

.blogs-page .container .blogs .blog .body h3 {
  font-size: 1.5vw;
  margin-bottom: 0.781vw;
}

.blogs-page .container .blogs .blog .body p {
  font-size: 1vw;
  color: #726e8e;
}

.blogs-page .container .blogs .blog .footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.563vw 1.563vw 1.563vw;
}

.blogs-page .container .blogs .blog .footer .flex {
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

.blogs-page .container .blogs .blog .footer .flex i {
  color: #6366f1;
  font-size: 1.2vw;
}

.blogs-page .container .blogs .blog .footer .flex time {
  font-size: 0.9vw;
  color: #726e8e;
}

.blogs-page .container .blogs .blog .footer a {
  font-size: 0.9vw;
  color: #6366f1;
  text-decoration: none;
}

.blogs-page .container .pagination {
  margin-top: 2.083vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.521vw;
  flex-wrap: wrap;
}

.blogs-page .container .pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.604vw;
  height: 2.604vw;
  border: 0.104vw solid rgba(114, 110, 142, 0.2);
  border-radius: 0.625vw;
  color: #726e8e;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  padding: 0 0.781vw;
  font-size: 0.95vw;
}

.blogs-page .container .pagination a:hover {
  border-color: #6366f1;
  color: #6366f1;
  background-color: rgba(99, 102, 241, 0.1);
}

.blogs-page .container .pagination a.active {
  background-color: #6366f1;
  color: #fff;
  border-color: #6366f1;
  pointer-events: none;
}

.blogs-page .container .pagination a.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.blogs-page .container .pagination .prev,
.blogs-page .container .pagination .next {
  font-weight: 600;
  font-size: 0.9vw;
}

.article-page {
  background-image: url('../images/general-header-bg.webp');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.article-page .header {
  text-align: center;
  margin: 12.5vw 0 6.25vw;
}

.article-page .header h1 {
  font-size: 4.125vw;
  font-weight: 400;
  line-height: 6.375vw;
  text-transform: uppercase;
  font-style: italic;
  font-family: 'superchargestraight', sans-serif;
}

.article-page .header h5 {
  font-size: 1.042vw;
  font-weight: 400;
  line-height: 2.083vw;
}

.article-page .container {
  max-width: 68.75vw;
  margin: 0 auto 6.25vw;
  padding: 0 2.083vw;
}

.article-page .container > div {
  margin-bottom: 1.6vw;
}

.article-page .container i {
  font-size: 1.042vw;
  color: #6366f1;
  margin-right: 0.521vw;
}

.article-page .container span {
  font-size: 0.938vw;
  color: #726e8e;
}

.article-page .container time {
  font-size: 0.938vw;
  color: #726e8e;
}

.article-page .container article h2 {
  font-size: 2.188vw;
  font-weight: 500;
  margin-bottom: 1.563vw;
}

.article-page .container article h3 {
  font-size: 1.625vw;
  font-weight: 500;
  margin-bottom: 1.563vw;
}

.article-page .container article p {
  font-size: 1.042vw;
  font-weight: 300;
  line-height: 2.188vw;
  color: #726e8e;
  margin-bottom: 1.563vw;
}

.article-page .container article img {
  width: 100%;
  height: auto;
  border-radius: 1.042vw;
  margin: 2.083vw 0;
}

.article-page .container article ul {
  list-style-type: disc;
  padding-left: 2.604vw;
  margin-bottom: 1.563vw;
}

.article-page .container article ul li {
  font-size: 1.042vw;
  font-weight: 300;
  line-height: 2.188vw;
  color: #726e8e;
  margin-bottom: 0.781vw;
}

.imprint-page {
  background-image: url('../images/general-header-bg.webp');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.imprint-page .header {
  text-align: center;
  margin: 12.5vw 0 6.25vw;
}

.imprint-page .header h1 {
  font-size: 4.125vw;
  font-weight: 400;
  line-height: 6.375vw;
  text-transform: uppercase;
  font-style: italic;
  font-family: 'superchargestraight', sans-serif;
}

.imprint-page .container {
  max-width: 68.75vw;
  margin: 0 auto 6.25vw;
  padding: 0 2.083vw;
}

.imprint-page .container h2 {
  font-size: 1.789vw;
  font-weight: 500;
  margin-bottom: 0;
}

.imprint-page .container p {
  font-size: 1.042vw;
  font-weight: 300;
  line-height: 2.188vw;
  color: #726e8e;
  margin-bottom: 1.563vw;
}

.imprint-page .container p a {
  color: #6366f1;
  text-decoration: none;
}

.imprint-page .container p a:hover {
  text-decoration: underline;
}

.imprint-page.thankyou .container {
  text-align: center;
}

.imprint-page.thankyou .container p {
  font-size: 1.25vw;
  font-weight: 400;
  margin-top: 1.042vw;
}

.imprint-page.thankyou .header {
  margin-bottom: 0;
}

.privacy-page {
  background-image: url('../images/general-header-bg.webp');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.privacy-page .header {
  text-align: center;
  margin: 12.5vw 0 6.25vw;
}

.privacy-page .header h1 {
  font-size: 4.125vw;
  font-weight: 400;
  line-height: 6.375vw;
  text-transform: uppercase;
  font-style: italic;
  font-family: 'superchargestraight', sans-serif;
}

.privacy-page .container {
  max-width: 68.75vw;
  margin: 0 auto 6.25vw;
  padding: 0 2.083vw;
}

.privacy-page .container h2 {
  font-size: 1.771vw;
  font-weight: 600;
  margin: 1.042vw 0;
}

.privacy-page .container h5 {
  font-size: 1.25vw;
  font-weight: 500;
  margin-top: 1.042vw;
  margin-bottom: 0.625vw;
}

.privacy-page .container p {
  font-size: 1.042vw;
  font-weight: 300;
  line-height: 1.771vw;
  color: #726e8e;
  margin-bottom: 1.042vw;
}

.privacy-page .container a {
  color: #6366f1;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.042vw;
  transition: color 0.2s ease;
}

.privacy-page .container a:hover {
  text-decoration: underline;
}

.privacy-page .container ul {
  list-style-type: disc;
  padding-left: 1.458vw;
  margin-bottom: 1.042vw;
}

.privacy-page .container ul li {
  font-size: 0.833vw;
  font-weight: 300;
  line-height: 1.458vw;
  color: #726e8e;
  margin-bottom: 0.521vw;
}

.premium-accounts-page header {
  min-height: 56.25vw;
  background: url('../images/boost-forms/header-2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.premium-accounts-page header .content {
  max-width: 52.917vw;
  margin-left: 4.167vw;
}

.premium-accounts-page header h1 {
  font-size: 5.208vw;
  line-height: 7.333vw;
  margin-bottom: 1.042vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.premium-accounts-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.premium-accounts-page .container {
  margin: 4.167vw auto;
  max-width: 80%;
}

.premium-accounts-page .container .account-switches {
  margin: 0 auto;
  text-align: center;
}

.premium-accounts-page .container .account-switches .btn:first-child {
  margin-right: 1.042vw;
}

.premium-accounts-page .container .account-switches .btn:last-child {
  background-color: #18162b;
}

.premium-accounts-page .container .account-switches .btn i {
  font-size: 1.042vw;
  margin-right: 0.521vw;
}

.premium-accounts-page .container .nav-tabs {
  gap: 0.781vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.083vw 0;
}

.premium-accounts-page .container .nav-tabs a {
  font-size: 1.042vw;
  padding: 0.521vw 1.563vw;
  border-radius: 0.521vw;
  text-decoration: none;
  color: #fff;
  background-color: #18162b;
}

.premium-accounts-page .container .nav-tabs a.active {
  background-color: #6366f1;
}

.premium-accounts-page .container .accounts-grid {
  gap: 2.083vw;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
}

.premium-accounts-page .container .accounts-grid .account {
  padding: 1.563vw;
  border-radius: 0.781vw;
  z-index: 0;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.premium-accounts-page .container .accounts-grid .account::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.104vw;
  background: linear-gradient(200deg, #6366f1 0%, #6366f1 60%, #fff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.premium-accounts-page .container .accounts-grid .account .head .image-wrapper {
  margin: 0 auto 1.042vw;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.premium-accounts-page .container .accounts-grid .account .head .image-wrapper img {
  width: 5.208vw;
  height: auto;
}

.premium-accounts-page .container .accounts-grid .account .head h4 {
  font-size: 1.354vw;
  font-weight: 500;
  text-align: center;
}

.premium-accounts-page .container .accounts-grid .account ul {
  list-style: none;
  padding-left: 0;
  margin: 1.042vw 0;
}

.premium-accounts-page .container .accounts-grid .account ul li {
  font-size: 0.938vw;
  font-weight: 400;
  margin-bottom: 0.521vw;
  background: url('../images/jobs/check.svg') no-repeat left center;
  background-size: 1.25vw 1.25vw;
  padding-left: 1.823vw;
}

.premium-accounts-page .container .accounts-grid .account .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.premium-accounts-page .container .accounts-grid .account .foot .price {
  font-size: 1.875vw;
  font-weight: 800;
  color: #6366f1;
}

.premium-accounts-page .container .accounts-grid .account .foot .sold {
  padding: 0.521vw 1.042vw;
  font-size: 0.938vw;
  font-weight: 500;
  color: #fff;
  background-color: #b55262;
  border: none;
  border-radius: 0.521vw;
  cursor: not-allowed;
}

.premium-accounts-page .container .accounts-grid .account .foot .buy-now {
  padding: 0.521vw 1.042vw;
  font-size: 0.938vw;
  font-weight: 500;
  color: #fff;
  background-color: #6366f1;
  border: none;
  border-radius: 0.521vw;
  cursor: pointer;
  text-decoration: none;
}

.premium-accounts-page .container .accounts-grid .account .foot .buy-now:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.premium-accounts-page .container .seo-content {
  gap: 3.125vw;
  display: grid;
}

.premium-accounts-page .container .seo-content h4 {
  font-size: 2.604vw;
  font-weight: 500;
  margin-bottom: 1.563vw;
  text-align: center;
}

.premium-accounts-page .container .seo-content p {
  font-size: 1.042vw;
  font-weight: 300;
  line-height: 2.188vw;
  color: #726e8e;
  margin-bottom: 1.042vw;
}

.premium-accounts-page .sec-faqs {
  padding: 5.2083vw;
  background-color: #0e0d1a;
}

.premium-accounts-page .sec-faqs .top {
  margin-bottom: 4.1667vw;
}

.premium-accounts-page .sec-faqs .top h4 {
  font-size: 2.6042vw;
  font-weight: 500;
  line-height: 4.0625vw;
  text-align: center;
}

.ranked-accounts-page header {
  min-height: 56.25vw;
  background: url('../images/boost-forms/header-2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.ranked-accounts-page header .content {
  max-width: 52.917vw;
  margin-left: 4.167vw;
}

.ranked-accounts-page header h1 {
  font-size: 5.208vw;
  line-height: 7.333vw;
  margin-bottom: 1.042vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.ranked-accounts-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.ranked-accounts-page .container {
  margin: 4.167vw auto;
  max-width: 80%;
}

.ranked-accounts-page .container .account-switches {
  margin: 0 auto;
  text-align: center;
}

.ranked-accounts-page .container .account-switches .btn:first-child {
  margin-right: 1.042vw;
  background-color: #18162b;
}

.ranked-accounts-page .container .account-switches .btn i {
  font-size: 1.042vw;
  margin-right: 0.521vw;
}

.ranked-accounts-page .container .filter-box .head {
  padding: 2.083vw 0;
  border-bottom: 0.156vw solid rgba(114, 110, 142, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ranked-accounts-page .container .filter-box .head h2 {
  font-size: 1.667vw;
  font-weight: 500;
}

.ranked-accounts-page .container .filter-box .head button {
  padding: 0.521vw 1.563vw;
  font-size: 1.042vw;
  font-weight: 600;
  line-height: 1.875vw;
  border-radius: 2.604vw;
  background-color: #6366f1;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ranked-accounts-page .container .filter-box .head button:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

.ranked-accounts-page .container .filter-box .bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 1.042vw;
  margin: 2.083vw 0 4.167vw;
}

.ranked-accounts-page .container .filter-box .bottom .form-group {
  flex: 1;
  min-width: 10.417vw;
  margin-bottom: 0;
}

.ranked-accounts-page .container .filter-box .bottom .form-group .select2-container {
  width: 100% !important;
}

.ranked-accounts-page .container .filter-box .bottom .form-group.filter {
  flex: 0 0 100%;
}

.ranked-accounts-page .container .filter-box .bottom .icon-group {
  position: relative;
}

.ranked-accounts-page .container .filter-box .bottom .icon-group i {
  font-size: 1.042vw;
  position: absolute;
  top: 50%;
  left: 1.042vw;
  transform: translateY(-50%);
  z-index: 1;
}

.ranked-accounts-page .container .filter-box .bottom .icon-group input {
  padding-left: 3.125vw;
}

.ranked-accounts-page .container .filter-box .bottom .icon-group .select2-selection {
  padding-left: 3.125vw;
}

.ranked-accounts-page .container .accounts-grid {
  gap: 1.563vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.ranked-accounts-page .container .accounts-grid .account-card {
  border-radius: 1.146vw;
  border: 0.156vw solid rgba(114, 110, 142, 0.1);
  overflow: hidden;
  background-color: #0a0a18;
  padding: 1.563vw;
  position: relative;
}

.ranked-accounts-page .container .accounts-grid .account-card .title {
  font-size: 0.938vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.521vw;
}

.ranked-accounts-page .container .accounts-grid .account-card .title img {
  width: auto;
  height: 2.083vw;
}

.ranked-accounts-page .container .accounts-grid .account-card .image-box {
  position: relative;
  margin: 1.042vw 0;
}

.ranked-accounts-page .container .accounts-grid .account-card .image-box img {
  max-height: 13.021vw;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
}

.ranked-accounts-page .container .accounts-grid .account-card .image-box .badge {
  position: absolute;
  right: 0.781vw;
  bottom: 0.781vw;
  border-radius: 0.26vw;
  padding: 0.26vw 0.521vw;
  gap: 0.417vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ranked-accounts-page .container .accounts-grid .account-card .highlights {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.042vw;
}

.ranked-accounts-page .container .accounts-grid .account-card .highlights .badge {
  font-size: 0.729vw;
  background-color: rgba(99, 102, 241, 0.3);
  color: #fff;
  gap: 0.417vw;
  display: inline-flex;
  align-items: center;
  border-radius: 0.26vw;
  padding: 0.26vw 0.521vw;
}

.ranked-accounts-page .container .accounts-grid .account-card .totals {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ranked-accounts-page .container .accounts-grid .account-card .totals .price-eur {
  font-size: 1.458vw;
  font-weight: 800;
  color: #fff;
}

.ranked-accounts-page .container .accounts-grid .account-card .totals .btn {
  padding: 0.521vw 1.042vw;
  font-size: 0.833vw;
}

.ranked-accounts-page .container .accounts-grid .account-card .delivery-type {
  font-size: 1.042vw;
  position: absolute;
  top: 1.563vw;
  right: 1.563vw;
}

.view-account-page header {
  min-height: 56.25vw;
  background: url('../images/boost-forms/header-2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.view-account-page header .content {
  max-width: 52.917vw;
  margin-left: 4.167vw;
}

.view-account-page header h1 {
  font-size: 4.208vw;
  line-height: 6.333vw;
  margin-bottom: 1.042vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.view-account-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
}

.view-account-page .container {
  margin: 4.167vw auto;
  max-width: 85%;
}

.view-account-page .title {
  gap: 1.042vw;
  display: flex;
  align-items: center;
  font-size: 1.3vw;
}

.view-account-page .title .rank-icon {
  background-color: #0a0a18;
  padding: 1.042vw;
  border-radius: 0.521vw;
}

.view-account-page .title .rank-icon img {
  width: auto;
  height: 2.604vw;
}

.view-account-page .highlights {
  gap: 0.729vw;
  display: flex;
  align-items: center;
  margin: 1.042vw 0 1.563vw;
}

.view-account-page .highlights .badge {
  font-size: 0.833vw;
  background-color: rgba(99, 102, 241, 0.3);
  border: 0.052vw solid #6366f1;
  color: #fff;
  gap: 0.417vw;
  display: inline-flex;
  align-items: center;
  border-radius: 2.604vw;
  padding: 0.521vw 1.302vw;
}

.view-account-page .layout {
  gap: 1.563vw;
  display: flex;
}

.view-account-page .layout .right {
  max-width: 26.042vw;
}

.view-account-page .card {
  border-radius: 1.146vw;
  background-color: #0a0a18;
  border: 0.104vw solid rgba(114, 110, 142, 0.3);
  margin-bottom: 1.563vw;
}

.view-account-page .card .card-header {
  padding: 1.042vw;
  border-bottom: 0.104vw solid rgba(114, 110, 142, 0.3);
}

.view-account-page .card .card-header h4 {
  font-size: 1.25vw;
  font-weight: 500;
  padding: 0.521vw;
}

.view-account-page .card .card-header h4 i {
  color: #6366f1;
  margin-right: 0.521vw;
}

.view-account-page .card .card-header .nav-tabs {
  gap: 0.781vw;
  display: flex;
  align-items: center;
}

.view-account-page .card .card-header .nav-tabs a {
  font-size: 0.833vw;
  padding: 0.521vw 1.042vw;
  border-radius: 0.521vw;
  text-decoration: none;
  color: #fff;
  background-color: #121126;
}

.view-account-page .card .card-header .nav-tabs a.active {
  background-color: #2a295f;
}

.view-account-page .card .card-header .nav-tabs a i {
  margin-right: 0.417vw;
}

.view-account-page .card .card-header .nav-tabs .count-badge {
  font-size: 0.729vw;
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 0.417vw;
  padding: 0.26vw 0.625vw;
  margin-left: 0.26vw;
}

.view-account-page .card .card-header.gallery-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.view-account-page .card .card-header.gallery-header .btn {
  padding: 0.781vw 1.042vw;
  font-size: 0.833vw;
  border-radius: 0.521vw;
  background-color: #6366f1;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
}

.view-account-page .card .card-header.gallery-header .btn i {
  margin-left: 0;
}

.view-account-page .card .card-body {
  padding: 1.563vw;
}

.view-account-page .description {
  font-size: 0.833vw;
  line-height: 1.25vw;
  margin-bottom: 1.563vw;
}

.view-account-page .features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.view-account-page .features .feature {
  padding-top: 1.563vw;
  margin-bottom: 1.563vw;
  border-top: 0.052vw solid rgba(114, 110, 142, 0.4);
}

.view-account-page .features .feature:nth-last-child(-n + 3) {
  margin-bottom: 0;
}

.view-account-page .features .feature h6 {
  font-size: 0.938vw;
  font-weight: 700;
  margin-bottom: 0.521vw;
}

.view-account-page .features .feature span {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  font-size: 0.938vw;
  color: #ffffff;
}

.view-account-page .features .feature span img {
  width: auto;
  height: 1.823vw;
}

.view-account-page .features .feature span i {
  font-size: 1.042vw;
  color: #6366f1;
}

.view-account-page .champs {
  gap: 1.042vw;
  display: flex;
  flex-wrap: wrap;
  max-height: 23.438vw;
  overflow-y: auto;
}

.view-account-page .champs img {
  width: auto;
  height: 6.51vw;
  aspect-ratio: 1/1;
}

.view-account-page .champs small {
  font-size: 0.729vw;
  margin-top: 0.521vw;
}

.view-account-page .skins-list {
  gap: 1.042vw;
  display: flex;
  flex-wrap: wrap;
  max-height: 23.438vw;
  overflow-y: auto;
}

.view-account-page .skins-list img {
  width: 13.021vw;
  height: auto;
}

.view-account-page .roles {
  gap: 1.042vw;
  display: flex;
  flex-wrap: wrap;
}

.view-account-page .roles img {
  width: auto;
  height: 5.208vw;
}

.view-account-page .roles small {
  font-size: 0.729vw;
  margin-top: 0.521vw;
  text-align: center;
  width: 100%;
  display: block;
}

.view-account-page .tagline {
  font-size: 0.938vw;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 1.563vw;
}

.view-account-page ul.checkout-features {
  list-style: none;
  padding-left: 0;
}

.view-account-page ul.checkout-features li {
  font-size: 0.833vw;
  line-height: 1.25vw;
  color: #726e8e;
  margin-bottom: 0.521vw;
}

.view-account-page ul.checkout-features li i {
  color: #6366f1;
  margin-right: 0.521vw;
  font-size: 0.938vw;
}

.view-account-page .totals {
  margin-top: 1.563vw;
}

.view-account-page .totals .price {
  font-size: 1.667vw;
  font-weight: 800;
  color: #fff;
}

.view-account-page .totals .btn {
  padding: 0.781vw 1.563vw;
  font-size: 0.938vw;
  border-radius: 2.604vw;
  background-color: #6366f1;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
  display: block;
  margin-top: 1.042vw;
}

.view-account-page .totals .btn i {
  font-size: 1.042vw;
  margin-right: 0.521vw;
}

.view-account-page .gallery img {
  width: auto;
  max-height: 15.625vw;
  border-radius: 0.521vw;
  margin: 0 auto;
}

.view-account-page .gallery-mobile {
  display: none;
}

.view-account-page .sticky-button {
  display: none;
}

.loyalty-page header {
  min-height: 56.25vw;
  background: url('../images/jobs/header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.loyalty-page header .content {
  max-width: 44.917vw;
  margin-left: 4.167vw;
}

.loyalty-page header h1 {
  font-size: 4.688vw;
  line-height: 6.729vw;
  margin-bottom: 1.563vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.loyalty-page header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
  max-width: 32.813vw;
}

.loyalty-page .loyalty-slider {
  margin: 4.167vw auto;
  gap: 0.521vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loyalty-page .loyalty-slider .loyalty-slide {
  position: relative;
}

.loyalty-page .loyalty-slider .loyalty-slide .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  gap: 1.042vw;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}

.loyalty-page .loyalty-slider .loyalty-slide .overlay p {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.042vw;
}

.loyalty-page .loyalty-slider .loyalty-slide .overlay .spent {
  background-color: #7a959c;
  color: #fff;
  font-size: 0.833vw;
  padding: 0.7rem 1.7rem;
  border-radius: 1.042vw;
  font-weight: 600;
  margin-bottom: 2.5rem;
}

.loyalty-page .loyalty-slider .bg-image {
  width: auto;
  height: 26.042vw;
}

.loyalty-page .container {
  margin: 4.167vw auto;
  max-width: 80%;
}

.loyalty-page .container h1 {
  font-size: 3.125vw;
  line-height: 4.375vw;
  margin-bottom: 1.042vw;
  text-align: center;
  color: #6366f1;
}

.loyalty-page .container h4 {
  font-size: 1.562vw;
  margin-bottom: 1.042vw;
  text-align: center;
}

.loyalty-page .container h6 {
  font-size: 1.042vw;
  margin-bottom: 1.042vw;
  text-align: center;
}

.loyalty-page .table-responsive {
  overflow-x: auto;
}

.loyalty-page .loyalty-table {
  font-size: 0.781vw;
  background-color: #0a0a18;
  border-radius: 1.042vw;
  overflow: hidden;
  border: 0.052vw solid #18162b;
  margin: 2.083vw auto;
}

.loyalty-page .loyalty-table th,
.loyalty-page .loyalty-table td {
  border-bottom: 0.104vw solid rgba(114, 110, 142, 0.2);
}

.loyalty-page .loyalty-table th {
  font-weight: 600;
  padding: 0.938vw 1.458vw !important;
}

.loyalty-page .loyalty-table th div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.loyalty-page .loyalty-table th div h5 {
  font-size: 0.885vw;
  margin: 0;
}

.loyalty-page .loyalty-table th div img {
  max-width: 100%;
  width: auto;
  height: 2.083vw;
}

.loyalty-page .loyalty-table th:nth-child(2) div img {
  width: 0.938vw;
}

.loyalty-page .loyalty-table th:nth-child(1) div {
  justify-content: flex-start;
  align-items: flex-start;
}

.loyalty-page .loyalty-table th div h5 {
  margin-top: 0.417vw;
}

.loyalty-page .loyalty-table tbody tr td {
  font-weight: 600;
  padding: 0.938vw 1.458vw !important;
  vertical-align: middle;
  text-align: center;
}

.loyalty-page .loyalty-table tbody tr td:nth-child(1) div {
  justify-content: flex-start;
}

.loyalty-page .loyalty-table tbody tr td:nth-child(1) div img {
  width: 1.875vw;
  display: block;
  margin-right: 0.417vw;
}

.loyalty-page .loyalty-table tbody tr td div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loyalty-page .loyalty-table tbody tr td h5 {
  margin: 0;
  font-size: 0.833vw;
  font-weight: 500;
  text-align: center;
}

.loyalty-page .loyalty-table tbody tr td:nth-child(1) div i {
  font-size: 1.146vw;
  width: 1.667vw;
  margin-right: 0.417vw;
}

.loyalty-page .loyalty-table .text-primary {
  color: #6366f1;
}

.loyalty-page .loyalty-table .text-danger {
  color: #ff4d4d;
}

.loyalty-page .sec-points-store {
  padding: 8.4375vw 0;
  text-align: center;
  background: url('../images/get-started-2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.loyalty-page .sec-points-store h2 {
  font-size: 3.125vw;
  font-weight: 500;
  line-height: 4.0625vw;
  margin-bottom: 1.0417vw;
}

.loyalty-page .sec-points-store p {
  font-size: 0.9375vw;
  line-height: 2.0833vw;
  color: #726e8e;
  margin-bottom: 2.6042vw;
}

.loyalty-page .sec-points-store p small {
  font-size: 0.7917vw;
  color: #726e8e;
}

.loyalty-page .sec-points-store .btn {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.7812vw 1.8229vw;
}

.loyalty-page .sec-faqs {
  padding: 5.2083vw;
  background-color: #0e0d1a;
}

.loyalty-page .sec-faqs .top {
  margin-bottom: 4.1667vw;
}

.loyalty-page .sec-faqs .top h4 {
  font-size: 2.6042vw;
  font-weight: 500;
  line-height: 4.0625vw;
  text-align: center;
}

.loyalty-page .sec-faqs .top .nav-tabs {
  gap: 0.781vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.083vw;
}

.loyalty-page .sec-faqs .top .nav-tabs a {
  font-size: 1.042vw;
  padding: 0.521vw 1.563vw;
  border-radius: 0.521vw;
  text-decoration: none;
  color: #fff;
  background-color: #726e8e;
  gap: 0.521vw;
  display: flex;
  align-items: center;
}

.loyalty-page .sec-faqs .top .nav-tabs a.active {
  background-color: #6366f1;
}

.loyalty-page .sec-faqs .top .nav-tabs a img {
  width: auto;
  height: 1.563vw;
}

.points-store header {
  min-height: 56.25vw;
  background: url('../images/jobs/header-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: start;
}

.points-store header .content {
  max-width: 44.917vw;
  margin-left: 4.167vw;
}

.points-store header h1 {
  font-size: 6.688vw;
  line-height: 8.729vw;
  margin-bottom: 1.563vw;
  text-transform: uppercase;
  font-family: 'superchargestraight', sans-serif;
}

.points-store header p {
  font-size: 1.042vw;
  line-height: 1.875vw;
  max-width: 32.813vw;
}

.points-store .container {
  margin: 4.167vw auto;
  max-width: 80%;
}

.points-store .items {
  gap: 1.563vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.points-store .items .item {
  background-color: #0a0a18;
  border-radius: 1.146vw;
  overflow: hidden;
  border: 0.104vw solid rgba(114, 110, 142, 0.2);
  padding: 1.042vw;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.points-store .items .item .prize-image {
  width: 100%;
  height: auto;
  margin-bottom: 1.042vw;
}

.points-store .items .item .title {
  font-size: 1.25vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.points-store .items .item .title .price {
  gap: 0.521vw;
  display: flex;
  align-items: center;
  font-size: 1.042vw;
}

.points-store .items .item .title .price img {
  width: auto;
  height: 1.458vw;
}

.points-store .items .item .description {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #726e8e;
  margin: 1.042vw 0;
  flex-grow: 1;
}

.points-store .items .item button {
  padding: 0.781vw 1.563vw;
  font-size: 0.938vw;
  border-radius: 0.729vw;
  background-color: #6366f1;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: auto;
}

.points-store .items .item button:hover {
  background-color: rgb(52.2, 56.1, 236.8);
}

@media only screen and (max-width: 767px) {
  .btn {
    padding: 2.727vw 6.364vw;
    font-size: 3.409vw;
    border-radius: 11.364vw;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .btn i {
    font-size: 4.091vw;
    margin-left: 1.818vw;
  }

  .btn.btn-icon {
    padding: 4.091vw;
  }

  .btn.btn-icon i {
    font-size: 5.455vw;
  }

  .accordion .accordion-header h5 {
    font-size: 4.091vw;
    padding: 5.455vw 0;
  }

  .accordion .accordion-header::after {
    font-size: 3.636vw;
    right: 1.136vw;
  }

  .accordion .accordion-content {
    padding-bottom: 5.455vw;
  }

  .accordion .accordion-content p {
    font-size: 3.727vw;
    line-height: 6.455vw;
  }

  .accordion .accordion-content ul {
    padding-left: 5.455vw;
    margin-top: 1.818vw;
  }

  .accordion .accordion-content ul li {
    font-size: 2.727vw;
  }

  .accordion .accordion-content ul li:not(:last-child) {
    margin-bottom: 1.818vw;
  }

  .accordion .accordion-item {
    border-bottom: 0.227vw solid #232040;
  }

  .badge {
    font-size: 2.326vw;
    border-radius: 4.651vw;
    padding: 0.698vw 2.326vw;
  }

  .toggle .slider {
    width: 11.628vw;
    height: 5.814vw;
    border-radius: 11.628vw;
  }

  .toggle .slider::before {
    left: 1.395vw;
    width: 3.721vw;
    height: 3.721vw;
  }

  .toggle input[type='checkbox']:checked + .slider::before {
    transform: translate(5.581vw, -50%);
  }

  .select2-container .select2-selection--single {
    padding: 4.651vw;
    font-size: 3.256vw;
    border-radius: 4.651vw;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 3.256vw;
  }

  .select2-container .select2-selection--single::after {
    background-size: 2.558vw;
    width: 2.558vw;
    height: 2.558vw;
  }

  .select2-container .select2-selection--multiple {
    padding: 4.651vw;
    font-size: 3.256vw;
    border-radius: 4.651vw;
  }

  .select2-container .select2-selection--multiple .select2-selection__choice {
    border: 0.465vw solid #6366f1;
  }

  .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0 1.163vw;
  }

  .select2-container .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 2.326vw;
    padding-right: 2.326vw;
  }

  .select2-container .select2-selection--multiple .select2-selection__choice__display > span {
    gap: 2.326vw;
    display: flex;
    align-items: center;
  }

  .select2-container .select2-selection--multiple .select2-selection__choice__display > span img {
    width: 4.651vw;
    height: auto;
  }

  .select2-container .select2-selection--multiple .select2-search.select2-search--inline textarea {
    margin: 1.628vw 0;
  }

  .select2-dropdown {
    border-radius: 3.721vw;
    margin-top: 1.395vw;
    box-shadow: 0 0.93vw 2.791vw rgba(0, 0, 0, 0.5);
  }

  .select2-dropdown .select2-search--dropdown {
    padding: 2.326vw;
  }

  .select2-dropdown .select2-search--dropdown .select2-search__field {
    padding: 2.326vw 3.256vw;
    border-radius: 2.791vw;
    border: 0.233vw solid #232040;
    font-size: 3.256vw;
  }

  .select2-results__options {
    max-height: 58.14vw;
  }

  .select2-results__options .select2-results__option {
    padding: 2.791vw 4.651vw;
    font-size: 3.256vw;
  }

  .select2-results__options .select2-results__option > span {
    gap: 2.326vw;
    display: flex;
    align-items: center;
  }

  .select2-results__options .select2-results__option > span img {
    width: 4.651vw;
    height: auto;
  }

  .select2-results__options::-webkit-scrollbar {
    width: 1.86vw;
  }

  .select2-results__options::-webkit-scrollbar-track {
    border-radius: 1.86vw;
  }

  .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 1.86vw;
    border: 0.465vw solid #110f1f;
  }

  .modal {
    width: 89.535vw;
    padding: 4.651vw;
    border-radius: 8.14vw;
    background-color: #110f1f;
    border: 0.465vw solid #6366f1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
  }

  .modal.show {
    display: block;
  }

  .modal .modal-header {
    border-bottom: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .modal .modal-header h4 {
    font-size: 4.651vw;
    margin-bottom: 4.186vw;
  }

  .modal .modal-header .close-modal {
    width: 6.977vw;
    height: 6.977vw;
    font-size: 3.721vw;
  }

  .modal .modal-content {
    padding: 4.651vw 0;
  }

  .modal .modal-footer {
    border-top: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .modal .modal-footer .btn {
    font-size: 3.721vw;
    line-height: 4.651vw;
    padding: 2.326vw 4.651vw;
    border-radius: 11.628vw;
    margin-top: 4.186vw;
    margin-left: 4.186vw;
  }

  .icon-checkboxes {
    gap: 2.326vw;
  }

  .icon-checkboxes input[type='checkbox']:checked + label {
    border: 0.465vw solid #6366f1;
  }

  .icon-checkboxes .icon-checkbox {
    width: 12.093vw;
    height: 12.093vw;
    border-radius: 2.791vw;
  }

  .icon-checkboxes .icon-checkbox img {
    width: 5.814vw;
  }

  .tooltip {
    font-size: 3.256vw;
    padding: 2.326vw;
    border-radius: 1.395vw;
    max-width: 69.767vw;
  }

  .form-group {
    margin-bottom: 3.256vw;
  }

  .form-group label {
    font-size: 3.256vw;
    margin-bottom: 4.186vw;
  }

  .form-group input,
  .form-group textarea {
    padding: 3.256vw;
    height: 9.977vw;
    border-radius: 2.651vw;
    font-size: 3.256vw;
  }

  .form-group textarea {
    min-height: 27.907vw;
    resize: none;
  }

  .form-group .select2-container .select2-selection--multiple {
    padding: 3.256vw;
    border-radius: 4.651vw;
  }

  .form-group .select2-container .select2-selection--multiple textarea {
    height: 18px;
    min-height: auto;
    border-radius: 0;
    font-size: 3.256vw;
  }

  .navbar-top {
    display: none;
  }

  .navbar-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4.545vw 6.818vw;
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    transition: background-color 0.3s ease, padding 0.3s ease;
  }

  .navbar-mobile.scrolled {
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 2.727vw 6.818vw;
    box-shadow: 0 0.93vw 2.791vw rgba(0, 0, 0, 0.5);
  }

  .navbar-mobile .logo img {
    width: 7.273vw;
    height: auto;
  }

  .navbar-mobile .right {
    gap: 20px;
    display: flex;
    align-items: center;
  }

  .navbar-mobile .right .btn.secondary {
    padding: 2.273vw 6.364vw;
    font-size: 3.409vw;
    gap: 1.818vw;
    display: flex;
    align-items: center;

    /* neuer Look */
    background-color: #110f1f; /* dunkler Hintergrund wie die Site */
    border: 0.227vw solid #232040; /* dezente dunkle Border statt heller */
    border-radius: 11.364vw; /* runde Pillenform, falls nicht schon von .btn */
    color: #ffffff;
  }

  .navbar-mobile .right .btn.secondary img {
    width: 4.091vw;
    height: auto;
  }

  .navbar-mobile .right .btn.secondary i {
    font-size: 4.091vw;
    margin-left: 1.818vw;
  }

  .navbar-mobile .menu-icon {
    cursor: pointer;
    padding: 2.326vw;

    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.227vw solid #232040; /* dezente dunkle Border */
    border-radius: 3vw; /* nur leicht abgerundet */
    background-color: #110f1f; /* gleicher Dark-Background wie Dropdown */
    color: #ffffff;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }

  .navbar-mobile .menu-icon:hover {
    background-color: #18162b;
    border-color: rgb(99, 102, 241);
  }

  .navbar-mobile .menu-icon img {
    width: 4.909vw;
    height: auto;
  }

  footer .content {
    padding: 6.818vw;
    gap: 5.909vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
  }

  footer .logo-footer {
    width: 70.455vw;
    margin-bottom: 2.273vw;
  }

  footer p {
    font-size: 2.727vw;
    line-height: 5.455vw;
    width: 100%;
  }

  footer .right {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  footer .right h5 {
    font-size: 5vw;
    margin-bottom: 4.545vw;
  }

  footer .right h5 i {
    font-size: 5vw;
    margin-right: 2.727vw;
  }

  footer .right ul li {
    font-size: 4.091vw;
    line-height: 9.091vw;
  }

  footer .footer-bottom {
    padding: 5.682vw 18.182vw;
    border-top: 0.227vw solid #232040;
    flex-direction: column-reverse;
  }

  footer .footer-bottom p {
    font-size: 2.727vw;
    color: #fff;
  }

  footer .footer-bottom .social-icons {
    gap: 5.682vw;
  }

  footer .footer-bottom .social-icons a {
    font-size: 7.727vw;
  }

  .sec-get-started {
    padding: 13.636vw;
    text-align: center;
  }

  .sec-get-started.one {
    background: url('../images/get-started-1-mobile.webp');
    background-size: contain;
    background-repeat: no-repeat;
  }

  .sec-get-started.two {
    background: url('../images/get-started-2-mobile.webp');
    background-size: contain;
    background-repeat: no-repeat;
  }

  .sec-get-started.three {
    background: url('../images/get-started-3-mobile.webp');
    background-size: contain;
    background-repeat: no-repeat;
  }

  .sec-get-started h2 {
    font-size: 7.273vw;
    line-height: 9.318vw;
    margin-bottom: 2.273vw;
  }

  .sec-get-started p {
    font-size: 3.182vw;
    line-height: 5.909vw;
    color: #fff;
    margin-bottom: 6.818vw;
  }

  .sec-get-started p br {
    display: none;
  }

  .sec-get-started .btn {
    padding: 2.273vw 6.364vw;
  }

  .testimonials-sec {
    padding: 0;
    margin: 14.545vw 0 0;
  }

  .testimonials-sec .content {
    display: block;
    position: relative;
    padding-bottom: 22.727vw;
  }

  .testimonials-sec .left {
    width: 100%;
    padding: 0 7.955vw;
    text-align: center;
  }

  .testimonials-sec .left h2 {
    font-size: 6.818vw;
    line-height: 9.091vw;
    margin-bottom: 2.273vw;
  }

  .testimonials-sec .left p {
    font-size: 3.182vw;
    line-height: 5.455vw;
    margin-bottom: 4.545vw;
  }

  .testimonials-sec .slider-nav {
    position: absolute;
    bottom: 4.545vw;
    left: 50%;
    transform: translateX(-50%);
    gap: 2.727vw;
  }

  .testimonials-sec .slider-nav button {
    border: 0.227vw solid #232040;
    border-radius: 11.364vw;
    width: 12.955vw;
    height: 12.955vw;
  }

  .testimonials-sec .slider-nav button i {
    font-size: 4.091vw;
  }

  .testimonials-sec .testimonial {
    padding: 5vw;
    margin-right: 3.182vw;
    border-radius: 10.455vw;
    border: 0.227vw solid #232040;
    min-height: 90.455vw;
  }

  .testimonials-sec .testimonial::before {
    top: 27.727vw;
    left: 5vw;
    width: 13.636vw;
    height: 8.636vw;
    background-size: 13.636vw;
  }

  .testimonials-sec .testimonial::after {
    bottom: 5vw;
    right: 5vw;
    width: 13.636vw;
    height: 8.636vw;
    background-size: 13.636vw;
  }

  .testimonials-sec .testimonial .details {
    gap: 3.409vw;
  }

  .testimonials-sec .testimonial .details h5 {
    font-size: 4.545vw;
    margin-bottom: 1.364vw;
  }

  .testimonials-sec .testimonial .details .rank {
    font-size: 3.182vw;
  }

  .testimonials-sec .testimonial .avatar {
    width: 17.045vw;
    height: 17.045vw;
    border-radius: 6.818vw;
  }

  .testimonials-sec .testimonial .review {
    padding: 18.636vw 0;
    font-size: 3.182vw;
  }

  #login_modal,
  #forgot_password_modal,
  #guest_checkout_modal {
    width: 93.023vw !important;
  }

  #login_modal .nav-tabs,
  #forgot_password_modal .nav-tabs,
  #guest_checkout_modal .nav-tabs {
    border-radius: 2.791vw;
    padding: 1.395vw;
    margin-bottom: 2.326vw;
  }

  #login_modal .nav-tabs a,
  #forgot_password_modal .nav-tabs a,
  #guest_checkout_modal .nav-tabs a {
    padding: 1.395vw;
    font-size: 2.791vw;
    border-radius: 1.86vw;
  }

  #login_modal .nav-tabs a i,
  #forgot_password_modal .nav-tabs a i,
  #guest_checkout_modal .nav-tabs a i {
    margin-right: 1.86vw;
  }

  #login_modal form .form-group label,
  #forgot_password_modal form .form-group label,
  #guest_checkout_modal form .form-group label {
    margin-bottom: 1.395vw;
  }

  #login_modal form .remember-me,
  #forgot_password_modal form .remember-me,
  #guest_checkout_modal form .remember-me {
    gap: 1.86vw;
  }

  #login_modal form .remember-me input[type='checkbox'],
  #forgot_password_modal form .remember-me input[type='checkbox'],
  #guest_checkout_modal form .remember-me input[type='checkbox'] {
    width: 3.256vw;
    height: 3.256vw;
  }

  #login_modal form .remember-me label,
  #forgot_password_modal form .remember-me label,
  #guest_checkout_modal form .remember-me label {
    font-size: 3.256vw;
  }

  #login_modal form .remember-me a,
  #forgot_password_modal form .remember-me a,
  #guest_checkout_modal form .remember-me a {
    font-size: 3.256vw;
  }

  #login_modal form .submit-btn,
  #forgot_password_modal form .submit-btn,
  #guest_checkout_modal form .submit-btn {
    margin-top: 2.326vw;
    padding: 2.791vw;
    font-size: 3.256vw;
    border-radius: 1.86vw;
    min-height: auto;
  }

  #login_modal hr,
  #forgot_password_modal hr,
  #guest_checkout_modal hr {
    border-top: 0.465vw solid rgba(114, 110, 142, 0.1);
    margin: 4.651vw 0;
  }

  #login_modal .social-login,
  #forgot_password_modal .social-login,
  #guest_checkout_modal .social-login {
    gap: 2.326vw;
  }

  #login_modal .social-login a,
  #forgot_password_modal .social-login a,
  #guest_checkout_modal .social-login a {
    padding: 2.791vw;
    font-size: 3.256vw;
    border-radius: 1.86vw;
  }

  #login_modal .social-login a i,
  #forgot_password_modal .social-login a i,
  #guest_checkout_modal .social-login a i {
    margin-right: 1.86vw;
  }

  #send_tip_modal .quick-btns {
    gap: 2.326vw;
    display: flex;
    align-items: center;
    margin-bottom: 6.977vw;
  }

  #send_tip_modal .quick-btns .quick-tip-btn {
    padding: 2.326vw;
    font-size: 3.256vw;
    border-radius: 2.791vw;
    background-color: #18162b;
    width: 100%;
    color: #fff;
    border: none;
    cursor: pointer;
    border: 0.465vw solid #232040;
    transition: background-color 0.3s ease;
  }

  #send_tip_modal .quick-btns .quick-tip-btn:hover {
    background-color: rgb(5.1692307692, 4.7384615385, 9.2615384615);
  }

  #send_tip_modal .btn-input {
    display: flex;
    align-items: center;
  }

  #send_tip_modal .btn-input button {
    background-color: #18162b;
    border: none;
    color: #fff;
    font-size: 3.256vw;
    line-height: 2.791vw;
    padding: 2.326vw;
    height: 100%;
    cursor: pointer;
    border-radius: 1.86vw;
    border: 0.465vw solid #232040;
    transition: background-color 0.3s ease;
  }

  #send_tip_modal .btn-input button:hover {
    background-color: rgb(5.1692307692, 4.7384615385, 9.2615384615);
  }

  #send_tip_modal .btn-input input {
    flex-grow: 1;
    margin: 0 2.326vw;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    text-align: center;
  }

  #send_tip_modal .btn-input input::-webkit-outer-spin-button,
  #send_tip_modal .btn-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  #send_tip_modal .submit-btn {
    width: 100%;
    padding: 2.326vw;
    font-size: 3.256vw;
    font-weight: 600;
    color: #fff;
    background-color: #6366f1;
    border: none;
    border-radius: 2.791vw;
    cursor: pointer;
    transition: background-color 0.3s ease;
    min-height: 9.767vw;
  }

  #send_tip_modal .submit-btn:hover {
    background-color: rgb(52.2, 56.1, 236.8);
  }

  #toast-container {
    position: fixed;
    top: 4.651vw;
    right: 4.651vw;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 2.791vw;
  }

  .toast {
    min-width: 60.465vw;
    max-width: 83.721vw;
    padding: 3.256vw 4.186vw;
    border-radius: 2.326vw;
    color: #fff;
    font-family: system-ui, sans-serif;
    box-shadow: 0 0.93vw 3.488vw rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateY(-3.488vw);
    animation: fadeSlide 0.4s forwards;
    display: flex;
    flex-direction: column;
    border-left: 1.395vw solid;
  }

  .toast-title {
    font-weight: 600;
    font-size: 3.488vw;
    margin-bottom: 0.93vw;
  }

  .toast-message {
    font-size: 3.256vw;
    line-height: 1.35;
  }

  .alert {
    padding: 3.256vw;
    border-radius: 1.86vw;
    font-size: 3.256vw;
    margin: 3.256vw 0;
    border: 0.465vw solid;
    box-shadow: 0 0.465vw 2.326vw rgba(0, 0, 0, 0.08);
  }

  .alert.light {
    box-shadow: 0 0.233vw 1.163vw rgba(0, 0, 0, 0.06);
  }

  .sidenav-mob {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #110f1f;
    z-index: 999;
    transition: left 0.3s ease;
  }

  .sidenav-mob.show {
    left: 0;
  }

  .sidenav-mob .sidenav-header {
    padding: 4.651vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .sidenav-mob .sidenav-header .logo img {
    width: auto;
    height: 9.302vw;
  }

  .sidenav-mob .sidenav-header .close-sidenav {
    border: none;
    background: #726e8e;
    cursor: pointer;
    font-size: 3.721vw;
    color: #fff;
    width: 7.442vw;
    height: 7.442vw;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }

  .sidenav-mob .sidenav-menu {
    padding: 4.651vw;
    flex: 1;
    overflow-y: auto;
  }

  .sidenav-mob .sidenav-menu ul li {
    list-style: none;
    border: 0.465vw solid rgba(114, 110, 142, 0.2);
    background-color: #0a0a18;
    margin-bottom: 2.326vw;
    border-radius: 1.86vw;
  }

  .sidenav-mob .sidenav-menu ul li:last-child {
    margin-bottom: 0;
  }

  .sidenav-mob .sidenav-menu ul li a {
    display: block;
    padding: 3.488vw;
    font-size: 3.256vw;
    color: #fff;
    text-decoration: none;
  }

  .sidenav-mob .sidenav-menu ul li a i {
    margin-right: 2.791vw;
    font-size: 4.651vw;
  }

  .sidenav-mob .sidenav-menu ul li a:hover {
    background-color: rgba(99, 102, 241, 0.1);
  }

  .sidenav-mob .sidenav-footer {
    padding: 4.651vw;
  }

  .sidenav-mob .sidenav-footer button {
    width: 100%;
    padding: 2.791vw;
    font-size: 3.256vw;
    font-weight: 600;
    color: #fff;
    background-color: #6366f1;
    border: none;
    border-radius: 1.86vw;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .sidenav-mob .sidenav-footer button:hover {
    background-color: rgb(52.2, 56.1, 236.8);
  }

  .sidenav-mob .sidenav-footer button i {
    font-size: 3.256vw;
  }

  .sidenav-mob .sidenav-footer hr {
    border-color: #232040;
    margin: 3.651vw 0;
  }

  .sidenav-mob .sidenav-footer .social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.326vw;
  }

  .sidenav-mob .sidenav-footer .social-links a {
    color: #fff;
    font-size: 4.651vw;
    transition: color 0.3s ease;
    background-color: rgba(99, 102, 241, 0.3);
    width: 8.837vw;
    height: 8.837vw;
    border-radius: 1.163vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }

  .dropdown-menu {
    position: relative;
  }

  .dropdown-menu .dropdown-list {
    width: 100%;
    position: absolute;
    top: 110%;
    right: 0;
    background-color: #110f1f;
    border: 0.465vw solid #232040;
    border-radius: 2.791vw;
    padding: 1.163vw;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2.326vw);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  }

  .dropdown-menu .dropdown-list .dropdown-item {
    width: 100%;
    padding: 1.86vw;
    font-size: 3.256vw;
    line-height: 4.651vw;
    color: #fff;
    border: none;
    background: none;
    border-radius: 1.395vw;
    gap: 1.86vw;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .dropdown-menu .dropdown-list .dropdown-item:last-child {
    margin-bottom: 0;
  }

  .dropdown-menu .dropdown-list .dropdown-item:hover {
    background-color: rgba(99, 102, 241, 0.1);
  }

  .dropdown-menu .dropdown-list .dropdown-item img {
    width: auto;
    height: 5.581vw;
    border-radius: 1.395vw;
  }

  .dropdown-menu .dropdown-list h6 {
    font-size: 2.791vw;
    font-weight: 600;
    color: #726e8e;
    margin: 1.163vw;
  }

  .dropdown-menu .dropdown-list hr {
    width: 90%;
    border: none;
    margin: 1.395vw auto;
    border-top: 0.465vw solid hsla(0, 0%, 100%, 0.2);
  }

  .dropdown-menu:hover .dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .landing header {
    background-image: url('../images/landing/header-bg-mobile.webp');
    min-height: 224.773vw;
    display: block;
  }

  .landing header .content {
    padding: 25vw 6.818vw 0;
  }

  .landing header .jinx {
    display: none;
  }

  .landing header .jinx-mobile {
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 100%;
    display: block;
    transform: translateX(-50%);
  }

  .landing header .big-heading {
    font-size: 9.091vw;
    line-height: 10.227vw;
    text-align: center;
  }

  .landing header .bottom-content {
    flex-direction: column;
  }

  .landing header .bottom-content .left p {
    width: 100%;
    font-size: 2.727vw;
    line-height: 4.545vw;
    margin-top: 2.273vw;
    margin-bottom: 4.545vw;
    text-align: center;
  }

  .landing header .bottom-content .left .actions a:first-child {
    margin-right: 3.409vw;
  }

  .landing header .rating-bar {
    padding: 2.727vw 4.091vw;
    border-radius: 11.364vw;
    background-color: hsla(0, 0%, 100%, 0.06);
    box-shadow: 0 0 6.818vw 0 rgba(0, 0, 0, 0.1), inset 0 0 5.455vw 0 #fff;
    -webkit-backdrop-filter: blur(6.818vw);
    backdrop-filter: blur(6.818vw);
    position: absolute;
    bottom: 2.273vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 86.364vw;
  }

  .landing header .rating-bar img {
    width: 22.727vw;
    margin-right: 2.727vw;
  }

  .landing header .rating-bar .rating-text {
    font-size: 3.864vw;
    line-height: 6.818vw;
  }

  /* Layout im Balken */
  .landing header .rating-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
  }

  /* Sterne grün & etwas Glow – wie im Screenshot */
  .landing header .rating-bar .stars {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    font-size: 1.4vw;
    line-height: 1;
    color: #04da8d; /* Fallback falls einzelne <i> kein eigenes color haben */
  }

  .landing header .rating-bar .stars i {
    color: #04da8d;
    text-shadow: 0 0 0.25vw rgba(4, 218, 141, 0.55);
  }

  /* Optional: wenn du halbe/leere Sterne nutzen willst */
  .landing header .rating-bar .stars .star--half {
    color: #04da8d;
  } /* fa-star-half-stroke */
  .landing header .rating-bar .stars .star--empty {
    color: #2a2a4d;
    opacity: 0.45;
  } /* fa-regular fa-star */

  /* Text neben den Sternen */
  .landing header .rating-bar .rating-text {
    font-weight: 600;
    opacity: 0.9;
  }

  .landing .sec-one {
    padding: 6.818vw;
  }

  .landing .sec-one h2 {
    font-size: 6.818vw;
    line-height: 9.091vw;
    margin-bottom: 2.273vw;
  }

  .landing .sec-one p {
    font-size: 2.727vw;
    line-height: 5.455vw;
    margin-bottom: 9.091vw;
  }

  .landing .sec-one .cards {
    gap: 11.364vw;
    flex-direction: column;
  }

  .landing .sec-one .card {
    padding: 0.227vw;
    border-radius: 13.182vw;
  }

  .landing .sec-one .card .content {
    padding: 6.818vw;
    border-radius: 13.182vw;
  }

  .landing .sec-one .card .card-title {
    font-size: 5.455vw;
    margin: 6.818vw 0;
  }

  .landing .sec-one .card .card-actions {
    gap: 1.818vw;
    display: flex;
    align-items: center;
  }

  .landing .sec-one .card .card-actions .btn {
    width: 100%;
    height: 14.318vw;
  }

  .landing .sec-one .card .card-actions .btn-icon {
    width: 14.318vw;
    height: 14.318vw;
  }

  .landing .sec-one .card .discount-badge {
    right: 13.182vw;
    width: 21.591vw;
  }

  .landing .sec-two {
    padding-top: 11.591vw;
    background: url('../images/landing/sec-two-bg.webp');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
  }

  .landing .sec-two .top {
    padding: 0;
    gap: 5.455vw;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 13.182vw;
  }

  .landing .sec-two .top .btn {
    padding: 2.727vw 6.364vw;
  }

  .landing .sec-two h3 {
    font-size: 6.818vw;
    line-height: 9.091vw;
    margin-bottom: 1.364vw;
  }

  .landing .sec-two p {
    font-size: 3.182vw;
    line-height: 5.455vw;
    width: 68.182vw;
  }

  .landing .sec-two .bottom {
    display: block;
  }

  .landing .sec-two .bottom > img {
    display: none;
  }

  .landing .sec-two .boosters::before {
    content: none;
    display: none;
  }

  .landing .sec-two .boosters.slick-track {
    margin-right: unset;
  }

  .landing .sec-two .boosters .booster {
    min-height: 74.545vw;
    padding: 5vw;
    margin-right: 3.636vw;
    border-radius: 9.545vw;
  }

  .landing .sec-two .boosters .booster .details {
    gap: 3.409vw;
  }

  .landing .sec-two .boosters .booster .details h5 {
    font-size: 3.636vw;
    margin-bottom: 1.818vw;
  }

  .landing .sec-two .boosters .booster .details .rank {
    font-size: 2.727vw;
  }

  .landing .sec-two .boosters .booster .avatar {
    width: 15.909vw;
    height: 15.909vw;
    border-radius: 6.364vw;
  }

  .landing .sec-two .boosters .booster .rating-rank {
    padding: 1.818vw 3.182vw;
    border-radius: 3.182vw;
    border: 0.227vw solid #232040;
    margin: 3.182vw 0 4.545vw;
  }

  .landing .sec-two .boosters .booster .rating-rank .rating {
    font-size: 2.727vw;
  }

  .landing .sec-two .boosters .booster .rating-rank .rating img {
    height: 1.591vw;
    margin-top: 1.136vw;
  }

  .landing .sec-two .boosters .booster .rating-rank .rank-symbol {
    height: 6.364vw;
  }

  .landing .sec-two .boosters .booster .roles {
    gap: 1.818vw;
  }

  .landing .sec-two .boosters .booster .roles .role {
    padding: 2.273vw;
    border-radius: 3.182vw;
  }

  .landing .sec-two .boosters .booster .roles .role img {
    width: 4.545vw;
    height: 4.545vw;
  }

  .landing .sec-two .boosters .booster .champions {
    gap: 1.818vw;
    margin-top: 5vw;
  }

  .landing .sec-two .boosters .booster .champions .champion-icon {
    width: 5.909vw;
    height: 5.909vw;
    border-radius: 1.818vw;
  }

  .landing .sec-three {
    padding: 18.182vw 6.818vw;
    gap: 11.364vw;
    flex-direction: column;
  }

  .landing .sec-three .card {
    padding: 4.545vw;
    max-width: 100%;
    border-radius: 8.182vw;
  }

  .landing .sec-three .card .actions {
    gap: 2.273vw;
  }

  .landing .sec-three .card .actions .btn {
    padding: 2.727vw 6.364vw;
  }

  .landing .sec-three .card .actions .btn i {
    font-size: 3.182vw;
    margin-left: 1.136vw;
  }

  .landing .sec-three .card h5 {
    font-size: 5.909vw;
    line-height: 6.818vw;
    margin-bottom: 2.273vw;
  }

  .landing .sec-three .card h5 br {
    display: none;
  }

  .landing .sec-three .card p {
    font-size: 2.727vw;
    line-height: 5.455vw;
    margin-bottom: 6.818vw;
  }

  .landing .sec-three .card p br {
    display: none;
  }

  .landing .sec-three .card .flags {
    margin-bottom: 4.545vw;
  }

  .landing .sec-three .card img {
    margin: 0 auto;
  }

  .landing .sec-three .card.card-one > img {
    margin-bottom: 6.818vw;
  }

  .landing .sec-three .card.card-two {
    background: url('../images/landing/sec-three-card-bg.png');
    display: flex;
    flex-direction: column-reverse;
    gap: 6.818vw;
  }

  .landing .sec-three .card.card-two > img {
    margin-top: 0;
  }

  .landing .sec-four {
    padding: 9.091vw 0;
  }

  .landing .sec-four h3 {
    font-size: 4.545vw;
    margin-bottom: 5.227vw;
    margin-left: 6.818vw;
  }

  .landing .sec-four h3 .badge {
    font-size: 3.636vw;
    margin-left: 4.545vw;
    padding: 1.136vw 2.955vw;
    border-radius: 45.455vw;
    border: 0.227vw solid #232040;
  }

  .landing .sec-four .orders .order-card {
    padding: 2.727vw;
    max-width: 86.364vw;
    margin-right: 2.273vw;
    border-radius: 5.682vw;
    border: 0.227vw solid #232040;
  }

  .landing .sec-four .orders .order-card .top .left {
    gap: 1.818vw;
  }

  .landing .sec-four .orders .order-card .top .left img {
    width: 8.636vw;
    height: 8.636vw;
  }

  .landing .sec-four .orders .order-card .top .left h6 {
    font-size: 1.818vw;
  }

  .landing .sec-four .orders .order-card .top .left h5 {
    font-size: 2.727vw;
  }

  .landing .sec-four .orders .order-card .top .right p {
    font-size: 2.273vw;
    margin-bottom: 2.045vw;
  }

  .landing .sec-four .orders .order-card .top .right .progress-container {
    width: 43.182vw;
    height: 1.136vw;
    border-radius: 9.091vw;
  }

  .landing .sec-four .orders .order-card .top .right .progress-container .progress-bar {
    height: 1.136vw;
    border-radius: 9.091vw;
  }

  .landing .sec-four .orders .order-card .middle {
    padding: 2.273vw 0;
    margin: 2.727vw 0 4.545vw;
    border-top: 0.227vw solid #232040;
    border-bottom: 0.227vw solid #232040;
  }

  .landing .sec-four .orders .order-card .middle span {
    font-size: 2.727vw;
  }

  .landing .sec-four .orders .order-card .middle img {
    width: 2.5vw;
  }

  .landing .sec-four .orders .order-card .bottom span {
    font-size: 2.045vw;
    margin-bottom: 0.682vw;
  }

  .landing .sec-four .orders .order-card .bottom p {
    font-size: 2.727vw;
  }

  .landing .sec-four .orders .order-card .bottom p img {
    width: auto;
    height: 3.409vw;
    margin-right: 0.682vw;
  }

  .landing .sec-five {
    padding: 0 6.818vw;
  }

  .landing .sec-five h2 {
    font-size: 6.818vw;
    line-height: 9.091vw;
    margin-bottom: 2.273vw;
  }

  .landing .sec-five p {
    font-size: 3.636vw;
    line-height: 6.364vw;
    margin-bottom: 36.364vw;
  }

  .landing .sec-five .method-cards .card {
    background-color: #110f1f;
    border-radius: 13.636vw;
    border: 0.227vw solid #232040;
    padding: 56.818vw 4.545vw 9.091vw;
    max-width: 100%;
    margin-bottom: 36.364vw !important;
    text-align: center;
  }

  .landing .sec-five .method-cards .card > img {
    left: 4.545vw;
    top: -50%;
    transform: translateY(50%);
    bottom: unset;
    width: 77.273vw;
    height: auto;
  }

  .landing .sec-five .method-cards .card h5 {
    font-size: 3.182vw;
    margin-bottom: 2.273vw;
  }

  .landing .sec-five .method-cards .card h4 {
    font-size: 4.545vw;
    margin-bottom: 2.273vw;
  }

  .landing .sec-five .method-cards .card p {
    font-size: 3.636vw;
    line-height: 6.364vw;
    text-align: center;
    margin-bottom: 6.818vw;
  }

  .landing .sec-five .method-cards .card p br {
    display: none;
  }

  .landing .sec-five .method-cards .card:nth-child(2) {
    padding-left: 4.545vw;
    padding-right: 4.545vw;
    margin: unset;
    margin-left: unset;
  }

  .landing .sec-five .method-cards .card:nth-child(2) > img {
    left: auto;
    right: unset;
    bottom: unset;
  }

  .landing .sec-five .method-cards .card:last-child {
    margin-bottom: 0 !important;
  }

  .landing .sec-six {
    padding: 25vw 6.818vw 12.273vw;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url('../images/landing/sec-six-bg-mobile.webp');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100vw;
  }

  .landing .sec-six .left {
    max-width: 100%;
    text-align: center;
    margin-bottom: 11.364vw;
  }

  .landing .sec-six .left h2 {
    font-size: 6.818vw;
    line-height: 9.091vw;
    margin-bottom: 2.273vw;
  }

  .landing .sec-six .left p {
    font-size: 2.727vw;
    line-height: 5.455vw;
    margin-bottom: 6.818vw;
  }

  .landing .sec-six .left .btn {
    padding: 2.727vw 6.364vw;
  }

  .landing .sec-six .right {
    gap: 2.273vw;
    display: grid;
  }

  .landing .sec-six .feature-item {
    padding: 0.227vw;
    border-radius: 5vw;
    max-width: 100%;
  }

  .landing .sec-six .feature-item .content {
    padding: 1.818vw;
    border-radius: 5vw;
    gap: 2.273vw;
    position: relative;
  }

  .landing .sec-six .feature-item .content h4 {
    font-size: 2.727vw;
  }

  .landing .sec-six .feature-item .content h4 p {
    margin-top: 1.818vw;
  }

  .landing .sec-six .feature-item .icon {
    width: 10.682vw;
    height: 10.682vw;
    border-radius: 2.727vw;
  }

  .landing .sec-six .feature-item .icon i {
    font-size: 5vw;
  }

  .landing .sec-faqs {
    padding: 11.364vw 6.818vw 0;
  }

  .landing .sec-faqs .top {
    gap: 1.136vw;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 9.091vw;
  }

  .landing .sec-faqs .top h4 {
    font-size: 5.909vw;
    line-height: 9.091vw;
    width: 100%;
  }

  .landing .sec-faqs .top h4 br {
    display: none;
  }

  .landing .sec-faqs .top p {
    font-size: 3.182vw;
    line-height: 5.455vw;
    width: 100%;
  }

  .landing .sec-faqs .top p br {
    display: none;
  }

  .landing .payments-sec {
    display: none;
    padding: 6.818vw;
    gap: 13.636vw;
    flex-wrap: wrap;
    justify-content: center;
  }

  .landing .payments-sec img {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .landing .games-sec {
    padding: 6.818vw 0;
    gap: 2.273vw;
    background-color: #0e0d1a;
  }

  .landing .games-sec .btn {
    padding: 2.727vw 3.182vw;
    font-size: 2.727vw;
  }

  .landing .games-sec .btn i {
    font-size: 3.182vw;
    margin-right: 1.136vw;
  }

  .landing .games-sec .btn img {
    height: 3.182vw;
    margin-right: 1.136vw;
  }

  .lol-boost header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
  }

  .lol-boost header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .lol-boost header h1 {
    font-size: 9.953vw;
    line-height: 11.605vw;
    margin-bottom: 3.651vw;
  }

  .lol-boost header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .lol-boost header.one {
    background: url('../images/boost-forms/header-1-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lol-boost header.two {
    background: url('../images/boost-forms/header-2-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lol-boost header.three {
    background: url('../images/boost-forms/header-3-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lol-boost header.four {
    background: url('../images/boost-forms/header-4-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lol-boost #champions_roles_modal h4.heading {
    gap: 2.326vw;
    font-size: 4.186vw;
  }

  .lol-boost #champions_roles_modal h4.heading .bullet {
    width: 9.767vw;
    height: 9.767vw;
    border-radius: 50%;
    font-size: 3.721vw;
  }

  .lol-boost #champions_roles_modal h4.heading .badge {
    border-radius: 2.326vw;
    font-size: 2.326vw;
  }

  .lol-boost #champions_roles_modal .icon-checkboxes {
    margin: 4.651vw 0;
  }

  .lol-boost #champions_roles_modal .select2 {
    margin: 4.651vw 0;
  }

  .lol-boost .rank-types-nav {
    margin: 9.302vw 0;
    gap: 2.326vw;
    padding: 0 4.651vw;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Safari */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }

  .lol-boost .rank-types-nav .nav-item {
    min-width: 23.256vw;
    height: 30.233vw;
    border-radius: 6.977vw;
    margin-right: 0;
  }

  .lol-boost .rank-types-nav .nav-item.active::after {
    padding: 0.465vw;
  }

  .lol-boost .rank-types-nav .nav-item img {
    height: 6.977vw;
    margin-bottom: 4.651vw;
  }

  .lol-boost .rank-types-nav .nav-item span {
    font-size: 3.721vw;
    line-height: 5.116vw;
  }

  .lol-boost .form-content {
    padding: 0 4.651vw;
    gap: 4.651vw;
    grid-template-columns: 1fr;
  }

  .lol-boost .form-content .boost-form .card {
    padding: 4.651vw;
    border-radius: 8.14vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .lol-boost .form-content .boost-form .card .card-header {
    gap: 4.651vw;
  }

  .lol-boost .form-content .boost-form .card .card-header img {
    width: 12.791vw;
  }

  .lol-boost .form-content .boost-form .card .card-header h3 {
    font-size: 5.116vw;
  }

  .lol-boost .form-content .boost-form .card .card-header p {
    font-size: 2.791vw;
  }

  .lol-boost .form-content .boost-form .card.count-card .count {
    width: 19.535vw;
    height: 19.535vw;
    font-size: 9.767vw;
  }

  .lol-boost .form-content .boost-form .ranks,
  .lol-boost .form-content .boost-form .divisions {
    gap: 3.256vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 6.977vw;
  }

  .lol-boost .form-content .boost-form .ranks input[type='radio']:checked + .rank-btn::after,
  .lol-boost .form-content .boost-form .ranks input[type='radio']:checked + .division-btn::after,
  .lol-boost .form-content .boost-form .divisions input[type='radio']:checked + .rank-btn::after,
  .lol-boost .form-content .boost-form .divisions input[type='radio']:checked + .division-btn::after {
    padding: 0.465vw;
  }

  .lol-boost .form-content .boost-form .divisions {
    gap: 3.488vw;
  }

  .lol-boost .form-content .boost-form .rank-btn,
  .lol-boost .form-content .boost-form .division-btn {
    padding: 4.186vw;
    border-radius: 4.186vw;
  }

  .lol-boost .form-content .boost-form .rank-btn img,
  .lol-boost .form-content .boost-form .division-btn img {
    width: 9.302vw;
  }

  .lol-boost .form-content .boost-form .rank-btn .tooltip,
  .lol-boost .form-content .boost-form .division-btn .tooltip {
    display: none;
  }

  .lol-boost .form-content .boost-form .division-btn {
    font-size: 5.814vw;
    width: 17.442vw;
    height: 15.116vw;
  }

  .lol-boost .form-content .boost-form .lp-selector h6 {
    font-size: 3.256vw;
    margin-bottom: 4.186vw;
  }

  .lol-boost .form-content .boost-form .lp-selector .input-container {
    width: 100%;
    border-radius: 3.721vw;
  }

  .lol-boost .form-content .boost-form .lp-selector .input-container button {
    font-size: 4.651vw;
    padding: 4.651vw;
    border-radius: 3.721vw;
    border: 0.233vw solid #8f8f8f;
  }

  .lol-boost .form-content .boost-form .lp-selector .input-container input {
    font-size: 4.186vw;
  }

  .lol-boost .form-content .boost-form .options {
    gap: 4.651vw;
    flex-direction: column;
    margin-top: 11.628vw;
  }

  .lol-boost .form-content .boost-form .options .option {
    width: 100%;
  }

  .lol-boost .form-content .boost-form .options .option h6 {
    font-size: 3.256vw;
    margin-bottom: 2.326vw;
    margin-left: 4.651vw;
  }

  .lol-boost .form-content .boost-form .options-bar {
    gap: 4.651vw;
    flex-direction: column;
    padding: 6.977vw 4.651vw;
    margin-top: 4.651vw;
    border-radius: 8.14vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .lol-boost .form-content .boost-form .options-bar .option h6 {
    font-size: 3.256vw;
    margin-bottom: 3.721vw;
  }

  .lol-boost .form-content .boost-form .range-slider {
    margin: 34.884vw 0 23.256vw;
  }

  .lol-boost .form-content .boost-form .range-slider.noUi-target,
  .lol-boost .form-content .boost-form .range-slider.noUi-target .noUi-base,
  .lol-boost .form-content .boost-form .range-slider.noUi-target .noUi-connects {
    height: 4.651vw;
    border-radius: 23.256vw;
  }

  .lol-boost .form-content .boost-form .range-slider .noUi-handle {
    width: 9.163vw;
    height: 9.163vw;
    border-radius: 11.628vw;
    top: -2.256vw;
  }

  .lol-boost .form-content .boost-form .range-slider .noUi-tooltip {
    width: 11.628vw;
    height: 11.628vw;
    border-radius: 2.791vw;
    font-size: 6.512vw;
  }

  .lol-boost .form-content .boost-form .range-slider .noUi-tooltip::after {
    padding: 0.465vw;
  }

  .lol-boost .form-content .boost-form .rank-boost .rank-cards {
    gap: 4.651vw;
    flex-direction: column;
  }

  .lol-boost .form-content .boost-form .rank-boost .ranks,
  .lol-boost .form-content .boost-form .rank-boost .divisions {
    gap: 2.326vw;
    margin: 13.953vw 0 6.977vw;
  }

  .lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio']:checked + .rank-btn::after,
  .lol-boost .form-content .boost-form .rank-boost .ranks input[type='radio']:checked + .division-btn::after,
  .lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio']:checked + .rank-btn::after,
  .lol-boost .form-content .boost-form .rank-boost .divisions input[type='radio']:checked + .division-btn::after {
    padding: 0.465vw;
  }

  .lol-boost .form-content .boost-form .rank-boost .divisions {
    gap: 4.186vw;
  }

  .lol-boost .form-content .boost-form .rank-boost .rank-btn,
  .lol-boost .form-content .boost-form .rank-boost .division-btn {
    padding: 4.186vw 5.116vw;
    border-radius: 4.651vw;
  }

  .lol-boost .form-content .boost-form .rank-boost .rank-btn img,
  .lol-boost .form-content .boost-form .rank-boost .division-btn img {
    width: 8.14vw;
  }

  .lol-boost .form-content .boost-form .rank-boost .division-btn {
    font-size: 4.651vw;
    width: 16.977vw;
    height: 14.884vw;
  }

  .lol-boost .form-content .boost-form .boost {
    gap: 4.651vw;
  }

  .lol-boost .form-content .boost-form .level-boost .levels {
    gap: 4.651vw;
    flex-direction: column;
  }

  .lol-boost .form-content .boost-form .level-boost .lp-selector h6 {
    font-size: 4.651vw;
  }

  .lol-boost .form-content .summary-wrapper {
    position: static;
  }

  .lol-boost .form-content .order-summary {
    padding: 4.651vw;
    border-radius: 8.14vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .lol-boost .form-content .order-summary h3 {
    gap: 2.326vw;
    font-size: 5.116vw;
  }

  .lol-boost .form-content .order-summary h3 img {
    width: 5.814vw;
  }

  .lol-boost .form-content .order-summary .rank-box {
    padding: 3.488vw 4.651vw;
    margin: 4.651vw 0;
    border-radius: 6.977vw;
  }

  .lol-boost .form-content .order-summary .rank-box .to img,
  .lol-boost .form-content .order-summary .rank-box .from img {
    height: 6.977vw;
  }

  .lol-boost .form-content .order-summary .rank-box .to .title,
  .lol-boost .form-content .order-summary .rank-box .from .title {
    font-size: 3.256vw;
  }

  .lol-boost .form-content .order-summary .rank-box .from .game {
    font-size: 3.256vw;
    font-weight: 500;
  }

  .lol-boost .form-content .order-summary .rank-box .from small {
    font-size: 2.791vw;
    color: #726e8e;
    display: block;
  }

  .lol-boost .form-content .order-summary .rank-box .to .count {
    font-size: 3.256vw;
  }

  .lol-boost .form-content .order-summary .toggle-group {
    border-radius: 6.977vw;
    padding: 2.326vw;
  }

  .lol-boost .form-content .order-summary .toggle-label {
    padding: 2.791vw;
    font-size: 3.256vw;
    border-radius: 4.651vw;
  }

  .lol-boost .form-content .order-summary .totals {
    padding: 0 2.326vw;
  }

  .lol-boost .form-content .order-summary .totals p {
    font-size: 4.651vw;
  }

  .lol-boost .form-content .order-summary .totals p img {
    width: 5.581vw;
    margin-right: 2.326vw;
  }

  .lol-boost .form-content .order-summary .totals .price {
    font-size: 4.651vw;
  }

  .lol-boost .form-content .order-summary .buy-now {
    width: 100%;
    font-size: 3.721vw;
    line-height: 4.651vw;
    padding: 3.256vw 0;
    margin-top: 6.977vw;
  }

  .lol-boost .form-content .extra-options {
    margin: 4.651vw 0;
    padding: 0;
  }

  .lol-boost .form-content .extra-options .option {
    margin-bottom: 4.186vw;
  }

  .lol-boost .form-content .extra-options .option .text {
    gap: 2.326vw;
    font-size: 3.256vw;
    line-height: 4.186vw;
  }

  .lol-boost .form-content .extra-options .option .text img {
    width: 3.721vw;
  }

  .lol-boost .form-content .completion-box {
    background-color: #0a0a18;
    border-radius: 6.977vw;
    padding: 5.116vw 0;
    gap: 2.791vw;
  }

  .lol-boost .form-content .completion-box img {
    width: 5.116vw;
  }

  .lol-boost .form-content .completion-box .text {
    font-size: 3.256vw;
    line-height: 7.442vw;
  }

  .lol-boost .form-content .discount-box {
    padding: 4.651vw 3.488vw;
    margin: 4.651vw 0 6.977vw;
    border-radius: 4.651vw;
    border: 0.233vw solid #6366f1;
  }

  .lol-boost .form-content .discount-box .remove-btn {
    top: -2.163vw;
    right: -2.163vw;
    width: 5.651vw;
    height: 5.651vw;
    border: 0.465vw solid red;
    font-size: 4.651vw;
  }

  .lol-boost .form-content .discount-box .left {
    gap: 1.86vw;
  }

  .lol-boost .form-content .discount-box .left img {
    width: 6.977vw;
  }

  .lol-boost .form-content .discount-box .left h5 {
    font-size: 3.256vw;
    margin-bottom: 0vw;
  }

  .lol-boost .form-content .discount-box .left p {
    font-size: 2.791vw;
    color: grey;
  }

  .lol-boost .form-content .discount-box .right {
    text-align: right;
  }

  .lol-boost .form-content .discount-box .right h5 {
    font-size: 2.791vw;
  }

  .lol-boost .form-content .discount-box .right .amounts .old {
    font-size: 2.791vw;
  }

  .lol-boost .form-content .discount-box .right .amounts .new {
    font-size: 3.488vw;
    margin-left: 4.884vw;
  }

  .lol-boost .form-content .discount-input {
    border-radius: 3.721vw;
    margin-top: 4.651vw;
  }

  .lol-boost .form-content .discount-input input {
    font-size: 3.256vw;
    padding: 3.953vw 5.116vw;
    border-radius: 3.721vw;
  }

  .lol-boost .form-content .discount-input button {
    font-size: 4.186vw;
    padding: 3.953vw 5.116vw;
    border-radius: 3.721vw;
  }

  .lol-boost .form-content .payment-gateways {
    padding: 9.302vw;
    margin-top: 4.651vw;
    border-radius: 11.628vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .lol-boost .form-content .payment-gateways .top {
    gap: 4.186vw;
    margin-bottom: 7.442vw;
  }

  .lol-boost .form-content .payment-gateways .top img {
    width: 10.93vw;
  }

  .lol-boost .form-content .payment-gateways .top .text h5 {
    font-size: 4.186vw;
    margin-bottom: 0vw;
  }

  .lol-boost .form-content .payment-gateways .top .text p {
    font-size: 3.256vw;
  }

  .lol-boost .form-content .boost-faqs {
    display: none;
  }

  .lol-boost .form-content hr {
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
    margin: 6.977vw 0;
  }

  .lol-boost .boost-faqs-mobile {
    padding: 9.302vw;
    margin-top: 4.651vw;
    padding-bottom: 0;
    background-color: #110f1f;
    border-radius: 9.302vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .lol-boost .boost-faqs-mobile h4 {
    font-size: 7.442vw;
    font-weight: 500;
  }

  .lol-boost .accordion .accordion-header h5 {
    font-size: 4.091vw;
    padding-right: 5.814vw;
  }

  .lol-boost .bottom-sec {
    padding: 9.302vw 4.651vw 4.651vw;
    background-position: 0vw 11.395vw;
  }

  .lol-boost .choose-us h4 {
    font-size: 9.302vw;
    line-height: 11.163vw;
    margin-bottom: 9.302vw;
  }

  .lol-boost .choose-us .tiles {
    gap: 6.977vw;
    flex-direction: column;
  }

  .lol-boost .choose-us .tiles .tile {
    width: 100%;
    padding: 5.814vw;
    border-radius: 13.953vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .lol-boost .choose-us .tiles .tile img {
    width: 18.605vw;
  }

  .lol-boost .choose-us .tiles .tile h5 {
    font-size: 5.116vw;
    margin: 6.512vw 0 4.651vw;
  }

  .lol-boost .choose-us .tiles .tile p {
    font-size: 3.721vw;
    line-height: 8.372vw;
  }

  .lol-boost .about-us {
    height: auto;
    margin: 4.651vw 0;
    padding: 4.651vw;
  }

  .lol-boost .about-us .content {
    max-width: 100%;
  }

  .lol-boost .about-us .content h4 {
    font-size: 9.302vw;
    margin-bottom: 18.605vw;
  }

  .lol-boost .about-us .content p {
    font-size: 3.721vw;
    line-height: 6.977vw;
  }

  .lol-boost .sticky-overview {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    display: block;
    padding: 0 20px;
    border-top: 0.465vw solid #6366f1;
    background-color: #110f1f;
  }

  .lol-boost .sticky-overview .rank-box {
    padding: 2.488vw 4.651vw;
    margin: 2.977vw 0;
    border-radius: 6.977vw;
    background-color: #0a0a18;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .lol-boost .sticky-overview .rank-box .to,
  .lol-boost .sticky-overview .rank-box .from {
    text-align: center;
  }

  .lol-boost .sticky-overview .rank-box .to img,
  .lol-boost .sticky-overview .rank-box .from img {
    width: auto;
    height: 6.977vw;
    margin: 0 auto;
  }

  .lol-boost .sticky-overview .rank-box .to .title,
  .lol-boost .sticky-overview .rank-box .from .title {
    font-size: 3.256vw;
  }

  .lol-boost .sticky-overview .rank-box .from .game {
    font-size: 3.256vw;
    font-weight: 500;
  }

  .lol-boost .sticky-overview .rank-box .from small {
    font-size: 2.791vw;
    color: #726e8e;
    display: block;
  }

  .lol-boost .sticky-overview .rank-box .to .count {
    font-size: 3.256vw;
    font-weight: 500;
  }

  .lol-boost .sticky-overview .totals {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.326vw;
  }

  .lol-boost .sticky-overview .totals p {
    display: flex;
    align-items: center;
    color: #726e8e;
    font-size: 4.651vw;
  }

  .lol-boost .sticky-overview .totals p img {
    width: 5.581vw;
    height: auto;
    margin-right: 2.326vw;
  }

  .lol-boost .sticky-overview .totals .old-price {
    margin-right: 4.884vw;
    text-decoration: line-through;
    color: #726e8e;
  }

  .lol-boost .sticky-overview .totals .price {
    font-size: 4.651vw;
  }

  .lol-boost .sticky-overview .buy-now {
    width: 100%;
    font-size: 3.721vw;
    line-height: 4.651vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.256vw 0;
    margin: 2.977vw 0;
  }

  .checkout .header {
    text-align: center;
    margin: 30.233vw 0 9.302vw;
  }

  .checkout .header h1 {
    font-size: 6.977vw;
    line-height: 1.2;
    margin-bottom: 2.326vw;
  }

  .checkout .header h5 {
    font-size: 3.256vw;
    line-height: 1.2;
  }

  .checkout .card {
    padding: 4.651vw;
    border-radius: 4.186vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .checkout .main-content {
    gap: 6.977vw;
    margin: 0 6.977vw;
    grid-template-columns: 1fr;
  }

  .checkout .main-content .left h3 {
    font-size: 3.256vw;
    font-weight: 500;
    margin-bottom: 4.186vw;
  }

  .checkout .main-content .left .buttons {
    gap: 2.326vw;
    display: flex;
    margin-bottom: 4.186vw;
  }

  .checkout .main-content .left .buttons .btn {
    padding: 2.326vw 0;
    font-size: 2.791vw;
    border-radius: 2.326vw;
    gap: 1.395vw;
  }

  .checkout .main-content .left .buttons .btn::after {
    padding: 0.233vw;
  }

  .checkout .main-content .left .buttons .btn img {
    width: 2.326vw;
  }

  .checkout .main-content .left .payment-methods {
    gap: 5.581vw;
  }

  .checkout .main-content .left .payment-methods:first-of-type {
    margin-bottom: 6.977vw;
  }

  .checkout .main-content .left .payment-methods .method-btn {
    padding: 2.326vw;
    border-radius: 1.86vw;
  }

  .checkout .main-content .left .payment-methods .method-btn .checkmark {
    gap: 2.326vw;
    font-size: 3.256vw;
  }

  .checkout .main-content .left .payment-methods .method-btn .checkmark span {
    width: 4.651vw;
    height: 4.651vw;
  }

  .checkout .main-content .left .payment-methods .method-btn img {
    height: 3.721vw;
  }

  .checkout .main-content .left .payment-methods .method-btn .badge {
    padding: 0.698vw 1.395vw;
    border-radius: 1.395vw;
  }

  .checkout .main-content .right h3 {
    font-size: 3.256vw;
    margin-bottom: 4.186vw;
  }

  .checkout .main-content .right h3 img {
    width: 4.186vw;
  }

  .checkout .main-content .right .summary .rank-box {
    padding: 3.488vw 4.651vw;
    margin: 4.651vw 0;
    border-radius: 6.977vw;
  }

  .checkout .main-content .right .summary .rank-box .to img,
  .checkout .main-content .right .summary .rank-box .from img {
    height: 6.977vw;
  }

  .checkout .main-content .right .summary .rank-box .to .title,
  .checkout .main-content .right .summary .rank-box .from .title {
    font-size: 3.256vw;
  }

  .checkout .main-content .right .summary .rank-box .from .game {
    font-size: 3.256vw;
    font-weight: 500;
  }

  .checkout .main-content .right .summary .rank-box .from small {
    font-size: 2.791vw;
    color: #726e8e;
    display: block;
  }

  .checkout .main-content .right .summary .rank-box .to .count {
    font-size: 3.256vw;
  }

  .checkout .main-content .right .summary .order-options {
    gap: 4.186vw;
    margin-bottom: 4.651vw;
  }

  .checkout .main-content .right .summary .order-options .option .title {
    gap: 2.326vw;
    font-size: 3.721vw;
  }

  .checkout .main-content .right .summary .order-options .option .title img {
    height: 3.721vw;
  }

  .checkout .main-content .right .summary .order-options .option .value {
    font-size: 3.721vw;
  }

  .checkout .main-content .right .summary .discount-input {
    border-radius: 3.721vw;
    margin-top: 4.651vw;
  }

  .checkout .main-content .right .summary .discount-input input {
    font-size: 3.256vw;
    padding: 3.953vw 5.116vw;
    border-radius: 3.721vw;
  }

  .checkout .main-content .right .summary .discount-input input::-moz-placeholder {
    color: #726e8e;
  }

  .checkout .main-content .right .summary .discount-input input::placeholder {
    color: #726e8e;
  }

  .checkout .main-content .right .summary .discount-input button {
    font-size: 4.186vw;
    padding: 3.953vw 5.116vw;
    border-radius: 3.721vw;
  }

  .checkout .main-content .right .summary #discount_alert {
    margin-top: 2.326vw;
    font-size: 2.791vw;
  }

  .checkout .main-content .right .summary .discount-applied {
    padding: 3.256vw 0;
    font-size: 3.256vw;
    text-align: center;
    border-radius: 2.326vw;
    border: 0.233vw solid #6366f1;
    margin: 6.977vw 0;
  }

  .checkout .main-content .right .summary .totals-section {
    border-top: 0.698vw solid rgba(114, 110, 142, 0.1);
    padding: 5.116vw 0;
  }

  .checkout .main-content .right .summary .totals-section .item {
    gap: 4.651vw;
  }

  .checkout .main-content .right .summary .totals-section .item div {
    gap: 2.326vw;
  }

  .checkout .main-content .right .summary .totals-section .item .label {
    font-size: 3.721vw;
  }

  .checkout .main-content .right .summary .totals-section .item .value {
    font-size: 5.116vw;
  }

  .checkout .main-content .right .summary .totals-section .item img {
    height: 3.721vw;
  }

  .checkout .main-content .right .summary #complete_payment {
    padding: 2.326vw 0;
    font-size: 3.721vw;
    line-height: 5.581vw;
    border-radius: 11.628vw;
  }

  .boosters-list header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/boosters/header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .boosters-list header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .boosters-list header h1 {
    font-size: 13.953vw;
    line-height: 18.605vw;
    margin-bottom: 4.651vw;
  }

  .boosters-list header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .boosters-list .main-content {
    margin: 0 6.977vw;
  }

  .boosters-list .filter-box {
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
    border-radius: 5.116vw;
    padding: 4.651vw;
    margin-bottom: 6.977vw;
  }

  .boosters-list .filter-box .head {
    padding: 0 0 3.256vw;
    border-bottom: 0.698vw solid rgba(114, 110, 142, 0.1);
  }

  .boosters-list .filter-box .head h2 {
    font-size: 3.256vw;
    font-weight: 600;
  }

  .boosters-list .filter-box .head button {
    padding: 2.326vw 5.349vw;
    font-size: 2.326vw;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 11.628vw;
  }

  .boosters-list .filter-box .bottom {
    gap: 3.256vw;
    margin: 4.651vw 0 0;
  }

  .boosters-list .filter-box .bottom .form-group {
    min-width: 46.512vw;
  }

  .boosters-list .filter-box .bottom .form-group input {
    height: 13.953vw;
  }

  .boosters-list .filter-box .bottom .form-group .select2-container {
    width: 100% !important;
  }

  .boosters-list .filter-box .bottom .form-group:nth-child(4),
  .boosters-list .filter-box .bottom .form-group:nth-child(5) {
    flex: 1 1 calc(50% - 2.326vw);
  }

  .boosters-list .boosters {
    gap: 6.977vw;
    grid-template-columns: 1fr;
  }

  .boosters-list .boosters .booster-card {
    border-radius: 5.116vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
    padding: 6.977vw;
  }

  .boosters-list .boosters .booster-card .cover {
    height: 27.907vw;
    border-radius: 5.116vw;
    margin: -6.977vw -6.977vw 0 -6.977vw;
  }

  .boosters-list .boosters .booster-card .avatar {
    width: 20.93vw;
    height: 20.93vw;
    border: 0.93vw solid #110f1f;
    top: 18.605vw;
    left: 4.651vw;
  }

  .boosters-list .boosters .booster-card .details {
    margin-top: 13.953vw;
  }

  .boosters-list .boosters .booster-card .details .top h5 {
    font-size: 3.721vw;
    margin-bottom: 0vw;
    gap: 1.86vw;
  }

  .boosters-list .boosters .booster-card .details .top h5 img {
    width: 3.721vw;
  }

  .boosters-list .boosters .booster-card .details .top h6 {
    font-size: 2.791vw;
  }

  .boosters-list .boosters .booster-card .details .top .rank-box {
    width: 22.326vw;
    height: 7.907vw;
    border-radius: 2.326vw;
    border: 0.233vw solid #6366f1;
  }

  .boosters-list .boosters .booster-card .details .top .rank-box img {
    height: 4.651vw;
  }

  .boosters-list .boosters .booster-card .details .mid {
    gap: 1.86vw;
    margin-top: 3.256vw;
  }

  .boosters-list .boosters .booster-card .details .mid .role-icon {
    width: 8.372vw;
    height: 8.372vw;
    border-radius: 1.86vw;
  }

  .boosters-list .boosters .booster-card .details .mid .role-icon img {
    width: 4.651vw;
    height: 4.651vw;
  }

  .boosters-list .boosters .booster-card .details .mid small {
    font-size: 3.256vw;
  }

  .boosters-list .boosters .booster-card .details .bottom {
    margin-top: 11.628vw;
  }

  .boosters-list .boosters .booster-card .details .bottom .champions {
    gap: 1.86vw;
  }

  .boosters-list .boosters .booster-card .details .bottom .champions .champion-icon,
  .boosters-list .boosters .booster-card .details .bottom .champions .more-champions-icon {
    width: 6.977vw;
    height: 6.977vw;
    border-radius: 1.86vw;
    font-size: 2.791vw;
  }

  .boosters-list .boosters .booster-card .details .bottom .rating-badge {
    width: 13.953vw;
    height: 6.977vw;
    border-radius: 1.86vw;
    font-size: 2.791vw;
    line-height: 1;
    gap: 1.86vw;
  }

  .boosters-list .boosters .booster-card .details .bottom .rating-badge img {
    width: 3.256vw;
  }

  .boosters-list #loading-spinner {
    margin: 6.977vw auto;
  }

  .boosters-list .no-boosters {
    font-size: 5.581vw;
    margin-bottom: 18.605vw;
    text-indent: 4.651vw;
    text-align: center;
  }

  .boosters-view header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/boosters/view-header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .boosters-view header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .boosters-view header h1 {
    font-size: 13.953vw;
    line-height: 18.605vw;
    margin-bottom: 4.651vw;
  }

  .boosters-view header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .boosters-view .main-content {
    margin: 6.977vw;
    border-radius: 2.326vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
    padding: 6.977vw;
  }

  .boosters-view .main-content .cover {
    height: 27.907vw;
    border-radius: 2.326vw;
    margin: -6.977vw -6.977vw 0 -6.977vw;
  }

  .boosters-view .main-content .avatar {
    width: 20.93vw;
    height: 20.93vw;
    border: 1.163vw solid #110f1f;
    top: 13.953vw;
    left: 4.651vw;
  }

  .boosters-view .main-content .details {
    margin-top: 13.953vw;
  }

  .boosters-view .main-content .details .top {
    padding-bottom: 4.651vw;
    border-bottom: 0.465vw solid rgba(114, 110, 142, 0.1);
    flex-wrap: wrap;
    flex: 1 1 100%;
  }

  .boosters-view .main-content .details .top .info h5 {
    gap: 2.326vw;
    font-size: 3.721vw;
  }

  .boosters-view .main-content .details .top .info h5 img {
    width: 3.721vw;
  }

  .boosters-view .main-content .details .top .info h6 {
    gap: 4.651vw;
    font-size: 2.791vw;
  }

  .boosters-view .main-content .details .top .info h6 .rating-badge {
    gap: 1.163vw;
  }

  .boosters-view .main-content .details .top .info h6 .rating-badge img {
    width: 2.791vw;
    margin-right: 0;
  }

  .boosters-view .main-content .details .top .info h6 .rating-badge span {
    font-size: 2.791vw;
    line-height: 1;
    margin-top: 0.465vw;
  }

  .boosters-view .main-content .details .top .buttons .btn:nth-child(1) {
    display: none;
  }

  .boosters-view .main-content .details .top .buttons .btn {
    font-size: 2.791vw;
    padding: 2.326vw 4.651vw;
    background-color: rgba(0, 0, 0, 0);
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .boosters-view .main-content .details .top .mobile-btn {
    display: block;
    margin-top: 4.651vw;
    width: 100%;
    padding: 2.326vw 0;
    text-align: center;
    font-size: 2.791vw;
  }

  .boosters-view .main-content .details .bottom {
    margin-top: 4.651vw;
  }

  .boosters-view .main-content .details .bottom .tabs {
    border-radius: 15.349vw;
    padding: 2.326vw;
    width: 100%;
  }

  .boosters-view .main-content .details .bottom .tabs button {
    font-size: 2.791vw;
    padding: 2.326vw 5.116vw;
    border-radius: 15.349vw;
  }

  .boosters-view .main-content .details .bottom .description {
    margin: 4.651vw 0;
  }

  .boosters-view .main-content .details .bottom .description h4 {
    font-size: 3.721vw;
    margin-bottom: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .description p {
    font-size: 2.791vw;
    line-height: 4.651vw;
  }

  .boosters-view .main-content .details .bottom .features {
    gap: 4.651vw;
    grid-template-columns: 1fr;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders {
    order: 2;
    padding: 4.651vw;
    border-radius: 3.721vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .boosters-view .main-content .details .bottom .features .recent-orders h4 {
    font-size: 3.721vw;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item {
    margin-top: 4.651vw;
    padding-top: 4.651vw;
    border-top: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item .title {
    gap: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item .title .icon {
    padding: 2.326vw;
    border-radius: 1.86vw;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item .title .icon i {
    font-size: 3.721vw;
    --fa-primary-color: #fff !important;
    --fa-secondary-color: $primary-color !important;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item .title p {
    font-size: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item .title p small {
    font-size: 2.326vw;
    margin-top: 0.93vw;
  }

  .boosters-view .main-content .details .bottom .features .recent-orders .order-item .badge {
    font-size: 2.326vw;
    border-radius: 1.86vw;
    padding: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles {
    order: 1;
    gap: 4.651vw;
    grid-template-columns: 1fr;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile {
    padding: 4.651vw;
    border-radius: 3.721vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .head {
    padding-bottom: 2.326vw;
    border-bottom: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .head img {
    height: 6.047vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body {
    margin-top: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body h5 {
    font-size: 2.791vw;
    margin-bottom: 1.395vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .rank-icon {
    height: 6.977vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .roles {
    gap: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .roles .role-icon {
    width: 6.977vw;
    height: 6.977vw;
    border-radius: 1.86vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .roles .role-icon img {
    width: 4.651vw;
    height: 4.651vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .langs {
    gap: 3.488vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .langs img {
    width: 6.977vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .champs {
    gap: 2.326vw;
  }

  .boosters-view .main-content .details .bottom .features .tiles .tile .body .champs img {
    width: 6.977vw;
    height: 6.977vw;
  }

  .contact-page header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/contact/header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .contact-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .contact-page header h1 {
    font-size: 13.953vw;
    line-height: 18.605vw;
    margin-bottom: 4.651vw;
  }

  .contact-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .contact-page .cards {
    gap: 6.977vw;
    margin: 6.977vw;
    flex-direction: column;
  }

  .contact-page .cards .card {
    padding: 6.977vw;
    border-radius: 5.116vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .contact-page .cards .card .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .contact-page .cards .card .head .icon {
    width: 20.93vw;
    height: 20.93vw;
    border-radius: 4.651vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .contact-page .cards .card .head .icon img {
    width: auto;
    height: 9.302vw;
  }

  .contact-page .cards .card .head h3 {
    font-size: 5.581vw;
  }

  .contact-page .cards .card .head h6 {
    font-size: 3.721vw;
  }

  .contact-page .cards .card .content {
    margin-top: 6.977vw;
  }

  .contact-page .cards .card .content p {
    font-size: 3.721vw;
    line-height: 6.977vw;
    margin-bottom: 6.977vw;
  }

  .contact-page .cards .card .content .btn {
    font-size: 3.256vw;
    padding: 2.326vw 9.302vw;
    margin: 0 auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }

  .contact-page .sec-faqs {
    padding: 11.364vw 6.818vw 0;
  }

  .contact-page .sec-faqs .top {
    gap: 1.136vw;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 9.091vw;
  }

  .contact-page .sec-faqs .top h4 {
    font-size: 5.909vw;
    line-height: 9.091vw;
  }

  .jobs-page header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/jobs/header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .jobs-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .jobs-page header h1 {
    font-size: 10.233vw;
    line-height: 13.953vw;
    margin-bottom: 4.651vw;
  }

  .jobs-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
    max-width: 100%;
  }

  .jobs-page header .badges {
    gap: 4.651vw;
    margin: 5.814vw 0;
  }

  .jobs-page header .badges .badge {
    padding: 3.488vw 5.581vw;
    font-size: 3.256vw;
    border-radius: 2.791vw;
    gap: 1.395vw;
    border: 0.233vw solid #6366f1;
  }

  .jobs-page header .badges .badge img {
    width: auto;
    height: 3.721vw;
  }

  .jobs-page header .btn {
    font-size: 3.488vw;
    line-height: 6.279vw;
    padding: 2.326vw 8.837vw;
  }

  .jobs-page .cards {
    gap: 6.977vw;
    margin: 6.977vw;
    flex-direction: column;
  }

  .jobs-page .cards .card {
    padding: 6.977vw;
    border-radius: 5.116vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .jobs-page .cards .card .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .jobs-page .cards .card .head .icon {
    width: 20.93vw;
    height: 20.93vw;
    border-radius: 4.651vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .jobs-page .cards .card .head .icon img {
    width: auto;
    height: 9.302vw;
  }

  .jobs-page .cards .card .head h3 {
    font-size: 5.581vw;
  }

  .jobs-page .cards .card .head h6 {
    font-size: 3.721vw;
  }

  .jobs-page .cards .card .content {
    margin-top: 6.977vw;
  }

  .jobs-page .cards .card .content p {
    font-size: 3.721vw;
    line-height: 6.977vw;
    margin-bottom: 6.977vw;
  }

  .jobs-page .cards .card .content .btn {
    font-size: 3.256vw;
    padding: 2.326vw 9.302vw;
    margin: 0 auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }

  .jobs-page .sec-faqs {
    padding: 11.364vw 6.818vw 0;
  }

  .jobs-page .sec-faqs .top {
    gap: 1.136vw;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 9.091vw;
  }

  .jobs-page .sec-faqs .top h4 {
    font-size: 5.909vw;
    line-height: 9.091vw;
  }

  .jobs-page .features-sec {
    padding: 6.977vw;
  }

  .jobs-page .features-sec h2 {
    font-size: 5.116vw;
    line-height: 6.512vw;
  }

  .jobs-page .features-sec h6 {
    font-size: 3.256vw;
    line-height: 5.581vw;
    max-width: 100%;
    margin: 2.326vw auto 9.302vw;
  }

  .jobs-page .features-sec .feature-tiles {
    gap: 6.977vw;
    flex-direction: column;
  }

  .jobs-page .features-sec .feature-tiles .tile {
    padding: 6.977vw;
    border-radius: 5.116vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .jobs-page .features-sec .feature-tiles .tile img {
    width: 25.581vw;
    height: 25.581vw;
    margin-bottom: 21.395vw;
  }

  .jobs-page .features-sec .feature-tiles .tile h5 {
    font-size: 4.651vw;
    margin-bottom: 2.326vw;
  }

  .jobs-page .features-sec .feature-tiles .tile p {
    font-size: 3.721vw;
    line-height: 6.977vw;
  }

  .jobs-page .features-sec .btn {
    font-size: 3.721vw;
    line-height: 1.2;
    padding: 3.256vw;
    margin: 6.977vw 0 0;
    display: block;
    width: 100%;
    text-align: center;
  }

  .jobs-page .requirements-sec {
    padding: 6.977vw;
    background: none;
  }

  .jobs-page .requirements-sec h2 {
    font-size: 5.116vw;
    line-height: 6.512vw;
  }

  .jobs-page .requirements-sec h6 {
    font-size: 3.256vw;
    line-height: 5.581vw;
    max-width: 100%;
    margin: 2.326vw auto 6.977vw;
  }

  .jobs-page .requirements-sec .requirement-cards {
    gap: 9.302vw;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
  }

  .jobs-page .requirements-sec .requirement-cards .card {
    padding: 6.977vw;
    border-radius: 5.116vw;
    min-width: 100%;
  }

  .jobs-page .requirements-sec .requirement-cards .card::after {
    padding: 0.233vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card img {
    width: 23.256vw;
    height: 23.256vw;
    margin-bottom: 9.302vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card h4 {
    font-size: 5.581vw;
    margin-bottom: 0vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card p {
    font-size: 3.721vw;
    margin-bottom: 4.651vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card .list-box p {
    font-size: 3.256vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card .list-box ul {
    margin: 6.977vw 0;
  }

  .jobs-page .requirements-sec .requirement-cards .card .list-box ul li {
    font-size: 3.256vw;
    margin-bottom: 2.326vw;
    background: url('../images/jobs/check.svg') no-repeat left center;
    background-size: 3.721vw 3.721vw;
    padding-left: 6.047vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card h5 {
    font-size: 4.186vw;
    margin-bottom: 4.651vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card .earning-boxes {
    gap: 4.651vw;
    display: flex;
    align-items: center;
  }

  .jobs-page .requirements-sec .requirement-cards .card .earning-boxes .box {
    padding: 4.651vw;
    border-radius: 4.186vw;
    border: 0.233vw solid #6366f1;
  }

  .jobs-page .requirements-sec .requirement-cards .card .earning-boxes .box h6 {
    font-size: 3.256vw;
    margin: 0 0 2.326vw;
  }

  .jobs-page .requirements-sec .requirement-cards .card .earning-boxes .box p {
    font-size: 2.791vw;
  }

  .blogs-page header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/contact/header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .blogs-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .blogs-page header h1 {
    font-size: 13.953vw;
    line-height: 18.605vw;
    margin-bottom: 4.651vw;
  }

  .blogs-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .blogs-page .container {
    margin: 2.326vw auto;
    max-width: 90%;
  }

  .blogs-page .container .blogs {
    gap: 4.651vw;
    grid-template-columns: repeat(1, 1fr);
  }

  .blogs-page .container .blogs .blog {
    border-radius: 5.116vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
  }

  .blogs-page .container .blogs .blog img {
    border-radius: 5.116vw;
  }

  .blogs-page .container .blogs .blog .body {
    padding: 3.488vw;
  }

  .blogs-page .container .blogs .blog .body h3 {
    font-size: 4.5vw;
    margin-bottom: 2.326vw;
  }

  .blogs-page .container .blogs .blog .body p {
    font-size: 3vw;
  }

  .blogs-page .container .blogs .blog .footer {
    padding: 0 3.488vw 3.488vw 3.488vw;
  }

  .blogs-page .container .blogs .blog .footer .flex {
    gap: 2.326vw;
  }

  .blogs-page .container .blogs .blog .footer .flex i {
    font-size: 3.5vw;
  }

  .blogs-page .container .blogs .blog .footer .flex time {
    font-size: 3.5vw;
  }

  .blogs-page .container .blogs .blog .footer a {
    font-size: 3.5vw;
  }

  .blogs-page .container .pagination {
    gap: 2.326vw;
    margin-top: 4.651vw;
  }

  .blogs-page .container .pagination a {
    min-width: 11.628vw;
    height: 11.628vw;
    border: 0.465vw solid rgba(114, 110, 142, 0.2);
    border-radius: 2.791vw;
    padding: 0 3.488vw;
    font-size: 4vw;
  }

  .blogs-page .container .pagination .prev,
  .blogs-page .container .pagination .next {
    font-size: 4vw;
  }

  .article-page .header {
    text-align: center;
    margin: 30.233vw 0 9.302vw;
  }

  .article-page .header h1 {
    font-size: 8.977vw;
    line-height: 1.2;
    margin-bottom: 4.326vw;
  }

  .article-page .header h5 {
    font-size: 3.256vw;
    line-height: 1.2;
    max-width: 80%;
    margin: 0 auto;
  }

  .article-page .container {
    margin: 14.326vw auto;
    max-width: 90%;
  }

  .article-page .container > div {
    margin-bottom: 4.651vw;
  }

  .article-page .container i {
    font-size: 3.256vw;
    margin-right: 1.163vw;
  }

  .article-page .container span {
    font-size: 3.256vw;
  }

  .article-page .container time {
    font-size: 3.256vw;
  }

  .article-page .container article h2 {
    font-size: 5.116vw;
    margin-bottom: 2.326vw;
  }

  .article-page .container article h3 {
    font-size: 4.186vw;
    margin-bottom: 2.326vw;
  }

  .article-page .container article p {
    font-size: 3.256vw;
    line-height: 6.512vw;
    margin-bottom: 4.651vw;
  }

  .article-page .container article img {
    border-radius: 2.326vw;
    margin: 4.651vw 0;
    max-width: 100%;
  }

  .article-page .container article ul {
    margin: 4.651vw 0 4.651vw 6.977vw;
  }

  .article-page .container article ul li {
    font-size: 3.256vw;
    line-height: 6.512vw;
    margin-bottom: 2.326vw;
  }

  .imprint-page .header {
    text-align: center;
    margin: 30.233vw 0 9.302vw;
  }

  .imprint-page .header h1 {
    font-size: 8.977vw;
    line-height: 1.2;
    margin-bottom: 4.326vw;
  }

  .imprint-page .container {
    margin: 14.326vw auto;
    max-width: 90%;
  }

  .imprint-page .container h2 {
    font-size: 5.116vw;
  }

  .imprint-page .container p {
    font-size: 3.256vw;
    line-height: 6.512vw;
    margin-bottom: 4.651vw;
  }

  .imprint-page.thankyou .container {
    margin: 4.326vw auto;
  }

  .imprint-page.thankyou .container p {
    font-size: 4.186vw;
    line-height: 6.977vw;
  }

  .privacy-page .header {
    text-align: center;
    margin: 30.233vw 0 9.302vw;
  }

  .privacy-page .header h1 {
    font-size: 8.977vw;
    line-height: 1.2;
    margin-bottom: 4.326vw;
  }

  .privacy-page .container {
    margin: 14.326vw auto;
    max-width: 90%;
  }

  .privacy-page .container h2 {
    font-size: 5.116vw;
    font-weight: 600;
    margin: 3.721vw 0;
  }

  .privacy-page .container h5 {
    font-size: 4.186vw;
    font-weight: 500;
    margin-top: 6.512vw;
    margin-bottom: 2.326vw;
  }

  .privacy-page .container p {
    font-size: 3.488vw;
    font-weight: 300;
    line-height: 6.047vw;
    color: #726e8e;
    margin-bottom: 3.721vw;
  }

  .privacy-page .container a {
    font-size: 3.488vw;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .privacy-page .container ul {
    padding-left: 4.651vw;
    margin-bottom: 3.721vw;
  }

  .privacy-page .container ul li {
    font-size: 3.488vw;
    line-height: 6.047vw;
    margin-bottom: 1.86vw;
  }

  .premium-accounts-page header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/boost-forms/header-2-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .premium-accounts-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .premium-accounts-page header h1 {
    font-size: 6.953vw;
    line-height: 10.605vw;
    margin-bottom: 4.651vw;
  }

  .premium-accounts-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .premium-accounts-page .container {
    margin: 18.605vw auto;
    max-width: 90%;
  }

  .premium-accounts-page .container .account-switches {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .premium-accounts-page .container .account-switches .btn {
    padding: 2.326vw;
    border-radius: 1.86vw;
  }

  .premium-accounts-page .container .account-switches .btn:first-child {
    margin-right: 2.326vw;
  }

  .premium-accounts-page .container .account-switches .btn i {
    font-size: 3.256vw;
    margin-right: 1.395vw;
  }

  .premium-accounts-page .container .nav-tabs {
    gap: 3.488vw;
    margin: 9.302vw 0;
  }

  .premium-accounts-page .container .nav-tabs a {
    font-size: 4.651vw;
    padding: 2.326vw 6.977vw;
    border-radius: 2.326vw;
  }

  .premium-accounts-page .container .accounts-grid {
    gap: 4.651vw;
    grid-template-columns: repeat(1, 1fr);
  }

  .premium-accounts-page .container .accounts-grid .account {
    padding: 6.977vw;
    border-radius: 3.488vw;
  }

  .premium-accounts-page .container .accounts-grid .account::after {
    padding: 0.465vw;
  }

  .premium-accounts-page .container .accounts-grid .account .head .image-wrapper {
    margin: 0 auto 4.651vw;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }

  .premium-accounts-page .container .accounts-grid .account .head .image-wrapper img {
    width: 23.256vw;
    height: auto;
  }

  .premium-accounts-page .container .accounts-grid .account .head h4 {
    font-size: 6.047vw;
  }

  .premium-accounts-page .container .accounts-grid .account ul {
    margin: 4.651vw 0;
  }

  .premium-accounts-page .container .accounts-grid .account ul li {
    font-size: 4.186vw;
    margin-bottom: 2.326vw;
    background: url('../images/jobs/check.svg') no-repeat left center;
    background-size: 5.581vw 5.581vw;
    padding-left: 8.14vw;
  }

  .premium-accounts-page .container .accounts-grid .account .foot .price {
    font-size: 8.372vw;
  }

  .premium-accounts-page .container .accounts-grid .account .foot .sold {
    padding: 2.326vw 4.651vw;
    font-size: 4.186vw;
    border-radius: 2.326vw;
  }

  .premium-accounts-page .container .accounts-grid .account .foot .buy-now {
    padding: 2.326vw 4.651vw;
    font-size: 4.186vw;
    border-radius: 2.326vw;
  }

  .premium-accounts-page .container .seo-content {
    gap: 6.977vw;
  }

  .premium-accounts-page .container .seo-content h4 {
    font-size: 6.977vw;
    margin-bottom: 6.977vw;
  }

  .premium-accounts-page .container .seo-content p {
    font-size: 3.721vw;
    line-height: 6.977vw;
    margin-bottom: 2.326vw;
  }

  .premium-accounts-page .sec-faqs {
    padding: 11.364vw 6.818vw 0;
  }

  .premium-accounts-page .sec-faqs .top {
    gap: 1.136vw;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 9.091vw;
  }

  .premium-accounts-page .sec-faqs .top h4 {
    font-size: 5.909vw;
    line-height: 9.091vw;
  }

  .ranked-accounts-page header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/boost-forms/header-2-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .ranked-accounts-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .ranked-accounts-page header h1 {
    font-size: 6.953vw;
    line-height: 10.605vw;
    margin-bottom: 4.651vw;
  }

  .ranked-accounts-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .ranked-accounts-page .container {
    margin: 18.605vw auto;
    max-width: 90%;
  }

  .ranked-accounts-page .container .account-switches {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 9.302vw;
  }

  .ranked-accounts-page .container .account-switches .btn {
    padding: 2.326vw;
    border-radius: 1.86vw;
  }

  .ranked-accounts-page .container .account-switches .btn:first-child {
    margin-right: 2.326vw;
  }

  .ranked-accounts-page .container .account-switches .btn i {
    font-size: 3.256vw;
    margin-right: 1.395vw;
  }

  .ranked-accounts-page .container .nav-tabs {
    gap: 3.488vw;
    margin: 9.302vw 0;
  }

  .ranked-accounts-page .container .nav-tabs a {
    font-size: 4.651vw;
    padding: 2.326vw 6.977vw;
    border-radius: 2.326vw;
  }

  .ranked-accounts-page .container .filter-box {
    border: 0.465vw solid rgba(114, 110, 142, 0.1);
    border-radius: 5.116vw;
    padding: 4.651vw;
    margin-bottom: 6.977vw;
  }

  .ranked-accounts-page .container .filter-box .head {
    padding: 0 0 3.256vw;
    border-bottom: 0.698vw solid rgba(114, 110, 142, 0.1);
  }

  .ranked-accounts-page .container .filter-box .head h2 {
    font-size: 3.256vw;
    font-weight: 600;
  }

  .ranked-accounts-page .container .filter-box .head button {
    padding: 2.326vw 5.349vw;
    font-size: 2.326vw;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 11.628vw;
  }

  .ranked-accounts-page .container .filter-box .bottom {
    gap: 3.256vw;
    margin: 4.651vw 0 0;
  }

  .ranked-accounts-page .container .filter-box .bottom .form-group {
    min-width: 46.512vw;
  }

  .ranked-accounts-page .container .filter-box .bottom .form-group input {
    height: 13.953vw;
  }

  .ranked-accounts-page .container .filter-box .bottom .form-group .select2-container {
    width: 100% !important;
  }

  .ranked-accounts-page .container .filter-box .bottom .icon-group {
    position: relative;
  }

  .ranked-accounts-page .container .filter-box .bottom .icon-group i {
    font-size: 4.651vw;
    position: absolute;
    top: 50%;
    left: 4.651vw;
    transform: translateY(-50%);
    z-index: 1;
  }

  .ranked-accounts-page .container .filter-box .bottom .icon-group input {
    padding-left: 12.791vw;
  }

  .ranked-accounts-page .container .filter-box .bottom .icon-group .select2-selection {
    padding-left: 12.791vw;
  }

  .ranked-accounts-page .container .accounts-grid {
    gap: 4.651vw;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .ranked-accounts-page .container .accounts-grid .account-card {
    border-radius: 5.116vw;
    border: 0.698vw solid rgba(114, 110, 142, 0.1);
    overflow: hidden;
    background-color: #0a0a18;
    padding: 6.977vw;
    position: relative;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .title {
    font-size: 4.186vw;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 2.326vw;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .title img {
    width: auto;
    height: 9.302vw;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .excerpt {
    margin: 3.488vw 0 2.326vw;
    font-size: 3.256vw;
    color: #726e8e;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .image-box {
    position: relative;
    margin: 4.651vw 0;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .image-box img {
    max-height: 58.14vw;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .image-box .badge {
    position: absolute;
    right: 3.488vw;
    bottom: 3.488vw;
    border-radius: 1.163vw;
    padding: 1.163vw 2.326vw;
    gap: 1.86vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .highlights {
    gap: 2.326vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4.651vw;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .highlights .badge {
    font-size: 3.256vw;
    background-color: #6366f1;
    color: #fff;
    gap: 1.86vw;
    display: inline-flex;
    align-items: center;
    border-radius: 1.163vw;
    padding: 1.163vw 2.326vw;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .totals {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .totals .price-eur {
    font-size: 6.512vw;
    font-weight: 800;
    color: #fff;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .totals .btn {
    padding: 2.326vw 4.651vw;
    font-size: 3.721vw;
  }

  .ranked-accounts-page .container .accounts-grid .account-card .delivery-type {
    font-size: 4.651vw;
    position: absolute;
    top: 6.977vw;
    right: 6.977vw;
  }

  .view-account-page header {
    display: block;
    min-height: 223.721vw;
    text-align: center;
    background: url('../images/boost-forms/header-2-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .view-account-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .view-account-page header h1 {
    font-size: 6.953vw;
    line-height: 10.605vw;
    margin-bottom: 4.651vw;
  }

  .view-account-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
  }

  .view-account-page .container {
    margin: 18.605vw auto 0;
    max-width: 90%;
  }

  .view-account-page .title {
    gap: 4.651vw;
    display: flex;
    align-items: flex-start;
    font-size: 4.651vw;
  }

  .view-account-page .title .rank-icon {
    background-color: #0a0a18;
    padding: 4.651vw;
    border-radius: 2.326vw;
    flex-shrink: 0;
  }

  .view-account-page .title .rank-icon img {
    width: auto;
    height: 11.628vw;
  }

  .view-account-page .highlights {
    gap: 3.256vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: 4.651vw 0 6.977vw;
  }

  .view-account-page .highlights .badge {
    font-size: 3.256vw;
    background-color: rgba(99, 102, 241, 0.3);
    border: 0.233vw solid #6366f1;
    color: #fff;
    gap: 1.86vw;
    display: inline-flex;
    align-items: center;
    border-radius: 11.628vw;
    padding: 2.326vw 3.488vw;
  }

  .view-account-page .layout {
    gap: 0;
    display: flex;
    flex-direction: column;
  }

  .view-account-page .layout .right {
    max-width: 100%;
  }

  .view-account-page .card {
    border-radius: 5.116vw;
    background-color: #0a0a18;
    border: 0.465vw solid rgba(114, 110, 142, 0.3);
    margin-bottom: 6.977vw;
  }

  .view-account-page .card .card-header {
    padding: 4.651vw;
    border-bottom: 0.465vw solid rgba(114, 110, 142, 0.3);
  }

  .view-account-page .card .card-header h4 {
    font-size: 5.581vw;
    font-weight: 500;
    padding: 2.326vw;
  }

  .view-account-page .card .card-header h4 i {
    color: #6366f1;
    margin-right: 2.326vw;
  }

  .view-account-page .card .card-header .nav-tabs {
    gap: 3.488vw;
    display: flex;
    align-items: center;
  }

  .view-account-page .card .card-header .nav-tabs a {
    font-size: 3.721vw;
    padding: 2.326vw 4.651vw;
    border-radius: 2.326vw;
    text-decoration: none;
    color: #fff;
    background-color: rgba(114, 110, 142, 0.3);
    gap: 1.163vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .view-account-page .card .card-header .nav-tabs a.active {
    background-color: rgba(99, 102, 241, 0.3);
  }

  .view-account-page .card .card-header .nav-tabs a i {
    margin-right: 0;
  }

  .view-account-page .card .card-header .nav-tabs .count-badge {
    font-size: 3.256vw;
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 1.86vw;
    padding: 1.163vw 2.791vw;
    margin-left: 0;
  }

  .view-account-page .card .card-header.gallery-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .view-account-page .card .card-header.gallery-header .btn {
    padding: 3.488vw 4.651vw;
    font-size: 3.721vw;
    border-radius: 2.326vw;
    background-color: #6366f1;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
  }

  .view-account-page .card .card-header.gallery-header .btn i {
    margin-left: 0;
  }

  .view-account-page .card .card-body {
    padding: 6.977vw;
  }

  .view-account-page .description {
    font-size: 3.721vw;
    line-height: 5.581vw;
    margin-bottom: 0;
  }

  .view-account-page .features {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .view-account-page .features .feature {
    padding-top: 6.977vw;
    margin-bottom: 0;
    border-top: none;
  }

  .view-account-page .features .feature:nth-child(3n + 1) {
    margin-top: 6.977vw;
    border-top: 0.233vw solid rgba(114, 110, 142, 0.4);
  }

  .view-account-page .features .feature:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }

  .view-account-page .features .feature h6 {
    font-size: 4.186vw;
    font-weight: 700;
    margin-bottom: 2.326vw;
  }

  .view-account-page .features .feature span {
    gap: 2.326vw;
    display: flex;
    align-items: center;
    font-size: 4.186vw;
    color: #726e8e;
  }

  .view-account-page .features .feature span img {
    width: auto;
    height: 8.14vw;
  }

  .view-account-page .features .feature span i {
    font-size: 4.651vw;
    color: #6366f1;
  }

  .view-account-page .champs {
    gap: 4.651vw;
    display: flex;
    flex-wrap: wrap;
    max-height: 104.651vw;
    overflow-y: auto;
  }

  .view-account-page .champs img {
    width: auto;
    height: 34.884vw;
    aspect-ratio: 1/1;
  }

  .view-account-page .champs small {
    font-size: 3.256vw;
    margin-top: 2.326vw;
  }

  .view-account-page .skins {
    gap: 4.651vw;
    display: flex;
    flex-wrap: wrap;
    max-height: 104.651vw;
    overflow-y: auto;
  }

  .view-account-page .skins img {
    width: 30.14vw;
    height: auto;
  }

  .view-account-page .roles {
    gap: 4.651vw;
    display: flex;
    flex-wrap: wrap;
  }

  .view-account-page .roles img {
    width: auto;
    height: 35.256vw;
  }

  .view-account-page .roles small {
    font-size: 3.256vw;
    margin-top: 2.326vw;
    text-align: center;
    width: 100%;
    display: block;
  }

  .view-account-page .tagline {
    font-size: 4.186vw;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 6.977vw;
  }

  .view-account-page ul.checkout-features {
    list-style: none;
    padding-left: 0;
  }

  .view-account-page ul.checkout-features li {
    font-size: 3.721vw;
    line-height: 5.581vw;
    color: #726e8e;
    margin-bottom: 2.326vw;
  }

  .view-account-page ul.checkout-features li i {
    color: #6366f1;
    margin-right: 2.326vw;
    font-size: 4.186vw;
  }

  .view-account-page .totals {
    margin-top: 6.977vw;
  }

  .view-account-page .totals .price {
    font-size: 7.442vw;
    font-weight: 800;
    color: #fff;
  }

  .view-account-page .totals .btn {
    padding: 3.488vw 6.977vw;
    font-size: 4.186vw;
    border-radius: 11.628vw;
    background-color: #6366f1;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    display: block;
    margin-top: 4.651vw;
  }

  .view-account-page .totals .btn i {
    font-size: 4.651vw;
    margin-right: 2.326vw;
  }

  .view-account-page .gallery img {
    width: auto;
    max-height: 69.767vw;
    border-radius: 2.326vw;
    margin: 0 auto;
  }

  .view-account-page .gallery-mobile {
    display: block;
  }

  .view-account-page .gallery-desktop {
    display: none;
  }

  .view-account-page .sticky-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    display: block;
    padding: 10px;
    border-top: 0.465vw solid #6366f1;
    background-color: #110f1f;
  }

  .view-account-page .sticky-button .btn {
    padding: 3.488vw 6.977vw;
    font-size: 4.186vw;
    border-radius: 1.628vw;
    background-color: #6366f1;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    display: block;
    margin: 0;
    text-align: center;
  }

  .view-account-page .sticky-button .btn i {
    font-size: 4.651vw;
    margin-right: 2.326vw;
  }

  .loyalty-page header {
    display: block;
    min-height: 202.721vw;
    text-align: center;
    background: url('../images/jobs/header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .loyalty-page header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .loyalty-page header h1 {
    font-size: 10.233vw;
    line-height: 13.953vw;
    margin-bottom: 4.651vw;
  }

  .loyalty-page header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
    max-width: 100%;
  }

  .loyalty-page .loyalty-slider {
    margin: 9.302vw auto;
    gap: 2.326vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .loyalty-page .loyalty-slider .loyalty-slide {
    position: relative;
    margin-right: 3.488vw;
  }

  .loyalty-page .loyalty-slider .loyalty-slide .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    gap: 4.651vw;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
  }

  .loyalty-page .loyalty-slider .loyalty-slide .overlay p {
    gap: 2.326vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 4.651vw;
  }

  .loyalty-page .loyalty-slider .loyalty-slide .overlay .spent {
    background-color: #7a959c;
    color: #fff;
    font-size: 3.721vw;
    padding: 2.326vw 4.651vw;
    border-radius: 4.651vw;
    font-weight: 600;
    margin-bottom: 4.651vw;
  }

  .loyalty-page .loyalty-slider .bg-image {
    width: auto;
    height: 116.279vw;
  }

  .loyalty-page .container {
    margin: 14.326vw auto 0;
    max-width: 90%;
  }

  .loyalty-page .container h1 {
    font-size: 6.688vw;
    line-height: 8.25vw;
    margin-bottom: 3.604vw;
    text-align: center;
    color: #6366f1;
  }

  .loyalty-page .container h4 {
    font-size: 4.604vw;
    margin-bottom: 2.604vw;
    text-align: center;
  }

  .loyalty-page .container h6 {
    font-size: 3.562vw;
    margin-bottom: 2.604vw;
    text-align: center;
  }

  .loyalty-page .table-responsive {
    overflow-x: auto;
  }

  .loyalty-page .loyalty-table {
    font-size: 3.488vw;
    background-color: #0a0a18;
    border-radius: 4.651vw;
    overflow: hidden;
    border: 0.233vw solid #18162b;
    margin: 9.302vw auto;
  }

  .loyalty-page .loyalty-table th,
  .loyalty-page .loyalty-table td {
    border-bottom: 0.465vw solid rgba(114, 110, 142, 0.2);
  }

  .loyalty-page .loyalty-table th {
    font-weight: 600;
    padding: 4.186vw 6.512vw !important;
  }

  .loyalty-page .loyalty-table th div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .loyalty-page .loyalty-table th div h5 {
    font-size: 3.953vw;
    margin: 0;
  }

  .loyalty-page .loyalty-table th div img {
    max-width: 100%;
    width: auto;
    height: 9.302vw;
  }

  .loyalty-page .loyalty-table th:nth-child(2) div img {
    width: 4.186vw;
  }

  .loyalty-page .loyalty-table th:nth-child(1) div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .loyalty-page .loyalty-table th div h5 {
    margin-top: 1.86vw;
  }

  .loyalty-page .loyalty-table tbody tr td {
    font-weight: 600;
    padding: 4.186vw 6.512vw !important;
    vertical-align: middle;
    text-align: center;
  }

  .loyalty-page .loyalty-table tbody tr td:nth-child(1) div {
    justify-content: flex-start;
  }

  .loyalty-page .loyalty-table tbody tr td:nth-child(1) div img {
    width: 8.372vw;
    display: block;
    margin-right: 1.86vw;
  }

  .loyalty-page .loyalty-table tbody tr td div {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .loyalty-page .loyalty-table tbody tr td h5 {
    margin: 0;
    font-size: 3.721vw;
    font-weight: 500;
    text-align: center;
  }

  .loyalty-page .loyalty-table tbody tr td:nth-child(1) div i {
    font-size: 5.116vw;
    width: 7.442vw;
    margin-right: 1.86vw;
  }

  .loyalty-page .loyalty-table .text-primary {
    color: #6366f1;
  }

  .loyalty-page .loyalty-table .text-danger {
    color: #ff4d4d;
  }

  .loyalty-page .sec-points-store {
    padding: 13.636vw;
    text-align: center;
    background: url('../images/get-started-2-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
  }

  .loyalty-page .sec-points-store h2 {
    font-size: 7.273vw;
    line-height: 9.318vw;
    margin-bottom: 2.273vw;
  }

  .loyalty-page .sec-points-store p {
    font-size: 3.182vw;
    line-height: 5.909vw;
    color: #fff;
    margin-bottom: 6.818vw;
  }

  .loyalty-page .sec-points-store p br {
    display: none;
  }

  .loyalty-page .sec-points-store p small {
    display: block;
    margin-top: 2.273vw;
    font-size: 2.727vw;
  }

  .loyalty-page .sec-points-store .btn {
    padding: 2.273vw 6.364vw;
  }

  .loyalty-page .sec-faqs {
    padding: 11.364vw 6.818vw 0;
  }

  .loyalty-page .sec-faqs .top {
    gap: 1.136vw;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 9.091vw;
  }

  .loyalty-page .sec-faqs .top h4 {
    font-size: 5.909vw;
    line-height: 9.091vw;
  }

  .loyalty-page .sec-faqs .top .nav-tabs {
    gap: 3.488vw;
    margin: 6.512vw 0 0;
    flex-wrap: wrap;
  }

  .loyalty-page .sec-faqs .top .nav-tabs a {
    font-size: 4.651vw;
    padding: 2.326vw 6.977vw;
    border-radius: 2.326vw;
  }

  .loyalty-page .sec-faqs .top .nav-tabs a i {
    font-size: 4.256vw;
    margin-right: 1.163vw;
  }

  .loyalty-page .sec-faqs .top .nav-tabs a img {
    width: auto;
    height: 6.512vw;
    margin-right: 1.163vw;
  }

  .points-store header {
    display: block;
    min-height: 202.721vw;
    text-align: center;
    background: url('../images/jobs/header-bg-mobile.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .points-store header .content {
    margin: 0;
    padding: 23.256vw 5.814vw 0;
    max-width: 100%;
  }

  .points-store header h1 {
    font-size: 10.233vw;
    line-height: 13.953vw;
    margin-bottom: 4.651vw;
  }

  .points-store header p {
    font-size: 3.256vw;
    line-height: 6.512vw;
    max-width: 100%;
  }

  .points-store .container {
    margin: 14.326vw auto;
    max-width: 90%;
  }

  .points-store .items {
    gap: 6.977vw;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .points-store .items .item {
    background-color: #0a0a18;
    border-radius: 5.116vw;
    overflow: hidden;
    border: 0.465vw solid rgba(114, 110, 142, 0.2);
    padding: 4.651vw;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .points-store .items .item .prize-image {
    width: 100%;
    height: auto;
    margin-bottom: 4.651vw;
  }

  .points-store .items .item .title {
    font-size: 4.186vw;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .points-store .items .item .title .price {
    gap: 2.326vw;
    display: flex;
    align-items: center;
    font-size: 3.721vw;
  }

  .points-store .items .item .title .price img {
    width: auto;
    height: 4.651vw;
  }

  .points-store .items .item .description {
    font-size: 3.721vw;
    line-height: 1.5;
    color: #726e8e;
    margin: 4.651vw 0;
    flex-grow: 1;
  }

  .points-store .items .item button {
    padding: 3.488vw 6.977vw;
    font-size: 4.186vw;
    border-radius: 3.256vw;
    background-color: #6366f1;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: auto;
  }

  .points-store .items .item button:hover {
    background-color: rgb(52.2, 56.1, 236.8);
  }

  .lol-boost .rank-types-nav,
  .lol-boost .form-content .boost-form,
  .boosters-view .main-content {
    zoom: 1;
  }
}