@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800; 1,300..800&display=swap');
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  color: #000;
  line-height: 1;
  font-family: "";
  font-size: .875rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: "";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
html {
  scroll-behavior: smooth
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  color: #000;
  line-height: 26.26px;
  font-family: Arial;
  font-size: 20px;
  background-color: #fff;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: Arial;
  font-size: inherit;
  line-height: inherit;
  outline: 0
}
select {
  outline: 0
}
button {
  cursor: pointer;
  color: inherit;
  background-color: transparent
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
.lock body {
  position: relative;
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.lock body::after {
  content: "";
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  background: rgba(0,0,0,.5);
  overflow-x: hidden;
  transition: .1s
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper > main {
  flex: 1 1 auto
}
.wrapper > * {
  min-width: 0
}
.container {
  max-width: 1390px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background: #000;
  color: #fff;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  padding: 20px 38px;
  height: 60px;
  transition: all .4s ease;
  white-space: nowrap
}
.btn:hover {
  color: #fff!important;
  box-shadow: 0 -1px 1px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3)
}
.header .d-flex {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.header__logo img {
  max-width: 192px
}
.header.header-profile {
  border-bottom: 1px solid #000
}
.header .menu__profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-left: auto
}
.menu__profile .profile-balance p {
  font-size: 14px;
  white-space: nowrap;
  line-height: normal
}
.header__menu {
  width: 100%
}
.header.header-profile .menu__links {
  justify-content: center;
  width: 100%
}
.menu__profile .profile-balance span {
  color: #0081d4;
  font-size: 18px;
  font-weight: 700px;
  white-space: nowrap;
  line-height: normal
}
.menu__profile .profile-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px
}
.menu__profile .dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end
}
.menu__profile .dropdown .dropdown__list {
  position: absolute;
  border-radius: 8px;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  text-align: left;
  padding: 10px 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  top: 26px;
  right: 0;
  left: 0;
  transition: all .4s ease;
  opacity: 0;
  z-index: -1;
}
.menu__profile .dropdown .dropdown__list-item {
  margin-bottom: 12px;
}
.menu__profile .dropdown .dropdown__list-item:last-child {
  margin-bottom: 0;
}
.menu__profile .dropdown .dropdown__list li a {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  transition: all .4s ease;
  display: block;
}
.menu__profile .dropdown .dropdown__list li a:hover {
  color: #0082d5
}

.menu__profile .dropdown .dropdown__list.active {
  opacity: 1;
  z-index: 10
}
.menu__profile .dropdown button.dropdown__button {
  font-size: 16px;
  white-space: nowrap;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700
}
.menu__profile .dropdown button.dropdown__button:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 5px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2715%27 viewBox=%270 0 14 15%27 fill=%27none%27%3E%3Cpath d=%27M3.5 5.75L7 9.25L10.5 5.75%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.menu__profile .dropdown button.dropdown__button.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.menu__profile .profile-icon .icon {
  width: 31px;
  height: 31px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000
}
.menu__profile .profile-icon .icon img {
  max-width: 31px;
  border-radius: 100%
}
.menu__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}
.menu__body nav {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between
}
.menu__body nav .menu__links {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-left: auto
}
.menu__body nav .menu__links a {
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  transition: all .6s ease;
  white-space: nowrap
}
.menu__body nav .menu__links a.active {
  color: #0082d5
}
.menu__body nav .menu__links a:hover {
  color: #0485d8
}
.menu__body nav .btn {
  height: 50px;
  padding: 15px 38px;
  font-weight: 400;
  border-radius: 25px
}
.icon-menu {
  display: none
}
.hero {
  padding-top: 78px;
  padding-bottom: 235px
}
img.hero-bg {
  top: 106px;
  position: absolute;
  right: 0;
  left: 39px
}
a.scroll-down {
  display: flex;
  align-items: center;
  margin-top: 120px;
  position: relative
}
a.scroll-down::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 5V19%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19 12L12 19L5 12%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 16px
}
.hero__container {
  max-width: 1390px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1
}
.hero .d-top-flex {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 135px;
  margin-bottom: 75px;
  position: relative;
  z-index: 1
}
.hero__title {
  font-family: Arial;
  font-size: 76px;
  font-style: normal;
  line-height: 110%;
  text-transform: uppercase
}
.hero__title span {
  color: #0485d8;
  display: block
}
.hero__text {
  max-width: 269px
}
.hero__form {
  border-radius: 10px;
  background: #cde6ff;
  max-width: 477px;
  width: 100%;
  padding: 30px 30px 38px;
  position: relative;
  display: flex;
  z-index: 1
}
.hero__form:after {
  content: "";
  width: 91px;
  height: 91px;
  position: absolute;
  display: inline-block;
  background: url(../svg/star-black.svg);
  background-position: center center;
  background-repeat: no-repeat;
  right: -151px;
  top: -20px
}
.hero__form h2 {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%
}
.hero__form .form__top {
  display: flex;
  flex-direction: column;
  gap: 30px
}
.hero__form .sign-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 17px
}
.hero__form .sign-btns a {
  width: 128px;
  height: 50px;
  border-radius: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}
.sign-btns a.google {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2725%27 height=%2725%27 viewBox=%270 0 25 25%27 fill=%27none%27%3E%3Cg clip-path=%27url%28%23clip0_4_4031%29%27%3E%3Cpath d=%27M24.7029 12.7338C24.7029 11.7095 24.6198 10.9621 24.4399 10.187H12.7441V14.8099H19.6093C19.471 15.9588 18.7235 17.6889 17.0626 18.8515L17.0393 19.0063L20.7373 21.8711L20.9935 21.8966C23.3464 19.7236 24.7029 16.5262 24.7029 12.7338Z%27 fill=%27%234285F4%27/%3E%3Cpath d=%27M12.7436 24.9141C16.1069 24.9141 18.9305 23.8067 20.9929 21.8967L17.062 18.8516C16.0101 19.5852 14.5982 20.0973 12.7436 20.0973C9.44939 20.0973 6.6535 17.9243 5.65684 14.9208L5.51075 14.9332L1.66552 17.909L1.61523 18.0488C3.66371 22.1181 7.87144 24.9141 12.7436 24.9141Z%27 fill=%27%2334A853%27/%3E%3Cpath d=%27M5.65743 14.9209C5.39446 14.1458 5.24226 13.3153 5.24226 12.4572C5.24226 11.599 5.39446 10.7685 5.6436 9.99343L5.63663 9.82835L1.74322 6.80469L1.61583 6.86528C0.771556 8.55392 0.287109 10.4502 0.287109 12.4572C0.287109 14.4641 0.771556 16.3603 1.61583 18.049L5.65743 14.9209Z%27 fill=%27%23FBBC05%27/%3E%3Cpath d=%27M12.7436 4.8167C15.0827 4.8167 16.6606 5.8271 17.5603 6.67147L21.0759 3.23884C18.9168 1.23187 16.1069 0 12.7436 0C7.87144 0 3.66371 2.7959 1.61523 6.86517L5.643 9.99332C6.6535 6.98979 9.44939 4.8167 12.7436 4.8167Z%27 fill=%27%23EB4335%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_4_4031%27%3E%3Crect width=%2725%27 height=%2725%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center
}
.sign-btns a.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2722%27 height=%2722%27 viewBox=%270 0 22 22%27 fill=%27none%27%3E%3Cg clip-path=%27url%28%23clip0_4_4038%29%27%3E%3Cpath d=%27M5.7982 11.7172H8.20975V21.6452C8.20975 21.8412 8.36858 22 8.56459 22H12.6535C12.8495 22 13.0083 21.8412 13.0083 21.6452V11.764H15.7806C15.9609 11.764 16.1125 11.6287 16.1331 11.4497L16.5541 7.79467C16.5657 7.69411 16.5338 7.59341 16.4666 7.51797C16.3992 7.44246 16.3028 7.39924 16.2017 7.39924H13.0085V5.10812C13.0085 4.41746 13.3803 4.06723 14.1138 4.06723C14.2184 4.06723 16.2017 4.06723 16.2017 4.06723C16.3977 4.06723 16.5566 3.90834 16.5566 3.71239V0.357465C16.5566 0.161452 16.3977 0.00262581 16.2017 0.00262581H13.3243C13.304 0.00163226 13.259 0 13.1925 0C12.6933 0 10.9579 0.0980064 9.58709 1.3591C8.06824 2.7566 8.27937 4.42988 8.32983 4.71999V7.39917H5.7982C5.60219 7.39917 5.44336 7.55799 5.44336 7.75401V11.3623C5.44336 11.5583 5.60219 11.7172 5.7982 11.7172Z%27 fill=%27%230081D4%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_4_4038%27%3E%3Crect width=%2722%27 height=%2722%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center
}
.sign-btns a.apple {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2725%27 height=%2725%27 viewBox=%270 0 25 25%27 fill=%27none%27%3E%3Cpath d=%27M17.3117 0C17.3699 0 17.4281 0 17.4896 0C17.6323 1.76305 16.9594 3.0804 16.1415 4.03438C15.339 4.98178 14.2401 5.90063 12.4628 5.76121C12.3442 4.0234 13.0183 2.80376 13.835 1.85197C14.5925 0.964958 15.9812 0.175647 17.3117 0Z%27 fill=%27black%27/%3E%3Cpath d=%27M22.6921 18.3507C22.6921 18.3682 22.6921 18.3836 22.6921 18.4001C22.1926 19.9128 21.4802 21.2093 20.6107 22.4125C19.817 23.5048 18.8444 24.9748 17.1077 24.9748C15.607 24.9748 14.6102 24.0098 13.0722 23.9834C11.4453 23.9571 10.5506 24.7903 9.06306 25C8.8929 25 8.72275 25 8.55588 25C7.46358 24.8419 6.58205 23.9769 5.93984 23.1974C4.04615 20.8943 2.5828 17.9192 2.31055 14.1121C2.31055 13.7389 2.31055 13.3667 2.31055 12.9935C2.42581 10.2687 3.74975 8.0534 5.50951 6.97976C6.43824 6.40891 7.71497 5.92258 9.13661 6.13995C9.74589 6.23436 10.3683 6.44294 10.9139 6.64932C11.431 6.84802 12.0776 7.20041 12.6902 7.18175C13.1051 7.16967 13.5179 6.95341 13.9362 6.80082C15.1613 6.35841 16.3623 5.85123 17.9453 6.08945C19.8478 6.37707 21.198 7.22237 22.0324 8.52655C20.423 9.55078 19.1507 11.0943 19.368 13.7301C19.5612 16.1244 20.9532 17.5251 22.6921 18.3507Z%27 fill=%27black%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center
}
.form-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  color: #333;
  font-size: 16px;
  gap: 20px
}
.form-separator span {
  white-space: nowrap
}
.form-separator i {
  width: 100%;
  height: 1px;
  background: #000
}
input {
  border-radius: 10px;
  background: #fff;
  height: 56px;
  border: 0;
  outline: 0;
  color: #000;
  padding: 10px 18px;
  font-size: 15px;
  font-style: normal;
  width: 100%
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #333
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #333
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #333
}
input::placeholder,
textarea::placeholder {
  color: #333
}
textarea {
  width: 100%;
  outline: 0;
  border: 0;
  border-radius: 10px;
  background: #fff;
  font-size: 15px;
  padding: 18px;
  resize: none
}
.custom-select {
  border-radius: 10px;
  background: #fff;
  height: 56px;
  border: 0;
  outline: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.custom-select select {
  padding: 0 0 0 18px;
  width: 100%;
  background: 0 0;
  border: 0;
  outline: 0;
  color: #333;
  font-size: 15px;
  font-style: normal;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M5 7.5L10 12.5L15 7.5%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 95% 50%
}
.input-item {
  margin-bottom: 24px
}
.input-item.item-code {
  max-width: 80px
}
.input-item label {
  color: #333;
  display: block;
  font-size: 15px;
  margin-bottom: 11px;
}
.input-item .d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 11px
}
.input-item .d-flex label {
  margin-bottom: 0
}
.input-item .d-flex a {
  color: #333;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}
.hero__form .btn {
  width: 100%;
  margin: 30px 0
}
.hero__form .have-text {
  color: #333;
  font-size: 15px;
  text-align: center;
}
.hero__form a {
  transition: all .4s ease;
}
.hero__form a:hover {
  color: #0485d8;
}
.product-section {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
  background: url(../svg/star.svg);
  background-repeat: no-repeat;
  background-position: 93% 930px
}
.product-section .section-title {
  padding-bottom: 80px;
  border-bottom: 1px solid #cde6ff;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%
}
.product-item {
  border-bottom: 1px solid #cde6ff;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 123px
}
.product-item.item-reverse {
  justify-content: flex-start
}
.product-info {
  max-width: 510px;
  width: 100%;
  flex: 1
}
.product-info h3 {
  font-size: 36px;
  line-height: 120%;
  margin-bottom: 26px
}
.product-info p {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 50px
}
.product-link {
  color: #0081d4;
  font-size: 20px;
  position: relative;
  display: flex;
  align-items: center
}
.product-link:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27 fill=%27none%27%3E%3Cpath d=%27M8.75 8.75L21.25 21.25%27 stroke=%27%230081D4%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M21.25 8.75V21.25H8.75%27 stroke=%27%230081D4%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center
}
.product-img {
  max-width: 620px
}
.benefits-section {
  padding: 40px 0 100px
}
.benefits-section .d-flex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 60px
}
.benefits-section .d-flex h3 {
  font-size: 60px;
  line-height: 120%
}
.benefits-desc {
  margin-top: 30px;
  max-width: 631px;
  width: 100%;
  font-size: 20px
}
.benefits-section .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px
}
.benefits-section .row .row-col {
  width: 50%
}
.benefits-item {
  padding: 23px 0;
  border-top: 1px solid #cde6ff;
  border-bottom: 1px solid #cde6ff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 26px;
  font-size: 30px;
  line-height: 120%;
  width: 100%
}
.contact-section {
  padding: 100px 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271918%27 height=%27504%27 viewBox=%270 0 1918 504%27 fill=%27none%27%3E%3Cpath d=%27M1917 417.831C1321 636.831 1141.03 362.67 1257 144.831C1378.89 -84.1402 1507.5 -44.1302 1355.77 296.516C1267.12 495.541 901.256 623.835 520.685 330.359C437 274.328 360.5 114.486 405.5 129.831C450.5 145.176 145 491.828 -133 318.547%27 stroke=%27%230485D8%27 stroke-width=%272%27 stroke-miterlimit=%2710%27/%3E%3C/svg%3E");
  background-position: 0 54%;
  background-repeat: no-repeat;
  background-size: contain
}
.contact-section h2,
.contact-section h3 {
  font-size: 60px;
  line-height: 120%;
  margin-bottom: 50px
}
.contact-section .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px
}
.contact-section .d-flex .contact-info {
  text-align: left
}
.contact-section .d-flex .contact-info img {
  max-width: 433px;
  margin-right: auto;
  margin-top: 150px;
  display: block;
  margin-left: 70px
}
.contact-section .d-flex .contact-info p {
  max-width: 513px;
  margin-bottom: 20px
}
.contact-section .d-flex .contact-info a {
  font-size: 30px;
  transition: all .4s ease
}
.contact-section .d-flex .contact-info a:hover {
  color: #0485d8
}
.contact-section .contact-form {
  max-width: 620px;
  border-radius: 10px;
  background: #cde6ff;
  width: 100%;
  padding: 40px 30px
}
.contact-section .contact-form h2,
.contact-section .contact-form h3 {
  font-size: 26px;
  margin-bottom: 30px
}
.contact-section .btn {
  width: 100%
}
footer.footer {
  padding-top: 50px
}
.footer .footer-top {
  border-top: 1px solid #cde6ff;
  padding: 50px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2%
}
a.footer-link {
  display: block;
  font-size: 26px;
  line-height: 150%;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all .4s ease
}
a.footer-link:hover {
  color: #0485d8;
}
a.footer-link:last-child {
  margin-bottom: 0
}
.footer-app h4 {
  font-size: 20px;
  margin-bottom: 20px
}
.footer-app .store-apps {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px
}
.footer-app {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.footer .email-link {
  font-size: 26px;
  display: block;
  margin-top: 55%;
  transition: all 0.5s ease;
}

.footer .email-link:hover {
  color: #0485d8;
}

.footer-bottom {
  border-top: 1px solid #cde6ff;
  padding: 50px 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.footer-bottom p {
  margin-left: 370px
}
a.arrow-top {
  display: block;
  position: relative;
  transition: all .8s ease
}
.register-hero {
  padding: 45px 0
}
.d-register-flex {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 50px;
  gap: 66px
}
h2.register__title {
  font-size: 60px;
  line-height: 120%
}
.register__text {
  display: flex;
  align-items: flex-end;
  gap: 10px
}
.register__text a.btn {
  padding: 6px 12px;
  height: 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400
}
.register__form {
  border-radius: 10px;
  background: #cde6ff;
  padding: 30px 30px;
  max-width: 535px;
  width: 100%;
  position: relative
}
.register__form form {
  display: flex;
  flex-direction: column;
  gap: 26px
}
.register__form label {
  font-size: 14px
}
.register__form .row {
  display: flex;
  justify-content: space-between;
  gap: 16px
}
.register__form .row .input-item {
  width: 50%
}
.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-left: 30px
}
.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0
}
.checkbox__input:focus-visible + .checkbox__label:before {
  box-shadow: 0 0 5px #000
}
.checkbox__input:checked + .checkbox__label:before {
  background: #fff;
  border: 1px solid #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2710%27 viewBox=%270 0 12 10%27 fill=%27none%27%3E%3Cpath d=%27M1.84375 5.23075L4.76683 8.15383L10.613 1.5769%27 stroke=%27%23181C23%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center
}
.checkbox__label {
  cursor: pointer;
  display: inline-flex!important;
  position: relative;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  gap: 28px
}
.checkbox__label:before {
  content: "";
  position: absolute;
  left: -30px;
  bottom: -1px;
  align-self: flex-start;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #fff
}
.checkbox__text {
  align-self: center
}
.register-page .place-form {
  width: 263px;
  height: 70px;
  border-radius: 4px;
  background: #f2fafd
}
.register__form .btn {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 50px;
  padding: 15px 38px;
  border-radius: 25px;
  max-width: 140px
}
.register__form .input-item {
  margin-bottom: 0
}
.product-page .breadcrumbs {
  padding: 25px 0
}
.product-page .breadcrumbs .d-flex {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px
}
.product-page .breadcrumbs a,
.product-page .breadcrumbs svg {
  display: block
}
.product-page .breadcrumbs span {
  color: grey;
  display: block
}
.products-title {
  background: #000;
  padding: 26px 0
}
.products-img {
  padding: 100px 0
}
.products-img img {
  width: 100%
}
.footer.product-page .footer-top {
  border-top: 1px solid #000
}
.footer.product-page .footer-bottom {
  border-top: 1px solid #000
}
.tabs__navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px
}
.tabs__navigation button {
  width: 187px;
  height: 161px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: 18px;
  padding: 30px 19px 19px;
  gap: 15px
}
.tabs__navigation button._tab-active {
  background: #cde6ff
}
.tabs__navigation button .tabs__img {
  min-height: 50px
}
.product__info-title {
  padding: 70px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #000
}
.product__info-title h2 {
  font-size: 60px
}
.product__info-title p {
  max-width: 577px;
  font-size: 18px;
  line-height: 140%
}
.tabs__content .tabs__select {
  padding: 41px 0
}
.tabs__content .tabs__select h4 {
  font-size: 36px;
  line-height: 120%;
  margin-bottom: 40px
}
.telecommunications-operator {
  padding-top: 79px
}
.telecommunications__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-bottom: 40px
}
.telecommunications__title h3 {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%
}
.telecommunications__title span {
  color: #0081d4;
  font-size: 36px;
  font-style: normal;
  font-weight: 400
}
.tabs__content .tabs__select .select .select__title {
  border-radius: 6px;
  border: 1px solid #000;
  padding-top: 5px
}
.tabs__content .tabs__select .select .select__options {
  border: 1px solid #000;
  border-top: 0
}
.tabs__content .tabs__select ._select-open .select__title {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.operators-grid {
  display: -ms-grid;
  display: grid;
  justify-content: space-around;
  align-items: stretch;
  grid-template-columns: repeat(7,1fr);
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px;
  row-gap: 14px;
  width: 100%
}
.operators-grid .operator-item {
  border-radius: 6px;
  border: 1px solid #000;
  width: 100%;
  height: 178px
}
.operators-grid .operator-item.blue {
  border: 1px solid #0081d4
}
.operator-item__logo {
  min-height: 127px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 16px;
  width: 100%
}
.operator-item__logo img {
  max-width: 150px
}
.operators-grid .operator-item .operator-item__title {
  border-top: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 51px;
  width: 100%
}
.operators-grid .operator-item.blue .operator-item__title {
  border-top: 1px solid #0081d4
}
.operators-grid .operator-item.blue.active .operator-item__title {
  border-radius: 0 0 6px 6px;
  background: #0081d4;
  color: #fff
}
.select {
  min-width: 0;
  position: relative;
  max-width: 393px
}
.select__body {
  position: relative
}
.select__title {
  border-radius: 7px;
  border: 1px solid #d9d9d9;
  color: inherit;
  text-align: left;
  background-color: #fff;
  cursor: pointer;
  width: 100%;
  height: 43px;
  font-size: 16px
}
.select__value {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 0 .9375rem;
  gap: .625rem;
  line-height: normal;
  justify-content: center
}
.select__value > * {
  flex: 1 1 auto
}
.select__value:after {
  content: "";
  -ms-grid-row-align: stretch;
  align-self: stretch;
  flex: 0 0 14px;
  transition: all .3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9L12 15L18 9%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%
}
._select-open .select__value:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: .5
}
.select__content {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%;
  outline: 0
}
.select__options {
  color: #000;
  position: absolute;
  top: calc(100% - .0625rem);
  border-radius: 0 0 4px 4px;
  min-width: 100%;
  width: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top: 0;
  padding: 10px 0 5px 0;
  font-size: 16px
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 12.5rem
}
.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 5px 15px;
  color: inherit
}
.select__option._select-selected {
  background-color: #eee
}
.select__row {
  display: inline-flex;
  align-items: center
}
.select__asset img,
.select__asset picture {
  max-width: 34px;
  margin-right: 16px;
  display: block
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - .075rem);
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 10px 0 10px 0
}
.select._select-open .select__title {
  border-radius: 7px 7px 0 0
}

#block-ws-theme-userloginws {
  width: 100%;
}

@media (max-width:1380px) {
  .operators-grid {
    grid-template-columns: repeat(5,1fr)
  }
  .tabs__navigation button {
    padding: 20px 10px 10px
  }
}
@media (max-width:1360px) {
  img.hero-bg {
    width: 90%;
    left: 15%
  }
  .hero {
    padding-top: 78px;
    padding-bottom: 100px
  }
  .hero__title {
    font-size: 50px
  }
  .product-section {
    background: url(../svg/star.svg);
    background-repeat: no-repeat;
    background-position: 95% 690px
  }
  .product-item {
    gap: 30px
  }
  .product-img {
    max-width: 520px;
    width: 100%
  }
  .contact-section .d-flex .contact-info img {
    max-width: 400px;
    display: block;
    margin: 100px auto 0;
    width: 100%
  }
  .register-page img.hero-bg {
    top: 25%;
    width: 75%;
    left: 27%
  }
}
@media (max-width:1200px) {
  .menu__body nav .menu__links {
    gap: 25px
  }
}
@media (max-width:1120px) {
  img.hero-bg {
    width: 75%;
    left: 28%;
    top: 23%
  }
  .hero__title {
    font-size: 40px
  }
}
@media (max-width:1080px) {
  .register-page img.hero-bg {
    top: 25%;
    width: 70%;
    left: 33%
  }
}
@media (max-width:1040px) {
  .product-section {
    background: 0 0
  }
  .product-img {
    max-width: 400px
  }
  .footer .footer-top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px
  }
  .footer-app {
    margin-top: 30px
  }
  .footer .email-link {
    margin-top: 20px;
    font-size: 18px
  }
  .footer-bottom {
    justify-content: center
  }
  .footer-bottom p {
    text-align: center;
    margin-left: 0
  }
  .footer-bottom a.arrow-top {
    position: absolute;
    right: 30px
  }
}
@media (max-width:980px) {
  .operators-grid {
    grid-template-columns: repeat(4,1fr)
  }
}
@media (max-width:950px) {
  .hero .d-top-flex {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 20px
  }
  .hero__text {
    max-width: 419px
  }
  img.hero-bg {
    position: relative;
    width: 100%;
    left: 0;
    top: -60px
  }
  .hero__form {
    margin: 0 auto;
    padding: 20px;
    justify-content: center;
    align-items: center
  }
  .hero__form form {
    width: 100%
  }
  a.scroll-down {
    justify-content: center;
    align-items: center;
    margin-top: 20px
  }
  .custom-select,
  input,
  select {
    height: 48px
  }
  .input-item {
    margin-bottom: 16px
  }
  .benefits-section {
    padding: 40px 0
  }
  .benefits-section .d-flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
  }
  .benefits-desc {
    margin-top: 0
  }
  .benefits-section .row {
    gap: 30px
  }
  .benefits-item {
    font-size: 24px
  }
  .contact-section {
    padding: 40px 0
  }
  .contact-section h2,
  .contact-section h3 {
    text-align: center
  }
  .contact-section .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 0
  }
  .register-page img.hero-bg {
    display: none
  }
  .register__form {
    max-width: 100%
  }
}
@media (max-width:900px) {
  .tabs__navigation {
    flex-direction: column
  }
  .tabs__navigation button {
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center;
    padding: 10px;
    font-size: 16px
  }
  .tabs__navigation button .tabs__img {
    display: flex;
    align-items: center;
    justify-content: center
  }
  .tabs__navigation button svg {
    max-width: 30px
  }
  .product__info-title {
    padding: 40px 0
  }
  .product__info-title h2 {
    font-size: 40px
  }
  .telecommunications-operator {
    padding-top: 30px
  }
  .telecommunications__title h3,
  .telecommunications__title span {
    font-size: 24px
  }
  .products-img {
    padding: 40px 0
  }
  .tabs__content .tabs__select h4 {
    font-size: 28px
  }
}
@media (max-width:790px) {
  .product__info-title {
    flex-direction: column;
    gap: 20px;
    align-items: center
  }
  .operators-grid {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:720px) {
  body {
    font-size: 16px
  }
  .product-info h3 {
    font-size: 32px
  }
  .product-info p {
    font-size: 16px
  }
  .product-section .section-title {
    padding-bottom: 40px;
    font-size: 40px;
    text-align: center
  }
  .product-item {
    flex-direction: column
  }
  .product-item.item-reverse {
    flex-direction: column-reverse
  }
  .benefits-desc {
    font-size: 16px
  }
  .benefits-section .d-flex h3 {
    font-size: 40px
  }
  .benefits-section .row {
    gap: 0;
    flex-direction: column
  }
  .benefits-section .row .row-col {
    width: 100%
  }
  .contact-section h2,
  .contact-section h3 {
    font-size: 40px;
    margin-bottom: 30px
  }
  .contact-section .d-flex .contact-info img {
    max-width: 300px;
    margin: 40px auto 0
  }
  .contact-section .contact-form {
    padding: 20px
  }
  a.footer-link {
    font-size: 20px
  }
  .d-register-flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px
  }
  h2.register__title {
    font-size: 40px
  }
  .register__form {
    padding: 20px
  }
  .register__form form {
    gap: 16px
  }
  .register__form .row {
    flex-direction: column;
    align-items: flex-start
  }
  .input-item.item-code,
  .register__form .row .input-item {
    width: 100%;
    max-width: 100%
  }
  .register__form .btn {
    max-width: 100%
  }
}
@media (max-width:450px) {
  .hero__title {
    font-size: 30px
  }
  .hero .d-top-flex {
    align-items: flex-start;
    margin-bottom: 43px
  }
  img.hero-bg {
    top: -30px
  }
  a.scroll-down {
    display: none
  }
  .hero {
    padding-bottom: 50px
  }
}
@media (max-width:420px) {
  .telecommunications__title h3,
  .telecommunications__title span {
    font-size: 21px
  }
  .operators-grid .operator-item {
    max-width: 160px;
    margin: 0 auto
  }
  .telecommunications__title {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px
  }
  .product__info-title p {
    font-size: 16px
  }
}
@media (max-width:61.99875em) {
  .header {
    position: fixed;
    width: 100%;
    background-color: rgba(255,255,255,.88);
    border-bottom: 1px solid #cde6ff;
    z-index: 10
  }
  .hero {
    padding-top: 120px!important
  }
  .header .d-flex {
    padding: 10px 0
  }
  .header__menu {
    width: auto
  }
  .menu__body {
    position: fixed;
    width: 80%;
    min-width: 326px;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: auto;
    background-color: #fff;
    padding: 7rem 1.8125rem 2.5rem .4375rem;
    transition: left .1s;
    text-align: right;
    z-index: 101;
    flex-direction: column;
    justify-content: space-around
  }
  .header.header-profile .menu__body {
    flex-direction: column-reverse;
    justify-content: flex-end
  }
  .header .menu__profile {
    flex-direction: column-reverse;
    margin-left: inherit;
    width: 100%;
    margin-bottom: 40px;
    align-items: flex-end
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 4.375rem;
    right: -100%;
    top: 0;
    transition: right .3s;
    z-index: 2
  }
  .menu-open .menu__body {
    right: 0
  }
  .menu-open .menu__body::before {
    right: 0
  }
  .menu__body nav {
    flex-direction: column;
    align-items: flex-end
  }
  .menu__body nav .menu__links {
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 50px;
    gap: 0
  }
  .menu__body nav .menu__links a {
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 31.179px;
    margin-bottom: 30px
  }
  .menu__body nav .menu__links a:last-child {
    margin-bottom: 0
  }
  .icon-menu {
    display: block;
    position: relative;
    border-radius: 8px;
    width: 1.3125rem;
    height: 1.3125rem;
    z-index: 102
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    position: absolute;
    width: 21px;
    height: 2px;
    background-color: #0485d8;
    border-radius: 5px;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
  }
  .icon-menu::before {
    top: 3px
  }
  .icon-menu::after {
    bottom: 4px
  }
  .icon-menu span {
    top: calc(50% - 2px)
  }
  .header__logo img {
    max-width: 120px
  }
  .menu-open .icon-menu {
    background-color: #fff
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::after,
  .menu-open .icon-menu::before {
    background-color: #0485d8
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: translate(-50%,50%) rotate(-45deg);
    transform: translate(-50%,50%) rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: translate(-50%,50%) rotate(45deg);
    transform: translate(-50%,50%) rotate(45deg)
  }
  .register-hero {
    padding-top: 100px
  }
}
@media (max-width:61.99875em) and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:49.43625em) {
  .lock body header.header .header__logo {
    opacity: .5
  }
}
@media (max-width:46.31125em) {
  .select {
    max-width: 100%
  }
}
@media (any-hover:hover) {
  .select__option:hover {
    background: #d9d9d9
  }
}
