/* =========================
   POPPINS — WOFF2
   ========================= */

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* === Italic === */

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins/Poppins-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* =========================
   ROBOTO — WOFF2
   ========================= */

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* === Italic === */

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  overflow-y: scroll;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  color: #000;
  font-weight: normal;
  font-size: 14px;
  font-family: "Poppins", "Roboto", sans-serif;
  background-color: #fff;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  min-width: 320px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
  transition: all 0.2s ease-out;
  -webkit-tap-highlight-color: transparent;
}

a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}

textarea {
  width: 100%;
  resize: vertical;
  border: none;
  outline: none;
  border-radius: 0;
}

label {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

input,
button,
select {
  border: none;
  outline: none;
}

input[type="text"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
}

input {
  border-radius: 0;
  outline: none;
  box-shadow: none;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

.container--min {
  max-width: 900px;
}

.text a {
  color: inherit;
}

.text--lh-45 {
  line-height: 45px;
}

.text--lh-33 {
  line-height: 33px;
}

.text--lh-24 {
  line-height: 24px;
}

.text--center {
  text-align: center;
}

.text--relative {
  position: relative;
}

.text--fz13 {
  font-size: 13px;
}

.text--fz14 {
  font-size: 14px;
}

.text--fz16 {
  font-size: 16px;
}

.text--fz18 {
  font-size: 18px;
}

.text--fz20 {
  font-size: 20px;
}

.text--fz22 {
  font-size: 22px;
}

.text--fz25 {
  font-size: 25px;
}

.text--fz28 {
  font-size: 28px;
}

.text--fontS-italic {
  font-style: italic;
}

.text--fontW-300 {
  font-weight: 300;
}

.text--fontW-400 {
  font-weight: 400;
}

.text--fontW-500 {
  font-weight: 500;
}

.text--fontW-700 {
  font-weight: 700;
}

.text--color-Blue2 {
  color: #29abe2;
}

.text--color-Blue2-h:hover {
  color: #29abe2;
}

.text--color-Red {
  color: red;
  animation: fadeIn 0.5s ease-in;
}

.text--color-Gray7 {
  color: #7f7f7f;
}

.text--mt-2 {
  margin-top: 10px;
}

.text--mt-3 {
  margin-top: 20px;
}

.text--mt-4 {
  margin-top: 30px;
}

.text--mt-6 {
  margin-top: 50px;
}

.text--mt-7 {
  margin-top: 70px;
}

.text--mb-3 {
  margin-bottom: 25px;
}

.text--mb-2 {
  margin-bottom: 10px;
}

.text--pr-25 {
  padding-right: 25px;
}

.text--under {
  text-decoration: underline;
}

.text--hashtag {
  padding: 30px 0 30px 90px;
}

.text--border-bottom {
  padding-bottom: 25px;
  position: relative;
}

.text--border-bottom::after {
  content: "";
  background-color: #00abdf;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 1px;
}

@supports (-webkit-overflow-scrolling: touch) {
  body.no-scroll {
    overflow: hidden;
    margin-right: 0;
  }
}

.btn {
  display: inline-block;
  text-align: center;
  background-color: #00abdf;
  padding: 12px 20px;
  border: none;
  outline: 0;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  font-family: "Poppins", "Roboto", sans-serif, sans-serif;
  font-weight: normal;
  cursor: pointer;
  transition: all 0.2s ease-out;
  line-height: 1;
}

.btn:hover,
.btn:focus {
  color: #fff;
  background-color: #00bcea;
}

.btn--width-100 {
  width: 100%;
}

.btn--padding-x {
  padding: 18px 20px;
  border-radius: 25px;
}

.btn--max-w-240 {
  max-width: 240px;
}

.btn--max-w-200 {
  max-width: 200px;
}

.btn--max-w-350 {
  max-width: 350px;
}

.btn--white {
  border: 1px solid #f2f2f2;
  background-color: #fff;
  color: #29abe2;
}

.btn--white:hover,
.btn--white:focus {
  background-color: #fff;
  color: #29abe2;
}

.btn--bg-trans {
  background-color: transparent;
}

.btn--bg-trans:hover,
.btn--bg-trans:focus {
  background-color: transparent;
}

.btn--loading {
  pointer-events: none;
  cursor: progress;
  color: transparent !important;
  position: relative;
}

.btn--loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  background: url(../images/spinner.36e9c1fe9031fc9939d20e1e58418a99.svg) 0 0 no-repeat;
  animation: loading 0.5s linear infinite;
  width: 20px;
  height: 20px;
  background-size: contain;
}

@keyframes loading {
  0% {
    transform: rotate(0) translate(-50%, -50%);
  }

  100% {
    transform: rotate(-360deg) translate(-50%, -50%);
  }
}

.btn-control--mt-a {
  margin-top: auto;
}

.btn-control--mt-2 {
  margin-top: 20px;
}

.btn-control--mt-3 {
  margin-top: 30px;
}

.btn-control--mt-4 {
  margin-top: 45px;
}

.btn-control--flex {
  display: flex;
}

.btn-control--center {
  justify-content: center;
}

.btn-control--end {
  justify-content: flex-end;
}

.local-block--active *,
.local-block--active.servicesList__white-text {
  color: #fff !important;
}

/* .active {
  color: #fff !important;
}
 */
.btn-control--home {
  max-width: 620px;
  margin: 110px auto 0;
  padding-top: 110px;
  border-top: 1px solid #e5e5e5;
}

.cursor-none {
  pointer-events: none;
}

.disableElem {
  opacity: 0.6;
  pointer-events: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-in;
}

.internalPages {
  margin: 100px auto;
  max-width: 1140px;
}

@media (max-width: 1200px) {
  .container {
    padding: 0 16px;
  }
}

::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  opacity: 0.25 !important;
}

::-webkit-scrollbar-thumb {
  background-color: #c4d2ec !important;
  border-radius: 2px !important;
  width: 4px !important;
  opacity: 0.25 !important;
}

::-webkit-scrollbar-thumb:horizontal {
  border-radius: 10px 10px 0 0 !important;
  opacity: 0.2 !important;
}

::-webkit-scrollbar-track {
  border-radius: 2px;
  overflow: hidden;
  background-color: #eee;
}

@media only screen and (max-width: 768px) {
  .internalPages {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .internalPages {
    margin-top: 36px;
  }
}

.textarea textarea {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  background-color: transparent;
  padding: 22px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  min-height: 125px;
}

.textarea textarea::placeholder {
  font-weight: 300;
}

@media only screen and (max-width: 600px) {
  .textarea textarea {
    padding-left: 16px;
  }
}

.textarea-info__textarea {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  height: 60px;
  padding-left: 60px;
  height: 100px;
  padding-top: 21px;
}

.textarea-info__textarea::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.25);
}

.textarea-info__textarea-wrapper {
  position: relative;
  margin-top: 20px;
}

.textarea-info__textarea-wrapper:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/chat-question.d2ab2267d3f523209b7ec89f0fd9ea76.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.auto-likes-sub {
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.auto-likes {
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.servicesVariation {
  width: 100%;
  display: block;
  height: fit-content;
}

.servicesVariation__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  color: #090a1f;
  margin-top: 64px;
}

.servicesVariation__nav-block {
  position: relative;
  margin: 32px auto;
  width: 600px;
  height: 80px;
}

.servicesVariation__nav-title-pay {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
}

.servicesVariation__nav-text-cancel {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  opacity: 0.5;
}

.servicesVariation__nav-text-separately {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  opacity: 0.3;
}

.servicesVariation__nav-title-get {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}

.servicesVariation__active {
  background: #457ce9;
  border-radius: 16px;
  width: 50%;
  z-index: 100;
  color: #fff;
  height: 80px;
  position: absolute;
  cursor: pointer;
}

.servicesVariation__active>* {
  color: #fff;
}

.servicesVariation__not-active-auto-sub {
  z-index: 50;
  border-radius: 16px;
  width: 60%;
  box-shadow: 5px 5px 30px rgba(135, 160, 164, 0.1);
  position: absolute;
  height: 80px;
  padding-left: 50px;
  cursor: pointer;
}

.servicesVariation__not-active-auto {
  z-index: 50;
  border-radius: 16px;
  width: 60%;
  box-shadow: 5px 5px 30px rgba(135, 160, 164, 0.1);
  position: absolute;
  height: 80px;
  padding-right: 50px;
  cursor: pointer;
}

.servicesVariation__item {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s ease-out;
  padding: 0 30px;
}

.servicesVariation__item.active {
  color: #29abe2;
}

.servicesVariation__item.active+.servicesVariation__switch::after {
  left: 0;
}

.servicesVariation__item:hover {
  color: #29abe2;
}

.servicesVariation__line {
  display: none;
}

@media only screen and (max-width: 600px) {
  .servicesVariation__nav-block {
    margin: 0 auto;
  }

  .servicesVariation__line {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 24px auto;
  }

  .servicesVariation__nav-block {
    width: 100%;
  }

  .servicesVariation__not-active-auto-sub,
  .servicesVariation__not-active-auto,
  .servicesVariation__active {
    height: 64px;
  }

  .servicesVariation__nav-title-get,
  .servicesVariation__nav-title-pay {
    font-size: 15px;
  }

  .servicesVariation__nav-text-separately,
  .servicesVariation__nav-text-cancel {
    font-size: 12px;
  }

  .servicesVariation__not-active-auto-sub {
    padding-left: 30px;
  }

  .servicesVariation__not-active-auto {
    padding-right: 30px;
  }
}

.cartButton {
  position: fixed;
  z-index: 200;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  bottom: 15px;
  right: 8px;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  box-shadow:
    0 0 10px rgba(206, 206, 206, 0.5),
    0 0 10px rgba(206, 206, 206, 0.5);
  background-color: #457ce9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: fadeIn 0.5s ease-in;
  opacity: 0;
  pointer-events: none;
}

.cartButton__count {
  display: none;
  background: #fff;
  color: #457ce9;
  height: 48px;
  width: 48px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  border-radius: 50%;
}

.cartButton:hover .cartButton__count {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cartButton:hover .cartButton__img {
  display: none;
}

.cartButton .text {
  line-height: 9px;
}

.cartButton__img {
  transition: all 0.2s ease-out;
  height: 48px;
  width: 48px;
}

.cartButton.active {
  opacity: 1;
  pointer-events: visible;
}

.cartButton.bottom {
  bottom: 85px;
}

.no-scroll .cartButton {
  right: 27px;
}

.cartModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 200;
  padding: 130px 15px 60px;
  background: rgba(251, 251, 251, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.cartModal__wrapper {
  padding: 64px 65px 32px;
  background: #fff;
  max-width: 744px;
  box-shadow: 0px 20px 200px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  margin: 0 auto;
  position: relative;
}

.cartModal__inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
}

.cartModal__title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
}

.cartModal__exit {
  position: absolute;
  top: 36px;
  right: 36px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}

.cartModal.active {
  opacity: 1;
  pointer-events: visible;
}

.cartModal__remove-btn {
  background: rgba(251, 90, 85, 0.1);
  border-radius: 4px;
  height: 30px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #fb5a55;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  width: 100%;
  cursor: pointer;
}

.cartModal__btn {
  background: #457ce9;
  box-shadow: 5px 25px 30px rgba(69, 124, 233, 0.1);
  border-radius: 16px;
  height: 60px;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin-top: 32px;
}

.cartModal__rules {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  opacity: 0.35;
  margin-top: 24px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-in;
}

@media only screen and (max-width: 480px) {
  .cartModal__exit {
    right: 20px;
    width: 30px;
  }

  .cartModal__wrapper {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0;
  }

  .cartModal__back-button {
    position: absolute;
    z-index: 200;
    top: 36px;
    right: auto;
    left: 36px;
    cursor: pointer;
    display: flex;
    color: #29abe2;
    line-height: inherit;
  }

  .cartModal__back-button img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }

  .cartModal__back-button:hover {
    text-decoration: underline;
  }

  .cartModal__card-wrapper {
    height: 142px;
    position: relative;
  }

  .cartModal__card {
    position: relative;
  }

  .cartModal__img-serv {
    max-width: 24px;
    max-height: 28px;
    height: 24px;
  }

  .cartModal__payment-title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #457ce9;
    margin-top: 64px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-in;
}

@media only screen and (max-width: 600px) {
  .cartModal__inner {
    padding: 32px 16px;
  }

  .cartModal__icon-img {
    height: 91px;
    width: 91px;
  }

  .cartModal__cards {
    margin-top: 24px;
  }

  .cartModal .container-card {
    min-width: 91px;
    max-height: 129px;
  }

  .cartModal__title {
    font-size: 22px;
  }

  .cartModal__exit {
    right: 16px;
  }

  .cartModal__btn-container {
    padding: 0;
  }

  .cartModal__btn {
    margin-top: 24px;
    font-size: 16px;
  }

  .cartModal .container__text-small-count {
    left: 40px;
  }

  .cartModal .container__icon-small-count {
    left: 10px;
  }

  .cartModal__rules {
    margin-top: 16px;
  }
}

.discount {
  position: absolute;
  left: 100%;
  bottom: 100%;
  margin-bottom: -20px;
  margin-left: -35px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 2px 2px 8px rgba(229, 229, 229, 0.5);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.discount--dark {
  border: 1px solid #f4f4f4;
  box-shadow: none;
}

.discount--dark .text {
  color: #7f7f7f;
  font-size: 12px;
}

.dualChoice {
  display: flex;
  width: 100%;
  position: relative;
  margin-top: 32px;
  display: block;
  height: 80px;
}

.dualChoice__color-block {
  background:
    linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%),
    #d9d9d9;
  border-radius: 16px;
  width: 50%;
  z-index: 100;
  height: 80px;
  position: absolute;
}

.dualChoice .instant-indents {
  padding-right: 63px;
}

.dualChoice .gradual-indents {
  padding-left: 63px;
}

.dualChoice .gradual {
  right: 0;
}

.dualChoice .instant {
  left: 0;
}

.dualChoice__white-block {
  z-index: 50;
  border-radius: 16px;
  width: 60%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  height: 80px;
}

.dualChoice__icon {
  height: 24px;
  width: 24px;
}

.dualChoice__instant-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}

.dualChoice__gradual-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.dualChoice__instant-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  opacity: 0.7;
  text-align: center;
}

.dualChoice__title-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  margin-top: 14px;
}

.dualChoice__gradual-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  opacity: 0.4;
  text-align: center;
}

.dualChoice__slash {
  display: inline;
}

.dualChoice__cost {
  display: none;
}

.dualChoice li {
  cursor: pointer;
}

.dualChoice li:hover {
  color: #00abdf;
}

@media only screen and (max-width: 620px) {
  .dualChoice__instant-title {
    font-size: 16px;
    line-height: 24px;
  }

  .dualChoice__gradual-title {
    font-size: 16px;
    line-height: 24px;
  }

  .dualChoice__instant-subtitle {
    font-size: 12px;
    line-height: 18px;
  }

  .dualChoice__gradual-subtitle {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  .dualChoice {
    display: flex;
    width: 100%;
    position: relative;
    margin-top: 24px;
  }

  .dualChoice__title-block {
    margin-top: 10px;
  }

  .dualChoice__white-block {
    padding: 0 10px;
  }

  .dualChoice__color-block {
    padding: 0 10px;
  }

  .dualChoice__slash {
    display: none;
  }

  .dualChoice__cost {
    display: inline;
  }

  .dualChoice .instant-indents {
    padding-right: 35px;
  }

  .dualChoice .gradual-indents {
    padding-left: 35px;
  }
}

.lastOrder {
  position: fixed;
  bottom: -95px;
  left: 35px;
  width: 100%;
  max-width: 430px;
  padding: 24px;
  box-shadow: 20px 20px 70px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  background-color: #fff;
  display: flex;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  transition: all 0.6s ease-out;
  height: 120px;
}

.lastOrder__img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.lastOrder__content {
  width: 100%;
  margin-left: 20px;
}

.lastOrder.active {
  pointer-events: visible;
  opacity: 1;
  bottom: 35px;
}

.lastOrder__title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  opacity: 0.4;
}

.lastOrder__count {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  background-image: linear-gradient(94.79deg,
      #f6ec32 -53.82%,
      #df2e80 79.03%,
      #132ef7 201.25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.lastOrder__youtube-count {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: red;
}

@media only screen and (max-width: 991px) {
  .lastOrder {
    left: 20px;
    padding: 15px;
  }

  .lastOrder.active {
    bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .lastOrder {
    padding: 10px;
    right: 15px;
    max-width: unset;
    width: auto;
    height: 75px;
    left: 15px;
    bottom: -75px;
  }

  .lastOrder.active {
    bottom: 15px;
  }
}

@media only screen and (max-width: 600px) {
  .lastOrder {
    height: 88px;
    width: 343;
  }

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

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

  .lastOrder__img {
    width: 48px;
    height: 48px;
  }

  .lastOrder__content {
    margin-left: 12px;
  }
}

.mt-24 {
  margin-top: 24px;
}

.loading_proc {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 16px;
  border: 1px solid #e5e5e5;
  background: #fff;
  width: 100%;
}

.postsList {
  height: 456px;
  white-space: nowrap;
  overflow-y: auto;
  overflow-x: hidden;
}

.postsList::-webkit-scrollbar {
  width: 6px;
}

.postsList::-webkit-scrollbar-track {
  background: #fafafa;
}

.postsList::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.postsList__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.postsList__card {
  margin: 5px;
  width: calc((100% / 4) - 12px);
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  animation: fadeIn 0.5s ease-in;
  height: 142px;
}

.postsList__card>span>img {
  width: 100%;
}

.postsList__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.postsList__card:hover::before,
.postsList__card.active::before {
  opacity: 1;
  z-index: 2;
}

.postsList__card.active::before {
  background-color: rgba(0, 0, 0, 0.6);
}

.postsList__info {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 3;
  gap: 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
}

.postsList__info img {
  width: 28px;
  height: 24px;
}

.postsList__info>* {
  animation: fadeIn 0.5s ease-in;
}

.postsList__info1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 3;
  gap: 12px;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.65);
}

.postsList__info1 img {
  width: 28px;
  height: 24px;
}

.postsList__info1>* {
  animation: fadeIn 0.5s ease-in;
}

.postsList__load-block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  cursor: pointer;
}

.postsList__load-block.remove {
  opacity: 0;
  margin-top: 0;
  pointer-events: none;
  height: 0;
  display: none;
}

.postsList__load-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #457ce9;
  text-align: center;
}

.postsList__load-text.remove {
  opacity: 0;
  margin-top: 0;
  pointer-events: none;
  height: 0;
  display: none;
}

.postsList__load {
  width: 35px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: all 0.2s ease-out;
  padding: 0;
  gap: 0 3px;
}

.postsList__load span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #457ce9;
}

.postsList__load:hover {
  background-color: #fcfcfc;
}

.postsList__load.remove {
  opacity: 0;
  margin-top: 0;
  pointer-events: none;
  height: 0;
  display: none;
}

.postsList--cart .postsList__card {
  overflow: visible;
  border-radius: 0;
  flex-direction: column;
  margin-top: 40px;
}

.postsList--cart .postsList__card::before {
  display: none;
}

.postsList--cart .postsList__info {
  font-weight: 400;
}

.postsList--cart .postsList__info img {
  width: 25px;
  height: 25px;
}

.postsList--cart .postsList__list {
  margin: 0;
}

.postsList--cart .postsList__innerCard {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 142px;
}

.postsList--cart .postsList__innerCard.border-50 {
  border-radius: 50%;
}

.postsList--cart .postsList__innerCard::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.postsList--cart .postsList__del {
  margin-top: 10px;
  width: 100%;
  height: 35px;
  border: 0;
  outline: 0;
  background: rgba(255, 0, 0, 0.2);
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-out;
}

.postsList--cart .postsList__del::before,
.postsList--cart .postsList__del:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 26px;
  height: 1px;
  margin: 0 auto;
  background-color: red;
}

.postsList--cart .postsList__del::before {
  transform: rotate(45deg);
}

.postsList--cart .postsList__del::after {
  transform: rotate(-45deg);
}

.postsList--cart .postsList__del:hover {
  opacity: 0.8;
}

.postsList__list1 {
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
}

.postsList__card1 {
  margin: 7px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  animation: fadeIn 0.5s ease-in;
  max-width: 142px;
  height: 100%;
  max-height: 180px;
}

.postsList__card1>img {
  width: 100%;
  max-height: 142px;
}

.postsList__card1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.postsList__card1:hover::before,
.postsList__card1.active::before {
  opacity: 1;
  z-index: 2;
}

.postsList__card1.active::before {
  background-color: rgba(0, 0, 0, 0.6);
}

.postsList__info1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  z-index: 3;
  background: rgba(0, 0, 0, 0.65);
}

.postsList__info1 img {
  width: 15px;
  height: 15px;
  margin-bottom: 12px;
}

.postsList__info1>* {
  animation: fadeIn 0.5s ease-in;
}

.postsList__load {
  width: 47px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: all 0.2s ease-out;
}

.postsList__load span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #457ce9;
}

.postsList__load span+span {
  margin-left: 2px;
}

.postsList__load:hover {
  background-color: #fcfcfc;
}

.postsList__load.remove {
  opacity: 0;
  margin-top: 0;
  pointer-events: none;
  height: 0;
}

.postsList--cart .postsList__card1 {
  width: 100%;
  overflow: visible;
  border-radius: 0;
  flex-direction: column;
  max-width: 139px;
  height: 100%;
}

.postsList--cart .postsList__card1::before {
  display: none;
}

.postsList--cart .postsList__info1 {
  font-weight: 400;
}

.postsList--cart .postsList__info1 img {
  width: 25px;
  height: 25px;
}

.postsList--cart .postsList__list {
  margin: 0;
}

.postsList--cart .postsList__innerCard1 {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 142px;
}

.postsList--cart .postsList__innerCard1.border-50 {
  border-radius: 50%;
}

.postsList--cart .postsList__innerCard1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.postsList--cart .postsList__del1 {
  margin-top: 10px;
  width: 100%;
  height: 35px;
  border: 0;
  outline: 0;
  background: rgba(255, 0, 0, 0.2);
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-out;
}

.postsList--cart .postsList__del1::before,
.postsList--cart .postsList__del1:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 26px;
  height: 1px;
  margin: 0 auto;
  background-color: red;
}

.postsList--cart .postsList__del1::before {
  transform: rotate(45deg);
}

.postsList--cart .postsList__del1::after {
  transform: rotate(-45deg);
}

.postsList--cart .postsList__del1:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 600px) {
  .postsList {
    height: 440px;
  }

  .postsList__card {
    width: calc((100% / 3) - 12px);
    max-width: 100px;
    max-height: 92px;
  }

  .postsList__load-block {
    margin-top: 20px;
  }

  .postsList--cart .postsList__card1 {
    max-width: 100px;
  }

  .postsList--cart .postsList__innerCard1 {
    min-height: 100px;
    max-height: 100px;
  }
}

@media only screen and (max-width: 480px) {
  .postsList {
    height: 240px;
  }
}

.quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
}

.quantity--instaCard {
  padding: 0;
  margin: 0 -5px;
}

.quantity--instaCard .text--color-Blue2 {
  color: #333;
}

.quantity__control {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(9, 10, 31, 0.05);
  background-color: transparent;
  cursor: pointer;
  border-radius: 50%;
  color: #457ce9;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
  font-size: 18px;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  flex-shrink: 0;
  z-index: 100;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 20px;
}

.quantity__text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0 10px;
  margin-top: 40px;
}

.quantity__count {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  margin-top: 3px;
  letter-spacing: -0;
}

.quantity__count-disabled {
  color: rgba(0, 0, 0, 0.35);
}

.quantity__control-plus {
  top: 62px;
  right: 0;
  transform: translate(65%, 0%);
}

.quantity__control-minus {
  top: 62px;
  left: 0;
  transform: translate(-65%, 0%);
}

.quantity__other-service {
  background: #ffffff;
  border: 1px solid rgba(9, 10, 31, 0.05);
  border-radius: 24px;
  height: 76px;
  display: flex;
  padding: 0 14px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

.quantity__other-service-increase,
.quantity__other-service-decrease {
  background: #f8fafe;
  border-radius: 16px;
  min-width: 72px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #457ce9;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 0 19px;
  cursor: pointer;
}

.quantity__other-text {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.quantity__disabled {
  cursor: default;
  opacity: 0.4;
}

@media only screen and (max-width: 600px) {
  .quantity__control-plus {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }

  .quantity__control-minus {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }

  .quantity__text {
    margin: 0;
    gap: 0 6px;
  }

  .quantity__other-service {
    margin-top: 24px;
  }

  .quantity__other-service-increase,
  .quantity__other-service-decrease {
    font-size: 16px;
  }

  .quantity__count {
    font-size: 18px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 375px) {
  .quantity__control-plus {
    right: 7px;
  }

  .quantity__control-minus {
    left: 7px;
  }
}

.burger {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 200;
  transition: all 0.2s;
  display: none;
}

.burger__blur {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background: rgba(251, 251, 251, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.burger__content {
  width: 80%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.4s;
  background: #fff;
  padding: 39px 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.burger-active {
  transform: translateX(0);
}

@media only screen and (max-width: 1320px) {
  .burger {
    display: block;
  }
}

.panel-block {
  min-height: 108px;
  padding: 39px 48px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  cursor: pointer;
}

.panel-block-update {
  min-height: 108px;
  padding: 39px 48px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  margin-top: 24px;
  cursor: pointer;
}

.panel-block-color-update-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.panel-block-update-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-block-color {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  padding: 39px 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  align-items: flex-start;
  cursor: pointer;
}

.panel-block-color-update {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  padding: 39px 48px;
  margin-top: 24px;
  cursor: pointer;
}

.panel-container {
  max-width: 85%;
}

.panel-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}

.panel-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 8px;
  max-width: 1000px;
}

.panel-text>a {
  color: #457ce9;
}

.panel-text-update {
  margin-top: 30px;
}

.expanded-cirkul {
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-out;
}

.expanded-cirkul-color {
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #457ce9;
  transition: all 0.5s ease-out;
}

.expanded-cirkul>div {
  width: 9px;
  height: 9px;
}

.expanded-cirkul>div>img {
  top: 50%;
  left: 50%;
}

.expanded-cirkul-color>div {
  width: 9px;
  height: 9px;
}

.expanded-cirkul-color>div>img {
  top: 50%;
  left: 50%;
}

.expanded-cirkul-color-youtube {
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff0000;
  transition: all 0.5s ease-out;
}

.expanded-cirkul>div {
  width: 9px;
  height: 9px;
}

.expanded-cirkul>div>img {
  top: 50%;
  left: 50%;
}

.expanded-cirkul-color-youtube>div {
  width: 9px;
  height: 9px;
}

.expanded-cirkul-color-youtube>div>img {
  top: 50%;
  left: 50%;
}

.panel-list {
  position: relative;
  margin-left: 25px;
}

.panel-show {
  display: block;
}

.panel-difference {
  border: 1px solid rgba(69, 124, 233, 0.3);
  border-radius: 10px;
  min-height: 220px;
  display: flex;
  margin-top: 30px;
  max-width: 1000px;
}

.panel-hide {
  display: none;
}

.panel-list::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 40%;
  left: -15px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  opacity: 0.5;
  background-color: #000000;
  position: absolute;
}

.panel-tick-img {
  height: 25px;
  width: 25px;
}

.panel-crown-img {
  height: 16px;
  width: 20px;
}

.panel-difference-title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
  color: #457ce9;
}

.panel-difference-title-block {
  display: flex;
  gap: 10px;
  height: 62px;
  align-items: center;
  padding-left: 32px;
}

.panel-difference-text-block {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: rgba(0, 0, 0, 0.8);
  max-width: 402px;
  padding-left: 32px;
  padding-bottom: 12px;
}

.panel-difference-block {
  width: 50%;
}

.panel-difference-block-normal {
  border-right: 1px solid rgba(69, 124, 233, 0.3);
}

.panel-difference-line {
  height: 1px;
  background: rgba(69, 124, 233, 0.3);
  width: 100%;
  margin-bottom: 20px;
}

.panel-difference-part-line {
  height: 1px;
  background: rgba(69, 124, 233, 0.3);
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {

  .panel-block,
  .panel-block-color,
  .panel-block-color-update,
  .panel-block-update {
    padding: 24px 16px;
    min-height: 84px;
  }

  .panel-title {
    font-size: 18px;
    line-height: 27px;
  }

  .panel-text {
    font-size: 16px;
    line-height: 180%;
  }

  .panel-difference {
    flex-direction: column;
    border: none;
    margin-top: 20px;
  }

  .panel-difference-block-normal {
    border-right: none;
  }

  .panel-difference-block {
    width: 100%;
    border: 1px solid rgba(69, 124, 233, 0.3);
    border-radius: 24px;
  }

  .panel-difference-block-premium {
    margin-top: 16px;
  }

  .panel-difference-text-block {
    padding: 0;
    margin-bottom: 10px;
  }

  .panel-difference-part-line {
    height: 1px;
    width: 100%;
  }

  .panel-difference-line {
    margin-bottom: 18px;
  }

  .panel-difference-text-block {
    padding: 0 16px 16px;
  }
}

.go-home-btn {
  display: block;
  border: 1.5px solid #457ce9;
  background: #457ce9;
  border-radius: 16px;
  margin: 140px auto 60px;
  width: 374px;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 600px) {
  .go-home-btn {
    width: 100%;
    margin: 64px 0;
  }
}

.steps__steps-block {
  width: 100%;
}

.steps__img-block {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 80px;
}

.steps__img-cirkul {
  background: #f6f9ff;
  border-radius: 24px;
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.steps__img-cirkul-youtube {
  background: #fff2f2;
  border-radius: 24px;
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.steps__gorizontal-line {
  width: 100%;
  margin-top: 30px;
  margin-bottom: -44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.steps__gorizontal-line>img {
  width: 2px;
  height: 128px;
}

.steps__img>span>img {
  max-width: 54px;
}

.steps__img0>span>img {
  max-width: 78px;
  max-height: 55px;
}

.steps__img1>span>img {
  max-width: 48px;
}

.steps__img2>span>img {
  max-width: 54px;
}

.steps__img3>span>img {
  max-width: 54px;
}

.steps__count-block {
  display: flex;
  justify-content: space-around;
  position: relative;
  margin-top: 24px;
}

.steps__step-count-text {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #457ce9;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #fff;
  z-index: 100;
}

.steps__step-count-text-youtube {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f00;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #fff;
  z-index: 100;
}

.steps__step {
  border: 2px solid #fc8080;
}

.steps__step-one {
  border: 2px solid #c6d7f8;
}

.steps__step-two {
  border: 2px solid #a1bdf4;
}

.steps__step-three {
  border: 2px solid #749dee;
}

.steps__step-four {
  border: 2px solid #4f83ea;
}

.steps__line {
  position: absolute;
  top: 50%;
  background-image: linear-gradient(to right, #c6d7f8, #457ce9);
  height: 2px;
  width: 100%;
  background-color: #457ce9;
}

.steps__line-youtube {
  position: absolute;
  top: 50%;
  background-image: #090a1f;
  opacity: 0.1;
  height: 2px;
  width: 100%;
  background-color: #090a1f;
}

.steps__text-block {
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

.steps__text-content {
  max-width: 364px;
  width: 33%;
}

.steps__step-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  margin-top: 24px;
}

.steps__step-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  text-align: center;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}

.steps__step-text>a {
  color: #457ce9;
}

.steps__text-block-less {
  max-width: 250px;
}

.steps__text-block-less-refferal {
  max-width: 276px;
}

@media only screen and (max-width: 880px) {
  .steps__steps-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 20px;
  }

  .steps__gorizontal-line {
    margin-top: 0px;
    margin-bottom: 26px;
  }

  .steps__gorizontal-line>img {
    width: 2px;
    height: 48px;
  }

  .steps__step-title {
    margin-top: 0px;
  }

  .steps__text-content {
    width: 100%;
  }
}

.steps-swipper {
  display: none;
}

@media only screen and (max-width: 600px) {
  .steps-swipper {
    display: block;
  }

  .steps-swipper .swiper-container {
    position: relative;
  }

  .steps-swipper .swiper-wrapper {
    display: flex;
    margin-top: 52px;
  }

  .steps-swipper .swiper-pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    pointer-events: none;
    bottom: auto !important;
    top: 200px;
    left: calc(50%) !important;
    transform: translateX(-50%);
    width: auto !important;
  }

  .steps-swipper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px !important;
    border: 1px solid #29abe2;
    opacity: 1;
    background-color: #457ce9;
    position: relative;
    transition: all 0.2s ease-out;
    pointer-events: visible;
    opacity: 0.2;
    border-radius: 50%;
  }

  .steps-swipper .swiper-pagination-bullet-active {
    background-color: #457ce9;
    opacity: 1;
  }

  .steps-swipper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    min-height: 268px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .steps-swipper__step-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    color: #000000;
    opacity: 0.5;
    margin-top: 10px;
  }

  .steps-swipper__step-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 170%;
    text-align: center;
    color: #000000;
    margin-top: 50px;
  }

  .steps-swipper__img-cirkul {
    background: #f6f9ff;
    border-radius: 19.2px;
    height: 96px;
    width: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .steps-swipper__count-block {
    border: 2px solid #c6d7f8;
    border-radius: 50%;
    z-index: 100;
  }

  .steps-swipper__step-count-text {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #457ce9;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: #fff;
    z-index: 100;
  }

  .steps-swipper__img {
    width: 44px;
  }

  .steps-swipper__count-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
  }

  .steps-swipper__line {
    position: absolute;
    top: 50%;
    background-image: linear-gradient(to right, #c6d7f8, #457ce9);
    height: 2px;
    width: 100%;
    background-color: #457ce9;
    z-index: 50;
  }
}

.textarea textarea {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  background-color: transparent;
  padding: 22px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  min-height: 125px;
}

.textarea textarea::placeholder {
  font-weight: 300;
}

@media only screen and (max-width: 600px) {
  .textarea textarea {
    padding-left: 16px;
  }
}

.tips__main-title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
  color: #000000;
  margin-top: 160px;
}

.tips__block-reverse {
  display: flex;
  justify-content: space-between;
  gap: 0 40px;
  flex-direction: row-reverse;
  margin-top: 64px;
}

.tips__block {
  display: flex;
  justify-content: space-between;
  gap: 0 36px;
  margin-top: 64px;
}

.tips__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
  color: #000000;
}

.tips__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: #000000;
  opacity: 0.5;
  margin-top: 10px;
}

.tips__img {
  max-width: 498px;
  width: 100%;
  min-height: 420px;
}

.tips__block-text {
  max-width: 570px;
}

.tips__img-fix {
  max-height: 420px;
}

.tips__img-fix-small {
  height: 420px;
  min-height: 420px;
}

.tips__img-pc {
  display: block;
}

.tips__img-mobile {
  display: none;
}

@media only screen and (max-width: 1200px) {

  .tips__block,
  .tips__block-reverse {
    flex-direction: column-reverse;
    height: 100%;
  }

  .tips__img {
    max-width: 100%;
    height: 700px;
    min-height: 100%;
  }

  .tips__block-text {
    max-width: 100%;
  }

  .tips__title {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 600px) {
  .tips__main-title {
    font-size: 24px;
    line-height: 37px;
    margin-top: 64px;
    margin-bottom: 32px;
  }

  .tips__first-block {
    margin-top: 0;
  }

  .tips__img {
    height: 400px;
  }

  .tips__title {
    font-size: 18px;
    line-height: 37px;
  }

  .tips__text {
    margin-top: 10px;
    line-height: 200%;
  }

  .tips__img-pc {
    display: none;
  }

  .tips__img-mobile {
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  .tips__img {
    height: 250px;
  }
}

@media only screen and (max-width: 375px) {
  .tips__img {
    height: 176px;
  }
}

.box {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  position: relative;
  margin-top: 29px;
}

.box__count {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  margin-top: 3px;
}

.box__title-block {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  align-items: center;
  margin-top: 40px;
}

.box__title-block-followers {
  margin-top: 28px;
}

.box__service-name {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 17px;
}

.box__service-name-youtube {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 17px;
}

.box__service-name-youtube-sub {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
}

.box__service-name-mt {
  margin: 0;
}

.box__discount-img {
  position: absolute;
  top: -15px;
  right: -11px;
  width: 36px;
  height: 36px;
}

.box__card {
  border: 1px solid rgba(9, 10, 31, 0.05);
  width: 148px;
  border-radius: 24px;
  height: 140px;
  position: relative;
}

.box__card--discount {
  position: relative;
}

.box__card--followers {
  background-color: #eef0f0 !important;
  box-shadow: 4px 4px 11px 0px rgba(0, 0, 0, 0.2);
  border-radius: 30px !important;
  padding: 50px 20px !important;
}

.box__selected {
  border: 1.5px solid #457ce9;
}

.box__selected-red {
  border: 1.5px solid #f00;
}

.box__selected:hover {
  cursor: pointer;
}

.box .card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.box .card-hover:hover {
  box-shadow: 10px 10px 30px rgba(135, 160, 164, 0.1) !important;
  cursor: pointer;
  border: 1px solid rgba(9, 10, 31, 0.05) !important;
  /* Keep original border visible or effectively 'none' if donor does that, but donor removes border? */
  /* Donor has border: none on hover? My analysis said so. Let's try border-color transparent or matching background */
  border-color: transparent !important;
  transform: none !important;
}

.box .card-hover:active {
  border: 1.5px solid #457ce9;
}

.box__stopped-block {
  width: 90px;
  height: 40px;
  position: absolute;
  top: -20px;
  right: -14px;
  background: #fbfbfb;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
}

.box__count-disabled {
  color: rgba(0, 0, 0, 0.35);
}

.box__icon {
  text-align: center;
}

.box__icon img {
  height: 35px;
}

.box__icon--medium img {
  height: 60px;
}

.box__right {
  width: 260px;
  flex-shrink: 0;
  padding: 40px;
  background-color: #f4f4f4;
}

.box__right--flex {
  display: flex;
}

.box__right--flex-column {
  flex-direction: column;
}

.box__left {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
}

.box__inner-card {
  width: calc(100% / 2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}

.box__likes-color {
  width: 28px;
  height: 30px;
}

.box__followers-color {
  width: 28px;
  height: 29px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-in;
}

@media only screen and (max-width: 600px) {
  .box {
    margin: 28px 0 0;
    justify-content: space-between;
    gap: 12px 12px;
  }

  .box__card {
    margin: 0;
    width: 106px;
    height: 100px;
    padding: 24px 9px;
    flex: 1;
  }

  .box__title-block {
    display: flex;
    justify-content: center;
    gap: 0 6px;
    align-items: center;
    margin-top: 0;
  }

  .box__add-width {
    width: 166px;
  }

  .box__count {
    font-size: 18px;
    line-height: 27px;
  }

  .box__likes-color {
    width: 24px;
    height: 20px;
    min-width: 24px;
    min-height: 20px;
  }

  .box__followers-color {
    width: 24px;
    height: 24px;
    min-width: 25px;
  }

  .box__title-block-followers {
    margin-top: 0px;
  }

  .box__service-name-youtube-sub {
    font-size: 12px;
    line-height: 21px;
  }

  .box__service-name-youtube,
  .box__service-name {
    font-size: 12px;
    line-height: 21px;
    margin-top: 4px;
  }

  .box__service-name>span {
    display: none;
  }

  .box__service-name-youtube>span {
    display: none;
  }

  .box__discount-img {
    position: absolute;
    top: -7px;
    right: -5px;
    width: 24px;
    height: 24px;
  }

  .box__stopped-block {
    width: 76px;
    height: 29px;
    position: absolute;
    top: -5px;
    right: -7px;
    background: #fbfbfb;
    border-radius: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .box__selected {
    border: 1.5px solid #457ce9 !important;
  }

  .box .card-hover:hover {
    box-shadow: none;
    border: 1px solid rgba(9, 10, 31, 0.05);
  }
}

.header__container {
  padding-top: 80px;
}

.header__cirkul {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__cirkul-other {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__cirkul-color {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e8eb;
}

.header__cirkul-color-other {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__instagram-img {
  width: 24px;
  height: 24px;
}

.header__youtube-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 0 20px;
  width: 20%;
}

.header__youtube-wrapper-white {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  gap: 0 10px;
}

.header__links {
  position: relative;
}

.header__facebook {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #e3e8eb;
  border-radius: 50%;
}

.header__tickTok {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  background-color: #457ce9;
  border-radius: 50%;
}

.header__facebook {
  z-index: 50;
}

.header__youtube {
  z-index: 40;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__color-icons-youtube {
  width: 56px;
  height: 56px;
}

.header__color-icons-youtube-active {
  width: 56px;
  height: 56px;
}

.header__tickTok {
  z-index: 55;
  margin-left: -14px;
}

.header__other-icons {
  height: 24px;
  width: 24px;
}

.header__other-icons-youtube,
.header__other-icons_2 {
  height: 100%;
  width: 100%;
}

.header__services-nav {
  height: 80px;
  display: flex;
  justify-content: space-between;
  margin: 0 15px 0 55px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 5px 5px 30px 0 rgba(135, 160, 164, 0.1);
  flex: 1;
}

.header__services-container {
  padding-top: 80px;
}

.header__color-block {
  background:
    linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%),
    #d9d9d9;
  border-radius: 16px;
  width: 50%;
  z-index: 100;
  height: 80px;
  position: absolute;
}

.header__white-block {
  z-index: 50;
  border-radius: 16px;
  width: 60%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  height: 80px;
}

.header__active {
  background:
    linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%),
    #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 24px;
  flex: 1;
  z-index: 100;
  height: 80px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header__active:hover {
  color: #fff;
}

.header__not-active-text {
  font-size: 18px;
  color: rgba(14, 14, 14, 0.5);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px;
}

.header__not-active {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.header__not-active-insta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.header__not-active-other {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.header__active-youtube {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 24px;
  background: #f00;
  flex: 1;
  z-index: 100;
  height: 80px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header__active-youtube:hover {
  color: #fff;
}

.header__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.header__other {
  display: flex;
  top: 0;
  right: 0;
  justify-content: flex-end;
  height: 100%;
  align-items: center;
  padding-right: 54px;
  border: none;
  cursor: pointer;
}

.header__other-icons-color {
  height: 24px;
  width: 24px;
}

.header__not-active-monitoring {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border: 1px solid #457ce9;
  border-radius: 24px;
  flex: 1;
  z-index: 100;
  height: 80px;
  cursor: pointer;
  color: black;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header__active-monitoring {
  background: #457ce9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 24px;
  flex: 1;
  z-index: 100;
  height: 80px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header__active-other {
  background: #457ce9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 24px;
  flex: 1;
  z-index: 100;
  height: 80px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.header__services-nav-test {
  display: flex;
  justify-content: center;
  padding-top: 80px;
}

.header__color-icons {
  background: #457ce9;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.header_account {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 130px;
  height: 60px;
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.header_account:hover {
  background-color: #f6f9ff;
}

.header_account-flex {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-around;
  min-height: 40px;
}

.header_account-flex-title-small {
  font-weight: 400;
  font-size: 10px;
  opacity: 0.6;
}

.header_account-flex-title-big {
  font-weight: 500;
  font-size: 16px;
}

.header_flex_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}

@media only screen and (max-width: 958px) {
  .header__services-nav {
    height: fit-content;
    width: 100%;
    margin: 0 auto;
  }

  .header_flex_block {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .header_item_special {
    order: 1;
  }

  .header_flex_item.header_item_special {
    margin-top: 20px;
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .header__services-nav {
    margin: 0;
    min-width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .header__other {
    padding-right: 80px;
  }

  .header__services-nav {
    gap: 10px;
    align-items: center;
  }

  .header__other {
    height: 64px;
    border-radius: 16px;
  }

  .header__active-youtube,
  .header__active-other,
  .header__active-monitoring,
  .header__active {
    font-size: 16px;
    gap: 5px;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .header__not-active-insta,
  .header__not-active,
  .header__not-active-other {
    height: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .header__cirkul {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    max-height: 36px;
    min-height: 36px;
  }

  .header__cirkul-color {
    height: 48px;
    width: 48px;
  }

  .header__instagram-img {
    width: 18px;
    height: 18px;
  }

  .header__facebook {
    min-width: 48px;
    max-width: 48px;
    max-height: 48px;
    min-height: 48px;
  }

  .header__tickTok {
    min-width: 48px;
    max-width: 48px;
    max-height: 48px;
    min-height: 48px;
  }

  .header__youtube {
    min-width: 48px;
    max-width: 48px;
    max-height: 48px;
    min-height: 48px;
  }

  .header__color-icons-youtube {
    width: 56px;
    height: 56px;
  }

  .header__color-icons-youtube-active {
    width: 36px;
    height: 36px;
  }

  .header__other-icons {
    height: 18px;
    width: 18px;
  }

  .header__services-container {
    padding-top: 36px;
  }

  .header__not-active-text {
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  .header__other {
    padding-right: 65px;
  }
}

@media only screen and (max-width: 480px) {
  .header__other {
    padding-right: 40px;
  }

  .header__active-youtube {
    border-radius: 16px;
  }

  .header .monitoringTitle {
    display: none;
  }

  .header .monitoringWrapp {
    max-width: 60px !important;
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 420px) {
  .header__other {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 375px) {

  .header__cirkul-color,
  .header__cirkul,
  .header__youtube,
  .header__tickTok,
  .header__facebook {
    min-width: 33px;
    max-width: 33px;
    max-height: 33px;
    min-height: 33px;
  }

  .header__instagram-img {
    width: 14px;
    height: 14px;
  }
}

.footer {
  margin-top: 50px;
  background-color: #457ce9;
  padding: 48px 0 100px;
}

.footer__container {
  background: #457ce9;
}

.footer__title {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 170%;
  cursor: pointer;
  color: #ffffff;
}

.footer__icons-wrapper {
  display: flex;
  gap: 0 16px;
  margin-top: 24px;
}

.footer__icon-wrapper {
  border: 1px solid #e3e8eb;
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.footer__payment {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.footer__top {
  display: flex;
  gap: 0 114px;
}

.footer__middle {
  display: flex;
  gap: 0 114px;
  margin-top: 32px;
}

.footer__cards {
  display: flex;
  justify-content: space-between;
  gap: 0 91px;
  width: 210px;
}

.footer__card-text {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: normal;
  color: #ffffff;
  opacity: 0.7;
  margin-bottom: 0;
  /* Removed large margin */
  display: block;
}

.footer__card-text:hover {
  color: #ffffff;
  opacity: 0.7;
  text-decoration: underline;
}

.footer__contact-information {
  line-height: 24px !important;
  text-decoration: none !important;
}

.footer__contact-container {
  width: 410px;
}

.footer__card-title-contact {
  margin-bottom: 24px;
}

.footer__header {
  width: 410px;
}

.footer__contact-information-container {
  margin-top: 24px;
}

.footer__card-text:active {
  color: #ffffff;
  opacity: 0.7;
}

.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 64px;
  display: flex;
  justify-content: center;
  /* Center the icons since they are now narrow */
  align-items: center;
  padding: 40px 0;
  flex-wrap: wrap;
}

.footer__bottom a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto !important;
  width: 64px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 4px !important;
  border-radius: 6px !important;
  transition: background-color 0.2s ease;
  background-color: transparent;
}

.footer__bottom a:hover,
.footer__bottom a.footer__language-active {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

.footer__bottom a img {
  width: 33px;
  height: 36px;
  display: block;
}

.footer__pay-img {
  margin-top: 51px;
  display: flex;
  justify-content: flex-start;
  gap: 0 16px;
  align-items: center;
}

.footer__card-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #ffffff;
}

.footer__card-flags {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}

.footer__card-active {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  width: 64px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  padding-top: 4px;
}

.footer__account {
  display: flex;
  justify-content: center;
  gap: 0 32px;
  width: 780px;
  margin: 160px auto;
}

.footer__sign-in,
.footer__my-account-btn {
  background: #457ce9;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  border-radius: 16px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
}

.footer__sign-in-youtube,
.footer__my-account-btn-youtube {
  background: #f00;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  border-radius: 16px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
}

.footer__contact {
  border: 1.5px solid #457ce9;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  background: #fff;
  border-radius: 16px;
  color: #457ce9;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
}

.footer__contact>img {
  max-width: 24px;
}

.footer__contact-youtube {
  border: 1.5px solid #f00;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  background: #fff;
  border-radius: 16px;
  color: #f00;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
}

.footer__contact-youtube>img {
  max-width: 24px;
}

.footer__img-flag {
  height: 36px;
  width: 33px;
}

.footer__sign-in>img {
  width: 24px;
}

.flags>img {
  height: 24px;
  width: 36px;
}

.first-link-footer {
  margin-top: 18px;
  display: block;
}

.last-title-footer {
  margin-top: 36px;
  display: block;
}

.rules-footer {
  max-width: 224px;
}

.us-second-footer {
  padding-top: 46px;
}

@media only screen and (max-width: 1000px) {
  .footer__middle {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1350px) {
  .us-second-footer {
    padding-top: 0;
  }

  .footer__top {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    padding: 0 16px;
  }

  .footer__title {
    display: flex;
    justify-content: center;
    width: 272px;
  }

  .footer__cards {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    text-align: center;
    gap: 50px;
  }

  .footer__card {
    width: 272px;
  }

  .footer__header {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 50px;
    flex-wrap: wrap;
  }

  .footer__header {
    width: 100%;
  }

  .footer__icons-wrapper {
    margin-top: 0;
  }

  .footer__pay-img {
    display: flex;
    justify-content: center;
    width: 272px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 800px) {
  .footer__bottom {
    padding: 0 16px;
  }

  .footer__card-flags {
    margin-top: 20px;
  }

  .footer__card-active {
    margin-top: 20px;
  }

  .footer__contact-youtube,
  .footer__sign-in-youtube {
    width: 100%;
  }
}

@media only screen and (max-width: 630px) {
  .footer {
    padding: 32px 0;
  }

  .footer__contact-container {
    width: auto;
  }

  .footer__header {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 32px 0;
    flex-direction: column;
  }

  .footer__title {
    width: fit-content;
    font-size: 24px;
  }

  .footer__cards {
    gap: 36px 0;
    text-align: left;
  }

  .footer__card {
    width: fit-content;
  }

  .footer__pay-img {
    width: fit-content;
    margin-top: 0;
  }

  .footer__card-title {
    font-size: 18px;
  }

  .footer__card-text {
    font-size: 14px;
  }

  .footer__middle {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .rules-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: fit-content;
  }

  .us-footer {
    width: 200px;
  }

  .help-footer {
    width: fit-content;
  }

  .last-title-footer {
    margin: 0;
  }
}

@media (max-width: 600px) {
  .footer {
    padding: 32px 0;
  }

  .footer .rules-footer {
    max-width: 100%;
  }

  .footer__bottom {
    padding: 0;
  }

  .footer__top {
    padding: 0;
    gap: 48px 0;
  }

  .footer__header {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 32px 0;
    flex-direction: column;
  }

  .footer__title {
    width: fit-content;
    font-size: 24px;
  }

  .footer__accept {
    max-width: 186px;
  }

  .footer__card {
    width: 100%;
  }

  .footer__card-flags {
    margin-top: 28px;
  }

  .footer__card-active {
    margin-top: 26px;
  }

  .footer__cards {
    gap: 36px 0;
    justify-content: space-between;
  }

  .footer__pay-img {
    width: fit-content;
    margin-top: 0;
  }

  .footer__card-title {
    font-size: 18px;
  }

  .footer__card-text {
    font-size: 14px;
  }

  .footer__icons-wrapper {
    gap: 0 12px;
  }

  .footer__bottom {
    margin-top: 28px;
    max-width: 450px;
    gap: 0 14px;
    flex-wrap: wrap;
    margin: 28px auto 0;
    padding-bottom: 10px;
    justify-content: flex-start;
  }

  .footer__bottom::-webkit-scrollbar {
    height: 6px;
  }

  .footer__bottom::-webkit-scrollbar-track {
    background: #fafafa;
  }

  .footer__bottom::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, 0.25);
    border-radius: 3px;
  }

  .footer__account {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    width: 100%;
    margin: 64px auto;
  }

  .footer__sign-in,
  .footer__contact,
  .footer__contact-youtube .footer__my-account-btn-youtube {
    width: 100%;
  }

  .footer__my-account-btn {
    width: 100%;
  }

  .us-footer {
    width: fit-content;
  }

  .first-link-footer {
    margin-top: 10px;
  }

  .help-footer {
    width: fit-content;
  }
}

.form {
  transition: all 0.2s ease-out;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.form--mt {
  margin-top: 36px;
}

.form__textField {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  height: 60px;
  padding-left: 60px;
}

.form__textField::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.25);
}

.form__count {
  margin-top: 20px;
}

.form__textField-error {
  border: 1px solid #ff0000;
}

.form .default-input {
  position: relative;
  display: block;
  width: 100%;
  padding: 17px 0;
  border: none;
  border-bottom: 1px solid #00abdf;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  outline: none;
}

@media (max-width: 450px) {
  .form .default-input {
    font-size: 16px;
  }
}

.form .default-input::placeholder {
  font-weight: 300;
  color: black;
}

.form button.disable {
  background: grey;
  cursor: default;
}

.form input[type="email"],
.form input[type="text"],
.form input[type="number"] {
  font-family: inherit;
  font-size: 18px;
  line-height: 18px;
}

.form__email {
  position: relative;
  margin-top: 20px;
}

.form__email:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/icon-later.0563a638de5ee7b0bf8d1a3ee692df68.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.form__username {
  position: relative;
}

.form__username:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/person.6960c5ad2db2227d8f85ed16bb808b41.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.form__btn-block {
  display: flex;
  gap: 12px;
}

.form__bin-btn {
  background: rgba(69, 124, 233, 0.1);
  border-radius: 16px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
}

.form__bin-btn>div {
  height: 36px;
  width: 36px;
  min-height: 36px;
  max-height: 36px;
  min-width: 36px;
  max-width: 36px;
}

.form__username-error {
  position: relative;
}

.form__username-error:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/personError.4d465a10fed01b5f6fbec75478503eb9.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.form__comments-list {
  margin-bottom: 20px;
}

.form__control {
  display: none;
  animation: fadeIn 0.5s ease-in;
}

.form__control.active {
  display: block;
}

.form__numbers-block {
  display: flex;
  justify-content: space-between;
}

.form__chosen-number,
.form__number {
  width: 82px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
}

.form__chosen-number {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  background: linear-gradient(94.79deg,
      #f6ec32 -53.82%,
      #df2e80 79.03%,
      #132ef7 201.25%);
  border-radius: 16px;
  border: none;
  color: #fff;
}

.form__number {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  cursor: pointer;
}

.form__number-another {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  border-radius: 16px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 102px;
  height: 60px;
}

.form__number-another:hover,
.form__number:hover {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
  border: none;
}

.form__btn {
  background: #457ce9;
  box-shadow: 5px 25px 30px rgba(69, 124, 233, 0.1);
  border-radius: 16px;
  color: #fff;
  width: 100%;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 36px;
}

.form__btn-followers {
  margin: 0;
}

.form--loading {
  pointer-events: none;
  opacity: 0.7;
}

.form__stars {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 24px;
  margin-bottom: 32px;
}

.form__stars label {
  margin: 0 6px;
  display: block;
  width: 35px;
  height: 32px;
  background: url(../images/outline_star.47654a976ae8b499a9de77ed41a347b0.png) center/100% no-repeat;
  cursor: pointer;
}

.form__stars input {
  display: none;
}

.form__stars input:checked~label {
  background: url(../images/fill_star.3cc9efb28947cf58e8bccd036722dad9.png) center/100% no-repeat;
}

.form__textarea {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  height: 146px;
  padding-left: 60px;
  margin-top: 20px;
}

.form__textarea::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.25);
}

.form__textField-review {
  padding-left: 24px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-in;
}

.custom-btn {
  padding-left: 60px;
}

.back-btn {
  position: absolute;
  z-index: 200;
  top: 20px;
  right: auto;
  left: 15px;
  cursor: pointer;
  display: flex;
  color: #29abe2;
  line-height: inherit;
  font-weight: 400;
}

.back-btn img {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.back-btn:hover {
  text-decoration: underline;
}

.subtitle {
  position: relative;
}

.subtitle .line {
  display: block;
  height: 1px;
  background-color: #f2f2f2;
  margin-top: 24px;
  position: absolute;
  width: 100%;
}

.subtitle .text {
  background-color: #fff;
  transform: translateY(-28px);
  display: block;
  width: fit-content;
  margin: auto;
  padding: 0 15px;
}

.payment-button-container {
  position: relative;
}

.payment-button {
  border: 1px solid #ededed;
  transition: 0.1s;
  background-color: #fcfcfc;
  border-radius: 25px;
  width: 100%;
  padding: 36px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
  opacity: 0.5;
}

.payment-button .left {
  position: relative;
}

.payment-button .left .image-wrapper {
  background-color: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 450px) {
  .payment-button .left .image-wrapper {
    width: 50px;
    height: 50px;
  }
}

.payment-button .left .image-wrapper img {
  max-width: 90%;
  max-height: 28px;
}

.payment-button .left .image-wrapper div {
  max-width: 90%;
  max-height: 28px;
  height: 30px;
  width: 100%;
}

.payment-button .left .image-wrapper div>div>img {
  margin: 0 auto;
}

.payment-button .left .image-wrapper .payment-lock-img {
  position: absolute;
  top: -9px;
  left: 30px;
  height: 24px;
  width: 24px;
}

.payment-button .center {
  flex: 2;
  margin-left: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}

@media (max-width: 450px) {
  .payment-button .center {
    font-size: 12px;
  }
}

.payment-button .center p {
  font-size: 14px;
  text-align: left;
}

.payment-button .center p:first-child {
  font-weight: 500;
  margin-bottom: 7px;
}

.payment-button .center p:last-child {
  font-weight: 400;
}

.payment-button .center p:last-child.green {
  color: #39b54a;
}

.payment-button .center p:last-child.red {
  color: #fb5a55;
}

.payment-button .center p:last-child span.tax {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #b3b3b3;
}

@media (max-width: 450px) {
  .payment-button .center p:last-child span.tax {
    font-size: 10px;
    display: inline-block;
    transform: translateY(-3px);
  }
}

.payment-button.available {
  cursor: pointer;
  opacity: unset;
}

.payment-button.available:hover {
  background-color: #f3f2f2;
}

.payment-button.btn--loading::after {
  background: url(../images/spinner.36e9c1fe9031fc9939d20e1e58418a99.svg) 0 0 no-repeat;
  background-size: contain;
  z-index: 2;
}

.payment-button.btn--loading:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
}

.right {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-50%);
}

.right .discount-count {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  width: fit-content;
}

@media (max-width: 450px) {
  .right .discount-count {
    font-size: 10px;
  }
}

.right .discount-count.blue {
  color: #fff;
  background-color: #457ce9;
  border-radius: 12px;
  z-index: 100;
}

.right .discount-count.red {
  color: #fff;
  background-color: #fb5a55;
  border-radius: 12px;
  z-index: 100;
}

.payment-methods {
  max-height: 550px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 35px 20px;
  padding-top: 39px;
  padding-right: 4px;
}

.payment-methods::-webkit-scrollbar {
  width: 6px;
}

.payment-methods::-webkit-scrollbar-track {
  background: #fafafa;
}

.payment-methods::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.payment-button-block {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  width: 290px;
  height: 120px;
  background: #fff;
}

.add-new-user-btn {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  cursor: pointer;
  height: 120px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
}

.add-new-user-btn:hover {
  text-decoration: underline;
}

.add-new-user-icon {
  width: 24px;
  height: 24px;
  border: 1.5px solid #457ce9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-new-user-icon div {
  height: 8px;
  width: 8px;
}

.add-new-user-btn-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #457ce9;
}

.user-discount-block {
  position: absolute;
  right: -20px;
  top: -18px;
}

.user-discount {
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-discount div {
  height: 40px;
  width: 40px;
}

.user-discount-count {
  position: relative;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #457ce9;
}

.user-item {
  position: relative;
}

.users-container-auto-likes {
  height: auto;
  max-height: 342px;
  margin-top: 15px;
  padding-top: 10px;
  overflow-x: auto;
}

@media only screen and (min-width: 600px) {
  .users-container-auto-likes::-webkit-scrollbar {
    width: 30px;
  }

  .users-container-auto-likes::-webkit-scrollbar-track {
    background: transparent;
    width: 35px;
  }

  .users-container-auto-likes::-webkit-scrollbar-thumb {
    background: #f2f2f2;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 10px solid transparent;
    background-clip: padding-box;
  }
}

.users-container-auto-likes::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.users-container-auto-likes .user-item {
  padding: 12px 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.users-container-auto-likes .user-item .user-item-left {
  display: flex;
  align-items: center;
}

.users-container-auto-likes .user-item .user-item-avatar {
  user-select: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  background-color: whitesmoke;
  margin-right: 25px;
}

.users-container-auto-likes .user-item .user-item-avatar div {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.users-container-auto-likes .user-item .user-item-avatar div.empty-avatar {
  padding: 10px;
}

.users-container-auto-likes .user-item .user-item-name {
  font-size: 14px;
  font-weight: 500;
}

.users-container-auto-likes .user-item.tight {
  padding: 0;
}

.popup-users-footer {
  margin-top: 0px;
}

.new-user-form {
  margin-top: 30px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 600px) {
  .add-new-user-btn {
    height: 85px;
  }

  .payment-methods {
    gap: 10px 0;
    flex-direction: column;
    max-height: 608px;
    flex-wrap: nowrap;
  }

  .payment-button {
    border-radius: 25px;
    width: 100%;
    padding: 14px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
    opacity: 0.5;
  }

  .payment-button .payment-button-block {
    width: 100%;
    height: 76px;
  }

  .form {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }

  .form--mt {
    margin-top: 24px;
  }

  .form__textField {
    padding-left: 52px;
  }

  .form__textField::placeholder {
    font-size: 16px;
  }

  .form__number,
  .form__chosen-number {
    width: 50px;
  }

  .form__last-number {
    display: none;
  }

  .form__number-another {
    width: 71px;
  }

  .form__email {
    margin-top: 16px;
  }

  .form__email:before {
    left: 19px;
  }

  .form__username {
    position: relative;
    margin-top: 16px;
  }

  .form__username:before {
    left: 19px;
  }

  .form__username-error {
    margin-top: 16px;
  }

  .form__username-error:before {
    width: 24px;
    height: 24px;
  }

  .form__btn {
    margin-top: 16px;
  }

  .form__bin-btn {
    margin-top: 16px;
  }

  .form__btn-payout {
    margin-top: 32px;
  }

  .form__textField-review {
    padding-left: 16px;
  }

  .form__textField-review::placeholder {
    font-size: 16px;
  }

  .form__stars {
    margin: 32px auto;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.download {
  width: 48px;
  height: 48px;
  position: relative;
}

.circle {
  width: 100%;
  height: 100%;
  animation: rotate 0.4s linear infinite;
}

.popup {
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(248, 248, 248, 0.5);
  transition: all 0.2s ease-out;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  display: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.popup__close {
  position: absolute;
  z-index: 200;
  top: 36px;
  width: 24px;
  height: 24px;
  right: 40px;
  cursor: pointer;
}

.popup__close:hover::before,
.popup__close:hover::after {
  background-color: #000;
}

.popup__pay-title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  color: #457ce9;
}

.popup__pay-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #000000;
}

.popup__pay-subtitle-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.popup__pay-line {
  width: 30%;
  height: 1.5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.popup__inner {
  position: relative;
  border-radius: 35px;
  width: 755px;
  margin: auto;
  padding: 64px 72px;
  background-color: #fff;
  z-index: 2;
  transition: all 0.4s ease-out;
}

.popup__done {
  display: flex;
  align-items: center;
  gap: 30px;
}

.popup__done div {
  width: 100px;
  height: 100px;
}

.popup__done-text {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #457ce9;
}

.popup--inline {
  overflow: visible;
  background-color: transparent;
  position: static;
  margin: 20px 0;
}

.popup--inline .popup__inner {
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
}

.popup--inline .popup__close {
  display: none;
}

.popup.active {
  opacity: 1;
  z-index: 1000;
  pointer-events: visible;
  display: flex;
}

.popup__title {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
}

.popup__sub-title {
  display: flex;
  justify-content: center;
  gap: 0 12px;
  align-items: center;
  margin-top: 12px;
}

.popup__likes-color {
  height: 30px;
  width: 28px;
}

.popup__count {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
  text-align: center;
}

.popup__price {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 3px;
}

.popup__payout_count {
  margin-top: 32px;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  text-decoration-line: underline;
  color: #457ce9;
}

.popup__footer-text {
  margin-top: 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  opacity: 0.35;
}

.popup__person_red {
  width: 30px;
  height: 30px;
}

.users-container-scroll {
  overflow-y: scroll;
}

.users-container {
  height: auto;
  width: auto;
  max-height: 342px;
  margin-top: 20px;
}

@media only screen and (min-width: 600px) {
  .users-container::-webkit-scrollbar {
    width: 30px;
  }

  .users-container::-webkit-scrollbar-track {
    background: transparent;
    width: 35px;
  }

  .users-container::-webkit-scrollbar-thumb {
    background: #f2f2f2;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 10px solid transparent;
    background-clip: padding-box;
  }
}

.users-container.one-user {
  height: auto;
}

.users-container::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.users-container::-webkit-scrollbar {
  width: 6px;
}

.users-container::-webkit-scrollbar-track {
  background: #fafafa;
}

.users-container::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.users-container .user-scroll-width {
  width: 90%;
}

.users-container .user-item {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  height: 120px;
  margin-top: 20px;
}

.users-container .user-item .user-item-left,
.users-container .user-item .user-item-right {
  display: flex;
  align-items: center;
}

.users-container .user-item .user-item-avatar {
  user-select: none;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  background-color: whitesmoke;
  margin-right: 25px;
}

.users-container .user-item .user-item-avatar div {
  width: 72px;
  height: 72px;
  object-fit: cover;
}

.users-container .user-item .user-item-avatar div.empty-avatar {
  padding: 10px;
}

.users-container .user-item .user-item-name {
  font-size: 14px;
  font-weight: 500;
}

.users-container .user-item .user-item-choose {
  user-select: none;
}

.users-container .user-item .user-item-choose .custom-radio {
  display: none;
}

.users-container .user-item .user-item-choose label {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ededed;
  border-radius: 50%;
  cursor: pointer;
}

.users-container .user-item .user-item-choose label img {
  width: 14px;
  height: 14px;
  opacity: 0;
  transition: 0.1s;
}

.users-container .user-item .user-item-choose .custom-radio:checked+label img {
  opacity: 1;
}

.users-container .user-item .user-item-remove {
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  transition: 0.1s;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}

.users-container .user-item .user-item-remove div {
  width: 22px;
  height: 25px;
}

.users-container .user-item-chosen {
  border-color: #29abe2;
}

.users-container .user-item-chosen .user-item-remove {
  opacity: 0;
  pointer-events: none;
}

.user-spinner {
  height: 48px;
  width: 48px;
}

@keyframes move {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
    border-radius: 50%;
  }

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

.user-nav-block {
  display: flex;
  gap: 20px;
}

.popup-users-footer {
  margin-top: 0px;
}

.choose-account {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.choose-account .form__email {
  width: 100%;
}

.choose-account .button-log-out {
  width: 138px;
  height: 60px;
  cursor: pointer;
}

.choose-account .button-log-out__button {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.choose-account .button-log-out__button-text {
  color: #000;
  font-size: 18px;
}

.choose-account .button-log-out__button-img {
  display: flex;
}

.new-user-form {
  margin-top: 30px;
  margin-bottom: 15px;
}

.popup-back-button {
  position: absolute;
  z-index: 200;
  top: 36px;
  right: auto;
  left: 45px;
  cursor: pointer;
  display: flex;
  line-height: inherit;
}

.popup-back-button div {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.popup-back-button:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 600px) {
  .users-container {
    height: 220px;
  }

  .users-container .user-item {
    padding: 16px;
    height: 85px;
    margin-top: 16px;
  }

  .users-container .user-item .user-item-avatar {
    width: 48px;
    height: 48px;
    margin-right: 12px;
  }

  .users-container .user-item .user-item-avatar div {
    width: 48px;
    height: 48px;
  }

  .popup-back-button {
    left: 16px;
  }

  .popup {
    padding: 0 16px;
  }

  .popup__inner {
    min-height: fit-content;
    padding: 32px 16px;
    width: 100%;
  }

  .popup__close {
    top: 36px;
    right: 16px;
  }

  .popup__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
  }

  .popup__sub-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    gap: 0 6px;
    margin-top: 10px;
    text-transform: capitalize;
  }

  .popup__pay-title {
    font-size: 22px;
    line-height: 33px;
  }

  .popup__pay-subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .popup__likes-color {
    width: 23px;
    height: 23px;
    margin-top: 2px;
  }

  .popup__count {
    font-size: 14px;
    line-height: 21px;
    margin-top: 3px;
  }

  .popup__footer-text {
    margin-top: 18px;
  }

  .popup__pay-line {
    width: 26%;
  }
}

.servicesList {
  max-width: 728px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}

.servicesList__buttons-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  height: 80px;
}

.servicesList__type-block {
  width: 100%;
  position: relative;
  display: block;
  height: 80px;
}

.servicesList__color-block {
  border-radius: 16px;
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 100;
  height: 80px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.servicesList__white-block {
  z-index: 50;
  border-radius: 16px;
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.servicesList .instant-indents {
  padding-right: 65px;
}

.servicesList .gradual {
  right: 0;
}

.servicesList .instant {
  left: 0;
}

.servicesList__quality {
  display: flex;
  gap: 0 10px;
  align-items: center;
}

.servicesList__premium {
  display: flex;
  gap: 0 10px;
  align-items: center;
}

.servicesList__crown-img {
  width: 20px;
  height: 14px;
}

.servicesList__quality-img {
  width: 25px;
  height: 25px;
}

.servicesList__container {
  padding: 32px 31px;
  max-height: 1200px;
}

.servicesList__color-text {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.servicesList__white-text {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.servicesList__white-reviews {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.7;
  margin-top: 5px;
}

.servicesList__color-reviews {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  opacity: 0.4;
  margin-top: 5px;
}

.servicesList.disable {
  display: none;
}

.servicesList .btn--def {
  margin-top: 17px;
  padding: 17px 20px;
  border-radius: 30px;
}

.servicesList__nav {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.servicesList__hide-border {
  border: none;
}

@media only screen and (max-width: 600px) {
  .servicesList {
    border: none;
  }

  .servicesList__nav {
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .servicesList__quality-img,
  .servicesList__crown-img {
    display: none;
  }

  .servicesList__quality-block {
    height: 64px;
    border-radius: 16px;
  }

  .servicesList__quality-text {
    font-size: 15px;
    line-height: 22px;
  }

  .servicesList__quality-reviews {
    font-size: 14px;
    line-height: 21px;
  }

  .servicesList__premium-block {
    height: 64px;
    border-radius: 16px;
    text-align: right;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    border: none;
  }

  .servicesList__premium-text {
    font-size: 15px;
    line-height: 22px;
  }

  .servicesList__premium-reviews {
    font-size: 14px;
    line-height: 21px;
  }

  .servicesList__container {
    padding: 0;
  }

  .servicesList__white-text,
  .servicesList__color-text {
    font-size: 15px;
  }

  .servicesList__white-block {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05);
    border: none;
    height: 64px;
  }

  .servicesList__color-block {
    height: 64px;
  }

  .servicesList .instant-indents {
    padding-right: 45px;
  }

  .servicesList .gradual-indents {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 375px) {
  .servicesList .gradual-indents {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 320px) {
  .servicesList .gradual-indents {
    padding-left: 20px;
  }
}

.servicesNav {
  margin-top: 64px;
}

.servicesNav__nav {
  display: flex;
  justify-content: space-around;
  position: relative;
  overflow-x: auto;
}

.servicesNav__nav::-webkit-scrollbar {
  height: 6px;
}

.servicesNav__nav::-webkit-scrollbar-track {
  background: #fafafa;
}

.servicesNav__nav::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.servicesNav__text {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
}

.servicesNav__text-active {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}

.servicesNav__link {
  height: 60px;
  width: 202px;
  background: #457ce9;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #457ce9;
  border-radius: 16px;
  gap: 0 8px;
  cursor: pointer;
}

.servicesNav__link-active {
  background: #fff;
}

.servicesNav__icon {
  height: 32px;
  width: 32px;
}

.servicesNav__likes {
  height: 20px;
  width: 20px;
}

.servicesNav__active {
  opacity: 0.2;
}

.servicesNav a:hover {
  color: #00abdf;
}

.servicesNav .heart-icon {
  height: 24px;
  width: 28px;
}

@media only screen and (max-width: 600px) {
  .servicesNav {
    margin-top: 24px;
  }

  .servicesNav__nav {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    gap: 0 14px;
    -webkit-overflow-scrolling: touch;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .servicesNav__link {
    height: 74px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    padding: 12px 14px;
  }

  .servicesNav__text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 2px;
  }

  .servicesNav__text-active {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-top: 2px;
  }

  .servicesNav__icon {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }

  .heart-icon {
    height: 18px;
    width: 22px;
  }
}

.likesPage__lists {
  list-style: initial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  gap: 6px 72px;
  padding-left: 18px;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 110px;
  margin-top: 20px;
  justify-content: center;
  max-width: 400px;
}

.likesPage__lists li {
  color: #457ce9;
}

.likesPage__list span {
  color: #000000;
}

.likesPage__should-buy {
  max-width: 500px;
  width: 100%;
  height: 500px;
  min-height: 500px;
}

.likesPage__lists-reverse li {
  color: #457ce9;
}

.likesPage__lists-reverse {
  list-style: initial;
  display: flex;
  flex-wrap: wrap;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  gap: 6px 66px;
  justify-content: flex-end;
  margin-top: 20px;
}

.likesPage__lists-reverse-blocks {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}

.auto-likes-page__why-title-text>p {
  max-width: 120px;
}

.followersPage__lists {
  list-style: initial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  gap: 6px 72px;
  padding-left: 20px;
  margin-top: 20px;
}

.followersPage__lists li {
  position: relative;
  list-style-type: none;
}

.followersPage__list_title {
  font-weight: 600;
}

.followersPage__lists li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  top: 45%;
  left: -18px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: #457ce9;
  position: absolute;
}

.followersPage__list span {
  color: rgba(0, 0, 0, 0.8);
}

.followersPage__should-buy {
  max-width: 500px;
  width: 100%;
  height: 600px;
  min-height: 100%;
  max-height: 500px;
}

.instaServicesPage {
  max-width: 1140px;
  margin: 0 auto;
}

.instaServicesPage__title-main {
  margin-top: 64px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 17px;
  color: #090a1f;
}

.instaServicesPage__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  max-width: 814px;
  margin: 16px auto 96px;
}

.instaServicesPage__subtitle-free-followers {
  max-width: 810px;
}

.instaServicesPage__text-likes {
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
  text-align: center;
}

.instaServicesPage__text-likes>p {
  width: 362px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.3);
}

.instaServicesPage__buy-block {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  justify-content: center;
}

.instaServicesPage__free-btn {
  background: #457ce9;
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  width: 50%;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
}

.instaServicesPage__byu-more-btn {
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #457ce9;
  background: #fff;
  width: 50%;
  height: 60px;
  cursor: initial;
}

.instaServicesPage__free-btn-block {
  display: flex;
  gap: 0 24px;
  width: 504px;
  margin: 64px auto 160px;
}

.instaServicesPage__faq {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  margin: 160px auto 64px;
  text-align: center;
}

.servicesInfo__item {
  padding: 23px 23px 23px 30px;
  margin-top: 48px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  color: #457ce9;
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.servicesInfo__icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
}

.table {
  overflow: auto;
  border-radius: 30px;
  border: 3px solid #29abe2;
  margin-top: 20px;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  max-width: 100%;
}

table td,
table th {
  padding: 3px;
  border: 3px solid #29abe2;
}

table td {
  text-align: center;
  min-width: 55px;
}

table td:first-of-type {
  text-align: left;
  min-width: 170px;
}

@media only screen and (max-width: 950px) {
  .likesPage__lists {
    max-height: fit-content;
  }

  .likesPage__lists-reverse {
    justify-content: flex-start;
    height: fit-content;
    padding-left: 20px;
  }

  .likesPage__should-buy {
    max-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 700px;
  }

  .followersPage__should-buy {
    max-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 700px;
  }
}

@media only screen and (max-width: 600px) {

  .likesPage__should-buy,
  .followersPage__should-buy {
    min-height: 400px;
  }

  .instaServicesPage {
    margin-top: 32px;
  }

  .instaServicesPage__free-btn,
  .instaServicesPage__byu-more-btn {
    width: 100%;
  }

  .instaServicesPage__title-main {
    margin-top: 48px;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px;
  }

  .instaServicesPage__title-main-likes {
    margin-bottom: 10px;
  }

  .instaServicesPage__subtitle {
    line-height: 170%;
    margin: 4px auto 42px;
  }

  .instaServicesPage__text-likes {
    margin-bottom: 32px;
  }

  .instaServicesPage__text-likes>p {
    font-size: 16px;
    line-height: 170%;
    width: 320px;
    text-align: center;
  }

  .instaServicesPage__buy-block {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
    justify-content: center;
  }

  .instaServicesPage__free-btn-block {
    margin: 48px auto 64px;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .instaServicesPage__buy-block-auto-likes {
    margin-top: 24px;
  }

  .servicesList {
    order: 0;
  }

  .benefitsOld {
    order: 1;
  }

  .trial {
    order: 2;
  }

  .auto-likes-page__list {
    padding-left: 0;
  }

  .auto-likes-page__list::before {
    display: none;
  }
}

@media only screen and (max-width: 480px) {

  .likesPage__should-buy,
  .followersPage__should-buy {
    min-height: 332px;
  }

  .benefitsOld {
    order: 2;
  }

  .trial {
    order: 1;
  }
}

.servicesListYoutube {
  max-width: 728px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}

.servicesListYoutube__type-block {
  width: 100%;
  position: relative;
  display: block;
  height: 80px;
}

.servicesListYoutube__color-block {
  background: linear-gradient(0deg, red 0%, red 100%), red;
  border-radius: 16px;
  width: 100%;
  z-index: 100;
  height: 80px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.servicesListYoutube__white-block {
  z-index: 50;
  border-radius: 16px;
  width: 60%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.servicesListYoutube .instant-indents {
  padding-right: 65px;
}

.servicesListYoutube .gradual-indents {
  padding-left: 65px;
}

.servicesListYoutube .gradual {
  right: 0;
}

.servicesListYoutube .instant {
  left: 0;
}

.servicesListYoutube__quality {
  display: flex;
  gap: 0 10px;
  align-items: center;
}

.servicesListYoutube__premium {
  display: flex;
  gap: 0 10px;
  align-items: center;
}

.servicesListYoutube__crown-img {
  width: 20px;
  height: 14px;
}

.servicesListYoutube__quality-img {
  width: 25px;
  height: 25px;
}

.servicesListYoutube__container {
  padding: 32px 31px;
  max-height: 1200px;
}

.servicesListYoutube__color-text {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.servicesListYoutube__white-text {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}

.servicesListYoutube__white-reviews {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  opacity: 0.7;
  margin-top: 5px;
}

.servicesListYoutube__color-reviews {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  opacity: 0.4;
  margin-top: 5px;
}

.servicesListYoutube.disable {
  display: none;
}

.servicesListYoutube .btn--def {
  margin-top: 17px;
  padding: 17px 20px;
  border-radius: 30px;
}

.servicesListYoutube__nav {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.servicesListYoutube__hide-border {
  border: none;
}

@media only screen and (max-width: 600px) {
  .servicesListYoutube {
    border: none;
  }

  .servicesListYoutube__nav {
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .servicesListYoutube__quality-img {
    width: 24px;
    height: 24px;
  }

  .servicesListYoutube__white-reviews {
    margin-top: 0px;
  }

  .servicesListYoutube__crown-img {
    display: none;
  }

  .servicesListYoutube__quality-block {
    height: 64px;
    border-radius: 16px;
  }

  .servicesListYoutube__quality-text {
    font-size: 15px;
    line-height: 22px;
  }

  .servicesListYoutube__quality-reviews {
    font-size: 14px;
    line-height: 21px;
  }

  .servicesListYoutube__premium-block {
    height: 64px;
    border-radius: 16px;
    text-align: right;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    border: none;
  }

  .servicesListYoutube__premium-text {
    font-size: 15px;
    line-height: 22px;
  }

  .servicesListYoutube__premium-reviews {
    font-size: 14px;
    line-height: 21px;
  }

  .servicesListYoutube__container {
    padding: 0;
  }

  .servicesListYoutube__white-text,
  .servicesListYoutube__color-text {
    font-size: 15px;
  }

  .servicesListYoutube__white-block {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05);
    border: none;
    height: 64px;
  }

  .servicesListYoutube__color-block {
    height: 64px;
  }

  .servicesListYoutube .instant-indents {
    padding-right: 45px;
  }

  .servicesListYoutube .gradual-indents {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 375px) {
  .servicesListYoutube .gradual-indents {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 320px) {
  .servicesListYoutube .gradual-indents {
    padding-left: 20px;
  }
}

.safeToBuy {
  margin-bottom: 48px;
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  border-radius: 24px;
  border: 1px solid rgba(9, 10, 31, 0.02);
  background: var(--White, #fff);
  box-shadow: 20px 40px 80px 0px rgba(9, 10, 31, 0.03);
}

.safeToBuy__wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
  background: rgba(255, 255, 255, 0.8);
  min-height: 230px;
  padding: 36px;
}

.safeToBuy__wrapper:not(:last-child) {
  border-bottom: 1px solid rgba(9, 10, 31, 0.1);
}

.safeToBuy__image {
  display: flex;
  padding: 14px 33px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  width: 120px;
  height: 120px;
  background: #fff2f2;
}

.safeToBuy__title-text {
  display: flex;
  flex-direction: column;
}

.safeToBuy__title_with_circle,
.safeToBuy__title {
  color: #090a1f;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 10px;
}

.safeToBuy__icon {
  width: 54px;
  height: 54px;
}

.safeToBuy__text_with_circle,
.safeToBuy__text {
  color: rgba(9, 10, 31, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
}

.safeToBuy__block {
  display: flex;
  gap: 10px;
}

.safeToBuy__circle {
  margin-top: 12px;
  line-height: 200%;
}

.safeToBuy__circle>div {
  background-color: rgba(9, 10, 31, 0.5);
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

@media only screen and (max-width: 880px) {
  .safeToBuy__wrapper {
    flex-direction: column;
    flex: 0 0 100%;
    align-items: center;
  }

  .safeToBuy__circle {
    margin-left: 10px;
  }

  .safeToBuy__title {
    text-align: center;
  }

  .safeToBuy__text {
    text-align: center;
  }
}

.subBlockOnPage {
  margin-top: 80px;
  margin-bottom: 48px;
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.subBlockOnPage__wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
  border-radius: 24px;
  border: 1px solid rgba(9, 10, 31, 0.1);
  background: rgba(255, 255, 255, 0.8);
  min-height: 230px;
  padding: 36px;
  justify-content: space-between;
  flex: 0 0 48%;
}

.subBlockOnPage__containerRisk {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.subBlockOnPage__wrapperRisk {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 31%;
  gap: 20px;
  border-radius: 24px;
  border: 1px solid rgba(9, 10, 31, 0.1);
  background: rgba(255, 255, 255, 0.8);
  padding: 36px;
  justify-content: flex-start;
  transition: 0.2s;
}

.subBlockOnPage__wrapperRisk:hover {
  background: #fff;
  box-shadow: 40px 40px 80px 0px rgba(9, 10, 31, 0.04);
}

.subBlockOnPage__image {
  display: flex;
  padding: 33px 33px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  width: 120px;
  height: 120px;
  background: #fff2f2;
}

.subBlockOnPage__icon {
  width: 54px;
  height: 54px;
}

.subBlockOnPage__title-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

.subBlockOnPage__title {
  color: #090a1f;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
  margin-bottom: 10px;
}

.subBlockOnPage__text {
  color: rgba(9, 10, 31, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
}

.subBlockOnPage__title-risk {
  color: #090a1f;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
  text-align: center;
}

.subBlockOnPage__text-risk {
  color: rgba(9, 10, 31, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
  text-align: center;
}

.subBlockOnPage__important {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 20px;
  text-align: center;
}

.subBlockOnPage__full-width {
  flex: 0 0 100%;
}

.subBlockOnPage__risk-title {
  color: #090a1f;
  font-size: 24px;
  font-weight: 600;
  line-height: 36.8px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.subBlockOnPageRisk {
  flex-direction: column;
}

@media only screen and (max-width: 880px) {
  .subBlockOnPage__wrapper {
    flex-direction: column;
    flex: 0 0 100%;
  }

  .subBlockOnPage__important {
    padding-left: 0px;
    padding-right: 0px;
  }

  .subBlockOnPage__containerRisk {
    flex-direction: column;
  }

  .subBlockOnPage__wrapperRisk {
    width: 100%;
  }

  .subBlockOnPage__title-container {
    align-items: center;
  }

  .subBlockOnPage__title {
    text-align: center;
  }

  .subBlockOnPage__text {
    text-align: center;
  }
}

.servicesNavYoutube {
  margin-top: 64px;
}

.servicesNavYoutube__nav {
  display: flex;
  justify-content: space-around;
  position: relative;
  overflow-x: auto;
}

.servicesNavYoutube__nav::-webkit-scrollbar {
  height: 6px;
}

.servicesNavYoutube__nav::-webkit-scrollbar-track {
  background: #fafafa;
}

.servicesNavYoutube__nav::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.servicesNavYoutube__text {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
}

.servicesNavYoutube__text-active {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}

.servicesNavYoutube__link {
  height: 60px;
  background: #f00;
  padding-left: 54px;
  padding-right: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e8eb;
  border-radius: 16px;
  gap: 0 8px;
  cursor: pointer;
}

.servicesNavYoutube__link-active {
  background: #fff;
}

.servicesNavYoutube__link-inner {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 146px;
  gap: 8px;
}

.servicesNavYoutube__icon {
  min-height: 32px;
  min-width: 32px;
}

.servicesNavYoutube__likes {
  height: 20px;
  width: 20px;
}

.servicesNavYoutube__active {
  opacity: 0.2;
}

.servicesNavYoutube a:hover {
  color: #00abdf;
}

.servicesNavYoutube .heart-icon {
  height: 24px;
  width: 28px;
}

.servicesNavYoutube .heart-youtube-icon {
  min-height: 32px;
  min-width: 32px;
}

.servicesNavYoutube__disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media only screen and (max-width: 1130px) {
  .servicesNavYoutube__link {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 930px) {
  .servicesNavYoutube__link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 760px) {
  .servicesNavYoutube__link {
    padding: 12px 14px;
  }

  .servicesNavYoutube__link-inner {
    width: fit-content;
  }
}

@media only screen and (max-width: 600px) {
  .servicesNavYoutube {
    margin-top: 24px;
  }

  .servicesNavYoutube__nav {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    gap: 0 14px;
    -webkit-overflow-scrolling: touch;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .servicesNavYoutube__link {
    height: 74px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 12px 14px;
  }

  .servicesNavYoutube__link-inner {
    width: fit-content;
    flex-direction: column;
  }

  .servicesNavYoutube__text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 2px;
  }

  .servicesNavYoutube__text-active {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-top: 2px;
  }

  .servicesNavYoutube__icon {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }

  .heart-icon {
    height: 18px;
    width: 22px;
  }
}

.youtubeServicesPage {
  max-width: 1140px;
  margin: 0 auto;
}

.youtubeServicesPage__additional {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.youtubeServicesPage__additional-container {
  margin-top: 48px;
  text-align: center;
  width: 70%;
  color: rgba(9, 10, 31, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
}

.youtubeServicesPage__additional-container>img {
  margin-right: 5px;
  width: 12px;
  height: 12px;
}

.youtubeServicesPage__step-rocket-icon {
  margin-right: 5px;
  width: 12px;
  height: 12px;
}

.youtubeServicesPage__step-ligth-text {
  font-weight: 400;
}

.youtubeServicesPage__safe-to-buy {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 160px;
  margin-bottom: 48px;
}

.youtubeServicesPage__nav-text-bigger {
  color: #090a1f;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36.8px;
  padding-left: 100px;
  padding-right: 100px;
}

.youtubeServicesPage__steps-container-mini-text {
  margin-top: 48px;
  text-align: center;
  width: 100%;
  color: rgba(9, 10, 31, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
}

.youtubeServicesPage__steps-container-mini-text>img {
  margin-right: 5px;
  width: 12px;
  height: 12px;
}

.youtubeServicesPage__title-container {
  margin-top: 160px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 48px;
}

.youtubeServicesPage__order-title-youtube {
  width: 60%;
  text-align: center;
}

.youtubeServicesPage__title-main {
  margin-top: 64px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 17px;
  color: #090a1f;
}

.youtubeServicesPage__text-description {
  display: flex;
  text-align: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 32px;
}

.youtubeServicesPage__text-description-text {
  color: rgba(9, 10, 31, 0.3);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 35%;
}

.youtubeServicesPage__text-description-text-views {
  color: rgba(9, 10, 31, 0.3);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 45%;
}

.youtubeServicesPage__text-description-text-views-biggest {
  color: rgba(9, 10, 31, 0.3);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 65%;
}

.youtubeServicesPage__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  max-width: 814px;
  margin: 16px auto 96px;
}

.youtubeServicesPage__subtitle-free-followers {
  max-width: 810px;
}

.youtubeServicesPage__text-likes {
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
  text-align: center;
}

.youtubeServicesPage__text-likes>p {
  width: 362px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.3);
}

.youtubeServicesPage__buy-block {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  justify-content: center;
}

.youtubeServicesPage__buy-block-subscribers {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
}

.youtubeServicesPage__free-btn {
  background: #457ce9;
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  width: 50%;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
}

.youtubeServicesPage__byu-more-btn {
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #457ce9;
  background: #fff;
  width: 50%;
  height: 60px;
  cursor: initial;
}

.youtubeServicesPage__free-btn-block {
  display: flex;
  gap: 0 24px;
  width: 504px;
  margin: 64px auto 160px;
}

.youtubeServicesPage__faq {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  margin: 160px auto 64px;
  text-align: center;
}

.youtubeServicesPage__red-border {
  border: 2px solid #fc8080;
}

.youtubeServicesPage__should-buy-block-rates,
.youtubeServicesPage__should-buy-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 160px;
  margin-bottom: 48px;
}

.youtubeServicesPage__wrapper-safe-buy {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}

.youtubeServicesPage__nav-title {
  width: 70%;
  color: var(--Black, #090a1f);
  font-size: 40px;
  font-weight: 600;
}

.youtubeServicesPage__nav-text {
  color: rgba(9, 10, 31, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
}

.youtubeServicesPage__nav-image {
  width: 45%;
}

.youtubeServicesPage__safe-buy {
  width: 100%;
  height: 100%;
}

.youtubeServicesPage__subscriber-boost-img {
  width: 100%;
  height: 100%;
}

.youtubeServicesPage__nav_two-title {
  width: 90%;
  color: var(--Black, #090a1f);
  font-size: 40px;
  font-weight: 600;
}

.youtubeServicesPage__nav_two-image {
  width: 48%;
  border-radius: 31.245px;
  background: #fff2f2;
  padding: 62px;
}

.youtubeServicesPage__ranking-buy {
  width: 100%;
  height: 100%;
}

.youtubeServicesPage__subtitle-likes-color {
  color: red !important;
}

.youtubeServicesPage__lists-block {
  border-radius: 24px;
  background: var(--White, #fff);
  box-shadow: 0px 19.949px 69.82px 0px rgba(0, 0, 0, 0.04);
  padding: 24px 36px;
  display: flex;
}

.youtubeServicesPage__lists {
  list-style: initial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  gap: 6px 72px;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 110px;
  justify-content: center;
  max-width: 400px;
}

.youtubeServicesPage__lists li {
  color: red;
}

.youtubeServicesPage__list span {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}

.youtubeServicesPage__should-buy {
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.youtubeServicesPage__lists-reverse li {
  color: #457ce9;
}

.youtubeServicesPage__lists-reverse {
  list-style: initial;
  display: flex;
  height: 108px;
  flex-wrap: wrap;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  gap: 6px 66px;
  justify-content: flex-end;
  margin-top: 20px;
}

.youtubeServicesPage__lists-reverse-blocks {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}

.youtubeServicesPage__nav-title-left {
  text-align: left !important;
}

.youtubeServicesPage__order-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.youtubeServicesPage__subtitle-likes {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin: 20px auto 0;
  max-width: 858px;
}

.youtubeServicesPage__lists-block {
  border-radius: 24px;
  background: var(--White, #fff);
  box-shadow: 0px 19.949px 69.82px 0px rgba(0, 0, 0, 0.04);
  padding: 24px 36px;
  display: flex;
}

.youtubeServicesPage__lists {
  list-style: initial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  gap: 6px 72px;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 110px;
  justify-content: center;
  max-width: 400px;
}

.youtubeServicesPage__lists li {
  color: red;
}

.youtubeServicesPage__list span {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}

.youtubeServicesPage__should-buy {
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.youtubeServicesPage__lists-reverse li {
  color: #457ce9;
}

.youtubeServicesPage__lists-reverse {
  list-style: initial;
  display: flex;
  height: 108px;
  flex-wrap: wrap;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.8);
  gap: 6px 66px;
  justify-content: flex-end;
  margin-top: 20px;
}

.youtubeServicesPage__lists-reverse-blocks {
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}

.youtubeServicesPage__nav-title-left {
  text-align: left !important;
}

.youtubeServicesPage__order-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.youtubeServicesPage__subtitle-likes {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin: 20px auto 0;
  max-width: 858px;
}

@media only screen and (max-width: 1140px) {
  .youtubeServicesPage__buy-block-subscribers {
    justify-content: center;
  }
}

@media only screen and (max-width: 880px) {
  .youtubeServicesPage__title-container {
    margin-top: 0px;
  }

  .youtubeServicesPage__should-buy-block-rates {
    flex-direction: column-reverse;
    margin-top: 64px;
  }

  .youtubeServicesPage__should-buy-block {
    flex-direction: column;
    margin-top: 64px;
  }

  .youtubeServicesPage__wrapper-safe-buy {
    width: 100%;
  }

  .youtubeServicesPage__nav_two-image {
    width: 100%;
    padding: 38px;
  }

  .youtubeServicesPage__nav-image {
    width: 100%;
  }

  .youtubeServicesPage__nav-title {
    width: 100%;
    font-size: 24px;
  }

  .youtubeServicesPage__nav_two-title {
    font-size: 24px;
    width: 100%;
    line-height: 36px;
  }

  .youtubeServicesPage__additional-container {
    width: 100%;
  }

  .youtubeServicesPage__step-ligth-text {
    width: 100%;
  }

  .youtubeServicesPage__lists {
    max-height: 100%;
  }

  .youtubeServicesPage__text-description-text-views-biggest,
  .youtubeServicesPage__text-description-text-views {
    max-width: 100%;
  }

  .youtubeServicesPage__nav-text-bigger {
    padding-left: 0px;
    padding-right: 0px;
  }

  .youtubeServicesPage__order-title-youtube {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .youtubeServicesPage {
    margin-top: 32px;
  }

  .youtubeServicesPage__free-btn,
  .youtubeServicesPage__byu-more-btn {
    width: 100%;
  }

  .youtubeServicesPage__title-main {
    margin-top: 48px;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px;
  }

  .youtubeServicesPage__title-main-likes {
    margin-bottom: 10px;
  }

  .youtubeServicesPage__subtitle {
    line-height: 170%;
    margin: 4px auto 42px;
  }

  .youtubeServicesPage__text-likes {
    margin-bottom: 32px;
  }

  .youtubeServicesPage__text-likes>p {
    font-size: 16px;
    line-height: 170%;
    width: 320px;
    text-align: center;
  }

  .youtubeServicesPage__buy-block {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    justify-content: center;
  }

  .youtubeServicesPage__free-btn-block {
    margin: 48px auto 64px;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .youtubeServicesPage__buy-block-auto-likes {
    margin-top: 24px;
  }

  .youtubeServicesPage__order-title {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
  }

  .youtubeServicesPage__subtitle-likes {
    text-align: center;
    margin-top: 10px;
  }
}

.internalHeader {
  box-shadow: 0 0 6px 1px rgba(226, 226, 226, 0.6);
  position: relative;
}

.internalHeader__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 75px;
  position: relative;
}

.internalHeader__logo {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  color: #457ce9;
  cursor: pointer;
}

.internalHeader__nav-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.internalHeader__nav {
  display: flex;
  height: 100%;
  gap: 0 330px;
  align-items: center;
}

.internalHeader__nav a {
  display: block;
  text-decoration: none;
  transition: all 0.2s ease-out;
  -webkit-tap-highlight-color: transparent;
  width: fit-content;
}

.internalHeader__nav-block {
  display: flex;
  justify-content: center;
  gap: 0 18px;
  align-items: center;
}

.internalHeader__nav-text-active {
  color: #457ce9;
}

.internalHeader__partner {
  display: flex;
  align-items: center;
}

.internalHeader__partner>*+* {
  margin-left: 50px;
}

.internalHeader__home {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

.internalHeader__home div {
  width: 23px;
  height: 23px;
}

.internalHeader__home:hover {
  background-color: #f9f9f9;
}

.internalHeader__burger-menu {
  display: none;
}

.internalHeader__pc {
  display: block;
}

.internalHeader__mobile {
  display: none;
}

.internalHeader__client-nav-btn-block {
  background: #457ce9;
  cursor: pointer;
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  height: 60px;
  width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.internalHeader__client-nav-btn {
  color: #ffffff;
}

.internalHeader__client-nav-btn-block>div {
  width: 24px;
  height: 24px;
}

@media only screen and (max-width: 1320px) {
  .internalHeader__inner {
    padding: 0 16px;
    justify-content: space-between;
  }

  .internalHeader__nav {
    display: none;
  }

  .internalHeader__burger-menu {
    display: block;
  }

  .internalHeader__nav-block-burger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 48px;
  }

  .internalHeader__nav-block {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }

  .internalHeader__sign-in {
    width: 100%;
  }

  .internalHeader__nav-text {
    margin-bottom: 32px;
  }

  .internalHeader__pc {
    display: none;
  }

  .internalHeader__client-nav-btn-block {
    width: 100%;
  }

  .internalHeader__mobile {
    display: block;
  }
}

.instaServices {
  overflow: hidden;
}

@media only screen and (max-width: 1000px) {
  .instaServices {
    padding: 0 20px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-in;
}

@media only screen and (max-width: 600px) {
  .instaServices {
    padding: 0 16px;
  }
}

.reviews {
  animation: fadeIn 0.5s ease-in;
  overflow: hidden;
}

.reviews__nav {
  display: flex;
  justify-content: space-between;
  margin-top: 160px;
}

.reviews__add-feedback {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 16px;
  width: fit-content;
  min-width: 178px;
  max-width: fit-content;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}

.reviews__add-feedback-youtube {
  background: rgba(255, 0, 0, 0.05);
  border-radius: 16px;
  width: fit-content;
  min-width: 178px;
  max-width: fit-content;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}

.reviews__add-feedback-pc {
  display: flex;
}

.reviews__add-feedback-mobile {
  display: none;
}

.reviews__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
}

.reviews__plus {
  width: 12px;
  height: 12px;
}

.reviews__plus-red {
  width: 24px;
  height: 24px;
}

.reviews__title-card {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 37px;
  text-align: center;
  margin-top: 30px;
}

.reviews__text-card {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
  margin-top: 6 [x];
}

.reviews__rate {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #457ce9;
}

.reviews__rate-youtube {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: var(--Black, #090a1f);
}

.reviews__add-feedback-text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #457ce9;
}

.reviews__add-feedback-text-youtube {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #f00;
}

.reviews__feedback-count {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 0 5px;
  justify-content: center;
}

.reviews__rate-star {
  height: 12px;
  width: 12px;
  margin-left: 3px;
}

.reviews .swiper-wrapper {
  display: flex;
  margin-top: 52px;
}

.reviews .swiper-pagination {
  display: flex;
  justify-content: center;
  pointer-events: none;
  bottom: auto !important;
  top: 200px;
  left: calc(50% - 14px) !important;
  width: auto !important;
  margin-top: 40px;
}

.reviews .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px !important;
  border: 1px solid #29abe2;
  opacity: 1;
  background-color: #29abe2;
  position: relative;
  transition: all 0.2s ease-out;
  pointer-events: visible;
  opacity: 0.2;
  border-radius: 50%;
}

.reviews .swiper-pagination-bullet-active {
  background-color: #457ce9;
  opacity: 1;
}

.reviews .swiper-pagination-youtube {
  display: flex;
  justify-content: center;
  pointer-events: none;
  bottom: auto !important;
  top: 200px;
  left: calc(50% - 14px) !important;
  width: auto !important;
  margin-top: 40px;
}

.reviews .swiper-pagination-youtube .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px !important;
  border: 1px solid red;
  opacity: 1;
  background-color: red;
  position: relative;
  transition: all 0.2s ease-out;
  pointer-events: visible;
  opacity: 0.2;
  border-radius: 50%;
}

.reviews .swiper-pagination-youtube .swiper-pagination-bullet-active {
  background-color: #ff0000 !important;
  opacity: 1;
}

.reviews__arrow-block {
  display: flex;
  justify-content: center;
  gap: 0 16px;
}

.reviews__arrow-container {
  border: 1px solid rgba(9, 10, 31, 0.15);
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.reviews__arrow-container>div {
  height: 12px;
  width: 6px;
}

.reviews__stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}

.reviews__stars div {
  width: 23px;
  height: 23px;
  margin: 0 5px;
}

.reviews .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(9, 10, 31, 0.1);
  border-radius: 24px;
  padding: 48px 30px;
  min-height: 340px;
}

@media only screen and (max-width: 600px) {
  .reviews__title {
    text-align: center;
    font-size: 24px;
  }

  .reviews__nav {
    margin-top: 64px;
    justify-content: center;
  }

  .reviews__add-feedback-pc {
    display: none;
  }

  .reviews__add-feedback-mobile {
    display: flex;
    width: 100%;
    margin-top: 32px;
    padding: 0;
    max-width: 100%;
  }

  .reviews__arrow-block {
    display: none;
  }

  .reviews .swiper-slide {
    padding: 32px 20px;
  }

  .reviews .swiper-wrapper {
    min-height: 249px;
  }

  .reviews__title-card {
    margin-top: 16px;
  }

  .reviews .swiper-pagination {
    margin-top: 24px;
  }
}

.discountuser {
  animation: fadeIn 0.5s ease-in;
  overflow: hidden;
}

.discountuser__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
}

.discountuser__nav_center {
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: 100px;
}

.discountuser__add-feedback {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 16px;
  width: fit-content;
  min-width: 178px;
  max-width: fit-content;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}

.discountuser__add-feedback-pc {
  display: flex;
}

.discountuser__add-feedback-mobile {
  display: none;
}

.discountuser__block-title {
  width: 10%;
}

.discountuser__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}

.discountuser__text-card {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  color: #000;
}

.discountuser .swiper-wrapper {
  display: flex;
  margin-top: 40px;
}

.discountuser .swiper-pagination {
  display: flex;
  justify-content: center;
  pointer-events: none;
  bottom: auto !important;
  top: 200px;
  left: calc(50% - 14px) !important;
  width: auto !important;
  margin-top: 40px;
}

.discountuser .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px !important;
  border: 1px solid #29abe2;
  opacity: 1;
  background-color: #457ce9;
  position: relative;
  transition: all 0.2s ease-out;
  pointer-events: visible;
  opacity: 0.2;
  border-radius: 50%;
}

.discountuser .swiper-pagination-bullet-active {
  background-color: #457ce9;
  opacity: 1;
}

.discountuser__arrow-block {
  display: flex;
  justify-content: center;
  gap: 0 16px;
}

.discountuser__arrow-container {
  border: 1px solid rgba(9, 10, 31, 0.15);
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.discountuser__arrow-container>div {
  height: 12px;
  width: 6px;
}

.discountuser__block-discount {
  background-color: #132ef7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.discountuser__block-user-info {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
}

.discountuser__line {
  height: 1px;
  width: 100%;
  background-color: rgba(9, 10, 31, 0.1);
}

.discountuser__discount-info {
  display: flex;
  justify-content: space-between;
}

.discountuser__discount-info>div {
  display: flex;
  height: 72px;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.discountuser__cur-text {
  color: #000;
  opacity: 0.6;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.discountuser__persent-now {
  display: flex;
  padding: 8px 48px;
  height: 43px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.discountuser__persent-now>div {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.discountuser__cur-next {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.discountuser__span-text {
  background: var(--gradient,
      linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Poppins;
  font-size: 14px;
}

.discountuser__span-text-next {
  background: var(--gradient,
      linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Poppins;
  font-size: 18px;
}

.discountuser__persent-next {
  position: relative;
  padding: 8px 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
}

.discountuser__persent-next>div {
  background: var(--gradient,
      linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%));
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.discountuser__persent-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(140deg, #f6ec32 0%, #df2e80 52.08%, #132ef7 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.discountuser__arrow-discount {
  width: 24px;
  height: 24px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.discountuser__arrow-discount>div {
  opacity: 0.5;
  height: 12px;
  width: 6px;
}

.discountuser__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}

.discountuser__avatar div {
  border-radius: 32px;
  width: 32px;
  height: 32px;
  margin: 0 5px;
}

.discountuser__services-list {
  display: flex;
  gap: 16px;
}

.discountuser__services-list>div {
  width: 32px;
  height: 32px;
}

.discountuser .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  min-width: 345px;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(9, 10, 31, 0.1);
  border-radius: 24px;
  padding: 24px;
  min-height: 296px;
}

@media only screen and (max-width: 600px) {
  .discountuser__title {
    text-align: center;
    font-size: 24px;
  }

  .discountuser__nav {
    margin-top: 64px;
    justify-content: center;
  }

  .discountuser__add-feedback-pc {
    display: none;
  }

  .discountuser__add-feedback-mobile {
    display: flex;
    width: 100%;
    margin-top: 32px;
    padding: 0;
    max-width: 100%;
  }

  .discountuser__arrow-block {
    display: none;
  }

  .discountuser .swiper-slide {
    padding: 32px 20px;
    min-width: none;
  }

  .discountuser .swiper-wrapper {
    min-height: 249px;
  }

  .discountuser__title-card {
    margin-top: 16px;
  }

  .discountuser .swiper-pagination {
    margin-top: 24px;
  }
}

.systemList__title {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  margin-top: 80px;
}

.systemList__title-youtube {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  margin-top: 123px;
}

@media only screen and (max-width: 600px) {
  .systemList__title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-top: 64px;
  }

  .systemList__title-youtube {
    font-size: 20px;
    line-height: 30px;
    margin-top: 36px;
  }
}

.visualEditor h2,
.visualEditor h1 {
  margin: 80px 0 45px;
  position: relative;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 25px;
  text-align: center;
}

.visualEditor h2::before,
.visualEditor h1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 200px;
  background: #00abdf;
}

.visualEditor h1 {
  font-size: 22px;
  font-weight: 500;
}

.visualEditor h3 {
  margin: 40px 0 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.visualEditor p,
.visualEditor ul,
.visualEditor ol {
  line-height: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 300;
}

.visualEditor p+p,
.visualEditor ul+p,
.visualEditor ol+p {
  margin-top: 20px;
}

.visualEditor ul,
.visualEditor ol {
  margin-top: 20px;
  padding-left: 20px;
}

.visualEditor ul {
  list-style: disc inside;
}

.visualEditor ol {
  list-style: decimal inside;
}

.visualEditor .attention {
  padding: 20px;
  background-color: #f4f4f4;
}

.visualEditor a {
  text-decoration: underline;
  color: #00abdf;
}

.visualEditor img {
  width: 100%;
}

.visualEditor__center {
  text-align: center;
}

.visualEditor>*:first-child {
  margin-top: 0;
}

.benefits {
  min-width: 380px;
}

.benefits__wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 28px;
  max-width: 380px;
  max-height: 480px;
  height: max-content;
}

.benefits__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #090a1f;
}

.benefits__container {
  max-width: 155px;
  width: 100%;
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
  height: max-content;
  border-radius: 16px;
  border: 1px solid rgba(9, 10, 31, 0.05);
  box-sizing: border-box;
  padding: 8px 15px;
}

.benefits__icons-cirkul {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f7f9ff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  min-width: 48px;
}

.benefits__icons-cirkul-youtube {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #e3e8eb;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  min-width: 48px;
}

.benefits__icons-cirkul-instagram {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #f7f9ff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  min-width: 48px;
}

.benefits__icon {
  height: 24px;
  width: 24px;
}

.benefits__icon-26 {
  height: 26px;
  width: 26px;
}

.benefits__icon-32 {
  height: 32px;
  width: 32px;
}

.benefits__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #000000;
}

.benefits__text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #babec0;
  margin-top: 4px;
}

.benefits__dashed-line {
  height: 80%;
  border-right: 1px dashed #457ce9;
  width: 1px;
  position: absolute;
  top: 10%;
  left: 24px;
  z-index: 10;
}

.benefits__dashed-line-red {
  height: 77%;
  border-right: 1px dashed #f00;
  width: 1px;
  position: absolute;
  top: 11%;
  left: 24px;
  z-index: 10;
}

.benefits__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  position: relative;
  align-content: flex-start;
}

.benefits__info_top {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.benefits__bottom_block {
  opacity: 0.25;
  background: rgba(9, 10, 31, 0.25);
  height: 1px;
  width: 100%;
  margin: 25px 0;
}

.benefits__info-youtube {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  padding-top: 15px;
  padding-bottom: 38px;
}

.benefits__card_bottom {
  width: 132px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.benefits__card_bottom .wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.benefits__card_bottom .wrap .title {
  color: #090a1f;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.benefits__card_bottom .text {
  color: #babec0;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  text-align: center;
}

.benefits__card_bottom_list {
  display: flex;
  width: 100%;
  justify-content: space-around;
  position: relative;
}

@media only screen and (max-width: 600px) {
  .benefits {
    margin-top: 64px;
    width: 100%;
  }

  .benefits__wrapper {
    padding: 32px 24px 32px 24px;
    max-width: 100%;
    max-height: 100%;
  }

  .benefits__info-youtube,
  .benefits__info {
    height: 90%;
  }

  .benefits__info,
  .benefits__info-youtube {
    padding-bottom: 0;
  }

  .benefits__title {
    font-size: 20px;
  }

  .benefits__subtitle {
    font-size: 16px;
  }

  .benefits__icons-cirkul {
    width: 48px;
    height: 48px;
  }

  .benefits__icon {
    height: 24px;
    width: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .benefits {
    min-width: 100%;
  }
}

.trial {
  width: 100%;
}

.trial__wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  display: flex;
  padding-left: 36px;
  width: 100%;
}

.box .box__card.trial-selected {
  transform: translateY(-6px);
  box-shadow:
    0 12px 30px rgba(18, 46, 87, 0.06),
    0 2px 0 rgba(0, 0, 0, 0.02);
  border: 1.5px solid #457ce9 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
}

.box .box__card.trial-selected .box__count {
  color: #111;
}

.trial__count-block {
  display: flex;
  justify-content: space-between;
  margin: 36px 0 0;
  gap: 24px;
}

.trial__count {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  width: 210px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}

.trial__text-likes-trial {
  display: none;
}

.trial__count-text {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #090a1f;
}

.trial__cirkul {
  height: 32px;
  width: 32px;
  border: 1px solid rgba(9, 10, 31, 0.05);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.trial__count-text-desktop {
  display: block;
}

.trial .active-block:hover {
  box-shadow: 10px 10px 30px rgba(135, 160, 164, 0.1);
  border: none;
}

.trial__active-guarantee {
  border: 1.5px solid #457ce9 !important;
  border-radius: 24px;
}

.trial__active-guarantee:hover {
  box-shadow: none;
}

.trial__count-text-mobile {
  display: none;
}

.trial__text {
  display: flex;
  margin-top: 36px;
  gap: 24px;
  align-items: center;
  justify-content: end;
}

.trial__hide-trial {
  display: flex;
  margin-top: 36px;
  gap: 24px;
  align-items: flex-end;
  justify-content: flex-end;
}

.trial__text-likes {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 16px;
  width: 220px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #457ce9;
}

.trial__text-cost {
  width: 220px;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #457ce9;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.trial__container {
  padding-bottom: 32px;
  padding-right: 11px;
}

.trial__buy {
  background: #457ce9;
  border-radius: 16px;
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #fff;
  justify-content: center;
}

.trial__percent {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 66px;
  color: #457ce9;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: unset;
}

.trial__percent-block {
  padding: 0 25px 0 27px;
  background: rgba(69, 124, 233, 0.04);
  width: 100%;
  border-radius: 24px;
}

.trial__percent-container {
  display: flex;
  gap: 0 20px;
  margin-top: 32px;
  align-items: center;
}

.trial__percent-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.trial__percent-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #969696;
  margin-top: 5px;
}

.trial__percent-icons {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
}

.trial__percent-icons-comments {
  gap: 10px;
}

.trial__percent-icon {
  display: flex;
  flex-direction: column;
}

.trial__percent-icon-img {
  display: block;
  margin: 0 auto;
  max-width: 36px;
  max-height: 36px;
  height: 36px;
  width: 36px;
}

.trial__percent-icon-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #969696;
  margin-top: 10px;
}

.trial__percent-block-color {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 78px;
  background: linear-gradient(94.79deg,
      rgba(246, 236, 50, 0.03) -53.82%,
      rgba(223, 46, 128, 0.03) 79.03%,
      rgba(19, 46, 247, 0.03) 201.25%);
}

.trial__period-text {
  max-width: 270px;
  background:
    linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%),
    #457ce9;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}

.trial__buy-active {
  background: #457ce9;
  color: #fff;
  transition: 0.2s;
}

.trial__buy-active:hover {
  background: #fff;
  color: #457ce9;
  border: 1px solid #457ce9;
}

.trial__cirkul>div {
  width: 12px;
  max-height: 12px;
  height: 100%;
}

.trial__cirkul-minus>div {
  max-height: 3px;
}

.trial__cirkul-disabled {
  opacity: 0.4;
  cursor: initial;
}

.trial__count-guarantee {
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.trial__count-number {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #457ce9;
}

.trial__count-guarantee-disabled {
  border: 1px solid rgba(9, 10, 31, 0.1);
  cursor: unset;
}

.trial__count-guarantee-disabled>p,
.trial__count-guarantee-disabled>div>p {
  color: rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 1320px) {
  .trial {
    margin: 32px 0 0;
    display: flex;
    width: 100%;
  }

  .trial__wrapper {
    flex-direction: column;
    padding: 0;
  }

  .trial__count-block {
    margin: 36px 0 0;
  }

  .trial__text {
    margin-top: 20px;
  }

  .trial__text>a {
    width: 100%;
    display: block;
  }

  .trial__text-likes {
    width: 100%;
  }

  .trial__buy {
    width: 100%;
  }

  .trial__count {
    border-radius: 24px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
  }

  .trial__count-text-desktop {
    display: none;
  }

  .trial__count-text-mobile {
    display: block;
  }

  .trial__container {
    padding: 0 20px;
  }

  .trial__text-cost {
    width: 100%;
    justify-content: center;
  }

  .trial__percent-block {
    margin-top: 32px;
    padding: 0 12px;
    width: 100%;
    border-radius: 24px;
    height: fit-content;
  }

  .trial__percent {
    font-size: 28px;
    line-height: 42px;
  }

  .trial__percent-title {
    font-size: 14px;
    line-height: 140%;
    max-width: 200px;
  }

  .trial__percent-text {
    font-size: 14px;
    line-height: 140%;
    max-width: 200px;
  }

  .trial__percent-icons {
    gap: 0;
    justify-content: space-around;
    margin-bottom: 14px;
  }

  .trial__count-guarantee {
    flex-direction: column;
    justify-content: center;
    align-self: center;
  }

  .trial__period-text {
    max-width: 303px;
    font-size: 14px;
    line-height: 160%;
  }

  .trial__percent-block-color {
    padding: 0;
    height: 92px;
  }

  .trial__percent-container {
    margin-top: 32px;
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 600px) {
  .trial__count-block {
    flex-direction: column;
    display: flex;
    gap: 24px;
  }

  .trial__text {
    gap: 0;
    flex-direction: column-reverse;
  }

  .trial__percent-icons {
    justify-content: space-between;
  }

  .trial__percent-text {
    display: none;
  }

  .trial__percent-title {
    max-width: none;
  }

  .trial__percent-icon-text {
    display: none;
  }

  .trial__count-number {
    margin-top: 5px;
  }

  .trial .active-block:hover {
    box-shadow: none;
    border: 1px solid rgba(9, 10, 31, 0.1);
  }
}

.trialYoutube {
  width: 100%;
}

.trialYoutube__trialYoutube-subscribers {
  width: 725px;
  display: flex;
  justify-content: flex-end;
}

.trialYoutube__wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  display: flex;
  padding-left: 36px;
  width: 100%;
}

.trialYoutube__wrapper-subscribers {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  display: flex;
  padding-left: 36px;
  width: 100%;
}

.trialYoutube__count-block {
  display: flex;
  justify-content: space-between;
  margin: 36px 0 0;
  gap: 24px;
}

.trialYoutube__count {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  width: 210px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}

.trialYoutube__text-likes-trial {
  display: none;
}

.trialYoutube__count-text {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #090a1f;
}

.trialYoutube__cirkul {
  height: 32px;
  width: 32px;
  border: 1px solid rgba(9, 10, 31, 0.05);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.trialYoutube__count-text-desktop {
  display: block;
}

.trialYoutube .active-block:hover {
  box-shadow: 10px 10px 30px rgba(135, 160, 164, 0.1);
  border: none;
}

.trialYoutube__active-guarantee {
  border: 1.5px solid #457ce9;
  border-radius: 24px;
}

.trialYoutube__active-guarantee:hover {
  box-shadow: none;
}

.trialYoutube__count-text-mobile {
  display: none;
}

.trialYoutube__text-subscribers {
  display: flex;
  margin-top: 36px;
  gap: 24px;
  justify-content: flex-end;
}

.trialYoutube__text {
  display: flex;
  margin-top: 36px;
  gap: 24px;
  justify-content: flex-end;
}

.trialYoutube__hide-trialYoutube {
  display: flex;
  margin-top: 36px;
  gap: 24px;
  align-items: flex-end;
  justify-content: flex-end;
}

.trialYoutube__text-likes {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 16px;
  width: 220px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #090a1f;
}

.trialYoutube__text-cost-subscribers {
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #f00;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.trialYoutube__text-cost {
  width: 220px;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #f00;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.trialYoutube__container {
  padding-bottom: 32px;
  padding-right: 11px;
  width: 100%;
}

.trialYoutube__container-subscribers {
  padding-bottom: 32px;
  width: 100%;
  padding-right: 26px;
}

.trialYoutube__buy {
  background: #fafafa;
  border-radius: 16px;
  width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.35);
  justify-content: center;
}

.trialYoutube__percent {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 66px;
  color: #f00;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: unset;
}

.trialYoutube__percent-block {
  padding: 0 25px 0 27px;
  background: rgba(69, 124, 233, 0.04);
  width: 50%;
  border-radius: 24px;
}

.trialYoutube__percent-container {
  display: flex;
  gap: 0 20px;
  margin-top: 32px;
  align-items: center;
}

.trialYoutube__percent-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.trialYoutube__percent-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #969696;
  margin-top: 5px;
}

.trialYoutube__percent-icons {
  display: flex;
  justify-content: flex-start;
  gap: 38px;
  margin-top: 20px;
}

.trialYoutube__percent-icons-comments {
  gap: 38px;
}

.trialYoutube__percent-icon {
  display: flex;
  flex-direction: column;
}

.trialYoutube__percent-icon-img {
  display: block;
  margin: 0 auto;
  max-width: 36px;
  max-height: 36px;
  height: 36px;
  width: 36px;
}

.trialYoutube__percent-icon-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #969696;
  margin-top: 10px;
}

.trialYoutube__percent-block-color {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 78px;
  background: linear-gradient(94.79deg,
      rgba(246, 236, 50, 0.03) -53.82%,
      rgba(223, 46, 128, 0.03) 79.03%,
      rgba(19, 46, 247, 0.03) 201.25%);
}

.trialYoutube__period-text {
  max-width: 270px;
  background:
    linear-gradient(94.79deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%),
    #457ce9;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}

.trialYoutube__buy-active {
  background: #f00;
  color: #fff;
  transition: 0.2s;
}

.trialYoutube__buy-active:hover {
  background: #fff;
  color: #f00;
  border: 1px solid #f00;
}

.trialYoutube__cirkul>div {
  width: 36px;
  height: 36px;
  height: 100%;
}

.trialYoutube__cirkul-minus>div {
  height: 100%;
  width: 100%;
}

.trialYoutube__cirkul-disabled {
  cursor: initial;
}

.trialYoutube__count-guarantee {
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.trialYoutube__count-number {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #f00;
}

.trialYoutube__count-guarantee-disabled {
  border: 1px solid rgba(9, 10, 31, 0.1);
  cursor: unset;
}

.trialYoutube__count-guarantee-disabled>p,
.trialYoutube__count-guarantee-disabled>div>p {
  color: rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 1320px) {
  .trialYoutube {
    margin: 32px 0 0;
    display: flex;
    width: 100%;
  }

  .trialYoutube__trialYoutube-subscribers {
    margin: 32px 0 0;
    display: flex;
    width: 100%;
    flex-direction: flex-start;
  }

  .trialYoutube__wrapper-subscribers,
  .trialYoutube__wrapper {
    flex-direction: column;
    padding: 0;
    width: 100%;
  }

  .trialYoutube__count-block {
    margin: 36px 0 0;
  }

  .trialYoutube__text-subscribers {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .trialYoutube__text {
    margin-top: 20px;
  }

  .trialYoutube__text>a {
    width: 100%;
    display: block;
  }

  .trialYoutube__text-subscribers>a {
    width: 100%;
    display: block;
  }

  .trialYoutube__text-likes {
    width: 100%;
  }

  .trialYoutube__buy {
    width: 100%;
  }

  .trialYoutube__count {
    border-radius: 24px;
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
  }

  .trialYoutube__count-text-desktop {
    display: none;
  }

  .trialYoutube__count-text-mobile {
    display: block;
  }

  .trialYoutube__container-subscribers,
  .trialYoutube__container {
    padding: 0 20px;
  }

  .trialYoutube__text-cost-subscribers,
  .trialYoutube__text-cost {
    width: 100%;
    justify-content: center;
  }

  .trialYoutube__percent-block {
    margin-top: 32px;
    padding: 0 12px;
    width: 100%;
    border-radius: 24px;
    height: fit-content;
  }

  .trialYoutube__percent {
    font-size: 28px;
    line-height: 42px;
  }

  .trialYoutube__percent-title {
    font-size: 14px;
    line-height: 140%;
    max-width: 100%;
  }

  .trialYoutube__percent-text {
    font-size: 14px;
    line-height: 140%;
    max-width: 100%;
  }

  .trialYoutube__percent-icons {
    gap: 0;
    justify-content: space-around;
    margin-bottom: 14px;
  }

  .trialYoutube__count-guarantee {
    flex-direction: column;
    justify-content: center;
    align-self: center;
  }

  .trialYoutube__period-text {
    max-width: 303px;
    font-size: 14px;
    line-height: 160%;
  }

  .trialYoutube__percent-block-color {
    padding: 0;
    height: 92px;
  }

  .trialYoutube__percent-container {
    margin-top: 32px;
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 600px) {
  .trialYoutube__count-block {
    flex-direction: column;
    display: flex;
    gap: 24px;
  }

  .trialYoutube__text-subscribers,
  .trialYoutube__text {
    gap: 0;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }

  .trialYoutube__percent-icons {
    justify-content: space-between;
  }

  .trialYoutube__percent-title {
    max-width: none;
  }

  .trialYoutube__percent-text {
    display: none;
  }

  .trialYoutube__percent-icon-text {
    display: none;
  }

  .trialYoutube__count-number {
    margin-top: 5px;
  }

  .trialYoutube .active-block:hover {
    box-shadow: none;
    border: 1px solid rgba(9, 10, 31, 0.1);
  }
}

.descriptions {
  margin: 160px auto 0;
}

.descriptions .swiper-pagination {
  position: absolute;
  display: flex;
  justify-content: center;
  pointer-events: none;
  bottom: auto !important;
  top: 200px;
  left: calc(50%) !important;
  transform: translateX(-50%);
  width: auto !important;
}

.descriptions__step-count-text-swipper {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  color: #457ce9;
  border: 2px solid #457ce9;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  z-index: 200;
}

.descriptions__nav-block {
  display: flex;
  gap: 0 60px;
  align-items: center;
  justify-content: space-between;
  min-height: 512px;
  position: relative;
  height: 1px;
}

.descriptions__nav-block-youtube {
  display: flex;
  gap: 0 60px;
  align-items: center;
  justify-content: space-between;
  min-height: 512px;
  position: relative;
  height: 633px;
}

.descriptions__nav-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #000000;
  text-align: end;
}

.descriptions__nav-title-youtybe {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #000000;
  text-align: start;
}

.descriptions__nav-mobiles {
  max-width: 512px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.descriptions__youtube_nav-mobiles {
  max-width: 512px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.descriptions__nav-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
}

.descriptions__nav-text-line {
  line-height: 180%;
}

.descriptions__nav-text-link {
  color: #457ce9;
}

.descriptions__nav-text-right {
  text-align: right;
}

.descriptions__nav-text>a {
  color: #457ce9;
}

.descriptions__subtitle-likes,
.descriptions__subtitle-autolikes,
.descriptions__subtitle-followers {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin: 20px auto 0;
  max-width: 858px;
}

.descriptions__subtitle-likes>a,
.descriptions__subtitle-autolikes>a,
.descriptions__subtitle-followers>a {
  color: #457ce9;
}

.descriptions__nav-title-followers {
  display: flex;
  justify-content: flex-start;
}

.descriptions__nav-title-followers>p {
  max-width: 500px;
  text-align: left;
}

.descriptions__order {
  margin-top: 100px;
}

.descriptions__lists-get-block {
  max-height: 150px;
}

.descriptions__order-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.descriptions__order-title-left {
  text-align: left;
  line-height: 150%;
}

.descriptions__why-block {
  max-width: 570px;
}

.descriptions__why-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 180%;
}

.descriptions__why-title>p {
  max-width: 84px;
}

.descriptions__why-title-autolikes>p {
  max-width: 110px;
}

.descriptions__order-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 170%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
  margin-top: 24px;
}

.descriptions__order-steps {
  display: flex;
  justify-content: space-between;
  gap: 0 96px;
  margin-top: 100px;
}

.descriptions__order-img-block-arm,
.descriptions__order-img-block-tv,
.descriptions__order-img-block-salute {
  width: 120px;
  height: 120px;
  background: #f6f9ff;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.descriptions__order-img-block-arm {
  padding: 17px 30px;
}

.descriptions__order-img-block-tv {
  padding: 13px 30px;
}

.descriptions__order-img-block-salute {
  padding: 14px 37px;
}

.descriptions__order-step-number-block {
  position: relative;
  margin-top: 24px;
}

.descriptions__order-step-number-cirkul {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #a1bdf4;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  background: #fff;
}

.descriptions__order-step-number {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  color: #457ce9;
}

.descriptions__step-one {
  border: 2px solid #c6d7f8;
}

.descriptions__line-delimetr {
  display: none;
}

.descriptions__step-two {
  border: 2px solid #a1bdf4;
}

.descriptions__step-three {
  border: 2px solid #749dee;
}

.descriptions__line {
  position: absolute;
  top: 50%;
  background-image: linear-gradient(to right, #c6d7f8, #457ce9);
  height: 2px;
  width: 100%;
  background-color: #457ce9;
}

.descriptions__should-buy-block {
  display: flex;
  margin-top: 166px;
  gap: 60px;
  height: 100%;
  max-height: fit-content;
}

.descriptions__wrapper-should-buy {
  max-width: 570px;
}

.descriptions__step-count-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #457ce9;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #fff;
  z-index: 100;
}

.descriptions__order-step-number-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background: #a1bdf4;
  width: 100%;
  z-index: 10;
}

.descriptions__img-cirkul {
  background: #f6f9ff;
  border-radius: 24px;
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.descriptions__img-block {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 72px;
}

.descriptions__why-description {
  display: grid;
  grid-template-columns: 25.5% 74.5%;
  margin-top: 20px;
}

.descriptions__text-block {
  display: flex;
  justify-content: space-around;
}

.descriptions__text-content {
  max-width: 364px;
}

.descriptions__count-block {
  display: flex;
  justify-content: space-around;
  position: relative;
  margin-top: 24px;
}

.descriptions__count-block-swipper {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  z-index: 200;
  margin-top: 24px;
}

.descriptions__order-step-subtitle {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  margin-top: 24px;
}

.descriptions__order-step-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
  margin-top: 10px;
}

.descriptions__reyadstwo {
  margin-top: 160px;
}

.descriptions__reyadstwo-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 150%;
  text-align: center;
}

.descriptions__reyadstwo-title-color {
  color: #457ce9;
}

.descriptions__reyadstwo-blocks {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
  margin-top: 64px;
}

.descriptions__reyadstwo-block {
  min-height: 352px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 46px 28px;
}

.descriptions__reyadstwo-block-cirkul {
  height: 120px;
  width: 120px;
  background: #f6f9ff;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.descriptions__reyadstwo-text {
  margin-top: 32px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
}

.descriptions__why-reyadstwo-block {
  display: flex;
  gap: 60px;
  margin-top: 160px;
}

.descriptions__why-reyadstwo-wrapper {
  height: 1px;
  min-height: 500px;
  position: relative;
  width: 100%;
}

.descriptions__why-reyadstwo {
  max-width: 500px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.descriptions__nav-text-update {
  margin-top: 10px;
}

.descriptions__lists-order-block {
  list-style: decimal;
  padding-left: 27px;
}

.descriptions__list-tips-order>span {
  margin-right: 10px;
}

.descriptions__list-tips-order>a {
  color: #457ce9;
}

.descriptions__list-tips-order {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
}

.descriptions__list-tips>span {
  color: rgba(0, 0, 0, 0.5);
}

.descriptions__list-tips-order>span>a {
  color: #457ce9;
}

.descriptions__list-tips {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  padding-left: 27px;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
}

.descriptions__list-tips::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 40%;
  left: 8px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  opacity: 0.5;
  background-color: #000000;
  position: absolute;
}

.descriptions__benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 33px;
  margin-top: 160px;
}

.descriptions__wrapper {
  max-width: 570px;
}

.descriptions__wrapper-youtybe {
  max-width: 570px;
  margin: auto 0;
}

.descriptions__benefits-title-block {
  max-width: 418px;
  max-height: 500px;
  padding: 0 21px;
}

.descriptions__benefits-block {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(9, 10, 31, 0.1);
  border-radius: 24px;
  max-width: 418px;
  max-height: 500px;
  padding: 48px 27px 56px;
}

.descriptions__benefits-block>img {
  display: block;
  margin: 0 auto;
}

.descriptions__benefits-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #000000;
  margin-top: 72px;
}

.descriptions__benefits-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 170%;
  color: #000000;
  margin-top: 36px;
  opacity: 0.5;
}

.descriptions__benefits-subtitle {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  margin-top: 30px;
}

.descriptions__benefits-descr {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
  margin-top: 14px;
}

.descriptions__why-up-block {
  padding-bottom: 20px;
}

.descriptions__expanded-cirkul {
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-out;
  cursor: pointer;
}

.descriptions__list {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  padding-left: 27px;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
}

.descriptions__nav-text-description {
  margin-top: 30px;
}

.descriptions__list::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 13px;
  left: 8px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  opacity: 0.5;
  background-color: #000000;
  position: absolute;
}

.descriptions__nav-title-autolikes {
  text-align: start;
}

.descriptions__expanded-cirkul-color {
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #457ce9;
  transition: all 0.5s ease-out;
  cursor: pointer;
}

.descriptions__faq-main-title {
  margin: 160px 0 40px;
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
  color: #000000;
}

.descriptions__faq-block {
  min-height: 108px;
  padding: 39px 48px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.descriptions__faq-block-color {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  padding: 39px 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.descriptions__faq-container {
  max-width: 85%;
}

.descriptions__faq-title {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}

.descriptions__faq-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #303030;
  opacity: 0.5;
  margin-top: 8px;
  max-width: 1000px;
}

.descriptions__step-line {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  background: #457ce9;
  height: 1.5px;
  z-index: 10;
}

.descriptions__why-down-block {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}

.descriptions__why-text {
  font-family: "Poppins", "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 950px) {

  .descriptions__nav-block,
  .descriptions__nav-block-youtube {
    flex-direction: column;
    height: 100%;
  }

  .descriptions__nav-title-youtybe,
  .descriptions__nav-title {
    margin-top: 50px;
  }

  .descriptions__nav-mobiles {
    min-height: 600px;
  }

  .descriptions__youtube_nav-mobiles {
    min-height: 600px;
  }

  .descriptions__wrapper-youtybe,
  .descriptions__wrapper {
    max-width: 100%;
  }

  .descriptions__why-reyadstwo {
    max-width: 100%;
    min-height: 700px;
  }

  .descriptions__why-block {
    max-width: 100%;
  }

  .descriptions__benefits {
    justify-content: center;
  }

  .descriptions__should-buy-block {
    flex-direction: column;
    height: 100%;
    margin-top: 64px;
    flex-direction: column-reverse;
    gap: 0;
    max-height: 100%;
  }

  .descriptions__wrapper-should-buy {
    max-width: 100%;
  }

  .descriptions__why-reyadstwo-block {
    margin-top: 64px;
    gap: 0;
    flex-direction: column;
    height: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .descriptions {
    margin-top: 64px;
  }

  .descriptions__step-block {
    display: none;
  }

  .descriptions__ {
    width: 100%;
  }

  .descriptions__nav-title-youtybe {
    font-size: 20px;
    line-height: 30px;
    margin-top: 36px;
  }

  .descriptions__nav-title {
    font-size: 20px;
    line-height: 30px;
    margin-top: 36px;
    text-align: center;
  }

  .descriptions__nav-text-description {
    margin-top: 0;
  }

  .descriptions__nav-mobiles {
    min-height: 550px;
  }

  .descriptions__youtube_nav-mobiles {
    min-height: 550px;
  }

  .descriptions__line-delimetr {
    display: block;
    margin: 12px auto;
    background: rgba(0, 0, 0, 0.1);
    height: 1px;
    width: 100%;
  }

  .descriptions__nav-text {
    margin-top: 16px;
    font-size: 16px;
    line-height: 200%;
  }

  .descriptions__why-description {
    display: flex;
    flex-direction: column;
    margin: 0;
  }

  .descriptions__why-text {
    border: none;
    padding-left: 0;
    font-size: 16px;
  }

  .descriptions__why-reyadstwo {
    min-height: 500px;
  }

  .descriptions__nav-text-autolikes {
    margin-top: 10px;
  }

  .descriptions__order {
    margin-top: 64px;
  }

  .descriptions__nav-title-autolikes {
    margin-top: 48px;
  }

  .descriptions__order-title {
    font-size: 24px;
    line-height: 36px;
    text-align: left;
  }

  .descriptions__order-text {
    font-size: 16px;
    line-height: 170%;
    margin-top: 10px;
  }

  .descriptions__list-tips {
    padding-left: 24px;
  }

  .descriptions__list-tips::before {
    top: 13px;
  }

  .descriptions__img-cirkul {
    height: 96px;
    width: 96px;
  }

  .descriptions__arm {
    width: 44px;
    height: 50px;
  }

  .descriptions__lists-get-block {
    max-height: fit-content;
  }

  .descriptions__list {
    font-family: "Poppins", "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    padding-left: 24px;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
  }

  .descriptions__list_title {
    font-weight: 600;
  }

  .descriptions__list::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    top: 13px;
    left: 8px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    opacity: 0.5;
    background-color: #000000;
    position: absolute;
  }

  .descriptions__order-step-subtitle {
    margin-top: 46px;
    font-size: 18px;
    line-height: 170%;
  }

  .descriptions__text-content {
    max-width: 100%;
  }

  .descriptions__order-step-text {
    margin-top: 4px;
  }

  .descriptions__tv {
    height: 45px;
    width: 45px;
  }

  .descriptions__nav-text-right {
    text-align: left;
  }

  .descriptions__salute {
    width: 40px;
  }

  .descriptions__reyadstwo {
    margin-top: 64px;
  }

  .descriptions__reyadstwo-title {
    font-size: 24px;
    line-height: 150%;
  }

  .descriptions__reyadstwo-blocks {
    margin-top: 32px;
  }

  .descriptions__reyadstwo-blocks {
    flex-direction: column;
    gap: 24px 0;
    padding: 0;
  }

  .descriptions__reyadstwo-block {
    padding: 36px 24px;
  }

  .descriptions__reyadstwo-text {
    margin-top: 24px;
  }

  .descriptions__benefits {
    margin-top: 64px;
    gap: 24px 0;
  }

  .descriptions__benefits-title {
    margin: 0;
    font-size: 24px;
    line-height: 36px;
  }

  .descriptions__benefits-descr {
    margin-top: 4px;
  }

  .descriptions__benefits-text {
    font-size: 16px;
    line-height: 170%;
    margin-top: 10px;
  }

  .descriptions__benefits-subtitle {
    font-size: 18px;
  }

  .descriptions__benefits-block {
    max-width: 100%;
    padding: 32px 20px;
  }

  .descriptions__benefits-subtitle {
    margin-top: 12px;
  }

  .descriptions___benefits-subtitle {
    margin-top: 4px;
  }

  .descriptions__benefit1,
  .descriptions__benefit2,
  .descriptions__benefit5 {
    width: 60%;
  }

  .descriptions__benefit3,
  .descriptions__benefit4 {
    width: 80%;
  }

  .descriptions__faq-main-title {
    margin: 64px 0 24px;
    font-size: 24px;
    line-height: 37px;
  }

  .descriptions__faq-block,
  .descriptions__faq-block-color {
    padding: 24px 16px;
  }

  .descriptions__faq-block-color {
    align-items: flex-start;
  }

  .descriptions__tips-main-title {
    font-size: 24px;
    line-height: 37px;
    margin-top: 64px;
    margin-bottom: 32px;
  }

  .descriptions__first-tips-block {
    margin-top: 0;
  }

  .descriptions__tips-title {
    font-size: 24px;
    line-height: 37px;
    margin-top: 24px;
  }

  .descriptions__subtitle-likes {
    text-align: left;
    margin-top: 10px;
  }

  .descriptions__subtitle-autolikes {
    margin-top: 10px;
  }

  .descriptions__why-block {
    padding-top: 36px;
  }

  .descriptions__nav-title-followers {
    justify-content: flex-start;
  }

  .descriptions__nav-title-followers>p {
    max-width: fit-content;
    text-align: left;
  }

  .descriptions__why-title>p {
    max-width: fit-content;
  }

  .descriptions__why-up-block,
  .descriptions__why-down-block {
    border: none;
    padding: 0;
  }

  .descriptions__why-title {
    margin-top: 24px;
  }

  .descriptions__should-buy-block-reverse {
    flex-direction: column;
  }
}

@media only screen and (max-width: 480px) {

  .descriptions__nav-mobiles,
  .descriptions__why-reyadstwo {
    min-height: 380px;
  }

  .descriptions__youtube_nav-mobiles {
    min-height: 45%;
  }
}

.otherServiceCard {
  display: flex;
  max-width: 928px;
  margin: 0 auto;
  position: relative;
  margin-top: 36px;
}

.otherServiceCard__img {
  width: 64px;
  height: 64px;
  background: #f7f9ff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.otherServiceCard__blocks-img {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  min-height: 352px;
  padding: 42px 0 48px 97px;
}

.otherServiceCard__block-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px 0;
  max-width: 133px;
}

.otherServiceCard__block-img>p {
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  font-size: 16px;
}

.otherServiceCard__buy-block {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 418px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.04);
  padding: 48px 22px;
}

.otherServiceCard__blocks-img-container {
  max-width: 330px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 54px 60px;
}

.otherServiceCard__buy-btn {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #457ce9;
  color: #ffffff;
  border-radius: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  margin-top: 32px;
}

.otherServiceCard__title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  gap: 0 18px;
}

.otherServiceCard__title>img {
  height: 48px;
  width: 48px;
}

@media only screen and (max-width: 900px) {
  .otherServiceCard__blocks-img-container {
    gap: 60px 40px;
  }

  .otherServiceCard__blocks-img {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 800px) {
  .otherServiceCard__blocks-img-container {
    gap: 60px 10px;
  }

  .otherServiceCard__blocks-img {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .otherServiceCard__blocks-img {
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: 532px;
    padding: 0;
  }

  .otherServiceCard__block-img {
    gap: 12px 0;
    justify-content: flex-start;
  }

  .otherServiceCard__buy-block {
    position: absolute;
    top: 0;
    right: 0;
    height: 268px;
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.04);
    padding: 24px 16px 33px;
  }

  .otherServiceCard__title>img {
    height: 24px;
    width: 24px;
  }

  .otherServiceCard__title {
    font-size: 18px;
    line-height: 27px;
    gap: 0 10px;
  }

  .otherServiceCard__buy-btn {
    margin-top: 24px;
  }

  .otherServiceCard__blocks-img-container {
    margin: 290px auto 0;
    padding-bottom: 10px;
    justify-content: center;
    gap: 36px 46px;
  }

  .otherServiceCard__img {
    height: 48px;
    width: 48px;
  }

  .otherServiceCard__img>img {
    height: 24px;
    width: 24px;
  }
}

.auth-btns {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-top: 140px;
}

.auth-btns__btn {
  background: #457ce9;
  width: 240px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  border-radius: 16px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
}

.auth-btns>a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}

.auth-btns-account-page__btn {
  background: #ffffff;
  width: 240px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  border-radius: 16px;
  color: var(--Black, #090a1f);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
}

.auth-btns-account-page>a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #457ce9;
}

.page404 {
  animation: fadeIn 0.5s ease-in;
  padding: 20vh 0;
}

.page404__text {
  text-align: center;
  color: #7f7f7f;
  font-size: 22px;
}

.page404 .btn-control {
  border-top: none;
  padding-top: 0;
  margin: 40px auto 0;
}

.unsubscribe {
  animation: fadeIn 0.5s ease-in;
  padding: 20vh 0;
}

.unsubscribe__text {
  text-align: center;
  color: #7f7f7f;
  font-size: 22px;
}

.unsubscribe .btn-control {
  border-top: none;
  padding-top: 0;
  margin: 40px auto 0;
}

.account .swiper-pagination {
  position: absolute;
  display: flex;
  justify-content: center;
  pointer-events: none;
  bottom: auto !important;
  top: 200px;
  left: calc(50%) !important;
  transform: translateX(-50%);
  width: auto !important;
}

.account__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.account__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: normal;
  text-align: center;
}

.account__text-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.account__text {
  color: var(--Black, #090a1f);
  width: 30%;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0.5;
  margin-top: 10px;
}

.account__tarif-block {
  margin-top: 40px;
  display: flex;
  width: 600px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 19.94859px 69.82008px 0px rgba(0, 0, 0, 0.04);
}

.account__input {
  display: flex;
  width: 100%;
  padding: 8px 8px 8px 16px;
  height: 48px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid rgba(238, 243, 253, 0.5);
  background: var(--White, #fff);
  box-shadow: 20px 16px 40px 0px rgba(0, 0, 0, 0.04);
}

.account__input2 {
  display: flex;
  width: 100%;
  padding: 8px 8px 8px 16px;
  height: 48px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  border: 0px;
}

.account__info {
  display: flex;
  gap: 8px;
}

.account__info-doll {
  color: var(--Black, #090a1f);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.account__info-bonus {
  display: flex;
  padding: 5px 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 2.856px;
  border-radius: 8px;
  background: linear-gradient(95deg,
      rgba(246, 236, 50, 0.08) -53.82%,
      rgba(223, 46, 128, 0.08) 79.03%,
      rgba(19, 46, 247, 0.08) 201.25%);
}

.account__info-bonus-text {
  text-align: right;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.8;
  background: var(--Gradient,
      linear-gradient(95deg, #f6ec32 -53.82%, #df2e80 79.03%, #132ef7 201.25%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.account__btn {
  margin-top: -80px;
}

.account__title2 {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: normal;
  text-align: center;
  margin-top: 140px;
}

.account__text2 {
  color: rgba(9, 10, 31, 0.5);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-top: 20px;
}

.account__boxes {
  margin-top: 50px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  align-items: center;
}

.account__lines {
  justify-content: space-between;
  align-items: center;
  display: flex;
  width: 100%;
  gap: 32px;
  height: 100%;
}

.account__box {
  width: 49%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 24px;
  border: 1px solid rgba(9, 10, 31, 0.1);
  padding: 60px 50px;
}

.account__box:hover {
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(180deg,
      rgba(69, 124, 233, 0.1) 0%,
      rgba(69, 124, 233, 0) 65.6%);
}

.account__box-img {
  max-width: 340px;
  max-height: 217px;
  min-width: 340px;
  min-height: 222px;
}

.account__box-img img {
  width: 100%;
  height: 100%;
}

.account__box-img2 {
  margin-top: -10px;
  max-width: 313px;
  max-height: 227px;
  min-width: 313px;
  min-height: 227px;
}

.account__box-img2 img {
  width: 100%;
  height: 100%;
}

.account__box-title {
  color: var(--Black, #090a1f);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  margin-top: 50px;
}

.account__text-in-box {
  color: rgba(9, 10, 31, 0.5);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-top: 20px;
}

.account__footer {
  margin-top: 140px;
  border-radius: 24px;
  width: 100%;
  min-height: 210px;
  background: var(--Main, #457ce9);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 50px;
}

.account__footer-title {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.account__footer-text {
  margin-top: 10px;
  max-width: 60%;
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0.8;
}

.account__blocks {
  display: flex;
}

.account__step-count {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}

.account__step-line {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  background: #457ce9;
  height: 1.5px;
  z-index: 10;
}

@media only screen and (max-width: 840px) {
  .account__title2 {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: normal;
    text-align: center;
    margin-top: 64px;
  }

  .account__tarif-block {
    width: 343px;
  }

  .account__text {
    width: 60%;
  }

  .account__lines {
    flex-direction: column;
    gap: 16px;
  }

  .account__box {
    width: 100%;
    height: 100%;
    padding: 30px 24px;
    gap: 16px;
  }

  .account__footer {
    margin-top: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 30px;
  }

  .account__footer-header {
    display: flex;
    flex-direction: column;
    width: 80%;
    justify-content: center;
    align-items: center;
  }

  .account__footer-title {
    font-size: 20px;
    text-align: center;
  }

  .account__footer-text {
    text-align: center;
    max-width: 70%;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .account__title {
    font-size: 24px;
    line-height: 36px;
    margin-top: 36px;
  }

  .account__card {
    flex-direction: column;
    align-items: flex-start;
  }

  .account__card-text {
    margin-left: 0;
    margin-top: 30px;
  }

  .account__account-img {
    width: 44px;
  }
}

.blog {
  overflow: hidden;
  animation: fadeIn 0.5s ease-in;
}

.blog h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.blog__inner-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 33px;
  margin-top: 64px;
}

.blog__inner-card {
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  min-height: 418px;
  display: block;
}

.blog .text {
  position: relative;
  z-index: 3;
}

.blog .blog__inner-card-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 273px;
}

.blog img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  max-height: 273px;
}

.blog__inner-card-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  margin-top: 20px;
}

.blog__inner-card-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  margin-top: 8px;
  color: #303030;
  opacity: 0.5;
}

.blog__inner-card:hover {
  border: none;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
  border-radius: 24px;
}

.load {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.lds-dual-ring {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: 20px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #00abdf;
  border-color: #00abdf transparent #00abdf transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

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

@media only screen and (max-width: 1000px) {
  .blog__inner-cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 600px) {
  .blog h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
  }

  .blog__inner-cards {
    grid-template-columns: 1fr;
    margin-top: 24px;
    gap: 20px;
  }

  .blog__inner-card {
    padding: 24px 16px;
  }

  .blog img {
    min-height: 200px;
  }
}

.singleArticle {
  animation: fadeIn 0.5s ease-in;
}

.singleArticle__header {
  height: 500px;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
}

.singleArticle__header img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.singleArticle__header.gray {
  background-color: #ececec;
}

.singleArticle__info {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
  margin: 0 -30px;
  flex-wrap: wrap;
}

.singleArticle__info-card {
  display: flex;
  align-items: center;
  margin: 15px 30px;
}

.singleArticle__info-card img {
  margin-right: 10px;
  width: 21px;
}

.singleArticle__content {
  margin-top: 80px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .singleArticle__content {
    margin-top: 50px;
  }

  .singleArticle__header {
    height: 52vw;
  }

  .singleArticle__info {
    margin: 0 -15px;
  }

  .singleArticle__info-card {
    margin: 15px;
  }
}

.client {
  animation: fadeIn 0.5s ease-in;
  margin: 0 auto;
}

.client__inner .btn-control {
  margin-top: 80px;
}

.client .box--custom-single .box__card {
  padding: 5px 30px;
  align-items: center;
  min-height: 50px;
  justify-content: space-between;
}

.client .box--custom-single .box__card+.box__card {
  margin-top: 25px;
}

.client__msg {
  cursor: pointer;
  display: inline-block;
}

.client__msg img {
  width: 28px;
  display: flex;
}

.client__balance {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 0 36px;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.client__current-balance {
  width: 100%;
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  justify-content: space-between;
  height: 98px;
  display: flex;
  align-items: center;
  padding: 0 32px;
}

.client__current-balance>div {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  display: flex;
  gap: 10px;
  text-align: center;
  color: #457ce9;
}

.client__discount {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: #000000;
  margin-top: 24px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-left: 40px;
}

.client__discount>span {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.client__user-email {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}

.client__current-balance>div>span {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #457ce9;
}

.client__current-balance>button {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
  background: #457ce9;
  height: 60px;
  width: 160px;
  border-radius: 16px;
}

.client__info {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 36px;
  min-height: 232px;
}

.client__sign-out {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  margin-top: 8px;
  cursor: pointer;
  color: #457ce9;
}

.client__user {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0px 20px 70px rgba(0, 0, 0, 0.04));
  border-radius: 24px;
  min-width: 507px;
  gap: 0 32px;
}

.client__user-img {
  width: 40px;
  height: 44px;
}

.client__user-block {
  height: 124px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(69, 124, 233, 0.05);
  border-radius: 100px;
}

.client__go-shoping {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  margin-top: 6px;
}

.client__go-shoping>a {
  color: #457ce9;
}

.client__warning {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 10px;
}

.client__order-list-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
  text-align: center;
  color: #000000;
  margin-top: 48px;
}

.client__col {
  width: 140px;
  flex-shrink: 0;
  padding: 0 5px;
}

.client__col--link {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15%;
}

.client__col--link a:hover {
  color: #00abdf;
}

.client__col--msg {
  width: auto;
  display: flex;
}

.client__lists {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}

.client__list {
  height: 94px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 0 24px;
}

.client__list:hover {
  border: none;
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.04);
}

.client__likes-color {
  width: 30px;
  height: 28px;
}

.client__avatar {
  border-radius: 4px;
  height: 64px;
  width: 64px;
}

.client__avatar>div>img {
  border-radius: 4px;
}

.client__service-list-block {
  display: flex;
  width: 35%;
  justify-content: space-between;
}

.client__service-list {
  display: flex;
  gap: 0 16px;
}

.client__system {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.client__count {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  margin-top: 3px;
  text-align: center;
}

.client__posts {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-transform: capitalize;
  color: #babec0;
}

.client__block-system {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
}

.client__service {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.client__container-link-data-block {
  display: flex;
  width: 65%;
  align-items: center;
  justify-content: space-between;
}

.client__link {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  opacity: 0.5;
}

.client__headphones-block {
  width: 48px;
  height: 48px;
  background: rgba(69, 124, 233, 0.05);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.client__headphones {
  height: 24px;
  width: 24px;
}

.client__data-block {
  display: flex;
  gap: 21px;
}

.client__price {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #457ce9;
}

.client__time {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  text-transform: capitalize;
  color: #babec0;
  margin-top: 4px;
}

.client__line {
  display: none;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-bottom: 16px;
}

.client__label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #babec0;
  display: none;
}

.client__headphones-mobile {
  display: none;
}

@media only screen and (max-width: 900px) {
  .client__service-list-block {
    width: 30%;
  }

  .client__container-link-data-block {
    width: 70%;
  }
}

@media only screen and (max-width: 800px) {
  .client {
    padding: 0 50px;
  }

  .client__info {
    flex-direction: column;
    padding: 0 16px;
  }

  .client__user {
    min-width: 100%;
    padding: 32px 35px;
    gap: 16px;
    flex-wrap: wrap;
  }

  .client__user-img {
    width: 32px;
    height: 32px;
  }

  .client__list {
    flex-direction: column;
    height: fit-content;
  }

  .client__service-list-block {
    width: 100%;
  }

  .client__container-link-data-block {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .client__user-block {
    min-height: 72px;
    min-width: 72px;
    height: 72px;
    width: 72px;
  }

  .client__user-email {
    font-size: 16px;
    line-height: 24px;
  }

  .client__sign-out {
    font-size: 16px;
    line-height: 24px;
  }

  .client__info {
    gap: 20px;
  }

  .client__balance {
    padding: 24px 16px;
  }

  .client__current-balance {
    background: #ffffff;
    flex-direction: column;
    padding: 0;
    gap: 16px;
    margin-top: 0;
    height: fit-content;
  }

  .client__current-balance>div {
    height: 60px;
    font-size: 16px;
    line-height: 24px;
    background: rgba(69, 124, 233, 0.05);
    border-radius: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .client__current-balance>div>span {
    font-size: 18px;
  }

  .client__current-balance>button {
    width: 100%;
  }

  .client__discount {
    margin-top: 21.5px;
  }

  .client__order-list-title {
    font-size: 20px;
  }

  .client__lists {
    margin-top: 24px;
  }

  .client__list {
    padding: 24px 16px;
    align-items: initial;
  }

  .client__avatar {
    height: 48px;
    width: 48px;
  }

  .client__link {
    font-size: 12px;
    line-height: 140%;
    text-align: left;
    margin-top: 8px;
  }

  .client__headphones-pc {
    display: none;
  }

  .client__headphones-mobile {
    display: flex;
  }

  .client__data {
    display: flex;
    gap: 0 16px;
    margin-top: 22px;
  }

  .client__price,
  .client__time {
    display: flex;
    gap: 0 6px;
    font-size: 14px;
    line-height: 21px;
    text-align: right;
    text-transform: capitalize;
    color: #808080;
    margin: 0;
  }

  .client__label {
    display: block;
  }

  .client__inner {
    padding-bottom: 29px;
  }
}

@media only screen and (max-width: 600px) {
  .client {
    padding: 0;
  }

  .client__line {
    display: block;
    margin-top: 20px;
  }

  .client__headphones {
    height: 18px;
    width: 18px;
  }

  .client__link-label {
    display: block;
  }
}

.payment {
  animation: fadeIn 0.5s ease-in;
}

.payment__wrapper {
  max-width: 600px;
  height: 370px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 50px 48px;
  margin: 0 auto;
}

.payment__btn {
  background: #457ce9;
  margin-top: 36px;
  border-radius: 16px;
  width: 100%;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
}

.payment__disabled_btn {
  background: rgba(69, 124, 233, 0.25);
}

.payment__balance {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  height: 98px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #457ce9;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.payment__balance>span {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.payment__select {
  margin-top: 20px;
  position: relative;
}

.payment__select-head {
  display: flex;
  align-items: center;
  height: 51px;
  padding: 0 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  justify-content: space-between;
}

.payment__select-active {
  border-radius: 16px 16px 0 0;
  border-bottom: none;
}

.payment__last-sum {
  border-radius: 0 0 16px 16px;
}

.payment__sums>.payment__last-sum {
  height: 51px;
}

.payment__sums {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 16px 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 12px;
}

.payment__sums>div {
  display: flex;
  align-items: center;
  padding: 0 12px;
  height: 51px;
}

.payment__sums>div>div {
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}

.payment__sums>div>div:hover {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}

.payment__allowed-sum {
  display: flex;
  justify-content: space-between;
}

.payment__allowed-discount-amount {
  display: flex;
}

.payment__allowed-amount {
  margin-left: 2px;
  color: rgba(0, 0, 0, 0.5);
}

.payment__head-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.25);
}

.payment__top_arrow {
  transform: rotate(180deg);
}

.payment__buttom_arrow {
  transform: rotate(0deg);
}

.payment__arrow {
  height: 6px;
  width: 12px;
}

.payment__inner {
  margin-top: 35px;
}

.crypto-icon {
  max-width: 65px !important;
}

@media only screen and (max-width: 600px) {
  .payment__wrapper {
    max-width: 600px;
    height: 280px;
    padding: 32px 16px;
  }

  .payment__balance {
    font-size: 16px;
    height: 60px;
  }
}

.thanks {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  animation: fadeIn 0.5s ease-in;
}

.thanks__inner {
  padding: 50px 0;
  max-width: 470px;
  margin: 0 auto;
}

.thanks__account {
  padding: 45px;
  background-color: #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  margin-top: 30px;
}

@media (max-width: 575px) {
  .thanks__account {
    margin-top: 20px !important;
  }
}

.thanks__account .btn-control {
  flex-wrap: wrap;
}

.thanks__account .btn-control .btn {
  margin: 5px;
}

.thanks .discount-block {
  margin-top: 10px;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.1);
}

@media (max-width: 575px) {
  .thanks .discount-block {
    padding: 35px;
  }
}

.contact {
  animation: fadeIn 0.5s ease-in;
}

.contact .go-home-btn {
  margin-bottom: 160px;
}

.contact__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.contact__wrapper {
  display: flex;
  gap: 0 60px;
  justify-content: center;
  margin-top: 40px;
}

.contact__textField {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  height: 60px;
  padding-left: 60px;
}

.contact__textField::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.25);
}

.contact__email {
  position: relative;
  margin-top: 20px;
}

.contact__email:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  margin: auto 0;
  width: 25px;
  height: 25px;
  background: url(../images/icon-later.0563a638de5ee7b0bf8d1a3ee692df68.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.contact__btn {
  height: 60px;
  width: 100%;
  background: #457ce9;
  border: 1.5px solid #457ce9;
  border-radius: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.contact__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin: 20px auto 0;
  max-width: 521px;
}

.contact__form {
  position: relative;
}

.contact__chooseOrder {
  margin: 24px 0 0;
}

.contact__info-block {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}

.contact__info-blocks {
  border: 1px solid rgba(0, 0, 0, 0.1);
  filter: drop-shadow(25px 25px 100px rgba(152, 152, 152, 0.1));
  border-radius: 41px;
  padding: 40px 32px 48px 25px;
  width: 36%;
  min-height: 600px;
}

.contact__info-data-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 20px;
}

.contact__info-social-icons {
  display: flex;
  justify-content: center;
  gap: 0 24px;
  margin-top: 24px;
}

.contact__info-social-icons-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
  text-align: center;
  color: #090a1f;
}

.contact__info-data-way {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #babec0;
}

.contact__info-data {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #000000;
}

.contact__circle>.contact__social-icon {
  height: 24px;
  width: 24px;
}

.contact__info-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #090a1f;
}

.contact__circle {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  min-width: 64px;
  background: #f7f9ff;
}

.contact__circle>.contact__contact-icon {
  max-height: 32px;
  max-width: 32px;
  height: 32px;
  width: 32px;
}

.contact__chooseOrder-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  max-height: 219px;
  overflow-y: auto;
  margin-top: 24px;
}

.contact__chooseOrder-list::-webkit-scrollbar {
  width: 6px;
}

.contact__chooseOrder-list::-webkit-scrollbar-track {
  background: #fafafa;
}

.contact__chooseOrder-list::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.contact__cards-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}

.contact__chooseOrder-card {
  width: 85px;
  height: 85px;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

.contact__chooseOrder-photo {
  width: 85px;
  height: 85px;
  border-radius: 4px;
}

.contact__chooseOrder-icon {
  z-index: 2;
  width: 28px;
  height: 24px;
  display: flex;
  align-items: center;
}

.contact__chooseOrder-photo-active {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  z-index: 100;
  align-items: center;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.65);
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  gap: 0 12px;
}

.contact__chooseOrder-photo-not-active {
  display: none;
}

.contact__form {
  box-shadow: 25px 25px 100px rgba(152, 152, 152, 0.1);
  border-radius: 41px;
  padding: 40px 48px 55px;
  min-height: 600px;
}

.contact__inner {
  width: 694px;
}

.contact__success {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f4f4f4;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s ease-out;
  z-index: 400;
}

.contact__success div {
  width: 100px;
  height: 100px;
}

.contact__success.active {
  opacity: 1;
  pointer-events: visible;
}

.contact__success.active img {
  animation: scaleMinMax 0.3s linear;
}

.contact__form-card+.contact__form-card {
  margin-top: 20px;
}

.contact__line {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  display: none;
}

.contact__small-version {
  height: 500px;
}

@keyframes scaleMinMax {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@media only screen and (max-width: 1270px) {
  .contact__wrapper {
    flex-direction: column-reverse;
    align-items: center;
    gap: 52px;
    justify-content: center;
    width: 100%;
    padding: 0 16px;
  }

  .contact__inner {
    width: 100%;
  }

  .contact__form {
    box-shadow: none;
  }

  .contact__info-blocks {
    width: 100%;
    height: fit-content;
  }

  .contact__form {
    width: 100%;
  }

  .contact__auth-btn {
    margin-top: -100px;
  }

  .contact__auth-btn-2 {
    margin-top: -180px;
  }
}

@media only screen and (max-width: 600px) {
  .contact__wrapper {
    padding: 0 16px;
  }

  .contact__circle {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .contact__circle>.contact__contact-icon {
    max-height: 24px;
    max-width: 24px;
    height: 24px;
    width: 24px;
  }

  .contact__circle>.contact__social-icon {
    height: 18px;
    width: 18px;
  }
}

@media only screen and (max-width: 600px) {
  .contact .go-home-btn {
    margin-bottom: 64px;
  }

  .contact__title {
    font-size: 24px;
    margin-top: 36px;
  }

  .contact__wrapper {
    padding: 0;
    margin-top: 32px;
  }

  .contact__form {
    padding: 0;
  }

  .contact__chooseOrder-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-right: 17px;
  }

  .contact__chooseOrder {
    margin: 0;
  }

  .contact__line {
    display: block;
    margin-top: 36px;
  }

  .contact__chooseOrder-card {
    width: 100%;
    height: 100%;
  }

  .contact__cards-title {
    font-size: 20px;
    line-height: 30px;
  }

  .contact__email,
  .contact__textarea-wrapper {
    margin-top: 16px;
  }

  .contact__btn {
    margin-top: 24px;
  }

  .contact__info-blocks {
    padding: 32px 16px;
  }

  .contact__info-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  .contact__info-block {
    margin-top: 24px;
    gap: 24px;
  }

  .contact__info-data {
    font-size: 16px;
  }

  .contact__info-address {
    width: 100%;
    max-width: 320px;
  }

  .contact__info-social-icons-title {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
  }

  .contact__info-social-icons {
    margin-top: 20px;
  }
}

.thanks {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  animation: fadeIn 0.5s ease-in;
}

.thanks__inner {
  padding: 50px 0;
  max-width: 470px;
  margin: 0 auto;
}

.faq {
  animation: fadeIn 0.5s ease-in;
}

.faq__inner {
  margin-top: 80px;
}

.faq__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  margin-top: 100px;
  text-align: center;
  color: #000000;
}

.faq__card {
  padding: 0 40px 25px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.faq__card .text {
  padding: 0 5px;
}

.faq__card+.faq__card {
  margin-top: 30px;
}

.faq__card-title {
  background-color: #fff;
  padding: 0 5px;
  margin-bottom: 18px;
  color: #333;
  font-size: 18px;
  position: relative;
  top: 20px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.faq__card-title.active {
  top: -11px;
}

@media only screen and (max-width: 600px) {
  .faq__title {
    font-size: 24px;
    margin-top: 36px;
  }

  .faq__inner {
    margin-top: 50px;
  }
}

.partner__nav-block {
  display: flex;
  gap: 36px;
  height: 229px;
}

.partner__link-attraction {
  background: #457ce9;
  border-radius: 24px;
  padding: 40px 36px 0;
  width: 698px;
}

.partner__inner {
  margin-top: 40px;
  text-align: center;
}

.partner__inner .btn-control {
  margin-top: 80px;
}

.partner__current-balance {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 24px;
  justify-content: space-between;
  height: 98px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #457ce9;
  padding: 0 36px;
}

.partner__current-balance>div>span {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

.partner__current-balance>button {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  width: 128px;
  height: 60px;
  color: #fff;
  background: #457ce9;
  border-radius: 16px;
}

.partner__get-new {
  background: #ffffff;
  border-radius: 16px;
  height: 60px;
  width: 128px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  text-align: center;
  color: #457ce9;
}

.partner__information-block {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  width: 600px;
  max-width: 600px;
  padding: 40px 32px 0;
}

.partner__link-copied-block {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  display: flex;
  align-items: center;
  padding: 0 36px;
  height: 98px;
  justify-content: space-between;
}

.partner__link-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
}

.partner__link {
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}

.partner__link>* {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.partner__block-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin-top: 24px;
}

.partner__copy-status {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 10px);
  padding: 8px;
  font-weight: 300;
  border-radius: 2px;
  color: #fff;
  background-color: #000;
  animation: fadeIn 0.5s ease-in;
}

.partner__head-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}

.partner__head-nav-first {
  display: flex;
  align-items: center;
  gap: 10px;
}

.partner__mocked-column {
  color: #fff;
}

.partner__head-mobile {
  display: none;
}

.partner__history {
  table-layout: fixed;
  margin-top: 64px;
  text-align: left;
}

.partner__history table {
  border-style: hidden;
  width: 100%;
  border-collapse: collapse;
}

.partner__history table thead tr {
  height: 50px;
}

.partner__history table thead th {
  font-size: 16px;
  font-weight: 400;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.partner__history table tbody td {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.partner__history table tbody :first-of-type {
  border: none;
}

.partner__head-icon {
  width: 20px;
  height: 20px;
}

.partner__head-icon-ref {
  width: 24px;
  height: 24px;
}

.partner__head-icon-percon {
  height: 18px;
  width: 18px;
}

.partner__head-icon-amount {
  width: 24px;
  height: 20px;
}

.partner__head-icon-profit {
  width: 20px;
  height: 14px;
}

.partner__head-icon-price {
  height: 18px;
  width: 20px;
}

.partner__column-ref {
  max-width: 140px;
}

.partner__first_column {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #919191;
  padding: 0 36px 12px 0;
}

.partner__column-values {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  padding: 0 0 12px 20px;
  color: #457ce9;
}

.partner__link-pc {
  display: block;
}

.partner__link-mobile {
  display: none;
}

@media only screen and (max-width: 950px) {
  .partner__nav-block {
    flex-direction: column;
    height: fit-content;
  }

  .partner__link-attraction {
    width: 100%;
    padding: 24px 16px;
  }

  .partner__link-copied-block {
    flex-direction: column;
    background: none;
    padding: 0;
    height: fit-content;
  }

  .partner__link-pc {
    display: none;
  }

  .partner__link {
    height: 60px;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 16px;
    padding: 0 29px;
  }

  .partner__current-balance {
    padding: 0;
    flex-direction: column;
    background: none;
    height: auto;
  }

  .partner__current-balance>button {
    width: 100%;
    margin-top: 16px;
  }

  .partner__current-balance>div {
    height: 60px;
    background: rgba(69, 124, 233, 0.15);
    width: 100%;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    gap: 10px;
  }

  .partner__current-balance>div>span {
    font-size: 18px;
  }

  .partner__information-block {
    padding: 24px 16px;
  }

  .partner__link-mobile {
    display: block;
  }

  .partner__get-new {
    width: 100%;
    margin-top: 16px;
  }

  .partner__information-block {
    width: 100%;
    max-width: 100%;
  }

  .partner__subtitle-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
  }

  .partner__line {
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    margin: 16px 0;
  }

  .partner__types {
    height: 312px;
    overflow-y: auto;
    padding-right: 40px;
  }

  .partner__types::-webkit-scrollbar {
    width: 6px;
  }

  .partner__types::-webkit-scrollbar-track {
    background: #fafafa;
  }

  .partner__types::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, 0.25);
    border-radius: 3px;
  }

  .partner__type {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #919191;
    display: flex;
    gap: 10px;
  }

  .partner__head-nav {
    justify-content: flex-start;
    margin-top: 36px;
  }

  .partner__text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    color: #457ce9;
  }
}

@media only screen and (max-width: 600px) {
  .partner__head-mobile {
    display: block;
  }

  .partner__history table {
    display: none;
  }
}

.paypal-payment-page {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 110px;
  padding-bottom: 110px;
}

@media only screen and (max-width: 600px) {
  .paypal-payment-page {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.paypal-payment-page h1 {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}

.paypal-payment-page .steps-paypal .item {
  margin-top: 56px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

@media only screen and (max-width: 600px) {
  .paypal-payment-page .steps-paypal .item {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}

.paypal-payment-page .steps-paypal .item .title {
  color: #7f7f7f;
  font-size: 28px;
  font-weight: 500;
  text-align: left;
  width: 33%;
}

@media only screen and (max-width: 600px) {
  .paypal-payment-page .steps-paypal .item .title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
  }
}

.paypal-payment-page .steps-paypal .item .right-block {
  width: 33%;
  display: block;
  height: 100%;
  background-color: red;
  z-index: 500;
}

.paypal-payment-page .steps-paypal .item .preview {
  border-style: solid;
  border-width: 1px;
  border-color: #e5e5e5;
  background-color: transparent;
  border-radius: 35px;
  padding: 27px;
  width: 80%;
  text-align: left;
}

.paypal-payment-page .steps-paypal .item .preview img {
  border-radius: 25px;
}

.paypal-payment-page .steps-paypal .item .preview .caption {
  font-weight: 400;
  font-size: 14px;
  margin-top: 20px;
}

.paypal-payment-page .steps-paypal .item .preview .caption .mark {
  color: #29abe2;
}

.paypal-payment-page .steps-paypal .item .preview .caption .warn-text {
  color: #f15a24;
}

.paypal-payment-page .steps-paypal .item .preview .last {
  margin: 0;
}

@media only screen and (max-width: 600px) {
  .paypal-payment-page .steps-paypal .item .preview {
    width: 100%;
  }
}

.referral {
  animation: fadeIn 0.5s ease-in;
  overflow: hidden;
  color: #000000;
}

.referral__title-main {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.referral__subtitle {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
  text-align: center;
  z-index: 300;
}

.referral__amount-blocks {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-top: 64px;
}

.referral__line {
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

.referral__amount-block {
  width: 22%;
  min-height: 292px;
  z-index: 100;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 32px 14px 32px 32px;
}

.referral__amount-block:hover {
  box-shadow: 25px 25px 100px rgba(152, 152, 152, 0.1);
  border: none;
}

.referral__title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 37px;
  text-align: center;
  color: #b5b5b5;
}

.referral__step-count {
  height: 24px;
  width: 24px;
  border: 1.5px dashed #cedcf6;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 100;
  background: #fff;
}

.referral__line-dashed {
  position: absolute;
  top: 50%;
  border-top: 1.5px dashed #cedcf6;
  width: 100%;
  z-index: 50;
}

.referral__price-block,
.referral__percent-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 14px;
}

.referral__price-block {
  margin-top: 24px;
}

.referral__percent-block {
  margin-top: 19px;
}

.referral__price-cirkul {
  background: #f7f9ff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  width: 64px;
  border-radius: 50%;
}

.referral__price-cirkul>div {
  width: 32px;
  height: 32px;
}

.referral__step-count>div {
  width: 3px;
  height: 7px;
}

.referral__amounts {
  margin-top: 120px;
}

@media only screen and (max-width: 1200px) {
  .referral__amount-blocks {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .referral__amount-block {
    min-width: 290px;
  }

  .referral__line-dashed,
  .referral__step-count {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .referral__title-main {
    font-size: 24px;
    line-height: 36px;
  }

  .referral__amount-block {
    min-width: 100%;
    min-height: 177px;
    padding: 24px;
  }

  .referral__content-amount {
    display: flex;
    margin-top: 19px;
    align-items: center;
    justify-content: center;
    gap: 0 24px;
  }

  .referral__price-block,
  .referral__percent-block {
    margin-top: 0;
    font-size: 16px;
    line-height: 14px;
  }

  .referral__price-cirkul {
    height: 48px;
    width: 48px;
  }

  .referral__price-cirkul>img {
    width: 24px;
    height: 24px;
  }

  .referral__subtitle {
    font-size: 20px;
    line-height: 37px;
    margin-top: 64px;
  }

  .referral__amounts {
    margin: 0;
  }
}

.rules {
  animation: fadeIn 0.5s ease-in;
}

.rules__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.rules__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  max-width: 521px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}

.rules__item-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 14px;
}

.rules__item {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
}

.rules__item-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #457ce9;
  background: #f7f9ff;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
}

.rules__inner {
  margin-top: 20px;
}

.rules__list {
  margin-top: 58px;
  counter-reset: li;
  color: #333;
}

.rules__list>li>.text::before {
  display: inline-block;
  content: counter(li) ". ";
  counter-increment: li;
  margin-right: 5px;
}

.rules__list>li+li {
  margin-top: 64px;
}

.rules__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.5);
}

.rules__inner-list {
  margin-top: 32px;
  counter-reset: li;
  line-height: 160%;
}

.rules__inner-list li+li {
  margin-top: 12px;
}

.rules__inner-list--alpha li {
  display: flex;
}

.rules__inner-list--alpha li::before {
  content: counter(li, lower-alpha) ". ";
  counter-increment: li;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}

.rules__bold {
  font-weight: 600;
  color: #000;
}

.rules__refund-items-container {
  margin-top: 32px;
}

.rules__refund-inner-list {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 32px;
  counter-reset: li;
  line-height: 160%;
}

.rules__refund-inner-list li+li {
  margin-top: 12px;
}

.rules__refund-inner-list--alpha li {
  display: flex;
}

.rules__refund-inner-list--alpha li::before {
  content: counter(li, lower-alpha) ". ";
  counter-increment: li;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}

@media only screen and (max-width: 600px) {
  .rules__title {
    font-size: 24px;
  }

  .rules__item {
    font-size: 20px;
  }

  .rules__inner {
    margin-top: 10px;
  }

  .rules__inner-list {
    margin-top: 20px;
  }

  .rules__list {
    margin-top: 48px;
  }
}

.searchHashtagsServices {
  animation: fadeIn 0.5s ease-in;
  overflow: hidden;
}

.searchHashtagsServices__box {
  padding: 80px;
  background-color: #f2f2f2;
  border: 1px solid #ededed;
  border-radius: 25px;
  width: 100%;
  max-width: 815px;
  margin: 0 auto;
}

.searchHashtagsServices__result {
  margin-top: 60px;
}

.searchHashtagsServices__result ul {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.searchHashtagsServices__result ul li {
  margin: 5px;
  background-color: #f9f9f9;
  padding: 0 30px;
  height: 45px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 25px;
  cursor: pointer;
}

.searchHashtagsServices__search {
  max-width: 500px;
  width: 100%;
  margin: 50px auto 0;
  position: relative;
}

.searchHashtagsServices__search input {
  border: 1px solid #ededed;
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  outline: none;
  display: block;
  width: 100%;
  text-align: center;
  height: 50px;
  border-radius: 30px;
}

@media (max-width: 450px) {
  .searchHashtagsServices__search input {
    font-size: 16px;
  }
}

.searchHashtagsServices__search input::placeholder {
  font-size: 14px;
  font-weight: 300;
}

.searchHashtagsServices__search button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  padding: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.searchHashtagsServices__search button img {
  width: 22px;
}

@media only screen and (max-width: 768px) {
  .searchHashtagsServices__search {
    margin: 40px auto 0;
  }

  .searchHashtagsServices__box {
    padding: 50px;
  }

  .searchHashtagsServices__result,
  .searchHashtagsServices .btn-control {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .searchHashtagsServices__search {
    margin: 30px auto 0;
  }

  .searchHashtagsServices__box {
    padding: 40px 20px;
  }

  .searchHashtagsServices__result ul li {
    height: 35px;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 599px) {
  .searchHashtagsServices__box {
    padding: 40px 20px;
  }
}

.otherServices {
  animation: fadeIn 0.5s ease-in;
}

.otherServices__title {
  text-align: center;
  margin-top: 72px;
}

.otherServices__title-text {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  color: #090a1f;
  cursor: pointer;
}

.otherServices__title-text:hover {
  color: #ff0000;
}

.otherServices__services {
  display: flex;
  justify-content: space-between;
  max-width: 928px;
  margin: 50px auto 0;
  overflow-x: auto;
  gap: 0 14px;
  margin-bottom: 60px;
  padding-bottom: 10px;
}

.otherServices__services::-webkit-scrollbar {
  height: 6px;
}

.otherServices__services::-webkit-scrollbar-track {
  background: #fafafa;
}

.otherServices__services::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.otherServices__active {
  background: #457ce9;
  text-align: center;
  display: flex;
  align-items: center;
  border-radius: 16px;
  padding: 12px 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  color: #ffffff;
}

.otherServices__not-active {
  font-style: normal;
  text-align: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  padding: 12px 24px;
  color: #666666;
  border: 1px solid rgba(9, 10, 31, 0.1);
  border-radius: 16px;
}

@media only screen and (max-width: 600px) {
  .otherServices__title {
    margin-top: 48px;
  }

  .otherServices__title-text {
    font-size: 24px;
    line-height: 36px;
  }

  .otherServices__services {
    margin: 48px auto 20px;
  }

  .otherServices__active,
  .otherServices__not-active {
    padding: 12px 14px;
    font-size: 16px;
  }
}

.thanks-page__home-link {
  position: absolute;
  top: 13px;
  width: 100vw;
}

.thanks-page__home-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  display: flex;
  gap: 12px;
  color: #457ce9;
}

.thanks-page__home-btn>div {
  height: 14px;
  width: 7px;
}

.thanks-page__inner {
  max-width: 568px;
  margin: 0 auto;
  position: relative;
}

.thanks-page__inner>img {
  max-width: 100%;
  max-height: 240px;
  margin-top: 32px;
}

.thanks-page__title {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #090a1f;
}

.thanks-page__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
  margin-top: 10px;
}

.thanks-page__saved {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-top: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #989898;
  gap: 5px;
}

.thanks-page__container-code {
  padding: 28px 25px;
}

.thanks-page__saved-count {
  color: #000;
}

.thanks-page__create {
  display: flex;
  gap: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
}

.thanks-page__sign-up {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  width: 50%;
  color: #ffffff;
  height: 60px;
}

.thanks-page__create-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: 5px 25px 30px rgba(69, 124, 233, 0.1);
  border-radius: 16px;
  width: 50%;
  height: 60px;
  color: #457ce9;
}

.thanks-page__balance {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 20px;
  color: #989898;
}

.thanks-page__balance>div {
  font-weight: 500;
  color: #000000;
  margin-left: 5px;
}

.thanks-page__input_container {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.thanks-page__input_flex {
  width: 75%;
  margin-right: 15px;
  justify-content: space-between;
  display: flex;
}

.thanks-page__button-confirm>button {
  width: 124px;
  height: 60px;
  background: #ffffff;
  border-radius: 16px;
  font-weight: 500;
  font-size: 16px;
  color: #457ce9;
}

.thanks-page__input {
  width: 50px;
  height: 60px;
  background: #cac9e533;
  border-radius: 16px;
  padding: 20px;
  color: #ffffff;
  font-size: 16px;
}

.thanks-page__input::placeholder {
  color: #ffffff;
  opacity: 0.2;
}

.thanks-page__account {
  padding: 18px 0px;
  background-color: #457ce9;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  margin-top: 32px;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  color: #ffffff;
}

.thanks-page__account .btn-control {
  flex-wrap: wrap;
}

.thanks-page__account .btn-control .btn {
  margin: 5px;
}

.thanks-page__account-btn {
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thanks-page__error-message>div {
  font-size: 18px;
}

@media only screen and (max-width: 800px) {
  .thanks-page__inner {
    padding-top: 150px;
  }

  .thanks-page__input_container {
    flex-direction: column;
  }

  .thanks-page__input_flex {
    width: 100%;
  }

  .thanks-page__input {
    height: 58px;
  }

  .thanks-page__button-confirm {
    margin-top: 20px;
  }

  .thanks-page__button-confirm>button {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .thanks-page__inner {
    padding-top: 70px;
  }

  .thanks-page__title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #090a1f;
  }

  .thanks-page__saved {
    font-size: 18px;
  }

  .thanks-page__inner>img {
    margin-top: 20px;
  }

  .thanks-page__input {
    width: 40px;
    height: 48px;
    padding: 15px;
  }

  .thanks-page__account {
    font-size: 16px;
    line-height: 160%;
    padding: 24px 16px;
  }

  .thanks-page__create {
    margin-top: 20px;
    gap: 13px;
  }
}

.clear {
  clear: both;
}

.message-wrapper {
  display: block;
  clear: both;
}

.message-block {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 32px;
  gap: 24px;
}

.ticket {
  animation: fadeIn 0.5s ease-in;
}

.ticket__btn,
.ticket__file {
  border: none;
  border-radius: 14px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket__btn {
  background: #457ce9;
}

.ticket__btn div {
  height: 24px;
  width: 24px;
}

.ticket__file {
  background: rgba(69, 124, 233, 0.15);
}

.ticket__file div {
  width: 12px;
  height: 20px;
}

.ticket__btn-block {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  gap: 12px;
}

.ticket__btn-block-mobile {
  display: none;
}

.ticket__inner {
  width: 100%;
  padding: 0 32px 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  margin-top: 32px;
}

.ticket__color-block,
.ticket__white-block {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(69, 124, 233, 0.05);
}

.ticket__color-block div,
.ticket__white-block div {
  width: 24px;
  height: 24px;
}

.ticket__white-block {
  background: #ffffff;
}

.ticket__info {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
  margin-top: 80px;
}

.ticket__chat-card-container {
  display: flex;
  flex-direction: column;
}

.ticket__chat-card-container div {
  margin: 10px 10px 5px 0;
  border-radius: 5px;
  height: 200px;
  width: 350px;
}

.ticket__chat-card {
  display: inline-block;
  border-radius: 12px;
  max-width: 429px;
  width: fit-content;
  word-break: break-all;
  float: right;
  padding: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ticket__chat-card--admin {
  background: #457ce9;
  color: #ffffff;
}

.ticket__chat-card+.ticket__chat-card {
  margin-top: 30px;
}

.ticket__chat {
  max-height: 738px;
  overflow-x: auto;
  padding-right: 32px;
  margin-top: 36px;
}

.ticket__chat::-webkit-scrollbar {
  width: 6px;
}

.ticket__chat::-webkit-scrollbar-track {
  background: #fafafa;
}

.ticket__chat::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.ticket__orders {
  display: inline-block;
  padding: 22px;
  border: 1px solid #e5e5e5;
  border-radius: 25px;
  font-size: 14px;
  color: #000;
  margin-bottom: 14px;
  max-width: 429px;
  word-break: break-all;
  float: right;
}

.ticket__orders a {
  color: #29abe2;
  text-decoration: underline;
  margin-left: 5px;
  word-wrap: break-word;
}

.ticket__orders a:hover,
.ticket__orders a:focus {
  color: #29abe2;
  text-decoration: underline;
}

.ticket__form {
  margin-top: 23px;
}

.ticket__message-field {
  position: relative;
}

.ticket__message-field>input {
  background: rgba(69, 124, 233, 0.05);
  border-radius: 18px;
  height: 80px;
  width: 100%;
  padding-left: 20px;
}

.ticket__message-field>input ::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  padding-top: 50%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 600px) {
  .message-block {
    gap: 10px;
    margin-bottom: 10px;
  }

  .ticket__chat {
    padding-right: 10px;
  }

  .ticket__message-field>input ::placeholder {
    font-size: 16px;
  }

  .ticket__chat-card {
    float: left;
    padding: 16px;
    font-size: 13px;
    line-height: 150%;
  }

  .ticket__color-block,
  .ticket__white-block {
    min-height: 32px;
    min-width: 32px;
    height: 32px;
    width: 32px;
  }

  .ticket__color-block div,
  .ticket__white-block div {
    height: 16px;
    width: 16px;
  }

  .ticket__btn-block-mobile {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    gap: 18px;
  }

  .ticket__btn-block {
    display: none;
  }

  .ticket__btn-mobile {
    padding: 0;
    background: none;
  }

  .ticket__btn-mobile div {
    width: 20px;
    height: 18px;
  }

  .ticket__file-mobile {
    padding: 0;
    background: none;
  }

  .ticket__file-mobile div {
    height: 20px;
    width: 12px;
  }

  .message-block-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}

.about-us-container {
  padding: 0;
}

.about-hero {
  text-align: center;
}

.about-hero__subtitle {
  font-size: 24px;
  color: #0f172a;
  font-weight: 600;
  margin-bottom: 16px;
}

.about-hero__title {
  font-size: 34px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 32px;
}

.about-hero__section-title {
  font-size: 20px;
  font-weight: 600;
  color: #0f172a;
  margin: 40px 0 24px;
}

.about-hero__text {
  max-width: 760px;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  line-height: 1.7;
  color: #84848f;
}

.about-hero__text p+p {
  margin-top: 14px;
}

.about-hero__text ul {
  margin: 14px 0 14px 20px;
  list-style: disc;
}

.about-hero__text ul li+li {
  margin-top: 6px;
}

.about-hero__final {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-top: 40px;
}

@media (max-width: 640px) {
  .about-us-container {
    padding: 0 16px;
  }

  .about-hero {
    padding: 60px 0;
  }

  .about-hero__title {
    font-size: 28px;
  }

  .about-hero__text {
    font-size: 15px;
  }
}

.difference {
  padding: 80px 0;
  text-align: center;
}

.difference__title {
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 60px;
}

.difference__card {
  max-width: 640px;
  margin: 0 auto;
  border-radius: 24px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  background: #ffffff;
}

.difference__head {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #f5f5f7;
  padding: 18px 40px;
  font-size: 16px;
  font-weight: 600;
  color: #7b7b7b;
  text-align: center;
}

.difference__head-col {
  padding: 0 8px;
}

.difference__head-col-right {
  font-weight: 400;
}

.difference__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 28px 40px;
  border-top: 1px solid #f3f4f6;
}

.difference__col {
  font-size: 18px;
  color: #0f172a;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.difference__col-right {
  font-size: 14px;
}

@media (max-width: 768px) {
  .difference {
    padding: 60px 0;
  }

  .difference__card {
    border-radius: 20px;
  }

  .difference__head {
    padding: 16px 20px;
    font-size: 15px;
  }

  .difference__row {
    grid-template-columns: 1fr;
    row-gap: 10px;
    padding: 20px 20px;
  }

  .difference__col {
    font-size: 16px;
  }
}

.growth-steps__title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 24px;
}

.growth-steps__intro {
  max-width: 760px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  color: #84848f;
}

.growth-steps__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 760px;
  margin: 0 auto 15px;
  align-items: flex-start;
}

.growth-steps__header {
  display: flex;
  gap: 20px;
  align-items: center;
}

.growth-steps__badge {
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  border: 2px solid #4e8aff;
  color: #4e8aff;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.growth-steps__heading {
  font-size: 16px;
  font-weight: 400;
  color: #84848f;
}

.growth-steps__text {
  font-size: 16px;
  line-height: 1.6;
  color: #84848f;
  margin-bottom: 14px;
}

.growth-steps__list {
  margin: 0 0 14px 20px;
  padding: 0;
  list-style: disc;
}

.growth-steps__list li {
  color: #84848f;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 4px;
}

@media (max-width: 640px) {
  .growth-steps__item {
    flex-direction: column;
    gap: 12px;
  }

  .growth-steps__badge {
    width: 36px;
    height: 36px;
    font-size: 15px;
  }
}

.trust-impact {
  padding: 40px 0;
  text-align: center;
}

.trust-impact__block {
  max-width: 640px;
  margin: 0 auto 56px;
}

.trust-impact__block--bottom {
  margin-top: 48px;
  margin-bottom: 0;
}

.trust-impact__title {
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 40px;
}

.trust-impact__list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
  text-align: left;
  font-size: 16px;
  line-height: 1.7;
  color: #84848f;
}

.trust-impact__list li+li {
  margin-top: 4px;
}

.trust-impact__note {
  margin-top: 20px;
  font-size: 16px;
  color: #84848f;
  text-align: left;
}

@media (max-width: 640px) {
  .trust-impact {
    padding: 60px 0;
  }

  .trust-impact__title {
    font-size: 24px;
  }

  .trust-impact__list,
  .trust-impact__note {
    font-size: 15px;
  }
}

.timeline {
  padding: 40px 0;
}

.timeline__title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 40px;
}

.timeline__wrapper {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  padding-left: 140px;
}

.timeline__wrapper::before {
  content: "";
  position: absolute;
  left: 210px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom,
      #fff 0%,
      #dbeafe 25%,
      #4e8aff 75%,
      #fff 100%);
}

.timeline__item {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 32px;
}

.timeline__item:last-child {
  margin-bottom: 0;
}

.timeline__year {
  flex: 0 0 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.timeline__year-circle {
  padding: 6px 13px;
  border-radius: 999px;
  border: 2px solid #4e8aff;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #4e8aff;
}

.timeline__content {
  flex: 1;
}

.timeline__heading {
  font-size: 18px;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 6px;
}

.timeline__text {
  font-size: 15px;
  color: #84848f;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .timeline__wrapper {
    padding-left: 110px;
  }

  .timeline__wrapper::before {
    left: 55px;
  }

  .timeline__year {
    flex: 0 0 110px;
  }

  .timeline__wrapper::before {
    display: none;
  }
}

@media (max-width: 640px) {
  .timeline {
    padding: 60px 0;
  }

  .timeline__wrapper {
    padding-left: 0px;
  }

  .timeline__wrapper::before {
    left: 40px;
  }

  .timeline__year {
    flex: 0 0 80px;
  }

  .timeline__item {
    gap: 20px;
  }

  .timeline__heading {
    font-size: 16px;
  }

  .timeline__text {
    font-size: 14px;
  }
}

.values-author {
  padding: 40px 0;
}

.values-author__title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 60px;
}

.values-author__list {
  max-width: 760px;
  margin: 0 auto 80px;
  font-size: 16px;
  line-height: 1.7;
  color: #84848f;
  list-style: disc;
  padding-left: 20px;
}

.values-author__list li+li {
  margin-top: 6px;
}

.values-author__subtitle {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 60px;
}

.values-author__card {
  max-width: 720px;
  margin: 0 auto 32px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  display: flex;
  gap: 24px;
  background: #ffffff;
}

.values-author__photo img {
  width: 150px;
  height: 150px;
  border-radius: 12px;
  object-fit: cover;
}

.values-author__card-body {
  flex: 1;
}

.values-author__name {
  font-size: 20px;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 20px;
}

.values-author__role {
  font-size: 14px;
  color: #84848f;
  margin-bottom: 12px;
}

.values-author__text {
  font-size: 16px;
  line-height: 1.7;
  color: #84848f;
  margin-bottom: 16px;
}

.values-author__label {
  max-width: 720px;
  margin: 0 auto 12px;
  color: #84848f;
  font-size: 14px;
}

.values-author__details {
  max-width: 720px;
  margin: 0 auto 24px;
  list-style: disc;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.7;
  color: #84848f;
}

.values-author__details li+li {
  margin-top: 6px;
}

.values-author__bottom-text-container {
  max-width: 720px;
  margin: 0 auto 24px;
}

@media (max-width: 640px) {
  .values-author {
    padding: 60px 0;
  }

  .values-author__card {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .values-author__photo img {
    margin: 0 auto;
  }

  .values-author__card-body {
    text-align: center;
  }

  .values-author__details,
  .values-author__list {
    font-size: 15px;
  }
}

.benefitsOld {
  min-width: 380px;
}

.benefitsOld__wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 30px 22px 32px 32px;
  max-width: 380px;
  max-height: 480px;
  height: 480px;
}

.benefitsOld__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #090a1f;
}

.benefitsOld__container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.benefitsOld__icons-cirkul {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f7f9ff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  min-width: 48px;
}

.benefitsOld__icons-cirkul-youtube {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #e3e8eb;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  min-width: 48px;
}

.benefitsOld__icons-cirkul-instagram {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #f7f9ff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  min-width: 48px;
}

.benefitsOld__icon {
  height: 24px;
  width: 24px;
}

.benefitsOld__icon-26 {
  height: 26px;
  width: 26px;
}

.benefitsOld__icon-32 {
  height: 32px;
  width: 32px;
}

.benefitsOld__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #000000;
}

.benefitsOld__text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #babec0;
  margin-top: 4px;
}

.benefitsOld__dashed-line {
  height: 80%;
  border-right: 1px dashed #457ce9;
  width: 1px;
  position: absolute;
  top: 10%;
  left: 24px;
  z-index: 10;
}

.benefitsOld__dashed-line-red {
  height: 77%;
  border-right: 1px dashed #f00;
  width: 1px;
  position: absolute;
  top: 11%;
  left: 24px;
  z-index: 10;
}

.benefitsOld__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  padding-top: 15px;
  padding-bottom: 38px;
}

.benefitsOld__info-youtube {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  padding-top: 15px;
  padding-bottom: 38px;
}

@media only screen and (max-width: 600px) {
  .benefits {
    margin-top: 64px;
    width: 100%;
  }

  .benefits__wrapper {
    padding: 32px 24px 32px 24px;
    max-width: 100%;
    max-height: 100%;
  }

  .benefits__info-youtube,
  .benefits__info {
    height: 90%;
  }

  .benefits__info,
  .benefits__info-youtube {
    padding-bottom: 0;
  }

  .benefits__title {
    font-size: 20px;
  }

  .benefits__subtitle {
    font-size: 16px;
  }

  .benefits__icons-cirkul {
    width: 48px;
    height: 48px;
  }

  .benefits__icon {
    height: 24px;
    width: 24px;
  }
}

@media (max-width: 480px) {
  .benefits {
    min-width: 100%;
  }

  .benefitsOld {
    margin-top: 30px;
  }
}

.footer {
  background-color: #457ce9;
  padding: 48px 0 100px;
}

.footer__container {
  background: #457ce9;
}

.footer__title {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 170%;
  cursor: pointer;
  color: #ffffff;
}

.footer__icons-wrapper {
  display: flex;
  gap: 0 16px;
  margin-top: 24px;
}

.footer__icon-wrapper {
  border: 1px solid #e3e8eb;
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.footer__payment {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.footer__top {
  display: flex;
  gap: 0 114px;
}

.footer__middle {
  display: flex;
  gap: 0 114px;
  margin-top: 32px;
}

.footer__cards {
  display: flex;
  justify-content: space-between;
  gap: 0 91px;
  width: 210px;
}

.footer__card-text {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 200%;
  color: #ffffff;
  opacity: 0.7;
}

.footer__card-text:hover {
  color: #ffffff;
  opacity: 0.7;
  text-decoration: underline;
}

.footer__contact-information {
  line-height: 24px !important;
  text-decoration: none !important;
}

.footer__contact-container {
  width: 410px;
}

.footer__card-title-contact {
  margin-bottom: 24px;
}

.footer__header {
  width: 410px;
}

.footer__contact-information-container {
  margin-top: 24px;
}

.footer__card-text:active {
  color: #ffffff;
  opacity: 0.7;
}

.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  margin-top: 64px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer__pay-img {
  margin-top: 51px;
  display: flex;
  justify-content: flex-start;
  gap: 0 16px;
  align-items: center;
}

.footer__card-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #ffffff;
}

.footer__card-flags {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}

.footer__card-active {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  width: 64px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  padding-top: 4px;
}

.footer__account {
  display: flex;
  justify-content: center;
  gap: 0 32px;
  width: 780px;
  margin: 160px auto;
}

.footer__sign-in,
.footer__my-account-btn {
  background: #457ce9;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  border-radius: 16px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
}

.footer__sign-in-youtube,
.footer__my-account-btn-youtube {
  background: #f00;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  border-radius: 16px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
}

.footer__contact {
  border: 1.5px solid #457ce9;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  background: #fff;
  border-radius: 16px;
  color: #457ce9;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
}

.footer__contact>img {
  max-width: 24px;
}

.footer__contact-youtube {
  border: 1.5px solid #f00;
  width: 50%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  background: #fff;
  border-radius: 16px;
  color: #f00;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
}

.footer__contact-youtube>img {
  max-width: 24px;
}

.footer__img-flag {
  height: 36px;
  width: 33px;
}

.footer__sign-in>img {
  width: 24px;
}

.flags>img {
  height: 24px;
  width: 36px;
}

.first-link-footer {
  margin-top: 18px;
  display: block;
}

.last-title-footer {
  margin-top: 36px;
  display: block;
}

.rules-footer {
  max-width: 224px;
}

.us-second-footer {
  padding-top: 46px;
}

@media only screen and (max-width: 1000px) {
  .footer__middle {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1350px) {
  .us-second-footer {
    padding-top: 0;
  }

  .footer__top {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    padding: 0 16px;
  }

  .footer__title {
    display: flex;
    justify-content: center;
    width: 272px;
  }

  .footer__cards {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    text-align: center;
    gap: 50px;
  }

  .footer__card {
    width: 272px;
  }

  .footer__header {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 50px;
    flex-wrap: wrap;
  }

  .footer__header {
    width: 100%;
  }

  .footer__icons-wrapper {
    margin-top: 0;
  }

  .footer__pay-img {
    display: flex;
    justify-content: center;
    width: 272px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 800px) {
  .footer__bottom {
    padding: 0 16px;
  }

  .footer__card-flags {
    margin-top: 20px;
  }

  .footer__card-active {
    margin-top: 20px;
  }

  .footer__contact-youtube,
  .footer__sign-in-youtube {
    width: 100%;
  }
}

@media only screen and (max-width: 630px) {
  .footer {
    padding: 32px 0;
  }

  .footer__contact-container {
    width: auto;
  }

  .footer__header {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 32px 0;
    flex-direction: column;
  }

  .footer__title {
    width: fit-content;
    font-size: 24px;
  }

  .footer__cards {
    gap: 36px 0;
    text-align: left;
  }

  .footer__card {
    width: fit-content;
  }

  .footer__pay-img {
    width: fit-content;
    margin-top: 0;
  }

  .footer__card-title {
    font-size: 18px;
  }

  .footer__card-text {
    font-size: 14px;
  }

  .footer__middle {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .rules-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: fit-content;
  }

  .us-footer {
    width: 200px;
  }

  .help-footer {
    width: fit-content;
  }

  .last-title-footer {
    margin: 0;
  }
}

@media (max-width: 600px) {
  .footer {
    padding: 32px 0;
  }

  .footer .rules-footer {
    max-width: 100%;
  }

  .footer__bottom {
    padding: 0;
  }

  .footer__top {
    padding: 0;
    gap: 48px 0;
  }

  .footer__header {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 32px 0;
    flex-direction: column;
  }

  .footer__title {
    width: fit-content;
    font-size: 24px;
  }

  .footer__accept {
    max-width: 186px;
  }

  .footer__card {
    width: 100%;
  }

  .footer__card-flags {
    margin-top: 28px;
  }

  .footer__card-active {
    margin-top: 26px;
  }

  .footer__cards {
    gap: 36px 0;
    justify-content: space-between;
  }

  .footer__pay-img {
    width: fit-content;
    margin-top: 0;
  }

  .footer__card-title {
    font-size: 18px;
  }

  .footer__card-text {
    font-size: 14px;
  }

  .footer__icons-wrapper {
    gap: 0 12px;
  }

  .footer__bottom {
    margin-top: 28px;
    max-width: 450px;
    gap: 0 14px;
    flex-wrap: wrap;
    margin: 28px auto 0;
    padding-bottom: 10px;
    justify-content: flex-start;
  }

  .footer__bottom::-webkit-scrollbar {
    height: 6px;
  }

  .footer__bottom::-webkit-scrollbar-track {
    background: #fafafa;
  }

  .footer__bottom::-webkit-scrollbar-thumb {
    background: rgba(69, 124, 233, 0.25);
    border-radius: 3px;
  }

  .footer__account {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    width: 100%;
    margin: 64px auto;
  }

  .footer__sign-in,
  .footer__contact,
  .footer__contact-youtube .footer__my-account-btn-youtube {
    width: 100%;
  }

  .footer__my-account-btn {
    width: 100%;
  }

  .us-footer {
    width: fit-content;
  }

  .first-link-footer {
    margin-top: 10px;
  }

  .help-footer {
    width: fit-content;
  }
}

.code-page__home-link {
  position: absolute;
  top: 13px;
  width: 100vw;
}

.code-page__home-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  display: flex;
  gap: 12px;
  color: #457ce9;
}

.code-page__home-btn>div {
  height: 14px;
  width: 7px;
}

.code-page__inner {
  max-width: 568px;
  margin: 0 auto;
  position: relative;
}

.code-page__inner>img {
  max-width: 100%;
  max-height: 240px;
  margin-top: 32px;
}

.code-page__title {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #090a1f;
}

.code-page__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  opacity: 0.5;
  margin-top: 10px;
}

.code-page__balance {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 20px;
  color: #989898;
}

.code-page__balance>div {
  font-weight: 500;
  color: #000000;
  margin-left: 5px;
}

.code-page__input_container {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.code-page__input_flex {
  width: 75%;
  margin-right: 15px;
  justify-content: space-between;
  display: flex;
}

.code-page__button>button {
  width: 124px;
  height: 60px;
  background: #ffffff;
  border-radius: 16px;
  font-weight: 500;
  font-size: 16px;
  color: #457ce9;
}

.code-page__input {
  width: 50px;
  height: 60px;
  background: #cac9e533;
  border-radius: 16px;
  padding: 20px;
  color: #ffffff;
  font-size: 16px;
}

.code-page__input::placeholder {
  color: #ffffff;
  opacity: 0.2;
}

.code-page__saved {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-top: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #989898;
  gap: 5px;
}

.code-page__saved-count {
  color: #000;
}

.code-page__create {
  display: flex;
  gap: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
}

.code-page__sign-up {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  width: 50%;
  color: #ffffff;
  height: 60px;
}

.code-page__create-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: 5px 25px 30px rgba(69, 124, 233, 0.1);
  border-radius: 16px;
  width: 50%;
  height: 60px;
  color: #457ce9;
}

.code-page__account {
  padding: 48px 45px;
  background-color: #457ce9;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  margin-top: 32px;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  color: #ffffff;
}

.code-page__account .btn-control {
  flex-wrap: wrap;
}

.code-page__account .btn-control .btn {
  margin: 5px;
}

.code-page__account-btn {
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  border: none;
  border-radius: 16px;
  color: #457ce9;
  font-weight: 500;
  margin-top: 10px;
  font-size: 16px;
}

.code-page__error-message>div {
  font-size: 18px;
}

@media only screen and (max-width: 800px) {
  .code-page__inner {
    padding-top: 150px;
  }

  .code-page__input_container {
    flex-direction: column;
  }

  .code-page__input_flex {
    width: 100%;
  }

  .code-page__input {
    height: 58px;
  }

  .code-page__button {
    margin-top: 20px;
  }

  .code-page__button>button {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .code-page__inner {
    padding-top: 70px;
  }

  .code-page__title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #090a1f;
  }

  .code-page__saved {
    font-size: 18px;
  }

  .code-page__inner>img {
    margin-top: 20px;
  }

  .code-page__input {
    width: 40px;
    height: 48px;
    padding: 15px;
  }

  .code-page__account {
    font-size: 16px;
    line-height: 160%;
    padding: 24px 16px;
  }

  .code-page__create {
    margin-top: 20px;
    gap: 13px;
  }
}

.rules {
  animation: fadeIn 0.5s ease-in;
}

.rules__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 37px;
  text-align: center;
}

.rules__subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  max-width: 521px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}

.rules__item-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 14px;
}

.rules__item {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
}

.rules__item-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #457ce9;
  background: #f7f9ff;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 170%;
}

.rules__inner {
  margin-top: 20px;
}

.rules__list {
  margin-top: 58px;
  counter-reset: li;
  color: #333;
}

.rules__list>li>.text::before {
  display: inline-block;
  content: counter(li) ". ";
  counter-increment: li;
  margin-right: 5px;
}

.rules__list>li+li {
  margin-top: 64px;
}

.rules__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.5);
}

.rules__inner-list {
  margin-top: 32px;
  counter-reset: li;
  line-height: 160%;
}

.rules__inner-list li+li {
  margin-top: 12px;
}

.rules__inner-list--alpha li {
  display: flex;
}

.rules__inner-list--alpha li::before {
  content: counter(li, lower-alpha) ". ";
  counter-increment: li;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}

.rules__bold {
  font-weight: 600;
  color: #000;
}

.rules__refund-items-container {
  margin-top: 32px;
}

.rules__refund-inner-list {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 32px;
  counter-reset: li;
  line-height: 160%;
}

.rules__refund-inner-list li+li {
  margin-top: 12px;
}

.rules__refund-inner-list--alpha li {
  display: flex;
}

.rules__refund-inner-list--alpha li::before {
  content: counter(li, lower-alpha) ". ";
  counter-increment: li;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}

@media only screen and (max-width: 600px) {
  .rules__title {
    font-size: 24px;
  }

  .rules__item {
    font-size: 20px;
  }

  .rules__inner {
    margin-top: 10px;
  }

  .rules__inner-list {
    margin-top: 20px;
  }

  .rules__list {
    margin-top: 48px;
  }
}

.servicesNav {
  margin-top: 64px;
}

.servicesNav__nav {
  display: flex;
  justify-content: space-around;
  position: relative;
  overflow-x: auto;
}

.servicesNav__nav::-webkit-scrollbar {
  height: 6px;
}

.servicesNav__nav::-webkit-scrollbar-track {
  background: #fafafa;
}

.servicesNav__nav::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.servicesNav__text {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
}

.servicesNav__text-active {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}

.servicesNav__link {
  height: 60px;
  width: 202px;
  background: #457ce9;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #457ce9;
  border-radius: 16px;
  gap: 0 8px;
  cursor: pointer;
}

.servicesNav__link-active {
  background: #fff;
}

.servicesNav__icon {
  height: 32px;
  width: 32px;
}

.servicesNav__likes {
  height: 20px;
  width: 20px;
}

.servicesNav__active {
  opacity: 0.2;
}

.servicesNav a:hover {
  color: #00abdf;
}

.servicesNav .heart-icon {
  height: 24px;
  width: 28px;
}

@media only screen and (max-width: 600px) {
  .servicesNav {
    margin-top: 24px;
  }

  .servicesNav__nav {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    gap: 0 14px;
    -webkit-overflow-scrolling: touch;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .servicesNav__link {
    height: 74px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    padding: 12px 14px;
  }

  .servicesNav__text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 2px;
  }

  .servicesNav__text-active {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-top: 2px;
  }

  .servicesNav__icon {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }

  .heart-icon {
    height: 18px;
    width: 22px;
  }
}

.servicesNavYoutube {
  margin-top: 64px;
}

.servicesNavYoutube__nav {
  display: flex;
  justify-content: space-around;
  position: relative;
  overflow-x: auto;
}

.servicesNavYoutube__nav::-webkit-scrollbar {
  height: 6px;
}

.servicesNavYoutube__nav::-webkit-scrollbar-track {
  background: #fafafa;
}

.servicesNavYoutube__nav::-webkit-scrollbar-thumb {
  background: rgba(69, 124, 233, 0.25);
  border-radius: 3px;
}

.servicesNavYoutube__text {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
}

.servicesNavYoutube__text-active {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
}

.servicesNavYoutube__link {
  height: 60px;
  background: #f00;
  padding-left: 54px;
  padding-right: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e8eb;
  border-radius: 16px;
  gap: 0 8px;
  cursor: pointer;
}

.servicesNavYoutube__link-active {
  background: #fff;
}

.servicesNavYoutube__link-inner {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 146px;
  gap: 8px;
}

.servicesNavYoutube__icon {
  min-height: 32px;
  min-width: 32px;
}

.servicesNavYoutube__likes {
  height: 20px;
  width: 20px;
}

.servicesNavYoutube__active {
  opacity: 0.2;
}

.servicesNavYoutube a:hover {
  color: #00abdf;
}

.servicesNavYoutube .heart-icon {
  height: 24px;
  width: 28px;
}

.servicesNavYoutube .heart-youtube-icon {
  min-height: 32px;
  min-width: 32px;
}

.servicesNavYoutube__disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media only screen and (max-width: 1130px) {
  .servicesNavYoutube__link {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 930px) {
  .servicesNavYoutube__link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 760px) {
  .servicesNavYoutube__link {
    padding: 12px 14px;
  }

  .servicesNavYoutube__link-inner {
    width: fit-content;
  }
}

@media only screen and (max-width: 600px) {
  .servicesNavYoutube {
    margin-top: 24px;
  }

  .servicesNavYoutube__nav {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    gap: 0 14px;
    -webkit-overflow-scrolling: touch;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .servicesNavYoutube__link {
    height: 74px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 12px 14px;
  }

  .servicesNavYoutube__link-inner {
    width: fit-content;
    flex-direction: column;
  }

  .servicesNavYoutube__text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 2px;
  }

  .servicesNavYoutube__text-active {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-top: 2px;
  }

  .servicesNavYoutube__icon {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }

  .heart-icon {
    height: 18px;
    width: 22px;
  }
}

.contactUsBlockSocial {
  margin-top: 87px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 160px;
  border-radius: 41px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 25px 25px 100px 0px rgba(152, 152, 152, 0.1);
  padding: 48px;
  gap: 10px;
}

.contactUsBlockSocial__contact-social {
  display: flex;
  gap: 48px;
  justify-content: space-around;
}

.contactUsBlockSocial__social {
  display: flex;
  align-items: center;
  gap: 20px;
}

.contactUsBlockSocial__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 30px;
  background-color: #f7f9ff;
}

.contactUsBlockSocial__title {
  color: #babec0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.contactUsBlockSocial__number {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.contactUsBlockSocial__number a {
  text-decoration: none;
  color: #457ce9;
  transition: all 0.2s ease-out;
  -webkit-tap-highlight-color: transparent;
}

.contactUsBlockSocial__numberClose {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  filter: blur(7.5px);
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.contactUsBlockSocial__text {
  max-width: 367px;
  width: 35%;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

@media (max-width: 767px) {
  .contactUsBlockSocial {
    margin-top: 24px;
    flex-direction: column;
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 32px;
    gap: 33px;
    justify-content: center;
  }

  .contactUsBlockSocial__contact-social {
    flex-direction: column;
    width: 100%;
    gap: 26px;
  }

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

.dropDown {
  position: absolute;
  right: 80px;
  width: 100%;
  max-width: 92%;
  border-radius: 16px;
  border: 1px solid rgba(9, 10, 31, 0.15);
  padding: 18px 16px;
  cursor: pointer;
  transition: 5s ease-in-out height;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #fff;
  z-index: 99;
}

.dropDown::-webkit-scrollbar {
  width: 0;
  display: none !important;
}

.dropDown .dropDownContentList {
  max-height: 250px;
  height: auto;
  overflow: auto;
}

.dropDown .dropDownContentList::-webkit-scrollbar {
  width: 0;
  display: none !important;
}

.dropDown .dropDownContentList::-webkit-scrollbar {
  height: 0;
  display: none !important;
}

.dropDown::-webkit-scrollbar {
  height: 0;
  display: none !important;
}

.dropDown:hover {
  transition: 0.2s ease-in-out border;
  border: 1px solid rgba(9, 10, 31, 0.5);
}

.dropDown .dropDownUserName {
  display: none;
}

.dropDown .firstElem {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(9, 10, 31, 0.25);
  font-size: 14px;
  padding: 0 5px;
}

.dropDown .arrow {
  position: absolute;
  right: 20px;
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}

.dropDown .arrowReverse {
  transform: rotate(180deg);
}

.dropDown .dropDownItem {
  border-radius: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropDown .dropDownItem span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0 12px 8px;
}

.dropDown .dropDownItem span img {
  margin-right: 0px;
}

.dropDown .dropDownItem:hover {
  background: rgba(9, 10, 31, 0.03);
}

.dropDown .dropDownItem img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
}

.dropDown-empty {
  display: none;
}

@media (max-width: 1068px) {
  .dropDown-empty {
    display: flex;
  }

  .dropDown .dropDownUserName {
    position: absolute;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #090a1f;
    font-size: 14px;
    font-weight: 500;
  }

  .dropDown .dropDownUserName img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
}

@media (max-width: 430px) {
  .dropDown {
    max-width: 280px !important;
  }

  .dropDown .dropDownUserName {
    position: absolute;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #090a1f;
    font-size: 14px;
    font-weight: 500;
  }

  .dropDown .dropDownUserName img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
}

@media (max-width: 768px) {
  .dropDown {
    max-width: 88%;
  }
}

@media (max-width: 414px) {
  .dropDown {
    max-width: 270px !important;
  }
}

@media (max-width: 375px) {
  .dropDown {
    max-width: 230px !important;
  }

  .dropDown .arrow {
    right: 5px;
  }

  .dropDown .dropDownItem {
    padding: 14px 0;
  }

  .dropDown .dropDownItem span {
    max-width: 165px;
    overflow: hidden;
  }
}

.activeUserItem {
  border: 1px solid rgba(9, 10, 31, 0.7) !important;
}

.userItemMonitoring {
  position: relative;
  width: 100%;
  max-width: max-content;
  min-width: 160px;
  border-radius: 16px;
  border: 1px solid rgba(9, 10, 31, 0.1);
  padding: 8px 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}

.userItemMonitoring .userItemMonitoringContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.userItemMonitoring .rightItem {
  font-family: Poppins, sans-serif;
}

.userItemMonitoring .rightItem .userName {
  color: #090a1f;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.userItemMonitoring .rightItem .time {
  color: #909090;
  font-size: 12px;
}

.userItemMonitoring .deleteIcon {
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
}

.usersList {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}

.usersList .itemList {
  display: flex;
  gap: 16px;
}

.usersList .dropDownRight {
  position: relative;
  display: flex;
  justify-content: end;
  width: 400px;
  height: 65px;
}

.usersList .dropDownRightMedia {
  display: none;
}

.usersList .addNewUser {
  border-radius: 16px;
  background: linear-gradient(95deg,
      #f6ec32 -53.82%,
      #df2e80 79.03%,
      #132ef7 201.25%);
  padding: 16px 18px;
  width: 100%;
  height: 100%;
  max-width: 60px;
  max-height: 60px;
  cursor: pointer;
}

@media (max-width: 1067px) {
  .usersList {
    margin-top: 0px;
  }

  .usersList .itemList {
    display: none;
  }

  .usersList .dropDownRight {
    display: none;
  }

  .usersList .dropDownRightMedia {
    display: flex;
    position: relative;
    justify-content: end;
    width: 100%;
    height: 65px;
  }
}

.modalHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  position: relative;
}

.modalHeader__title {
  font-size: 28px;
  font-family: "Poppins";
  font-weight: 600;
  text-align: center;
  flex: 1;
}

.modalHeader__icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.modalHeader.onlyClose {
  justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
  .modalHeader {
    width: 100%;
  }

  .modalHeader__title {
    font-size: 16px;
  }
}

.submitButton__btn {
  background: #457ce9;
  box-shadow: 5px 25px 30px rgba(69, 124, 233, 0.1);
  border-radius: 16px;
  color: #fff;
  width: 100%;
  height: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.submitButton__btn.loading {
  pointer-events: none;
  opacity: 0.7;
}

.submitButton.btn--loading::after {
  background: url(../images/spinner.0e9d7c95c6a40da894d34fa16999bc45.svg) 0 0 no-repeat;
  background-size: contain;
  z-index: 2;
}

.submitButton.btn--loading:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
}

.submitButton__disabled {
  background-color: rgba(0, 0, 0, 0.1);
}

.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader {
  border: 3px solid rgba(69, 124, 233, 0.2);
  border-top: 3px solid white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.loader-container.blueLoader .loader {
  border: 3px solid #457ce9;
  border-top: 3px solid white;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

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

.modalTextField {
  position: relative;
}

.modalTextField .error {
  border: 1px solid rgba(251, 90, 85, 0.7);
}

.modalTextField .valid {
  border: 1px solid #caecc7;
}

.modalTextField__textField {
  position: relative;
  display: flex;
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  height: 60px;
  padding-left: 10px;
  width: 100%;
}

.modalTextField__textField::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.25);
}

.modalTextField .withLeftIcon {
  padding-left: 60px;
}

.modalTextField .withRightIcon {
  padding-right: 60px;
}

.modalTextField .withCustomLeftIcon {
  padding-left: 70px;
}

.modalTextField__email {
  position: relative;
}

.modalTextField__email:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/email-icon.70ec5ed8a6e0b292a6efd1e211f1a387.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.modalTextField__instagram {
  position: relative;
}

.modalTextField__instagram:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/instagram-icon.bc531445f9dcb60cd91b2f39600f1da3.png) no-repeat;
  background-size: cover;
  z-index: 100;
}

.modalTextField__cvv {
  position: relative;
}

.modalTextField__cvv:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/cvv-card.d0fab196534488cd4b071e40e1664a48.svg) no-repeat;
  background-size: cover;
  z-index: 100;
}

.modalTextField__date {
  position: relative;
}

.modalTextField__date:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: url(../images/date-card.ddd8d0b2023ffe09799cee30618c6ad5.svg) no-repeat;
  background-size: cover;
  z-index: 100;
}

.modalTextField .rightIconContainer {
  position: absolute;
  z-index: 100;
  top: 16px;
  right: 16px;
}

.modalTextField .leftIconContainer {
  position: absolute;
  z-index: 100;
  top: 14px;
  left: 16px;
}

.errModalTextBottomInput {
  text-align: center;
  color: #fb5a55;
  font-size: 16px;
  margin-top: 16px;
}

.modalTitleWithSubtitle {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.modalTitleWithSubtitle__title {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}

.modalTitleWithSubtitle__subtitle {
  font-size: 18px;
  color: #909090;
  margin-top: 16px;
  text-align: center;
  white-space: pre-wrap;
  line-height: 32px;
}

@media only screen and (max-width: 768px) {
  .modalTitleWithSubtitle__title {
    font-size: 22px;
  }

  .modalTitleWithSubtitle__subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}

.modalWrapper {
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(248, 248, 248, 0.5);
  transition: all 0.2s ease-out;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  display: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.modalWrapper.active {
  opacity: 1;
  z-index: 91000;
  pointer-events: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modalWrapper__container {
  background-color: white;
  border-radius: 24px;
  display: flex;
  overflow: hidden;
}

.addEmailModal {
  width: 745px;
  display: flex;
  flex-direction: column;
}

.addEmailModal__headerContainer {
  padding: 36px;
  display: flex;
  flex: 1;
}

.addEmailModal__submitModal {
  padding: 32px 72px 72px;
}

.addEmailModal__inputContainer {
  padding: 32px 72px 0;
}

@media only screen and (max-width: 768px) {
  .addEmailModal__headerContainer {
    padding: 36px 16px 16px;
    display: flex;
    flex: 1;
  }

  .addEmailModal__inputContainer {
    padding: 20px 16px 0;
  }

  .addEmailModal__submitModal {
    padding: 20px 16px 32px;
  }
}

.addInstagramModal {
  width: 745px;
  display: flex;
  flex-direction: column;
}

.addInstagramModal__headerContainer {
  padding: 36px;
  display: flex;
  flex: 1;
}

.addInstagramModal__submitModal {
  padding: 32px 72px 72px;
}

.addInstagramModal__inputContainer {
  padding: 32px 72px 0;
}

@media only screen and (max-width: 768px) {
  .addInstagramModal__headerContainer {
    padding: 36px 16px 16px;
    display: flex;
    flex: 1;
  }

  .addInstagramModal__inputContainer {
    padding: 20px 16px 0;
  }

  .addInstagramModal__submitModal {
    padding: 20px 16px 32px;
  }
}

.collectingInformationModal {
  width: 540px;
  display: flex;
  flex-direction: column;
  padding: 64px 72px 72px;
}

@media only screen and (max-width: 768px) {
  .collectingInformationModal {
    padding: 32px 16px;
  }
}

.confirmationCodeModal {
  width: 745px;
  display: flex;
  flex-direction: column;
}

.confirmationCodeModal__headerContainer {
  padding: 36px;
  display: flex;
  flex: 1;
}

.confirmationCodeModal__submitModal {
  padding: 32px 72px 72px;
}

.confirmationCodeModal__inputContainer {
  padding: 32px 72px 0;
}

.confirmationCodeModal__codeMainContainer {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.codeContainer {
  border-radius: 16px;
  border: 1px solid #dadadd;
  padding: 12px 0px;
  height: 60px;
  gap: 0;
}

.codeCharacter {
  background-color: white;
  font-size: 22px;
  font-family: "Poppins";
  font-weight: 600;
  align-items: center;
  justify-content: center;
  display: flex;
  border-right: 1px solid #e5e7e9;
  border-left: none;
  border-top: none;
  border-bottom: none;
}

.codeCharacter:last-child {
  border-right: none;
}

.codeCharacterInactive {
  color: #e5e7e9;
}

.codeCharacterSelected {
  outline: none;
  color: #457ce9;
}

@media only screen and (max-width: 768px) {
  .confirmationCodeModal__headerContainer {
    padding: 36px 16px 16px;
    display: flex;
    flex: 1;
  }

  .confirmationCodeModal__inputContainer {
    padding: 20px 16px 0;
  }

  .confirmationCodeModal__submitModal {
    padding: 20px 16px 32px;
  }

  .confirmationCodeModal__codeMainContainer {
    margin-top: 20px;
  }
}

.errModalText {
  text-align: center;
  color: #fb5a55;
  font-size: 16px;
  margin-top: -16px;
  margin-bottom: 33px;
}

.deleteAccountModal {
  width: 760px;
  padding: 64px 72px 72px;
}

.deleteAccountModal__iconContainer {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.deleteAccountModal__icon {
  width: 80px;
  height: 80px;
}

.deleteAccountModal__buttons {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: row;
  margin-top: 32px;
  gap: 16px;
}

.deleteAccountModal__firtsButton {
  flex: 1;
  height: 60px;
  border-radius: 16px;
  background-color: #f7f8fe;
  color: #457ce9;
  font-size: 16px;
}

.deleteAccountModal__firtsButton:hover {
  border: 1px solid #3f72d9;
}

.deleteAccountModal__secondButton {
  flex: 1;
  height: 60px;
  border-radius: 16px;
  background-color: #fff6f7;
  color: #fb5a55;
  font-size: 16px;
}

.deleteAccountModal__secondButton:hover {
  border: 1px solid #fb5a55;
}

@media only screen and (max-width: 768px) {
  .deleteAccountModal {
    padding: 32px 16px 32px;
  }
}

.instagramMonitoringModal {
  width: 870px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.instagramMonitoringModal__header {
  display: flex;
  width: 100%;
  padding: 48px 48px 16px 48px;
}

.instagramMonitoringModal__profileBlockContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-bottom: 32px;
}

.instagramMonitoringModal__profileBlock {
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #d9dadc;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.instagramMonitoringModal__profileImage {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: gray;
  align-items: center;
  justify-content: center;
  display: flex;
}

.instagramMonitoringModal__profileNickname {
  font-size: 16px;
}

.instagramMonitoringModal__stalkerModeContainer {
  margin: 20px 48px 0;
}

.instagramMonitoringModal__submitButton {
  padding: 32px 48px;
}

@media only screen and (max-width: 900px) {
  .instagramMonitoringModal {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .instagramMonitoringModal {
    width: 100%;
  }

  .instagramMonitoringModal__header {
    padding: 24px 18px 12px 24px;
  }

  .instagramMonitoringModal__profileBlock {
    padding: 8px 16px;
  }

  .instagramMonitoringModal__profileNickname {
    font-size: 14px;
  }

  .instagramMonitoringModal__profileImage {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 375px) {
  .instagramMonitoringModal {
    width: 90vw;
    height: 95vh;
  }

  .instagramMonitoringModal__header {
    padding: 34px 18px 0px 18px;
  }

  .instagramMonitoringModal__submitButton {
    padding: 20px 16px;
  }

  .instagramMonitoringModal__profileBlockContainer {
    flex: 0;
    margin-top: 12px;
    margin-bottom: 12px !important;
  }

  .instagramMonitoringModal__stalkerModeContainer {
    margin: 20px 16px 10px;
  }

  .instagramMonitoringModal__profileBlockContainer {
    margin-bottom: 0px;
  }
}

.errModalText {
  text-align: center;
  color: #fb5a55;
  font-size: 16px;
  margin-top: -16px;
  margin-bottom: 33px;
}

.planList {
  display: flex;
  flex-direction: row;
  overflow: auto;
  gap: 20px;
  padding: 0 48px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.planList::-webkit-scrollbar {
  display: none;
}

.planList__listItem {
  display: flex;
  flex: 1;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #d9dadc;
  flex-direction: column;
  cursor: pointer;
  min-width: 230px;
  justify-content: space-between;
  transition: all 0.2s ease-out;
}

.planList__listItem.active {
  border: none;
  background: #ed9f52;
  background: linear-gradient(90deg, #ed9f52 0%, #e55e6d 51%, #c92f8e 100%);
}

.planList__listItemHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.planList__price {
  font-size: 24px;
  font-weight: 600;
  transition: all 0.2s ease-out;
}

.planList__price.active {
  color: white;
}

.planList__trialPeriodContainer {
  margin-top: -10px;
}

.planList__month {
  font-size: 12px;
  color: #909090;
  font-weight: normal;
  transition: all 0.2s ease-out;
}

.planList__month.active {
  color: white;
  opacity: 0.7;
}

.planList__checkedIcon {
  width: 24px;
  height: 24px;
}

.planList__benefitsContainer {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.planList__benefitItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.planList__benefitItemIcon {
  width: 20px;
  height: 20px;
}

.planList__benefitItemTitle {
  color: #909090;
  font-size: 14px;
  transition: all 0.2s ease-out;
}

.planList__benefitItemTitle.active {
  color: white;
  opacity: 0.7;
}

.planList__recomendedContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.planList__recomendedTitleBlock {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.planList__recomendedIcon {
  width: 20px;
  height: 20px;
}

.planList__recomendedTitle {
  font-size: 14px;
  transition: all 0.2s ease-out;
}

.planList__recomendedTitle.active {
  color: white;
}

.planList__recomendedDiscountConteiner {
  padding: 6px 12px;
  border-radius: 12px;
  background-color: #457ce9;
  transition: all 0.2s ease-out;
}

.planList__recomendedDiscountConteiner.active {
  background-color: white;
}

.planList__recomendedDiscount {
  font-size: 14px;
  color: white;
  font-weight: 500;
  transition: all 0.2s ease-out;
}

.planList__recomendedDiscount.active {
  color: black;
}

.planList__benefitDivider {
  height: 1px;
  width: 100%;
  background-color: black;
  opacity: 0.1;
}

.planList__benefitDivider.active {
  background-color: white;
}

.planList__startNowButton {
  display: flex;
  color: white;
  background-color: #457ce9;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  cursor: pointer;
}

.planList__startNowButton.active {
  background-color: white;
  color: #0e0e0e;
}

.stalkerMode {
  padding: 24px;
  border: 1px solid #d4e1fa;
  border-radius: 20px;
  background-color: #f9fafe;
}

.stalkerMode__headerBlock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.stalkerMode__stalkerIcon {
  width: 32px;
  height: 32px;
}

.stalkerMode__titleBlock {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  width: 100%;
}

.stalkerMode__title {
  font-size: 18px;
}

.stalkerMode__title.disabled {
  color: #909090;
}

.stalkerMode__plusTitle {
  color: #457ce9;
  font-weight: 600;
}

.stalkerMode__plusTitle.disabled {
  color: #909090;
}

.stalkerMode__subtitle {
  font-size: 14px;
  margin-top: 8px;
  color: #909090;
}

.stalkerMode__benefitsBlock {
  margin-top: 16px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.stalkerMode__benefitIcon {
  width: 20px;
  height: 20px;
}

.stalkerMode__benefitItem {
  flex-direction: row;
  align-items: center;
  display: flex;
  gap: 12px;
}

.stalkerMode__benefitItemText {
  font-size: 14px;
  color: #909090;
}

@media only screen and (max-width: 768px) {
  .stalkerMode__plusTitle {
    font-size: 16px;
  }

  .stalkerMode__subtitle {
    font-size: 12px;
  }

  .stalkerMode__benefitIcon {
    width: 16px;
    height: 16px;
  }

  .stalkerMode__benefitItemText {
    font-size: 12px;
    color: #909090;
  }
}

@media (max-width: 375px) {
  .stalkerMode__title {
    font-size: 16px;
  }

  .planList__listItem {
    padding: 10px 16px;
    overflow: auto;
  }

  .stalkerMode {
    padding: 10px;
  }
}

.switch {
  width: 60px;
  min-width: 60px;
  height: 30px;
  min-height: 30px;
  border-radius: 15px;
  background-color: #ddd;
  position: relative;
  cursor: pointer;
}

.switch-slider {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: transform 0.3s;
}

.switch-on .switch-slider {
  transform: translateX(30px);
}

.switch-off .switch-slider {
  transform: translateX(0);
}

.switch.switch-on {
  background-color: #457ce9 !important;
}

@media (max-width: 425px) {
  .switch {
    width: 44px;
    min-width: 44px;
    height: 24px;
    min-height: 24px;
    border-radius: 15px;
  }

  .switch-slider {
    width: 20px;
    height: 20px;
  }

  .switch-on .switch-slider {
    transform: translateX(20px);
  }
}

@media (max-width: 375px) {
  .switch {
    width: 44px;
    height: 24px;
    border-radius: 15px;
  }

  .switch-slider {
    width: 20px;
    height: 20px;
  }

  .switch-on .switch-slider {
    transform: translateX(20px);
  }
}

.loader-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(248, 250, 254, 0.5);
  backdrop-filter: blur(7px);
}

.loader-wrapper-container {
  position: relative;
}

.privateWarningMonitoring {
  border-radius: 20px;
  border: 1px solid rgba(9, 10, 31, 0.1);
  width: 100%;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #090a1f;
  font-size: 16px;
  font-weight: 500;
}

.privateWarningMonitoring .leftMonitoring {
  display: flex;
  align-items: center;
  gap: 8px;
}

.privateWarningMonitoring .time {
  border-radius: 32px;
  background: rgba(9, 10, 31, 0.04);
  color: #909090;
  font-size: 16px;
  padding: 10px;
  max-width: 155px;
  font-weight: 400;
}

@media (max-width: 430px) {
  .privateWarningMonitoring {
    flex-direction: column;
    gap: 15px;
  }

  .privateWarningMonitoring .leftMonitoring {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}

.notificationsMonitoring {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 159px;
  max-height: 159px;
}

.notificationsMonitoring .notificationsTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notificationsMonitoring .notificationsTop .leftNotificationsTop {
  color: #090a1f;
  font-size: 18px;
  font-weight: 600;
}

.notificationsMonitoring .notificationsTop .notificationsBtns {
  display: flex;
  gap: 10px;
}

.notificationsMonitoring .notificationsTop .notificationsBtns span {
  cursor: pointer;
  display: flex;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid rgba(69, 124, 233, 0);
}

.notificationsMonitoring .notificationsTop .notificationsBtns span:hover {
  border: 1px solid rgba(69, 124, 233, 0.5);
}

.notificationsMonitoring .notificationsTop .reverse {
  transform: rotate(180deg);
}

.notificationsMonitoring .notificationsBottom .notificationsList {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}

.notificationsMonitoring .notificationsBottom .notificationsList::-webkit-scrollbar {
  width: 0;
  display: none !important;
}

.notificationsMonitoring .notificationsBottom .notificationsList::-webkit-scrollbar {
  height: 0;
  display: none !important;
}

.notificationsMonitoring .notificationsBottom .notificationsList * {
  scrollbar-width: none;
}

.notificationsItem {
  border-radius: 12px;
  background: var(--White, #fff);
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 212px;
  padding: 6px 10px;
  position: relative;
  border: 1px solid white;
}

.notificationsItem:hover {
  border: 1px solid rgba(69, 124, 233, 0.2);
}

.notificationsItem .status {
  color: #090a1f;
  font-size: 14px;
  font-weight: 500;
}

.notificationsItem .time {
  color: #909090;
  font-size: 12px;
  font-weight: 400;
}

.notificationsItem .notificationType {
  position: absolute;
  right: 10px;
  top: 5px;
}

.notificationsItem .notificationsItemLeft img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.blueDiv {
  padding: 24px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid rgba(69, 124, 233, 0.2);
  background: rgba(69, 124, 233, 0.04);
}

.noNotifications {
  border-radius: 12px;
  background: #fff;
  display: flex;
  gap: 8px;
  padding: 12px;
  align-items: center;
}

.noNotifications .noNotificationsLogo {
  width: 40px;
  height: 40px;
}

.noNotifications .noNotificationsTitle {
  color: #090a1f;
  font-size: 14px;
  font-weight: 500;
}

.noNotifications .noNotificationsText {
  color: #909090;
  font-size: 12px;
  font-weight: 400;
}

.didntSubscribe {
  display: flex;
  gap: 24px;
  position: relative;
}

.didntSubscribe .statisticsDataProcessing {
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 260px;
}

.didntSubscribe .statisticsDataProcessing .title {
  color: #090a1f;
  font-size: 16px;
  font-weight: 500;
  padding-top: 12px;
}

.didntSubscribe .statisticsDataProcessing .description {
  color: #909090;
  font-size: 12px;
  font-weight: 400;
  padding-top: 4px;
}

.didntSubscribe .didntSubscribeLeft {
  width: 100%;
  max-width: 440px;
}

.didntSubscribe .didntSubscribeLeft .itemsList {
  height: 100%;
  width: 100%;
  max-width: 385px;
  padding: 16px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  border-radius: 12px;
  max-height: 285px;
  overflow: auto;
  justify-content: flex-start;
}

.didntSubscribe .didntSubscribeLeft .didntSubscribeTitle {
  color: #090a1f;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}

.didntSubscribe .didntSubscribeLeft .didntSubscribeLoader {
  height: 100%;
}

.didntSubscribe .didntSubscribeRight .didntSubscribeRightTop {
  display: flex;
  justify-content: space-between;
}

.didntSubscribe .didntSubscribeRight .didntSubscribeRightTop .didntSubscribeRightTitle {
  margin-bottom: 45px;
  color: #090a1f;
  font-size: 18px;
  font-weight: 600;
}

.didntSubscribe .didntSubscribeRightBottom {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.didntSubscribe .didntSubscribeRightBottom .likers,
.didntSubscribe .didntSubscribeRightBottom .commenters {
  width: 335px;
  display: flex;
  flex-direction: column;
}

.didntSubscribe .didntSubscribeRightBottom .likers .likersTitle,
.didntSubscribe .didntSubscribeRightBottom .likers .commentersTitle,
.didntSubscribe .didntSubscribeRightBottom .commenters .likersTitle,
.didntSubscribe .didntSubscribeRightBottom .commenters .commentersTitle {
  margin-bottom: 16px;
  font-size: 16px;
}

.didntSubscribe .didntSubscribeRightBottom .userItemsList {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 225px;
  overflow: auto;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .didntSubscribe {
    flex-direction: column;
  }

  .didntSubscribe .didntSubscribeLeft,
  .didntSubscribe .didntSubscribeRight {
    max-width: 100%;
  }

  .didntSubscribe .didntSubscribeLeft .didntSubscribeRightTop .didntSubscribeRightTitle,
  .didntSubscribe .didntSubscribeRight .didntSubscribeRightTop .didntSubscribeRightTitle {
    margin-top: 15px;
    margin-bottom: 45px;
    color: #090a1f;
    font-size: 18px;
    font-weight: 600;
  }

  .didntSubscribe .didntSubscribeLeft .itemsList {
    max-width: 100%;
    width: 100%;
  }

  .didntSubscribe .didntSubscribeRightBottom {
    flex-direction: column;
  }

  .didntSubscribe .didntSubscribeRightBottom .likers,
  .didntSubscribe .didntSubscribeRightBottom .commenters {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .didntSubscribe {
    flex-direction: column;
  }

  .didntSubscribe .didntSubscribeLeft .didntSubscribeRightTop .didntSubscribeRightTitle,
  .didntSubscribe .didntSubscribeRight .didntSubscribeRightTop .didntSubscribeRightTitle {
    margin-top: 15px;
    margin-bottom: 45px;
    color: #090a1f;
    font-size: 18px;
    font-weight: 600;
  }

  .didntSubscribe .didntSubscribeLeft .itemsList {
    max-width: 100%;
    width: 100%;
  }

  .didntSubscribe .didntSubscribeRightBottom {
    flex-direction: column;
  }

  .didntSubscribe .didntSubscribeRightBottom .likers,
  .didntSubscribe .didntSubscribeRightBottom .commenters {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .didntSubscribe .didntSubscribeLeft .itemsList {
    max-height: 180px;
  }

  .didntSubscribe .didntSubscribeRight {
    position: relative;
  }

  .didntSubscribe .didntSubscribeRight .didntSubscribeRightTop .didntSubscribeRightTitle {
    margin: 0 auto 70px;
  }
}

.itemWrap img {
  width: 39px;
  border-radius: 50%;
}

.dropdown {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(69, 124, 233, 0.2);
  background: var(--White, #fff);
  width: 120px;
  cursor: pointer;
  position: absolute;
  right: 25px;
  z-index: 20;
}

.dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown:hover {
  border: 1px solid rgba(69, 124, 233, 0.5);
}

.dropdown .rotate180 {
  transition: transform 0.3s ease-in-out;
  transform: rotate(180deg);
}

.dropdown .rotate {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}

.dropdown .dropdown-menu {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 400px) {
  .dropdown {
    top: 50px;
    right: 65px;
    width: 180px;
  }
}

.Alert {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  height: 100%;
  border-radius: 20px;
  background-color: #fff;
  padding: 12px;
}

.Alert .AlertTitle {
  color: #090a1f;
  font-size: 16px;
  font-weight: 500;
}

.Alert .AlertText {
  color: #909090;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 430px) {
  .Alert .AlertTitle {
    font-size: 14px;
  }

  .Alert .AlertText {
    display: none;
  }
}

.userItemContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid white;
}

.userItemContainer:hover {
  border: 1px solid rgba(69, 124, 233, 0.2);
}

.userItemContainer .userItemLeft {
  display: flex;
  align-items: center;
  gap: 8px;
}

.userItemContainer .userItemLeft img {
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.userItemContainer .userItemRight span {
  border-radius: 12px;
  background: #457ce9;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 12px;
}

.noInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  margin: auto;
}

.noInfo .noInfoIcon {
  width: 48px;
  height: 48px;
}

.noInfo .noInfoTitle {
  color: #090a1f;
  font-size: 16px;
  font-weight: 500;
}

.noInfo .noInfoText {
  color: #909090;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 430px) {
  .noInfo .noInfoIcon {
    width: 32px;
    height: 32px;
  }

  .noInfo .noInfoText {
    font-size: 12px;
    font-weight: 400;
  }
}

.accountStatistics {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  position: relative;
}

.accountStatistics .followers,
.accountStatistics .follows,
.accountStatistics .unFollowed {
  width: calc(100% / 3);
}

.accountStatistics .followers h2,
.accountStatistics .follows h2,
.accountStatistics .unFollowed h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.accountStatistics .followers .followTitle,
.accountStatistics .follows .followTitle,
.accountStatistics .unFollowed .followTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accountStatistics .accountStatisticsList {
  padding: 16px 16px 0;
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
  height: 300px;
  overflow: auto;
}

@media (max-width: 430px) {
  .accountStatistics {
    flex-direction: column;
  }

  .accountStatistics .followers,
  .accountStatistics .follows,
  .accountStatistics .unFollowed {
    width: 100%;
  }

  .accountStatistics .followers h2,
  .accountStatistics .follows h2,
  .accountStatistics .unFollowed h2 {
    font-size: 18px;
  }

  .accountStatistics .accountStatisticsList {
    height: 150px;
  }
}

.accountStatisticsItemLink {
  border-bottom: 1px solid rgba(9, 10, 31, 0.1);
}

.accountStatisticsItemLink:last-child {
  border: none;
}

.accountStatisticsItemLink:hover .accountStatisticsStatus {
  color: #909090 !important;
}

.accountStatisticsItemLink .accountStatisticsItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}

.accountStatisticsItemLink .accountStatisticsItem .leftAccountStatisticsItem {
  display: flex;
  align-items: center;
  gap: 12px;
}

.accountStatisticsItemLink .accountStatisticsItem .leftAccountStatisticsItem img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
}

.accountStatisticsItemLink .accountStatisticsItem .leftAccountStatisticsItem .accountStatisticsStatus {
  color: #090a1f;
  font-size: 14px;
  font-weight: 500;
}

.accountStatisticsItemLink .accountStatisticsItem .leftAccountStatisticsItem .accountStatisticsTime {
  color: #909090;
  font-size: 12px;
  font-weight: 400;
}

.cantTrack {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  margin: auto;
}

.cantTrack .cantTrackTitle {
  color: #090a1f;
  font-size: 16px;
  font-weight: 500;
}

.cantTrack .cantTrackText {
  color: #909090;
  font-size: 16px;
  font-weight: 500;
}

.stalkerModePopUp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(248, 250, 254, 0.5);
  backdrop-filter: blur(7px);
  z-index: 9999;
  padding: 20px;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.stalkerModePopUp .stalkerModePopUpContent {
  position: relative;
  height: 100%;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner .stalkerModePopUpTop {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner .stalkerModePopUpTop img {
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner .stalkerModePopUpTop h2 {
  color: #090a1f;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner .stalkerModePopUpTop p {
  color: #909090;
  font-size: 12px;
  font-weight: 500;
  width: 70%;
  text-align: center;
  margin-bottom: 8px;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner ul {
  padding: 20px 55px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid rgba(9, 10, 31, 0.05);
  border-bottom: 1px solid rgba(9, 10, 31, 0.05);
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.stalkerModePopUp .stalkerModePopUpContent .stalkerModePopUpContentInner button {
  padding: 6px 12px;
  border-radius: 12px;
  background: #457ce9;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  max-width: 120px;
  white-space: nowrap;
}

.confirmModal {
  width: 760px;
  padding: 64px 72px 72px;
}

.confirmModal__buttons {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: row;
  margin-top: 32px;
  gap: 16px;
}

.confirmModal__firtsButton {
  width: 100%;
  height: 60px;
  border-radius: 16px;
  background-color: #f7f8fe;
  color: #457ce9;
  font-size: 16px;
}

.confirmModal__firtsButton:hover {
  border: 1px solid #3f72d9;
}

.confirmModal__secondButton {
  height: 60px;
  border-radius: 16px;
  background-color: #457ce9;
  color: #fff6f7;
  font-size: 16px;
}

.postItem {
  width: 100%;
  display: flex;
  gap: 24px;
  border-bottom: 1px solid rgba(69, 124, 233, 0.2);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.postItem .postItemLeft {
  position: relative;
  cursor: pointer;
}

.postItem .postItemLeft .postImg {
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
  width: 236px;
  height: 236px;
}

.postItem .postItemLeft .hiddenLikesContainer {
  bottom: 18px;
  right: 8px;
  position: absolute;
  display: flex;
  background-color: #457ce9;
  padding: 14px;
  border-radius: 24px;
  gap: 4px;
  align-items: center;
}

.postItem .postItemLeft .hiddenLikesTitle {
  color: white;
  font-size: 14px;
  font-weight: 500;
}

.postItem .postItemRight {
  border-radius: 12px;
  width: 100%;
  background-color: #fff;
  padding: 16px;
}

.postItem .postItemRight .postItemRightTop {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.postItem .postItemRight .postItemRightTop .postInfoMenu {
  border-radius: 8px;
  border: 1px solid rgba(69, 124, 233, 0.2);
  display: flex;
  padding: 8px;
  cursor: pointer;
}

.postItem .postItemRight .postItemRightTop .postInfoMenuActive {
  border-radius: 8px;
  background: #457ce9;
}

.postItem .postItemRight .postItemRightTop .postItemSwitcher {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 20px;
  border: 1px solid rgba(69, 124, 233, 0.2);
  width: 100%;
}

.postItem .postItemRight .postItemRightTop .postItemSwitcherTab {
  width: 100%;
  text-align: center;
  color: rgba(9, 10, 31, 0.6);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.postItem .postItemRight .postItemRightTop .activePost {
  color: #fff;
  border-radius: 12px;
  background: #457ce9;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08);
  padding: 8px 12px;
}

@media (max-width: 768px) {
  .postItem {
    flex-direction: column;
    align-items: center;
  }

  .postItem .postItemSwitcher .postItemSwitcherTab {
    font-size: 10px !important;
  }

  .postItem .postItemLeft {
    width: 100%;
  }

  .postItem .postItemLeft .postImg {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 430px) {
  .postItem .postItemSwitcher .postItemSwitcherTab {
    font-size: 10px !important;
    flex-direction: column;
  }

  .postItem .postItemRight .postItemRightTop .postInfoMenu {
    padding: 17px 5px;
  }
}

.menuItemPost {
  position: absolute;
  max-width: 193px;
  width: 100%;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  top: 60px;
  right: 0;
  z-index: 10;
}

.menuItemPost .menuItemPostIcon {
  background-color: #fff8f8;
  padding: 14px 12px 9px;
  border-radius: 50%;
}

.menuItemPost .menuItemPostTitle {
  color: #090a1f;
  font-size: 14px;
  font-weight: 500;
}

.menuItemPost .menuItemPostText {
  color: #909090;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 17px;
}

@media (max-width: 430px) {
  .menuItemPost {
    top: 75px;
  }
}

.othersWrap .othersTitle {
  display: flex;
  margin: 24px 0;
  gap: 8px;
}

.othersWrap .othersTitle span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.othersWrap .othersList {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-height: 100px;
  overflow: auto;
  min-height: 100px;
}

.othersWrap .othersList .othersListUserContainer {
  position: relative;
  height: fit-content;
}

.othersWrap .othersList .othersListUserImage {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  cursor: pointer;
}

.othersWrap .othersList .othersListUserTypeIcon {
  position: absolute;
  background-color: white;
  border-radius: 50%;
  width: 18px;
  aspect-ratio: 1;
  right: 0;
  bottom: 0;
}

@media (max-width: 430px) {
  .othersWrap .othersList {
    max-height: 160px;
    min-height: 160px;
  }
}

.didntLeaveLikeWrap .didntLeaveLikeTitle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 24px 0;
}

.didntLeaveLikeWrap .didntLeaveLikeList {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 100px;
  max-height: 100px;
  overflow: auto;
}

.didntLeaveLikeWrap .didntLeaveLikeList img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  cursor: pointer;
}

@media (max-width: 430px) {
  .didntLeaveLikeWrap .didntLeaveLikeList {
    gap: 16px;
    max-height: 160px;
  }
}

.wrapMonitoring {
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.instaMonitorPromo {
  max-width: 1140px;
  margin: 0 auto;
}

.instaMonitorPromo__itemsBlock {
  margin-top: 160px;
}

.instaMonitorPromo__span {
  color: #457ce9;
}

.instaMonitorPromo__spanLink {
  color: #457ce9;
  opacity: 0.5;
  text-decoration: underline;
}

.instaMonitorPromo__itemsBlockTitle {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  margin: 0 230px 0 230px;
}

.instaMonitorPromo__nav-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
  width: 436px;
}

.instaMonitorPromo__itemsBlocksubtitle {
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #808080;
  text-align: center;
  margin: 24px 198px 0 198px;
}

.instaMonitorPromo__itemsBlockItems {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.instaMonitorPromo__itemsBlockItem {
  border-radius: 20px;
  padding: 24px 32px;
  width: 358px;
  cursor: pointer;
}

.instaMonitorPromo__itemsBlockItem:hover {
  background-color: white;
  box-shadow: 5px 5px 50px rgba(135, 160, 164, 0.1);
}

.instaMonitorPromo__itemsBlockItemTitle {
  font-style: normal;
  font-size: 20px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 10px;
}

.instaMonitorPromo__itemsBlockItemSubtitle {
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  opacity: 0.5;
  color: #090a1f;
}

.instaMonitorPromo__itemsBlockItemImage {
  width: 48px;
  height: 48px;
}

.instaMonitorPromo__itemsBlockItemImageContainer {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
  gap: 12px;
}

.instaMonitorPromo__withoutMargin {
  margin: 0;
}

.instaMonitorPromo__itemsBlockItemsWithImages {
  margin-top: 40px;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 33px;
}

.instaMonitorPromo__itemsBlockItemWithImage {
  width: 326px;
  padding: 8px;
  background-color: #f8fafe;
  border: 1px solid #d6e1f8;
  border-radius: 20px;
}

.instaMonitorPromo__itemsBlockItemWithImage-image {
  width: 100%;
  height: 280px;
}

.instaMonitorPromo__itemsBlockItemWithImage-title {
  text-align: center;
  font-size: 16px;
  margin: 16px 20px 24px;
  line-height: 24px;
}

.instaMonitorPromo__planItem {
  padding-top: 32px;
  padding-bottom: 32px;
}

.instaMonitorPromo__plansBlock {
  margin-top: 40px;
}

.instaMonitorPromo__startNowButton {
  display: flex;
  color: white;
  background-color: #457ce9;
  width: 238px;
  border-radius: 16px;
  align-items: center;
  justify-content: center;
  padding: 18px 18px;
  margin-top: 40px;
  cursor: pointer;
}

.instaMonitorPromo__centered {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instaMonitorPromo__showOnMobile {
  display: none;
}

.instaMonitorPromo__hideOnMobile {
  display: flex;
}

@media (max-width: 1440px) {
  .instaMonitorPromo__itemsBlock {
    margin-top: 64px;
  }

  .instaMonitorPromo__itemsBlockTitle {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin: 0 16px 0 16px;
  }

  .instaMonitorPromo__itemsBlocksubtitle {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #808080;
    text-align: center;
    margin: 10px 16px 0 16px;
  }

  .instaMonitorPromo__itemsBlockItemsWithImages {
    margin-top: 24px;
    gap: 16px;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 10px;
  }

  .instaMonitorPromo__itemsBlockItemWithImage {
    min-width: 326px;
  }

  .instaMonitorPromo__nav-text {
    width: 100%;
  }

  .instaMonitorPromo__showOnMobile {
    display: flex;
  }

  .instaMonitorPromo__hideOnMobile {
    display: none;
  }

  .instaMonitorPromo__startNowButton {
    margin-top: 24px;
    width: 100%;
  }
}

.instagramMonitoringPaymentModal {
  width: 744px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.instagramMonitoringPaymentModal__header {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 36px 36px 36px 36px;
}

.instagramMonitoringPaymentModal__headerTitle {
  font-size: 28px;
  line-height: 41px;
  text-align: center;
  margin-top: 4px;
  font-weight: 500;
}

.instagramMonitoringPaymentModal__content {
  display: flex;
  flex-direction: column;
  padding: 0px 72px 56px;
  gap: 14px;
}

.instagramMonitoringPaymentModal__dateAndCvvContainer {
  display: flex;
  gap: 12px;
  flex: 1;
}

.instagramMonitoringPaymentModal__submitButton {
  padding: 0 72px 56px;
}

.instagramMonitoringPaymentModal__dateAndCvvInput {
  flex: 1;
}

.instagramMonitoringPaymentModal__inputWithLabelContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.instagramMonitoringPaymentModal__inputLabelContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.instagramMonitoringPaymentModal__inputLabel {
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
}

.instagramMonitoringPaymentModal__inputHintContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.instagramMonitoringPaymentModal__inputHint {
  font-size: 14px;
  line-height: 21px;
  color: #457ce9;
}

.instagramMonitoringPaymentModal__fullNameInputContainer,
.instagramMonitoringPaymentModal__cardInputContainer {
  margin-bottom: 20px;
}

.instagramMonitoringPaymentModal__dateAndCvvContainer {
  margin-bottom: 16px;
}

.instagramMonitoringPaymentModal__dateAndCvvWitnHintContainer {
  display: flex;
  flex-direction: column;
}

.instagramMonitoringPaymentModal__privacyPolicyContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.instagramMonitoringPaymentModal__privacyPolicyText {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #767781;
  margin: 0 172px 24px;
}

.instagramMonitoringPaymentModal__privacyPolicyText span {
  color: #457ce9 !important;
  text-decoration: underline;
  cursor: pointer;
}

.instagramMonitoringPaymentModal__privacyPolicyText span a {
  color: #457ce9 !important;
}

.instagramMonitoringPaymentModal__fullNameContainer {
  display: flex;
  gap: 12px;
  flex: 1;
}

.errModalTextForButton {
  text-align: center;
  color: #fb5a55;
  font-size: 16px;
  margin-top: 16px;
}

@media only screen and (max-width: 768px) {
  .instagramMonitoringPaymentModal__header {
    padding: 24px 18px 32px 18px;
  }

  .instagramMonitoringPaymentModal__content {
    display: flex;
    flex-direction: column;
    padding: 0px 16px 40px;
    gap: 14px;
  }

  .instagramMonitoringPaymentModal__fullNameContainer {
    flex-direction: column;
  }

  .instagramMonitoringPaymentModal__privacyPolicyText {
    margin: 0 16px 16px;
    font-size: 14px;
    line-height: 20px;
  }

  .instagramMonitoringPaymentModal__inputLabel {
    font-size: 16px;
    line-height: 24px;
  }

  .instagramMonitoringPaymentModal__fullNameInputContainer,
  .instagramMonitoringPaymentModal__cardInputContainer {
    margin-bottom: 8px;
  }

  .instagramMonitoringPaymentModal__headerTitle {
    font-size: 16px;
    line-height: 24px;
    margin-top: -24px;
  }

  .instagramMonitoringPaymentModal__inputLabelContainer {
    margin-bottom: 12px;
  }

  .instagramMonitoringPaymentModal__submitButton {
    padding: 0 16px 24px;
  }
}

.captcha {
  display: flex;
  justify-content: center;
  margin: 10px 0 10px 0;
}

.reviews-page {
  color: #0e1121;
  background: #fff;
  font-family: "Poppins", "Roboto", sans-serif;
}

.base-container {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 16px;
}

@media (max-width: 768px) {
  .base-container {
    padding: 56px 16px;
  }
}

@media (max-width: 480px) {
  .base-container {
    padding: 40px 14px;
  }
}

.reviews-hero {
  text-align: center;
}

.reviews-hero .label {
  font-size: 20px;
  font-weight: 600;
  opacity: 0.7;
  margin-bottom: 12px;
}

@media (max-width: 480px) {
  .reviews-hero .label {
    font-size: 16px;
  }
}

.reviews-hero .title {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .reviews-hero .title {
    font-size: 36px;
  }
}

@media (max-width: 480px) {
  .reviews-hero .title {
    font-size: 28px;
  }
}

.reviews-hero .subtitle {
  max-width: 640px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.6;
  opacity: 0.8;
  color: #84848f;
}

@media (max-width: 480px) {
  .reviews-hero .subtitle {
    font-size: 16px;
  }
}

.reviews-intro {
  text-align: center;
  margin-top: 40px;
}

.reviews-intro .intro-title {
  font-size: 38px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .reviews-intro .intro-title {
    font-size: 32px;
  }
}

@media (max-width: 480px) {
  .reviews-intro .intro-title {
    font-size: 26px;
  }
}

.reviews-intro .tagline {
  font-size: 22px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .reviews-intro .tagline {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .reviews-intro .tagline {
    font-size: 18px;
  }
}

.reviews-intro .intro-text {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.85;
  color: #84848f;
}

.reviews-intro .intro-text p+p {
  margin-top: 16px;
}

@media (max-width: 480px) {
  .reviews-intro .intro-text {
    font-size: 16px;
    line-height: 1.6;
  }
}

.reviews-platforms {
  padding: 40px 0 96px;
}

.reviews-platforms__header {
  max-width: 720px;
  margin: 0 auto 40px;
  text-align: left;
}

.reviews-platforms__header h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}

.reviews-platforms__header p {
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.85;
  color: #84848f;
}

.reviews-grid {
  display: grid;
  gap: 24px;
}

.reviews-grid--top {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
  .reviews-grid--top {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .reviews-grid--top {
    grid-template-columns: 1fr;
  }
}

.reviews-grid--bottom {
  margin-top: 32px;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1024px) {
  .reviews-grid--bottom {
    grid-template-columns: 1fr;
  }
}

.review-card {
  border-radius: 20px;
  padding: 20px 24px 24px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
}

.review-card--large {
  padding: 28px 32px;
}

.review-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.review-card__user {
  display: flex;
  align-items: center;
  gap: 8px;
}

.review-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  object-fit: cover;
}

.review-card__meta {
  font-size: 12px;
  opacity: 0.7;
}

.review-card__date {
  white-space: nowrap;
}

.review-card__screenshot {
  margin: 8px 0 14px;
}

.review-card__screenshot img {
  width: 100%;
  display: block;
  border-radius: 12px;
}

.review-card__source {
  font-size: 13px;
  opacity: 0.8;
  margin-bottom: 8px;
}

.review-card__name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

.review-card__text {
  font-size: 14px;
  line-height: 1.7;
  opacity: 0.9;
  color: #84848f;
}

.trust-score {
  text-align: center;
}

.trust-score__title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 40px;
  color: #0f172a;
}

.trust-score__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 620px;
  margin: 0 auto;
}

.trust-score__item {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-start;
}

.trust-score__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 18px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  color: #4e8aff;
  border: 2px solid #4e8aff;
  white-space: nowrap;
}

.trust-score__text {
  font-size: 16px;
  color: #84848f;
  line-height: 1.5;
  text-align: left;
}

.trust-score__footer {
  font-size: 16px;
  line-height: 1.6;
  color: #84848f;
  max-width: 620px;
  margin: 28px auto 0 auto;
  text-align: left;
}

@media (max-width: 640px) {
  .trust-score {
    padding: 60px 0;
  }

  .trust-score__item {
    align-items: flex-start;
    gap: 12px;
  }

  .trust-score__text {
    font-size: 15px;
  }
}

.inbox-reviews {
  padding: 80px 0;
}

.inbox-reviews__title {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #0f172a;
}

.inbox-reviews__subtitle {
  text-align: center;
  font-size: 16px;
  color: #84848f;
  margin-bottom: 40px;
}

.inbox-reviews__card {
  display: flex;
  border: 1px solid #e6e6e6;
  gap: 32px;
  background: #ffffff;
  border-radius: 20px;
  padding: 28px 32px;
  margin-bottom: 32px;
}

.inbox-reviews__left {
  display: flex;
  align-items: flex-start;
}

.inbox-reviews__thread {
  width: 322px;
  height: 226px;
  border-radius: 14px;
  display: block;
}

.inbox-reviews__right {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.inbox-reviews__source {
  font-size: 14px;
  color: #84848f;
  margin-bottom: 10px;
}

.inbox-reviews__name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #0f172a;
}

.inbox-reviews__text {
  font-size: 15px;
  line-height: 1.7;
  color: #84848f;
}

@media (max-width: 900px) {
  .inbox-reviews__card {
    grid-template-columns: 1fr;
    padding: 22px 20px;
  }

  .inbox-reviews__left {
    order: 1;
  }

  .inbox-reviews__right {
    order: 2;
  }

  .inbox-reviews__thread {
    width: 100%;
    height: 100%;
  }

  .inbox-reviews__card {
    flex-direction: column;
  }
}

.info-block {
  max-width: 720px;
  margin: 0 auto 56px;
  text-align: left;
}

.info-block:last-child {
  margin-bottom: 0;
}

.info-block__title {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #0f172a;
}

.info-block__text {
  font-size: 15px;
  line-height: 1.7;
  color: #84848f;
}

.info-block__text p+p {
  margin-top: 10px;
}

.info-block__text ul {
  margin: 12px 0 4px 18px;
  padding: 0;
  list-style: disc;
}

.info-block__text ul li+li {
  margin-top: 4px;
}

@media (max-width: 640px) {
  .info-blocks {
    padding: 60px 0;
  }

  .info-block {
    margin-bottom: 40px;
  }

  .info-block__title {
    font-size: 20px;
  }

  .info-block__text {
    font-size: 14px;
  }
}

.brand-insights {
  padding: 80px 0;
  text-align: center;
}

.brand-insights__subtitle {
  font-size: 22px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 16px;
}

.brand-insights__title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #0f172a;
}

.brand-insights__grid {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: left;
}

.brand-insights__row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.brand-insights__label {
  min-width: 160px;
  font-weight: 500;
  color: #4e8aff;
  font-size: 16px;
}

.brand-insights__value {
  font-size: 16px;
  color: #84848f;
  line-height: 1.6;
}

.brand-insights__row--multiline .brand-insights__value {
  display: block;
}

@media (max-width: 640px) {
  .brand-insights__row {
    flex-direction: column;
    gap: 6px;
  }

  .brand-insights__label {
    min-width: 0;
  }
}

.lazy-load-image-background.opacity {
  opacity: 0;
}


.lazy-load-image-background.opacity.lazy-load-image-loaded {
  opacity: 1;
  transition: opacity 0.3s;
}

/* --- Entrance Animations --- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

.animate-content {
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Base smoothness for all interactive transitions */
button,
.btn,
.box__card,
.servicesList__color-block,
.servicesList__white-block {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}