.header-navbar {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  padding: 20px 36px;
  height: 85px;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.09);
  position: sticky !important;
  top: 20px;
  left: 0;
  transition: all 0.3s;
  z-index: 999;
}
@media (min-width: 1445px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 1440px;
  }
}
@media (min-width: 1200px) and (max-width: 1445px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    width: 98%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    border-radius: unset;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    top: 0;
    border-radius: unset;
    flex-direction: row-reverse;
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    top: 0;
    border-radius: unset;
    flex-direction: row-reverse;
    width: 100%;
  }
}
@media (min-width: 431px) and (max-width: 576px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    top: 0;
    border-radius: unset;
    flex-direction: row-reverse;
    width: 100%;
  }
}
@media (max-width: 431px) {
  .header-navbar {
    position: fixed !important;
    left: 0;
    top: 0;
    border-radius: unset;
    flex-direction: row-reverse;
    width: 100%;
    box-shadow: 0 3px 24px 0 rgba(98, 98, 98, 0.25);
  }
}
.header-navbar.scrolled {
  width: 100%;
  border-radius: unset;
  top: 0;
  padding: 20px 247px;
  z-index: 999;
  box-shadow: 0 3px 24px 0 rgba(98, 98, 98, 0.25);
}
@media (max-width: 1600px) {
  .header-navbar.scrolled {
    padding: 20px 110px;
  }
}
@media (max-width: 1400px) {
  .header-navbar.scrolled {
    padding: 20px 80px;
  }
}
@media (max-width: 992px) {
  .header-navbar.scrolled {
    padding: 20px 36px;
  }
}
.header-navbar .header-navbar__toggle {
  display: none;
}
.header-navbar .header-navbar__toggle div {
  position: relative;
  background-color: #a2a6ab;
  border-radius: 24px;
  display: block;
  height: 3px;
  margin: 6px 0;
  transition: all 0.3s ease-in-out;
  width: 25px;
}
.header-navbar .header-navbar__toggle.is-active:first-child {
  transform: translateY(9px) rotate(45deg);
}
.header-navbar .header-navbar__toggle.is-active:nth-child(2) {
  opacity: 0;
}
.header-navbar .header-navbar__toggle.is-active:last-child {
  transform: translateY(-9px) rotate(-45deg);
}
.header-navbar .header-navbar__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .header-navbar .header-navbar__menu {
    display: none;
  }
}
.header-navbar .header-navbar__menu .header-navbar__list {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.header-navbar .header-navbar__menu .header-navbar__list .header-navbar__list-item {
  margin-left: 40px;
}
.header-navbar .header-navbar__menu .header-navbar__list .header-navbar__list-item:last-of-type {
  margin-left: 0;
}
.header-navbar .header-navbar__menu .header-navbar__list .header-navbar__list-item .header-navbar__list-link {
  font-size: 15px;
  font-weight: 400;
  color: rgb(93, 100, 117);
  transition: 0.3s;
  letter-spacing: -0.02em;
}
.header-navbar .header-navbar__menu .header-navbar__list .header-navbar__list-item .header-navbar__list-link:hover {
  color: rgb(142, 213, 87);
}

.res-sidebar-panel {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  display: none;
}
.res-sidebar-panel .res-sidebar {
  background: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  transition-duration: 0.2s;
  width: 300px;
  font-size: 22px;
}
.res-sidebar-panel .res-sidebar .res-main-menu {
  background: #FFFFFF;
  width: 300px;
  height: 100%;
  box-shadow: 0 15px 10px #ccc;
  position: fixed;
  z-index: 99;
  text-align: center;
}
.res-sidebar-panel .res-sidebar .res-main-menu ul.header-navbar__list {
  margin: 0;
  padding: 30px 20px 30px 5px;
  list-style: none;
  text-align: right;
}
.res-sidebar-panel .res-sidebar .res-main-menu ul.header-navbar__list li.header-navbar__list-item {
  padding: 10px 0;
}
.res-sidebar-panel .res-sidebar .res-main-menu ul.header-navbar__list li.header-navbar__list-item a {
  display: block;
  text-decoration: none;
  color: rgb(93, 100, 117);
  font-size: 15px;
  font-weight: 400;
  line-height: 30.3px;
  transition: 0.3s;
  letter-spacing: -0.02em;
}
.res-sidebar-panel .res-sidebar .res-main-menu ul.header-navbar__list li.header-navbar__list-item a:hover {
  color: rgb(142, 213, 87);
}
.res-sidebar-panel .res-sidebar .res-main-menu a.header-navbar__btn {
  color: #FFFFFF;
  background-color: rgb(142, 213, 87);
  border-radius: 4px;
  padding: 12px 28px 10px 27px;
  transition: 0.3s;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  display: inline-flex;
  align-items: center;
  mask-image: linear-gradient(45deg, #000 25%, rgba(0, 0, 0, 0.2) 50%, #000 75%);
  mask-size: 800%;
  mask-position: 0;
}
.res-sidebar-panel .res-sidebar .res-main-menu a.header-navbar__btn:hover {
  mask-position: 120%;
  transition: mask-position 1s ease, -webkit-mask-position 1s ease;
}

.res-menu-btn {
  display: none;
}
@media (max-width: 992px) {
  .res-menu-btn {
    display: block;
    cursor: pointer;
  }
}
.res-menu-btn button {
  border: none;
  background: none;
  outline: none;
  font-size: 22px;
}
.res-menu-btn button i {
  color: rgb(179, 179, 179);
  display: block;
}

.footer {
  margin-top: 164px;
  margin-bottom: 50px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .footer {
    margin-top: 0;
  }
}
.footer::before {
  content: "";
  width: 701px;
  height: 211px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../media/css/footer-right-clouds.png") no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (max-width: 992px) {
  .footer::before {
    width: 72%;
  }
}
@media (max-width: 576px) {
  .footer::before {
    width: 100%;
  }
}
.footer::after {
  content: "";
  width: 692px;
  height: 121px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../media/css/footer-left-clouds.png") no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (max-width: 992px) {
  .footer::after {
    width: 72%;
  }
}
@media (max-width: 576px) {
  .footer::after {
    width: 100%;
  }
}
.footer .footer__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer .footer__content .footer__text {
  font-size: 20px;
  font-weight: 400;
  color: rgb(70, 78, 98);
  margin-bottom: 9px;
  letter-spacing: -0.04em;
}
@media (max-width: 576px) {
  .footer .footer__content .footer__text {
    font-size: 18px;
  }
}
.footer .footer__content .footer__link {
  font-size: 17px;
  font-weight: 400;
  color: rgb(255, 181, 30);
  margin-bottom: 26px;
  transition: 0.3s;
}
.footer .footer__content .footer__link:hover {
  color: rgb(142, 213, 87);
}
.footer .footer__content .footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .footer .footer__content .footer__btn {
    flex-direction: column;
  }
}

.button {
  color: #fff;
  border: none;
  outline: none;
  font-size: 16px;
  text-align: center;
  mask-image: linear-gradient(45deg, #000 25%, rgba(0, 0, 0, 0.2) 50%, #000 75%);
  mask-position: 0;
  mask-size: 800%;
  transition: ease 0.3s all;
  cursor: pointer;
}
.button:hover {
  color: #fff;
  mask-position: 120%;
  transition: mask-position 1s ease, -webkit-mask-position 1s ease;
}
.button:focus {
  outline: none;
}
.button__header--green {
  font-weight: 700;
  height: 40px;
  background: rgb(142, 213, 87);
  border-radius: 4px;
  padding: 12px 28px 10px 27px;
  display: flex;
  align-items: center;
}
.button__sites-list--green {
  font-weight: 600;
  padding: 20px 43px 24px 40px;
  height: 60px;
  background-image: linear-gradient(232.65deg, #8ED557 20.44%, #B7EF40 91.11%);
  box-shadow: 0 0 10px 0 rgb(101, 166, 50);
  border-radius: 30px;
  display: flex;
  align-items: center;
}
.button__sites-list--green.margin0 {
  margin-top: 0;
}
.button__sites-list--green.margin60 {
  margin-top: 60px;
}
.button__sites-list--green.margin100 {
  margin-top: 100px;
}
@media (max-width: 576px) {
  .button__sites-list--green {
    padding: 15px 25px;
    height: 45px;
    width: 372px;
    justify-content: center;
  }
}
@media (max-width: 450px) {
  .button__sites-list--green {
    width: 290px;
  }
}
.button__sites-list--red {
  font-size: 15px;
  font-weight: 400;
  width: 165px;
  height: 34px;
  color: rgb(246, 84, 14);
  border: 1px solid rgb(246, 84, 14);
  border-radius: 20px;
  mask-image: unset;
  mask-position: unset;
  mask-size: unset;
  transition: 0.3s !important;
  background: transparent;
  padding: 8px 5px 7px;
  letter-spacing: -0.04em;
}
.button__sites-list--red:hover {
  background: rgb(246, 84, 14);
  color: #fff;
  border: 1px solid transparent;
  mask-position: unset;
}
.button__sites-list--red.hide {
  opacity: 0;
  visibility: hidden;
}
.button__sites-list--red.clicked {
  color: rgb(246, 84, 14);
  border: 1px solid rgb(246, 84, 14);
  background: transparent;
  padding: 8px 5px 7px;
  cursor: unset;
  letter-spacing: -0.04em;
}
.button__economy-plans--green {
  font-size: 17px;
  font-weight: 400;
  height: 48px;
  padding: 9px 57px;
  background-image: linear-gradient(108.56deg, #8ED557 10.88%, #ABED20 149.2%);
  box-shadow: 0 3px 20px 0 rgba(142, 212, 87, 0.6);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.03em;
  mask-image: none !important;
  position: relative;
  color: #FFFFFF;
}
.button__economy-plans--green:hover {
  color: rgb(142, 213, 87);
}
.button__economy-plans--green:hover::before {
  opacity: 1 !important;
}
.button__economy-plans--green::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  transition: ease 0.3s all !important;
  background-color: #FFF !important;
  border: 1px solid #8ED557 !important;
  color: #8ED557 !important;
  opacity: 0;
}
.button__footer--gray {
  font-size: 15px;
  font-weight: 400;
  height: 48px;
  background: rgb(47, 53, 67);
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 9px 19px;
  letter-spacing: -0.04em;
}
@media (max-width: 768px) {
  .button__footer--gray {
    width: 190px;
    justify-content: space-between;
  }
}
.button__footer--gray i {
  color: #fff;
  margin-right: 14px;
  font-size: 24px;
}
.button__footer--gray--telegram {
  padding: 9px 30px;
}
@media (max-width: 768px) {
  .button__footer--gray--telegram {
    padding: 9px 19px;
  }
}

.card {
  padding: 0;
  margin: 0;
  border: unset;
  outline: unset;
  display: unset;
}

.card__properties {
  text-align: center;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 25px;
  position: relative;
  transition: 0.3s;
  height: 250px;
  padding: 0 30px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1200px) {
  .card__properties {
    margin-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .card__properties {
    height: 220px;
  }
}
@media (max-width: 768px) {
  .card__properties {
    height: 240px;
  }
}
@media (max-width: 576px) {
  .card__properties {
    height: 240px;
    width: 90%;
  }
}
.card__properties::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #7FC945 24.59%, #BBEF4D 115.16%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease-out;
}
.card__properties:hover::before {
  opacity: 1;
}
.card__properties:hover .card__properties-head--high-speed {
  background: url("../media/css/high-speed-1.png") no-repeat;
}
.card__properties:hover .card__properties-head--traffic {
  background: url("../media/css/traffic-1.png") no-repeat;
}
.card__properties:hover .card__properties-head--unlimited {
  background: url("../media/css/unlimited-1.png") no-repeat;
}
.card__properties:hover .card__properties-head--flexible-list {
  background: url("../media/css/flexible-list-1.png") no-repeat;
}
.card__properties:hover .card__properties-head--simple-activation {
  background: url("../media/css/simple-activation-1.png") no-repeat;
}
.card__properties:hover .card__properties-title {
  color: rgb(31, 79, 25);
}
.card__properties:hover .card__properties-description {
  color: #fff;
}
.card__properties .card__properties-head {
  background-size: contain;
  width: 116px;
  height: 116px;
  margin-top: -28px;
  transition: 0.3s;
}
.card__properties .card__properties-head--high-speed {
  background: url("../media/css/high-speed.png") no-repeat;
}
.card__properties .card__properties-head--traffic {
  background: url("../media/css/traffic.png") no-repeat;
}
.card__properties .card__properties-head--unlimited {
  background: url("../media/css/unlimited.png") no-repeat;
}
.card__properties .card__properties-head--flexible-list {
  background: url("../media/css/flexible-list.png") no-repeat;
}
.card__properties .card__properties-head--simple-activation {
  background: url("../media/css/simple-activation.png") no-repeat;
}
.card__properties .card__properties-title {
  font-size: 19px;
  font-weight: 400;
  color: rgb(20, 49, 78);
  transition: 0.3s;
  user-select: none;
  margin-bottom: 15px;
  line-height: 34.2px;
  letter-spacing: -0.02em;
}
.card__properties .card__properties-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 25.2px;
  color: rgb(20, 49, 78);
  transition: 0.3s;
  user-select: none;
  letter-spacing: -0.02em;
}

.card__economy-plan {
  background: #fff;
  overflow: visible;
  border-radius: 30px;
  padding: 0 8px 37px;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: 0.3s;
}
.card__economy-plan:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1200px) {
  .card__economy-plan {
    margin-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .card__economy-plan {
    width: 90%;
  }
}
.card__economy-plan--special-offer .card__economy-plan-head .card__economy-plan-title .card__economy-plan-title-badge {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.card__economy-plan .card__economy-plan-head .card__economy-plan-thumbnail {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 30px;
  overflow: hidden;
  padding-top: 180px;
  margin-top: -56px;
  margin-bottom: 0;
  z-index: 1;
}
.card__economy-plan .card__economy-plan-head .card__economy-plan-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.card__economy-plan .card__economy-plan-head .card__economy-plan-title {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  margin: 0 10px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(176deg, #FFFFFF 62.57%, #F2F2F2 97.38%);
  border-radius: 0 0 20px 20px;
  text-align: center;
  white-space: nowrap;
  color: rgb(60, 67, 84);
  letter-spacing: -0.04em;
}
@media (max-width: 576px) {
  .card__economy-plan .card__economy-plan-head .card__economy-plan-title {
    font-size: 20px;
    height: 60px;
  }
}
.card__economy-plan .card__economy-plan-head .card__economy-plan-title .card__economy-plan-title-badge {
  font-size: 14px;
  font-weight: 600;
  width: 102px;
  height: 25px;
  border-radius: 20px;
  padding: 6px 14px 5px 13px;
  background: rgb(242, 17, 58);
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  box-shadow: 0 2px 15px 0 rgba(242, 17, 58, 0.3);
  display: none;
  letter-spacing: -0.04em;
}
.card__economy-plan .card__economy-plan-main {
  padding: 0 36px;
}
@media (max-width: 1500px) {
  .card__economy-plan .card__economy-plan-main {
    padding: 0 15px;
  }
}
@media (max-width: 1400px) {
  .card__economy-plan .card__economy-plan-main {
    padding: 0 7px;
  }
}
@media (max-width: 1200px) {
  .card__economy-plan .card__economy-plan-main {
    padding: 0 37px;
  }
}
@media (max-width: 576px) {
  .card__economy-plan .card__economy-plan-main {
    padding: 0 15px;
  }
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-price {
  font-size: 48px;
  font-weight: 700;
  color: rgb(254, 194, 72);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0 18px;
}
@media (max-width: 576px) {
  .card__economy-plan .card__economy-plan-main .card__economy-plan-price {
    font-size: 38px;
  }
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-price span {
  font-size: 15px;
  font-weight: 600;
  color: rgb(146, 146, 146);
  margin-right: 8px;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-option {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-option .plan-option {
  font-size: 14px;
  font-weight: 600;
  height: 35px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 74px;
  white-space: nowrap;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-option .plan-option--green {
  background: rgba(142, 213, 87, 0.3);
  color: rgb(60, 107, 23);
  letter-spacing: -0.03em !important;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-option .plan-option--orange {
  background: rgb(255, 232, 185);
  color: rgb(71, 71, 71);
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-config ul {
  padding: 20px 0;
  margin: 24px 0 20px;
  position: relative;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-config ul::before {
  content: "";
  height: 1px;
  width: 100%;
  background-image: radial-gradient(45% 13050% at 46.21% 50%, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-config ul::after {
  content: "";
  height: 1px;
  width: 100%;
  background-image: radial-gradient(45% 13050% at 46.21% 50%, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-config ul li {
  line-height: 32px;
  display: flex;
  align-items: center;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-config ul li i {
  font-size: 20px;
  color: #929292;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-left: 12px;
}
.card__economy-plan .card__economy-plan-main .card__economy-plan-config ul li span {
  font-size: 16px;
  font-weight: 400;
  color: rgb(60, 67, 84);
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .card__economy-plan .card__economy-plan-main .card__economy-plan-config ul li span {
    font-size: 15px;
  }
}
.card__economy-plan .card__economy-plan-main .button__economy-plans--green span {
  z-index: 1;
  position: relative;
}

.input {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04em;
  outline: unset;
  border: unset;
  padding: 20px 33px;
  border-radius: 30px;
  width: 518px;
  height: 60px;
  color: rgb(125, 134, 144);
  background: rgb(243, 243, 243);
  transition: ease 0.3s all;
}
@media (max-width: 768px) {
  .input {
    width: 372px;
  }
}
@media (max-width: 576px) {
  .input {
    padding: 15px 25px;
    height: 50px;
  }
}
@media (max-width: 450px) {
  .input {
    width: 290px;
  }
}
.input:focus {
  outline: none;
}
.input::placeholder {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: rgb(125, 134, 144);
}

.hero {
  background-image: url("../media/css/hero-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 100%;
  height: auto;
  min-height: 71vh;
  position: relative;
  overflow: visible;
  padding: 230px 0 0;
}
@media (max-width: 992px) {
  .hero {
    padding-top: 150px;
  }
}
.hero::before {
  content: "";
  background: url("../media/css/hero-right-cloud.png") no-repeat;
  background-size: contain;
  width: 430px;
  height: 170px;
  position: absolute;
  bottom: 90px;
  right: 17%;
  z-index: 1;
}
@media (max-width: 992px) {
  .hero::before {
    width: 45%;
    bottom: 40%;
    right: 0;
  }
}
@media (max-width: 768px) {
  .hero::before {
    width: 57%;
    bottom: 30%;
  }
}
@media (max-width: 576px) {
  .hero::before {
    height: 20%;
    width: 52%;
    bottom: 30%;
  }
}
.hero::after {
  content: "";
  background: url("../media/css/hero-left-cloud.png") no-repeat;
  background-size: contain;
  width: 549px;
  height: 217px;
  position: absolute;
  bottom: -46px;
  left: 263px;
}
@media (max-width: 992px) {
  .hero::after {
    width: 57%;
    bottom: 20%;
    left: 0;
  }
}
@media (max-width: 768px) {
  .hero::after {
    width: 72%;
  }
}
@media (max-width: 576px) {
  .hero::after {
    height: 20%;
    width: 52%;
    bottom: 15%;
  }
}
.hero .hero__head {
  z-index: 1;
  position: relative;
  text-align: center;
}
.hero .hero__head .hero__head-title {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 30px;
  letter-spacing: -0.05em;
}
@media (max-width: 992px) {
  .hero .hero__head .hero__head-title {
    font-size: 38px;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .hero .hero__head .hero__head-title {
    font-size: 34px;
  }
}
.hero .hero__head .hero__head-subtitle {
  font-size: 18px;
  font-weight: 400;
  color: rgb(47, 82, 20);
  letter-spacing: -0.05em;
}
@media (max-width: 992px) {
  .hero .hero__head .hero__head-subtitle {
    font-size: 16px;
  }
}
.hero .hero__img {
  position: absolute;
  bottom: -190px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 992px) {
  .hero .hero__img {
    bottom: -210px;
  }
}
@media (max-width: 576px) {
  .hero .hero__img {
    bottom: -70px;
  }
}
@media (max-width: 992px) {
  .hero .hero__img img.hero-plan {
    width: 100%;
  }
}
.hero .hero__img .hero__rtl-logo {
  position: absolute;
  top: 41.9%;
  left: 54.4%;
}
.hero .hero__img .hero__rtl-logo .rtl-logo {
  position: relative;
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border {
  position: absolute;
  border: 1px solid #478915;
  border-radius: 50%;
  animation: pulse 4s infinite;
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(1) {
  width: 72px;
  height: 72px;
  opacity: 1;
  top: -13px;
  left: -10px;
}
@media (max-width: 576px) {
  .hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(1) {
    width: 50px;
    height: 50px;
    opacity: 1;
    top: -3px;
    left: 0;
  }
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(2) {
  width: 112px;
  height: 112px;
  opacity: 0.9;
  top: -32px;
  left: -30px;
}
@media (max-width: 576px) {
  .hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(2) {
    width: 70px;
    height: 70px;
    opacity: 0.9;
    top: -13px;
    left: -10px;
  }
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(3) {
  width: 171px;
  height: 171px;
  opacity: 0.7;
  top: -59px;
  left: -59px;
}
@media (max-width: 576px) {
  .hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(3) {
    width: 90px;
    height: 90px;
    opacity: 0.7;
    top: -22px;
    left: -20px;
  }
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(4) {
  width: 258px;
  height: 258px;
  opacity: 0.5;
  top: -102px;
  left: -102px;
}
@media (max-width: 576px) {
  .hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(4) {
    width: 115px;
    height: 115px;
    opacity: 0.5;
    top: -35px;
    left: -32px;
  }
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(5) {
  width: 351px;
  height: 351px;
  opacity: 0.3;
  top: -150px;
  left: -150px;
}
@media (max-width: 576px) {
  .hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(5) {
    width: 140px;
    height: 140px;
    opacity: 0.3;
    top: -46px;
    left: -45px;
  }
}
.hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(6) {
  width: 443px;
  height: 443px;
  opacity: 0.1;
  top: -200px;
  left: -200px;
}
@media (max-width: 576px) {
  .hero .hero__img .hero__rtl-logo .rtl-logo .pulse-border:nth-child(6) {
    width: 190px;
    height: 190px;
    opacity: 0.1;
    top: -73px;
    left: -70px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.hero .hero__img .hero__img-brands img {
  transition: 0.3s;
  z-index: 2;
  position: relative;
}
@media (max-width: 992px) {
  .hero .hero__img .hero__img-brands img {
    width: 10%;
  }
}
.hero .hero__img .hero__img-brands .trello {
  position: absolute;
  top: 0;
  left: 25.5%;
}
@media (max-width: 992px) {
  .hero .hero__img .hero__img-brands .trello {
    left: 10%;
  }
}
.hero .hero__img .hero__img-brands .slack {
  position: absolute;
  top: 11%;
  left: 52.5%;
}
.hero .hero__img .hero__img-brands .yoast {
  position: absolute;
  top: 30%;
  left: 64%;
}
@media (max-width: 992px) {
  .hero .hero__img .hero__img-brands .yoast {
    left: 80%;
  }
}
.hero .hero__img .hero__img-brands .strip {
  position: absolute;
  top: 64%;
  left: 73%;
}
.hero .hero__img .hero__img-brands .zoom {
  position: absolute;
  top: 85%;
  left: 44%;
}
.hero .hero__img .hero__img-brands .mySql {
  position: absolute;
  top: 39%;
  left: 39%;
}
@media (max-width: 992px) {
  .hero .hero__img .hero__img-brands .mySql {
    top: 25%;
    left: 30%;
  }
}
.hero .hero__img .hero__img-brands .zeplin {
  position: absolute;
  top: 63%;
  left: 30%;
}
@media (max-width: 992px) {
  .hero .hero__img .hero__img-brands .zeplin {
    top: 53%;
    left: 15%;
  }
}

.properties {
  margin-top: 200px;
  padding-top: 150px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}
@media (max-width: 992px) {
  .properties {
    margin-top: 150px;
  }
}
@media (max-width: 768px) {
  .properties {
    margin-top: 200px;
  }
}
@media (max-width: 576px) {
  .properties {
    margin-top: 0;
  }
}
.properties .properties__head {
  margin-bottom: 85px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 992px) {
  .properties .properties__head {
    margin-bottom: 45px;
  }
}
.properties .properties__head .properties__head-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 35px;
  color: rgb(70, 78, 98);
  letter-spacing: -0.04em;
}
@media (max-width: 992px) {
  .properties .properties__head .properties__head-title {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .properties .properties__head .properties__head-title {
    margin-bottom: 25px;
  }
}
.properties .properties__head .properties__head-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: rgb(108, 133, 157);
  width: 856px;
  letter-spacing: -0.02em;
}
@media (max-width: 992px) {
  .properties .properties__head .properties__head-description {
    width: 100%;
    font-size: 14px;
  }
}

.sites-list {
  margin-top: 60px;
  padding-top: 130px;
  position: relative;
}
@media (max-width: 1200px) {
  .sites-list {
    margin-top: 0;
  }
}
@media (max-width: 992px) {
  .sites-list {
    padding-top: 100px;
  }
}
.sites-list::before {
  content: "";
  background: url("../media/css/sites-list-right-clouds.png") no-repeat;
  background-size: contain;
  width: 233px;
  height: 299px;
  position: absolute;
  top: 30px;
  right: 152px;
  z-index: -1;
}
@media (max-width: 992px) {
  .sites-list::before {
    display: none;
  }
}
.sites-list::after {
  content: "";
  background: url("../media/css/sites-list-left-clouds.png") no-repeat;
  background-size: contain;
  width: 266px;
  height: 278px;
  position: absolute;
  top: 30px;
  left: 198px;
  z-index: -1;
}
@media (max-width: 992px) {
  .sites-list::after {
    display: none;
  }
}
.sites-list .sites-list__head {
  text-align: center;
  margin-bottom: 90px;
}
@media (max-width: 576px) {
  .sites-list .sites-list__head {
    margin-bottom: 50px;
  }
}
.sites-list .sites-list__head .sites-list__head-title {
  font-size: 32px;
  font-weight: 700;
  color: rgb(70, 78, 98);
  margin-bottom: 20px;
  letter-spacing: -0.04em;
}
@media (max-width: 992px) {
  .sites-list .sites-list__head .sites-list__head-title {
    font-size: 24px;
  }
}
.sites-list .sites-list__head .sites-list__head-subtitle {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 54px;
  color: rgb(142, 213, 87);
  letter-spacing: -0.05em;
}
@media (max-width: 992px) {
  .sites-list .sites-list__head .sites-list__head-subtitle {
    font-size: 15px;
    margin-bottom: 34px;
  }
}
.sites-list .sites-list__head .sites-list__head-form {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 576px) {
  .sites-list .sites-list__head .sites-list__head-form {
    flex-direction: column;
    align-items: center;
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .loader {
  border: 4px solid #ddd;
  border-radius: 50%;
  border-top: 4px solid #8ed557;
  width: 30px;
  height: 30px;
  animation: spin 1.5s linear infinite;
  position: absolute;
  top: 15px;
  left: 15px;
  transition: ease 0.3s all;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .loader.show-loader {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 576px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .loader {
    top: 10px;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input {
  width: 410px;
  margin-top: 2px;
  display: flex;
  justify-content: center;
  border-radius: 0 0 20px 20px;
  transition: ease 0.3s all;
}
@media (max-width: 768px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input {
    width: 290px;
  }
}
@media (max-width: 576px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input {
    width: 250px;
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input img {
  width: 20px;
  margin-left: 5px;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--success {
  background: rgba(142, 213, 87, 0.12);
  padding: 11px 60px 15px 60px;
  min-height: 49px;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
  align-items: start;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--success.show {
  top: 100%;
  opacity: 1;
  z-index: 1;
}
@media (max-width: 768px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--success {
    padding: 11px 10px;
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--success .success-title {
  font-size: 14px;
  font-weight: 400;
  color: rgb(82, 156, 118);
  text-align: right;
  white-space: nowrap;
  letter-spacing: -0.04em;
}
@media (max-width: 768px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--success .success-title {
    white-space: unset;
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error {
  background: rgba(246, 84, 14, 0.12);
  padding: 11px 58px 11px 59px;
  min-height: 94px;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error {
    padding: 11px 10px;
  }
}
@media (max-width: 576px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error {
    top: -220%;
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error.show {
  top: 100%;
  opacity: 1;
  z-index: 1;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .form-input--error-head {
  display: flex;
  align-items: start;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .form-input--error-head .error-title {
  font-size: 14px;
  font-weight: 400;
  color: rgb(246, 84, 14);
  display: block;
  text-align: right;
  letter-spacing: -0.04em;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .send-to-supporter {
  position: relative;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .send-to-supporter .send-to-supporter-loader {
  border: 3px solid rgba(246, 84, 14, 0.12);
  border-top: 3px solid red;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  animation: supporter-spin 1.5s linear infinite;
  opacity: 0;
  visibility: hidden;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .send-to-supporter .send-to-supporter-loader.show-supporter-loader {
  opacity: 1;
  visibility: visible;
}
@keyframes supporter-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .send-to-supporter button {
  margin-top: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--error .send-to-supporter button i {
  font-size: 18px;
  font-weight: 400;
  margin-left: 5px;
  margin-top: -4px;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info {
  background: rgba(246, 84, 14, 0.12);
  padding: 11px 58px 11px 59px;
  min-height: 94px;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info {
    padding: 11px 10px;
  }
}
@media (max-width: 576px) {
  .sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info {
    top: -220%;
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info.show {
  top: 100%;
  opacity: 1;
  z-index: 1;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .form-input--info-head {
  display: flex;
  align-items: start;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .form-input--info-head .info-title {
  font-size: 14px;
  font-weight: 400;
  color: rgb(246, 84, 14);
  display: block;
  text-align: right;
  letter-spacing: -0.04em;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .send-to-supporter {
  position: relative;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .send-to-supporter .send-to-supporter-loader {
  border: 3px solid rgba(246, 84, 14, 0.12);
  border-top: 3px solid red;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  animation: supporter-spin 1.5s linear infinite;
  opacity: 0;
  visibility: hidden;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .send-to-supporter .send-to-supporter-loader.show-supporter-loader {
  opacity: 1;
  visibility: visible;
}
@keyframes supporter-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .send-to-supporter button {
  margin-top: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sites-list .sites-list__head .sites-list__head-form .sites-list__head-form-input .form-input--info .send-to-supporter button i {
  font-size: 18px;
  font-weight: 400;
  margin-left: 5px;
  margin-top: -4px;
}
.sites-list .sites-list__images {
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, transparent);
}
.sites-list .sites-list__images .sites-list__images-scroll {
  position: relative;
  display: flex;
  white-space: nowrap;
  animation: infinite-scroll 70s linear infinite;
}
.sites-list .sites-list__images .sites-list__images-scroll:nth-child(2) {
  animation: infinite-scroll-reverse 70s linear infinite;
  animation-direction: reverse;
}
@keyframes infinite-scroll {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes infinite-scroll-reverse {
  0% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
.sites-list .sites-list__images .sites-list__images-scroll img {
  display: inline-flex;
  margin: 24px 16px;
}
@media (max-width: 992px) {
  .sites-list .sites-list__images .sites-list__images-scroll img {
    width: 50%;
    margin: 18px 10px;
  }
}
@media (max-width: 768px) {
  .sites-list .sites-list__images .sites-list__images-scroll img {
    width: 35%;
    margin: 14px 6px;
  }
}
@media (max-width: 576px) {
  .sites-list .sites-list__images .sites-list__images-scroll img {
    width: 20%;
  }
}
.sites-list .domain-name {
  z-index: 3;
  text-align: center;
  direction: ltr;
}

.economy-plan {
  margin-top: 75px;
  text-align: center;
  position: relative;
}
@media (max-width: 576px) {
  .economy-plan {
    margin-top: 50px;
  }
}
.economy-plan::before {
  content: "";
  background: url("../media/css/plans-background.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  min-height: 540px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.economy-plan .economy-plan__head {
  padding-top: 85px;
  margin-bottom: 125px;
}
@media (max-width: 768px) {
  .economy-plan .economy-plan__head {
    margin-bottom: 100px;
    padding-top: 50px;
  }
}
.economy-plan .economy-plan__head .economy-plan__head-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: -0.04em;
}
@media (max-width: 576px) {
  .economy-plan .economy-plan__head .economy-plan__head-title {
    font-size: 24px;
  }
}
.economy-plan .economy-plan__head .economy-plan__head-subtitle {
  font-size: 17px;
  font-weight: 400;
  color: rgb(53, 70, 89);
  letter-spacing: -0.05em;
}
@media (max-width: 576px) {
  .economy-plan .economy-plan__head .economy-plan__head-subtitle {
    font-size: 15px;
  }
}

body {
  font-family: "Yekan Bakh FaNum";
  direction: rtl;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  scroll-behavior: smooth;
}

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1440px !important;
  }
}

/*# sourceMappingURL=Index.css.map */