.award-winning-hero-banner__logo .logo > img {
    max-width: 18rem;
}



.server-showcase {
  text-align: center;
}
.server-showcase__server-count {
  margin-bottom: 0;
}
.server-showcase__server-name {
  margin-bottom: 0.625rem;
}
.server-showcase__flag-display .server-showcase__flag__first {
  margin-right: 0.3125rem;
}
.server-showcase__flag-display .server-showcase__flag__middle {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.server-showcase__flag-display .server-showcase__flag__last {
  margin-left: 0.3125rem;
}
.server-showcase__flag-display .server-showcase__flag img {
  width: 2rem;
  height: 2rem;
}



.app-list {
  --app-list--font-color: #ffffff;
  --app-list--background: #1D2023;
  --app-list--bestfor--font-color: #dedede;
  --app-list--line--right-color: #5A636D;
  --app-list--line--last--border-color: #2C3035;
}
.app-list__inner {
  border-radius: 0.9375rem;
  background: var(--app-list--background);
  box-shadow: 0.125rem 0.125rem 0.625rem rgba(29, 32, 35, 0.15);
  color: var(--app-list--font-color);
  text-align: left;
  padding: 0.9375rem 0;
}
.app-list__bestfor {
  color: var(--app-list--bestfor--font-color);
  font-size: 0.75rem;
  padding: 0 1.75rem;
  margin-bottom: 0.8125rem;
}
.app-list__line {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  margin-bottom: 0.9375rem;
  position: relative;
}
.app-list__line__right {
  color: var(--app-list--line--right-color);
  position: absolute;
  right: 1.4375rem;
  transform: rotate(180deg);
  top: 50%;
}
.app-list__line:last-child {
  border-top: 0.0625rem solid var(--app-list--line--last--border-color);
  padding-top: 0.9375rem;
  margin-bottom: 0;
}
.app-list .feature-row {
  padding: 0 1.75rem;
}
.app-list .feature-row__icon {
  font-size: 1.5rem;
}
.app-list .feature-row__icon img {
  width: 1.5rem;
}
.app-list .feature-row__text, .app-list .feature-row__icon {
  color: var(--app-list--font-color);
}
.app-list--light {
  --app-list--font-color: #2C3035;
  --app-list--background: #ffffff;
  --app-list--bestfor--font-color: #5A636D;
  --app-list--line--right-color: #2C3035;
  --app-list--line--last--border-color: #dedede;
}



.feature-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.feature-row__icon {
  margin-right: 0.625rem;
  font-size: 1.25rem;
  color: #5A636D;
}
.feature-row__icon img {
  display: block;
}
.feature-row__text {
  line-height: 1;
  margin-bottom: 0;
  color: #5A636D;
}


.signup-modal__logo {
  margin-bottom: 1.875rem;
}
.signup-modal__logo .logo {
  max-width: 14.6875rem;
  width: 100%;
}
.signup-modal__header {
  margin-bottom: 1.875rem;
}
.signup-modal__header p.p--subtitle-3 {
  margin-bottom: 0;
}
.signup-modal__header h4 {
  margin-bottom: 0;
}
.signup-modal__page {
  max-width: 21.25rem;
  width: 100%;
}
.signup-modal__form .link {
  text-decoration: underline;
  color: #5A636D;
}
.signup-modal__fp-success-message {
  text-align: center;
}
.signup-modal__fp-success-message .brand-svg-icons {
  font-size: 3.25rem;
  color: #0BC86D;
  margin-bottom: 1.25rem;
}
.signup-modal__fp-error-message {
  text-align: center;
}
.signup-modal__fp-error-message .brand-svg-icons {
  font-size: 3.25rem;
  color: #E63748;
  margin-bottom: 1.25rem;
}
.signup-modal__create-account {
  text-align: center;
  margin-top: 2.1875rem;
}
.signup-modal__create-account .link {
  font-size: 1rem;
  line-height: 1.875rem;
  margin-bottom: 0;
  line-height: 1;
  cursor: pointer;
}
.signup-modal__create-account .link:hover {
  color: #1D2023;
}
.signup-modal__create-account .brand-svg-icons {
  margin-left: 0.625rem;
  cursor: pointer;
}
.signup-modal .forgot-password-form {
  margin-top: 0.375rem;
}
.signup-modal .modal__close:before {
  content: none;
}
.signup-modal .modal__back {
  top: 1.6875rem;
  left: 1.6875rem;
}
.signup-modal .modal__back .brand-svg-icons {
  color: #979797;
}
.signup-modal .modal__inner-content {
  padding: 1.875rem 3.75rem;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .signup-modal .input__description a {
      position: relative;
      bottom: 0.4375rem;
    }
  }
}
@media print, screen and (min-width: 64em) {
  .signup-modal__form {
    padding: 0 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .signup-modal .modal__content {
    width: 50%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .signup-modal .modal__inner-content {
    padding: 1.875rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .signup-modal__page {
    margin-left: auto;
    margin-right: auto;
  }
  .signup-modal .modal__content {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .signup-modal .modal__inner-content {
    padding: 3.75rem 1.875rem;
  }
}















.layout__inner {
  overflow-x: hidden;
}
.layout--disable-scroll {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

html {
  font-size: 1rem;
}
@media screen and (max-width: 1600px) and (min-width: 1350px) {
  html {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1200px) {
  html {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
  html {
    font-size: 0.8125rem;
  }
}




.money-back-guarantee-modal {
  width: 30rem;
}
.money-back-guarantee-modal__modal-padding {
  padding: 2.5rem;
}
.money-back-guarantee-modal__padding {
  padding: 0 1rem;
}
.money-back-guarantee-modal__line {
  width: 100%;
  height: 0.0625rem;
  margin: 1.375rem 0;
  background: #DEDEDE;
}
.money-back-guarantee-modal__footer {
  margin-top: 2.5rem;
}
.money-back-guarantee-modal__footer__copyright-name {
  margin-bottom: 0;
}
.money-back-guarantee-modal__footer .logo {
  max-width: 11.875rem;
}
.money-back-guarantee-modal .list {
  margin-bottom: 0.625rem;
}
.money-back-guarantee-modal .link {
  text-decoration: underline;
  color: inherit;
}
@media print, screen and (max-width: 39.99875em) {
  .money-back-guarantee-modal {
    width: 100%;
  }
  .money-back-guarantee-modal__modal-padding {
    padding: 1.875rem;
  }
  .money-back-guarantee-modal .logo {
    margin: auto auto 2.5rem;
  }
}
@media screen and (max-width: 360px) {
  .money-back-guarantee-modal__modal-padding {
    padding: 1.25rem;
  }
}
@media screen and (max-width: 767px){
  .award-winning-hero-banner__logo .logo > img {
    max-width: 13rem;
}
}