:root {
  --color-black: #000;
  --color-white: #fff;
}

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

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

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

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

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

body {
  box-sizing: border-box;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
}

label {
  margin: 0;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
  margin: 0;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

* {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #FFFFFF;
}

body {
  background: #FFF;
}

body.scroll-hide {
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main-title {
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  margin-bottom: 25px;
}

@media (max-width: 1919px) {
  .main-title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .main-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}

.subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  /*
  @media(max-width:767px) {
      font-size: 14px;
      line-height: 16px;
  } */
}

@media (max-width: 1919px) {
  .subtitle {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1599px) {
  .subtitle {
    max-width: 417px;
    font-size: 14px;
    line-height: 20px;
  }
}

.title h2 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .title h2 {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (max-width: 1439px) {
  .title h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .title h2 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px;
  }
}

.title p {
  display: flex;
  justify-content: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .title p {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1024px) {
  .scale {
    transition: transform 0.2s linear;
  }

  .scale:hover {
    transform: scale(1.1);
  }
}

.background {
  height: 637px;
  padding-top: 196px;
  background-image: url("../img/header-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}


.background--apps {
  background-image: url("../img/bg/apps.svg");
}

.background--appstore {
  background-image: url("../img/bg/appstore.svg");
}

.background--discord {
  background-image: url("../img/bg/discord.svg");
}

.background--facebook {
  background-image: url("../img/bg/facebook.svg");
}

.background--instagram {
  background-image: url("../img/bg/instagram.svg");
}

.background--likee {
  background-image: url("../img/bg/likee.svg");
}

.background--odnoklassniki {
  background-image: url("../img/bg/odnoklassniki.svg");
}

.background--periscope {
  background-image: url("../img/bg/periscope.svg");
}

.background--pinterest {
  background-image: url("../img/bg/pinterest.svg");
}

.background--rutube {
  background-image: url("../img/bg/rutube.svg");
}

.background--spotify {
  background-image: url("../img/bg/spotify.svg");
}

.background--telegram {
  background-image: url("../img/bg/telegram.svg");
}

.background--tiktok {
  background-image: url("../img/bg/tiktok.svg");
}

.background--twitter {
  background-image: url("../img/bg/twitter.svg");
}

.background--vk {
  background-image: url("../img/bg/vk.svg");
}

.background--web-trafic {
  background-image: url("../img/bg/web-trafic.svg");
}

.background--vimeo {
  background-image: url("../img/bg/vimeo.svg");
}

.background--youtube {
  background-image: url("../img/bg/youtube.svg");
}

@media (max-width: 1919px) {
  .background {
    height: 587px;
  }
}

@media (max-width: 1439px) {
  .background {
    height: 540px;
  }
}

@media (max-width: 1023px) {
  .background {
    height: 450px;
    padding-top: 118px;
  }
}

@media (max-width: 767px) {
  .background {
    background-image: url("../img/header-bg-mob2.svg");
    height: 359px;
  }

  .background--apps {
    background-image: url("../img/bg/apps-mob2.svg");
  }

  .background--appstore {
    background-image: url("../img/bg/appstore-mob2.svg");
  }

  .background--discord {
    background-image: url("../img/bg/discord-mob2.svg");
  }

  .background--facebook {
    background-image: url("../img/bg/facebook-mob2.svg");
  }

  .background--instagram {
    background-image: url("../img/bg/instagram-mob2.svg");
  }

  .background--likee {
    background-image: url("../img/bg/likee-mob2.svg");
  }

  .background--odnoklassniki {
    background-image: url("../img/bg/odnoklassniki-mob2.svg");
  }

  .background--periscope {
    background-image: url("../img/bg/periscope-mob2.svg");
  }

  .background--pinterest {
    background-image: url("../img/bg/pinterest-mob2.svg");
  }

  .background--rutube {
    background-image: url("../img/bg/rutube-mob2.svg");
  }

  .background--spotify {
    background-image: url("../img/bg/spotify-mob2.svg");
  }

  .background--telegram {
    background-image: url("../img/bg/telegram-mob2.svg");
  }

  .background--tiktok {
    background-image: url("../img/bg/tiktok-mob2.svg");
  }

  .background--twitter {
    background-image: url("../img/bg/twitter-mob2.svg");
  }

  .background--vk {
    background-image: url("../img/bg/vk-mob2.svg");
  }

  .background--web-trafic {
    background-image: url("../img/bg/web-trafic-mob2.svg");
  }

  .background--vimeo {
    background-image: url("../img/bg/vimeo-mob2.svg");
  }

  .background--youtube {
    background-image: url("../img/bg/youtube-mob2.svg");
  }
}

@media (max-width: 375px) {
  .background {
    background-image: url("../img/header-bg-mob.svg");
  }

  .background--apps {
    background-image: url("../img/bg/apps-mob.svg");
  }

  .background--appstore {
    background-image: url("../img/bg/appstore-mob.svg");
  }

  .background--discord {
    background-image: url("../img/bg/discord-mob.svg");
  }

  .background--facebook {
    background-image: url("../img/bg/facebook-mob.svg");
  }

  .background--instagram {
    background-image: url("../img/bg/instagram-mob.svg");
  }

  .background--likee {
    background-image: url("../img/bg/likee-mob.svg");
  }

  .background--odnoklassniki {
    background-image: url("../img/bg/odnoklassniki-mob.svg");
  }

  .background--periscope {
    background-image: url("../img/bg/periscope-mob.svg");
  }

  .background--pinterest {
    background-image: url("../img/bg/pinterest-mob.svg");
  }

  .background--rutube {
    background-image: url("../img/bg/rutube-mob.svg");
  }

  .background--spotify {
    background-image: url("../img/bg/spotify-mob.svg");
  }

  .background--telegram {
    background-image: url("../img/bg/telegram-mob.svg");
  }

  .background--tiktok {
    background-image: url("../img/bg/tiktok-mob.svg");
  }

  .background--twitter {
    background-image: url("../img/bg/twitter-mob.svg");
  }

  .background--vk {
    background-image: url("../img/bg/vk-mob.svg");
  }

  .background--web-trafic {
    background-image: url("../img/bg/web-trafic-mob.svg");
  }

  .background--vimeo {
    background-image: url("../img/bg/vimeo-mob.svg");
  }

  .background--youtube {
    background-image: url("../img/bg/youtube-mob.svg");
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.header {
  position: fixed;
  left: -2px;
  right: -2px;
  top: 0;
  z-index: 100;
  padding: 12px 0 12px;
}

@media (max-width: 1023px) {
  .header {
    transition: 0.2s linear;
  }
}

@media (max-width: 767px) {
  .header {
    padding: 25px 0 10px;
  }
}

.header::before {
  content: "";
  background-image: url("../img/overlay.png");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  transition: 0.2s linear;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .header::before {
    background-image: url("../img/overlay-mob2.png");
  }
}

@media (max-width: 375px) {
  .header::before {
    background-image: url("../img/overlay-mob.png");
  }
}

.header.active::before {
  opacity: 1;
}

@media (max-width: 1023px) {
  .header.active {
    padding-top: 15px;
  }
}

@media (max-width: 767px) {
  .header.active {
    padding-top: 10px;
  }
}

.header.authorized .sign-in__btn,
.header.authorized .sign-up__btn {
  display: none;
}

.header.authorized .balance-header {
  display: flex;
}


.user-log {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;

  color: #545454;
}

.user-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.header.authorized .user {
  display: flex;
}

@media (max-width: 1023px) {
  .header.authorized .user-mob {
    display: flex;
  }
}

@media (max-width: 1023px) {
  .header.authorized .menu-title {
    display: none;
  }
}

@media (max-width: 1023px) {
  .header.authorized .nav__list {
    order: 2;
    margin-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .header.authorized .nav__another {
    flex-direction: column;
    order: 1;
  }
}

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .header__inner {
    justify-content: space-between;
  }
}

.header__logo {
  width: 180.43px;
  height: 42px;
}

.top-nav-action {
  display: none;
  margin-left: auto;
  margin-right: 10px;
}

.balance-nav-action {
  padding: 0 11px 0 17px;
  display: flex;
  align-items: center;

  border: 1px solid #FFFFFF;
  border-radius: 10px;
}

.balance-nav-action__count {
  margin-right: 30px;

  font-weight: 600;
  font-size: 16px;
  line-height: 190.18%;

  color: #FFFFFF;
}

.rates__item--purchase-history .rates__link-wrapper {
  cursor: pointer;
}

.rates__item--purchase-history .rates__link-wrapper input {
  cursor: pointer;
}


.balance-nav-action__btn-icon {
  width: 13px;
  height: 13px;
}

.top-nav-action .acc-balance__btn-icon {
  width: 28px;
  height: 28px;
}

.header__buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .header__buttons {
    display: none;
  }
}

.sign-in__btn--mob {
  padding: 9px 25px 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;

  color: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #fff;
}

@media (max-width: 1023px) {
  .top-nav-action {
    display: block;
  }
}

.header__logo img {
  height: auto;
}

@media (max-width: 1919px) {
  .header__logo {
    width: 160.43px;
    height: 36px;
  }
}

@media (max-width: 1023px) {
  .header__logo {
    width: 117px;
    height: 27.31px;
  }
}

.nav {
  display: flex;
  flex: 1 1;
  align-items: center;
}

@media (max-width: 1054px) {
  .nav {
    margin-left: 40px;
  }
}

@media (max-width: 1023px) {
  .nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    flex-direction: column;
    padding: 0 16px 30px 16px;
    margin-left: 0;
    width: 100%;
    max-width: 320px;
    align-items: stretch;
    transform: translateX(100vw);
    transition: 0.3s linear;
    background: #F8FAFD;
    border-radius: 0px 0px 0px 10px;
    padding-bottom: 20px;
  }

  .nav.active {
    transform: translateX(0);
  }
}

.substrate {
  display: none;
}

@media (max-width: 1023px) {
  .substrate {
    display: block;
    width: 110vw;
    height: 100vh;
    transform: translateX(110vw);
    transition: 0.3s linear;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: 0;
  }

  .substrate.active {
    transform: translateX(0);
  }
}

.nav__list {
  flex: 1 1;
  margin: 0 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media (max-width: 1023px) {
  .nav__list {
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    margin-bottom: 0px;
  }
}

/* .nav__item+.nav__item {
  margin-left: 31px;
} */

@media (max-width: 1054px) {
  .nav__item+.nav__item {
    margin-left: 20px;
  }
}

@media (max-width: 1023px) {
  .nav__item+.nav__item {
    margin-left: 0;
  }
}

.nav__item--exit {
  display: none;
}

@media (max-width: 1023px) {
  .nav__item--exit {
    display: block;
  }
}

.nav__link {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  transition: 0.2s linear;
}

@media (max-width: 1439px) {
  .nav__link {
    font-size: 14px;
    line-height: 31px;
  }
}

@media (max-width: 1023px) {
  .nav__link {
    height: auto;
    display: inline-block;
    padding: 5px 0;
    font-size: 15px;
    line-height: 1.97;
    color: #545454;
  }
}

@media (min-width: 1024px) {
  .nav__link:hover {
    opacity: 0.7;
  }
}

.nav__link.active {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .nav__link.active:hover {
    opacity: 1;
  }
}

.exit-button {
  font-weight: normal;
  font-size: 15px;
  line-height: 31px;
  color: #FF1C74;
  padding-top: 5px;
}

.nav__another {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .nav__another {
    margin-left: unset;
  }
}

.balance-header {
  display: none;
  align-items: center;
}

@media (max-width: 1023px) {
  .balance-header {
    order: 2;
    margin-bottom: 23px;
  }
}

.balance-header__text {
  margin-right: 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .balance-header__text {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (max-width: 1023px) {
  .balance-header__text {
    color: #545454;
    font-size: 15px;
  }
}

.balance-header__sum {
  margin-right: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .balance-header__sum {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (max-width: 1023px) {
  .balance-header__sum {
    color: #545454;
    font-size: 15px;
  }
}

.balance-header__add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  transition: 0.2s linear;
  border-radius: 50%;
  background-color: #fff;
}

.balance-header__add svg {
  width: 11px;
  height: 11px;
  fill: #3990F1;
}

@media (max-width: 1023px) {
  .balance-header__add svg {
    fill: #545454;
  }
}

@media (max-width: 1919px) {
  .balance-header__add {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 1023px) {
  .balance-header__add {
    width: 26px;
    height: 26px;
    border: 1px solid #545454;
  }
}

@media (min-width: 1024px) {
  .balance-header__add:hover {
    transform: scale(1.1);
  }
}

.user {
  align-items: center;
  position: relative;
}

.user__login {
  margin-right: 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .user__login {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (max-width: 1023px) {
  .user__login {
    color: #545454;
    margin-right: 0;
    margin-left: 10px;
    font-size: 15px;
  }
}

.user__btn {
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .user__btn:hover {
    transform: scale(1.1);
  }
}

.user__btn svg {
  width: 33px;
  height: 33px;
  fill: white;
  pointer-events: none;
}

@media (max-width: 1919px) {
  .user__btn svg {
    width: 27px;
    height: 27px;
  }
}

@media (max-width: 1023px) {
  .user__btn svg {
    width: 28px;
    height: 28px;
  }
}

.user__btn.alert {
  position: relative;
}

.user__btn.alert::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../img/alert-red.svg");
  background-size: contain;
  position: absolute;
  top: -4px;
  left: -6px;
}

@media (max-width: 1919px) {
  .user__btn.alert::before {
    width: 13px;
    height: 13px;
    top: -2px;
    left: -3px;
  }
}

.user__menu {
  display: none;
  width: 217px;
  background: #FFFFFF;
  border-radius: 10px 0px 10px 10px;
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 2;
}

@media (max-width: 1023px) {
  .user__menu {
    background-color: transparent;
    position: static;
    display: block;
  }
}

.user__balance {
  display: flex;
  align-items: center;
  padding: 4px 10px 5px;
  margin-bottom: 5px;
  background: #EBF0F8;
  border-radius: 10px 0px 0px 0px;
  font-weight: 600;
  font-size: 16px;
  line-height: 190.18%;
  color: #545454;
}

@media (max-width: 1023px) {
  .user__balance {
    font-size: 14px;
    line-height: 27px;
    padding: 4px 15px 8px;
  }
}

.user__balance-sum {
  margin-left: 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #545454;
}

@media (max-width: 1023px) {
  .user__balance-sum {
    font-size: 14px;
    line-height: 27px;
  }
}

.user__list {
  padding-bottom: 10px;
}

.user__item {
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .user__item:hover {
    background-color: #EBF0F8;
  }
}

@media (max-width: 1023px) {
  .user__item+.user__item {
    margin-top: 5px;
  }
}

.user__link {
  display: block;
  padding: 0 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #545454;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .user__link:hover {
    color: black;
  }
}

@media (max-width: 1023px) {
  .user__link {
    font-size: 14px;
    line-height: 27px;
    padding: 0 10px 0 15px;
  }
}

.user__exit {
  display: block;
  padding: 0 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #FF4155;
  transition: 0.2s linear;
}

@media (max-width: 1023px) {
  .user__exit {
    font-size: 14px;
    line-height: 178.7%;
    padding: 0 10px 0 15px;
  }
}

@media (min-width: 1024px) {
  .user__exit:hover {
    color: red;
  }
}

.menu-title {
  display: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  padding: 20px 0;
  margin-bottom: 20px;
  width: 292px;
  border-bottom: 1px solid #EEEEEE;
}

@media (max-width: 1023px) {
  .menu-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    margin-bottom: 10px;
  }
}

.close-menu {
  display: none;
}

@media (max-width: 1023px) {
  .close-menu {
    display: block;
    position: absolute;
    top: 23px;
    right: 16px;
    z-index: 10;
  }
}

.burger {
  display: none;
}

@media (max-width: 1023px) {
  .burger {
    margin-left: 20px;
    display: block;
    width: 25px;
    height: 18px;
  }

  .burger img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.user-mob {
  display: none;
}

@media (max-width: 1023px) {
  .user-mob {
    order: 1;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 18px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    margin-left: 0;
    width: 292px;
    border-bottom: 1px solid #EEEEEE;
  }
}

.user-mob__icon {
  display: block;
  fill: #545454;
  width: 24px;
  height: 24px;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 47px;
  border-radius: 10px;
  transition: 0.2s linear;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 1919px) {
  .btn {
    font-size: 14px;
    line-height: 18px;
    width: 144px;
    height: 42px;
  }
}

@media (max-width: 1439px) {
  .btn {
    font-size: 14px;
    line-height: 14px;
  }
}

@media (max-width: 1023px) {
  .btn {
    width: 136px;
    height: 41px;
  }
}

.btn--white {
  background: #FFFFFF;
  color: #3990F1;
}

@media (min-width: 1024px) {
  .btn--white:hover {
    background: #1A6DCA;
    color: #fff;
  }
}

.btn--trans {
  border: 1px solid #FFFFFF;
  color: #fff;
}

@media (min-width: 1024px) {
  .btn--trans:hover {
    background: #1A6DCA;
    color: #fff;
    border-color: #1A6DCA;
  }
}

.btn--trans-blue {
  border: 1px solid #3990F1;
  color: #3990F1;
}

.btn--trans-blue span {
  transition: 0.2s linear;
  color: inherit;
}

@media (min-width: 1024px) {
  .nav__another .nav__acc-balance {
    display: block;
  }

  .nav__another .acc-balance__top {
    margin-bottom: 0;
    margin-right: 5px;
  }

  .nav__another .user-desck {
    display: flex;
  }
}

@media (max-width: 1023px) {
  .nav__another .acc-balance {
    display: none;
  }

  .nav__another .user-desck {
    display: none;
  }

  .nav__another .acc-balance {
    display: none;
  }
}

.nav__another .user__list {
  padding: 0;
}

.nav__another .user__link {
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 197.68%;

  color: #545454;
}

.nav__another .user__exit {
  padding: 0;
}

.nav__another .acc-balance__count {
  width: auto;
  white-space: nowrap;
  margin-right: 10px;
}

.user-desck {
  align-items: center;
}

.user-desck .user-icon {
  width: 48px;
  height: 48px;
}

.user-desck .user-log {
  margin-right: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

.user-desck {
  align-items: center;
}

.nav__another .nav__acc-balance {
  margin-bottom: 0;
}

.nav__another .acc-balance__title {
  font-weight: 400;
  color: #fff;
}

.nav__another .acc-balance__count {
  font-weight: 600;
  color: #fff;
}

.nav__another .acc-balance__btn {
  flex-basis: auto;
  border-radius: 10px;
  height: auto;
  padding: 8px;
  border-color: #fff;
}

.acc-balance__btn-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;

  color: #FFFFFF;
}

.nav__acc-balance {
  display: none;
  margin-bottom: 15px;
}

@media (max-width: 1023px) {
  .nav__acc-balance {
    display: block;
  }
}

.acc-balance__top {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.acc-balance__title {
  margin-right: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 190.18%;

  color: #545454;
}

.acc-balance__count {
  width: 80px;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;

  color: #545454;
}

.acc-balance__btn {
  flex: 0 0 24px;
  height: 24px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  border: 1px solid #545454;
  border-radius: 50%;
}

.acc-balance__btn-icon {
  width: 8px;
  height: 8px;
  object-fit: contain;
}


@media (min-width: 1024px) {
  .btn--trans-blue:hover {
    background: #1A6DCA;
    color: #fff;
    border-color: #1A6DCA;
  }
}

.btn--blue {
  color: #FFFFFF;
  background: #3990F1;
}

@media (min-width: 1024px) {
  .btn--blue:hover {
    background: #1A6DCA;
  }
}

.sign-in__btn {
  width: 113px;
  margin-right: 15px;
}

@media (max-width: 1023px) {
  .sign-in__btn {
    margin-top: 30px;
    width: 90px;
    color: #3990F1;
    border-color: #3990F1;
  }
}

@media (max-width: 1023px) {
  .sign-up__btn {
    margin-top: 30px;
    color: #FFFFFF;
    background-color: #3990F1;
  }
}

.intro {
  position: relative;
  height: 955.5px;
  /* background-image: url("../img/intro-bg.svg");
  background-size: 100% 100%;
  background-position: center ;
  background-repeat: no-repeat; */
}

.intro-bg {
  position: absolute;
  width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  .intro-bg {
    height: 100%;
    width: auto;
    object-fit: cover;
  }
}

@media (max-width: 1023px) {
  .intro-bg {
    width: 100%;

  }
}

@media (max-width: 767px) {
  .intro-bg {
    display: none;
  }
}

@media (max-width: 1919px) {
  .intro {
    height: 800px;
  }
}

@media (max-width: 1599px) {
  .intro {
    height: 660px;
  }
}

@media (max-width: 1023px) {
  .intro {
    height: 624px;
  }
}

@media (max-width: 767px) {
  .intro {
    margin-bottom: 18px;
    background-image: url("../img/intro-bg-mob2.svg");
  }
}

@media (max-width: 375px) {
  .intro {
    background-image: url("../img/intro-bg-mob.svg");
  }
}

.intro__inner {
  padding-top: 220px;
  position: relative;
}

@media (max-width: 1599px) {
  .intro__inner {
    padding-top: 170px;
  }
}

@media (max-width: 1023px) {
  .intro__inner {
    padding-top: 134px;
  }
}

@media (max-width: 767px) {
  .intro__inner {
    padding-top: 150px;
  }
}

.intro__title {
  font-weight: 800;
  font-size: 50px;
  line-height: 68px;
  margin-bottom: 31px;
  max-width: 620px;
}

@media (max-width: 1919px) {
  .intro__title {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 1599px) {
  .intro__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 15px;
    max-width: 440px;
  }
}

@media (max-width: 1439px) {
  .intro__title {
    font-size: 34px;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .intro__title {
    font-size: 26px;
    line-height: 35px;
    max-width: 360px;
    margin-bottom: 15px;
  }
}

.intro__social {
  width: 520.67px;
  height: 44px;
  margin-bottom: 14px;
  background-image: url("../img/intro-social.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1439px) {
  .intro__social {
    width: 480.67px;
  }
}

@media (max-width: 767px) {
  .intro__social {
    background-image: url("../img/intro-social-mob.svg");
    width: 290px;
    height: 28.48px;
    margin-bottom: 16px;
  }
}

.intro__subtitle {
  max-width: 474px;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .intro__subtitle {
    width: 328px;
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 22px;
  }
}

.intro__nav {
  width: 343px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1919px) {
  .intro__nav {
    width: 305px;
  }
}

@media (max-width: 1023px) {
  .intro__nav {
    width: 287px;
    margin-bottom: 36px;
  }
}

.intro__illustration {
  display: block;
  width: 764.9px;
  height: 622.04px;
  position: absolute;
  top: 154.44px;
  right: -237px;
  /*
  @media(max-width:1023px) {
      position: relative;
      top: 0%;
      right: 0;

      margin: 0 auto;
  } */
  /*     @media(max-width:850px) {
      width: 474.9px;
      height: 332.04px;
  }

  @media(max-width:767px) {
      width: 255.53px;
      height: 234.49px;
  } */
}

@media (max-width: 1919px) {
  .intro__illustration {
    width: 600px;
    height: 470px;
    right: -60px;
  }
}

@media (max-width: 1599px) {
  .intro__illustration {
    width: 525px;
    height: 440px;
  }
}

@media (max-width: 1439px) {
  .intro__illustration {
    width: 485px;
    height: 400px;
    top: 121.44px;
    right: -30px;
  }
}

@media (max-width: 1023px) {
  .intro__illustration {
    display: none;
  }
}

.intro__illustration-main-screen {
  width: 620.99px;
  height: 387.96px;
  position: absolute;
  top: 61px;
  left: 48px;
}

@media (max-width: 1919px) {
  .intro__illustration-main-screen {
    width: 491.99px;
    height: 325.96px;
    top: 27px;
    left: 37px;
  }

  .intro__illustration-main-screen img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media (max-width: 1599px) {
  .intro__illustration-main-screen {
    width: 440px;
    height: 320.96px;
    top: 19px;
    left: 26px;
  }
}

@media (max-width: 1439px) {
  .intro__illustration-main-screen {
    width: 400px;
    top: 2px;
    height: 323.96px;
    left: 28px;
  }
}

.intro__illustration-item {
  width: 623.42px;
  height: 386.17px;
  position: absolute;
  top: 63px;
  left: 47px;
  z-index: 2;
  opacity: 0;
  transition: transform 0.5s linear;
  /*
  @media(max-width:1023px) {
      pointer-events: none;
  }

  @media(max-width:850px) {
      width: 427.42px;
      height: 240.17px;
      top: 11px;
      left: 9px;
  }

  @media(max-width:767px) {
      width: 264.42px;
      height: 146.17px;
      top: 24px;
      left: -15px;
  } */
}

@media (max-width: 1919px) {
  .intro__illustration-item {
    width: 496.42px;
    height: 334.17px;
    top: 24px;
    left: 36px;
  }

  .intro__illustration-item img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media (max-width: 1599px) {
  .intro__illustration-item {
    width: 442.42px;
    height: 310.17px;
    top: 24px;
    left: 26px;
  }
}

@media (max-width: 1439px) {
  .intro__illustration-item {
    width: 401.42px;
    top: 8px;
  }
}

@media (max-width: 1023px) {
  .intro__illustration-item {
    display: none;
  }
}

.intro__illustration-item.step1 {
  transform: translate(-67px, -67px);
  opacity: 1;
  /*
  @media(max-width:850px) {
      transform: translate(-37px, -37px);
  }

  @media(max-width:767px) {
      transform: translate(-20px, -20px);
  } */
}

@media (max-width: 1919px) {
  .intro__illustration-item.step1 {
    transform: translate(-47px, -47px);
  }
}

.intro__illustration-item.step2 {
  transition: 0.3s linear;
  transform: translate(-220px, -97px) !important;
  opacity: 0;
  /*
  @media(max-width:1023px) {
      transform: translate(-150px, -67px) !important;
  }

  @media(max-width:767px) {
      transform: translate(-70px, -40px);
  } */
}

.intro__illustration-item:last-child {
  z-index: 1;
}

.intro__illustration-item:last-child.step1 {
  transform: translate(-27px, -27px);
  /*
  @media(max-width:850px) {
      transform: translate(-17px, -17px);
  }

  @media(max-width:767px) {
      transform: translate(-10px, -10px);
  } */
}

/* @media (max-width: 1919px) {
  .order__inner {
    max-width: 1000px;
    margin: 0 auto;
  }
} */

.order__title {
  margin-bottom: 60px;
}

@media (max-width: 1919px) {
  .order__title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .order__title {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .title-mobile.order__title {
    display: none;
  }
}

@media (max-width: 767px) {
  .title-mobile.order__title {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .order-wrapper {
    width: 100%;
    margin: 0 auto;
  }
}

.order__box {
  width: 100%;
  padding-left: 33px;
  margin-bottom: 30px;
  height: 68px;
  background: #F8FAFD;
  border-radius: 10px;
  position: relative;
}

.order__box--white {
  background-color: #fff;
}

@media (max-width: 1023px) {

  .order__box--white .order-input,
  .order__box--white .order__list {
    background-color: #fff;
  }
}

@media (max-width: 1919px) {
  .order__box {
    height: 50px;
    margin-bottom: 10px;
  }
}

@media (max-width: 1023px) {
  .order__box {
    height: auto;
    padding-left: 0;
    margin-bottom: 15px;
    overflow: visible;
    z-index: 10;
  }

  .order__box::before {
    content: "";
    width: 9px;
    height: 11px;
    background-image: url("../img/triangle.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    top: 19px;
    right: 15px;
    transition: 0.3s linear;
  }

  .order__box.active::before {
    transform: rotate(180deg);
  }
}

@media (max-width: 767px) {
  .order__box::before {
    width: 6px;
    height: 8px;
    top: 17px;
  }
}

.order__img {
  display: none;
}

@media (max-width: 1023px) {
  .order__img {
    display: block;
    max-width: 20px;
    height: auto;
    position: absolute;
    left: 15px;
    top: 14px;
  }
}

@media (max-width: 767px) {
  .order__img {
    max-width: 16px;
    left: 15px;
    top: 12px;
  }
}

.order-input {
  display: none;
}

@media (max-width: 1023px) {
  .order-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 47px;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    padding: 11px 15px 11px 45px;
    background-color: #F8FAFD;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #545454;
    /* text-transform: capitalize; */
  }

  .order-input::-moz-placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #545454;
    /* text-transform: capitalize; */
  }

  .order-input:-ms-input-placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #545454;
    /* text-transform: capitalize; */
  }

  .order-input::placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #545454;
    /* text-transform: capitalize; */
  }

  .order-input--services {
    padding-left: 15px;
  }

  .order-input--services2 {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .order-input {
    height: 39px;
  }

  .order-input--social {
    padding-left: 35px;
  }
}

@media (max-width: 1023px) {
  .order__menu-title+.order__box {
    z-index: 20;
  }

  .order__list {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: auto;
    max-height: 0;
    background-color: #F8FAFD;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;

    transition: 0.3s linear;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .order-input--social~.order__list {
    position: absolute;
    top: 130%;
    left: 0;
    width: 100%;
    z-index: 100;
  }

  .order__list.active {
    max-height: 287px;
    z-index: 20;
  }

  .order__box {
    background-color: transparent;
  }
}

.order__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 68px;
  position: relative;
  transition: 0.2s linear;
  cursor: pointer;
}

.order__item::before {
  content: "";
  height: 28px;
  width: 1px;
  background-color: #EBEFF4;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.order__item img {
  transition: 0.2s linear;
  width: unset;
  height: unset;
}

@media (max-width: 1919px) {
  .order__item img {
    max-width: 28px;
    height: auto;
  }
}

.order__item.active {
  background-color: #D5E0F2;
}

@media (max-width: 767px) and (max-width: 767px) {
  .order__item.active .order__name {
    font-weight: 600;
    color: #000;
  }
}

@media (min-width: 1024px) {
  .order__item:hover:not(.active) img {
    transform: scale(1.1);
  }

  .order__item:hover .prompt {
    opacity: 1;
  }
}

@media (max-width: 1919px) {
  .order__item {
    width: 90px;
    height: 50px;
  }
}

@media (max-width: 1023px) {
  .order__item {
    height: auto;
    width: 100%;
    justify-content: flex-start;
    padding: 15px 15px;
  }

  .order__item img {
    max-width: 18px;
  }
}

.order__name {
  display: none;
}

@media (max-width: 1023px) {
  .order__name {
    display: block;
    margin-left: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #545454;
    /* text-transform: capitalize; */
  }
}

.order__btn-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 41px;
  background: rgba(197, 213, 239, 0.7);
  border-radius: 10px 0px 0px 10px;
  z-index: 20;
}

.order__btn-left::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 12px;
  transition: 0.2s linear;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.5px 15px 9.5px 0;
  border-color: transparent rgba(57, 144, 241, 0.5) transparent transparent;
}

@media (max-width: 1919px) {
  .order__btn-left::before {
    top: 19px;
    left: 10px;
    border-width: 7.5px 12px 7.5px 0;
  }
}

@media (max-width: 1919px) {
  .order__btn-left {
    width: 33px;
  }
}

@media (max-width: 1023px) {
  .order__btn-left {
    display: none;
  }
}

.order__btn-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 41px;
  background: rgba(197, 213, 239, 0.7);
  border-radius: 0px 10px 10px 0px;
  z-index: 20;
}

.order__btn-right::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 12px;
  transition: 0.2s linear;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.5px 15px 9.5px 0;
  border-color: transparent rgba(57, 144, 241, 0.5) transparent transparent;
  transform: rotate(180deg);
}

@media (max-width: 1919px) {
  .order__btn-right::before {
    top: 19px;
    right: 10px;
    border-width: 7.5px 12px 7.5px 0;
  }
}

@media (max-width: 1919px) {
  .order__btn-right {
    width: 33px;
  }
}

@media (max-width: 1023px) {
  .order__btn-right {
    display: none;
  }
}

.order__btn-left,
.order__btn-right {
  transition: 0.2s linear;
}

@media (min-width: 1024px) {

  .order__btn-left:hover,
  .order__btn-right:hover {
    background-color: #3D92F2;
  }

  .order__btn-left:hover::before,
  .order__btn-right:hover::before {
    border-color: transparent #fff transparent transparent;
  }
}

.order__menu {
  height: auto;
  background: #F8FAFD;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 100px 80px rgba(6, 34, 132, 0.0186011), 0px 36.5016px 29.2013px rgba(6, 34, 132, 0.0266226), 0px 17.7209px 14.1767px rgba(6, 34, 132, 0.0333774), 0px 8.6871px 6.94968px rgba(6, 34, 132, 0.0413989), 0px 3.43489px 2.74791px rgba(6, 34, 132, 0.06);
}

.order__menu.hide {
  display: none;
}

.order__menu.show {
  -webkit-animation: fade 0.7s linear;
  animation: fade 0.7s linear;
}

@media (max-width: 1023px) {
  .order__menu {
    flex-direction: column;
    align-items: center;
  }
}

.order__services {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FFF;
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .order__services {
    padding-top: 20px;
  }
}

@media (max-width: 1023px) {
  .order__services {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 0;
    border-radius: 0;
    background-color: transparent;
    position: relative;
  }

  .order__services::before {
    content: "";
    width: 9px;
    height: 11px;
    background-image: url("../img/triangle.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 58px;
    transition: 0.3s linear;
  }

  .order__services.active::before {
    transform: rotate(180deg);
  }
}

@media (max-width: 767px) {
  .order__services::before {
    width: 6px;
    height: 8px;
    top: 50px;
  }
}

.order__services--white {
  background-color: #FFFFFF;
}

@media (max-width: 1023px) {
  .order__services--white {
    background-color: transparent;
  }

  .order__services--white .order-input,
  .order__services--white .order__services-list {
    background-color: #fff;
  }
}

.order__menu-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
  color: #545454;
}

@media (max-width: 1919px) {
  .order__menu-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
  }
}

@media (max-width: 1023px) {
  .order__menu-title {
    font-weight: bold;
    text-align: start;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .order__menu-title {
    font-size: 14px;
    line-height: 19px;
  }
}

.order__menu-title--mob {
  display: none;
}

@media (max-width: 1023px) {
  .order__menu-title--mob {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
  }
}

.order__services-list {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1023px) {
  .order__services-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: auto;
    max-height: 0;
    background-color: #F8FAFD;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 10;
    transition: 0.3s linear;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .order__services-list.active {
    max-height: 287px;
    padding: 7.5px 0;
    z-index: 20;
  }

  .order__services-list::-webkit-scrollbar {
    display: none;
  }
}

.order__services-item {
  height: 58px;
  display: flex;
  align-items: center;
  padding-left: 78px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: 0.2s linear;
  overflow: hidden;
}

.order__services-item::before {
  content: "";
  width: 4px;
  height: 9px;
  background-image: url("../img/arrow-grey.svg");
  background-size: 100% 100%;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1023px) {
  .order__services-item::before {
    display: none;
  }
}

.order__services-item::after {
  content: "";
  background-color: #EBF0F8;
  transform: translateX(-100%);
  transition: 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 1023px) {
  .order__services-item::after {
    transform: translateX(0);
    opacity: 0;
  }
}

.order__services-item.active::after {
  transform: translateX(0);
}

@media (max-width: 1023px) {
  .order__services-item.active::after {
    opacity: 1;
  }
}

.order__services-item.active::before {
  background-image: url("../img/arrow-blue.svg");
}

@media (max-width: 767px) {
  .order__services-item.active .order__services-name {
    font-weight: 600;
    color: #000;
  }
}

@media (max-width: 1919px) {
  .order__services-item {
    height: 48px;
    padding-left: 50px;
  }
}

@media (max-width: 1599px) {
  .order__services-item {
    height: 44px;
  }
}

@media (max-width: 1023px) {
  .order__services-item {
    min-height: 42px;
    width: 100%;
    justify-content: flex-start;
    padding: 0 15px;
  }
}

@media (min-width: 1024px) {
  .order__services-item:hover:not(.active) {
    opacity: 0.7;
  }
}

.order__services-img {
  max-width: 28px;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.order__services-img img {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1919px) {
  .order__services-img {
    max-width: 20px;
    left: 14px;
  }
}

@media (max-width: 1023px) {
  .order__services-img {
    display: none;
  }
}

.order__services-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .order__services-name {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1599px) {
  .order__services-name {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1023px) {
  .order__services-name {
    font-weight: normal;
    color: #545454;
    /* text-transform: capitalize; */
  }
}

.order__results {
  width: calc(50% - 15px);
  padding: 30px;
  background-color: #F8FAFD;
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .order__results {
    width: calc(50% - 7.5px);
    padding: 15px;
  }
}

@media (max-width: 1023px) {
  .order__results {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .order__results {
    padding: 0;
    background-color: transparent;
    position: relative;
  }

  .order__results::before {
    content: "";
    background-color: #F8FAFD;
    border-radius: 10px;
    position: absolute;
    top: 34px;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.order__results--white {
  background-color: #fff;
}

@media (max-width: 767px) {
  .order__results--white {
    background-color: transparent;
  }
}

@media (max-width: 767px) {
  .order__results-group {
    padding: 0;
    margin-bottom: 0px;
  }
}

.bottom-result {
  padding: 13px 10px 20px;
  border-radius: 10px;
  background-color: #EBF0F8;
}

.order__results-group.error .error__text {
  display: block;
}

.order__results-group.error .input {
  border: 1px solid #FF4848;
}

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

.order__results-title {
  display: flex;
  justify-content: space-between;

  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-bottom: 15px;
}

.order__results-icon {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.order__results-select {
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.order__results-title span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@media (max-width: 1023px) {
  .order__results-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #545454;
  }
}

@media (max-width: 1919px) {
  .order__results-title {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1023px) {
  .order__results-title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}

.order-promo-code__activate {
  height: 57px;
  display: flex;
  align-items: center;
  padding-right: 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #78A1CF;
  transition: 0.2s linear;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (min-width: 1024px) {
  .order-promo-code__activate:hover {
    color: #1A6DCA;
  }
}

@media (max-width: 1919px) {
  .order-promo-code__activate {
    height: 47px;
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1599px) {
  .order-promo-code__activate {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 1023px) {
  .order-promo-code__activate {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .order-promo-code__activate {
    height: 39px;
  }
}

.order__results-btns {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .order__results-btns {
    padding: 0 10px;
    margin-bottom: 10px;
    margin-top: 15px;
  }
}

.order__discount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.order__discount-icon {
  display: block;
  width: 38px;
  height: 38px;
  margin-right: 22px;
}

@media (max-width: 1919px) {
  .order__discount-icon {
    width: 29px;
    height: 29px;
    margin-right: 12px;
  }
}

.order__discount-text {
  max-width: 122px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .order__discount-text {
    max-width: 98px;
    font-size: 14px;
    line-height: 16px;
    color: #78A1CF;
  }
}

.order__results-continue,
.quick-order__btn {
  position: relative;
}

@media (min-width: 1024px) {

  .order__results-continue:hover .prompt,
  .quick-order__btn:hover .prompt {
    opacity: 1;
  }
}

.order__results-btn {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #78A1CF;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .order__results-btn:hover {
    color: #1A6DCA;
  }
}

@media (max-width: 1919px) {
  .order__results-btn {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1023px) {
  .order__results-btn {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}

.order__range-box {
  background: #F8FAFD;
  position: relative;
  border-radius: 10px;
  margin-left: 10px;
}

.order__range-total {
  display: flex;
  align-items: center;
}

.order__range-total .order__range-box {
  width: 143px;
}

.order__range-total-title {
  margin-right: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;

  color: #545454;
}

.order__range-box-count::before {
  position: absolute;
  content: attr(data-before);
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;

  font-weight: 400;
  font-size: 12px;
  line-height: 16px;

  color: #3990F1;
}

@media (max-width: 1023px) {
  .order__range-box {
    margin-bottom: 35px;
  }

  .order__range-box:nth-child(2) {
    margin-right: 54px;
  }
}

.order__range-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 19.5px;
}

@media (max-width: 1919px) {
  .order__range-btn {
    bottom: 13.5px;
  }
}

@media (max-width: 767px) {
  .order__range-btn {
    bottom: 9.5px;
  }
}

.order__range-btn img {
  width: 10px;
  height: auto;
}

.order__range-btn--minus,
.order__range-btn--min {
  left: 10px;
}

@media (max-width: 767px) {

  .order__range-btn--minus,
  .order__range-btn--min {
    left: 8px;
  }
}

.order__range-btn--plus,
.order__range-btn--pl {
  right: 10px;
}

@media (max-width: 767px) {

  .order__range-btn--plus,
  .order__range-btn--pl {
    right: 8px;
  }
}

.order__results-value {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 4px 17px 9px;
  height: 57px;
  background: #F8FAFD;
  border-radius: 10px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  width: 100%;
}

.order__results-value--grey {
  background: #F8FAFD;
}

@media (max-width: 767px) {
  .order__results-value--grey {
    background: #fff;
  }
}

@media (max-width: 1919px) {
  .order__results-value {
    font-size: 16px;
    line-height: 23px;
    height: 47px;
  }
}

@media (max-width: 1599px) {
  .order__results-value {
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .order__results-value {
    height: 39px;
  }
}

.swiper-slide-invisible-blank {
  display: none;
}

.input {
  display: block;
  width: 100%;
  height: 57px;
  padding: 15px 16px;
  background-color: #F8FAFD;
  border-radius: 10px;
  border: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .input {
    font-size: 16px;
    line-height: 23px;
    height: 47px;
  }
}

@media (max-width: 1599px) {
  .input {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1023px) {
  .input {
    padding: 11px 10px;
  }
}

@media (max-width: 767px) {
  .input {
    height: 39px;
  }
}

.input::-moz-placeholder {
  font-weight: 400;
  color: #D5D5D5;
}

.input:-ms-input-placeholder {
  font-weight: 400;
  color: #D5D5D5;
}

.input::placeholder {
  font-weight: 400;
  color: #D5D5D5;
}

.input--settings {
  background-color: #fff;
}

.input--settings::-moz-placeholder {
  color: #D5D5D5;
}

.input--settings:-ms-input-placeholder {
  color: #D5D5D5;
}

.input--settings::placeholder {
  color: #D5D5D5;
}

.input--grey {
  background: #F8FAFD;
}

@media (max-width: 767px) {
  .input--grey {
    background: #fff;
  }
}

.checkbox {
  display: flex;
  justify-content: center;
}

.checkbox--popup {
  justify-content: flex-start;
}

.checkbox__input {
  display: none;
}

.checkbox__input:checked+.checkbox__fake {
  border-color: transparent;
}

.checkbox__input:checked+.checkbox__fake::before {
  opacity: 1;
}

.checkbox__fake {
  min-width: 18px;
  width: 18px;
  height: 18px;
  border: 1px solid #3990F1;
  border-radius: 3px;
  transition: 0.2s linear;
  position: relative;
}

@media (max-width: 767px) {
  .checkbox__fake {
    min-width: 14px;
    width: 14px;
    height: 14px;
  }
}

.checkbox__fake::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../img/checkbox.svg");
  opacity: 0;
  transition: 0.2s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .checkbox__fake::before {
    width: 14px;
    height: 14px;
    background-size: cover;
  }
}

.checkbox__fake--black {
  border: 1px solid #696969;
}

.checkbox__text {
  max-width: 317px;
  margin-left: 10px;
  margin-top: -2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1023px) {
  .checkbox__text {
    font-size: 14px;
    line-height: 16px;
  }
}

.error__text {
  display: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FF4848;
  margin-bottom: 15px;
}

@media (max-width: 1919px) {
  .error__text {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .error__text {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
  }
}

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

.select--service {
  position: relative;
  width: 100%;
}

.select--referral {
  margin-left: 10px;
}

.select--referral .select__top {
  width: 66px;
  height: 32px;
}

@media (max-width: 767px) {
  .select--referral .select__top {
    width: 44px;
    height: 26px;
  }
}

.select--referral .select__top::before {
  top: 13px;
  right: 10px;
  width: 7px;
  height: 9px;
}

@media (max-width: 767px) {
  .select--referral .select__top::before {
    width: 5px;
    height: 6px;
    top: 11px;
    right: 6px;
  }
}

.bottom-continue {
  display: flex;
  align-items: center;
}

.bottom-continue .order-warning__text {
  margin-left: 15px;
}

.mobile-form .order-input--social {
  border: 1px solid rgba(24, 57, 94, 0.5);
}

.order-warning {
  padding: 0 10px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.order-warning__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;

  color: #545454;
}

.order-warning__icon {
  margin-left: 10px;
  flex: 0 0 27px;
  height: 27px;
}

.order-warning__btn {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;

  color: #3990F1;
}

.select--referral .select__main-input {
  padding: 5px 10px;
  background-color: #F8FAFD;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1599px) {
  .select--referral .select__main-input {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1023px) {
  .select--referral .select__main-input {
    background-color: #fff;
  }
}

.select--referral .select__content-item {
  padding: 5px 10px;
}

@media (max-width: 767px) {
  .select--referral .select__content-item {
    padding: 12px 10px;
  }
}

.select--grey .select__main-input,
.select--grey .select__content {
  background: #F8FAFD;
}

@media (max-width: 767px) {

  .select--grey .select__main-input,
  .select--grey .select__content {
    background: #fff;
  }
}

.select--with-img .select__main-input {
  padding-left: 51px;
  /* text-transform: capitalize; */
}

@media (max-width: 1599px) {
  .select--with-img .select__main-input {
    padding-left: 43px;
  }
}

.select__top,
.select__top--service {
  display: block;
  width: 100%;
  height: 57px;
  position: relative;
}

@media (max-width: 1919px) {

  .select__top,
  .select__top--service {
    height: 47px;
  }
}

@media (max-width: 767px) {

  .select__top,
  .select__top--service {
    height: 39px;
  }
}

.select__top::before,
.select__top--service::before {
  content: "";
  width: 9px;
  height: 11px;
  background-image: url("../img/triangle.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 24px;
  right: 14px;
  transition: 0.3s linear;
  pointer-events: none;
}

@media (max-width: 1919px) {

  .select__top::before,
  .select__top--service::before {
    top: 18px;
  }
}

@media (max-width: 767px) {

  .select__top::before,
  .select__top--service::before {
    width: 6px;
    height: 8px;
    top: 16px;
  }
}

.select__top.active::before,
.select__top--service.active::before {
  transform: rotate(180deg);
}

.select__main-img {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.select__main-input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px 35px 16px 15px;
  cursor: pointer;
  background-color: #F8FAFD;
  border-radius: 10px;
  border: none;
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #696969;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-y: hidden;
}

@media (max-width: 1919px) {
  .select__main-input {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1599px) {
  .select__main-input {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1023px) {
  .select__main-input {
    padding: 11px 10px;
  }
}

.select__main-input::-moz-placeholder {
  color: #D5D5D5;
}

.select__main-input:-ms-input-placeholder {
  color: #D5D5D5;
}

.select__main-input::placeholder {
  color: #D5D5D5;
}

.select__content,
.select-link-content,
.select__content--service {
  padding: 0;
  max-height: 0;
  transition: 0.3s linear;
  overflow-y: scroll;

  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 10;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;

  scrollbar-width: thin;
  scrollbar-color: #3990F1 #EBF0F8;

}

.order__list {
  scrollbar-width: thin;
  scrollbar-color: #3990F1 #EBF0F8;
}

.select__content::-webkit-scrollbar,
.select-link-content::-webkit-scrollbar,
.select__content--service::-webkit-scrollbar,
.order__list::-webkit-scrollbar {
  height: 0px;
  width: 10px;
}

.select__content::-webkit-scrollbar-track,
.select-link-content::-webkit-scrollbar-track,
.select__content--service::-webkit-scrollbar-track,
.order__list::-webkit-scrollbar-track {
  background-color: #EBF0F8;
}

.select__content::-webkit-scrollbar-thumb,
.select-link-content::-webkit-scrollbar-thumb,
.select__content--service::-webkit-scrollbar-thumb,
.order__list::-webkit-scrollbar-thumb {
  background-color: #3990F1;
  border-radius: 3px;
}

.select-link-content {
  width: calc(100% + 10px);
  top: calc(100% + 60px);
}

@media (max-width: 1918px) {
  .select-link-content {
    width: 100%;
  }
}

.select__content.active,
.select__content--service.active {
  max-height: 237px;
  padding: 7.5px 0;
  z-index: 20;
}

.select-link-content.active {
  max-height: 237px;
  padding: 7.5px 0;
  z-index: 20;
}

@media (max-width: 767px) {

  .select__content.active,
  .select__content--service.active {
    max-height: 240px;
  }

  .select-link-content.active {
    max-height: 187px;
  }
}

/* .select__content::-webkit-scrollbar {
    display: none;
} */

.select__content-item {
  display: block;
  cursor: pointer;
  padding: 12px 15px;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .select__content-item:hover {
    background-color: #4E90D9;
  }

  .select__content-item:hover .select__content-name {
    color: #fff;
  }
}

.select__content-input {
  display: none;
}

.select__content-input:checked+.select__content-box .select__content-name {
  font-weight: 600;
  color: #000;
}

.select__content-box {
  display: flex;
  align-items: center;
}

.service-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 10px;
}

.select__content-img {
  width: 21px;
  height: 21px;
  margin-right: 15px;
}

.select__content-name {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
  /* text-transform: capitalize; */
  transition: 0.2s linear;
}

@media (max-width: 1919px) {
  .select__content-name {
    font-size: 14px;
    line-height: 18px;
  }
}

.range-slider {
  width: 100%;
}

@media (max-width: 1919px) {
  .range-slider {
    width: 95%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .range-slider {
    margin: 0 10px;
  }
}

.js-input {
  max-width: 192px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .js-input {
    max-width: 172px;
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1599px) {
  .js-input {
    max-width: 148px;
    font-size: 14px;
    line-height: 18px;
  }
}

.irs--round {
  height: 1px;
}

.irs--round .irs-line {
  height: 1px;
  background: #545454;
  top: 0;
  overflow: visible;
}

.irs--round .irs-line::before {
  content: "";
  width: 9px;
  height: 9px;
  background: #545454;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}

.irs--round .irs-line::after {
  content: "";
  width: 9px;
  height: 9px;
  background: #545454;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translateY(-50%);
}

.irs--round .irs-bar {
  height: 1px;
  background: #545454;
  top: 0;
}

.irs--round .irs-handle {
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  border: none;
  background-color: #4E90D9;
  border-radius: none;
  box-shadow: none;
}

@media (max-width: 1919px) {
  .irs--round .irs-handle {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 767px) {
  .irs--round .irs-handle {
    width: 16px;
    height: 16px;
  }
}

.irs--round .irs-handle.state_hover {
  background-color: #4E90D9 !important;
}

.irs--round .irs-handle:hover {
  background-color: #4E90D9 !important;
}

.irs-single {
  display: none;
}

.irs-min {
  background-color: transparent !important;
  top: unset !important;
  bottom: calc(100% + 6px);
  left: -10px !important;
  visibility: visible !important;
  font-family: Open Sans !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 19px !important;
  text-align: right !important;
  color: #8A8A8A !important;
}

.irs-max {
  background-color: transparent !important;
  top: unset !important;
  bottom: calc(100% + 6px);
  right: -10px !important;
  visibility: visible !important;
  font-family: Open Sans !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 19px !important;
  text-align: left !important;
  color: #8A8A8A !important;
}

.benefits {
  padding-top: 16px;
  height: 1153px;
  margin-bottom: 9px;
  position: relative;
  position: relative;
}

.benefits::before {
  content: "";
  background-image: url("../img/benefits-bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 375px) {
  .benefits::before {
    top: 110px;
    background-size: contain;
    background-image: url("../img/benefits-bg-mob.svg");
  }
}

@media (max-width: 1919px) {
  .benefits {
    height: 900px;
    padding-top: 80px;
  }
}

@media (max-width: 1599px) {
  .benefits {
    height: 850px;
  }
}

@media (max-width: 1439px) {
  .benefits {
    height: 750px;
  }
}

@media (max-width: 767px) {
  .benefits {
    height: auto;
    padding-top: 60px;
    padding-bottom: 127px;
  }
}

@media (max-width: 375px) {
  .benefits {
    padding-bottom: 87px;
    margin-bottom: 40px;
  }
}

.benefits__title {
  margin-bottom: 173px;
}

@media (max-width: 1919px) {
  .benefits__title {
    margin-bottom: 77px;
  }
}

@media (max-width: 1439px) {
  .benefits__title {
    margin-bottom: 50px;
  }
}

.benefits__list {
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 570px; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  width: 570px;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .benefits__list {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .benefits__list {
    width: 336px;
    grid-gap: 36px 33px;
  }
}

.benefits__icon {
  width: 96px;
  height: 96px;
  margin-bottom: 30px;
  padding: 21px 22px 22px 21px;
  background-color: #F8FAFD;
  box-shadow: 0px 8.6871px 6.94968px rgba(6, 34, 132, 0.0413989), 0px 3.43489px 2.74791px rgba(6, 34, 132, 0.06);
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .benefits__icon {
    width: 86px;
    height: 86px;
    margin-bottom: 20px;
  }
}

@media (max-width: 1439px) {
  .benefits__icon {
    margin: 0 auto 20px;
  }
}

@media (max-width: 767px) {
  .benefits__icon {
    margin-bottom: 15px;
  }
}

.benefits__name {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 1919px) {
  .benefits__name {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1439px) {
  .benefits__name {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .benefits__name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 12px;
  }
}

.benefits__descr {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
}

@media (max-width: 1919px) {
  .benefits__descr {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1439px) {
  .benefits__descr {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .benefits__descr {
    font-size: 14px;
    line-height: 16px;
  }
}

.benefits__photo {
  width: 514px;
  height: 592px;
  position: absolute;
  bottom: 231px;
  left: 16%;
}

@media (max-width: 1919px) {
  .benefits__photo {
    height: auto;
    bottom: 20%;
  }
}

@media (max-width: 1600px) {
  .benefits__photo {
    width: 415px;
  }
}

@media (max-width: 1439px) {
  .benefits__photo {
    width: 380px;
    left: 10%;
    bottom: 17%;
  }
}

@media (max-width: 1439px) {
  .benefits__photo {
    left: 7%;
  }
}

@media (max-width: 1023px) {
  .benefits__photo {
    display: none;
  }
}

.reviews-main {
  margin-bottom: 120px;
}

@media (max-width: 1919px) {
  .reviews-main {
    margin-bottom: 90px;
  }

  .reviews-main .rating__item {
    fill: #F5AD4A;
  }

  .reviews-main .rating__item:nth-child(1n+2) {
    display: none;
  }

    .reviews-main .rating__item-select {
        fill: #F5AD4A;
    }

    .reviews-main .rating__item-select:nth-child(1n+2) {
        display: none;
    }

  .reviews-main .rating__total {
    display: none;
  }
}

@media (max-width: 1599px) {
  .reviews-main {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .reviews-main {
    margin-bottom: 40px;
  }
}

.reviews-main__title {
  margin-bottom: 60px;
}

@media (max-width: 1599px) {
  .reviews-main__title {
    margin-bottom: 40px;
  }
}

@media (max-width: 1023px) {
  .reviews-main__title {
    margin-bottom: 30px;
  }
}

.reviews-main__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 30px;
}

@media (max-width: 1023px) {
  .reviews-main__list {
    overflow-x: scroll;
    grid-gap: 12px;
    margin-bottom: 15px;
  }
}



.reviews-main__item {
  align-self: start;
  position: relative;
  height: 205px;
  min-height: 205px;
  padding: 10px 10px 40px 10px;
  background-color: #F8FAFD;
  border-radius: 10px;
  transition: 1s linear;

  display: flex;
  flex-direction: column;

}

/* @media (max-width: 1919px) {
  .reviews-main__item {
    height: auto;
  }
} */

@media (max-width: 1023px) {
  .reviews-main__item {
    min-width: 295px;
  }
}

.reviews-main__info {
  display: flex;
  margin-bottom: 8px;
}

.reviews-main__avatar {
  min-width: 54px;
  height: 54px;
  margin-right: 15px;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .reviews-main__avatar {
    min-width: 36px;
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
}

.reviews-main__details {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.reviews-main__name {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .reviews-main__name {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1023px) {
  .reviews-main__name {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .reviews-main__name {
    line-height: 16px;
  }
}

.reviews-main__date {
  width: 100%;
  margin-top: 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #696969;
}

@media (max-width: 1919px) {
  .reviews-main__date {
    line-height: 16px;
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  .reviews-main__date {
    line-height: 14px;
  }
}

.reviews-main__item.open .reviews-main__descr {
  height: auto;
  flex: 0 0;
  overflow: visible;
  text-overflow: initial;
}

.reviews-main__descr {
  height: 65px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
  text-overflow: clip;
  overflow: hidden;
  flex: 1 1;
}

.reviews-main__item.show {
  height: auto;
}

.reviews-main__item.show .reviews-main__descr {
  height: auto;
}

@media (max-width: 1919px) {
  .reviews-main__descr {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .reviews-main__descr {
    line-height: 16px;
  }
}

.reviews-main__btn {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .reviews__intro {
    background-size: inherit;
    background-position: inherit;
    margin-bottom: 40px;
  }
}

@media (max-width: 375px) {
  .reviews__intro {
    background-size: cover;
    background-position: center;
  }
}

.reviews__intro-inner {
  display: flex;
  position: relative;
}

@media (max-width: 767px) {
  .reviews__intro-inner {
    flex-direction: column;
  }
}

.reviews__intro-content {
  margin-right: 100px;
}

@media (max-width: 1919px) {
  .reviews__intro-content {
    margin-right: 50px;
  }
}

@media (max-width: 767px) {
  .reviews__intro-content {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.reviews__subtitle {
  max-width: 390px;
}

.reviews__regulations-title {
  margin-top: 14px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .reviews__regulations-title {
    margin-top: 5px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1439px) {
  .reviews__regulations-title {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .reviews__regulations-title {
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 8px;
  }
}

.reviews__regulations-list {
  padding-left: 10px;
}

.reviews__regulations-item {
  list-style: inside;
  font-weight: normal;
  font-size: 18px;
  line-height: 150.68%;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .reviews__regulations-item {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1439px) {
  .reviews__regulations-item {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .reviews__regulations-item {
    font-size: 14px;
    line-height: 150.68%;
  }
}

.reviews__photo {
  width: 501px;
  height: 501px;
  position: absolute;
  right: -86px;
  top: -142px;
}

@media (max-width: 1919px) {
  .reviews__photo {
    display: none;
  }
}

@media (max-width: 1919px) {
  .reviews__content {
    max-width: 1000px;
    margin: 0 auto;
  }
}

.reviews__title {
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;
  color: #545454;
  text-align: center;
}

@media (max-width: 1919px) {
  .reviews__title {
    font-size: 25px;
    line-height: 36px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1439px) {
  .reviews__title {
    font-size: 20px;
    line-height: 27px;
  }
}

.reviews__messenger {
  background-color: #F8FAFD;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 120px;
}

@media (max-width: 1919px) {
  .reviews__messenger {
    margin-bottom: 60px;
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .reviews__messenger {
    margin-bottom: 40px;
    padding: 15px 10px;
  }
}

@media (max-width: 767px) {
  .reviews__content {
    margin-bottom: 30px;
  }
}

.reviews__textarea {
  display: block;
  width: 100%;
  min-height: 164px;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: none;
  resize: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .reviews__textarea {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .reviews__textarea {
    padding: 10px;
    margin-bottom: 15px;
    line-height: 16px;
  }
}

.reviews__textarea::-moz-placeholder {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #D5D5D5;
}

.reviews__textarea:-ms-input-placeholder {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #D5D5D5;
}

.reviews__textarea::placeholder {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #D5D5D5;
}

@media (max-width: 1919px) {
  .reviews__textarea::-moz-placeholder {
    font-size: 14px;
    line-height: 28px;
  }

  .reviews__textarea:-ms-input-placeholder {
    font-size: 14px;
    line-height: 28px;
  }

  .reviews__textarea::placeholder {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .reviews__textarea::-moz-placeholder {
    line-height: 16px;
  }

  .reviews__textarea:-ms-input-placeholder {
    line-height: 16px;
  }

  .reviews__textarea::placeholder {
    line-height: 16px;
  }
}

.reviews__nav {
  display: flex;
  align-items: center;
}

.reviews__authorization {
  display: flex;
  align-items: center;
  margin-left: 30px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FF6565;
}

@media (max-width: 1919px) {
  .reviews__authorization {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .reviews__authorization {
    line-height: 16px;
    margin-left: 18px;
    display: block;
  }
}

.reviews__authorization-btn {
  margin-right: 5px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FF6565;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1919px) {
  .reviews__authorization-btn {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .reviews__authorization-btn {
    line-height: 16px;
    margin-right: 0;
  }
}

.reviews__authorization-btn::before {
  content: "";
  height: 1px;
  background-color: #FF6565;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
}

@media (min-width: 1024px) {
  .reviews__authorization-btn:hover::before {
    transform: translateX(100%);
  }
}

.reviews__list {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .reviews__list {
    margin-bottom: 20px;
  }
}

.reviews__item {
  background: #F8FAFD;
  border-radius: 10px;
  padding: 20px;
}

@media (max-width: 1919px) {
  .reviews__item {
    padding: 15px;
  }
}

@media (max-width: 1023px) {
  .reviews__item {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .reviews__item {
    padding: 10px;
  }
}

.reviews__item+.reviews__item {
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .reviews__item+.reviews__item {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .reviews__item+.reviews__item {
    margin-top: 10px;
  }
}

.reviews__descr {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
}

@media (max-width: 1919px) {
  .reviews__descr {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .reviews__descr {
    line-height: 16px;
  }
}



.rating {
  display: flex;
}

.rating__wrapper {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-right: 4px;
}

.rating__item {
  fill: #C4C4C4;
}

.rating__item+.rating__item {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .rating__item {
    fill: #F5AD4A;
  }

  .rating__item:nth-child(1n+2) {
    display: none;
  }
}

.rating__item-select {
    fill: #C4C4C4;
}

.rating__item-select+.rating__item-select {
    margin-right: 5px;
}

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

@media (max-width: 1919px) {
  .rating__icon {
    width: 17px;
    height: 17px;
  }
}

.rating__icon--reviews {
  width: 17px;
  height: 17px;
}

.rating__total,
.rating__current {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #696969;
}

.rating__total {
  display: none;
}

@media (max-width: 767px) {
  .rating__total {
    display: block;
  }
}

.rating__wrapper[data-total-value="1"] .rating__item:nth-child(n+5),
.rating__wrapper[data-total-value="2"] .rating__item:nth-child(n+4),
.rating__wrapper[data-total-value="3"] .rating__item:nth-child(n+3),
.rating__wrapper[data-total-value="4"] .rating__item:nth-child(n+2),
.rating__wrapper[data-total-value="5"] .rating__item:nth-child(n+1) {
  fill: #F5AD4A;
}

.rating__wrapper[data-total-value="1"] .rating__item-select:nth-child(n+5),
.rating__wrapper[data-total-value="2"] .rating__item-select:nth-child(n+4),
.rating__wrapper[data-total-value="3"] .rating__item-select:nth-child(n+3),
.rating__wrapper[data-total-value="4"] .rating__item-select:nth-child(n+2),
.rating__wrapper[data-total-value="5"] .rating__item-select:nth-child(n+1) {
    fill: #F5AD4A;
}

.questions {
  margin-bottom: 60px;
}

@media (max-width: 1919px) {
  .questions {
    margin-bottom: 40px;
  }
}

@media (max-width: 1439px) {
  .questions {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .questions {
    margin-bottom: 30px;
  }
}

.questions__title {
  margin-bottom: 60px;
}

@media (max-width: 1439px) {
  .questions__title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .questions__title {
    margin-bottom: 30px;
  }
}

.questions__link {
  display: inline-block;
  margin-left: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #78A1CF;
  position: relative;
  overflow: hidden;
}

.questions__link::before {
  content: "";
  height: 1px;
  background-color: #78A1CF;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
}

@media (max-width: 1919px) {
  .questions__link {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1024px) {
  .questions__link:hover::before {
    transform: translateX(100%);
  }
}

@media (max-width: 767px) {
  .questions__link {
    line-height: 16px;
  }
}

.questions__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  align-items: start;
}

@media (max-width: 1919px) {
  .questions__list {
    grid-gap: 20px;
  }
}

@media (max-width: 1439px) {
  .questions__list {
    grid-gap: 15px;
  }
}

@media (max-width: 767px) {
  .questions__list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
}

.questions__item {
  padding: 0 20px;
  background: #F8FAFD;
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .questions__item {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .questions__item {
    padding: 0 10px;
  }
}

.question__content {
  display: flex;
  align-items: center;
  width: 100%;
  height: 74px;
  padding-right: 12px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  transition: 0.3s linear;
  cursor: pointer;
  position: relative;
}

@media (max-width: 1919px) {
  .question__content {
    font-size: 16px;
    line-height: 20px;
    height: 65px;
  }
}

@media (max-width: 1439px) {
  .question__content {
    font-size: 14px;
    line-height: 18px;
    height: 55px;
  }
}

@media (max-width: 767px) {
  .question__content {
    line-height: 16px;
    height: 48px;
  }
}

.question__content::before {
  content: "";
  width: 9px;
  height: 11px;
  background-image: url("../img/triangle.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 33px;
  right: 0;
  transition: 0.3s linear;
}

@media (max-width: 1919px) {
  .question__content::before {
    top: 29px;
  }
}

@media (max-width: 1439px) {
  .question__content::before {
    top: 22px;
  }
}

@media (max-width: 767px) {
  .question__content::before {
    top: 21px;
    width: 6px;
    height: 8px;
  }
}

.question__content.active {
  color: #78A1CF;
}

.question__content.active::before {
  transform: rotate(180deg);
}

.question__descr {
  display: none;
  margin: 6px 0 25px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #696969;
}

@media (max-width: 1919px) {
  .question__descr {
    font-size: 16px;
    line-height: 20px;
    margin: 6px 0 20px;
  }
}

@media (max-width: 1439px) {
  .question__descr {
    font-size: 14px;
    line-height: 18px;
    margin: 0px 0 15px;
  }
}

@media (max-width: 767px) {
  .question__descr {
    line-height: 16px;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
}

.popup--sign-in {
  display: none;
}

.popup--sign-up {
  display: none;
}

.popup--restore-password {
  display: none;
}

.popup--success {
  display: none;
}

.popup--unsuccess {
  display: none;
}

.popup--fast-payment {
  padding: 0 16px;
  display: none;
}

.popup--quick-order {
  padding: 0 16px;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.popup--quick-order .popup__close {
  width: 42px;
  height: 42px;
  padding: 8px;
  border-radius: 50%;
  border: 4px solid #fff;
}

.popup--payment-success {
  display: none;
}

.popup--payment-unsuccess {
  display: none;
}

.popup--insufficient-funds {
  display: none;
}

.popup__inner {
  padding: 30px;
  background-color: #F8FAFD;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 767px) {
  .popup__inner {
    padding: 15px 10px 20px;
  }
}

.popup__inner--sign-in {
  width: 454px;
}

@media (max-width: 1919px) {
  .popup__inner--sign-in {
    width: 385px;
  }
}

@media (max-width: 767px) {
  .popup__inner--sign-in {
    width: 328px;
  }
}

.popup__inner--sign-up {
  width: 454px;
}

@media (max-width: 1919px) {
  .popup__inner--sign-up {
    width: 385px;
  }
}

@media (max-width: 767px) {
  .popup__inner--sign-up {
    width: 328px;
  }
}

.popup__inner--restore-password {
  width: 454px;
}

@media (max-width: 1919px) {
  .popup__inner--restore-password {
    width: 385px;
  }
}

@media (max-width: 767px) {
  .popup__inner--restore-password {
    width: 328px;
  }

  .popup__inner--restore-password .form {
    display: flex;
    flex-direction: column;
  }

  .popup__inner--restore-password .popup__title {
    margin-bottom: 10px;
  }

  .popup__inner--restore-password .popup__block-sign-in {
    order: 4;
  }
}

.popup__inner--payment {
  width: 538px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 15px 20px;
}

@media (max-width: 1919px) {
  .popup__inner--payment {
    width: 340px;
    padding: 20px 11px;
  }
}

.popup__inner--fast-payment {
  padding: 0;
  max-width: 914px;
}

@media (max-width: 767px) {
  .popup__inner--fast-payment .popup__close {
    width: 15px;
    height: 15px;
  }
}

.popup__inner--fast-payment .fast-payment {
  display: block;
  max-height: calc(var(--vh, 1vh) * 88);
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.popup__inner--fast-payment .fast-payment::-webkit-scrollbar {
  display: none;
}

.popup__inner--fast-payment .payment-method__list {
  justify-content: space-between;
}

.popup__inner--fast-payment .payment-method__item+.payment-method__item {
  margin-left: 0 !important;
}

.popup__inner--quick-order {
  max-height: calc(var(--vh, 1vh) * 88);
  max-width: 1170px;
  width: 100%;
}

@media (max-width: 1023px) {
  .popup__inner--quick-order {
    max-width: 600px;
  }
}

.popup__inner--quick-order .quick-order {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-height: calc(var(--vh, 1vh) * 88 - 60px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}


/* .popup--quick-order .order__menu-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
} */

@media (min-width: 1024px) {
  .popup--quick-order .popup__inner {
    padding: 45px 35px;
  }
}


.popup--quick-order .order__menu {
  padding: 0;
}

.popup--quick-order .order__services:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.popup--quick-order .mobile-form {
  padding-top: 20px;
}

@media (max-width: 600px) {
  .popup--quick-order .mobile-form {
    padding: 0px 5px;
  }
}

.popup--quick-order .order__wrapper {
  height: auto;
  padding-left: 18px;
  padding-right: 18px;
}

.popup--quick-order .order__inner {
  width: 100%;
}

.quick-choose-social .order__item:hover:not(.active) img {
  transform: scale(1);
}

.quick-choose-social {
  padding-left: 18px;
  padding-right: 18px;
}

.quick-choose-social {}

.quick-choose-social {}

.quick-choose-social .order__menu-title--mob {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #545454;
  margin-bottom: 15px;
  text-align: left !important;
}

.quick-choose-social .order__name {
  display: block;
  margin-left: 5px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #545454;
  /* text-transform: capitalize; */
}

.quick-choose-social .order__item img {
  max-width: 18px;
}

.quick-choose-social .order__box.active::before {
  transform: rotate(180deg);
}

.quick-choose-social .order__box::before {
  content: "";
  width: 9px;
  height: 11px;
  background-image: url(../img/triangle.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 19px;
  right: 15px;
  transition: 0.3s linear;
}

.quick-choose-social .order-input--social~.order__list {
  position: absolute;
  top: 130%;
  left: 0;
  width: 100%;
  z-index: 100;
}

.quick-choose-social .order__list.active {
  max-height: 287px;
  z-index: 20;
}

.quick-choose-social .order__box .order-input {
  margin-bottom: 7px;
}

.quick-choose-social .order-input--mob {
  background: #fff;
  margin-bottom: 0px;
}

.quick-choose-social .order__item {
  height: auto;
  width: 100%;
  justify-content: flex-start;
  padding: 15px 15px;
}

.quick-choose-social .order__btn-right {
  display: none;
}

.quick-choose-social .order__btn-left {
  display: none;
}

.quick-choose-social .order__box {
  height: auto;
  padding-left: 0;

  max-width: 100%;
  width: auto;

  margin-bottom: 15px;
  overflow: visible;
  z-index: 10;
}

.quick-choose-social .order__img {
  display: block;
  max-width: 20px;
  height: auto;
  position: absolute;
  left: 15px;
  top: 14px;
}

.quick-choose-social .order-input {
  display: flex;
  align-items: center;
  width: 100%;
  height: 47px;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  padding: 11px 15px 11px 45px;
  background-color: #F8FAFD;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #545454;
  /* text-transform: capitalize; */
}

.quick-choose-social .order__list {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: auto;
  max-height: 0;
  background-color: #F8FAFD;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  transition: 0.3s linear;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media (max-width: 767px) {
  .popup__inner--quick-order .quick-order {
    margin: 0 -10px;
    padding: 0 10px;
  }
}

.popup__inner--quick-order .quick-order::-webkit-scrollbar {
  display: none;
}





@media (max-width: 1023px) {
  .popup__inner--quick-order .order__results-group {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .popup__inner--quick-order .order__results-group {
    padding-left: 0;
    padding-right: 0;
  }
}

.popup__inner--quick-order .quick-order__btn {
  margin-left: auto;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .popup__inner--quick-order .quick-order__btn {
    margin-top: 15px;
    margin-right: auto;
  }
}

.popup__inner--payment-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  width: 426px;
}

@media (max-width: 1439px) {
  .popup__inner--payment-message {
    width: 328px;
    padding: 15px;
  }
}

.popup__close {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  bottom: calc(100% + 15px);
}

@media (max-width: 767px) {
  .popup__close {
    bottom: calc(100% + 10px);
  }
}

.popup__title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .popup__title {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .popup__title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 10px;
  }
}

.forgot-password {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #78A1CF;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .forgot-password:hover {
    color: #3990F1;
  }
}

@media (max-width: 1919px) {
  .forgot-password {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .forgot-password {
    font-size: 14px;
    line-height: 19px;
  }
}

.popup__btn-sign-in {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .popup__btn-sign-in {
    margin-bottom: 20px;
  }
}

.popup__block-sign-up,
.popup__block-sign-in {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {

  .popup__block-sign-up,
  .popup__block-sign-in {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {

  .popup__block-sign-up,
  .popup__block-sign-in {
    font-size: 14px;
    line-height: 16px;
  }
}

.popup__block-sign-up {
  margin-bottom: 0;
}

.call__sign-up-popup,
.call__sign-in-popup {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #3990F1;
  display: inline-block;
  overflow: hidden;
  margin-left: 5px;
  position: relative;
}

.call__sign-up-popup::before,
.call__sign-in-popup::before {
  content: "";
  height: 1px;
  background-color: #3990F1;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
}

@media (max-width: 767px) {

  .call__sign-up-popup::before,
  .call__sign-in-popup::before {
    bottom: 0;
  }
}

@media (min-width: 1024px) {

  .call__sign-up-popup:hover::before,
  .call__sign-in-popup:hover::before {
    transform: translateX(100%);
  }
}

@media (max-width: 1919px) {

  .call__sign-up-popup,
  .call__sign-in-popup {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {

  .call__sign-up-popup,
  .call__sign-in-popup {
    font-size: 14px;
    line-height: 16px;
  }
}

.popup__block-sign-in {
  margin-bottom: 0;
}

.popup__login-via-title {
  font-weight: normal;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #545454;
  margin-bottom: 15px;
}

@media (max-width: 1919px) {
  .popup__login-via-title {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .popup__login-via-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
  }
}

.popup__login-via-block {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

@media (max-width: 1919px) {
  .popup__login-via-block {
    margin-bottom: 10px;
  }
}

.popup__login-via-btn {
  width: 44px;
  height: 44px;
  margin: 0 12.5px;
}

@media (max-width: 1919px) {
  .popup__login-via-btn {
    width: 40px;
    height: 40px;
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  .popup__login-via-btn {
    width: 36px;
    height: 36px;
    margin: 0 10px;
  }
}

.popup__btn-sign-up {
  margin: 20px auto 20px;
}

@media (max-width: 767px) {
  .popup__btn-sign-up {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.quick-registration {
  margin-bottom: 40px;
}

@media (max-width: 1919px) {
  .quick-registration {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .quick-registration {
    margin-bottom: 10px;
  }
}

.quick-registration__title {
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .quick-registration__title {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .quick-registration__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
  }
}

.quick-registration__block {
  display: flex;
  justify-content: center;
}

.quick-registration__btn {
  width: 44px;
  height: 44px;
  margin: 0 12.5px;
}

@media (max-width: 1919px) {
  .quick-registration__btn {
    width: 40px;
    height: 40px;
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  .quick-registration__btn {
    width: 36px;
    height: 36px;
  }
}

.popup__link {
  display: inline-block;
  overflow: hidden;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #545454;
  position: relative;
}

.popup__link::before {
  content: "";
  height: 1px;
  background-color: #545454;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
}

@media (max-width: 1023px) {
  .popup__link::before {
    bottom: 0;
  }
}

@media (min-width: 1024px) {
  .popup__link:hover::before {
    transform: translateX(100%);
  }
}

@media (max-width: 1023px) {
  .popup__link {
    font-size: 14px;
    line-height: 16px;
  }
}

.popup__descr {
  max-width: 345px;
  margin: 0 auto 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .popup__descr {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .popup__descr {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
    max-width: 270px;
  }
}

.popup__btn-submit {
  width: 186px;
  margin: 0 auto 20px;
}

@media (max-width: 767px) {
  .popup__btn-submit {
    order: 5;
    margin-bottom: 0;
    margin-top: 15px;
  }
}

.popup-payment__title {
  max-width: 462px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .popup-payment__title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}

.popup-payment__title span {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .popup-payment__title span {
    font-size: 16px;
    line-height: 22px;
  }
}

.popup-payment__icon {
  width: 65px;
  height: 65px;
  margin-bottom: 15px;
}

@media (max-width: 1919px) {
  .popup-payment__icon {
    width: 39px;
    height: 39px;
  }
}

.popup-payment__text {
  max-width: 356px;
  margin-bottom: 9px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .popup-payment__text {
    font-size: 14px;
    line-height: 16px;
    max-width: 253px;
    margin-bottom: 15px;
  }
}

.popup-payment__text--unsuccess {
  max-width: 284px;
}

@media (max-width: 1919px) {
  .popup-payment__text--unsuccess {
    max-width: 213px;
  }
}

.payment-message__title {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative;
}

@media (max-width: 1919px) {
  .payment-message__title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1439px) {
  .payment-message__title {
    font-size: 16px;
    line-height: 22px;
    padding-left: 26px;
  }
}

.payment-message__title::before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (max-width: 1439px) {
  .payment-message__title::before {
    width: 18px;
    height: 18px;
    background-size: cover;
  }
}

.payment-message__title--success::before {
  background-image: url("../img/like-green.svg");
}

.payment-message__title--unsuccess::before {
  background-image: url("../img/warning.svg");
}

.payment-message__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 1919px) {
  .payment-message__text {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1439px) {
  .payment-message__text {
    margin-bottom: 10px;
    line-height: 16px;
  }
}

.payment-message__text span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.payment-message__text--insufficient-funds {
  max-width: 293px;
}

@media (max-width: 767px) {
  .payment-message__text--insufficient-funds {
    max-width: 268px;
  }
}

.payment-message__btns {
  width: 294px;
  display: flex;
  justify-content: space-between;
}

.payment-message__btn {
  width: 132px;
  height: 49px;
}

@media (max-width: 1439px) {
  .payment-message__btn {
    width: 135px;
    height: 42px;
  }
}

.form__group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.form__group--password {
  margin-bottom: 25px;
  position: relative;
}

@media (max-width: 767px) {
  .form__group {
    margin-bottom: 10px;
  }
}

.captcha-fake {
  height: 60px;
}

.form__name {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-bottom: 15px;
}

@media (max-width: 1919px) {
  .form__name {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 767px) {
  .form__name {
    font-size: 14px;
    line-height: 19px;
  }
}

.btn__view-password {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 18px;
  right: 15px;
}

@media (max-width: 1919px) {
  .btn__view-password {
    bottom: 12px;
  }
}

@media (max-width: 1023px) {
  .btn__view-password {
    bottom: 13px;
    width: 15px;
    height: 13px;
  }

  .btn__view-password img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.btn__view-password.show::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 20px;
  background-color: #696969;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

@media (max-width: 767px) {
  .btn__view-password.show::before {
    width: 15px;
  }
}

.services--ceo .order__inner {
  margin-bottom: 200px;
}

@media (max-width: 1919px) {
  .services--ceo .order__inner {
    margin-bottom: 120px;
  }
}

@media (max-width: 1439px) {
  .services--ceo .order__inner {
    margin-bottom: 60px;
  }
}

@media (max-width: 1023px) {
  .services--ceo .order__inner {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .services__intro {
    margin-bottom: 40px;
  }
}

.services__intro-inner {
  position: relative;
}

.services__subtitle {
  max-width: 476px;
}

.services__photo {
  width: 451px;
  height: 428px;
  position: absolute;
  top: -91px;
  right: -55px;
}

.services__photo img {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1919px) {
  .services__photo {
    width: 311px;
    height: 298px;
    right: 0px;
  }
}

@media (max-width: 1439px) {
  .services__photo {
    width: 241px;
    height: 258px;
  }
}

@media (max-width: 1023px) {
  .services__photo {
    display: none;
  }
}

/* @media (max-width: 1919px) {
  .services__content {
    max-width: 1000px;
    margin: 0 auto;
  }
} */

@media (max-width: 1023px) {
  .services__wrapper {
    position: relative;
    margin-bottom: 20px;
  }

  .services__wrapper::before {
    content: "";
    width: 9px;
    height: 11px;
    background-image: url("../img/triangle.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 58px;
    transition: 0.3s linear;
  }

  .services__wrapper.active::before {
    transform: rotate(180deg);
  }
}

@media (max-width: 767px) {
  .services__wrapper::before {
    width: 6px;
    height: 8px;
    top: 50px;
  }
}

.services__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  margin-bottom: 60px;
}

@media (max-width: 1919px) {
  .services__list {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .services__list {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: auto;
    grid-gap: 0;
    max-height: 0;
    background-color: #F8FAFD;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 10;
    transition: 0.3s linear;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .services__list.active {
    max-height: 187px;
    padding: 7.5px 0;
    z-index: 20;
  }

  .services__list::-webkit-scrollbar {
    display: none;
  }
}

.services__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  transition: 0.2s linear;
  cursor: pointer;
  background-color: #F8FAFD;
  border-radius: 10px;
}

.services__item.active {
  background-color: #EBF0F8;
}

@media (min-width: 1024px) {
  .services__item:hover:not(.active) {
    opacity: 0.7;
  }
}

@media (max-width: 1919px) {
  .services__item {
    height: 50px;
  }
}

@media (max-width: 1023px) {
  .services__item {
    height: 42px;
    min-height: 42px;
    width: 100%;
    justify-content: flex-start;
    padding: 0 15px;
    border-radius: 0;
  }
}

.services__img {
  margin-right: 10px;
}

.services__img img {
  width: unset;
  height: unset;
}

@media (max-width: 1919px) {
  .services__img {
    max-width: 20px;
  }

  .services__img img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .services__img {
    display: none;
  }
}

.services__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .services__name {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1023px) {
  .services__name {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #545454;
    /* text-transform: capitalize; */
  }
}

.rates {
  margin-bottom: 80px;
}

.rates--purchase-history {
  margin-right: -15px;
  margin-bottom: 0;
  max-height: 794px;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  /* auto or thin */
  scrollbar-color: #3990F1 #EBF0F8;
  /* scroll thumb and track */
}

.rates--purchase-history::-webkit-scrollbar {
  width: 10px;
  /* width of the entire scrollbar */
}

@media (max-width: 767px) {
  .rates--purchase-history::-webkit-scrollbar {
    width: 6px;
  }
}

.rates--purchase-history::-webkit-scrollbar-track {
  background: #EBF0F8;
  border-radius: 3px;
  /* color of the tracking area */
}

.rates--purchase-history::-webkit-scrollbar-thumb {
  background-color: #3990F1;
  border-radius: 3px;
}

@media (max-width: 1023px) {
  .rates--purchase-history {
    margin-right: 0;
    max-height: 477px;
  }
}

@media (max-width: 1023px) {
  .rates--purchase-history .rates__top {
    padding-bottom: 33px;
    position: relative;
  }
}

@media (max-width: 767px) {
  .rates--purchase-history .rates__top {
    padding-bottom: 24px;
    margin-bottom: 0;
  }
}

.rates--purchase-history .rates__item {
  padding: 20px 20px 20px 28px;
  margin-right: 15px;
  background: #FFFFFF;
}

@media (max-width: 1919px) {
  .rates--purchase-history .rates__item {
    padding: 15px 10px;
  }
}

@media (max-width: 767px) {
  .rates--purchase-history .rates__item {
    padding: 10px;
    margin-right: 7px;
  }
}

.rates--purchase-history .rates__logo {
  width: 56px;
  height: 56px;
}

@media (max-width: 1919px) {
  .rates--purchase-history .rates__logo {
    width: 43px;
    height: 43px;
    margin-right: 15px;
  }
}

@media (max-width: 1439px) {
  .rates--purchase-history .rates__logo {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 767px) {
  .rates--purchase-history .rates__logo {
    width: 33px;
    height: 33px;
    margin-right: 10px;
  }
}

.rates--purchase-history .rates__title {
  font-size: 18px;
  line-height: 25px;
}

@media (max-width: 1919px) {
  .rates--purchase-history .rates__title {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1439px) {
  .rates--purchase-history .rates__title {
    position: static;
    font-size: 14px;
    line-height: 16px;
  }
}

.rates--purchase-history .rates__price {
  margin-left: 30px;
}

.rates--purchase-history .rates__date,
.rates--purchase-history .rates__number,
.rates--purchase-history .rates__price {
  font-size: 18px;
  line-height: 25px;
}

@media (max-width: 1919px) {

  .rates--purchase-history .rates__date,
  .rates--purchase-history .rates__number,
  .rates--purchase-history .rates__price {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1439px) {

  .rates--purchase-history .rates__date,
  .rates--purchase-history .rates__number,
  .rates--purchase-history .rates__price {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 1023px) {

  .rates--purchase-history .rates__date,
  .rates--purchase-history .rates__number,
  .rates--purchase-history .rates__price {
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 767px) {

  .rates--purchase-history .rates__date,
  .rates--purchase-history .rates__number,
  .rates--purchase-history .rates__price {
    font-size: 14px;
    line-height: 14px;
    margin-left: 0;
  }
}

@media (max-width: 1023px) {
  .rates--purchase-history .rates__date {
    left: 4px;
  }
}

@media (max-width: 1023px) {
  .rates--purchase-history .rates__number {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 1023px) {
  .rates--purchase-history .rates__price {
    right: 4px;
  }
}

@media (max-width: 767px) {
  .rates--purchase-history .rates__price {
    left: unset;
  }
}

.rates--purchase-history .rates__value {
  margin-left: 10px;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 1919px) {
  .rates--purchase-history .rates__value {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .rates--purchase-history .rates__value {
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
  }
}

@media (max-width: 767px) {
  .rates--purchase-history .rates__bottom {
    margin-top: 10px;
  }
}

.rates__item {
  max-width: 1150px;
  padding: 10px 20px 10px 24px;
  margin-right: 10px;
  background-color: #F8FAFD;
  border-radius: 10px;
}

.rates__item+.rates__item {
  margin-top: 20px;
}

@media (max-width: 1023px) {
  .rates__item+.rates__item {
    margin-top: 10px;
  }
}

.rates__item--services {
  max-width: unset;
  margin-right: 0;
}

@media (max-width: 767px) {
  .rates__item {
    padding: 15px 10px 10px;
  }
}

.rates__top {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .rates__top {
    margin-bottom: 5px;
    position: relative;
  }
}

.rates__logo {
  width: 42px;
  height: 42px;
  margin-right: 20px;
}

@media (max-width: 1919px) {
  .rates__logo {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 1439px) {
  .rates__logo {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 767px) {
  .rates__logo {
    width: 33px;
    height: 33px;
    margin-right: 10px;
  }
}

.rates__title {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .rates__title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1439px) {
  .rates__title {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .rates__title {
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 43px;
  }
}

.rates__price,
.rates__date,
.rates__number {
  margin-left: auto;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {

  .rates__price,
  .rates__date,
  .rates__number {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1439px) {

  .rates__price,
  .rates__date,
  .rates__number {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {

  .rates__price,
  .rates__date,
  .rates__number {
    font-size: 14px;
  }
}

.rates__number {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .rates__price {
    position: absolute;
    left: 41px;
    bottom: 0;
  }
}

.rates__value {
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .rates__value {
    font-size: 14px;
    line-height: 21px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .rates__value {
    font-size: 14px;
    line-height: 16px;
  }
}

.rates__show-more {
  margin: 0 15px 0 20px;
}


@media (max-width: 1023px) {
  .rates__show-more {
    border: none;
    width: 12px;
    height: 16px;

    background: url(../img/rates-btn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

    transition: 0.4s linear;
    transform: rotate(0deg);

    font-size: 0;
    line-height: 0;
    color: transparent;
    margin: 0 0 0 auto;
  }
}

.rates__show-more span {
  font-size: inherit;
  line-height: inherit;
}

.rates__show-more span:nth-child(1) {
  display: inline;
}

.rates__show-more span:nth-child(2) {
  display: none;
}

.rates__show-more.active span:nth-child(1) {
  display: none;
}

.rates__show-more.active span:nth-child(2) {
  display: inline;
}

.rates__btn-order--mob {
  display: none;
  width: 120px;
}

@media (max-width: 1023px) {
  .rates__btn-order {
    display: none;
  }

  .rates__btn-order--mob {
    display: block;
  }
}

@media (max-width: 767px) {}

/*! */
/*! */
/*! */
.rates__bottom {
  margin-top: 6px;
  padding: 0 1px 10px 62px;
  display: none;
  /*! */
}

/*! */
/*! */
/*! */
@media (max-width: 767px) {
  .rates__bottom {
    padding: 0;
  }
}

.rates__descr {
  max-width: 688px;
  margin-bottom: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .rates__descr {
    font-size: 14px;
    line-height: 21px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .rates__descr {
    max-width: 290px;
    margin-left: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
  }
}

.rates__info {
  display: flex;
  align-items: center;
  margin-bottom: 27px;
}

@media (max-width: 767px) {
  .rates__info {
    flex-direction: column;
    align-items: flex-start;
  }
}

.rates__info-item {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .rates__info-item {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (max-width: 767px) {
  .rates__info-item {
    font-size: 14px;
    line-height: 16px;
  }
}

.rates__info-item+.rates__info-item {
  margin-left: 60px;
}

@media (max-width: 767px) {
  .rates__info-item+.rates__info-item {
    margin-left: 0;
    margin-top: 5px;
  }
}

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

@media (max-width: 1023px) {
  .services__info {
    flex-direction: column;
  }
}

.services__info-item {
  width: calc(50% - 15px);
}

@media (max-width: 1023px) {
  .services__info-item {
    width: 100%;
  }
}

.services__info-item+.services__info-item {
  padding-top: 44px;
}

@media (max-width: 1023px) {
  .services__info-item+.services__info-item {
    padding-top: 0;
  }
}

.services__info-item p {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .services__info-item p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
  }
}

.services__info-item b {
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .services__info-item b {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
  }
}

.services__info-item ul {
  padding-left: 5px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .services__info-item ul {
    margin-bottom: 15px;
  }
}

.services__info-item li {
  list-style: inside;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #545454;
}

@media (max-width: 1919px) {
  .services__info-item li {
    font-size: 14px;
    line-height: 24px;
  }
}

.services__info-item li+.services__info-item li {
  margin-top: 5px;
}

@media (max-width: 767px) {
  .services__info-item li+.services__info-item li {
    margin-top: 0;
  }
}

.order-again-btn {
  margin-left: 40px;
}

@media (max-width: 1919px) {
  .order-again-btn {
    margin-left: 20px;
  }
}

@media (max-width: 1023px) {
  .order-again-btn {
    width: 12px;
    height: 16px;
    margin-left: auto;
    background: url("../img/rates-btn.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
    transition: 0.4s linear;
    transform: rotate(0deg);
  }

  .order-again-btn.active {
    transition: 0.4s linear;
    transform: rotate(180deg);
  }
}

.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  background-color: #F8FAFD;
  border-radius: 10px;
  transition: 0.2s linear;
  color: #545454;
}

.pagination__item.active {
  background-color: #3990F1;
  color: #fff;
}

@media (min-width: 1024px) {
  .pagination__item:hover:not(.active, .disabled) {
    background-color: #d0def2;
  }
}

.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  width: 31px;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: inherit;
}

.pagination__link--btn {
  width: auto !important;
  padding: 0 10px;
}

@media (max-width: 1919px) {
  .pagination__link {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 1439px) {
  .pagination__link {
    font-size: 14px;
    line-height: 19px;
    width: 28px;
    height: 37px;
  }
}

@media (max-width: 767px) {
  .faq__intro {
    margin-bottom: 40px;
  }
}

.faq__intro-inner {
  position: relative;
}

.faq__subtitle {
  display: flex;
  flex-wrap: wrap;
  max-width: 473px;
}

@media (max-width: 1023px) {
  .faq__subtitle {
    display: block;
    max-width: 363px;
  }
}

.faq__link {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  overflow-x: hidden;
  position: relative;
}

.faq__link::before {
  content: "";
  height: 1px;
  background-color: #fff;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
}

@media (max-width: 1023px) {
  .faq__link::before {
    display: none;
  }
}

@media (min-width: 1024px) {
  .faq__link:hover::before {
    transform: translateX(100%);
  }
}

@media (max-width: 1919px) {
  .faq__link {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1599px) {
  .faq__link {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1023px) {
  .faq__link {
    display: inline;
    margin-left: 0;
    text-decoration: underline !important;
  }
}

.faq__photo {
  width: 719px;
  height: 392px;
  position: absolute;
  top: -74px;
  right: -195px;
}

@media (max-width: 1919px) {
  .faq__photo {
    width: 589px;
    height: 313px;
    top: -24px;
    right: -88px;
  }

  .faq__photo img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media (max-width: 1599px) {
  .faq__photo {
    width: 529px;
    height: 253px;
    top: -24px;
    right: -8px;
  }
}

@media (max-width: 1439px) {
  .faq__photo {
    width: 489px;
    height: 203px;
    top: -44px;
    right: -8px;
  }
}

@media (max-width: 1023px) {
  .faq__photo {
    display: none;
  }
}

.faq__content {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .faq__content {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .contacts__intro {
    margin-bottom: 40px;
  }
}

.contacts__content-inner {
  position: relative;
}

.contacts__info {
  max-width: 433px;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .contacts__info {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 1023px) {
  .contacts__info {
    font-size: 14px;
    line-height: 19px;
  }
}

.contacts__info span {
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  font-weight: 400;
}

@media (max-width: 1919px) {
  .contacts__info span {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 1023px) {
  .contacts__info span {
    font-size: 14px;
    line-height: 19px;
  }
}

.contacts__info+.contacts__info {
  margin-top: 30px;
}

@media (max-width: 1023px) {
  .contacts__info+.contacts__info {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .contacts__info+.contacts__info {
    margin-top: 15px;
  }
}

.contacts__info--link {
  display: flex;
  align-items: center;
}

.contacts__info--link span {
  display: block;
  margin-right: 5px;
}

.contacts__link {
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  font-weight: 400;
  display: inline-block;
  margin-left: 5px;
  overflow-x: hidden;
  position: relative;
}

@media (max-width: 1919px) {
  .contacts__link {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 1023px) {
  .contacts__link {
    font-size: 14px;
    line-height: 19px;
  }
}

.contacts__link::before {
  content: "";
  height: 1px;
  background-color: #545454;
  transform: translateX(-100%);
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
}

@media (min-width: 1024px) {
  .contacts__link:hover::before {
    transform: translateX(0%);
  }
}

.telegram__link {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  transition: 0.2s linear;
  background-image: url("../img/social/telegram.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 1024px) {
  .telegram__link:hover {
    transform: scale(1.1);
  }
}

@media (max-width: 1023px) {
  .telegram__link {
    margin-left: 11px;
  }
}

@media (max-width: 767px) {
  .telegram__link {
    width: 22px;
    height: 22px;
  }
}

.contacts__photo {
  width: 774px;
  height: 518px;
  position: absolute;
  top: -130px;
  right: -177px;
}

@media (max-width: 1919px) {
  .contacts__photo {
    width: 684px;
    height: 448px;
  }
}

@media (max-width: 1599px) {
  .contacts__photo {
    width: 624px;
    height: 409px;
    top: -40px;
    right: -27px;
  }
}

@media (max-width: 1439px) {
  .contacts__photo {
    width: 471px;
    height: 340px;
    top: 10px;
    right: 15px;
  }
}

@media (max-width: 1023px) {
  .contacts__photo {
    display: none;
  }
}

.contacts__btn {
  width: 208px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .contacts__btn {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .contacts__content {
    margin-bottom: 30px;
  }
}

.cookies__subtitle {
  max-width: 425px;
}

@media (max-width: 767px) {
  .cookies__subtitle {
    max-width: 284px;
  }
}

@media (max-width: 767px) {
  .cookies__content {
    margin: 40px 0 30px;
  }
}

.cookies__content h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .cookies__content h3 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .cookies__content h3 {
    line-height: 16px;
    margin-bottom: 10px;
  }
}

.cookies__content b {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1023px) {
  .cookies__content b {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .cookies__content b {
    line-height: 16px;
  }
}

.cookies__content p {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .cookies__content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .cookies__content p {
    line-height: 16px;
    margin-bottom: 10px;
  }
}

.policy__title {
  max-width: 735px;
}

@media (max-width: 767px) {
  .policy__content {
    margin: 40px 0 30px;
  }
}

.policy__content b {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .policy__content b {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .policy__content b {
    line-height: 16px;
  }
}

.policy__content p {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 1919px) {
  .policy__content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .policy__content p {
    line-height: 16px;
    margin-bottom: 10px;
  }
}

.public-offer__title {
  max-width: 629px;
}

@media (max-width: 767px) {
  .public-offer__content {
    margin: 40px 0 30px;
  }
}

.public-offer__content b {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .public-offer__content b {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .public-offer__content b {
    line-height: 16px;
  }
}

.public-offer__content p {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 1919px) {
  .public-offer__content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .public-offer__content p {
    line-height: 16px;
    margin-bottom: 10px;
  }
}

.private {
  padding-top: 105px;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .private {
    padding-top: 77px;
    margin-bottom: 30px;
  }
}

.private-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

.private__board {
  background-color: #F8FAFD;
  box-shadow: 0px 100px 80px rgba(6, 34, 132, 0.0186011), 0px 36.5016px 29.2013px rgba(6, 34, 132, 0.0266226), 0px 17.7209px 14.1767px rgba(6, 34, 132, 0.0333774), 0px 8.6871px 6.94968px rgba(6, 34, 132, 0.0413989), 0px 3.43489px 2.74791px rgba(6, 34, 132, 0.06);
  border-radius: 10px;
}


.private__nav {
  background-color: #EBF0F8;
  border-radius: 10px 10px 0px 0px;
}

@media (max-width: 1023px) {
  .private__nav {
    display: none;
  }
}

.private__list {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
}

.private__item+.private__item {
  margin-left: 40px;
}

@media (max-width: 1919px) {
  .private__item+.private__item {
    margin-left: 30px;
  }
}

.private__item:last-child {
  margin-left: auto;
}

.private__item--alert {
  padding-right: 33px;
  position: relative;
}

.private__item--alert::before {
  content: url("../img/alert.svg");
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #3990F1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.private__btn {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
}

.private__btn::before {
  content: "";
  height: 1px;
  background-color: #545454;
  transform: translateX(-100%);
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1024px) {
  .private__btn:hover:not(.active)::before {
    transform: translateX(0);
  }
}

.private__btn.active {
  font-weight: 700;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .private__btn {
    font-size: 14px;
    line-height: 20px;
  }
}

.private__log-off {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  fill: #545454;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .private__log-off:hover {
    color: #000;
    fill: #000;
  }
}

@media (max-width: 1919px) {
  .private__log-off {
    font-size: 14px;
    line-height: 20px;
  }
}

.private__log-off-icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  fill: inherit;
}

.private__content {
  padding: 30px;
}

.private__content .order__menu {
  padding: 0;
}

@media (min-width: 1024px) {
  .private__content .order-box-swiper {
    margin-bottom: 42px;
  }
}


@media (max-width: 1023px) {
  .private__content {
    padding: 15px 10px 20px;
  }
}

.private__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
}

@media (max-width: 1919px) {
  .private__title {
    font-size: 20px;
    line-height: 27px;
  }
}

@media (max-width: 1439px) {
  .private__title {
    font-size: 18px;
    line-height: 22px;
  }
}

.private__title--control-panel {
  margin-bottom: 44px;
}

.control-panel .order__menu {
  box-shadow: none;
}

@media (max-width: 1919px) {
  .private__title--control-panel {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .private__title--control-panel {
    margin-bottom: 15px;
    margin-left: 16px;

    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .private__title--control-panel {
    margin-left: 0;
  }

  .control-panel .mobile-form {
    padding: 0;
  }
}

.private__title--balance {
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .private__title--balance {
    text-align: center;
  }
}

.private__title--purchase-history {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .private__title--purchase-history {
    text-align: center;
    margin-bottom: 33px;
  }
}

.private__title--settings {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .private__title--settings {
    text-align: center;
  }
}

.control-panel {
  padding-top: 10px;
}

@media (max-width: 1023px) {
  .control-panel {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .control-panel .order__results-group {
    padding-left: 0;
    padding-right: 0;
  }

  .control-panel .order__results-btns {
    padding: 0;
    margin-bottom: 0;
  }
}

.control-panel__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media (max-width: 1919px) {
  .control-panel__list {
    margin-left: -5.5px;
    margin-right: -5.5px;
  }
}

@media (max-width: 1023px) {
  .control-panel__list {
    flex-wrap: wrap;
  }
}

.control-panel__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 203px;
  height: 131px;
  background: #FFFFFF;
  box-shadow: 0px 8.6871px 6.94968px rgba(6, 34, 132, 0.0413989), 0px 3.43489px 2.74791px rgba(6, 34, 132, 0.06);
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .control-panel__item {
    max-width: 203px;
    margin: 0 5.5px;
    height: 110px;
  }
}

@media (max-width: 1023px) {
  .control-panel__item {
    max-width: unset;
    width: calc(33.3333333333% - 11px);
    height: 110px;
  }
}

@media (max-width: 767px) {
  .control-panel__item {
    height: 76px;
  }
}

.control-panel__item:last-child {
  width: 411px;
  padding: 16px 20px 17px;
  align-items: flex-start;
  position: relative;
}

@media (max-width: 1919px) {
  .control-panel__item:last-child {
    max-width: 411px;
  }
}

@media (max-width: 1023px) {
  .control-panel__item:last-child {
    max-width: unset;
    width: 100%;
    margin-top: 11px;
  }
}

@media (max-width: 767px) {
  .control-panel__item:last-child {
    height: auto;
    padding: 7px 10px;
  }
}

.control-panel__value {
  font-weight: bold;
  font-size: 26px;
  line-height: 59px;
  text-align: center;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .control-panel__value {
    font-size: 21px;
    line-height: 54px;
  }
}

@media (max-width: 1439px) {
  .control-panel__value {
    font-size: 16px;
    line-height: 30px;
  }
}

.control-panel__text {
  font-weight: bold;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .control-panel__text {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .control-panel__text {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .control-panel__text--pc {
    display: none;
  }
}

.control-panel__text--mob {
  display: none;
}

@media (max-width: 767px) {
  .control-panel__text--mob {
    display: block;
  }
}

.control-panel__promo-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 175.18%;
  color: #78A1CF;
  margin-bottom: 10px;
}

@media (max-width: 1919px) {
  .control-panel__promo-title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 1439px) {
  .control-panel__promo-title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
  }
}

.control-panel__promo-descr {
  max-width: 317px;
  font-weight: normal;
  font-size: 16px;
  line-height: 175.18%;
  color: #545454;
}

@media (max-width: 1919px) {
  .control-panel__promo-descr {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1439px) {
  .control-panel__promo-descr {
    font-size: 14px;
    line-height: 18px;
  }
}

.control-panel__promo-link {
  width: 59px;
  height: 59px;
  position: absolute;
  top: 14px;
  right: 21px;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .control-panel__promo-link:hover {
    transform: scale(1.1);
  }
}

@media (max-width: 1919px) {
  .control-panel__promo-link {
    width: 49px;
    height: 49px;
  }
}

@media (max-width: 1439px) {
  .control-panel__promo-link {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 767px) {
  .control-panel__promo-link {
    width: 23px;
    height: 23px;
    left: 171px;
    right: unset;
    top: 11px;
  }
}

.control-panel__subtitle {
  display: none;
}

@media (max-width: 767px) {
  .control-panel__subtitle {
    display: block;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #78A1CF;
  }
}

@media (max-width: 1023px) {
  .payment-method .payment-method__list {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
  }
}

@media (max-width: 1023px) {
  .payment-method .payment-method__content {
    width: 308px;
  }
}

@media (max-width: 767px) {
  .payment-method .payment-method__content::before {
    height: 60px;
    right: unset;
    width: 308px;
    opacity: 1;
    background-color: #FFFFFF;
  }
}

@media (max-width: 1023px) {
  .payment-method .payment-method__item+.payment-method__item {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (max-width: 1023px) {
  .payment-method .payment-method__icon {
    max-width: 40px;
    height: auto;
    margin-right: 16px;
  }
}

@media (max-width: 1919px) {
  .payment-method .payment-method__name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 7px;
  }
}

@media (max-width: 1919px) {
  .payment-method .payment-method__commission {
    font-size: 14px;
    line-height: 14px;
  }
}

.payment-method__list {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.payment-method__item {
  display: flex;
  cursor: pointer;
}

.payment-method__item+.payment-method__item {
  margin-left: 60px;
}

@media (min-width: 1024px) {
  .payment-method__item:hover .payment-method__name {
    color: #3990F1;
  }

  .payment-method__item:hover .payment-method__commission {
    color: #78A1CF;
  }
}

.payment-method__input {
  display: none;
}

.payment-method__input:checked+.payment-method__content::before {
  background: #EBF0F8;
  opacity: 1;
}

.payment-method__content {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.payment-method__content::before {
  content: "";
  height: 75px;
  background: #EBF0F8;
  border-radius: 10px;
  opacity: 0;
  transition: 0.2s linear;
  position: absolute;
  top: 50%;
  left: -10px;
  right: -10px;
  z-index: -1;
  transform: translateY(-50%);
}

@media (max-width: 1919px) {
  .payment-method__content::before {
    height: 65px;
  }
}

.payment-method__icon {
  margin-right: 15px;
}

.payment-method__icon img {
  width: unset;
  height: unset;
}

.payment-method__name {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  transition: 0.2s linear;
}

.payment-method__commission {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
  transition: 0.2s linear;
}

.payment-method__info {
  display: flex;
  margin-bottom: 40px;
}

@media (max-width: 1023px) {
  .payment-method__info {
    flex-direction: column;
    margin-bottom: 30px;
  }
}

.payment-method__info-title {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .payment-method__info-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}

.payment-method__info-descr {
  max-width: 361px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #F19C39;
}

@media (max-width: 1919px) {
  .payment-method__info-descr {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .payment-method__info-descr {
    font-size: 14px;
    line-height: 14px;
    max-width: 175px;
    margin-left: 13px;
  }
}

.payment-method__select {
  width: 394px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .payment-method__select {
    width: 308px;
  }
}

@media (max-width: 767px) {
  .payment-method__btn-block {
    display: flex;
  }
}

.payment-method__btn {
  margin-bottom: 20px;
}

.get-more {
  margin-left: 176px;
}

@media (max-width: 1023px) {
  .get-more {
    margin-left: 0;
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .get-more {
    margin-top: 30px;
  }
}

.get-more__title {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .get-more__title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .get-more__title {
    text-align: center;
  }
}

.get-more__descr {
  max-width: 263px;
  margin-bottom: 25px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .get-more__descr {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .get-more__descr {
    line-height: 16px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 230px;
  }
}

.get-more__bonus {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .get-more__bonus {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .get-more__bonus {
    line-height: 16px;
    text-align: center;
  }
}

.get-more__bonus span {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #78A1CF;
}

@media (max-width: 1919px) {
  .get-more__bonus span {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .get-more__bonus span {
    line-height: 16px;
  }
}

.balance-history {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .balance-history {
    margin-bottom: 20px;
  }
}

.balance-history__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
  margin-bottom: 30px;
}

@media (max-width: 1919px) {
  .balance-history__title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .balance-history__title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}

.balance-history__board {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .balance-history__board {
    padding-bottom: 10px;
  }
}

.balance-history__top {
  display: flex;
  align-items: center;
  padding: 12px 20px 13px 17px;
  background-color: #EBF0F8;
  border-radius: 10px 10px 0px 0px;
}

@media (max-width: 767px) {
  .balance-history__top {
    padding: 5px 8px;
  }
}

.balance-history__top .balance-history__column {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .balance-history__top .balance-history__column {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .balance-history__top .balance-history__column {
    font-size: 14px;
    line-height: 16px;
  }
}

.balance-history__column {
  width: 391px;
}

.balance-history__column:last-child {
  width: 120px;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .balance-history__column:last-child {
    width: auto;
    min-width: 120px;
  }
}

@media (max-width: 767px) {
  .balance-history__column:last-child {
    min-width: 70px;
  }
}

@media (max-width: 1919px) {
  .balance-history__column {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .balance-history__column {
    width: 35%;
  }
}

.balance-history__content {
  margin: 15px 10px 0 17px;
  height: 148px;
  overflow-y: scroll;
  scrollbar-width: thin;
  /* auto or thin */
  scrollbar-color: #3990F1 #EBF0F8;
  /* scroll thumb and track */
}

@media (max-width: 767px) {
  .balance-history__content {
    margin: 10px 5px 0 5px;
  }
}

.balance-history__content::-webkit-scrollbar {
  width: 10px;
  /* width of the entire scrollbar */
}

@media (max-width: 767px) {
  .balance-history__content::-webkit-scrollbar {
    width: 6px;
  }
}

.balance-history__content::-webkit-scrollbar-track {
  background: #EBF0F8;
  border-radius: 3px;
  /* color of the tracking area */
}

.balance-history__content::-webkit-scrollbar-thumb {
  background-color: #3990F1;
  border-radius: 3px;
}

.balance-history__content .balance-history__column {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .balance-history__content .balance-history__column {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .balance-history__content .balance-history__column {
    font-size: 104x;
    line-height: 14px;
  }
}

.balance-history__row {
  display: flex;
  align-items: center;
}

@media (max-width: 430px) {
  .balance-history__row {
    height: 28px;
  }
}

.balance-history__row+.balance-history__row {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .balance-history__row+.balance-history__row {
    margin-top: 10px;
  }
}

.chat {
  display: flex;
  align-items: center;
  padding-left: 38px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
  position: relative;
}

@media (max-width: 1919px) {
  .chat {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .chat {
    line-height: 16px;
    display: block;
  }
}

.chat::before {
  content: "";
  width: 23px;
  height: 23px;
  background-image: url("../img/support.svg");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.chat__link {
  display: block;
  margin-left: 5px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #78A1CF;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1919px) {
  .chat__link {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .chat__link {
    line-height: 16px;
    display: inline;
    margin-left: 0;
    text-decoration: underline !important;
  }
}

.chat__link::before {
  content: "";
  height: 1px;
  background-color: #78A1CF;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .chat__link::before {
    display: none;
  }
}

@media (min-width: 1024px) {
  .chat__link:hover::before {
    transform: translateX(110%);
  }
}

.purchase-history__tabs {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .purchase-history__tabs {
    justify-content: space-between;
    margin-bottom: 15px;
  }
}

.purchase-history__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 171px;
  height: 57px;
  background: #FFFFFF;
  border-radius: 10px;
  transition: 0.2s linear;
}

.purchase-history__btn+.purchase-history__btn {
  margin-left: 20px;
}

@media (max-width: 1023px) {
  .purchase-history__btn+.purchase-history__btn {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .purchase-history__btn+.purchase-history__btn {
    margin-left: 0;
  }
}

.purchase-history__btn.active {
  background: #EBF0F8;
}

@media (min-width: 1024px) {
  .purchase-history__btn:hover:not(.active) {
    transform: scale(0.9);
  }
}

@media (max-width: 1439px) {
  .purchase-history__btn {
    height: 47px;
  }
}

@media (max-width: 767px) {
  .purchase-history__btn {
    width: 99px;
    height: 38px;
  }
}

.purchase-history__btn-text {
  padding-left: 28px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  position: relative;
}

@media (max-width: 1919px) {
  .purchase-history__btn-text {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1439px) {
  .purchase-history__btn-text {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .purchase-history__btn-text {
    padding-left: 0;
    font-size: 14px;
    line-height: 16px;
  }
}

.purchase-history__btn-text::before {
  content: "";
  width: 23px;
  height: 23px;
  background-image: url("../img/sort.svg");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .purchase-history__btn-text::before {
    display: none;
  }
}

.settings__subtitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #78A1CF;
  margin-bottom: 40px;
}

@media (max-width: 1919px) {
  .settings__subtitle {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 32px;
  }
}

@media (max-width: 1439px) {
  .settings__subtitle {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 28px;
  }
}

@media (max-width: 767px) {
  .settings__subtitle {
    text-align: center;
  }
}

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

.settings__password {
  width: calc(50% - 15px);
  margin-bottom: 40px;
}

@media (max-width: 1023px) {
  .settings__password {
    width: calc(50% - 9px);
  }
}

@media (max-width: 767px) {
  .settings__password {
    width: 51%;
    min-width: 308px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}

.settings__content-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-bottom: 33px;
}

@media (max-width: 1919px) {
  .settings__content-title {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 25px;
  }
}

@media (max-width: 1439px) {
  .settings__content-title {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .settings__content-title {
    text-align: center;
  }
}

.settings__group+.settings__group {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .settings__group+.settings__group {
    margin-top: 15px;
  }
}

.settings__name {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 15px;
}

@media (max-width: 1919px) {
  .settings__name {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1439px) {
  .settings__name {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
  }
}

.settings__info {
  width: calc(50% - 15px);
  margin-bottom: 40px;
}

@media (max-width: 1023px) {
  .settings__info {
    width: calc(50% - 9px);
  }
}

@media (max-width: 767px) {
  .settings__info {
    width: 51%;
    min-width: 308px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}

.settings__notification {
  width: 100%;
}

.settings__board {
  background: #FFFFFF;
  border-radius: 10px;
}

.settings__board-top {
  display: flex;
  align-items: center;
  padding: 13px 41px 12px 17px;
  background: #EBF0F8;
  border-radius: 10px 10px 0px 0px;
}

@media (max-width: 1919px) {
  .settings__board-top {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .settings__board-top {
    padding: 8px 5px;
  }
}

.settings__board-top .settings__column {
  font-weight: 600;
}

.settings__column {
  width: 100%;
  color: #545454;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 1919px) {
  .settings__column {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1439px) {
  .settings__column {
    font-size: 14px;
    line-height: 16px;
  }
}

.settings__column:nth-child(1) {
  max-width: 198px;
}

.settings__column:nth-child(2) {
  max-width: 168px;
  margin-left: 60px;
}

@media (max-width: 767px) {
  .settings__column:nth-child(2) {
    text-align: center;
  }
}

.settings__column:nth-child(3) {
  max-width: 99px;
  margin-left: 187px;
}

@media (max-width: 767px) {
  .settings__column:nth-child(3) {
    text-align: center;
  }
}

.settings__column:nth-child(4) {
  max-width: 153px;
  margin-left: auto;
}

@media (max-width: 767px) {
  .settings__column:nth-child(4) {
    text-align: center;
  }
}

@media (max-width: 1919px) {
  .settings__column {
    width: 25% !important;
    margin: 0 !important;
  }
}

.settings__column span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}

@media (max-width: 767px) {
  .settings__column span:nth-child(1) {
    display: none;
  }
}

.settings__column span:nth-child(2) {
  display: none;
}

@media (max-width: 767px) {
  .settings__column span:nth-child(2) {
    display: block;
  }
}

.settings__row {
  display: flex;
  align-items: center;
  padding: 15px 41px 15px 17px;
}

@media (max-width: 1919px) {
  .settings__row {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .settings__row {
    padding: 10px 5px 0;
  }

  .settings__row:last-child {
    padding-bottom: 10px;
  }
}

.settings__row .settings__column {
  font-weight: 400;
}

@media (max-width: 767px) {
  .settings__row .settings__column {
    font-size: 14px;
    line-height: 14px;
  }
}

.settings__btn {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .settings__btn {
    margin: 15px auto 0;
  }
}

.affiliate-program {
  display: flex;
  flex-wrap: wrap;
}

.referral-link {
  margin-bottom: 30px;
  margin-right: 30px;
}

.affiliate-program__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
  margin-bottom: 30px;
}

@media (max-width: 1919px) {
  .affiliate-program__title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1439px) {
  .affiliate-program__title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}

.affiliate-program__title--referral {
  margin-bottom: 15px;
}

.referral-link__text {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-bottom: 15px;
}

@media (max-width: 1919px) {
  .referral-link__text {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 1439px) {
  .referral-link__text {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
  }
}

.referral-link__block {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}

.referral-link__block.active .referral-link__input {
  border-color: #3990F1;
}

@keyframes linkShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  10% {
    opacity: 1;
    visibility: visible;
  }

  90% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.referral-link__block .referral-link__input {
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 0.3s ease-out;
}

.referral-link__block.active::before {
  animation: linkShow 5s linear forwards;
}

.referral-link__block::before {

  content: 'Ссылка скопирована';
  position: absolute;
  bottom: 90%;
  width: 180px;
  height: 60px;
  right: 0px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #545454;

  opacity: 0;
  visibility: hidden;

  text-align: center;
  padding-top: 16px;

  background: url('../img/svg/popup.svg') no-repeat center/contain;
}

@media (max-width: 800px) {
  .referral-link__block::before {
    right: auto;
    left: 20px;
    bottom: 75%;
  }
}


@media (max-width: 1439px) {
  .referral-link__block {
    margin-bottom: 15px;
  }
}

.referral-link__input {
  width: 472px;
  height: 57px;
  padding: 16px 15px;
  margin-right: 10px;
  background: #EBF0F8;
  border: none;
  border-radius: 10px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #696969;
}

@media (max-width: 1919px) {
  .referral-link__input {
    font-size: 16px;
    line-height: 23px;
    height: 47px;
  }
}

@media (max-width: 1024px) {
  .referral-link__input {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .referral-link__input {
    font-size: 14px;
    line-height: 16px;
    width: 263px;
    height: 38px;
    margin-right: 7px;
  }
}

.referral-link__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 57px;
  background: #EBF0F8;
  border-radius: 10px;
}

.referral-link__btn img {
  width: 21px;
  height: 21px;
  transition: 0.2s linear;
}

@media (max-width: 767px) {
  .referral-link__btn img {
    width: 14px;
    height: 14px;
  }
}

@media (min-width: 1024px) {
  .referral-link__btn:hover img {
    transform: scale(1.1);
  }
}

@media (max-width: 1919px) {
  .referral-link__btn {
    height: 47px;
    width: 47px;
  }
}

@media (max-width: 767px) {
  .referral-link__btn {
    width: 38px;
    height: 38px;
  }
}

.referral-link__descr {
  max-width: 540px;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .referral-link__descr {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 1439px) {
  .referral-link__descr {
    margin-bottom: 10px;
  }
}

@media (max-width: 1023px) {
  .referral-link__descr {
    line-height: 16px;
  }
}

.referral-link__clarification {
  max-width: 540px;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #545454;
}

@media (max-width: 1919px) {
  .referral-link__clarification {
    font-size: 14px;
    line-height: 17px;
  }
}

@media (max-width: 767px) {
  .referral-link__clarification {
    line-height: 14px;
  }
}

.affiliate-program__stats {
  min-width: 157px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .affiliate-program__stats {
    width: 308px;
  }

  .affiliate-program__stats .affiliate-program__title {
    margin-bottom: 15px;
  }
}

.affiliate-program__stats-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .affiliate-program__stats-item {
    font-size: 14px;
    line-height: 19px;
  }
}

.affiliate-program__stats-item span {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .affiliate-program__stats-item span {
    font-size: 14px;
    line-height: 19px;
  }
}

.affiliate-program__stats-item+.affiliate-program__stats-item {
  margin-top: 15px;
}

@media (max-width: 1439px) {
  .affiliate-program__stats-item+.affiliate-program__stats-item {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .affiliate-program__stats-item+.affiliate-program__stats-item {
    margin-top: 8px;
  }
}

.referral {
  width: 100%;
  padding: 15px 15px 20px 15px;
  background: #FFFFFF;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .referral {
    padding: 0;
    background: transparent;
  }
}

.referral__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}

.referral__show,
.referral__search {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {

  .referral__show,
  .referral__search {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {

  .referral__show,
  .referral__search {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .referral__search {
    display: none;
  }
}

.referral__search-input {
  width: 174px;
  height: 32px;
  padding: 5px 10px;
  margin-left: 10px;
  background: #F8FAFD;
  border-radius: 10px;
  border: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .referral__search-input {
    font-size: 14px;
    line-height: 18px;
  }
}

.referral__board {
  background: #F8FAFD;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .referral__board {
    background-color: #fff;
  }
}

.referral__board-top {
  display: flex;
  align-items: center;
  padding: 13px 17px 12px 33px;
  background: #EBF0F8;
  border-radius: 10px 10px 0px 0px;
}

@media (max-width: 767px) {
  .referral__board-top {
    padding: 8px 5px;
  }
}

.referral__board-top .referral__column {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .referral__board-top .referral__column {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .referral__board-top .referral__column {
    font-size: 14px;
    line-height: 16px;
  }
}

.referral__column {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .referral__column {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .referral__column {
    font-size: 14px;
    line-height: 14px;
  }
}

.referral__column span {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@media (max-width: 767px) {
  .referral__column span:nth-child(1) {
    display: none;
  }
}

.referral__column span:nth-child(2) {
  display: none;
}

@media (max-width: 767px) {
  .referral__column span:nth-child(2) {
    display: block;
  }
}

.referral__column:nth-child(1) {
  width: 286px;
}

@media (max-width: 767px) {
  .referral__column:nth-child(1) {
    width: auto;
    min-width: 94px;
    margin-right: 10px;
  }
}

.referral__column:nth-child(2) {
  width: 286px;
}

@media (max-width: 767px) {
  .referral__column:nth-child(2) {
    width: 55px;
    margin-right: 10px;
  }
}

.referral__column:nth-child(3) {
  width: 230px;
  margin-left: auto;
}

@media (max-width: 767px) {
  .referral__column:nth-child(3) {
    width: auto;
    min-width: 60px;
  }
}

.referral__row {
  display: flex;
  align-items: center;
  padding: 0 17px 0 33px;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .referral__row {
    padding: 0 5px;
    margin-top: 10px;
  }
}

.referral__row:last-child {
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .referral__row:last-child {
    padding-bottom: 10px;
  }
}

.support {
  position: relative;
}

@media (max-width: 767px) {
  .support .affiliate-program__title {
    text-align: center;
    margin-bottom: 36px;
  }
}

.support__btn {
  position: absolute;
  top: 21px;
  right: 30px;
}

@media (max-width: 1023px) {
  .support__btn {
    display: none;
  }
}

.support__chat {
  display: flex;
}

@media (max-width: 1023px) {
  .support__chat {
    flex-direction: column;
  }
}

.support__chat-list {
  max-width: 348px;
}

@media (max-width: 1023px) {
  .support__chat-list {
    max-width: unset;
    margin-bottom: 30px;
    max-height: 263px;
    overflow-y: scroll;
    scrollbar-width: thin;
    /* auto or thin */
    scrollbar-color: #3990F1 #EBF0F8;
    /* scroll thumb and track */
  }

  .support__chat-list::-webkit-scrollbar {
    width: 10px;
    /* width of the entire scrollbar */
  }
}

@media (max-width: 1023px) and (max-width: 767px) {
  .support__chat-list::-webkit-scrollbar {
    width: 6px;
  }
}

@media (max-width: 1023px) {
  .support__chat-list::-webkit-scrollbar-track {
    background: #EBF0F8;
    border-radius: 3px;
    /* color of the tracking area */
  }
}

@media (max-width: 1023px) {
  .support__chat-list::-webkit-scrollbar-thumb {
    background-color: #3990F1;
    border-radius: 3px;
  }
}

.support__chat-item {
  display: block;
  width: 100%;
  padding: 15px 20px 10px 10px;
  margin-right: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.support__chat-item+.support__chat-item {
  margin-top: 10px;
}

.support__chat-item.active {
  background: #EBF0F8;
}

@media (min-width: 1024px) {
  .support__chat-item:hover {
    background: #EBF0F8;
  }
}

@media (max-width: 1023px) {
  .support__chat-item {
    width: calc(100% - 10px);
  }
}

@media (max-width: 767px) {
  .support__chat-item {
    padding: 10px;
  }
}

.support__chat-info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.support__chat-logo {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .support__chat-logo {
    width: 19px;
    height: 19px;
  }
}

.support__chat-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-left: 10px;
}

@media (max-width: 1919px) {
  .support__chat-name {
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 767px) {
  .support__chat-name {
    line-height: 16px;
  }
}

.support__chat-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  margin-left: 15px;
  background: #3990F1;
  border-radius: 50%;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .support__chat-alert {
    font-size: 14px;
    line-height: 16px;
    width: 22px;
    height: 22px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .support__chat-alert {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 14px;
  }
}

.support__chat-time {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #8D8D8D;
  margin-left: auto;
}

@media (max-width: 1919px) {
  .support__chat-time {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .support__chat-time {
    font-size: 14px;
    line-height: 14px;
  }
}

.support__chat-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .support__chat-text {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .support__chat-text {
    line-height: 16px;
  }
}

.messenger {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 732px;
  height: 583px;
  padding: 15px;
  margin-left: 30px;
  background: #FFFFFF;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 1919px) {
  .messenger {
    height: 530px;
  }
}

@media (max-width: 1023px) {
  .messenger {
    margin-left: 0;
    height: 390px;
    max-width: unset;
  }
}

@media (max-width: 767px) {
  .messenger {
    padding: 10px;
  }
}

.messenger__nav {
  width: 100%;
  margin-top: auto;
  position: relative;
}

@media (max-width: 375px) {
  .messenger__nav {
    width: 267px;
  }
}

.messenger__textarea {
  display: block;
  width: 100%;
  height: 62px;
  padding: 20px 100px 20px 15px;
  border: 1px solid #EBF0F8;
  border-radius: 10px;
  resize: none;
  overflow: hidden;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

.messenger__textarea::-moz-placeholder {
  color: #D5D5D5;
}

.messenger__textarea:-ms-input-placeholder {
  color: #D5D5D5;
}

.messenger__textarea::placeholder {
  color: #D5D5D5;
}

@media (max-width: 1919px) {
  .messenger__textarea {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .messenger__textarea {
    height: 46px;
    padding: 15px 10px;
    line-height: 16px;
  }
}

.messenger__file {
  fill: #B7B7B7;
  cursor: pointer;
  transition: 0.2s linear;
  position: absolute;
  top: 23px;
  right: 68px;
}

.messenger__file svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 767px) {
  .messenger__file svg {
    width: 11px;
    height: 11px;
  }
}

@media (min-width: 1024px) {
  .messenger__file:hover {
    fill: #545454;
  }
}

@media (max-width: 767px) {
  .messenger__file {
    top: 18px;
    right: 54px;
  }
}

.messenger__input {
  display: none;
}

.messenger__btn-submit {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EBF0F8;
  border-radius: 50%;
  fill: #78A1CF;
  transition: 0.2s linear;
  position: absolute;
  top: 12px;
  right: 15px;
}

.messenger__btn-submit svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 767px) {
  .messenger__btn-submit svg {
    width: 15.26px;
    height: 15.26px;
  }
}

@media (min-width: 1024px) {
  .messenger__btn-submit:hover {
    fill: #3990F1;
  }
}

@media (max-width: 767px) {
  .messenger__btn-submit {
    width: 29px;
    height: 29px;
    top: 8.5px;
    right: 10px;
  }
}

.message__list {
  margin-bottom: 40px;
  max-height: 451px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.message__list::-webkit-scrollbar {
  display: none;
}

.message__item {
  display: flex;
  width: 100%;
  min-height: 72px;
  padding: 15px;
  background: #F8FAFD;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .message__item {
    padding: 5px;
    min-height: 42px;
  }
}

.message__item+.message__item {
  margin-top: 15px;
}

@media (max-width: 1023px) {
  .message__item+.message__item {
    margin-top: 10px;
  }
}

.message__item--user {
  background: #C7E1FF;
}

.message__item--user .message__logo img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.message__logo {
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .message__logo {
    min-width: 28px;
    height: 28px;
  }
}

.message__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin: 8px auto 0 15px;
  max-width: 558px;
}

@media (max-width: 1919px) {
  .message__text {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .message__text {
    line-height: 16px;
    margin-left: 5px;
  }
}

.message__text div {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #545454;
    margin: 8px auto 0 0;
    max-width: 558px;
}

@media (max-width: 1919px) {
    .message__text div {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .message__text div {
        line-height: 16px;
    }
}

.message__date {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #8D8D8D;
  margin: 8px 0 0 20px;
}

@media (max-width: 1919px) {
  .message__date {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .message__date {
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
  }
}

.prompt {
  background: #F8FAFD;
  border-radius: 10px;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  transition: 0.2s linear;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #545454;
  text-align: start;
  position: absolute;
  bottom: calc(100% + 13px);
  left: 50px;
}

.prompt::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 7px 0 7px;
  border-color: #F8FAFD transparent transparent transparent;
  position: absolute;
  top: calc(100% - 2px);
  left: 16px;
}

.prompt--continue {
  width: 317px;
  padding: 10px;
}

@media (max-width: 1500px) {
  .prompt--continue {
    left: 25px;
  }
}

.prompt--quick-order {
  width: 317px;
  padding: 10px;
}

@media (max-width: 1500px) {
  .prompt--quick-order {
    left: unset;
    right: 25px;
  }

  .prompt--quick-order::before {
    left: unset;
    right: 16px;
  }
}

.prompt--order {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  white-space: nowrap;
  /* text-transform: capitalize; */
  padding: 12px 44px;
  left: 0;
  top: 0;
  bottom: unset;
  z-index: 1;
  transition: opacity 0.2s linear;
}

.prompt--order::before {
  top: calc(100% - 4px);
  left: 21px;
}

.prompt--order.active {
  opacity: 1;
}

@media (max-width: 1919px) {
  .prompt--order {
    font-size: 14px;
    line-height: 18px;
    padding: 12px 30px;
  }
}

.error-page {
  padding-top: 154px;
  margin-bottom: 146px;
}

@media (max-width: 1919px) {
  .error-page {
    margin-bottom: 40px;
  }
}

@media (max-width: 1023px) {
  .error-page {
    padding-top: 95px;
  }
}

@media (max-width: 767px) {
  .error-page {
    margin-bottom: 237px;
  }
}

.error-page__title {
  font-weight: 800;
  font-size: 82px;
  line-height: 112px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 5px;
}

@media (max-width: 1919px) {
  .error-page__title {
    font-size: 60px;
    line-height: 90px;
  }
}

@media (max-width: 1439px) {
  .error-page__title {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (max-width: 767px) {
  .error-page__title {
    font-size: 40px;
    line-height: 54px;
  }
}

.error-page__subtitle {
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 29px;
}

@media (max-width: 1919px) {
  .error-page__subtitle {
    font-size: 21px;
    line-height: 28px;
  }
}

@media (max-width: 1439px) {
  .error-page__subtitle {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 12px;
  }
}

.error-page__btn {
  fill: #3990F1;
}

.error-page__btn svg {
  margin-right: 6px;
  width: 10px;
  height: 10px;
}

@media (min-width: 1024px) {
  .error-page__btn:hover {
    fill: #fff;
  }
}

.error-page__photo {
  width: 1375px;
  height: 739px;
  pointer-events: none;
  position: absolute;
  top: 218px;
  right: 0;
}

@media (max-width: 1919px) {
  .error-page__photo {
    width: 60vw;
    height: auto;
  }
}

@media (max-width: 1439px) {
  .error-page__photo {
    top: 327px;
  }
}

@media (max-width: 1023px) {
  .error-page__photo {
    top: 260px;
    width: 70vw;
  }
}

@media (max-width: 767px) {
  .error-page__photo {
    top: 255px;
    right: 0;
    left: 0;
    width: auto;
  }
}

@media (max-width: 525px) {
  .error-page__photo {
    top: 325px;
    height: 320px;
  }
}

@media (max-width: 375px) {
  .error-page__photo {
    top: 255px;
    width: 100%;
    height: 311px;
  }
}

@media (max-width: 320px) {
  .error-page__photo {
    top: 340px;
  }
}

.information {
  display: block;
  width: 100%;
  padding: 30px 20px 89px 30px;
  background: #F8FAFD;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 1919px) {
  .information {
    padding: 20px 15px 30px 15px;
  }
}

@media (max-width: 767px) {
  .information {
    padding: 15px 10px;
  }
}

.information.show {
  display: block;
  -webkit-animation: fade 0.7s linear;
  animation: fade 0.7s linear;
}

.information__btn {
  width: 186px;
  position: absolute;
  left: 30px;
  top: 27px;
}

@media (max-width: 1919px) {
  .information__btn {
    width: 166px;
    left: 15px;
    top: 17px;
  }
}

@media (max-width: 1023px) {
  .information__btn {
    width: 138px;
    left: 10px;
  }
}

@media (max-width: 767px) {
  .information__btn {
    left: 50%;
    top: unset;
    bottom: 15px;
    transform: translateX(-50%);
  }
}

.information__btn--mob {
  display: none;
}

@media (max-width: 767px) {
  .information__btn--mob {
    display: block;
    width: 36px;
    height: 36px;
    background-color: transparent;
    background-image: url(../img/btn.svg);
    bottom: unset;
    top: 11px;
    left: 10px;
    transform: unset;
  }
}

.information__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #545454;
  margin-bottom: 38px;
}

@media (max-width: 1919px) {
  .information__title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .information__title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 27px;
  }
}

@media (max-width: 414px) {
  .information__title {
    padding-left: 20px;
  }
}

.information__list {
  max-height: 492px;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-width: thin;
  /* auto or thin */
  scrollbar-color: #3990F1 #EBF0F8;
  /* scroll thumb and track */
}

.information__list::-webkit-scrollbar {
  width: 10px;
  /* width of the entire scrollbar */
}

@media (max-width: 767px) {
  .information__list::-webkit-scrollbar {
    width: 6px;
  }
}

.information__list::-webkit-scrollbar-track {
  background: #EBF0F8;
  border-radius: 3px;
  /* color of the tracking area */
}

.information__list::-webkit-scrollbar-thumb {
  background-color: #3990F1;
  border-radius: 3px;
}

@media (max-width: 767px) {
  .information__list {
    margin-bottom: 56px;
  }
}

.information__item {
  margin-right: 30px;
  padding: 20px 15px;
  border-radius: 10px;
  background: #FFFFFF;
}

@media (max-width: 1919px) {
  .information__item {
    margin-right: 15px;
    padding: 15px 15px;
  }
}

@media (max-width: 1439px) {
  .information__item {
    padding: 12px;
  }
}

@media (max-width: 767px) {
  .information__item {
    margin-right: 10px;
    padding: 10px;
  }
}

.information__item+.information__item {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .information__item+.information__item {
    margin-top: 10px;
  }
}

.information__name {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
  margin-bottom: 19px;
}

@media (max-width: 1919px) {
  .information__name {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 14px;
  }
}

@media (max-width: 1439px) {
  .information__name {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .information__name {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 19px;
  }
}

.information__group {
  display: flex;
}

.information__group .information__text {
  width: 50%;
}

.information__text {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-bottom: 18px;
}

.information__text .information__subtitle {
  font-weight: 600;
}

.information__text p {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .information__text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 14px;
  }

  .information__text p {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .information__text {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }

  .information__text p {
    font-size: 14px;
    line-height: 16px;
  }
}

.information__descr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .information__descr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.information__descr-item {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 1919px) {
  .information__descr-item {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .information__descr-item {
    font-size: 14px;
    line-height: 16px;
  }
}

.information__descr-item+.information__descr-item {
  margin-left: 60px;
}

@media (max-width: 767px) {
  .information__descr-item+.information__descr-item {
    margin-left: 0;
    margin-top: 10px;
  }
}

.confirmation {
  padding: 30px 30px 44px;
  background: #F8FAFD;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 767px) {
  .confirmation {
    padding: 20px 10px 10px;
  }
}

.confirmation__inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .confirmation__inner {
    flex-direction: column;
  }
}

.confirmation__title {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #545454;
}

@media (max-width: 767px) {
  .confirmation__title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .confirmation__info {
    margin-bottom: 30px;
  }
}

.confirmation__data {
  margin-bottom: 30px;
}

.confirmation__subtitle {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
}

@media (max-width: 767px) {
  .confirmation__subtitle {
    font-size: 14px;
    line-height: 19px;
  }
}

.confirmation__subtitle--data {
  margin-bottom: 30px;
  padding-right: 54px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .confirmation__subtitle--data {
    margin-bottom: 18px;
    padding-right: 39px;
  }
}

.confirmation__subtitle--data::before {
  content: "";
  width: 34px;
  height: 34px;
  background-image: url("../img/edit.svg");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .confirmation__subtitle--data::before {
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}

.confirmation__subtitle--payment {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .confirmation__subtitle--payment {
    text-align: center;
  }
}

.confirmation__subtitle--descr {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .confirmation__subtitle--descr {
    margin-bottom: 20px;
  }
}

.confirmation__data-item {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 767px) {
  .confirmation__data-item {
    font-size: 14px;
    line-height: 16px;
  }
}

.confirmation__data-item+.confirmation__data-item {
  margin-top: 15px;
}

.confirmation__data-value {
  display: inline-block;
  margin-left: 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

@media (max-width: 767px) {
  .confirmation__data-value {
    font-size: 14px;
    line-height: 16px;
  }
}

.confirmation__paymen-item {
  display: flex;
  align-items: center;
}

.confirmation__paymen-item+.confirmation__paymen-item {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .confirmation__paymen-item+.confirmation__paymen-item {
    margin-top: 15px;
  }
}

.confirmation__paymen-item.active .confirmation__paymen-name {
  font-weight: bold;
  color: #3990F1;
}

.confirmation__paymen-item.active .confirmation__paymen-commission {
  color: #78A1CF;
}

.confirmation__paymen-icon {
  max-width: 43px;
  max-height: 43px;
  margin-right: 15px;
}

.confirmation__paymen-icon img {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .confirmation__paymen-icon {
    max-width: 40px;
    max-height: 40px;
  }
}

.confirmation__paymen-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .confirmation__paymen-name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 7px;
  }
}

.confirmation__paymen-commission {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #696969;
}

@media (max-width: 767px) {
  .confirmation__paymen-commission {
    font-size: 14px;
    line-height: 14px;
  }
}

.confirmation__btn {
  width: unset;
  padding: 0 10px;
}

@media (min-width: 1024px) {
  .confirmation__btn {
    position: absolute;
    right: 30px;
    bottom: 20px;
  }
}

@media (max-width: 1023px) {
  .confirmation__btn {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .confirmation__btn {
    margin: 20px auto 0 auto;
  }
}

.confirmation__descr {
  max-width: 540px;
  width: 100%;
  padding: 20px 30px;
  margin-bottom: 49px;
  background: #FFFFFF;
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .confirmation__descr {
    max-width: 450px;
  }
}

@media (max-width: 1023px) {
  .confirmation__descr {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .confirmation__descr {
    max-width: unset;
    padding: 10px;
  }
}

.confirmation__descr-title {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #78A1CF;
}

@media (max-width: 767px) {
  .confirmation__descr-title {
    font-size: 14px;
    line-height: 19px;
  }
}

.confirmation__descr-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .confirmation__descr-text {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
  }
}

.confirmation__descr-item {
  padding-left: 45px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  position: relative;
}

@media (max-width: 767px) {
  .confirmation__descr-item {
    font-size: 14px;
    line-height: 16px;
    padding-left: 30px;
  }
}

.confirmation__descr-item::before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../img/check.svg");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .confirmation__descr-item::before {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
}

.confirmation__descr-item+.confirmation__descr-item {
  margin-top: 28px;
}

@media (max-width: 767px) {
  .confirmation__descr-item+.confirmation__descr-item {
    margin-top: 12px;
  }
}

.fast-payment {
  display: none;
  background: #F8FAFD;
  border-radius: 10px;
  padding: 30px;
  position: relative;
}

.fast-payment.show {
  display: block;
  -webkit-animation: fade 0.7s linear;
  animation: fade 0.7s linear;
}

@media (max-width: 1919px) {
  .fast-payment {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .fast-payment {
    padding: 20px 18px;
  }
}

.fast-payment .payment-method__list {
  margin-bottom: 30px;
}

@media (max-width: 1919px) {
  .fast-payment .payment-method__list {
    margin-left: 10px;
  }
}

@media (max-width: 1100px) {
  .fast-payment .payment-method__list {
    justify-content: space-between;
  }
}

@media (max-width: 950px) {
  .fast-payment .payment-method__list {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 950px) {
  .fast-payment .payment-method__content::before {
    height: 55px;
    width: 298px;
    right: unset;
  }
}

@media (max-width: 1919px) {
  .fast-payment .payment-method__icon {
    max-width: 40px;
  }

  .fast-payment .payment-method__icon img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .fast-payment .payment-method__name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 7px;
  }

  .fast-payment .payment-method__commission {
    font-size: 14px;
    line-height: 14px;
  }
}

.fast-payment .payment-method__item+.payment-method__item {
  margin-left: 88px;
}

@media (max-width: 1100px) {
  .fast-payment .payment-method__item+.payment-method__item {
    margin-left: 0;
  }
}

@media (max-width: 950px) {
  .fast-payment .payment-method__item+.payment-method__item {
    margin-top: 15px;
  }
}

@media (max-width: 1919px) {
  .fast-payment .payment-method__content::before {
    height: 60px;
  }
}

.fast-payment__btn-back {
  position: absolute;
  top: 32px;
  left: 25px;
}

@media (max-width: 1919px) {
  .fast-payment__btn-back {
    top: 15px;
    left: 20px;
  }
}

@media (max-width: 767px) {
  .fast-payment__btn-back {
    border: none;
    color: transparent;
    width: 36px;
    height: 36px;
    background-image: url("../img/btn.svg");
  }
}

.fast-payment__title {
  margin-bottom: 48px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .fast-payment__title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 38px;
  }
}

@media (max-width: 767px) {
  .fast-payment__title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 22px;
  }
}

.fast-payment__block {
  display: flex;
  align-items: center;
  margin-bottom: 61px;
}

@media (max-width: 1919px) {
  .fast-payment__block {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .fast-payment__block {
    flex-direction: column-reverse;
    margin-bottom: 30px;
  }
}

.fast-payment__btn-pay {
  margin-right: 40px;
  width: auto;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .fast-payment__btn-pay {
    margin-top: 20px;
    margin-right: 0;
  }
}

.fast-payment__group {
  display: flex;
  align-items: center;
}

.fast-payment__group.error .fast-payment__input {
  border: 1px solid #FF4848;
}

.fast-payment__group.error .fast-payment__error-text {
  display: block;
}

@media (max-width: 767px) {
  .fast-payment__group {
    display: block;
    position: relative;
  }
}

.fast-payment__input-name {
  display: none;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #545454;
}

@media (max-width: 767px) {
  .fast-payment__input-name {
    display: block;
  }
}

.fast-payment__input {
  width: 278px;
  height: 47px;
  margin-right: 15px;
}

@media (max-width: 1023px) {
  .fast-payment__input {
    height: 39px;
  }
}

@media (max-width: 767px) {
  .fast-payment__input {
    width: 288px;
    margin-right: 0;
  }
}

.fast-payment__error-text {
  display: none;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #FF4848;
  white-space: nowrap;
}

@media (max-width: 1919px) {
  .fast-payment__error-text {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .fast-payment__error-text {
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.fast-payment__data-title {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #545454;
}

@media (max-width: 1919px) {
  .fast-payment__data-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1439px) {
  .fast-payment__data-title {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .fast-payment__data-title {
    font-size: 16px;
    line-height: 22px;
  }
}

.fast-payment__data-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.fast-payment__data-item {
  margin-bottom: 30px;
}

@media (max-width: 1919px) {
  .fast-payment__data-item {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .fast-payment__data-item {
    margin-bottom: 20px;
  }
}

.fast-payment__data-item:nth-child(2) {
  margin-left: 30px;
  margin-right: 30px;
}

@media (max-width: 1919px) {
  .fast-payment__data-item:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .fast-payment__data-item:nth-child(2) {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media (max-width: 500px) {
  .fast-payment__data-item:nth-child(2) {
    margin-right: 0;
  }
}

.fast-payment__data-item:nth-child(3) .fast-payment__data-field {
  width: 571px;
}

@media (max-width: 767px) {
  .fast-payment__data-item:nth-child(3) .fast-payment__data-field {
    text-align: start;
    padding: 10px 20px;
    width: 100%;
    min-width: 288px;
  }
}

.fast-payment__data-item:nth-child(4) {
  width: 100%;
  margin-bottom: 0;
  padding: 20px 15px 35px;
  background: #FFFFFF;
  border-radius: 10px;
}

@media (max-width: 1919px) {
  .fast-payment__data-item:nth-child(4) {
    padding: 15px 15px 25px;
  }
}

@media (max-width: 767px) {
  .fast-payment__data-item:nth-child(4) {
    padding: 10px 10px 20px;
  }
}

.fast-payment__data-item:nth-child(4) .fast-payment__data-name {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #545454;
  margin-bottom: 19px;
}

@media (max-width: 1919px) {
  .fast-payment__data-item:nth-child(4) .fast-payment__data-name {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .fast-payment__data-item:nth-child(4) .fast-payment__data-name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
  }
}

.fast-payment__data-name {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .fast-payment__data-name {
    font-size: 14px;
    line-height: 16px;
  }
}

.fast-payment__data-field {
  padding: 16px 43px;
  background: #FFFFFF;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .fast-payment__data-field {
    padding: 14px 38px;
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .fast-payment__data-field {
    padding: 10px;
    min-width: 132px;
    text-align: center;
  }
}

.fast-payment__data-descr {
  max-width: 835px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

@media (max-width: 1919px) {
  .fast-payment__data-descr {
    font-size: 14px;
    line-height: 18px;
  }
}

.footer {
  display: flex;
  align-items: flex-end;
  height: 696px;
  padding-top: 320px;
  padding-bottom: 30px;
  margin-top: auto;
  background-image: url("../img/footer-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

@media (min-width: 1921px) {
  .footer {
    height: 726px;
  }
}

@media (max-width: 1919px) {
  .footer {
    padding-top: 230px;
    height: 590px;
  }
}

@media (max-width: 1439px) {
  .footer {
    padding-top: 170px;
    height: 480px;
  }
}

@media (max-width: 767px) {
  .footer {
    height: auto;
    padding-top: 84px;
    background-image: url("../img/footer-bg-mob2.svg");
  }
}

@media (max-width: 375px) {
  .footer {
    background-image: url("../img/footer-bg-mob.svg");
  }
}

.footer__top {
  display: flex;
  margin-bottom: 40px;
}

@media (max-width: 1187px) {
  .footer__top {
    justify-content: space-between;
  }
}

@media (max-width: 1439px) {
  .footer__top {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .footer__top {
    flex-direction: column;
    align-items: center;
  }
}

.footer__intro {
  margin-right: 87px;
}

@media (max-width: 1187px) {
  .footer__intro {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .footer__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 27px;
  }
}

.footer__logo {
  display: block;
  width: 205.7px;
  height: 48.02px;
  margin-bottom: 15px;
}

.footer__logo img {
  height: auto;
}

@media (max-width: 1919px) {
  .footer__logo {
    width: 175.7px;
    height: 42.02px;
  }
}

@media (max-width: 1023px) {
  .footer__logo {
    width: 160.3px;
    height: 37.42px;
    margin-bottom: 10px;
  }
}

.footer__descr {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #FFFFFF;
  margin-bottom: 20px;
  max-width: 213px;
}

@media (max-width: 1919px) {
  .footer__descr {
    line-height: 19px;
  }
}

@media (max-width: 1023px) {
  .footer__descr {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (max-width: 767px) {
  .footer__descr {
    text-align: center;
  }
}

.footer__block {
  display: flex;
}

.footer__social-link {
  display: block;
  width: 40px;
  height: 40px;
  transition: 0.2s linear;
}

.footer__social-link+.footer__social-link {
  margin-left: 20px;
}

@media (max-width: 1439px) {
  .footer__social-link {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 1023px) {
  .footer__social-link {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 1024px) {
  .footer__social-link:hover {
    transform: scale(1.1);
  }
}

.footer__nav {
  display: flex;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .footer__nav {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.footer__nav-block+.footer__nav-block {
  margin-left: 133px;
}

@media (max-width: 1187px) {
  .footer__nav-block+.footer__nav-block {
    margin-left: 31px;
  }
}

@media (max-width: 767px) {
  .footer__nav-block+.footer__nav-block {
    margin-left: 51px;
  }
}

.footer__title {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

@media (max-width: 1919px) {
  .footer__title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1439px) {
  .footer__title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
  }
}

@media (max-width: 1023px) {
  .footer__title {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
  }
}

.footer__nav-link {
  display: block;
  font-weight: normal;
  font-size: 18px;
  line-height: 206.2%;
  color: #FFFFFF;
  transition: 0.2s linear;
}

@media (min-width: 1024px) {
  .footer__nav-link:hover {
    opacity: 0.7;
  }
}

@media (max-width: 1919px) {
  .footer__nav-link {
    font-size: 16px;
  }
}

@media (max-width: 1439px) {
  .footer__nav-link {
    line-height: 186.2%;
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .footer__nav-link {
    line-height: 206.2%;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .footer__nav-link {
    font-size: 14px;
  }
}

.footer__payment {
  margin-left: 102px;
  margin-top: 12px;
}

@media (max-width: 1187px) {
  .footer__payment {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .footer__payment {
    margin-top: 0;
  }
}

.footer__payment-list {
  display: grid;
  grid-template-columns: repeat(4, 45px);
  grid-gap: 5px;
}

@media (max-width: 1023px) {
  .footer__payment-list {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .footer__payment-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 204px;
  }
}

.footer__payment-item {
  height: 26px;
}

.footer__bottom {
  border-top: 1px solid #5F5F5F;
  padding-top: 30px;
}

@media (max-width: 1439px) {
  .footer__bottom {
    padding-top: 20px;
  }
}

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

@media (max-width: 767px) {
  .footer__wrapper {
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 270px;
  }
}

.footer__another-link {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 206.18%;
  color: #78A1CF;
  overflow: hidden;
  position: relative;
}

.footer__another-link::before {
  content: "";
  height: 1px;
  background-color: #78A1CF;
  transition: 0.2s linear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
}

@media (max-width: 1023px) {
  .footer__another-link::before {
    bottom: 5px;
  }
}

@media (max-width: 767px) {
  .footer__another-link::before {
    bottom: 7px;
  }
}

.footer__another-link+.footer__another-link {
  margin-left: 22px;
}

@media (max-width: 767px) {
  .footer__another-link+.footer__another-link {
    margin-left: 0;
  }
}

.footer__another-link:hover {
  color: #78A1CF;
}

@media (min-width: 1024px) {
  .footer__another-link:hover::before {
    transform: translateX(100%);
  }
}

@media (max-width: 767px) {
  .footer__another-link:nth-child(1) {
    width: 50%;
    text-align: left;
  }

  .footer__another-link:nth-child(2) {
    width: 50%;
    text-align: right;
  }
}

.footer__copyright {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #8F8F8F;
}

@media (max-width: 1439px) {
  .footer__copyright {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 767px) {
  .footer__copyright {
    line-height: 16px;
  }
}

/* index.html */

.order {
  margin-top: -40px;
}

.order__wrapper {
  background: #fff;
  padding: 0px 30px 30px 30px;
}

.order__one-service {
  display: flex;
}

.order__services-list {
  margin-bottom: 30px;
}

.checkbox-block {
  align-self: start;
  margin-right: 10px;
  margin-top: 61px;
}

@media (max-width: 1919px) {
  .checkbox-block {
    margin-top: 51px;
  }
}

.checkbox-block__checkbox {
  display: none;
}

.checkbox-label {
  position: relative;
  cursor: pointer;
  display: block;
  border: 1px solid #3990F1;
  width: 18px;
  height: 18px;
  border-radius: 3px;
}

.checkbox-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: #3990F1;
  background-image: url('../img/checkbox-arrow.svg');
  background-repeat: no-repeat;
  background-size: 90% 90%;
  background-position: center;
  transform: scale(0);
}

.checkbox-block__checkbox:checked+.checkbox-label::before {
  transform: scale(1);
}

.checkbox-block__checkbox:checked+.checkbox-label {
  background-color: #3990F1;
}

.service-info-block.disabled .select-tip-btn {
  background-color: #E0E0E0;
}

.service-info-block.disabled .service-select-2,
.service-info-block.disabled .order__range-box,
.service-info-block.disabled .select-tip-btn,
.service-info-block.disabled .btn-wrapper {
  pointer-events: none;
}

.service-info-block.disabled .service-info-block__second-row .select__main-input,
.service-info-block.disabled .service-info-block__second-row .order__results-value,
.service-info-block.disabled .service-info-block__first-row .btn-wrapper input {
  color: #E0E0E0;
}

.service-info-block.disabled .service-info-block__second-row .service-select-2 .select__top::before {
  display: none;
}

.service-info-block.disabled .service-info-block__first-row .btn-wrapper .order__range-btn {
  opacity: 0.3;
}


.service-info-block__first-row {
  display: flex;
  margin-bottom: 10px;
}

.service-info-block__first-row .btn-wrapper {
  max-width: 125px;
}

.service-info-block__first-row .service-select {
  flex: 1 1;
}

.service-info-block__second-row {
  display: flex;
}

.service-info-block__second-row {
  height: 57px;
}

.service-info-block__second-row .service-select-2 {
  flex: 1 1;
}

.service-info-block {
  flex: 1 1;
}


.select__top--new {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 20px);
  z-index: 3;
}

.select__main-block {
  display: flex;
  position: relative;
}

.select__main-block--mob {
  max-width: 100%;
  display: flex;
  position: relative;
}

.select-tip-btn {
  background-color: #3990F1;
  border-radius: 10px;
  padding: 12px 9px 12px 62px;
  position: absolute;
  top: 2px;
  right: -10px;
  font-size: 26px;
  display: block;
  z-index: 2;
}

.btn-wrapper {
  display: flex;
  background: #F8FAFD;
  max-width: 190px;
  border-radius: 10px;
}

.change {
  color: #545454;
  background: #F8FAFD;
  border: none;
  outline: none;
}

.subtr-btn {
  border-radius: 10px 0px 0px 10px;
  padding: 16px 20px 16px 15px;
}

.result-number {
  text-align: center;
  max-width: 100px;
  color: #545454;
  background: #F8FAFD;
  border: none;
  outline: none;
}

.add-btn {
  border-radius: 0px 10px 10px 0px;
  padding: 16px 15px 16px 20px;
}

.order__payment-block {
  padding: 0px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 1150px) {
  .order__payment-block {
    padding: 0px 20px;
  }
}

.order__payment--special {
  padding: 20px 30px;
  background: #fff;
  border-radius: 10px;
}

.input-wrapper {
  position: relative;
}

.input__link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 20px);
  z-index: 3;
}

.activate-btn {
  font-size: 18px;
  color: #78A1CF;
  background: transparent;
  padding: 18px 30px 18px 10px;
  right: -8px;
  z-index: 4;
}

.activate-btn.active {
  color: #089816;
}

.input__promo {
  width: 102%;
  padding-right: 165px;
}

.height-class {
  height: 107px;
}

.order__discount-icon {
  display: block;
  width: 47px;
  height: 47px;
  margin-right: 0px;
}

.order__discount-text {
  max-width: 100%;
  border-bottom: 1px solid #78A1CF;
  font-weight: 600;
  font-size: 18px;
  line-height: 17px;
  margin-left: 20px;
  color: #78A1CF;
}

.order__services--transparent {
  background: transparent;
  padding-top: 0px;
}

.order__payment--special {
  margin-bottom: 20px;
}

.order__payment-input {
  display: none;
}

.order__payment-label {
  transition: 0.2s linear;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
  padding: 7px;
  padding-right: 0;
  background: #fff;
}

@media (max-width: 1023px) {
  .order__payment-label {
    padding-right: 7px;
  }
}

.order__payment-label:hover .payment-name {
  color: #3990F1;
  transition: 0.2s linear;
}


.order__payment-label:hover .payment-commission {
  color: #78A1CF;
  transition: 0.2s linear;
}

.order__payment-input:checked+.order__payment-label {
  transition: 0.2s linear;
  background: #EBF0F8;
}

.order__payment-label-mob {
  background: #EBF0F8;
}

.sign-in__dop {
  cursor: pointer;
}

.order__payment-input:checked+.order__payment-label-mob {
  transition: 0.2s linear;
  background: #fff;
}

.icon-block {
  width: 43px;
  height: 43px;
  margin-right: 15px;
}

.icon-block img {
  object-fit: contain;
}

.payment-name {
  color: #545454;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Open Sans';
  transition: 0.2s linear;
}

@media (max-width: 1100px) {
  .payment-name {
    font-size: 14px;
  }
}

.order__one-service-left {
  width: calc(50% - 12px);
  margin-right: 12px;
  display: flex;
}

.order__one-service-right {
  width: calc(50% - 12px);
  margin-left: 12px;
}

.payment-commission {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans';
  color: #696969;
  transition: 0.2s linear;
}

.order__payment-method {
  width: calc(25% - 10px);
}

.order__payment-bottom {
  display: flex;
  padding: 0 30px;
}

.order__payment-method:nth-child(even) {
  margin-bottom: 30px;
}

.order__services--payment-method {
  width: 100%;
}

.order__results-continue {
  font-size: 16px;
  text-align: center;
  padding: 13px 30px;
  width: auto;
  max-width: 257px;
}

.payment-amount {
  margin: 0 3px 0 8px;
}

.order__result-left {
  width: calc(50% - 12px);
  margin-right: 12px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.order__result-left-body {
  flex: 1 1;
}

.order__payment {
  width: calc(50% - 12px);
  margin-left: 12px;
  padding: 0;
  margin-bottom: 0;
}

.order__menu .order__services.order__services--transparent {
  padding-bottom: 10px;
}


.order__payment--special .height-class {
  height: 120px;
}

.email-input {
  display: block;
  width: 100%;
  height: 57px;
  padding: 15px 16px;
  background-color: #F8FAFD;
  border-radius: 10px;
  border: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
  margin-bottom: 26px;
}

.order__email-btn-block {
  padding: 0px 30px 20px 30px;
}

@media (max-width: 1150px) {
  .order__email-btn-block {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.about-services__first-row {
  display: flex;
}

.about-services {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -5;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

.about-services.active {
  z-index: 25;
  visibility: visible;
  opacity: 1;
  transition: 0.2s linear;
}

.about-services__overlay,
.deposit-window__overlay,
.order-again-window__overlay {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: gray;
  opacity: 0.5;
  z-index: 102;
}

.about-services__modal-window {
  position: absolute;
  z-index: 103;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  background: #F8FAFD;
  border-radius: 10px;
  padding: 30px;
  height: 672px;
}

.about-services__title {
  margin: 0 auto 38px;
  text-align: center;
}

.about-services__close {
  position: absolute;
  top: 24px;
  right: 30px;
  font-size: 16px;
  text-align: center;
  padding: 13px 16px;
  width: auto;
}

.one-service-block {
  background: #fff;
  border-radius: 10px;
  padding: 16px 20px;
}

.about-services__services-block {
  overflow-y: scroll;
  height: 500px;
}

.one-service-block:not(:last-of-type) {
  margin-bottom: 15px;
}

.about-services__title {
  color: #545454;
  font-size: 24px;
  font-weight: 600;
}

.one-service-title {
  color: #545454;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 19px;
}

.one-service-description {
  color: #545454;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 19px;
}

.benefits-wrapper {
  display: flex;
  max-width: 575px;
  justify-content: space-around;
}

.benefit {
  display: block;
  position: relative;
  font-size: 16px;
  color: #545454;
}

.benefit--rocket::before {
  content: "";
  background: url('../img/rocket.png') no-repeat center center / contain;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translate(0, -50%);
}

.benefit--medal::before {
  content: "";
  background: url('../img/medal.png') no-repeat center center / contain;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translate(0, -50%);
}

.benefit--shield::before {
  content: "";
  background: url('../img/shield.png') no-repeat center center / contain;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translate(0, -50%);
}

/* mobile form */

.mobile-form {
  background: #F8FAFD;
  border-radius: 10px;
  padding: 30px 16px 30px;
  display: none;
}

.order-input--mob {
  background: #fff;
  margin-bottom: 0px;
}

.order-input--link {
  background: #3990F1;
  padding-left: 15px;
}

.order-input--link::placeholder {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.email-input--mob {
  font-size: 14px;
  background: #fff;
  height: 39px;
}

.order__box--link::before {
  content: "";
  width: 9px;
  height: 11px;
  background-image: url("../img/arrow-white.svg ");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 15px;
  right: 15px;
  transition: 0.3s linear;
}

.order__box .order-input {
  margin-bottom: 7px;
}

.order__item--link {
  display: block;
}

.order__name--link:not(:last-of-type) {
  margin-bottom: 5px;
}

.order__name--main {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 15px;
}

.order-mob-service {
  background-color: #EBF0F8;
  padding: 13px 9px 1px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.order-mob-service .order-input {
  margin-bottom: 16px;
}

.order-blue-mob {
  border-radius: 10px;
  padding-top: 18px;
  display: none;
  height: auto;
  max-height: none;
  min-height: auto;
  background-color: #EBF0F8;
  box-shadow: none;
}

.order-blue-mob .order__item {
  padding: 0;
}

.order-blue-mob .one-service-block {
  padding: 0;
  background-color: transparent;
}

.order-blue-mob .one-service-title {
  margin-bottom: 10px;

  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #545454;
}

.order-blue-mob .one-service-description {
  max-width: 234px;
  margin-bottom: 10px;

  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #545454;
}

.order-blue-mob .benefit {
  margin-bottom: 8px;

  font-weight: 400;
  font-size: 14px;
  line-height: 19px;

  color: #545454;
}

.order-input--links~.order-blue-mob {
  padding: 25px 10px;
}

.order-input--links~.order-blue-mob .order__name {
  margin: 0;
}

.order-input--links~.order-blue-mob .order__item {
  margin-bottom: 7px;
}

.order-input--links~.order-blue-mob {
  padding: 25px 10px;
}

.remove-service-btn {
  position: relative;
  margin-top: 18px;
  margin-bottom: 10px;
  width: 100%;
  padding: 10px 15px;
  background: #E73B3B;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.remove-service-popup {
  display: none;
  width: 300px;
  padding-bottom: 10px;
  height: 80px;
  position: absolute;
  bottom: 18px;
  right: 20%;

  background-image: url('../img/svg/popup.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  align-items: center;
  justify-content: center;

  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
  z-index: 10;
}

.remove-service-popup.active {
  display: flex;
}

.remove-service-popup-btn {
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  background: #E73B3B;
  padding: 2px 15px 3px;
  border-radius: 5px;
}

.cancel-service-popup-btn {
  margin-left: 10px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  background: #089816;
  padding: 2px 15px 3px;
  border-radius: 5px;
}

.order__box {
  position: relative;
}

@keyframes slideRight {
  0% {
    opacity: 0;
    left: -105%;
  }

  100% {
    opacity: 1;
    left: 33px;
  }
}

.order__box .order__item.fixed {
  position: absolute;
  top: 0;
  left: 33px;
  z-index: 100;
  height: 100%;
  width: 7.7%;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  opacity: 0;
  left: -110%;

  z-index: 10;

  background-color: #EBF0F8;
}

.order__box .order__item.fixed.show {
  animation: slideRight 0.5s ease-in-out forwards;
}

.order-box-swiper {

  padding-right: 33px;
}

.remove-service-popup-text {
  margin-right: 25px;
  padding-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: #545454;
}

@media (max-width: 600px) {
  .remove-service-popup {
    right: 0px;
  }
}

@media (max-width: 400px) {
  .remove-service-popup-text {
    margin-right: 20px;
  }
}

@media (max-width: 360px) {
  .remove-service-popup {
    right: -10px;
  }

  .remove-service-popup-text {
    margin-right: 10px;
  }
}

.remove-service-btn::after {
  content: '-';
  display: block;
  position: absolute;
  top: 4px;
  right: 15px;

  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 26px;
  line-height: 1;

  color: #FFFFFF;
}

.remove-service-btn span {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}

.order__services-item-dt:not(:first-child) {
  margin-top: 50px;
  display: none;
}

.order__services-item-dt {
  position: relative;
  padding: 24px 30px 30px;
  border-radius: 10px;
}

.order__services-item-dt.active {
  display: block;
}

.order__services-remove {
  cursor: pointer;
  padding: 5px 10px;
  position: absolute;
  bottom: 100%;
  right: 2px;

  display: flex;

  background-color: rgba(255, 0, 0, 0.55);
  border-radius: 10px 10px 0 0;

  transition: background-color 0.3s ease-out;
}

.order__services-remove:hover {

  background-color: rgba(255, 0, 0, 0.715);
}

.order__services-remove span {
  margin-right: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;

  color: #FFFFFF;
}

.order__services-remove-icon {
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.add-service-btn--dt {
  padding: 18px 30px;
  margin: 30px 0;
  width: 320px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #3990F1;
}

.add-service-btn--dt span {
  color: #3990F1;
  font-size: 22px;
  line-height: 30px;
}

.add-service-btn {
  padding: 18px 30px;
  margin: 30px 0;
  width: 320px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #3990F1;
}

.add-service-btn span {
  color: #3990F1;
  font-size: 22px;
  line-height: 30px;
}

@media (max-width: 1023px) {
  .add-service-btn {
    margin: 0;
    width: 100%;
    padding: 10px;
    border: none;
  }

  .add-service-btn span {
    font-weight: 700;
    font-size: 14px;
  }
}

.service-items-list__mb {
  margin-bottom: 18px;
}

.add-service-wrapper {
  background: #EBF0F8;
  padding: 9px 10px;
  border-radius: 10px;
  margin-bottom: 25px;
}

.order__btn-hide {
  width: 139px;
  position: relative;
  padding: 10px 57px 10px 15px;
  margin-left: auto;
}

.order__btn-hide::before {
  content: "";
  width: 9px;
  height: 11px;
  background-image: url(../img/arrow-white.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 15px;
  right: 15px;
  transform: rotate(-180deg);
  transition: 0.3s linear;
}

.plus-icon {
  width: 15px;
  height: 15px;
}

.results-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.results-wrapper::after {
  content: '=';
  position: absolute;
  top: 10px;
  right: 120px;
  color: #545454;
}

@media (max-width: 767px) {
  .results-wrapper::after {
    top: 7px;
  }
}

@media (max-width: 380px) {
  .results-wrapper::after {
    right: 100px;
  }
}

.mobile-form .results-wrapper {
  justify-content: space-between;
}

.mobile-form .results-wrapper .order__range-box {
  margin-left: 0;
}

.order__range-box--change {
  margin-right: 15px;
}

.service-items-list {
  margin-bottom: 0px;
}

.use-promo {
  background: #3990F1;
  border-radius: 10px;
  padding: 0px 25px 0px 62px;
  height: 46px;
  position: absolute;
  top: 0px;
  right: -10px;
  display: block;
  z-index: 2;
  font-size: 14px;
  font-weight: 600;
}

.use-promo.active {
  background: #089816;
}

.input__promo--mob {
  background: #fff;
  width: calc(100% - 120px);
  padding-right: 10px;
}

.order__results-continue--mob {
  font-size: 14px;
  padding: 13px 30px;
}

.show-result,
.show-result__number {
  font-size: 14px;
  color: #545454;
}

.show-result {
  font-weight: 600;
}

.show-result__number {
  font-weight: 700;
}

.info-about-promo {
  position: relative;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}

.make-order-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info-about-promo {
  margin-bottom: 25px;
}

.info-about-promo__title {
  color: #78A1CF;
  font-size: 14px;
  font-weight: 700;
}

.info-about-promo__text {
  color: #545454;
  font-size: 14px;
}

.email-input--mob {
  margin-bottom: 0;
}

.order__payment-label--mob {
  background: transparent;
}

.order__email-btn-block--mob {
  padding: 0px 0px 0px 0px;
}

.choose-payment-method__title {
  color: #545454;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

@media (max-width: 1023px) {
  .choose-payment-method__title {
    margin-bottom: 16px;
  }
}

.input-wrapper--mob {
  margin-bottom: 25px;
}

.order__payment-block--mob {
  padding: 0px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.order__payment-method--account {
  width: 100%;
}

.order__payment-label--account {
  margin: 0 auto 0 0;
  width: 260px;
  margin-bottom: 30px;
}

.bottom-notif-block {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 90px;
  z-index: 30;
  display: none;
  transition: 2s ease-out;
}

.bottom-notif-block.success {
  transition: 0.4s linear;
  background: rgba(6, 123, 53, 0.5);
  display: flex;
}

.bottom-notif-block.error {
  transition: 0.4s linear;
  background: rgba(190, 0, 0, 0.5);
  display: flex;
}

.bottom-notif-parag--success {
  font-size: 22px;
  align-items: center;
  align-self: center;
  display: none;
}

.bottom-notif-parag--success.active {
  display: flex;
}

.bottom-notif-parag--success::before {
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  background: url('../img/success-notif.svg') no-repeat center center / contain;
  margin-right: 25px;
  margin-left: 90px;
}

.bottom-notif-parag--error {
  font-size: 22px;
  align-items: center;
  align-self: center;
  display: none;
  ;
}

.bottom-notif-parag--error.active {
  display: flex;
}

.bottom-notif-parag--error::before {
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  background: url('../img/error-notif.svg') no-repeat center center / contain;
  margin-right: 25px;
  margin-left: 90px;
}

.bottom-notif-parag--expired {
  font-size: 22px;
  align-items: center;
  align-self: center;
  display: none;
}

.bottom-notif-parag--expired.active {
  display: flex;
}

.rating__item {
  display: flex;
}

.rating__item img:not(:last-child) {
  margin-right: 5px;
}

.rating__item-select {
    display: flex;
}

.rating__item-select img:not(:last-child) {
    margin-right: 5px;
}

.bottom-notif-parag--expired::before {
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  background: url('../img/error-notif.svg') no-repeat center center / contain;
  margin-right: 25px;
  margin-left: 90px;
}

.open-info-btn {
  display: block;
}

.open-info-btn.hide {
  display: none;
}

.spec-btn.close-info-btn {
  background: transparent;
  border: 2px solid #3990F1;
  color: #3990F1;
  margin-left: 40px;
}

.spec-btn.close-info-btn:hover {
  background: transparent;
  border: 2px solid #3990F1;
  color: #3990F1;
}

.rates__link {
  margin-bottom: 40px;
}

.rates__link-title {
  color: #545454;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.rates__link-wrapper {
  position: relative;
  max-width: 520px;
}

.rates__link-wrapper.active::before {
  animation: linkShow 5s linear forwards;
}

.rates__link-wrapper::before {

  content: 'Ссылка скопирована';
  position: absolute;
  bottom: 90%;
  width: 180px;
  height: 60px;
  right: -15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #545454;

  opacity: 0;
  visibility: hidden;

  text-align: center;
  padding-top: 16px;

  background: url('../img/svg/popup.svg') no-repeat center/contain;
}

.rates__link-wrapper .input {
  border: 1px solid transparent;
  transition: border-color 0.3s ease-out;
}

.rates__link-wrapper.active .input {
  border-color: #3990F1;
}

.input-link {
  position: relative;
  z-index: 3;
  width: calc(100% - 63px);
}

.read-more {
  position: absolute;
  bottom: 10px;
  right: 15px;
  color: #3990F1;
  font-size: 14px;
  font-weight: 400;
}

.read-more.active {
  display: block;
}

.rates-list__item--wide {
  width: 270px;
  display: flex;
  justify-content: space-between;
}

.copy-btn {
  background: #3990F1;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  right: -10px;
  font-size: 26px;
  display: block;
  z-index: 2;
  padding: 15px 23px 16px 62px;
}

.rates__description {
  display: flex;
  flex-wrap: wrap;
}

.rates-list {
  margin-right: 75px;
  margin-bottom: 20px;
}

.rates-list__item {}

.rates-list__title {
  color: #545454;
  font-size: 16px;
  font-weight: 600;
}

.rates-list__value {
  display: block;
  color: #545454;
  font-size: 16px;
  font-weight: 400;
}

.rates-lsit__btn {
  display: flex;
  margin: 0 0 0 auto;
  align-self: flex-end;
}


@media (max-width: 1023px) {
  .rates-list {
    display: flex;
    flex-direction: column;

    margin: 0 0 25px;
    flex: 0 0 33.33%;
  }

  .rates-list__item:not(:first-child) {
    flex: 1 1;
  }

  .rates-list__item--wide {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
  }

  .rates-list__item {
    margin-bottom: 16px;
  }

  .rates-lsit__btn {
    margin: 0;
  }

}

@media (max-width: 768px) {
  .rates-list__title {
    font-size: 14px;
    font-weight: 400;
  }

  .rates-list__value {
    font-size: 14px;
  }

  .rates-list:nth-child(1) {
    flex: 0 0 40%;
  }

  .rates-list:nth-child(2) {
    flex: 0 0 30%;
  }

  .rates-list:nth-child(3) {
    flex: 0 0 30%;
  }
}

@media (max-width: 480px) {

  .rates-list:not(:last-of-type) {
    padding-right: 10px;
  }

  .rates-list:nth-child(1) {
    flex: 0 0 40%;
  }

  .rates-list:nth-child(2) {
    flex: 0 0 35%;
  }

  .rates-list:nth-child(3) {
    flex: 0 0 25%;
  }

  .rates-list:nth-child(2) .rates-list__value {
    max-width: 60px;
  }
}

@media (max-width: 350px) {
  .rates-list:nth-child(2) .rates-list__value {
    max-width: 46px;
  }

  .rates-list__value {
    font-size: 12px;
  }

  .rates-list {
    overflow: hidden;
  }

  .rates-list:nth-child(1) {
    flex: 0 0 37%;
  }

  .rates-list:nth-child(2) {
    flex: 0 0 37%;
  }

  .rates-list:nth-child(3) {
    flex: 0 0 25%;
  }
}

.select-link__content-box {
  display: block;
}

.select-link__content-name--main {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}

.select-link__content-name {
  font-size: 18px;
}

.select-link__content-item:hover {
  background-color: #fff;
}

.select-link__content-item:hover .select-link__content-name {
  color: #545454;
}

.select-link__content-item:hover .select-link__content-name--main {
  color: #545454;
}

.deposit-window {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
  background: transparent;
  z-index: 100;
}

.deposit-window.active {
  display: block;
}

.deposit-window__success {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  padding: 48px 10px 38px;
  width: 426px;
  height: 402px;
  text-align: center;
  z-index: 105;
}

.deposit-window__title {
  color: #545454;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
}

.deposit-window__image-block {
  width: 130px;
  height: 130px;
  margin: 30px auto;
}

.deposit-window__image-block img {
  width: 100%;
}

.deposit-window__additional-info {
  color: #545454;
  margin-bottom: 20px;
}

.deposit-window__btn {
  width: 132px;
  padding: 13px 0px;
  color: #fff;
  border-radius: 10px;
  text-align: center;
}

.deposit-window__btn--ignore {
  background: #3990F1;
}

.deposit-window__fail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  padding: 48px 10px 38px;
  width: 426px;
  height: 402px;
  text-align: center;
  z-index: 105;
}

.deposit-window__btn--comply {
  background: #089816;
}

.balance-input {
  background: #fff;
}

.order-again-window {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

.order-again-window.active {
  visibility: visible;
  opacity: 1;
  transition: 0.2s linear;
}

.order-again-window__form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 1190px;
  z-index: 500;
}

.close-form-btn {
  position: absolute;
  top: -60px;
  right: 0px;
  width: 42px;
  height: 42px;
  background: url('../img/close-form-btn.svg') no-repeat center center / contain;
}

@media (max-width: 1919px) {
  .spec-btn.close-info-btn {
    margin-left: 20px;
  }

  .copy-btn {
    padding: 11px 23px 10px 62px;
  }

  .use-promo {
    right: 0px;
  }

  .select-tip-btn {
    padding: 9px 5px 10px 62px;
    font-size: 23px;
    right: 0px;
    top: 1px;
  }

  .activate-btn {
    padding: 14px 9px 14px 62px;
    font-size: 16px;
    line-height: 18px;
  }

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

  .height-class {
    height: 100px;
  }
}

@media (max-width:1550px) {
  .about-services__title {
    margin-left: 0px;
    margin-bottom: 38px;
    text-align: left;
  }
}

@media (max-width:1200px) {
  .about-services__close {
    display: none;
  }

  .mob-close-btn {
    position: relative;
    display: block;
    background: url('../img/mob-close-btn.svg') no-repeat center center / contain;
    width: 42px;
    height: 42px;
    z-index: 103;
    top: -85px;
    right: -25px;
  }

  .benefits-wrapper {
    display: block;
  }

  .benefit {
    margin-left: 25px;
  }
}

@media (max-width: 1023px) {
  .about-services {
    display: none;
  }

  .mob-close-btn {
    display: none;
  }

  .mobile-form {
    display: block;
  }

  .order__inner {
    display: none;
  }

  .mobile-form {
    display: block;
  }

  .order__range-box {
    margin-bottom: 0;
  }

  .order__range-box--result {
    margin-right: 0px !important;
  }

  .payment-name {
    font-size: 14px;
  }

  .payment-commission {
    font-size: 14px;
  }

  .bottom-notif-parag--success {
    font-size: 16px;
  }

  .bottom-notif-parag--success::before {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-left: 25px;
  }

  .bottom-notif-parag--error {
    font-size: 16px;
  }

  .bottom-notif-parag--error::before {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-left: 25px;
  }

  .bottom-notif-parag--expired {
    font-size: 16px;
  }

  .bottom-notif-parag--expired::before {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-left: 25px;
  }
}

@media (max-width: 837px) {
  .rates-list {
    margin-bottom: 20px;
  }
}

@media (max-width:767px) {
  .copy-btn {
    padding: 7px 23px 6px 56px;
  }

  .use-promo {
    height: 39px;
  }

  .order {
    margin-top: 0;
  }
}

@media (max-width: 660px) {
  .results-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .input__promo--mob {
    width: calc(100% - 100px);
  }

  .use-promo {
    padding: 0px 10px 0px 40px;
  }
}

@media (max-width: 580px) {
  .order__payment-label {
    display: block;
  }

  .order__payment-label--account {
    display: flex;
    margin: 0 auto 30px;
    width: 260px;
  }

  .icon-block {
    margin: 0 auto;
  }

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

@media (max-width: 450px) {
  .rates-list__item--wide {
    width: 100%;
    display: block;
  }

  .rates__number {
    display: none;
  }
}

/*===============================*/

.popup--adding-funds {
  display: none;
  height: 100vh;
  overflow-y: auto;
}

.popup--payment {
  display: none;
  height: 100vh;
  overflow-y: auto;
}

.popup--information {
  display: none;
  height: 100vh;
  overflow-y: auto;
}

.popup__body {
  padding: 45px 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
}

.popup__inner--adding-funds {
  max-width: 1170px;
  margin: 0 40px;
  padding: 30px 20px 0;
}

.popup__inner--adding-funds .email-input {
  background-color: #fff;
  height: 39px;
  margin-top: 5px;
  margin-bottom: 20px;

  font-weight: 400;
  font-size: 12px;
  line-height: 16px;

  color: #D5D5D5;
}

.popup__inner--adding-funds .order__results-continue {
  font-size: 14px;
  font-weight: 600;
}

.popup__inner--adding-funds .order__results-continue span {
  font-size: 14px;
  font-weight: 600;
}

.adding-funds-content {

  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.popup__inner--adding-funds .adding-funds-content::-webkit-scrollbar {
  display: none;
}

.adding-funds-title {
  margin-bottom: 48px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;

  text-align: center;

  color: #545454;
}

.adding-funds-bottom {
  margin-bottom: 150px;
}

/*---------------------------*/

.adding-funds-payment-block {
  margin-bottom: 48px;
  width: 100%;
}

.adding-funds-payment-method {
  width: 229px;
  margin-right: 10px;
}

.adding-funds-payment-method:last-child {
  margin-right: 0px;
}

.adding-funds-payment-method .order__payment-label {
  background-color: transparent;
}

/*---------------------------*/

.adding-funds-action {
  max-width: 394px;
}

.payment-total {
  margin-bottom: 15px;
}

.payment-total .adding-funds-action-title {
  margin-bottom: 0 !important;
}

.payment-total-sum {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

.adding-funds-action-title {
  margin-bottom: 15px;

  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #545454;
}

.adding-funds-select {
  margin-bottom: 30px;
}

.adding-funds-select .select__main-input {
  background-color: #fff;
}

/*---------------------------*/

.adding-funds-promo {
  max-width: 361px;
}

.adding-funds-promo__title {
  margin-bottom: 15px;

  font-weight: 700;
  font-size: 18px;
  line-height: 25px;

  color: #78A1CF;
}

.adding-funds-promo__text {
  margin-bottom: 15px;

  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

.adding-funds-promo__prop {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #545454;
}

.adding-funds-promo__value {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #78A1CF;
}

@media (min-width: 1024px) {
  .adding-funds-payment-block {
    display: flex;
    justify-content: space-between;
  }

  .adding-funds-group {
    width: 50%;
  }

  .adding-funds-bottom {
    display: flex;
  }
}

@media (max-width: 1023px) {
  .adding-funds-bottom {
    margin-bottom: 0;
  }

  .popup__inner--adding-funds {
    padding-bottom: 35px;
  }

  .adding-funds-title {
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 30px;
  }

  /*---------------------------*/

  .adding-funds-payment-block {
    margin-bottom: 25px;
  }

  .adding-funds-payment-method {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .adding-funds-payment-method:last-child {
    margin-right: 0px;
  }

  .adding-funds-payment-method .order__payment-label {
    background-color: transparent;
  }

  .adding-funds-payment-method .order__payment-label {
    background-color: #fff;
  }

  .adding-funds-payment-method .payment-commission {
    color: #545454 !important;
  }

  .adding-funds-payment-method .payment-name {
    color: #545454 !important;
  }

  /*---------------------------*/

  .adding-funds-action {
    margin-bottom: 20px;
  }

  .adding-funds-select {
    margin-bottom: 20px;
  }

  /*---------------------------*/

  .adding-funds-promo {
    text-align: center;
    width: 100%;
    max-width: none;
  }

  .adding-funds-promo__text {
    max-width: 364px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {

  .popup__inner--adding-funds {
    padding-top: 20px;
  }

  .adding-funds-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .adding-funds-action-title {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .adding-funds-promo__title {
    font-size: 16px;
    line-height: 22px;
  }

  .adding-funds-promo__text {
    max-width: 276px;
    font-size: 12px;
    line-height: 16px;
  }

  .adding-funds-promo__prop {
    font-size: 12px;
    line-height: 16px;
  }

  .adding-funds-promo__value {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (max-width: 580px) {
  .popup__inner--adding-funds {
    margin: 0 20px;
  }

  .order__payment-label {
    display: flex;
  }

  .icon-block {
    margin: 0 15px 0 0;
  }

  .description-block {
    text-align: left;
  }
}

.page-service .order__inner {
  margin-bottom: 100px;
}

.page-service .reviews__content {
  max-width: none;
}

.page-service .order__wrapper {
  display: flex;
  background-color: transparent;
  padding: 0;
}

.title-service {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-align: center;

  color: #FFFFFF;
}

.price-total {
  margin-bottom: 20px;
  padding: 3px 13px 4px;
  font-weight: 400;
  font-size: 34px;
  line-height: 46px;

  color: #3990F1;
  background-color: #fff;
  border-radius: 10px;

  text-align: center;
}

.price-total-num {
  font-weight: 700;
  color: #3990F1;
  font-size: 34px;
  line-height: 46px;
}

.service-info {
  margin-bottom: 11px;
  max-width: 288px;

  font-weight: 400;
  font-size: 14px;
  line-height: 14px;

  text-align: center;

  color: #FFFFFF;
}

.service-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;

  text-align: center;

  color: #FFFFFF;
}

.page-service .order__one-service-left,
.page-service .order__one-service-right {
  padding: 12px 15px 30px;
  background-image: url('../img/bg-gradient.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
}

.page-service .order__one-service-right .input__link {
  width: 100%;
}

.page-service .order__one-service-left {
  padding-top: 24px;
  flex-direction: column;
  align-items: center;
}

.page-service .order__results-group {
  margin-bottom: 12px;
}

.page-service .reviews__title {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  color: #fff;
  background-image: url('../img/bg-gradient.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.page-service .order__one-service-right .order__results-title,
.page-service .order__range-total-title {
  color: #fff;
}

.page-service .order__range-box::before {
  text-align: left;
  color: #fff;
}

.title-tags {
  display: none;
  max-width: 359px;
  padding: 8px 0 9px;
  margin: 0 auto;

  background: rgba(248, 250, 253, 0.5);
  border-radius: 10px;
}

.title-tags-item {
  flex: 1 1;
  position: relative;

  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  text-align: center;

  color: #FFFFFF;
}

.title-tags-item:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;

  width: 1px;
  background-color: #fff;
}

.mob-warning {
  display: flex;
  align-items: center;
}

.mob-warning-svg {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin-right: 10px;
}

.mob-warning-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;

  color: #FFFFFF;
}


@media (max-width: 1023px) {

  .page-service .order__range-box::before {
    text-align: center;
  }

  .page-service .order__range-box:nth-child(2) {
    margin-right: 0;
  }

  .page-service .order__one-service-left,
  .page-service .order__one-service-right {
    width: 100%;
    margin: 0;
    margin-bottom: 13px;
  }

  .page-service .order__one-service-left {
    margin-top: 13px;
  }

  .page-service .order__one-service-right {
    padding-bottom: 25px;
  }

  .page-service .reviews__title {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .page-service .bottom-result {
    padding: 20px 15px;
    background-image: url('../img/bg-gradient.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .page-service .height-class {
    height: 80px;
  }

  .page-service .order__buttons {
    margin-bottom: 34px;
  }

  .page-service .show-result {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
  }

  .page-service .order__results-continue--mob {
    border: 1px solid #FFFFFF;
    background-color: transparent;
  }

  .page-service .show-result__number {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
  }

  .page-service .order__inner {
    margin-bottom: 20px;
    padding: 0;
    background: transparent;
  }

  .page-service .reviews__title {
    color: #545454;
    background: #F8FAFD;
    border: 1px solid rgba(57, 144, 241, 0.3);
  }

  .page-service .reviews__item {
    background: #F8FAFD;
    border: 1px solid rgba(57, 144, 241, 0.3);
  }

  .page-service .services__intro {
    background-image: url('../img/bg-gradient.svg');
    height: auto;
    padding-bottom: 30px;
  }

  .page-service .main-title {
    text-align: center;
  }

  .page-service .services__subtitle {
    display: none;
  }

  .title-tags {
    display: flex;
  }
}

@media (max-width: 768px) {
  .title-tags {
    max-width: 259px;
  }

  .title-tags-item {

    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
  }
}

@media (max-width: 408px) {
  .page-service .order__range-total-title {
    margin-right: 5px;
    margin-left: 5px;
  }

  .page-service .order__range-total-title+.order__range-box {
    margin-left: 0;
  }
}

/*# sourceMappingURL=main.css.map */