.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: none;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  padding: 20px 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 9999;
}

.cookie-banner--visible {
  opacity: 1;
  pointer-events: all;
}

.cookie-banner__inner {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cookie-banner__text {
  flex: 1 1 60%;
  min-width: 240px;
  max-width: 50%;
}

.cookie-banner__title {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: #333;
}

.cookie-banner__desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #5d6677;
}

.cookie-banner__actions {
  display: flex;
  gap: 12px;
  flex: 0 0 auto;
  align-items: center;
}

.cookie-banner__btn {
  border-radius: 999px;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  border: 1px solid #2f7bff;
  transition: all 0.15s ease;
  background: transparent;
  color: #2f7bff;
  min-width: 188px;
}

.cookie-banner__btn--primary {
  background: #2f7bff;
  color: #fff;
  border-color: #2f7bff;
}

.cookie-banner__btn--primary:hover {
  background: #1f6ae0;
  border-color: #1f6ae0;
}

.cookie-banner__btn--ghost:hover {
  background: #e8f1ff;
}

.cookie-banner__gear {
  width: 40px;
  height: 40px;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
  transition: all 0.15s ease;
  padding: 0;
}



@media (max-width: 768px) {
  .cookie-banner {
    bottom: 16px;
    padding: 20px;
  }

  .cookie-banner__actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
}

.cookie-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(2px);
}
.cookie-modal__dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 720px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.14);
  padding: 24px 28px;
}

.cookie-modal__header {
  margin-bottom: 16px;
}

.cookie-modal__title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  color: #333;
}

.cookie-modal__subtitle {
  margin: 0;
  color: #5d6677;
  line-height: 1.5;
  font-size: 15px;
}

.cookie-modal__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.cookie-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: #f7f8fb;
  border-radius: 12px;
}

.cookie-toggle__title {
  font-weight: 700;
  color: #3d3f45;
  margin-bottom: 4px;
}

.cookie-toggle__desc {
  margin: 0;
  color: #6f7480;
  line-height: 1.5;
  font-size: 14px;
}

.cookie-toggle--disabled {
  opacity: 0.6;
}

.cookie-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.cookie-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.cookie-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8dce6;
  transition: 0.2s;
  border-radius: 34px;
}

.cookie-switch__slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.2s;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.cookie-switch input:checked + .cookie-switch__slider {
  background-color: #2f7bff;
}

.cookie-switch input:checked + .cookie-switch__slider:before {
  transform: translateX(20px);
}

.cookie-switch--locked {
  width: 48px;
  height: 26px;
  border-radius: 34px;
  background: #e5e8ef;
}

.cookie-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 640px) {
  .cookie-modal__dialog {
    padding: 20px;
  }

  .cookie-modal__footer {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ol[class],
ul[class] {
    padding: 0
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol[class],
p,
ul[class] {
    margin: 0
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background: #f9fafb;
    padding-top: 104px;
    -webkit-transition: padding-top .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: padding-top .35s cubic-bezier(.4, 0, .2, 1);
    transition: padding-top .35s cubic-bezier(.4, 0, .2, 1)
}

body.is-header-compact {
    padding-top: 68px
}

/* Blog-classed pages (incl. /locations/* country pages) otherwise lose the
   fixed-header top offset, hiding the breadcrumbs under the header. */
body.blog {
    padding-top: 104px
}

body.blog.is-header-compact {
    padding-top: 68px
}

.faq__row summary,
ol[class],
ul[class] {
    list-style: none
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

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

article>*+* {
    margin-top: 1em
}

button,
input,
select,
textarea {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    * {
        -webkit-animation-duration: .01ms !important;
        animation-duration: .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: .01ms !important;
        -o-transition-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

html {
    scroll-behavior: smooth
}

a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[x-cloak] {
    display: none !important
}

.container {
    max-width: 1526px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width:960px) {
    .container {
        width: 100%
    }
}

.h2,
.h3 {
    color: var(--Primary-Text, #414141);
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%
}

.h3 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px
}

@media (max-width:960px) {
    .h3 {
        font-size: 22px;
        line-height: 24px
    }
}

.not-found-intro p {
    margin-bottom: 60px
}

.btn {
    display: inline-block;
    text-decoration: none;
    background: #327aff;
    border: 1px solid transparent;
    padding: 12px 24px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

.btn--primary,
.btn:hover {
    background: 0 0;
    color: #327aff;
    text-decoration: none;
    border: 1px solid #327aff
}

.btn--primary:hover {
    background: #327aff;
    color: #fff;
    text-decoration: none;
    border: 1px solid #327aff
}

.btn--google {
    padding: 12px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:960px) {
    .btn--google {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.btn:active,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn {
    -webkit-border-radius: 42px;
    border-radius: 42px;
    overflow: hidden
}

.btn:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.icon-google {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../img/google.svg) no-repeat center center
}

.pt-120 {
    padding-top: 120px
}

.pb-120 {
    padding-bottom: 120px
}

@media (max-width:960px) {
    .pt-120 {
        padding-top: 60px
    }

    .pb-120 {
        padding-bottom: 60px
    }
}

.header__nav .menu>.menu-item,
.shadow-template {
    position: relative
}

.shadow-template:after,
.shadow-template:before {
    content: "";
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    z-index: -1
}

.shadow-template:after {
    background: -webkit-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    left: 75%
}

.shadow-template:before {
    left: 25%;
    background: -webkit-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%)
}

.landing-hero {
    padding-top: 96px;
    background-image: url(../img/bg.svg);
    width: 100%;
    padding-bottom: 120px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.landing-hero__logo {
    margin: 0 auto 72px;
    width: 338px;
    height: 77px;
    aspect-ratio: 338/77
}

.landing-hero__img {
    margin: 0 auto 72px
}

.landing-hero__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 326px;
    height: 52px;
    padding: 10px 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: var(--Blue-Main, #327aff);
    text-decoration: none;
    color: var(--Primary-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    margin: 0 auto 56px
}

.landing-hero__text,
.landing-hero__title {
    color: var(--Primary-Text, #414141);
    text-align: center;
    font-style: normal
}

.landing-hero__title {
    font-family: Urbanist;
    font-size: 48px;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 24px
}

.landing-hero__text {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 80px
}

.hero__features {
    -webkit-border-radius: 20px;
    border: 12px solid var(--Background-Main, #f9fafb);
    background: var(--Primary-White, #fff);
    border-radius: 20px;
    background: #fff;
    -webkit-box-shadow: 0 24px 68px 0 rgba(51, 91, 255, .12);
    box-shadow: 0 24px 68px 0 rgba(51, 91, 255, .12);
    padding: 46px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 0;
    column-gap: 0;
    row-gap: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: min(1050px, 100%);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.hero__feature {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 170px;
    text-align: center
}

.hero__feature-title {
    color: var(--Blue-Main, #327aff);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 2px
}

.hero__feature-text {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

@media (max-width:1200px) {
    .landing-hero {
        padding-bottom: 96px
    }

    .landing-hero__logo {
        width: 280px;
        height: auto;
        margin-bottom: 56px
    }

    .landing-hero__img {
        width: 70%;
        margin-bottom: 56px
    }

    .landing-hero__features {
        padding: 32px 60px;
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 48px;
        column-gap: 48px;
        row-gap: 24px;
        justify-items: center
    }

    .hero__feature-title {
        font-size: 22px
    }

    .hero__feature-text {
        font-size: 14px
    }
}

@media (max-width:640px) {
    .landing-hero {
        padding-top: 64px;
        padding-bottom: 64px;
        background-position: center top
    }

    .landing-hero__logo {
        width: 200px;
        margin-bottom: 40px
    }

    .landing-hero__img {
        width: 90%;
        margin-bottom: 40px
    }

    .landing-hero__btn {
        width: 280px;
        height: 48px;
        padding: 8px 32px;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 40px
    }

    .landing-hero__title {
        font-size: 32px;
        line-height: 120%
    }

    .landing-hero__text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 56px
    }

    .hero__features {
        padding: 24px;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 16px;
        -webkit-column-gap: 0;
        column-gap: 0;
        width: auto
    }

    .hero__feature {
        text-align: center
    }

    .hero__feature-title {
        font-size: 20px
    }

    .hero__feature-text {
        font-size: 14px
    }
}

.contact-form {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 5px solid var(--Blue-Main, #327aff);
    background: var(--Primary-White, #fff);
    margin-bottom: 180px;
    padding-top: 40px;
    padding-bottom: 32px
}

.contact-form__container {
    text-align: center
}

.contact-form__text,
.contact-form__title {
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    color: var(--Primary-Text, #414141);
    margin-bottom: 10px
}

.contact-form__text {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 40px
}

.contact-form__form {
    max-width: 554px;
    margin: 0 auto
}

.contact-form__form-input {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid var(--Navigation-Base-Border, #e8e8e8);
    background: var(--Navigation-Secondary-background, #fff);
    padding: 8px 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    min-width: 100%;
    height: 48px
}

.contact-form__form-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-bottom: 16px
}

.contact-form__form-textarea {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid var(--Navigation-Base-Border, #e8e8e8);
    background: var(--Navigation-Secondary-background, #fff);
    padding: 8px 16px;
    height: 104px;
    resize: none;
    width: 100%;
    min-width: 557px;
    font-size: 14px
}

.contact-form__form-button {
    width: 100%;
    padding: 12px 0
}

.contact-form__form-item {
    width: 100%
}

.contact-form__bottom-text {
    font-size: 14px;
    color: var(--Blue-Main, #327aff);
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media (max-width:1200px) {
    .contact-form__form {
        max-width: 557px
    }

    .contact-form__form-col {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:640px) {
    .contact-form {
        padding-top: 24px;
        padding-bottom: 24px;
        border-width: 4px;
        margin-bottom: 90px
    }

    .contact-form__title {
        font-size: 24px
    }

    .contact-form__text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
        padding-left: 10px;
        padding-right: 10px
    }

    .contact-form__form {
        max-width: 100%;
        padding: 0 16px
    }

    .contact-form__form-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .contact-form__form-input {
        min-width: 100%;
        height: 44px
    }

    .contact-form__form-textarea {
        min-width: 100%;
        height: 120px
    }

    .contact-form__form-button {
        padding: 10px 0
    }

    .contact-form__bottom-text {
        font-size: 12px
    }
}

.footer-landing {
    width: 100%;
    margin: 0 auto;
    padding: 32px 0;
    background-color: #232323
}

.footer-landing__container {
    max-width: 1496px;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.footer-landing__logo img {
    width: 122px;
    height: 28px
}

.footer-landing__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: #fff
}

.footer-landing__social,
.footer-landing__social-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 39px
}

.footer-landing__social-item {
    gap: 8px;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    text-decoration: none;
    color: #fff
}

@media (max-width:1200px) {
    .footer-landing__container {
        gap: 20px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:640px) {
    .footer-landing {
        padding: 24px 0
    }

    .footer-landing__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        text-align: center
    }

    .footer-landing__logo img {
        width: 106px;
        height: 24px
    }

    .footer-landing__text {
        font-size: 12px;
        line-height: 18px
    }

    .footer-landing__social {
        gap: 16px
    }

    .footer-landing__social-item {
        font-size: 12px;
        line-height: 18px
    }
}

.topbar {
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400
}

.topbar__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 55px
}

.topbar__label {
    color: #f45279;
    font-weight: 600;
    margin-right: 4px
}

.topbar__btn {
    background: #f45279;
    color: #fff;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    padding: 4px 16px;
    text-decoration: none;
    font-weight: 500;
    margin-left: 16px;
    font-size: 14px
}

.header {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: box-shadow .35s ease, border-color .35s ease;
    -o-transition: box-shadow .35s ease, border-color .35s ease;
    transition: box-shadow .35s ease, border-color .35s ease
}

.header--scrolled {
    border-bottom-color: rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 8px 32px rgba(15, 23, 42, .07);
    box-shadow: 0 8px 32px rgba(15, 23, 42, .07);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    backdrop-filter: saturate(180%) blur(8px);
    background: rgba(255, 255, 255, .94)
}

/* While the mobile menu is open, drop the scrolled-header blur: a backdrop-filter
   makes the header a containing block for the fixed .mobile-menu nested inside it,
   collapsing the panel/backdrop to the header's height. */
.header.is-menu-open {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

/* WordPress admin bar: липкая шапка и выпадашки не под баром */
body.admin-bar .header {
    top: 32px
}

@media screen and (max-width:782px) {
    body.admin-bar .header {
        top: 46px
    }

    body.admin-bar .mobile-menu {
        top: 46px
    }
}

.header__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 104px;
    gap: 16px;
    -webkit-transition: min-height .35s cubic-bezier(.4, 0, .2, 1), padding .35s cubic-bezier(.4, 0, .2, 1), gap .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: min-height .35s cubic-bezier(.4, 0, .2, 1), padding .35s cubic-bezier(.4, 0, .2, 1), gap .35s cubic-bezier(.4, 0, .2, 1);
    transition: min-height .35s cubic-bezier(.4, 0, .2, 1), padding .35s cubic-bezier(.4, 0, .2, 1), gap .35s cubic-bezier(.4, 0, .2, 1)
}

.header--scrolled .header__container {
    min-height: 68px;
    padding-top: 6px;
    padding-bottom: 6px;
    gap: 12px
}

.header__container,
.header__logo,
.header__right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none
}

.header__logo img {
    height: 34px;
    -webkit-transition: height .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: height .35s cubic-bezier(.4, 0, .2, 1);
    transition: height .35s cubic-bezier(.4, 0, .2, 1);
    display: block;
    -webkit-transform: translateY(-11%);
    -ms-transform: translateY(-11%);
    transform: translateY(-11%)
}

.header--scrolled .header__logo img {
    height: 26px
}

.header__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-left: 0
}

.header__link {
    color: #327aff;
    text-decoration: none;
    font-weight: 500;
    width: 80px;
    text-align: center
}

.header__lang {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: #414141;
    padding: 0
}

.header__lang-icon {
    width: 24px;
    height: 24px;
    background: url(../img/global.svg) no-repeat center center
}

.header__lang-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px
}

.header__lang .header__caret {
    width: 16px;
    height: 16px;
    background: url(../img/arrow-down.svg) no-repeat center center
}

.header__login-btn.btn {
    padding: 5px 28px;
    font-size: 14px;
    line-height: 28px;
    margin-right: 12px;
    -webkit-transition: padding .35s cubic-bezier(.4, 0, .2, 1), font-size .35s cubic-bezier(.4, 0, .2, 1), line-height .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: padding .35s cubic-bezier(.4, 0, .2, 1), font-size .35s cubic-bezier(.4, 0, .2, 1), line-height .35s cubic-bezier(.4, 0, .2, 1);
    transition: padding .35s cubic-bezier(.4, 0, .2, 1), font-size .35s cubic-bezier(.4, 0, .2, 1), line-height .35s cubic-bezier(.4, 0, .2, 1)
}

.header--scrolled .header__login-btn.btn {
    padding: 4px 28px;
    font-size: 13px;
    line-height: 24px
}

.header__burger {
    display: none;
    width: 40px;
    height: 40px;
    border: 1px solid #e7e8eb;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px;
    cursor: pointer
}

.header__burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #242424;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.header__burger span+span {
    margin-top: 6px
}

.header__burger.is-active span:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg)
}

.header__burger.is-active span:nth-child(2) {
    opacity: 0
}

.header__burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg)
}

.header__nav {
    margin-left: auto;
    margin-right: auto;
}

.header__nav .menu,
.header__nav .menu-item-has-children {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 64px;
    -webkit-transition: gap .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: gap .35s cubic-bezier(.4, 0, .2, 1);
    transition: gap .35s cubic-bezier(.4, 0, .2, 1)
}

.header--scrolled .header__nav .menu {
    gap: 40px
}

.header__nav .menu-item-has-children {
    position: relative;
    gap: 8px
}

.header__nav .menu-item-has-children:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/arrow-down.svg) no-repeat center center;
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.header__nav .menu>.menu-item.is-open a,
.header__nav .menu>.menu-item>a:hover,
.popup-menu__link-title:hover,
.popup-menu__title:hover,
.popup-menu__link:hover {
    color: #327aff
}

.faq__row[open] .faq__chevron,
.header__nav .menu-item-has-children.is-open:after,
.price-card__bar.is-open .price-card__bar-icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__nav .menu>.menu-item a {
    color: #414141;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    -webkit-transition: font-size .35s cubic-bezier(.4, 0, .2, 1);
    -o-transition: font-size .35s cubic-bezier(.4, 0, .2, 1);
    transition: font-size .35s cubic-bezier(.4, 0, .2, 1)
}

.header--scrolled .header__nav .menu>.menu-item a {
    font-size: 14px
}

@media (prefers-reduced-motion:reduce) {
    body,
    .header,
    .header__container,
    .header__logo img,
    .header__login-btn.btn,
    .header__nav .menu,
    .header__nav .menu>.menu-item a {
        -webkit-transition-duration: .01ms !important;
        -o-transition-duration: .01ms !important;
        transition-duration: .01ms !important
    }
}

.popup-menu,
.popup-menu__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.popup-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1200;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: fit-content;
}

.popup-menu__container {
    background: #fff;
    border: 1px solid #e7e8eb;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 16px 40px rgba(0, 0, 0, .08);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .08);
    overflow: hidden
}

.popup-menu__container--pricing {
    max-width: 1024px
}

.popup-menu__container--cases {
    max-width: 1100px
}

.popup-menu__left {
    padding: 32px 24px 40px 72px;
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup-menu__right {
    padding: 32px 24px 32px 40px;
    background: #f1f3f5;
    width: 30%;
    border-right-radius: 20px;
    border-left-radius: 20px
}

.popup-menu__item {
    width: 270px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 80px;
    padding-right: 20px;
    position: relative
}

.popup-menu__item:before {
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    background-color: #f9fafb;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 16px
}

.popup-menu__item--residential:before {
    background-image: url(../img/menu/1.svg)
}

.popup-menu__item--datacenter:before {
    background-image: url(../img/menu/2.svg)
}

.popup-menu__item--mobile:before {
    background-image: url(../img/menu/3.svg)
}

.popup-menu__item--unlimited:before {
    background-image: url(../img/menu/4.svg)
}

.popup-menu__item--features:before {
    background-image: url(../img/menu/5.svg)
}

.popup-menu__link {
    text-decoration: none;
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px
}

.popup-menu__link--arrow {
    color: #335bff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: url(../img/menu/circle-arrow-right.svg) no-repeat right center;
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    padding-right: 28px
}

.popup-menu__link-title {
    text-decoration: none;
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 12px
}

.popup-menu__price {
    color: var(--Secondary-Text, #616161);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 4px
}

.popup-menu__price strong {
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    padding-left: 4px;
    padding-right: 4px
}

.popup-menu__cases {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 800px;
    padding: 32px 40px
}

.popup-menu__cases,
.popup-menu__item-cases,
.popup-menu__resources {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.popup-menu__item-cases {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 235px;
    height: 56px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    text-decoration: none;
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    position: relative
}

.popup-menu__item-cases:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-color: #f9fafb;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-menu__item-cases--all:before {
    background-image: url(../img/menu/list-ul.svg)
}

.popup-menu__item-cases--data:before {
    background-image: url(../img/menu/chart-column.svg)
}

.popup-menu__item-cases--market:before {
    background-image: url(../img/menu/magnifying-glass-chart.svg)
}

.popup-menu__item-cases--management:before {
    background-image: url(../img/menu/managamend.svg)
}

.popup-menu__item-cases--ad:before {
    background-image: url(../img/menu/ad.svg)
}

.popup-menu__item-cases--commerce:before {
    background-image: url(../img/menu/hand-holding-dollar.svg)
}

.popup-menu__item-cases--marketing:before {
    background-image: url(../img/menu/filter-circle-dollar.svg)
}

.popup-menu__item-cases--security:before {
    background-image: url(../img/menu/shield.svg)
}

.popup-menu__item-cases--business:before {
    background-image: url(../img/menu/business.svg)
}

.popup-menu__item-cases--financial:before {
    background-image: url(../img/menu/money.svg)
}

.popup-menu__item-cases--manufacturing:before {
    background-image: url(../img/menu/gears.svg)
}

.popup-menu__item-cases--travel:before {
    background-image: url(../img/menu/location-smile.svg)
}

.popup-menu__item-cases--brand:before {
    background-image: url(../img/menu/lock-keyhole.svg)
}

.popup-menu__item-cases--hr:before {
    background-image: url(../img/menu/user-plus.svg)
}

.popup-menu__item-cases--estate:before {
    background-image: url(../img/menu/house-chimney-blank.svg)
}

.popup-menu__resources {
    padding: 32px 40px;
    gap: 40px
}

.popup-menu__title {
    display: inline-block;
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 14px;
    text-decoration: none
}

.popup-menu__sub-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

@media (max-width:960px) {
    body.is-header-compact,
    body.blog.is-header-compact {
        padding-top: 56px
    }

    .topbar {
        min-height: 42px;
        font-size: 13px
    }

    .topbar__btn {
        font-size: 12px
    }

    .topbar__container {
        max-height: 42px
    }

    .header--scrolled .header__container {
        min-height: 56px;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .header--scrolled .header__logo img {
        height: 24px
    }

    .header .menu {
        display: none !important
    }

    .header__right {
        display: none
    }

    .header__burger {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        right: 30px
    }

    .mobile-menu {
        position: fixed;
        inset: 0;
        z-index: 1500
    }

    body.admin-bar .mobile-menu {
        top: 32px;
        z-index: 100001
    }

    .mobile-menu__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .35)
    }

    .mobile-menu__panel {
        position: absolute;
        top: 0;
        right: 0;
        width: 88%;
        max-width: 420px;
        height: 100%;
        background: #fff;
        -webkit-box-shadow: -8px 0 24px rgba(0, 0, 0, .1);
        box-shadow: -8px 0 24px rgba(0, 0, 0, .1);
        padding: 16px 20px 24px;
        overflow: auto
    }

    .mobile-menu__nav {
        margin-top: 8px
    }

    .mobile-menu__list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .mobile-menu__item {
        border-bottom: 1px solid #e7e8eb;
        padding: 8px 0 12px
    }

    .mobile-menu__submenu,
    .mobile-menu__toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mobile-menu__toggle {
        width: 100%;
        text-align: left;
        background: 0 0;
        border: 0;
        color: #414141;
        font-weight: 600;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer;
        padding: 10px 0
    }

    .mobile-menu__toggle:after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: url(../img/arrow-down.svg) no-repeat center
    }

    .mobile-menu__submenu {
        list-style: none;
        margin: 6px 0 8px;
        padding: 0 0 0 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mobile-menu__link {
        color: #616161;
        text-decoration: none;
        font-size: 16px;
        line-height: 22px
    }

    .mobile-menu__link:hover {
        color: #327aff
    }

    .mobile-menu__auth {
        margin-bottom: 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .mobile-menu__group {
        position: relative;
        display: inline-block;
        color: #414141;
        text-decoration: none;
        font-weight: 700;
        padding-left: 56px;
        min-height: 26px;
        line-height: 24px;
        margin: 6px 0
    }

    .mobile-menu__group:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background-color: #f9fafb;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        position: absolute;
        left: 0;
        top: 0
    }

    .mobile-menu__group--residential:before {
        background-image: url(../img/menu/1.svg)
    }

    .mobile-menu__group--datacenter:before {
        background-image: url(../img/menu/2.svg)
    }

    .mobile-menu__group--mobile:before {
        background-image: url(../img/menu/3.svg)
    }

    .mobile-menu__group--unlimited:before {
        background-image: url(../img/menu/4.svg)
    }

    .mobile-menu__sublist {
        list-style: none;
        margin: 6px 0 10px 0;
        padding: 0 0 0 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px
    }

    .mobile-menu__price {
        color: var(--Secondary-Text, #616161);
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 1px;
        margin: 2px 0 8px 56px
    }

    .mobile-menu__price strong {
        color: var(--Primary-Text, #414141);
        font-size: 16px;
        font-weight: 800;
        line-height: 18px;
        padding: 0 4px
    }

    .mobile-menu__case {
        display: inline-block;
        color: #414141;
        text-decoration: none;
        padding-left: 56px;
        min-height: 40px;
        line-height: 40px;
        position: relative;
        margin-bottom: 10px
    }

    .mobile-menu__case:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background-color: #f9fafb;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        position: absolute;
        left: 0;
        top: 0
    }

    .mobile-menu__case--all:before {
        background-image: url(../img/menu/list-ul.svg)
    }

    .mobile-menu__case--data:before {
        background-image: url(../img/menu/chart-column.svg)
    }

    .mobile-menu__case--market:before {
        background-image: url(../img/menu/magnifying-glass-chart.svg)
    }

    .mobile-menu__case--management:before {
        background-image: url(../img/menu/managamend.svg)
    }

    .mobile-menu__case--ad:before {
        background-image: url(../img/menu/ad.svg)
    }

    .mobile-menu__case--commerce:before {
        background-image: url(../img/menu/hand-holding-dollar.svg)
    }

    .mobile-menu__case--marketing:before {
        background-image: url(../img/menu/filter-circle-dollar.svg)
    }

    .mobile-menu__case--security:before {
        background-image: url(../img/menu/shield.svg)
    }

    .mobile-menu__case--business:before {
        background-image: url(../img/menu/business.svg)
    }

    .mobile-menu__case--financial:before {
        background-image: url(../img/menu/money.svg)
    }

    .mobile-menu__case--manufacturing:before {
        background-image: url(../img/menu/gears.svg)
    }

    .mobile-menu__case--travel:before {
        background-image: url(../img/menu/location-smile.svg)
    }

    .mobile-menu__case--brand:before {
        background-image: url(../img/menu/lock-keyhole.svg)
    }

    .mobile-menu__case--hr:before {
        background-image: url(../img/menu/user-plus.svg)
    }

    .mobile-menu__case--estate:before {
        background-image: url(../img/menu/house-chimney-blank.svg)
    }

    .mobile-menu__link--arrow {
        color: #335bff;
        font-weight: 600;
        background: url(../img/menu/circle-arrow-right.svg) no-repeat right center;
        -webkit-background-size: 20px 20px;
        background-size: 20px;
        padding-right: 24px
    }

    .mobile-menu__submenu {
        gap: 12px;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
        margin-left: 30px !important
    }

    .mobile-menu__sublist {
        margin-left: 56px !important
    }
}

.footer {
    background: #232323;
    padding-top: 56px;
    padding-bottom: 32px;
    color: #fff
}

.footer a,
.yoast-breadcrumb a {
    color: #fff;
    text-decoration: none
}

.footer__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 45px
}

.footer__brand {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 202px;
    -ms-flex: 0 0 202px;
    flex: 0 0 202px
}

.footer__cols {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px 45px
}

.footer__cols > .footer__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 160px;
    -ms-flex: 1 1 160px;
    flex: 1 1 160px;
    max-width: 270px;
    min-width: 0
}

.footer__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__logo {
    margin-bottom: 40px
}

.footer__logo img {
    width: 122px;
    height: 28px;
    display: block
}

.footer__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__title,
.footer__title--note {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px
}

.footer__title {
    margin-bottom: 24px;
    color: #a1a1a1;
    text-transform: uppercase
}

.footer__title--note {
    color: #b9bcc3;
    text-transform: none;
    margin-top: 52px
}

.footer__icon-link,
.footer__icons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    margin-bottom: 24px
}

.footer__icon-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14px;
    height: 14px
}

.footer__icon-link--x {
    background: url(../img/social/x.svg) no-repeat center center
}

.footer__icon-link--in {
    background: url(../img/social/in.svg) no-repeat center center
}

.footer__icon-link--discord {
    background: url(../img/social/discord.svg) no-repeat center center
}

.footer__icon-link--facebook {
    background: url(../img/social/facebook.svg) no-repeat center center
}

.footer__social {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.footer__social-ico {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.footer__social-ico--in {
    background-image: url(../img/social/in.svg)
}

.footer__social-ico--x {
    background-image: url(../img/social/x.svg)
}

.footer__social-ico--discord {
    background-image: url(../img/social/discord.svg)
}

.footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px
}

.footer__list .menu-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer__list .menu-item a {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px
}

/* PBI-044: footer "Coming Soon" placeholders */
.footer__list .menu-item.is-soon > a {
    pointer-events: none;
    cursor: default;
    color: rgba(255, 255, 255, .4)
}

.footer__list .menu-item.is-soon > a::after {
    content: 'Coming Soon';
    display: inline-block;
    margin-left: 8px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .02em;
    color: #327aff;
    background: #e8f0ff;
    border-radius: 999px;
    padding: 3px 7px;
    vertical-align: middle;
    white-space: nowrap
}

.footer__status {
    color: #327aff !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 18px
}

.footer__awards {
    width: 236px;
    height: 60px;
    background: url(../img/awards.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain
}

.footer__divider {
    max-width: 1496px;
    margin: 40px auto;
    height: 1px;
    background: #3a3a3a
}

.footer__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__copy {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px
}

.footer__brand .footer__copy {
    margin-top: 28px;
    color: #a1a1a1;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px
}

.footer__legal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 39px
}

.footer__legal .menu-item a {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #fff
}

@media (max-width:960px) {
    .footer__cols {
        display: contents
    }

    .footer__menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__bottom,
    .footer__col {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__col {
        width: 50%;
        margin-bottom: 20px
    }

    .footer__cols > .footer__col {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none
    }

    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 24px
    }

    .footer__legal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__list .menu-item {
        width: 100%;
        text-align: center
    }

    .footer__brand {
        width: 100%;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .footer__title {
        margin-bottom: 5px
    }

    .footer__list {
        gap: 5px
    }

    .footer__list .menu-item a {
        font-size: 14px
    }

    .footer__divider {
        margin: 20px auto
    }

    .footer__logo img {
        width: 240px;
        height: 50px
    }

    .footer__logo {
        margin-bottom: 20px
    }

    .footer__menu {
        gap: 0
    }
}

.breadcrumbs {
    color: #616161;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 90px;
    padding-top: 10px;
}

.breadcrumbs > span {
    display: flex;
    align-items: center;
}

.breadcrumbs a {
    color: #327aff;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumbs .separator {
    margin: 0 8px;
    background: url(../img/arrow-right.svg) no-repeat center center;
    width: 12px;
    height: 12px;
    display: block;
    min-width: 12px;
}

.breadcrumbs .breadcrumb_last,
.breadcrumbs a:hover {
    color: #414141;
}

@media (max-width: 960px) {
    .breadcrumbs {
        margin-bottom: 40px;
        font-size: 12px;
        line-height: 16px;
        padding-top: 8px;
    }
    .breadcrumbs .separator {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        min-width: 8px;
    }
    .breadcrumbs .breadcrumb_last,
    .breadcrumbs a {
        font-size: 12px;
        line-height: 16px;
    }
}




.hero {
    padding-top: 0;
    background: #f9fafb url(../img/bg.svg) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 60px
}

.hero__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero__text {
    max-width: 735px;
    min-width: 0
}

.hero__rate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    margin-bottom: 16px
}

.hero__rate--traspilot {
    width: 68px;
    height: 30px;
    background: url(../img/traspilot.svg) no-repeat center center
}

.hero__rate--capterra,
.hero__rate--g2,
.hero__rate--traspilot {
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    display: block
}

.hero__rate--capterra {
    background: url(../img/capterra.svg) no-repeat center center;
    width: 66px;
    height: 26px
}

.hero__rate--g2 {
    width: 68px;
    height: 28px;
    background: url(../img/g2.svg) no-repeat center center
}

.hero__title {
    color: #414141;
    font-weight: 600;
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 24px;
    text-align: left
}

.hero__subtitle {
    color: #616161;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px;
    text-align: left
}

.hero__points {
    list-style: none;
    margin-bottom: 32px !important;
    padding: 0;
    display: grid;
    gap: 16px
}

.hero__actions-group,
.hero__points li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hero__points li {
    color: #616161;
    font-weight: 800;
    font-size: 18px;
    line-height: 28px;
    padding-left: 24px;
    background: url(../img/check.svg) no-repeat left center;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.hero__actions-group {
    gap: 16px;
    margin-bottom: 24px
}

.hero__actions {
    text-align: left
}

.hero__actions-btn {
    padding: 12px 65px;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero__benefit {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #414141;
    padding-left: 28px;
    background: url(../img/card.svg) no-repeat left center;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    margin-left: 19px;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero__image img {
    position: relative;
    width: 491px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.hero__image--big img {
    width: 816px
}

@media (max-width:960px) {
    .hero {
        margin-bottom: 30px;
        padding-bottom: 0
    }

    .hero__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .hero__title {
        font-size: 40px;
        line-height: 110%
    }

    .hero__actions-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero__benefit {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 30px
    }

    .hero__image {
        margin-bottom: 20px;
        margin-top: 30px
    }

    .hero__rate {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px
    }

    .hero__rate--capterra,
    .hero__rate--g2,
    .hero__rate--traspilot {
        width: 33.3%;
        height: 35px;
        -webkit-background-size: contain;
        background-size: contain
    }

    .hero__actions .btn {
        width: 100%
    }

    .hero__image img {
        width: 200px
    }
}

.sertificates {
    background: #fff;
    padding-top: 75px;
    padding-bottom: 150px
}

.sertificates--landing {
    margin-bottom: -80px
}

.sertificates__text {
    max-width: 860px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    color: var(--Secondary-Text, #616161);
    text-align: center;
    margin: 0 auto 64px
}

.sertificates__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.sertificates__item {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: var(--Background-Main, #f9fafb);
    padding: 24px;
    width: 229px
}

.sertificates__item-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--Primary, #000);
    text-align: center;
    margin-top: 22px;
    display: block;
    text-transform: uppercase
}

.sertificates__item-icon {
    margin: 0 auto;
    width: 112px;
    height: 112px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.sertificates__item-icon--1 {
    background-image: url(../img/sert/1.svg)
}

.sertificates__item-icon--2 {
    background-image: url(../img/sert/2.svg)
}

.sertificates__item-icon--3 {
    background-image: url(../img/sert/3.svg)
}

.sertificates__item-icon--4 {
    background-image: url(../img/sert/4.svg)
}

.sertificates__item-icon--5 {
    background-image: url(../img/sert/5.svg)
}

.sertificates__item-icon--6 {
    background-image: url(../img/sert/6.svg)
}

@media (max-width:640px) {
    .sertificates {
        padding-bottom: 40px
    }

    .sertificates--landing {
        padding-bottom: 150px
    }

    .sertificates__item {
        width: 155px
    }

    .sertificates__item-icon {
        width: 90px;
        height: 90px
    }
}

.faq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 80px
}

.faq__rows {
    display: grid;
    gap: 12px;
    width: 100%;
    max-width: 1000px
}

.faq__row {
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

.faq__row summary::-webkit-details-marker {
    display: none
}

.faq__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 32px;
    min-height: 60px;
    cursor: pointer
}

.faq__title {
    color: #414141;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.faq__chevron {
    width: 24px;
    height: 24px;
    background: url(../img/arrow-down.svg) no-repeat center center;
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.faq__body {
    padding: 14px 32px 24px;
    color: #616161;
    font-size: 16px;
    line-height: 24px;
    text-align: justify
}

@media (max-width:960px) {
    .faq {
        padding-bottom: 40px
    }

    .faq__title {
        font-size: 18px;
        line-height: 24px
    }
}

.section-intro {
    text-align: center;
    margin-bottom: 120px
}

.section-intro h1 {
    color: #414141;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 24px
}

.section-intro p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

@media (max-width:960px) {
    .section-intro {
        margin-bottom: 30px
    }

    .section-intro h1 {
        font-size: 40px;
        line-height: 44px
    }

    .section-intro p {
        font-size: 16px;
        line-height: 28px
    }
}

.cases {
    margin-bottom: 120px;
    background-image: url(../img/cases-bg.svg);
    background-repeat: no-repeat;
    background-position: center 80%;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.cases__title {
    margin-bottom: 70px
}

.cases__subtitle {
    margin-bottom: 40px
}

.cases__subtitle-text {
    color: #616161;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 64px
}

.cases__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 120px;
    gap: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cases__item {
    width: 31.3%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: var(--Primary-White, #fff);
    padding: 32px
}

.cases__item-title {
    margin-bottom: 16px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.cases__item-title:before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.cases__item-title--1::before {
    background-image: url(../img/cases/1.svg)
}

.cases__item-title--2::before {
    background-image: url(../img/cases/2.svg)
}

.cases__item-title--3::before {
    background-image: url(../img/cases/3.svg)
}

.cases__item-title--4::before {
    background-image: url(../img/cases/4.svg)
}

.cases__item-title--5::before {
    background-image: url(../img/cases/5.svg)
}

.cases__item-title--6::before {
    background-image: url(../img/cases/6.svg)
}

.cases__item-title--7::before {
    background-image: url(../img/cases/7.svg)
}

.cases__item-title--8::before {
    background-image: url(../img/cases/4.svg)
}

.cases__item-title--9::before {
    background-image: url(../img/cases/1.svg)
}

.cases__item-title--cart::before {
    background-image: url(../img/cases/cart.svg)
}

.cases__item-title--link::before {
    background-image: url(../img/cases/link.svg)
}

.cases__item-title--location::before {
    background-image: url(../img/cases/location.svg)
}

.cases__item-title--arrow-up::before {
    background-image: url(../img/cases/arrow-up.svg)
}

.cases__item-title--house::before {
    background-image: url(../img/cases/house.svg)
}

.cases__item-title--money::before {
    background-image: url(../img/cases/money.svg)
}

.cases__item-text {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.cases__list--small {
    gap: 12px
}

.cases__list--small .cases__item {
    width: 23.7%
}

/* Step the 4-up small cards down to 2 per row (1 column only <=600).
   Gap-robust basis so the pair never wraps regardless of the list gap. */
@media (max-width:1600px) {
    .cases__list--small .cases__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50% - 16px);
        -ms-flex: 1 1 calc(50% - 16px);
        flex: 1 1 calc(50% - 16px);
        width: auto;
        min-width: 0
    }
}

@media (max-width:1200px) {
    .cases__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cases__item {
        width: 48%
    }
}

@media (max-width:960px) {
    .cases {
        margin-bottom: 80px;
        -webkit-background-size: 160% 160%;
        background-size: 160%;
        background-position: center top
    }

    .cases__title {
        margin-bottom: 40px
    }

    .cases__subtitle {
        margin-bottom: 24px
    }

    .cases__list {
        gap: 12px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px
    }

    .cases__item {
        width: 100%;
        padding: 24px
    }

    .cases__item-title {
        font-size: 18px;
        line-height: 26px
    }

    .cases__item-text {
        font-size: 14px;
        line-height: 21px
    }
}

@media (max-width:600px) {
    .cases__list--small .cases__item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.cta {
    max-width: 1000px;
    margin: 0 auto 120px;
    padding-top: 120px
}

.cta__box,
.cta__box::after {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.cta__box {
    background: #fff;
    padding: 40px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative
}

.cta__box::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 5px solid #327aff;
    pointer-events: none
}

.cta__title {
    color: #414141;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 8px
}

.cta__subtitle {
    color: #414141;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    max-width: 880px;
    margin: 0 auto 24px
}

.cta__btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:640px) {
    .cta__box {
        padding: 32px 16px
    }

    .cta__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.why {
    padding: 120px 0;
    text-align: center
}

.why__heading {
    margin-bottom: 32px
}

.why__title {
    color: #414141;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 8px
}

.why__subtitle {
    color: #616161;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 64px
}

.why__grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.why__card,
.why__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.why__card {
    max-width: 482px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding: 32px;
    width: 33.33%
}

.why__icon {
    width: 56px;
    height: 56px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    background: #327aff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 6px
}

.why__icon--cost {
    background: #327aff url(../img/why/magnifying-glass-dollar.svg) no-repeat center
}

.why__icon--cost,
.why__icon--speed,
.why__icon--support {
    -webkit-background-size: 24px 24px;
    background-size: 24px
}

.why__icon--speed {
    background: #327aff url(../img/why/bolt.svg) no-repeat center
}

.why__icon--support {
    background: #327aff url(../img/why/user-pen.svg) no-repeat center
}

.why__card-title {
    color: #414141;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin: 0
}

.why__text {
    color: #616161;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    margin: 0
}

@media (max-width:960px) {
    .why {
        padding: 60px 0
    }

    .why__grid {
        grid-template-columns: 1fr
    }

    .why__card {
        width: 100%;
        max-width: 100%
    }
}

.code {
    padding-top: 70px;
    margin-bottom: 120px
}

.code__subtitle {
    color: var(--Secondary-Text, #616161);
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 24px
}

.code__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.code__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
}

.code__info-container {
    max-width: 500px
}

.code__select {
    position: relative;
    width: 100%
}

.code__select-btn,
.code__select-list {
    background: #393939;
    border: 1px solid #a1a1a1
}

.code__select-btn {
    color: #a1a1a1;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    padding: 5px 24px
}

.code__select-list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 6px;
    z-index: 5;
    max-height: 280px;
    overflow: auto
}

.code__select-tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    padding: 6px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #393939
}

.code__select-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #a1a1a1;
    padding: 6px 8px;
    outline: 0;
    background: #393939;
    color: #a1a1a1
}

.code__select-item {
    padding: 8px 10px;
    color: #a1a1a1;
    cursor: pointer
}

.code__select-item:hover {
    background: #fff
}

.code__tabs {
    margin-bottom: 12px
}

.code__tabs-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.code__tab {
    border: 1px solid #e5e7eb;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 12px;
    cursor: pointer
}

.code__tab.active {
    border-color: #327aff
}

.code__content,
.code__pane {
    max-width: 100%
}

.code__pane {
    height: 340px;
    position: relative;
    margin-bottom: 16px
}

.code__pre {
    background: #0f172a;
    color: #e2e8f0;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    padding: 16px;
    overflow: auto;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    height: 300px;
    max-width: 625px
}

.code__pre {
    scrollbar-color: #616161 #414141;
    scrollbar-width: thin
}

.code__pre::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.code__pre::-webkit-scrollbar-track {
    background-color: #414141
}

.code__pre::-webkit-scrollbar-thumb {
    background-color: #616161;
    border-radius: 999px
}

.code__info {
    background: #313030;
    color: #fff;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 57px 56px 46px;
    margin-right: -30px
}

.code__heading {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 20px
}

.code__lead,
.code__points {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    color: #f0f1f6
}

.code__lead {
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 32px
}

.code__points {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 18px;
    margin-bottom: 32px !important
}

.code__points li {
    margin-bottom: 16px;
    padding-left: 24px;
    background: url(../img/check.svg) no-repeat left center;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.code__divider {
    height: 1px;
    background: #414141;
    opacity: .5;
    margin-bottom: 32px;
    margin-top: 32px
}

.code__plate {
    background: #242424;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 33px 36px;
    width: 100%;
    height: 100%;
}

.code__langbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.code__lang {
    border: 1px solid #327aff;
    color: #327aff;
    background: 0 0;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    padding: 1px 18px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    min-width: 83px;
    cursor: pointer
}

.code__lang.active,
.code__tab.active {
    background: #327aff;
    color: #fff
}

.code__copy-box,
.code__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.code__footer {
    gap: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 600px;
}

.code__copy-box {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;

}

.code__copy {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    border: 1px solid #414141;
    background: #414141 url(../img/copy.svg) no-repeat right center;
    background-position-x: 80%;
    color: #fff;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    padding: 1px 44px 1px 16px;
    cursor: pointer
}

.code__copy:disabled {
    opacity: .6;
    cursor: default
}

.code__choose {
    color: #fff;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 116px
}

.code__integrations {
    margin-top: 24px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.code__integrations-card {
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 28px 19px
}

.code__integrations-text {
    color: #414141;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    background: url(../img/circle-arrow-right.svg) no-repeat right center;
    -webkit-background-size: 40px 40px;
    background-size: 40px;
    padding-right: 65px
}

.code__integrations-item,
.code__integrations-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.code__integrations-item {
    background: #f0f1f6;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 82px;
    height: 82px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.code__integrations-item--opera {
    background: #f0f1f6 url(../img/services/opera.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--microsoft {
    background: #f0f1f6 url(../img/services/microsoft.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--js {
    background: #f0f1f6 url(../img/services/js.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--mailchimp {
    background: #f0f1f6 url(../img/services/mailchimp.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--linux {
    background: #f0f1f6 url(../img/services/linux.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--wattpad {
    background: #f0f1f6 url(../img/services/wattpad.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--onedriver {
    background: #f0f1f6 url(../img/services/onedriver.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--safari {
    background: #f0f1f6 url(../img/services/safari.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.code__integrations-item--chrome {
    background: #f0f1f6 url(../img/services/chrome.svg) no-repeat center center;
    -webkit-background-size: 48px 48px;
    background-size: 48px
}

.btn--code {
    padding: 12px 48px
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #242424 !important
}

pre[class*=language-].line-numbers {
    margin: 0 !important;
    padding: 0 !important;
    height: 340px;
    -webkit-border-radius: 0;
    border-radius: 0
}

@media (max-width:768px) {
    .code {
        overflow: hidden;
        margin-bottom: 60px;
        padding-top: 30px
    }

    .code__grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .code__pre {
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding: 12px
    }

    .code__info {
        padding: 24px;
        -webkit-border-radius: 16px 16px 0 0;
        border-radius: 16px 16px 0 0;
        margin: 0 0 -1px
    }

    .code__plate {
        padding: 24px;
        -webkit-border-radius: 0 0 16px 16px;
        border-radius: 0 0 16px 16px
    }

    .code__integrations,
    .code__langbar {
        overflow: scroll
    }

    .code__integrations-list {
        gap: 8px
    }

    .code__integrations-card {
        padding: 15px
    }

    .code__integrations-text {
        width: 200px;
        padding-right: 25px
    }

    .code__integrations-item {
        width: 85px;
        height: 85px
    }
    .code__footer {
        flex-direction: column;
        align-items: baseline;
    }
}

.mini-cta {
    max-width: 1000px;
    margin: 0 auto 120px;
    padding: 16px 0
}

.mini-cta__container {
    border: 3px solid #327aff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 48px;
    padding: 27px
}

.mini-cta__title {
    color: #414141;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    text-align: center;
    margin: 0
}

.mini-cta__btn {
    height: 52px;
    padding: 10px 68px
}

@media (max-width:768px) {
    .mini-cta {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 40px
    }

    .mini-cta__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        text-align: center
    }
}

.locations {
    padding-top: 70px;
    margin-bottom: 120px
}

.locations__link {
    text-decoration: none;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    border: 1px solid var(--Blue-Main, #327aff);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    height: 52px;
    padding: 10px 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--Blue-Main, #327aff);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.locations__text {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 64px
}

.locations--with-tabs .locations__text {
    margin-bottom: 24px
}

.locations__tabs-toolbar {
    margin-bottom: 40px
}

.locations__tabs-toolbar .price__tabs {
    margin-left: auto;
    margin-right: auto
}

.locations__item,
.locations__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.locations__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 24px
}

.locations__item {
    width: 18.71%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: var(--Primary-White, #fff);
    padding: 16px 20px 16px 16px;
    gap: 20px
}

.locations__item-title {
    color: #414141;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.locations__item-text {
    color: var(--Blue-Main, #327aff);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.locations__item-flag {
    width: 32px;
    height: 32px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.locations__item-flag--us {
    background-image: url(../img/flag/us.svg)
}

.locations__item-flag--gb {
    background-image: url(../img/flag/gb.svg)
}

.locations__item-flag--de {
    background-image: url(../img/flag/de.svg)
}

.locations__item-flag--fr {
    background-image: url(../img/flag/fr.svg)
}

.locations__item-flag--it {
    background-image: url(../img/flag/it.svg)
}

.locations__item-flag--es {
    background-image: url(../img/flag/es.svg)
}

.locations__item-flag--nl {
    background-image: url(../img/flag/nl.svg)
}

.locations__item-flag--pl {
    background-image: url(../img/flag/pl.svg)
}

.locations__item-flag--ru {
    background-image: url(../img/flag/ru.svg)
}

.locations__item-flag--ua {
    background-image: url(../img/flag/ua.svg)
}

.locations__item-flag--cn {
    background-image: url(../img/flag/cn.svg)
}

.locations__item-flag--jp {
    background-image: url(../img/flag/jp.svg)
}

.locations__item-flag--br {
    background-image: url(../img/flag/br.svg)
}

.locations__item-flag--id {
    background-image: url(../img/flag/id.svg)
}

.locations__item-flag--ca {
    background-image: url(../img/flag/ca.svg)
}

.locations__item-flag--ie {
    background-image: url(../img/flag/ie.svg)
}

.locations__item-flag--eg {
    background-image: url(../img/flag/eg.svg)
}

.locations__item-flag--ind {
    background-image: url(../img/flag/ind.svg)
}

.locations__item-flag--au {
    background-image: url(../img/flag/au.svg)
}

@media (max-width:768px) {
    .locations__list {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: calc((100% - -60px)/2);
        grid-template-rows: repeat(2, auto);
        gap: 12px;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        padding: 0 16px 8px;
        scroll-padding-left: 16px;
        scroll-padding-right: 16px
    }

    .locations__item {
        width: auto;
        min-width: 0;
        margin: 0;
        scroll-snap-align: start;
        scroll-snap-stop: always
    }

    .locations__text {
        margin-bottom: 30px
    }
}

.price {
    overflow: hidden;
    padding-top: 77px;
    padding-bottom: 72px
}

.price__title {
    margin-bottom: 40px
}

.price__select {
    display: none;
    margin: 0 auto 16px;
    max-width: 100%;
    position: relative
}

.price__select-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    border: 1px solid var(--Navigation-Base-Border, #e8e8e8);
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background: #327aff;
    color: #fff;
    font-weight: 500;
    position: relative
}

.price-card__bar-icon:after,
.price__select-btn:after {
    content: '';
    position: absolute;
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.price__select-btn:after {
    right: 12px;
    top: 50%;
    width: 16px;
    height: 16px;
    background: url(../img/arrow-down-white.svg) no-repeat center/contain;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg)
}

.price__select-btn.is-open:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.price__select-list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 1000;
    margin-top: 0;
    border: 1px solid #e7e8eb;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #fff;
    overflow: auto;
    max-height: 260px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    display: block
}

.price__select-item {
    padding: 10px 16px;
    cursor: pointer
}

.price__select-item:hover,
.price__tabs {
    background: #f1f3f5
}

.price__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    gap: 8px
}

.price__tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--Secondary-Text, #616161);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    white-space: nowrap;
    padding: 8px 24px
}

.price__tab--active
{
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: var(--Blue-Main, #327aff);
    color: var(--Primary-White, #fff)
}


.price__tab:hover {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #E7E7E7;
    color: #414141;
}

.price__slider .swiper-wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.price__slider .swiper-pagination {
    position: static;
    margin-top: 12px;
    text-align: center
}

.price-card {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, .05);
    background: #fff;
    padding: 55px 34px 34px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    min-height: 397px;
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.price-card:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.price-card__head {
    text-align: center
}

.price-card__ips {
    color: var(--Primary-Text, #414141);
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 4px
}

.price-card__period {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
}

.price-card__divider {
    width: 100%;
    height: 1px;
    background: #e7e8eb
}

.price-card__price {
    text-align: center
}

.price-card__old {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    line-height: 28px;
    text-decoration: line-through;
    margin-right: 8px
}

.price-card__currency,
.price-card__value {
    color: var(--Blue-Main, #327aff);
    font-size: 30px;
    font-weight: 800
}

.price-card__value {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2
}

.price-card__note {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    display: block
}

.price-card__meta {
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    text-align: center
}

.price-card__badge {
    position: absolute;
    top: 14px;
    right: 14px;
    color: #fff;
    padding: 4px 12px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    font-size: 12px;
    font-weight: 500;
    background: #f45279
}

.price-card__badge--blue {
    background: #327aff
}

.price-card--popular {
    -webkit-box-shadow: 0 -3px 42px 0 rgba(51, 91, 255, .24);
    box-shadow: 0 -3px 42px 0 rgba(51, 91, 255, .24)
}

.custom-card {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: rgba(58, 214, 194, .15);
    padding: 24px 40px;
    grid-column: span 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.custom-card__title {
    color: var(--Primary-Text, #414141);
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    text-align: center
}

.custom-card__divider {
    width: 100%;
    height: 1px;
    background: #e7e8eb
}

.custom-card__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.custom-card__label {
    color: var(--Primary-Text, #414141);
    font-size: 14px;
    line-height: 18px
}

.custom-card__select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    border: 1px solid #616161;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: rgba(255, 255, 255, .5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-image: url(../img/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
    -webkit-background-size: 21px 21px;
    background-size: 21px;
    padding: 8px 36px 8px 18px
}

.custom-card__currency {
    color: #3ad6c2;
    font-size: 30px;
    font-weight: 800
}

.custom-card__value {
    color: #3ad6c2;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2
}

.custom-card__meta {
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
    text-align: center
}

.custom-card__price {
    text-align: center
}

.custom-card__price-group {
    margin-bottom: 14px
}

.enterprise {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: rgba(50, 122, 255, .09);
    padding: 48px 40px 32px;
    grid-column: span 3;
    text-align: center;
    width: 100%;
    min-width: 735px
}

.enterprise .btn {
    margin: 0 auto;
    border: 1px solid var(--Code-Plate, #242424);
    color: #242424;
    background: 0 0;
    max-width: 640px
}

.enterprise .btn:hover {
    color: #fff;
    background: #242424;
    border-color: #242424
}

.enterprise__title {
    color: var(--Primary-Text, #414141);
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    text-align: center;
    margin-bottom: 33px
}

.enterprise__text {
    color: #414141;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: 300;
    text-align: center;
    margin: 0 auto 32px;
    max-width: 850px
}

.enterprise__list {
    display: inline-block;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 48px;
    column-gap: 48px;
    text-align: left;
    margin-bottom: 7px !important
}

.enterprise__item {
    position: relative;
    padding-left: 26px;
    color: #616161;
    font-size: 16px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 15px;
    background: url(../img/check.svg) no-repeat left center;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.enterprise__btn {
    margin: 0 auto
}

.price .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 52px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.price .btn--green {
    background: #3ad6c2;
    color: #fff
}

.price .btn--green:hover {
    background: #fff;
    color: #3ad6c2;
    text-decoration: none;
    border: 1px solid #3ad6c2
}

.price-card--custom-sale .price-card__value {
    font-size: 30px;
    line-height: 36px;
    font-weight: 800;
    margin-top: 36px;
    margin-bottom: 30px;
    display: block
}

.price-card--unlim .price-card__ips {
    margin-bottom: 25px
}

.price-card--unlim .price-card__price {
    margin-bottom: 7px
}

.price-card__custom-note {
    margin-bottom: 20px;
    margin-top: 20px
}

.price-card__bar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.price-card__meta-label {
    font-weight: 500
}

.price-card__meta-value {
    padding-left: 8px
}

.price-features {
    margin-top: 84px
}

.price__extras {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
    margin-bottom: 80px;
    z-index: 1
}

.price__slider-wrapper {
    gap: 35px;
    margin-bottom: 24px;
    margin-top: 40px
}

.custom-card,
.price-card-slide {
    max-width: 23%;
    width: 100%
}

.price .price__slider .swiper-wrapper > .swiper-slide.price-card-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: auto
}

.price .price__slider .swiper-wrapper > .swiper-slide.price-card-slide > .price-card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-height: 397px
}

.price .price__slider .swiper-wrapper > .swiper-slide.price-card-slide.price-card-slide--custom > .custom-card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-height: 397px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.price .price__slider .swiper-wrapper > .swiper-slide.price-card-slide.price-card-slide--custom .btn--green {
    margin-top: auto
}

.price .price-card-slide--extras-tail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.price .price-card-slide--extras-tail .price-card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%
}

.price__extras > .enterprise {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.price__extras > .price-card--payg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 23%;
    width: 100%
}

.price-card__bar-value {
    margin-left: auto;
    margin-right: 6px;
    white-space: nowrap
}

/* Unlimited bandwidth selector: keep the value+unit on one line; when the bar
   can't fit the "Bandwidth" label too, a script collapses it and only the value
   ("100 Mbps") stays. */
.price-card__bar.is-bw-collapsed .price-card__bar-label {
    display: none
}

.price-card__bar.is-bw-collapsed .price-card__bar-value {
    margin-left: 0
}

.custom-control-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px 16px
}

.swiper-pagination-bullet {
    -webkit-border-radius: 1px !important;
    border-radius: 1px !important
}

.swiper-pagination-bullet-active {
    width: 24px !important
}

.price__slider.swiper {
    overflow: visible !important
}

/* Align the price first row (slider) to the container edges like the extras row.
   Cards were max-width:23% with a fixed 35px gap, so 4 cards + 3 gaps exceed
   100% on narrower desktops and (being centre-justified) overhang both edges.
   Size each card as an exact quarter-column accounting for the 3x35px gaps, so
   the row fills edge to edge and the Customize card matches the 5,000 IPs card's
   width and column. Desktop only; mobile keeps the swiper carousel. */
@media (min-width: 961px) {
    .price .price__slider .swiper-wrapper > .swiper-slide.price-card-slide,
    .price .price-card-slide--extras-tail {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc((100% - 105px) / 4);
        -ms-flex: 0 0 calc((100% - 105px) / 4);
        flex: 0 0 calc((100% - 105px) / 4);
        max-width: calc((100% - 105px) / 4)
    }

    /* Match the Customize card's vertical padding to the regular cards so the
       title row and the Order Now buttons line up across the first row. */
    .price .custom-card {
        padding: 55px 40px 34px
    }

    /* Vertical gap between the two price rows = the horizontal card gap (35px). */
    .price .price__slider-wrapper {
        margin-bottom: 35px
    }

    /* Push the Enterprise CTA to the bottom of its block so its baseline lines up
       with the Order Now button of the adjacent 5,000 IPs card (match bottom padding). */
    .price .enterprise {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 34px
    }

    .price .enterprise__btn {
        margin-top: auto
    }
}

/* Price plan tabs: keep every pill on a single line (never split the billing unit);
   when the row is too wide for the viewport, wrap whole pills onto extra rows, centred.
   On phones (<=960) this control is replaced by the select dropdown. */
.price .price__tabs {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.price .price__tab {
    text-align: center
}

.price__tab-name,
.price__tab-unit {
    white-space: nowrap
}

.custom-card__control--single {
    max-width: 120px;
    margin: 0 auto
}

@media (max-width:1025px) {
    .price__tab {
        padding: 8px 28px
    }
}

@media (max-width:960px) {
    .price {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .price .swiper-wrapper,
    .price__slider {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .price__select {
        display: block
    }

    .price__tabs {
        display: none
    }

    .price__title {
        margin-bottom: 24px
    }

    .price__extras {
        margin-top: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .price__tab {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 16px;
        line-height: 26px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .price .custom-card,
    .price .enterprise {
        grid-column: auto
    }

    .price .custom-card__list,
    .price .enterprise__list {
        -webkit-column-count: 1;
        column-count: 1;
        font-size: 16px
    }

    .price .enterprise__btn {
        width: 100% !important
    }

    .custom-card,
    .price .enterprise .btn,
    .price-card-slide {
        max-width: 100%;
        width: 100%
    }

    .price__slider .swiper-slide.price-card-slide {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 86vw;
        max-width: 348px
    }

    .price__extras > .price-card--payg {
        max-width: 100%
    }

    .price__slider-wrapper {
        gap: inherit
    }

    .enterprise {
        min-width: 100%
    }
}

.price-card__bar {
    width: 100%;
    height: 40px;
    border: 1px solid #616161;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    padding: 8px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #616161;
    background: 0 0;
    position: relative;
    cursor: pointer
}

.price-card__bar-label,
.price-card__bar-value {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.price-card__bar-icon {
    position: relative;
    width: 24px;
    height: 24px
}

.price-card__bar-icon:after {
    inset: 0;
    background: url(../img/arrow-down.svg) no-repeat center/24px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.price-card__dropdown {
    position: absolute;
    left: auto;
    right: 10px;
    top: calc(100% + 8px);
    background: #fff;
    border: 1px solid #e7e8eb;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    z-index: 10;
    max-height: 260px;
    overflow: auto;
    display: block
}

.price-card__option {
    padding: 10px 16px;
    cursor: pointer;
    color: #414141;
    text-align: center
}

.price-card__option:hover {
    background: #f1f3f5
}

.price .btn.btn--outline {
    border: 1px solid var(--Blue-Main, #327aff);
    color: var(--Blue-Main, #327aff);
    background: 0 0
}

.price .btn.btn--outline:hover {
    background: var(--Blue-Main, #327aff);
    color: #fff;
    border-color: var(--Blue-Main, #327aff)
}

.price-card--custom {
    padding: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.price-card--custom .enterprise {
    padding: 32px;
    background: rgba(50, 122, 255, .09);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center
}

.price-card--payg {
    border: 1px solid #242424;
    background: #fff;
    padding: 50px 38px 15px;
    gap: 19px;
    height: auto
}

.price-card--payg .price-card__ips {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 4px
}

.price-card--payg .price-card__period,
.reviews__note a {
    color: #616161
}

.price-card--payg .price-card__meta {
    color: #616161;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500
}

.price-card--payg .price-card__value {
    color: #242424;
    font-size: 18px;
    font-weight: 800
}

.price .btn.btn--outline-dark {
    border: 1px solid #242424;
    color: #242424;
    background: 0 0
}

.price .btn.btn--outline-dark:hover {
    background: #242424;
    color: #fff;
    border-color: #242424
}

.price-features__panel {
    background: #f1f3f5;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 41px 80px
}

.price-features__cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.price-features__subtitle {
    color: var(--Primary-Text, #414141);
    font-weight: 800;
    font-size: 22px;
    line-height: 18px;
    margin-bottom: 32px
}

.price-features__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.price-features__item {
    position: relative;
    padding-left: 22px;
    margin-bottom: 16px;
    color: #616161;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.price-features__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 12px;
    height: 12px;
    background: url(../img/check.svg) no-repeat center/contain
}

@media (max-width:960px) {
    .price-features__panel {
        padding: 24px
    }

    .price-features__cols {
        grid-template-columns: 1fr
    }

    .custom-control-group {
        margin: 0 auto;
        gap: 30px
    }
}

.reviews {
    padding: 40px 0;
    background: #f0f1f6
}

.reviews__container {
    position: relative
}

.reviews__grid {
    display: grid;
    grid-template-columns: 162px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 76px
}

.reviews__aside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.reviews__badge,
.reviews__note {
    font-weight: 500;
    line-height: 28px
}

.reviews__badge {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 16px;
    margin-bottom: 8px;
    color: #327aff;
    font-size: 20px
}

.reviews__note {
    color: #616161;
    font-size: 16px
}

.reviews__cards {
    max-width: 1113px
}

.reviews-card {
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 280px;
    gap: 16px
}

.reviews-card__title {
    color: #414141;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    max-width: 320px
}

.reviews-card__meta,
.reviews-card__text {
    color: #414141;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px
}

.reviews-card__meta {
    color: #616161;
    font-size: 14px;
    margin-top: auto
}

.reviews-card__rate,
.reviews__rate,
.reviews__rate-square {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.reviews-card__rate,
.reviews__rate {
    gap: 1.4px
}

.reviews__trust .reviews__rate {
    gap: 6px
}

.reviews__rate-square {
    width: 19px;
    height: 19px;
    background: #00b67a;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews__rate-square--empty {
    background: #e7e8eb
}

.reviews__rate-square--half {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00b67a), color-stop(50%, #e7e8eb));
    background: -webkit-linear-gradient(left, #00b67a 50%, #e7e8eb 50%);
    background: -o-linear-gradient(left, #00b67a 50%, #e7e8eb 50%);
    background: linear-gradient(90deg, #00b67a 50%, #e7e8eb 50%)
}

.reviews__rate-star {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #fff;
    mask: url(../img/star.svg) no-repeat center/13px 13px;
    -webkit-mask: url(../img/star.svg) no-repeat center/13px 13px
}

.reviews__slider-wrap {
    min-width: 0;
    padding-left: 72px;
    padding-right: 72px;
    position: relative
}

.reviews .swiper-button-next,
.reviews .swiper-button-prev {
    width: 32px;
    height: 32px;
    background: url(../img/circle-arrow-right.svg) no-repeat center/100%;
    -webkit-background-size: auto auto;
    background-size: auto
}

.reviews .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:1025px) {
    .reviews {
        overflow: hidden;
        padding: 32px 0
    }

    .reviews__grid {
        display: block;
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center
    }

    .reviews__aside {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }

    .reviews__slider-wrap {
        padding-left: 16px;
        padding-right: 16px;
        margin: 0 -16px
    }

    .reviews-card {
        height: auto;
        min-height: 280px
    }

    .reviews-card__title {
        max-width: 100%
    }
}

.payment {
    margin-bottom: 120px
}

.payment__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payment__title {
    margin-bottom: 0;
    margin-right: 64px
}

.payment__list {
    width: 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:960px) {
    .payment {
        margin-bottom: 60px
    }

    .payment__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .payment__title {
        margin-right: 0;
        margin-bottom: 30px;
        max-width: 80%;
        line-height: 110%
    }

    .payment__list {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px
    }
}

.payment-note {
    margin-bottom: 40px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
    line-height: 150%
}

.footer__payment {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.footer__payment .payment-note {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .6)
}

.features {
    padding-top: 120px;
    margin-bottom: 120px
}

.features__title {
    margin-bottom: 56px
}

.features__list {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: var(--Background-Cards, #f1f3f5);
    padding: 41px 77px !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 160px;
    column-gap: 160px;
    row-gap: 16px
}

.features__item {
    position: relative;
    color: var(--Primary-Text, #414141);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    padding-left: 24px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.features__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 30%;
    width: 18px;
    height: 18px;
    background: url(../img/check.svg) no-repeat center center;
    -webkit-background-size: 18px 18px;
    background-size: 18px
}

@media (max-width:1200px) {
    .features__list {
        -webkit-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:640px) {
    .features {
        padding-top: 80px;
        margin-bottom: 80px
    }

    .features__title {
        margin-bottom: 32px
    }

    .features__list {
        padding: 24px !important;
        grid-template-columns: 1fr;
        row-gap: 16px
    }
}

.popup {
    position: fixed;
    inset: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3000
}

.popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.popup__dialog {
    position: relative;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 565px;
    max-width: calc(100% - 48px);
    padding: 60px 54px;
    -webkit-box-shadow: 0 24px 48px rgba(50, 122, 255, .15);
    box-shadow: 0 24px 48px rgba(50, 122, 255, .15)
}

.popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e7e8eb;
    background: #fff;
    cursor: pointer
}

.popup__close:before {
    content: '✕';
    display: block;
    text-align: center;
    line-height: 30px;
    color: #616161
}

.popup__title {
    color: #414141;
    display: block;
    margin: 0 auto 16px;
    font-size: 22px;
    text-align: center;
    font-weight: 800;
    line-height: 22px
}

.popup__subtitle {
    color: #616161;
    text-align: center;
    margin-bottom: 56px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.popup__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
}

.popup__label {
    color: #414141;
    font-weight: 600;
    margin-bottom: 8px
}

.popup__input,
.popup__textarea {
    width: 100%;
    border: 1px solid #e7e8eb;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 14px;
    outline: 0;
    margin-bottom: 32px
}

.popup__textarea {
    min-height: 140px
}

.popup__submit {
    margin-bottom: 15px
}

.form-note,
.popup__note {
    font-size: 14px;
    text-align: center
}

.popup__note {
    color: #616161;
    font-weight: 400;
    max-width: 380px;
    margin: 0 auto;
    line-height: 18px
}

.form-note {
    margin-top: 8px;
    line-height: 21px
}

.form-note--success {
    color: #2e7d32
}

.form-note--error {
    color: #c62828
}

button[disabled] {
    opacity: .6;
    pointer-events: none
}

@media (max-width:960px) {
    .popup__dialog {
        padding: 60px 24px 24px
    }
}

.trusted {
    margin-bottom: 120px
}

.trusted__heading {
    text-align: center;
    margin-bottom: 64px
}

.trusted__subtitle {
    color: #616161;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    opacity: .9
}

.trusted__logo,
.trusted__logos {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.trusted__logos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    opacity: .6
}

.trusted__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px
}

.trusted__logo img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:960px) {
    .trusted {
        margin-bottom: 60px
    }

    .trusted__heading {
        margin-bottom: 20px
    }

    .trusted__logos {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px
    }

    .trusted__logos>.trusted__logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 120px;
        scroll-snap-align: center
    }
}

.big-cta {
    margin: 0 auto 120px
}

.big-cta__box,
.big-cta__box::after {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.big-cta__box {
    background: #fff;
    padding: 40px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative
}

.big-cta__box::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 5px solid #327aff;
    pointer-events: none
}

.big-cta__title {
    color: #414141;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 8px
}

.big-cta__subtitle {
    color: #414141;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 42px
}

.big-cta__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

.big-cta__btn-primary {
    height: 52px;
    padding: 10px 70px;
    background: #327aff;
    color: #fff;
    border: 1px solid transparent
}

.big-cta__btn-primary:hover {
    background: 0 0;
    color: #327aff;
    border: 1px solid #327aff
}

.big-cta__btn-google {
    height: 52px;
    padding: 10px 48px
}

.big-cta__note {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #616161;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px
}

.big-cta__note-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/card.svg) no-repeat center/contain
}

.big-cta__divider {
    width: 100%;
    max-width: 1200px;
    height: 1px;
    margin: 24px 0;
    background: #d5e4ff
}

.big-cta__stat,
.big-cta__stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.big-cta__stats {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 1200px;
    -webkit-column-gap: 24px;
    column-gap: 24px;
    justify-items: center
}

.big-cta__stat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.big-cta__stat-value {
    color: #327aff;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 1px
}

.big-cta__stat-label {
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

@media (max-width:992px) {
    .big-cta {
        margin-bottom: 60px;
        margin-top: 0;
        padding-top: 30px
    }

    .big-cta__stat,
    .big-cta__stats {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .big-cta__stats {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .big-cta__stat {
        width: 100%;
        text-align: center
    }

    .big-cta__actions {
        width: 100%
    }

    .big-cta__note {
        margin-bottom: 0
    }
}

@media (max-width:640px) {
    .big-cta {
        padding: 32px 0
    }

    .big-cta__box {
        padding: 32px 16px
    }

    .big-cta__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cases-table {
    margin-bottom: 120px
}

.cases-table__heading {
    margin-bottom: 64px
}

.cases-table__subtitle {
    color: #616161;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.cases-table__table {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 12px solid var(--Background-Cards, #f1f3f5);
    background: var(--Primary-White, #fff);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cases-table__row--border {
    border-right: 1px solid #ededed
}

.cases-table__center {
    padding: 28px 6px 6px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: var(--Primary-White, #fff);
    -webkit-box-shadow: 0 23px 44px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 23px 44px 0 rgba(0, 0, 0, .06);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cases-table__left {
    padding-top: 28px;
    width: 100%;
    min-width: 0
}

.cases-table__right {
    padding: 28px 6px 6px;
    background: var(--Primary-White, #fff);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cases-table__header {
    padding-bottom: 20px;
    padding-left: 26px
}

.cases-table__header-title {
    color: #414141;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px
}

.cases-table__item-stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cases-table__icon,
.cases-table__icon--gray {
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.cases-table__icon {
    width: 20px;
    height: 20px;
    background: url(../img/star-2.svg) no-repeat center center
}

.cases-table__icon--gray {
    background: url(../img/star-gray.svg) no-repeat center center
}

.cases-table__icon--full {
    background: url(../img/star-blue.svg) no-repeat center center
}

.cases-table__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 79px;
    gap: 28px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 34px;
    padding-left: 26px
}

.cases-table__item:nth-child(odd) {
    background: #f5f6f9
}

.cases-table__item span {
    color: var(--Primary-Text, #414141);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: block
}

.cases-table__item p,
.cases-table__item-text {
    color: var(--Secondary-Text, #616161);
    text-align: justify;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.cases-table__item-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0
}

.cases-table__item-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 152px;
    -ms-flex: 0 0 152px;
    flex: 0 0 152px;
    width: 152px
}

@media (max-width:960px) {
    .cases-table {
        overflow: visible;
        margin-bottom: 0
    }

    .cases-table__table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .cases-table__center,
    .cases-table__left,
    .cases-table__right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .cases-table__left {
        min-width: 650px
    }

    .cases-table__center {
        min-width: 170px
    }

    .cases-table__right {
        min-width: 520px;
        max-width: 520px
    }
}

.proxy-services {
    margin-bottom: 120px
}

.proxy-services__heading {
    margin-bottom: 48px
}

.proxy-services__subtitle {
    color: #616161;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.proxy-services__item,
.proxy-services__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.proxy-services__list {
    gap: 35px;
    margin-bottom: 48px
}

.proxy-services__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #f1f3f5;
    padding: 24px 54px;
    width: 50%
}

.proxy-services__item--full {
    width: 100%;
    padding: 41px 54px
}

.proxy-services__item--full .proxy-services__item-image {
    max-width: 100%;
}

.proxy-services__item-content {
    max-width: 345px
}

.proxy-services__item-text,
.proxy-services__item-title {
    display: inline-block;
    color: #414141;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 10px
}

.proxy-services__item-text {
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 24px
}

.proxy-services__item-image {
    max-width: 188px
}

/* Give the card icon a fixed share of the card so all icons stay the same size
   regardless of the heading/description length (the longest one was otherwise
   squeezed). Cards only — the full-width Unlimited block keeps its own image. */
.proxy-services__list .proxy-services__item-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

.proxy-services__item-sub-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    color: #414141;
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    position: relative
}

.proxy-services__item-sub-title:after,
.proxy-services__item-sub-title:before {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 43px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.proxy-services__item-sub-title:before {
    background-image: url(../img/left-title.svg);
    background-position: right center
}

.proxy-services__item-sub-title:after {
    background-image: url(../img/right-title.svg);
    background-position: left center
}

@media (min-width:1200px) {

    .proxy-services__item-sub-title:after,
    .proxy-services__item-sub-title:before {
        max-width: 400px
    }
}

@media (max-width:768px) {
    .proxy-services__item-sub-title {
        gap: 8px
    }

    .proxy-services__item-sub-title:after,
    .proxy-services__item-sub-title:before {
        height: 24px
    }
}

.proxy-services__item-list {
    margin-top: 22px !important
}

.proxy-services__item-list li {
    color: #414141;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 16px;
    padding-left: 24px;
    background: url(../img/check.svg) no-repeat left center;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.proxy-services__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.proxy-services__info-price {
    color: #616161;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.proxy-services__info-price b {
    color: #414141;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%
}

.proxy-services__btn {
    padding: 3px 32px;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.proxy-services__btn,
.proxy-services__tariff-item,
.proxy-services__tariff-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.proxy-services__tariff-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #ddd;
    padding-left: 48px;
    padding-right: 48px
}

.proxy-services__tariff-item-title {
    color: #327aff;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 8px
}

.proxy-services__tariff-item-day,
.proxy-services__tariff-item-price {
    color: #616161;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 40px
}

.proxy-services__tariff-item-day {
    font-style: normal
}

.proxy-services__tariff-item-price {
    text-align: center
}

.proxy-services__tariff-item-price b {
    color: #414141;
    font-size: 22px;
    line-height: 120%;
    font-weight: 900
}

.proxy-services__tariff-item-btn {
    display: inline-block;
    margin-bottom: 24px;
    padding: 5px 32px
}

/* Price = prefix "from" + the amount/unit; the amount/unit never splits. When any
   price in the block can't sit on one line, a script adds .is-from-stacked and the
   prefix drops to its own line across all prices (keeps them uniform and the
   Unlimited "Buy Now" buttons lined up). The buttons themselves never wrap. */
.proxy-services__price-value {
    white-space: nowrap
}

.proxy-services.is-from-stacked .proxy-services__price-from {
    display: block
}

.proxy-services__btn,
.proxy-services__tariff-item-btn {
    white-space: nowrap;
    -webkit-box-flex: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:960px) {
    .proxy-services__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 60px
    }

    .proxy-services__item {
        width: 100%
    }

    .proxy-services__info,
    .proxy-services__item,
    .proxy-services__tariff-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .proxy-services__item-sub-title:after,
    .proxy-services__item-sub-title:before {
        display: none
    }
}

.dashboard {
    padding-bottom: 120px
}

.dashboard__heading {
    margin-bottom: 60px
}

.dashboard__subtitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    color: #616161;
    text-align: center
}

.dashboard__panel {
    position: relative
}

.dashboard__panel:after {
    top: 100%;
    right: -10%;
    background: -webkit-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%)
}



.dashboard__panel:after,
.dashboard__panel:before {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    z-index: -1
}

.dashboard__panel:before {
    left: 20%;
    background: -webkit-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    top: 0
}

.dashboard__tabs {

    margin: 0 auto 30px;

}

.dashboard__tab,
.news-cards__tag a {
    color: #616161;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 8px 12px;
    text-decoration: none
}

.dashboard__tab--active {
    color: #327aff
}

.dashboard__img {
    max-width: 1080px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

@media (max-width:960px) {
    .dashboard {
        padding-bottom: 0;
        margin-bottom: 60px
    }

    .dashboard__title {
        max-width: 80%;
        margin: 0 auto 10px
    }

    .dashboard__heading {
        max-width: 320px;
        margin: 0 auto 30px
    }

    .dashboard__tabs {
        padding-left: 20px;
        padding-right: 20px
    }

    .dashboard__tab {
        padding: 8px
    }
}

.main-hero {
    padding-top: 96px;
    padding-bottom: 120px
}

.main-hero__trust {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.main-hero__trust--bg {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #f0f1f6;
    padding: 22px 64px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.main-hero__trust-item {
    display: block
}

.main-hero__trust-item--traspilot {
    width: 147px;
    background: url(../img/trustpilot-logo-h.svg) no-repeat center center
}

.main-hero__trust-item--capterra,
.main-hero__trust-item--g2,
.main-hero__trust-item--traspilot {
    height: 17px;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.main-hero__trust-item--capterra {
    background: url(../img/capterra-logo-h.svg) no-repeat center center;
    width: 140px
}

.main-hero__trust-item--g2 {
    width: 92px;
    background: url(../img/g2-logo-h.svg) no-repeat center center
}

.main-hero__subtitle,
.main-hero__title {
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    color: #414141;
    text-align: center;
    max-width: 964px;
    margin: 0 auto 24px
}

.main-hero__subtitle {
    max-width: 780px;
    margin: 0 auto 56px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.main-hero__actions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px
}

.main-hero__features {
    margin-bottom: 120px
}

.main-hero__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 72px;
    max-width: 470px
}

.main-hero__info-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #414141;
    padding-left: 28px;
    -webkit-background-size: 20px 20px;
    background-size: 20px
}

.main-hero__info-btn--benefit {
    background: url(../img/card-red.svg) no-repeat left center
}

.main-hero__info-btn--cashback {
    background: url(../img/money-back.svg) no-repeat left center
}

@media (max-width:960px) {
    .main-hero {
        padding-top: 0;
        padding-bottom: 60px
    }

    .main-hero__title {
        font-size: 40px;
        line-height: 110%
    }

    .main-hero__subtitle {
        color: var(--Secondary-Text, #616161);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 24px
    }

    .main-hero__actions-group,
    .main-hero__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-hero__info {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        margin-bottom: 40px
    }

    .main-hero__trust {
        padding: 32px;
        width: 100%;
        gap: 10px;
        margin-bottom: 0
    }

    .main-hero__trust-item {
        width: 33.3%;
        height: 20px;
        -webkit-background-size: contain;
        background-size: contain
    }

    .main-hero__features {
        margin-bottom: 40px
    }
}

.customers {
    margin-bottom: 120px
}

.customers__heading {
    text-align: center;
    margin-bottom: 64px
}

.customers__subtitle {
    color: #616161;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.customers__slider-wrap {
    padding-left: 72px;
    padding-right: 72px;
    position: relative
}



.customers__list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.customers__list:after,
.customers__list:before {
    top: 100%
}

.customers__list:after {
    background: -webkit-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    left: 75%
}

.customers__list:before {
    left: 25%;
    background: -webkit-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%)
}

.customers .swiper-slide {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.customers__item {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: var(--Primary-White, #fff);
    padding: 40px;
    width: 100%;
    height: 100%;
    min-height: 280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.customers__stars {
    margin-top: 16px;
    margin-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customers__star,
.customers__star--empty {
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    display: block
}

.customers__star {
    width: 24px;
    height: 24px;
    background: url(../img/star-gold.svg) no-repeat center center
}

.customers__star--empty {
    background: url(../img/star-empty.svg) no-repeat center center
}

.customers__name,
.customers__text {
    color: #414141;
    font-size: 16px;
    font-style: normal
}

.customers__text {
    letter-spacing: 1px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ddd;
    font-weight: 300;
    line-height: 24px
}

.customers__name {
    display: block;
    font-weight: 800;
    line-height: 18px;
    text-align: center
}

.customers__link,
.customers__position {
    display: block;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.customers__position {
    text-align: center;
    margin-bottom: 32px;
    color: #a1a1a1;
    font-size: 14px
}

.customers__link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    color: var(--Blue-Main, #327aff);
    font-size: 16px;
    margin: 0 auto 16px
}

.customers .swiper-button-next,
.customers .swiper-button-prev {
    width: 32px;
    height: 32px;
    background-color: #A1A1A1;
    mask: url(../img/arrows/circle-arrow-right-hover.svg) no-repeat center/contain;
    -webkit-mask: url(../img/arrows/circle-arrow-right-hover.svg) no-repeat center/contain;
    transition: background-color 0.2s ease
}

.customers .swiper-button-next:hover,
.customers .swiper-button-prev:hover {
    background-color: #1E6DFF
}

.customers .swiper-button-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:960px) {
    .customers {
        overflow: hidden;
        margin-bottom: 60px
    }

    .customers__slider-wrap {
        padding-left: 16px;
        padding-right: 16px;
        margin: 0 -16px
    }

    .customers__item {
        width: 100%;
        min-width: 0
    }

    .customers__list:after,
    .customers__list:before {
        display: none
    }

    .customers__heading {
        margin-bottom: 40px
    }
}

.news-cards {
    margin-bottom: 120px
}

.news-cards__title {
    margin-bottom: 24px
}

.news-cards__list,
.news-cards__tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.news-cards__tags {
    margin-bottom: 64px !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.news-cards__tag a {
    display: inline-block;
    height: 32px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: #ffe8ed;
    color: #f45279;
    line-height: 28px;
    padding: 0 10px
}

.news-cards__list {
    gap: 24px;
    margin-bottom: 64px;
    position: relative
}

.news-cards__list:after,
.news-cards__list:before {
    content: "";
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    z-index: -1
}

.news-cards__list:after {
    background: -webkit-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    left: 75%
}

.news-cards__list:before {
    left: 25%;
    background: -webkit-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%)
}

.news-cards__item {
    width: 25%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff
}

.news-cards__img {
    width: 100%;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 24px
}

.news-cards__subtitle-text,
.news-cards__title-link {
    font-style: normal;
    padding-left: 24px;
    padding-right: 24px
}

.news-cards__title-link {
    color: var(--Character-Light-Primary, #414141);
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px
}

.news-cards__subtitle-text {
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 40px
}

.news-cards__btn {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media (max-width:960px) {
    .news-cards {
        margin-bottom: 0;
        overflow: hidden
    }

    .news-cards__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding: 0 16px;
        margin-bottom: 30px
    }

    .news-cards__list:after,
    .news-cards__list:before {
        display: none
    }

    .news-cards__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 85%;
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        scroll-snap-align: start
    }

    .news-cards__btn {
        margin-bottom: 60px
    }
}

.news-cards__image {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 24px;
}

.news-cards__img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin-bottom: 0;
}

.blog {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.blog__wrapper {
    background: #f1f3f5;
    max-width: 1094px;
    width: 100%;
    margin-bottom: 64px;
    padding-bottom: 16px;
    -webkit-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px
}

.blog__container {
    margin-bottom: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 46px
}

.blog__img {
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    margin-bottom: 34px;
    width: 100%;
    object-fit: cover;
}

.blog__content {
    padding: 0 40px
}

.blog__title {
    display: inline-block;
    color: #414141;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 24px;
    text-decoration: none
}

.blog__subtitle {
    color: #616161;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px
}

.blog__author,
.blog__info,
.blog__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.blog__info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #dbdce5
}

.blog__author,
.blog__meta {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog__author {
    color: #414141;
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    text-decoration: none;
    padding-right: 22px;
    background: url(../img/dot.svg) no-repeat right center;
    -webkit-background-size: 6px 6px;
    background-size: 6px;
    margin-right: 16px
}

.blog__time {
    color: #616161;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.blog__tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.blog__tag {
    display: inline-block;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: #ffe8ed;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 2px 16px
}

.blog__tag,
.blog__tag a {
    text-decoration: none;
    color: #f45279
}

.blog__editors {
    padding-left: 40px;
    padding-right: 40px
}

.blog__editors-title {
    color: #414141;
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 32px
}

.blog-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff
}

.blog-card__img {
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    object-fit: cover;
}

.blog-card__content {
    padding-right: 24px
}

.blog-card__content .blog__author {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.blog-card__content .blog__info {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.blog-card__text {
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.blog-card__title-link {
    display: inline-block;
    color: #414141;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
    text-decoration: none
}

.blog__bottom-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog__sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 356px;
    -ms-flex: 0 0 356px;
	flex: 0 0 356px;
	position: -webkit-sticky;
	position: sticky;
	top: 24px;
	align-self: flex-start;
	max-height: calc(100vh - 24px);
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.blog__sidebar::-webkit-scrollbar {
	width: 0;
	height: 0
}

.blog__sidebar-item {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 40px;
    margin-bottom: 40px
}

.blog__sidebar-item--blue {
    border: 3px solid #327aff
}

.blog__sidebar-title {
    color: #414141;
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 32px
}

.blog__sidebar-category-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.blog__sidebar-category-link {
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: #f0f1f6;
    text-decoration: none;
    color: #616161;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 2px 16px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.blog__sidebar-category-search {
    padding-bottom: 32px;
    border-bottom: 1px solid #dbdce5;
    margin-bottom: 32px
}

.blog__sidebar-category-search-input {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #e8e8e8;
    background: #fff;
    height: 48px;
    padding: 0 16px;
    color: #616161;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    outline: 0;
    width: 100%;
    position: relative
}

.blog__sidebar-category-search-input:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 16px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/blog-search.svg) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.post__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.post__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.post__category {
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: #ffe8ed;
    color: #f45279;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 2px 16px;
    margin-right: 16px
}

.post__data {
    color: #616161;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    padding-left: 22px;
    background: url(../img/dot.svg) no-repeat left center;
    -webkit-background-size: 6px 6px;
    background-size: 6px
}

.post__content,
.post__intro {
    margin-bottom: 80px
}

.post__author-title,
.post__content h1,
.post__related-title {
    color: #414141;
    font-size: 48px;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 24px
}

.post__content p {
    color: #616161;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 36px
}

.post__author-title,
.post__related-title {
    font-size: 30px;
    font-weight: 800
}

.post__author-card {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 24px;
    gap: 24px
}

.post__author-card-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 117px;
    -ms-flex: 0 0 117px;
    flex: 0 0 117px
}

.post__author-card-image img {
    width: 117px;
    height: 117px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.post__author-card-content,
.post__author-card-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.post__author-card-info {
    margin-bottom: 10px
}

.post__author-card-name {
    color: #414141;
    font-size: 22px;
    font-weight: 800;
    line-height: 18px
}

.post__author-card-role {
    color: #616161;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.post__author-card-text {
    color: #616161;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px
}

.post__author-card-bottom-info,
.post__author-card-bottom-info a {
    color: #616161;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.post__author-card-bottom-info a {
    color: #327aff
}

.post__related-item,
.post__related-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.post__related-item {
    width: 50%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    gap: 24px
}

.post__related-item-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 187px;
    -ms-flex: 0 0 187px;
    flex: 0 0 187px
}

.post__related-item-img {
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    width: 187px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.post__related-item-content {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.post__related-item-title {
    color: #414141;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    margin-bottom: 10px
}

.post__related-item-date {
    color: #616161;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.blog__sidebar-item--blue {
    text-align: center;
    padding-left: 32px;
    padding-right: 32px
}

.blog__sidebar-item-title {
    position: relative;
    color: #414141;
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 16px;
    padding-top: 120px
}

.blog__sidebar-item-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 96px;
    height: 96px;
    background: url(../img/map-location.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain
}

.blog__sidebar-item-subtitle {
    color: #414141;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 32px
}

.blog__sidebar-item-author-img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog__sidebar-item-author-info,
.blog__sidebar-item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.blog__sidebar-item-header {
    gap: 16px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e8e9ee;
    margin-bottom: 32px
}

.blog__sidebar-item-author-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog__sidebar-item-author-name {
    color: var(--Primary-Text, #414141);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px
}

.blog__sidebar-item-author-role {
    color: #616161;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.blog__sidebar-item-nav-title {
    color: #414141;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 32px
}

.blog__sidebar-item-nav-link,
.blog__sidebar-item-nav-sublink {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: inline-block
}

.blog__sidebar-item-nav-link {
    color: var(--Icons-Light-Primary, #424242);
    font-size: 16px;
    margin-bottom: 24px
}

.blog__sidebar-item-nav-sublink {
    color: #616161;
    font-size: 14px;
    margin-bottom: 8px
}

.blog__sidebar-item-nav-submenu {
    margin-bottom: 24px !important;
    padding-left: 24px !important
}

@media (max-width:960px) {
    .blog__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 80px
    }

    .blog__wrapper {
        margin-bottom: 32px
    }

    .blog__content {
        padding: 0 20px
    }

    .blog__title {
        font-size: 32px;
        line-height: 120%
    }

    .blog__subtitle,
    .post__content p {
        font-size: 16px;
        line-height: 26px
    }

    .blog__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }

    .blog__sidebar {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
		flex: 1 1 auto;
		position: static;
		top: auto;
		max-height: none;
		overflow: visible
    }

    .blog__editors {
        padding-left: 20px;
        padding-right: 20px
    }

    .blog-card {
        gap: 16px
    }

    .blog-card__img {
        width: 160px;
        height: auto
    }

    .blog-card__title-link {
        font-size: 18px
    }

    .blog-card__text {
        font-size: 14px;
        line-height: 22px
    }

    .blog__bottom-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px
    }

    .post__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .post__content h1 {
        font-size: 32px
    }

    .post__content p {
        text-align: justify
    }

    .post__author-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .post__related-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .post__related-item {
        width: 100%
    }

    .post__related-item-image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 140px;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px
    }

    .post__related-item-img {
        width: 140px
    }
}

@media (max-width:600px) {

    .blog__title,
    .post__content h1 {
        font-size: 26px
    }

    .blog__subtitle {
        font-size: 15px;
        line-height: 24px
    }

    .blog__meta .blog__author {
        font-size: 18px;
        -webkit-background-size: 5px 5px;
        background-size: 5px
    }

    .blog__time {
        font-size: 14px
    }

    .blog-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .blog-card__img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }

    .blog-card__content {
        padding: 0 16px 16px
    }

    .blog__bottom-btn {
        padding: 0 16px
    }

    .blog__tags {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .post__author-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .post__author-card-image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .post__author-card-image img {
        width: 88px;
        height: 88px
    }

    .post__related-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .post__related-item-image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px
    }

    .post__related-item-img {
        width: 120px
    }
}

.proxy-services-block {
    background: #fff;
    padding-bottom: 77px;
    padding-top: 77px
}

.proxy-services-block__title {
    margin-bottom: 10px
}

.proxy-services-block__subtitle {
    color: var(--Secondary-Text, #616161);
    text-align: center;
    -webkit-font-feature-settings: 'liga' off, 'clig' off;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 48px
}

.proxy-services-block__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 35px
}

.proxy-services-block__item {
    -webkit-flex: 0 1 calc(25% - 27px);
    -ms-flex: 0 1 calc(25% - 27px);
    flex: 0 1 calc(25% - 27px);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: var(--Background-Cards, #f1f3f5);
    padding: 32px
}

.proxy-services-block__item-title {
    color: var(--Primary-Text, #414141);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 10px
}

.proxy-services-block__item-text {
    color: var(--Secondary-Text, #616161);
    -webkit-font-feature-settings: 'liga' off, 'clig' off;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.proxy-services-block__item-wrapper {
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.proxy-services-block__item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.proxy-services-block__item-info,
.proxy-services-block__item-info-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.proxy-services-block__item-info {
    gap: 48px
}

.proxy-services-block__item-info-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.proxy-services-block__item-ips {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

.proxy-services-block__item-ips-value {
    color: var(--Blue-Main, #327aff);
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px
}

/* Proxy-type cards: 4 across only on wide screens; 2x2 on common desktops. */
@media (max-width:1600px) {
    .proxy-services-block__item {
        -webkit-flex-basis: calc(50% - 18px);
        -ms-flex-preferred-size: calc(50% - 18px);
        flex-basis: calc(50% - 18px)
    }
}

@media (max-width:960px) {
    .proxy-services {
        margin-bottom: 60px
    }

    .proxy-services__heading {
        max-width: 320px;
        margin: 0 auto 30px
    }

    .proxy-services__item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 28px
    }

    .proxy-services__item-sub-title {
        margin-bottom: 20px
    }

    .proxy-services__item-content {
        width: 100%
    }

    .proxy-services__list .proxy-services__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 40px
    }

    .proxy-services__list .proxy-services__item-content {
        width: auto
    }

    .proxy-services__list .proxy-services__item-image {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 160px;
        max-width: 160px
    }

    .proxy-services__list .proxy-services__img,
    .proxy-services__item--full .proxy-services__img {
        width: 100%;
        height: auto;
        display: block
    }

    .proxy-services__item--full .proxy-services__item-image {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 160px;
        max-width: 160px;
        margin: 0
    }

    .proxy-services__tariff-list {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 24px;
        padding-top: 32px;
        border-top: 1px solid #ddd
    }

    .proxy-services__tariff-item {
        border-left: none;
        padding-left: 0;
        padding-right: 0;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 16px;
        column-gap: 16px;
        row-gap: 8px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 12px;
        padding-bottom: 20px
    }

    .proxy-services__tariff-item-title {
        margin: 0;
        grid-column: 1;
        grid-row: 1;
        text-align: center
    }

    .proxy-services__tariff-item-day {
        margin: 0;
        grid-column: 2;
        grid-row: 1
    }

    .proxy-services__tariff-item-price {
        margin: 0;
        grid-column: 1;
        grid-row: 2;
        text-align: center
    }

    .proxy-services__tariff-item-btn {
        grid-column: 2;
        grid-row: 2;
        justify-self: end
    }

    .proxy-services__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .proxy-services__item--full {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .proxy-services__info {
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .proxy-services__item-list {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important
    }

    .proxy-services__tariff-item-btn {
        margin-bottom: 0
    }

    .proxy-services__tariff-item-day {
        text-align: center
    }

    .proxy-services-block__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .proxy-services-block__item {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .proxy-services-block__item-info {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        text-align: center
    }

    .proxy-services-block__item-content {
        width: 100%
    }

    .proxy-services-block__item {
        position: relative
    }

    .proxy-services-block__item-image {
        position: absolute;
        top: 0;
        right: 10px;
        width: 120px;
        height: 120px
    }

    .proxy-services-block__item-text {
        width: 70%
    }
}

.steps {
    background: #fff;
    padding-top: 75px;
    padding-bottom: 75px
}

.steps__title {
    margin-bottom: 64px
}

.steps__item,
.steps__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.steps__list {
    margin-bottom: 40px
}

.steps__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    padding: 32px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #f9fafb;
    position: relative
}

.steps__item:before {
    content: '';
    display: block;
    position: absolute;
    right: -28px;
    top: 38%;
    width: 32px;
    height: 32px;
    background: url(../img/steps/steps-arrow.svg) no-repeat center center;
    z-index: 99
}

.steps__item:last-child:before {
    display: none
}

.steps__item-title {
    color: var(--Primary-Text, #414141);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px
}

.steps__item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.steps__item-text {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.steps__item-icon {
    width: 88px;
    height: 122px;
    color: var(--Cyan, #3ad6c2);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 18px;
    padding-top: 70px;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: 58px 58px;
    background-size: 58px;
    text-align: center;
    text-transform: capitalize
}

.steps__item-icon--1 {
    background-image: url(../img/steps/1.svg)
}

.steps__item-icon--2 {
    background-image: url(../img/steps/2.svg)
}

.steps__item-icon--3 {
    background-image: url(../img/steps/3.svg)
}

.steps__btn {
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center
}

@media (max-width:960px) {
    .steps__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .steps__item {
        width: 100%;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .steps__item:before {
        display: none
    }

    .steps__title {
        width: 80%;
        margin: 0 auto 30px
    }
}

.steps-2 {
    background: #fff;
    padding-top: 75px;
    padding-bottom: 75px
}

.steps-2__title {
    margin-bottom: 64px
}

.steps-2__item,
.steps-2__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.steps-2__item {
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 33.33%;
    padding: 32px
}

.steps-2__item-title {
    color: var(--Primary-Text, #414141);
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 16px
}

.steps-2__item-text {
    color: var(--Secondary-Text, #616161);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px
}

.steps-2__item-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 88px;
    -ms-flex: 0 0 88px;
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain
}

.steps-2__item-icon--1 {
    background-image: url(../img/steps/4.svg)
}

.steps-2__item-icon--2 {
    background-image: url(../img/steps/5.svg)
}

.steps-2__item-icon--3 {
    background-image: url(../img/steps/6.svg)
}

@media (max-width:960px) {
    .steps-2__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .steps-2__item {
        width: 100%;
        padding: 24px
    }

    .steps-2__item-title {
        font-size: 18px;
        line-height: 26px
    }
}

.city-list {
    padding-top: 120px;
    position: relative
}

.city-list:after {
    top: 50%;
    left: 20%;
    background: -webkit-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%)
}

.city-list:after,
.city-list:before,
.proxy-about__list:after,
.proxy-about__list:before {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    z-index: -1
}

.city-list:before {
    right: 0;
    background: -webkit-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    top: 50%
}

.city-list__item,
.city-list__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.city-list__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1000px;
    margin: 16px auto 64px;
    gap: 8px
}

.city-list__item {
    width: 160px;
    padding: 16px 32px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid var(--Background-Secondary, #f0f1f6);
    background: var(--Primary-White, #fff);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.city-list__item--small {
    width: 193px
}

.city-list__item--long {
    width: 328px
}

.city-list__item-title,
.city-list__item-title--small {
    color: #414141;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.city-list__item-title--small {
    font-weight: 800;
    line-height: 18px;
    text-align: center
}

.city-list__item-title--long {
    color: var(--Blue-Main, #327aff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center
}

.city-list__item-text {
    color: var(--Blue-Main, #327aff);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media (max-width:960px) {
    .city-list__item--small {
        width: 185px
    }
}

.proxy-about {
    padding-bottom: 120px
}

.proxy-about__title {
    margin-bottom: 64px
}

.proxy-about__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    position: relative
}

.proxy-about__list:after,
.proxy-about__list:before {
    top: 100%
}

.proxy-about__list:after {
    background: -webkit-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    background: radial-gradient(circle, rgba(0, 68, 255, .1), transparent 70%);
    left: 75%
}

.proxy-about__list:before {
    left: 25%;
    background: -webkit-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: -o-radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%);
    background: radial-gradient(circle, rgba(58, 214, 194, .1), transparent 70%)
}

.proxy-about__item {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    width: calc(25% - 18px);
    padding: 32px 19px 32px 32px
}

.proxy-about__item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    color: var(--Primary-Text, #414141);
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    padding-left: 56px;
    background: url(../img/proxy-about/1.svg) no-repeat left center;
    -webkit-background-size: 48px 48px;
    background-size: 48px;
    margin-bottom: 32px
}

.proxy-about__item-title--1 {
    background-image: url(../img/proxy-about/1.svg)
}

.proxy-about__item-title--2 {
    background-image: url(../img/proxy-about/2.svg)
}

.proxy-about__item-title--3 {
    background-image: url(../img/proxy-about/3.svg)
}

.proxy-about__item-title--4 {
    background-image: url(../img/proxy-about/4.svg)
}

.proxy-about__item-list {
    max-width: 266px
}

.proxy-about__item-link,
.proxy-about__item-list li {
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.proxy-about__item-list li {
    color: var(--Primary-Text, #414141);
    margin-bottom: 24px;
    padding-left: 24px;
    background: url(../img/check.svg) no-repeat left center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px
}

.proxy-about__item-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    text-decoration: none;
    color: #335bff;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .39px;
    padding-right: 30px;
    background: url(../img/about-proxy/arrow-right.svg) no-repeat right center
}

@media (max-width:960px) {
    .proxy-about__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .proxy-about__list:after,
    .proxy-about__list:before {
        display: none
    }

    .proxy-about__item {
        width: 100%;
        padding: 24px
    }

    .proxy-about__item-title {
        font-size: 18px;
        line-height: 26px
    }
}

.proxy-search {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 12px solid var(--Background-Cards, #f1f3f5);
    background: var(--Primary-White, #fff);
    padding: 48px
}

.proxy-search__title {
    margin-bottom: 10px
}

.proxy-search__subtitle {
    color: var(--Primary-Text, #414141);
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 24px
}

.proxy-search__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.proxy-search__input {
    height: 52px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    border: 2px solid var(--Blue-Main, #327aff);
    background: #fff;
    color: var(--Disable, #a1a1a1);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 522px;
    padding-left: 24px;
    padding-right: 32px
}

.proxy-search__btn {
    width: 146px
}

@media (max-width:960px) {
    .proxy-search {
        padding: 24px
    }

    .proxy-search__title {
        font-size: 22px;
        line-height: 24px
    }

    .proxy-search__subtitle {
        font-size: 14px;
        line-height: 21px
    }
}

.proxy-list {
    padding: 120px 0
}

.proxy-list__title {
    margin-bottom: 24px
}

.proxy-list__section {
    margin: 32px 0;
    padding: 24px 0
}

.proxy-list__heading {
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    line-height: 18px;
    color: #414141;
    margin: 0 0 16px
}

.proxy-list__columns {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    justify-items: center
}

.proxy-list__col {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 280px
}

.proxy-list__item {
    color: #414141;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px
}

@media (max-width:1200px) {
    .proxy-list__columns {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:768px) {
    .proxy-list__columns {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:480px) {
    .proxy-list__columns {
        grid-template-columns: 1fr
    }
}

@media (max-width:960px) {
    .proxy-list {
        padding: 60px 0
    }

    .proxy-list__title {
        margin-bottom: 24px
    }

    .proxy-list__section {
        margin: 32px 0;
        padding: 24px 0
    }

    .proxy-list__heading {
        font-size: 22px;
        line-height: 24px
    }
}

/* ──────────────────────────────────────────────────────────────────
   HubSpot "Talk to Sales" popup — оформлен в стилистике сайта
   (Urbanist, brand blue #327aff, brand teal #3ad6c2, pill buttons).
   ────────────────────────────────────────────────────────────────── */
.hs-popup {
    position: fixed;
    inset: 0;
    z-index: 10010;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Urbanist, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.hs-popup[x-cloak] {
    display: none !important;
}

.hs-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(11, 18, 36, .55);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

body.hs-popup-open {
    overflow: hidden;
}

.hs-popup__dialog {
    position: relative;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .22);
    width: calc(100% - 32px);
    max-width: 440px;
    padding: 36px 32px 30px;
    z-index: 1;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
}

.hs-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #1a2236;
    cursor: pointer;
    border-radius: 50%;
    transition: background .2s ease, color .2s ease;
}

.hs-popup__close:hover {
    background: #f3f4f8;
    color: #327aff;
}

.hs-popup__header {
    text-align: center;
    margin-bottom: 24px;
}

.hs-popup__title {
    font-family: inherit;
    margin: 0 0 8px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 800;
    color: #1a2236;
    letter-spacing: -0.01em;
}

.hs-popup__subtitle {
    margin: 0 auto;
    max-width: 340px;
    font-size: 14px;
    line-height: 21px;
    color: #5d6677;
    font-weight: 400;
}

.hs-popup__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hs-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.hs-field__label {
    font-size: 13px;
    font-weight: 500;
    color: #5d6677;
    line-height: 18px;
}

.hs-field__input,
.hs-field__textarea,
.hs-select__btn {
    width: 100%;
    background: #fff;
    border: 1px solid #e3e6ee;
    border-radius: 12px;
    padding: 12px 16px;
    font-family: inherit;
    font-size: 15px;
    line-height: 22px;
    color: #1a2236;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.hs-field__input::placeholder,
.hs-field__textarea::placeholder {
    color: #98a0b3;
    font-weight: 400;
}

.hs-field__input:hover,
.hs-field__textarea:hover,
.hs-select__btn:hover {
    border-color: #c8cfdd;
}

.hs-field__input:focus,
.hs-field__textarea:focus,
.hs-select__btn:focus,
.hs-select__btn.is-open {
    border-color: #327aff;
    box-shadow: 0 0 0 3px rgba(50, 122, 255, .15);
}

.hs-field--error .hs-field__input,
.hs-field--error .hs-field__textarea,
.hs-field--error .hs-select__btn {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}

.hs-field__textarea {
    min-height: 130px;
    resize: vertical;
}

.hs-field--select {
    position: relative;
}

.hs-select__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-align: left;
    font-weight: 500;
}

.hs-select__icon {
    width: 9px;
    height: 9px;
    border-right: 2px solid #98a0b3;
    border-bottom: 2px solid #98a0b3;
    transform: rotate(45deg);
    margin-top: -4px;
    transition: transform .25s ease, border-color .2s ease;
}

.hs-select__btn:hover .hs-select__icon {
    border-color: #327aff;
}

.hs-select__btn.is-open .hs-select__icon {
    transform: rotate(225deg);
    margin-top: 4px;
    border-color: #327aff;
}

.hs-select__list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e3e6ee;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .12);
    list-style: none;
    margin: 0;
    padding: 6px 0;
    max-height: 220px;
    overflow-y: auto;
    z-index: 5;
}

.hs-select__list[x-cloak] {
    display: none !important;
}

.hs-select__item {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 22px;
    color: #1a2236;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.hs-select__item:hover {
    background: #f3f6fc;
    color: #327aff;
}

.hs-select__item.is-active {
    background: rgba(50, 122, 255, .08);
    color: #327aff;
    font-weight: 500;
}

.hs-popup__error {
    margin: 0;
    color: #dc2626;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}

.hs-popup__hint {
    margin: 4px 0 0;
    color: #98a0b3;
    font-size: 12px;
    line-height: 18px;
}

/* Submit button — pill в стилистике сайтового .btn (brand blue) с инверсией на hover. */
.hs-popup__submit.btn,
.hs-popup__submit {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #327aff;
    color: #fff;
    border: 1px solid #327aff;
    border-radius: 42px;
    padding: 13px 28px;
    font-family: inherit;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .05s ease;
    margin-top: 4px;
}

.hs-popup__submit:hover,
.hs-popup__submit.btn:hover {
    background: #fff;
    color: #327aff;
    border-color: #327aff;
}

.hs-popup__submit:active {
    transform: scale(.98);
}

.hs-popup__submit:focus,
.hs-popup__submit:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(50, 122, 255, .25);
}

.hs-popup__submit:disabled {
    opacity: .6;
    cursor: not-allowed;
    background: #327aff;
    color: #fff;
    border-color: #327aff;
}

.hs-popup__success {
    text-align: center;
    padding: 8px 4px 4px;
}

.hs-popup__success-icon {
    margin-bottom: 14px;
    display: flex;
    justify-content: center;
}

.hs-popup__success-title {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 28px;
    color: #1a2236;
    font-weight: 800;
}

.hs-popup__success-text {
    margin: 0 auto 22px;
    max-width: 320px;
    color: #5d6677;
    font-size: 14px;
    line-height: 21px;
}

.hs-popup__success-btn {
    min-width: 180px;
    width: auto;
    display: inline-block;
}

@media (max-width: 480px) {
    .hs-popup__dialog {
        padding: 30px 22px 24px;
        border-radius: 18px;
    }

    .hs-popup__title {
        font-size: 22px;
        line-height: 28px;
    }

    .hs-popup__title {
        font-size: 20px;
    }
}

/* ===== PBI-037: top-nav (Products / Locations / About) ===== */
.popup-menu__link--soon,
.mobile-menu__link--soon {
	color: #9aa1ad;
	pointer-events: none;
	cursor: default;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.popup-menu__badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .02em;
	color: #327aff;
	background: #e8f0ff;
	border-radius: 999px;
	padding: 3px 7px;
	white-space: nowrap;
}
.popup-menu__products,
.popup-menu__about { display: flex; gap: 40px; }
.popup-menu__col { -webkit-flex: 0 0 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; }
.popup-menu__usecases { display: flex; flex-direction: column; padding: 32px 40px; }
.popup-menu__usecases-cols { display: flex; gap: 40px; }
.popup-menu__usecases .popup-menu__sub-menu + .popup-menu__title { margin-top: 20px; }
.popup-menu__usecases .popup-menu__title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.popup-menu__usecases .popup-menu__title:before {
    content: '';
    -webkit-flex: 0 0 22px;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.popup-menu__title--data:before { background-image: url(../img/menu/chart-column.svg); }
.popup-menu__title--marketing:before { background-image: url(../img/menu/magnifying-glass-chart.svg); }
.popup-menu__title--protection:before { background-image: url(../img/menu/shield.svg); }
.popup-menu__title--other:before { background-image: url(../img/menu/gears.svg); }

/* Locations mega-menu */
.popup-menu__locations { padding: 32px 40px; min-width: 720px; }
.popup-menu__loc-tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.popup-menu__loc-tab {
	font-size: 14px; font-weight: 600; color: #41414a; text-decoration: none;
	padding: 6px 16px; border-radius: 999px; background: #f1f3f6;
	transition: background .15s ease, color .15s ease;
}
.popup-menu__loc-tab.is-active { background: #327aff; color: #fff; }
.popup-menu__loc-list {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 16px;
}
.popup-menu__loc-item { margin: 0; }
.popup-menu__loc-link {
	display: flex; align-items: center; gap: 10px;
	padding: 8px 10px; border-radius: 10px; text-decoration: none; color: inherit;
	transition: background .12s ease;
}
.popup-menu__loc-link:hover { background: #f7f9fc; }
.popup-menu__loc-flag {
	flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%;
	overflow: hidden; display: grid; place-items: center; font-size: 18px;
}
.popup-menu__loc-flag img { width: 100%; height: 100%; object-fit: cover; }
.popup-menu__loc-text { display: flex; flex-direction: column; min-width: 0; }
.popup-menu__loc-name { font-size: 16px; font-weight: 500; color: #414141; line-height: 1.2; }
.popup-menu__loc-count { font-size: 12px; color: #327aff; }
.popup-menu__loc-cta { margin-top: 16px; }
.popup-menu__loc-viewall {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 500; line-height: 24px; color: #327aff; text-decoration: none;
	padding: 4px 28px; border: 1px solid #327aff; border-radius: 42px;
	background: transparent; transition: all .3s ease;
}
.popup-menu__loc-viewall:hover { background: #327aff; color: #fff; }
.popup-menu__loc-empty { color: #9aa1ad; font-size: 13px; padding: 8px 10px; }

/* Mobile: subtitles, locations submenu */
.mobile-menu__subtitle {
	display: block; font-size: 12px; font-weight: 700; text-transform: uppercase;
	letter-spacing: .04em; color: #9aa1ad; margin: 12px 0 4px;
}
.mobile-menu__submenu--locations { display: block; }
.mobile-menu__submenu--locations .popup-menu__loc-list { grid-template-columns: repeat(2, 1fr); }
.mobile-menu__link--viewall { font-weight: 600; color: #327aff; }

@media (max-width: 960px) {
	.popup-menu__products { flex-wrap: wrap; gap: 24px; }
	.popup-menu__locations { min-width: 0; }
	.popup-menu__loc-list { grid-template-columns: repeat(2, 1fr); }
}

/* Keep top-nav labels & CTA on one line; tighten gap so 1024–1366px laptops fit */
.header__nav .menu > .menu-item > a,
.header__login-btn.btn { white-space: nowrap; }
@media (max-width: 1366px) {
	.header__nav .menu,
	.header--scrolled .header__nav .menu { gap: 32px; }
}

/* Anchor narrow dropdown panels under their trigger item instead of centering
   them under the whole header. Left offset is set inline via Alpine (menuX). */
/* Pull each panel left by its card inset (border 1px + unified content
   padding-left 40px = 41px) so the first column's text lines up under the
   trigger. A JS clamp (see header.php) nudges panels that would overflow the
   right edge back inside the container. */
.popup-menu--anchored { right: auto; margin: 0 0 0 -41px; max-width: none; }
/* ===== /PBI-037 ===== */

/* ===== Fix: homepage horizontal scroll 1024–1500px (cases-table + code grid) ===== */
/* Comparison table is intrinsically ~1423px while the container caps at 1526px,
   so it overflowed the page below ~1470px. Let it scroll inside its own box;
   self-regulating — no scrollbar once the container is wide enough to fit it. */
.cases-table__table { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

/* Code showcase: the 1fr grid tracks were blown out by the non-wrapping <pre>
   and the fixed-width integrations row. Let tracks shrink and scroll/wrap content.
   Scoped to >=769px so the existing mobile treatment stays untouched. */
@media (min-width: 769px) {
	.code__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: stretch; }
	.code__plate { min-width: 0; }
	.code__langbar { flex-wrap: wrap; }
	.code pre[class*="language-"], .code__pre { overflow-x: auto; max-width: 100%; }
	.code__integrations { grid-template-columns: auto minmax(0, 1fr); }
	.code__integrations-list { flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
}
/* ===== /Fix ===== */

/* Proxy Services cards on phones: side-by-side image+text has no room, so stack
   the icon (smaller) above the text. Placed last so it wins the desktop-first
   cascade over the <=960 side-by-side rules. */
@media (max-width: 600px) {
	.proxy-services__list .proxy-services__item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		gap: 16px;
	}

	.proxy-services__list .proxy-services__item-image {
		width: 120px;
		max-width: 120px;
	}

	.proxy-services__item--full {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.proxy-services__item--full .proxy-services__item-image {
		margin: 0 auto;
	}
}