* {
  padding: 0;
  margin: 0;
  border: none
}
*,
*::after,
*::before {
  box-sizing: border-box
}
a {
  text-decoration: none
}
a,
a:link,
a:visited {
  text-decoration: none
}
a:hover {
  text-decoration: none
}
aside,
footer,
header,
main,
nav,
section {
  display: block
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit
}
ul,
ul li {
  list-style: none
}
img {
  vertical-align: top
}
img,
svg {
  max-width: 100%;
  height: auto
}
address {
  font-style: normal
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input::-ms-clear {
  display: none
}
button,
input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: rgba(0,0,0,0);
  background: 0 0;
  cursor: pointer
}
button:active,
button:focus,
input:active,
input:focus {
  outline: 0
}
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
label {
  cursor: pointer
}
legend {
  display: block
}
:root {
  --general-color: #2b2f33;
  --grey-color: #707a8a;
  --blue-color: #0069a8;
  --white-color: #ffffff;
  --hover-blue: #0a7ec0;
  --hover-grey: #e4e7ec
}
body,
html {
  height: 100%;
  font-family: Manrope,sans-serif;
  font-weight: 500
}
html {
  scroll-behavior: smooth
}
* {
  color: var(--general-color)
}
.wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column
}
.wrapper-container {
  flex: 1 1 auto
}
[class*=__container] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px
}
@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url(../fonts/Manrope-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url(../fonts/Manrope-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url(../fonts/Manrope-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: icons;
  src: url(../fonts/icons.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block
}
[class*=" _icon-"]::before,
[class^=_icon-]::before {
  font-family: icons!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
._icon-arrow:before {
  content: "";
  color: #707070
}
._icon-search:before {
  content: "";
  color: #707070
}
._icon-close:before {
  content: "";
  color: #707070
}
._icon-destination:before {
  content: "";
  color: #707070
}
.header {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding: 25px 0;
  transition: padding .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out,background-color 0s,-webkit-transform .3s ease-in-out;
  transition: padding .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out,background-color 0s;
  transition: padding .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out,background-color 0s,-webkit-transform .3s ease-in-out
}
.header.scrolled {
  padding: 15px 0;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.1019607843);
  background-color: #fff
}
.header.menu-opened {
  z-index: 9999;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.1019607843)
}
.header.menu-opened::after {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1019607843);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 4px;
  z-index: 9999999999;
  display: flex
}
.header .logo {
  min-width: 155px;
  max-width: 155px;
  width: 155px;
  height: 30px
}
.header__blocks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px
}
.header .mobile-see {
  display: none
}
.header__burger-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 25px;
  width: 100%
}
.header__info {
  display: flex;
  align-items: center;
  gap: 18px
}
.header__info-support .block-mobile {
  display: none
}
.header__info .support {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600
}
.header__info .support p {
  transition: color .3s ease-in-out;
  line-height: 140%
}
.header__info .support p:hover {
  color: var(--hover-blue)
}
.header__info .block-mobile-email {
  display: none
}
.header__info-email {
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  width: 100%;
  border-bottom: 1px solid #d7e0ec;
  transition: color .3s ease-in-out
}
.header__info-email a:hover {
  color: var(--hover-blue)
}
.header__info-email .name {
  font-size: 14px;
  color: #707a8a;
  font-weight: 500
}
.header .phone-dropdown {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif
}
.header .phone-dropdown .name {
  display: none
}
.header .phone-current {
  display: flex;
  gap: 5px;
  font-family: Manrope,sans-serif;
  font-weight: 600;
  background-color: #f2f4f7;
  border-radius: 8px;
  padding: 8px 0;
  justify-content: center;
  transition: background-color .2s ease-in-out;
  width: 175px;
  align-items: center
}
.header .phone-current .black-arrow {
  display: block
}
.header .phone-current .white-arrow {
  display: none
}
.header .phone-current:hover {
  background-color: #f2f4f7
}
.header .phone-current a {
  color: var(--general-color);
  line-height: 140%
}
.header .phone-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
  overflow: hidden;
  max-height: 0;
  transition: all .3s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  margin-top: 7px;
  padding: 3px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  box-shadow: 0 4px 30px 0 rgba(43,58,78,.1019607843);
  border-radius: 8px
}
.header .phone-list li {
  padding: 5px 10px;
  font-family: Manrope;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0
}
.header .phone-list li:hover {
  background-color: #f2f4f7;
  border-radius: 8px
}
.header .phone-dropdown.open .phone-list {
  max-height: 500px;
  opacity: 1
}
.header .header-arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.header .header-arrow.rotated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.header__btns {
  display: flex;
  align-items: center;
  gap: 12px
}
.header__btns .btn {
  padding: 8px 22px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px
}
.header__btns .btn-replenish {
  background-color: #f2f4f7;
  transition: background-color .3s ease-in-out
}
.header__btns .btn-replenish:hover {
  background-color: var(--hover-grey)
}
.header__btns .btn-entrance {
  background-color: var(--blue-color);
  color: var(--white-color);
  transition: background-color .3s ease-in-out
}
.header__btns .btn-entrance:hover {
  background-color: var(--hover-blue)
}
.menu__list {
  display: flex;
  align-items: center;
  gap: 20px
}
.menu__list .block-mobile {
  display: none
}
.menu__item.active .menu__link {
  color: var(--blue-color)
}
.menu__link {
  font-size: 16px;
  transition: color .3s ease-in-out
}
.menu__link:hover {
  color: var(--hover-blue)
}
#nav-icon3 {
  display: none
}
#nav-icon3 span:nth-child(1) {
  top: 0
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 7px
}
#nav-icon3 span:nth-child(4) {
  top: 14px
}
#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%
}
.footer__blocks {
  border-top: 1px solid #d7e0ec;
  padding-top: 32px
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 26px;
  border-bottom: 1px solid #d7e0ec
}
.footer__list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  justify-content: space-between;
  width: 100%
}
.footer__item {
  display: flex;
  flex-direction: column
}
.footer__item .name {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 14px
}
.footer__item ul {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.footer__item li a {
  transition: color .2s ease-in-out
}
.footer__item li a:hover {
  color: var(--hover-blue)
}
.footer__item a,
.footer__item li,
.footer__item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%
}
.footer__item .map-destination {
  margin-top: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-decoration: underline;
  text-decoration-style: solid;
  color: #3785fa;
  transition: color .2s ease-in-out
}
.footer__item .map-destination:hover {
  color: var(--hover-blue)
}
.footer__item .work-schedule {
  display: flex;
  flex-direction: column
}
.footer__item .work-schedule * {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%
}
.footer__item .work-schedule__item {
  display: flex;
  gap: 40px;
  white-space: nowrap
}
.footer__item .work-schedule__item p {
  width: 60px;
  white-space: nowrap
}
.footer__item .work-schedule .without-break {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  margin-top: 4px;
  color: #707a8a
}
.footer__item .without-break {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  margin-top: 4px;
  color: #707a8a
}
.footer .contact-information .header__info {
  display: none
}
.footer .contact-information .header__info {
  display: none;
  align-items: center;
  gap: 18px
}
.footer .contact-information .header__info-support .block-mobile {
  display: none
}
.footer .contact-information .header__info .support {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600
}
.footer .contact-information .header__info .support p {
  transition: color .3s ease-in-out;
  line-height: 140%
}
.footer .contact-information .header__info .support p:hover {
  color: var(--hover-blue)
}
.footer .contact-information .header__info .block-mobile-email {
  display: none
}
.footer .contact-information .header__info-email {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 0 16px 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  width: 100%;
  border-bottom: 1px solid #d7e0ec;
  transition: color .3s ease-in-out
}
.footer .contact-information .header__info-email a:hover {
  color: var(--hover-blue)
}
.footer .contact-information .header__info-email .name {
  font-size: 14px;
  color: #707a8a;
  font-weight: 500
}
.footer .contact-information .phone-dropdown {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .3s ease-in-out
}
.footer .contact-information .phone-dropdown .name {
  display: none
}
.footer .contact-information .phone-current {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: Manrope,sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%
}
.footer .contact-information .phone-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  z-index: 100;
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 7px
}
.footer .contact-information .phone-list li {
  line-height: 140%;
  font-size: 18px
}
.footer .contact-information .phone-list li:hover {
  background-color: var(--hover-grey)
}
.footer .contact-information .phone-dropdown.open .phone-list {
  max-height: 650px;
  padding-top: 12px
}
.footer .contact-information .header-arrow {
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.footer .contact-information .header-arrow.rotated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.footer .contact-information__blocks {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 24px
}
.footer .contact-information__block {
  border-radius: 18px;
  width: 100%;
  background-color: #ebf4f9;
  padding: 23px 15px 23px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px
}
.footer .contact-information__block-wrap {
  display: flex;
  align-items: center;
  gap: 3px
}
.footer .contact-information__block a {
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  transition: color .2s ease-in-out
}
.footer .contact-information__block a:hover {
  color: var(--hover-blue)
}
.footer .contact-information__block .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #707a8a
}
.footer .contact-information__block-mail a {
  font-size: 20px
}
.footer .footer-bottom .logo {
  min-width: 177px;
  max-width: 177px;
  width: 177px;
  height: 32px
}
.footer .footer-bottom__blocks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 26px 0
}
.footer .footer-bottom__left {
  display: flex;
  align-items: center;
  gap: 16px
}
.footer .footer-bottom__left .descript {
  font-size: 14px;
  line-height: 150%;
  color: #707a8a
}
.footer .footer-bottom__right {
  display: flex;
  align-items: center;
  gap: 26px
}
.footer .footer-bottom__right * {
  font-size: 14px;
  line-height: 100%
}
.footer .footer-bottom__right .policy {
  color: #3785fa;
  transition: color .2s ease-in-out
}
.footer .footer-bottom__right .policy:hover {
  color: var(--hover-blue)
}
.footer .footer-bottom__right .policy br {
  display: none
}
.footer .footer-bottom__right .author a {
  color: #3785fa;
  transition: color .2s ease-in-out
}
.footer .footer-bottom__right .author a:hover {
  color: var(--hover-blue)
}
.footer .footer-bottom__right .author br {
  display: none
}
.footer .footer-bottom__right .up {
  white-space: nowrap;
  transition: color .2s ease-in-out;
  cursor: pointer
}
.footer .footer-bottom__right .up:hover {
  color: var(--hover-blue)
}
.tariffs__blocks {
  width: 100%
}
.tariffs__tabs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px
}
.tariffs__btns {
  display: flex;
  align-items: center;
  justify-content: start;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-bottom: 1px solid #d7e0ec
}
.tariffs__btns::-webkit-scrollbar {
  display: none
}
.tariffs__btn {
  padding: 8px 22px;
  transition: all .2s ease-in-out;
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: 600;
}
.tariffs__btn:hover {
  color: var(--blue-color);
  background: rgba(235,244,249,.351);
  border-radius: 8px 8px 0 0
}
.tariffs__btn.active {
  color: var(--blue-color);
  background: #ebf4f9;
  border-radius: 8px 8px 0 0
}
.tariffs__contents {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: start;
  position: relative;
  overflow-x: hidden;
  gap: 24px
}
.tariffs__content {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,transform .3s ease;
  transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
  width: 100%
}
.tariffs__content.active {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  position: relative;
  width: 100%
}
.tariffs__content-wrapper {
  display: flex;
  align-items: start;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch
}
.tariffs__content-item {
  flex: 0 0 300px;
  width: 300px;
  scroll-snap-align: start;
  background-color: #f9fafc;
  padding: 34px 25px;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  scroll-snap-align: center
}
.tariffs__content .tariffs-item .name {
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  color: #707a8a
}
.tariffs__content .tariffs-item .descript-general {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%
}
.tariffs__content .tariffs-item .descript {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%
}
.tariffs__content .tariffs-item .rec-mark-no-active {
  display: flex;
  align-items: center;
  gap: 10px
}
.tariffs__content .tariffs-item .rec-mark-no-active .rec-mark {
  background: #2b2f33;
  color: #fff;
  padding: 6px 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  border-radius: 32px
}
.tariffs__content .tariffs-item .rec-mark-active {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tariffs__content .tariffs-item .rec-mark-active .descript-general {
  color: var(--blue-color);
  line-height: 120%
}
.tariffs__content .tariffs-item .rec-mark-active .rec-mark {
  background: #2b2f33;
  color: #fff;
  padding: 6px 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  border-radius: 32px
}
.tariffs__content .tariffs-item__top {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 22px;
  border-bottom: 1px solid #d7e0ec
}
.tariffs-item__top:has(.tv-package-block){
  border-bottom: none;
  padding-bottom: 0px;
}
.tariffs__content .tariffs-item__middle {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.tariffs__content .tariffs-item__block-price {
  display: flex;
  flex-direction: column;
  gap: 6px
}
.tariffs__content .tariffs-item__block-price .price {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%
}
.tariffs__content .tariffs-item__block-price .price span {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%
}
.tariffs__content .tariffs-item .tariff-discount,
.order-popup__discount {
  padding: 6px 8px;
  background-color: #ebf4f9;
  border-radius: 32px;
  color: var(--blue-color);
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  line-height: 140%;
  max-width: 165px;
  width: 100%
}
.order-popup__discount{
  width: auto;
  display: inline-block;
  margin-top: 14px;
}
.tariffs__content .tariffs-item__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px
}
.tariffs__content .tariffs-item__bottom .tariffs-item__btn {
  background-color: var(--general-color);
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border-radius: 8px;
  padding: 12px 10px;
  transition: background-color .3s ease-in-out
}
.tariffs__content .tariffs-item__bottom .tariffs-item__btn:hover {
  background-color: var(--hover-blue)
}
.tariffs__content .tariffs-item__bottom p {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  color: #707a8a
}
.tariffs__content .tariffs-item__block-chanel .tariffs-item__block-wrap {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px
}
.tariffs__content .tariffs-item__block-chanel .tariffs-item__block-wrap .descript-general2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%
}
.tariffs__content .tariffs-item__block-chanel .tariffs-item__block-wrap .chanels {
  font-size: 16px;
  line-height: 100%
}
.tariffs__content .tariffs-item__block-chanel ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px
}
.tariffs__content .rec-item .tariffs-item__btn {
  background-color: var(--blue-color)
}
.tariffs-request {
  background: linear-gradient(153.48deg,#ebf4f9 0,#f9fafc 100%);
  border-radius: 18px
}
.tariffs-request__blocks {
  padding: 34px 25px;
  display: flex;
  flex-direction: column;
  gap: 24px
}
.tariffs-request__top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 270px
}
.tariffs-request__top h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%
}
.tariffs-request__top p {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #2b2f33
}
.tariffs-request__form {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.tariffs-request__form .form {
  display: flex;
  flex-direction: column;
  gap: 18px
}
.tariffs-request__form .form .form__input,
.text-input {
  border: 1px solid #d9e9f2;
  background-color: #fff;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
  border-radius: 8px;
  width: 100%;
}
.tariffs-request__form .form .form__input:focus,
.text-input:focus {
  border-color: #0069a8;
}
.tariffs-request__form .form .form__button {
  background-color: var(--general-color);
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border-radius: 8px;
  padding: 13px 10px;
  transition: background-color .3s ease-in-out
}
.tariffs-request__form .form .form__button:hover {
  background-color: var(--hover-blue)
}
.form-policy{
margin-top: 12px;
}
.tariffs-request__form p,
.form-policy {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #707a8a
}
.tariffs-request__form p span,
.tariffs-request__form p a,
.form-policy a {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #707a8a;
  text-decoration: underline;
  text-decoration-style: solid
}
.pagination {
  align-items: center;
  gap: 20px;
  display: none;
  margin-top: 24px
}
.pagination .dot {
  height: 5px;
  min-width: 52px;
  max-width: 52px;
  width: 52px;
  background: #f0f6fa;
  border-radius: 4px;
  position: relative;
  flex: 1;
  overflow: hidden
}
.pagination .dot.active::after {
  -webkit-animation: fillDot 0s linear forwards;
  animation: fillDot 0s linear forwards
}
.pagination .dot::after {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #0069a8;
  width: 0%
}
@-webkit-keyframes fillDot {
  from {
    width: 0%
  }
  to {
    width: 100%
  }
}
@keyframes fillDot {
  from {
    width: 0%
  }
  to {
    width: 100%
  }
}
.main {
  margin-top: 100px
}
.main-slider {
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 28px 52px 60px 52px
}
.main-slider::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  transition: opacity .4s ease,background-image .4s ease
}
/* .main-slider.slide-1::before {
  background-image: url(../img/main/bg-01.webp)
}
.main-slider.slide-2::before {
  background-image: url(../img/main/bg-02.webp)
}
.main-slider.slide-3::before {
  background-image: url(../img/main/bg-03.webp)
}
.main-slider.slide-4::before {
  background-image: url(../img/main/bg-04.webp)
} */
.main-slider .slide-4 * {
  /* color: #fff */
}
.main-slider__slide {
  display: none;
  -webkit-animation: fade .5s ease-in-out;
  animation: fade .5s ease-in-out;
  margin-top: 88px;
  opacity: 0;
  transition: opacity .4s ease;
  min-height: 385px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab
}
.main-slider__slide-active {
  opacity: 1;
  display: block
}
.main-slider__slide-content {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 76px
}
.main-slider__badge {
  background: var(--general-color);
  color: #fff;
  display: inline-block;
  padding: 6px 16px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  border-radius: 32px;
  margin-bottom: 14px
}
.main-slider__title {
  font-weight: 700;
  font-size: 62px;
  line-height: 120%
}
.main-slider__text {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  max-width: 670px;
  width: 100%;
  margin-top: 12px
}
.main-slider__button {
  padding: 16px 28px;
  background: #0069a8;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  transition: background-color .3s ease-in-out
}
.main-slider__button:hover {
  background-color: var(--hover-blue)
}
.main-slider__pagination {
  position: absolute;
  top: 28px;
  left: 40px;
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
  gap: 20px
}
.main .main-slider__dot {
  height: 5px;
  width: 100%;
  background: rgba(255,255,255,.5);
  border-radius: 4px;
  position: relative;
  flex: 1;
  overflow: hidden
}
.main .main-slider__dot::after {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  width: 0%
}
@keyframes fillDot {
  from {
    width: 0%
  }
  to {
    width: 100%
  }
}
.main .main-slider__dot-active::after {
  -webkit-animation: fillDot .3s linear forwards;
  animation: fillDot .3s linear forwards
}
.main .main-slider__nav {
  position: absolute;
  bottom: 70px;
  right: 52px;
  display: flex;
  gap: 15px
}
.main .main-slider__nav #prev {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.main .main-slider__nav #next {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.main .main-slider__nav-button {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  border: none;
  background: #fff;
  color: #000;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  transition: background-color .2s ease-in-out
}
.main .main-slider__nav-button:hover {
  /* background-color: var(--hover-grey) */
}
.main .main-slider__nav-button img{
  transition: filter .2s ease-in-out
}
.main .main-slider__nav-button:hover img{
  filter: brightness(0) saturate(100%) invert(20%) sepia(73%) saturate(3108%) hue-rotate(186deg) brightness(99%) contrast(104%);
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fade {
  from {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.services-cards__blocks {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  justify-content: space-between;
  gap: 24px;
  margin-top: 32px
}
.services-cards .show-mobile {
  display: none
}
.services-cards .hide-mobile {
  display: grid
}
.services-cards__item {
  display: flex;
  align-items: center;
  border: 1px solid #d7e0ec;
  width: 100%;
  justify-content: center;
  gap: 18px;
  cursor: pointer;
  background-color: var(--white-color);
  border-radius: 18px;
  padding: 23px 10px 23px 10px;
  transition: all .3s ease-in-out
}
.services-cards__item:hover {
  background-color: var(--hover-grey)
}
.services-cards__item:hover .services-cards__arrow {
  -webkit-transform: translateX(4px);
  transform: translateX(4px)
}
.services-cards__item img {
  pointer-events: none
}
.services-cards__text {
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  max-width: 162px;
  width: 100%
}
.services-cards__icon {
  display: flex;
  justify-content: center
}
.services-cards__arrow {
  padding: 0;
  margin: 0;
  line-height: 100%;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}
.recommended-tariffs {
  margin-top: 92px
}
.recommended-tariffs .title {
  font-weight: 700;
  font-size: 52px;
  line-height: 110%
}
.additional-services {
  margin-top: 92px
}
.additional-services .pagination {
  justify-content: center
}
.additional-services .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%
}
.additional-services__list {
  margin-top: 32px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 24px;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.additional-services__list::-webkit-scrollbar {
  display: none
}
.additional-services__item {
  width: 100%;
  min-width: 302px;
  min-height: 322px;
  background: #f5f5f5;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 22px
}
.additional-services__top {
  display: flex;
  justify-content: space-between
}
.additional-services__top .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  max-width: 185px;
  width: 100%
}
.additional-services__below {
  display: flex;
  flex-direction: column;
  gap: 14px
}
.additional-services__below p {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #2b2f33
}
.additional-services .additional-services__btn-activate {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #3785fa
}
.additional-services .additional-services__btn-activate span {
  color: #3785fa;
  display: inline-block;
  transition: all .3s ease-in-out
}
.additional-services .additional-services__btn-activate:hover {
  color: var(--hover-blue)
}
.additional-services .additional-services__btn-activate:hover span {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  color: var(--hover-blue)
}
.superpower__block-mobile {
  margin: 0 auto;
  justify-content: center;
  max-width: 355px;
  width: 100%;
  display: none
}
.superpower {
  background-color: #ebf4f9;
  margin-top: 92px
}
.superpower__blocks {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between
}
.superpower__picture {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.superpower .superpower-content {
  max-width: 680px;
  width: 100%;
  justify-content: start;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 44px
}
.superpower .superpower-content__top {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: start
}
.superpower .superpower-content__top .above-title {
  padding: 6px 16px;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  background-color: #2b2f33;
  color: #fff;
  line-height: 140%;
  border-radius: 32px
}
.superpower .superpower-content__top .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%
}
.superpower .superpower-content__list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 44px
}
.superpower .superpower-content__item {
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px
}
.superpower .superpower-content__item img {
  width: 50px;
  max-height: 40px
}
.superpower .superpower-content__item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #2b2f33
}
.why-works {
  margin: 92px 0;
}
.why-works .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%
}
.why-works__content:not(:has(.why-works-bg)){
  padding: 20px 20px 32px 20px;
  display: flex;
  flex-direction: column;
}
.why-works__content:not(:has(.why-works-bg)) .why-works__content-info{
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
.why-works__contents {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 32px
}
.why-works__content {
  border-radius: 18px;
  min-height: 360px
}
.why-works__content-1 {
  position: relative;
  max-width: 628px;
  max-width: 100%;
  width: 100%;
  padding: 32px
}
.why-works__content-1 .why-works-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../img/main/why-works-picture.webp);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 18px
}
.why-works__content-1 .why-works-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px
}
.why-works__content-2 {
  position: relative;
  background-color: #f5f5f5;
  padding: 20px 20px 32px 20px;
  display: flex;
  flex-direction: column
}
.why-works__content-2::after {
  position: absolute;
  right: 37px;
  top: 40px;
  content: "";
  min-width: 44px;
  min-height: 44px;
  background-image: url(../img/svg/why-works-clock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99
}
.why-works__content-info {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: auto
}
.why-works__content-info .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%
}
.why-works__content-info .descript {
  font-weight: 500;
  min-width: 260px;
  font-size: 16px;
  line-height: 140%
}
.why-works__content-3 {
  position: relative;
  background-color: #2b2f33;
  padding: 20px 20px 32px 20px;
  display: flex;
  flex-direction: column
}
.why-works__content-3::after {
  position: absolute;
  right: 40px;
  top: 35px;
  content: "";
  min-width: 32px;
  min-height: 56px;
  background-image: url(../img/svg/why-works-phone.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99
}
.why-works__content-3 .why-works__content-info * {
  color: #fff
}
.internet-tv .main-media {
  background: linear-gradient(89.91deg,#ebf4f9 .08%,#f9fafc 99.92%);
  padding-top: 100px
}
.internet-tv .main-media__blocks {
  padding: 72px 0;
  display: flex;
  flex-direction: column;
  gap: 52px
}
.internet-tv .main-media__top {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 auto;
  text-align: center;
  align-items: center
}
.internet-tv .main-media__badge {
  background-color: #2b2f33;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  padding: 6px 18px;
  border-radius: 32px
}
.internet-tv .main-media__title {
  font-weight: 700;
  font-size: 62px;
  line-height: 120%;
  text-align: center;
  width: 100%
}
.internet-tv .main-media__descript {
  font-size: 18px;
  line-height: 140%;
  text-align: center
}
.internet-tv .main-media__list {
  display: flex;
  justify-content: center;
  gap: 52px
}
.internet-tv .main-media__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 205px;
  width: 100%
}
.internet-tv .main-media__item p {
  font-size: 16px;
  line-height: 140%;
  text-align: center
}
.internet-tv .main-media__item img {
  max-height: 45px
}
.faq-tabs {
  margin: 0 auto;
  margin-top: 92px
}
.faq-tabs__wrap {
  padding-bottom: 42px;
  border-bottom: 1px solid #d7e0ec
}
.faq-tabs__blocks {
  max-width: 800px;
  width: 100%;
  margin: 0 auto
}
.faq-tabs .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%;
  margin-bottom: 40px;
  text-align: center
}
.faq-tabs__nav {
  display: flex;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #d7e0ec;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.faq-tabs__nav::-webkit-scrollbar {
  display: none
}
.faq-tabs__btn {
  padding: 8px 22px;
  transition: all .2s ease-in-out;
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0
}
.faq-tabs__btn:hover {
  color: var(--blue-color);
  background: rgba(235,244,249,.351);
  border-radius: 8px 8px 0 0
}
.faq-tabs__btn.active {
  color: var(--blue-color);
  background: #ebf4f9;
  border-radius: 8px 8px 0 0
}
.faq-tabs__content {
  display: none
}
.faq-tabs__content.active {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px
}
.faq-tabs .faq-item {
  border-radius: 18px;
  background-color: #f9fafc
}
.faq-tabs .faq-item__question {
  width: 100%;
  text-align: left;
  background: 0 0;
  border: none;
  padding: 18px 24px;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.faq-tabs .faq-item__question.active .faq-item__arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.faq-tabs .faq-item__arrow {
  min-width: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 20px;
  margin-left: 10px;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.faq-tabs .faq-item__answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 16px;
  font-size: 14px;
  transition: max-height .4s ease,opacity .4s ease,margin .4s ease,padding .4s ease
}
.faq-tabs .faq-item__answer.open {
  opacity: 1;
  margin-bottom: 30px
}
.support-service {
  margin-top: 24px;
  width: 100%
}
.support-service__blocks {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}
.support-service__top {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.support-service__top .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%
}
.support-service__top .descript {
  font-size: 16px;
  line-height: 140%
}
.support-service__list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  width: 100%
}
.support-service .contact-information__block {
  border-radius: 18px;
  width: 100%;
  background-color: #ebf4f9;
  padding: 23px 15px 23px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px
}
.support-service .contact-information__block a {
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  transition: color .2s ease-in-out
}
.support-service .contact-information__block a:hover {
  color: var(--hover-blue)
}
.support-service .contact-information__block .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #707a8a
}
.support-service .contact-information__block-mail a {
  font-size: 20px
}
.support-service .contact-information__block-wrap {
  display: flex;
  align-items: center;
  gap: 3px
}
.support-service .header__info {
  display: none
}
.support-service .header__info {
  display: none;
  align-items: center;
  gap: 18px
}
.support-service .header__info-support .block-mobile {
  display: none
}
.support-service .header__info .support {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600
}
.support-service .header__info .support p {
  transition: color .3s ease-in-out;
  line-height: 140%
}
.support-service .header__info .support p:hover {
  color: var(--hover-blue)
}
.support-service .header__info .block-mobile-email {
  display: none
}
.support-service .header__info-email {
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  width: 100%;
  border-bottom: 1px solid #d7e0ec;
  transition: color .3s ease-in-out
}
.support-service .header__info-email a:hover {
  color: var(--hover-blue)
}
.support-service .header__info-email .name {
  font-size: 14px;
  color: #707a8a;
  font-weight: 500
}
.support-service .phone-dropdown {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif
}
.support-service .phone-dropdown .name {
  display: none
}
.support-service .phone-current {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: Manrope,sans-serif;
  font-weight: 600
}
.support-service .phone-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  z-index: 100;
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 7px
}
.support-service .phone-list li {
  padding: 5px 10px
}
.support-service .phone-list li:hover {
  background-color: var(--hover-grey)
}
.support-service .phone-dropdown.open .phone-list {
  max-height: 500px
}
.support-service .header-arrow {
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.support-service .header-arrow.rotated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.internet .recommended-tariffs {
  margin-top: 136px
}
.internet .recommended-tariffs__blocks {
  display: flex;
  flex-direction: column;
  gap: 15px
}
.internet .recommended-tariffs__top {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px
}
.internet .recommended-tariffs__top .descript {
  max-width: 680px;
  width: 100%;
  line-height: 140%;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .internet .recommended-tariffs__top .descript{
    font-size: 16px;
  }
}
.optics .main-media {
  background: linear-gradient(89.91deg,#ebf4f9 .08%,#f9fafc 99.92%);
  padding-top: 100px
}
.optics .main-media__blocks {
  padding: 72px 0;
  display: flex;
  flex-direction: column;
  gap: 52px
}
.optics .main-media__top {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 auto;
  text-align: center;
  align-items: center
}
.optics .main-media__badge {
  background-color: #2b2f33;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  padding: 6px 18px;
  border-radius: 32px
}
.optics .main-media__title {
  font-weight: 700;
  font-size: 62px;
  line-height: 120%;
  max-width: 760px;
  text-align: center;
  width: 100%
}
.optics .main-media__descript {
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  max-width: 550px;
  width: 100%
}
.optics .main-media__list {
  display: flex;
  justify-content: center;
  gap: 52px
}
.optics .main-media__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 250px;
  width: 100%
}
.optics .main-media__item h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center
}
.optics .main-media__item p {
  font-size: 16px;
  line-height: 140%;
  text-align: center
}
.optics .main-media__item img {
  max-height: 45px;
  margin-bottom: 15px
}
.how-connect {
  margin-top: 136px
}
.how-connect .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%;
  margin-bottom: 32px
}
.how-connect__list {
  gap: 24px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  width: 100%
}
.how-connect__item {
  padding: 22px 22px 32px 22px;
  border-radius: 18px;
  width: 100%;
  min-height: 322px;
  background-color: #f5f5f5;
  gap: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.how-connect__item .number {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%;
  color: #0069a8
}
.how-connect__item .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%
}
.how-connect__item .descript {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  width: 260px
}
.how-connect__info {
  gap: 14px;
  display: flex;
  flex-direction: column
}
.how-connect__item-one {
  max-width: 100%;
  width: 100%;
  background-color: #ebf4f9
}
.how-connect__item-one .descript {
  max-width: 100%;
  width: 100%
}
.how-connect__btn {
  font-weight: 700;
  font-size: 16px;
  color: #3785fa;
  line-height: 100%
}
.how-connect__btn span {
  color: #3785fa;
  display: inline-block;
  transition: all .3s ease-in-out
}
.how-connect__btn:hover {
  color: var(--hover-blue)
}
.how-connect__btn:hover span {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  color: var(--hover-blue)
}
.action {
  margin-top: 136px
}
.action .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%;
  margin-bottom: 32px
}
.action__wrap {
  display: flex;
  flex-direction: column;
  gap: 42px
}
.action__cards {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  row-gap: 24px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px
}
.action__card {
  padding: 32px;
  border-radius: 18px;
  background-color: #f5f5f5;
  min-height: 350px;
  position: relative;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  cursor: pointer
}
.action__card .action__bg {
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 18px;
  pointer-events: none;
  opacity: 0.5;
}
.action__card .action__label {
  padding: 6px 16px;
  border-radius: 32px;
  background-color: #2b2f33;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff
}
.action__card .descript {
  max-width: 400px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%
}
.action__card-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.action__card-wrap h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%
}
.action__card-no-active {
  opacity: .5;
  pointer-events: none
}
.action__card-no-active .action__label {
  padding: 6px 16px;
  border-radius: 32px;
  background-color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #2b2f33
}
.action .popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.2);
  justify-content: center;
  align-items: center;
  z-index: 9999
}
.action .popup__wrap {
  position: relative;
  max-width: 630px;
  width: 100%;
  height: 85%;
  margin: 90px 15px 90px 15px;
  background: #fff;
  border-radius: 18px;
  z-index: 99;
  overflow-y: auto
}
.action .popup__wrap::-webkit-scrollbar {
  width: 0;
  height: 4px
}
.action .popup__wrap::-webkit-scrollbar-track {
  background: rgba(0,0,0,0)
}
.action .popup__wrap::-webkit-scrollbar-thumb {
  background-color: #0069a8;
  border-radius: 18px
}
.action .popup__wrap::-webkit-scrollbar-thumb:hover {
  background-color: #004975
}
.action .hidden {
  display: none
}
.action .popup.active {
  display: flex;
  box-shadow: 0 4px 30px 0 rgba(0,0,0,.3019607843)
}
.action .popup__content {
  padding: 52px 42px;
  position: relative
}
.action .popup__close {
  position: absolute;
  
  top: 11%;
  right: max(calc(50% - 296px), 32px);
  cursor: pointer;
  font-size: 35px;
  padding: 0;
  font-weight: 600;
  margin: 0;
  z-index: 99999;
  transition: color .3s ease-in-out
}
.action .popup__close:hover {
  color: var(--hover-blue)
}
.action .popup__content-hidden {
  display: none
}
.action__toggle-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border-radius: 8px;
  background-color: #2b2f33;
  max-width: 252px;
  width: 100%;
  color: #fff;
  padding: 12px 10px;
  margin: 0 auto
}
.action .popup__content__blocks {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 52px 42px
}
.action .popup__content__top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
  padding-bottom: 24px;
  border-bottom: 1px solid #d7e0ec
}
.action .popup__content__top .action__label {
  padding: 6px 16px;
  border-radius: 32px;
  background-color: #2b2f33;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff
}
.action .popup__content__name {
  font-weight: 700;
  font-size: 54px;
  line-height: 100%
}
.action .popup__content__descript {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%
}
.action .popup__content__wrap {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d7e0ec
}
.action .popup__content__list {
  display: flex;
  flex-direction: column;
  gap: 18px
}
.action .popup__content__item {
  line-height: 140%;
  font-weight: 500;
  font-size: 16px
}
.action .popup__content-action {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #3785fa
}
.action .popup__content-action span {
  color: #3785fa;
  display: inline-block;
  transition: all .3s ease-in-out
}
.action .popup__content-action:hover {
  color: var(--hover-blue)
}
.action .popup__content-action:hover span {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  color: var(--hover-blue)
}
.action .popup__support-service__top {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.action .popup__support-service__top .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%
}
.action .popup__support-service .support-service2 {
  margin-top: 24px;
  width: 100%
}
.action .popup__support-service .support-service2__blocks {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}
.action .popup__support-service .support-service2__top {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.action .popup__support-service .support-service2__top .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%
}
.action .popup__support-service .support-service2__top .descript {
  font-size: 16px;
  line-height: 100%
}
.action .popup__support-service .support-service2__list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 24px;
  align-items: start;
  width: 100%
}
.action .popup__support-service .support-service2 .support-service2__block {
  border-radius: 18px;
  width: 100%;
  background-color: #ebf4f9;
  padding: 16px 12px 16px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 100px
}
.action .popup__support-service .support-service2 .support-service2__block:last-child {
  padding: 16px 15px 16px 20px
}
.action .popup__support-service .support-service2 .support-service2__block a {
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  transition: color .2s ease-in-out
}
.action .popup__support-service .support-service2 .support-service2__block a:hover {
  color: var(--hover-blue)
}
.action .popup__support-service .support-service2 .support-service2__block .hide-mobile {
  display: flex
}
.action .popup__support-service .support-service2 .support-service2__block .show-mobile {
  display: none
}
.action .popup__support-service .support-service2 .support-service2__block .name {
  font-family: Manrope;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #707a8a
}
.action .popup__support-service .support-service2 .support-service2__block-destionation {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.action .popup__support-service .support-service2 .support-service2__block-destionation a {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #3785fa
}
.action .popup__support-service .support-service2 .support-service2__block-destionation p {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%
}
.action .popup__support-service .support-service2 .support-service2__block-destionation p span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%
}
.action .popup__support-service .support-service2 .support-service2__block-wrap {
  display: flex;
  align-items: center;
  gap: 3px
}
.action .popup__support-service .support-service2 .phone-dropdown {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  font-family: sans-serif;
  width: 100%;
  border-bottom: none
}
.action .popup__support-service .support-service2 .phone-dropdown .name {
  display: block;
  font-size: 14px;
  color: #707a8a;
  line-height: 140%;
  padding: 0;
  margin: 0;
  padding: 0 2px
}
.action .popup__support-service .support-service2 .phone-current {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: Manrope,sans-serif;
  font-weight: 600;
  border-radius: 8px;
  justify-content: space-between;
  width: 100%
}
.action .popup__support-service .support-service2 .phone-current .black-arrow {
  display: block
}
.action .popup__support-service .support-service2 .phone-current .white-arrow {
  display: none;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.action .popup__support-service .support-service2 .phone-current:hover {
  background-color: rgba(0,0,0,0)
}
.action .popup__support-service .support-service2 .phone-current a {
  color: var(--general-color);
  line-height: 140%
}
.action .popup__support-service .support-service2 .phone-current a:hover {
  color: var(--general-color)
}
.action .popup__support-service .support-service2 .phone-list {
  position: absolute;
  top: 53px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
  overflow: hidden;
  max-height: 0;
  transition: all .3s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  padding: 3px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  box-shadow: 0 4px 30px 0 rgba(43,58,78,.1019607843);
  border-radius: 8px
}
.action .popup__support-service .support-service2 .phone-list li {
  padding: 5px 10px
}
.action .popup__support-service .support-service2 .phone-list li a {
  font-family: Manrope;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0
}
.action .popup__support-service .support-service2 .phone-list li a:hover {
  color: var(--general-color)
}
.action .popup__support-service .support-service2 .phone-list li:hover {
  background-color: #f2f4f7;
  border-radius: 8px
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-list {
  max-height: 500px;
  opacity: 1
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-current {
  background-color: #2b2f33;
  padding: 8px 8px 8px 8px
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-current a {
  color: #fff;
  line-height: 140%
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-current .black-arrow {
  /* display: none; */
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-current .white-arrow {
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  /* display: flex */
}
.action .popup__support-service .header-arrow {
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.action .popup__support-service .header-arrow.rotated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.contacts {
  margin-top: 90px
}
.contacts__blocks {
  position: relative;
  min-height: 650px;
  display: flex;
  flex-direction: column;
  align-items: start
}
.contacts__blocks::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  border-radius: 18px;
  background-image: url(../img/main/contacts-bg.webp)
}
.contacts__support-service .support-service {
  margin-top: 24px;
  width: 100%
}
.contacts__support-service .support-service__blocks {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}
.contacts__support-service .support-service__top {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.contacts__support-service .support-service__top .name {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%
}
.contacts__support-service .support-service__top .descript {
  font-size: 16px;
  line-height: 100%
}
.contacts__support-service .support-service__list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 24px;
  align-items: start;
  width: 100%
}
.contacts__support-service .support-service .contact-information__block {
  border-radius: 18px;
  width: 100%;
  background-color: #ebf4f9;
  padding: 23px 15px 23px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 100px
}
.contacts__support-service .support-service .contact-information__block:first-child {
  padding: 16px 12px 16px 12px
}
.contacts__support-service .support-service .contact-information__block a {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  transition: color .2s ease-in-out
}
.contacts__support-service .support-service .contact-information__block a:hover {
  color: var(--hover-blue)
}
.contacts__support-service .support-service .contact-information__block .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #707a8a
}
.contacts__support-service .support-service .contact-information__block-destionation {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.contacts__support-service .support-service .contact-information__block-destionation a {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #3785fa
}
.contacts__support-service .support-service .contact-information__block-destionation p {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%
}
.contacts__support-service .support-service .contact-information__block-destionation p span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%
}
.contacts__support-service .support-service .contact-information__block-mail a {
  font-size: 20px
}
.contacts__support-service .support-service .contact-information__block .hide-mobile {
  display: flex
}
.contacts__support-service .support-service .contact-information__block .show-mobile {
  display: none
}
.contacts__support-service .support-service .contact-information__block-wrap {
  display: flex;
  align-items: center;
  gap: 3px
}
.contacts__support-service .support-service .header__info {
  display: none
}
.contacts__support-service .support-service .header__info {
  display: none;
  align-items: center;
  gap: 18px
}
.contacts__support-service .support-service .header__info-support .block-mobile {
  display: none
}
.contacts__support-service .support-service .header__info .support {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600
}
.contacts__support-service .support-service .header__info .support p {
  transition: color .3s ease-in-out
}
.contacts__support-service .support-service .header__info .support p:hover {
  color: var(--hover-blue)
}
.contacts__support-service .support-service .header__info .block-mobile-email {
  display: none
}
.contacts__support-service .support-service .header__info-email {
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  width: 100%;
  border-bottom: 1px solid #639;
  transition: color .3s ease-in-out
}
.contacts__support-service .support-service .header__info-email a:hover {
  color: var(--hover-blue)
}
.contacts__support-service .support-service .header__info-email .name {
  font-size: 14px;
  color: #707a8a;
  font-weight: 500
}
.contacts__support-service .support-service .phone-dropdown {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  font-family: sans-serif;
  width: 100%;
  border-bottom: none
}
.contacts__support-service .support-service .phone-dropdown .name2 {
  display: block;
  font-size: 14px;
  color: #707a8a;
  line-height: 140%;
  padding: 0 10px;
  font-family: Manrope,sans-serif;
  font-weight: 500
}
.contacts__support-service .support-service .phone-current {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: Manrope,sans-serif;
  font-weight: 600;
  border-radius: 8px;
  padding: 0 8px 0 8px;
  justify-content: space-between;
  transition: background-color .2s ease-in-out;
  width: 100%
}
.contacts__support-service .support-service .phone-current .black-arrow {
  display: block
}
.contacts__support-service .support-service .phone-current .white-arrow {
  display: none
}
.contacts__support-service .support-service .phone-current:hover {
  background-color: rgba(0,0,0,0)
}
.contacts__support-service .support-service .phone-current a {
  color: var(--general-color);
  line-height: 140%
}
.contacts__support-service .support-service .phone-current a:hover {
  color: var(--general-color)
}
.contacts__support-service .support-service .phone-list {
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
  overflow: hidden;
  max-height: 0;
  transition: all .3s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  margin-top: 7px;
  padding: 3px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  box-shadow: 0 4px 30px 0 rgba(43,58,78,.1019607843);
  border-radius: 8px
}
.contacts__support-service .support-service .phone-list li {
  padding: 5px 10px
}
.contacts__support-service .support-service .phone-list li a {
  font-family: Manrope;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0
}
.contacts__support-service .support-service .phone-list li a:hover {
  color: var(--general-color)
}
.contacts__support-service .support-service .phone-list li:hover {
  background-color: #f2f4f7;
  border-radius: 8px
}
.contacts__support-service .support-service .phone-dropdown.open .phone-list {
  max-height: 500px;
  opacity: 1
}
.contacts__support-service .support-service .phone-dropdown.open .phone-current {
  /* background-color: #2b2f33; */
  /* padding: 8px */
}
.contacts__support-service .support-service .phone-dropdown.open .phone-current a {
  /* color: #fff; */
  /* line-height: 140% */
}
.contacts__support-service .support-service .phone-dropdown.open .phone-current .black-arrow {
  /* display: none */
}
.contacts__support-service .support-service .phone-dropdown.open .phone-current .white-arrow {
  /* display: flex; */
  /* -webkit-transform: rotate(0); */
  /* transform: rotate(0) */
}
.contacts__info {
  padding: 42px 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto
}
.contacts__info * {
  color: #fff
}
.contacts__info .title {
  font-weight: 700;
  font-size: 54px;
  line-height: 110%;
  letter-spacing: 0
}
.contacts__info .descript {
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  line-height: 140%
}
@media (max-width:1340px) {
  .header__info-support{
    display: none;
  }
  .menu__list{
    gap: 15px
  }
  .menu__link{
    /* font-size: 14px; */
  }
  .phone-current a, .footer .contact-information .phone-current a, .support-service .phone-current a, .contacts__support-service .support-service .phone-current a{
    font-size: 15px !important;
  }
  .btn-replenish{
    /* display: none; */
  }
}
@media (max-width:1024px) {
  .header__info-support{
    display: block;
  }
  .btn-replenish{
    display: block;
  }
  .header {
    background-color: #fff;
    z-index: 9999
  }
  .header {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1019607843);
    padding: 15px 0
  }
  .header .header__btns,
  .header .header__info,
  .header .menu {
    display: none
  }
  .header .mobile-see {
    display: flex
  }
  .header .mobile-see .header__btns,
  .header .mobile-see .header__info,
  .header .mobile-see .menu {
    display: flex
  }
  .header__burger-wrap {
    position: fixed;
    inset: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    transition: opacity .3s ease,top .5s ease,background-color .5s ease,visibility 0s linear .3s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,top .5s ease,background-color .5s ease,visibility 0s linear .3s;
    transition: opacity .3s ease,transform .3s ease,top .5s ease,background-color .5s ease,visibility 0s linear .3s,-webkit-transform .3s ease;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 60px;
    padding: 34px 15px 0;
    overflow-y: auto;
    background-color: #fff
  }
  .header__burger-wrap.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .3s ease,background-color .5s ease,top .3s ease,-webkit-transform .5s ease;
    transition: opacity .3s ease,background-color .5s ease,top .3s ease,transform .5s ease;
    transition: opacity .3s ease,background-color .5s ease,top .3s ease,transform .5s ease,-webkit-transform .5s ease
  }
  .header__info {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 0
  }
  .header__info-support {
    padding-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #d7e0ec
  }
  .header__info-support .block-mobile {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #707a8a;
    transition: color .3s ease-in-out
  }
  .header__info-support .block-mobile:hover {
    color: var(--hover-blue)
  }
  .header__info .support {
    font-size: 22px;
    line-height: 100%
  }
  .header__info .support .none-mobile {
    display: none
  }
  .header__info .block-mobile-email {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 22px;
    line-height: 140%
  }
  .header__info .block-mobile-email p {
    transition: color .3s ease-in-out;
    line-height: 140%
  }
  .header__info .block-mobile-email p:hover {
    color: var(--hover-blue)
  }
  .header .phone-dropdown {
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #d7e0ec
  }
  .header .phone-dropdown .name {
    display: block;
    font-size: 14px;
    color: #707a8a
  }
  .header .phone-current {
    width: 100%;
    justify-content: space-between;
    background-color: rgba(0,0,0,0);
    padding: 8px 0
  }
  .header .phone-current:hover {
    background-color: rgba(0,0,0,0)
  }
  .header .phone-current a {
    color: #2b2f33;
    font-family: Manrope;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0
  }
  .header .phone-current .black-arrow {
    display: block
  }
  .header .phone-current .white-arrow {
    display: none
  }
  .header .phone-list {
    position: relative;
    top: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: none
  }
  .header .phone-list li {
    padding: 5px 10px;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Manrope;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%
  }
  .header__btns {
    margin-top: 32px;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 32px
  }
  .header__btns .btn {
    width: 100%
  }
  .menu__list {
    flex-direction: column;
    align-items: start;
    gap: 18px;
    margin-bottom: 30px;
    position: relative
  }
  .menu__list .block-mobile {
    display: flex
  }
  .menu__item {
    position: relative
  }
  .menu__item.active::after {
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 35px;
    width: 3px;
    content: "";
    background-color: #0069a8;
    border-radius: 16px
  }
  .menu__item.active .menu__link {
    color: var(--blue-color)
  }
  .menu__item.active .menu__link:hover {
    color: var(--hover-blue)
  }
  .menu__link {
    font-size: 22px;
    position: relative
  }
  #nav-icon3 {
    width: 25px;
    height: 15px;
    position: relative;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer;
    display: flex
  }
  #nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--general-color);
    border-radius: 50px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .25s ease-in-out
  }
  .footer .contact-information .header__info-support {
    padding-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #d7e0ec
  }
  .footer .contact-information .header__info-support .block-mobile {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #707a8a;
    transition: color .3s ease-in-out
  }
  .footer .contact-information .header__info-support .block-mobile:hover {
    color: var(--hover-blue)
  }
  .footer .contact-information .header__info .support {
    font-size: 22px;
    line-height: 100%
  }
  .footer .contact-information .header__info .support .none-mobile {
    display: none
  }
  .footer .contact-information .header__info .block-mobile-email {
    display: flex
  }
  .footer .contact-information .phone-dropdown {
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #d7e0ec
  }
  .footer .contact-information .phone-dropdown .name {
    display: block;
    line-height: 140%;
    font-size: 14px;
    color: #707a8a;
    margin-top: 3px
  }
  .footer .contact-information .phone-current {
    width: 100%;
    justify-content: space-between
  }
  .footer .contact-information .phone-list {
    position: relative;
    top: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all .3s ease
  }
  .footer .contact-information .phone-list li {
    font-family: Manrope;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0
  }
  .footer .contact-information .phone-list li:last-child {
    margin-bottom: 12px
  }
  .tariffs__contents {
    flex-direction: column;
    gap: 24px
  }
  .tariffs__contents__wrap {
    width: 100%
  }
  .tariffs-request {
    margin: 0 auto;
    margin-top: 8px
  }
  .main {
    margin-top: 60px
  }
  .internet-tv .main-media {
    padding-top: 60px
  }
  .faq-tabs {
    margin-top: 60px
  }
  .support-service .header__info-support {
    padding-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #d7e0ec
  }
  .support-service .header__info-support .block-mobile {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #707a8a;
    transition: color .3s ease-in-out
  }
  .support-service .header__info-support .block-mobile:hover {
    color: var(--hover-blue)
  }
  .support-service .header__info .support {
    font-size: 22px;
    line-height: 100%
  }
  .support-service .header__info .support .none-mobile {
    display: none
  }
  .support-service .header__info .block-mobile-email {
    display: flex
  }
  .support-service .phone-dropdown {
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #d7e0ec
  }
  .support-service .phone-dropdown .name {
    display: block;
    font-size: 14px;
    color: #707a8a
  }
  .support-service .phone-current {
    width: 100%;
    justify-content: space-between
  }
  .support-service .phone-list {
    position: relative;
    top: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: none
  }
  .support-service .phone-list li {
    padding: 5px 10px
  }
  .optics .main-media {
    padding-top: 60px
  }
  .action .popup__support-service .support-service2 .phone-dropdown .name {
    padding: 0 2px
  }
  .action .popup__support-service .support-service2 .phone-dropdown {
    padding: 16px 0;
    width: 100%;
    border-bottom: none;
    padding: 0
  }
  .action .popup__support-service .support-service2 .phone-current {
    width: 100%;
    justify-content: space-between;
    background-color: rgba(0,0,0,0);
    padding: 8px 0
  }
  .action .popup__support-service .support-service2 .phone-current:hover {
    background-color: rgba(0,0,0,0)
  }
  .action .popup__support-service .support-service2 .phone-current a {
    color: #2b2f33;
    font-family: Manrope;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0
  }
  .action .popup__support-service .support-service2 .phone-current .black-arrow {
    display: block
  }
  .action .popup__support-service .support-service2 .phone-current .white-arrow {
    display: none
  }
  .action .popup__support-service .support-service2 .phone-list li:hover {
    background-color: rgba(0,0,0,0)
  }
  .contacts {
    margin-top: 47px
  }
  .contacts__support-service .support-service .contact-information__block:first-child {
    padding: 23px 15px 23px 22px
  }
  .contacts__support-service .support-service .header__info-support {
    width: 100%;
    border-bottom: 1px solid transparent
  }
  .contacts__support-service .support-service .header__info-support .block-mobile {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #707a8a;
    transition: color .3s ease-in-out
  }
  .contacts__support-service .support-service .header__info-support .block-mobile:hover {
    color: var(--hover-blue)
  }
  .contacts__support-service .support-service .header__info .support {
    font-size: 22px;
    line-height: 100%
  }
  .contacts__support-service .support-service .header__info .support .none-mobile {
    display: none
  }
  .contacts__support-service .support-service .header__info .block-mobile-email {
    display: flex
  }
  .contacts__support-service .support-service .phone-dropdown .name2 {
    padding: 0 2px
  }
  .contacts__support-service .support-service .phone-dropdown {
    padding: 16px 0;
    width: 100%;
    border-bottom: none;
    padding: 0
  }
  .contacts__support-service .support-service .phone-current {
    width: 100%;
    justify-content: space-between;
    background-color: rgba(0,0,0,0);
    padding: 8px 0
  }
  .contacts__support-service .support-service .phone-current:hover {
    background-color: rgba(0,0,0,0)
  }
  .contacts__support-service .support-service .phone-current a {
    color: #2b2f33;
    font-family: Manrope;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0
  }
  .contacts__support-service .support-service .phone-current .black-arrow {
    display: block
  }
  .contacts__support-service .support-service .phone-current .white-arrow {
    display: none
  }
  .contacts__support-service .support-service .phone-list {
    position: relative;
    top: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: rgba(0,0,0,0)
  }
  .contacts__support-service .support-service .phone-list li {
    padding: 5px 0;
    background-color: rgba(0,0,0,0);
    border-radius: 0
  }
  .contacts__support-service .support-service .phone-list li:hover {
    background-color: rgba(0,0,0,0)
  }
}
@media (max-width:1330px) {
  .tariffs__content-wrapper {
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
  }
  .tariffs__content-wrapper::-webkit-scrollbar {
    display: none
  }
}
@media (max-width:1300px) {
  .header__blocks{
    gap: 5px
  }
  .footer .contact-information__blocks {
    grid-template-columns: repeat(4,1fr);
    gap: 16px
  }
  .contacts__support-service .support-service__list {
    gap: 16px;
    grid-template-columns: repeat(2,1fr)
  }
  .contacts__support-service .support-service .contact-information__block .hide-mobile {
    display: none
  }
  .contacts__support-service .support-service .contact-information__block .show-mobile {
    display: flex
  }
  .contacts__support-service .support-service .phone-dropdown.open .phone-current {
    padding: 0;
    padding-bottom: 5px;
    background-color: rgba(0,0,0,0)
  }
  .contacts__support-service .support-service .phone-dropdown.open .phone-current a {
    color: #2b2f33
  }
  .contacts__support-service .support-service .phone-dropdown.open .phone-current a:hover {
    color: #2b2f33
  }
  .contacts__support-service .support-service .phone-dropdown.open .phone-current .black-arrow {
    display: flex
  }
  .contacts__support-service .support-service .phone-dropdown.open .phone-current .white-arrow {
    display: none
  }
}
@media (max-width:1200px) {
  .footer .contact-information__blocks{
    grid-template-columns: repeat(2,1fr);
  }
  .services-cards__blocks {
    gap: 14px;
    grid-template-columns: repeat(2,1fr)
  }
  .superpower__block-mobile {
    margin-top: 40px;
    display: flex
  }
  .superpower {
    margin-top: 0
  }
  .superpower__blocks {
    padding: 70px 0
  }
  .superpower .superpower__none-mobile {
    display: none
  }
  .why-works__contents {
    gap: 14px
  }
}
@media (max-width:1180px) {
  .header .logo{
    width: 130px;
    min-width: 130px;
  }
}@media (max-width:1024px) {
  .footer .footer-bottom__blocks {
    flex-direction: column;
    align-items: start
  }
  .footer .footer-bottom__right {
    width: 100%;
    justify-content: space-between
  }
}
@media (max-width:992px) {
  .footer .contact-information__blocks {
    grid-template-columns: repeat(2,1fr)
  }
  .pagination {
    margin: 0 auto;
    justify-content: center;
    margin-top: 24px;
    gap: 12px
  }
  .main__container {
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    padding: 0 0
  }
  .main-slider {
    border-radius: 0;
    padding: 0 15px 30px 15px
  }
  .main-slider__badge {
    margin-bottom: 10px
  }
  .main-slider__title {
    font-size: 40px
  }
  .main-slider__text {
    font-size: 16px
  }
  .main-slider__button {
    padding: 12px 33px
  }
  .main-slider__pagination {
    width: calc(100% - 30px);
    gap: 8px;
    left: 15px
  }
  .main .main-slider__nav {
    right: 15px
  }
  .main .main-slider__nav-button {
    height: 35px;
    width: 35px;
    font-size: 16px
  }
  .main .main-slider__nav-button img {
    width: 18px;
    height: 18px
  }
  .recommended-tariffs {
    margin-top: 62px
  }
  .recommended-tariffs .title {
    font-size: 40px
  }
  .additional-services {
    margin-top: 62px
  }
  .additional-services .title {
    font-size: 40px
  }
  .superpower .superpower-content {
    max-width: 1000px;
    width: 100%;
    gap: 34px
  }
  .superpower .superpower-content__top .title {
    font-size: 40px
  }
  .why-works {
    margin: 62px 0
  }
  .why-works .title {
    font-size: 40px
  }
  .why-works .title {
    text-align: center
  }
  .why-works__contents {
    margin-top: 24px;
    flex-direction: column
  }
  .why-works__content {
    min-height: 260px
  }
  .why-works__content-1 {
    padding: 20px 20px 32px 20px
  }
  .why-works__content-2::after {
    right: 29px;
    top: 29px;
    min-width: 44px;
    width: 44px
  }
  .why-works__content-3::after {
    right: 35px;
    top: 22px;
    min-width: 32px;
    width: 32px
  }
  .internet-tv .main-media__blocks {
    padding: 52px 0;
    gap: 52px
  }
  .internet-tv .main-media__badge {
    padding: 6px 16px
  }
  .internet-tv .main-media__title {
    font-size: 40px
  }
  .internet-tv .main-media__descript {
    font-size: 16px
  }
  .internet-tv .main-media__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto
  }
  .faq-tabs .title {
    font-size: 40px
  }
  .faq-tabs .title {
    margin-bottom: 24px
  }
  .internet .recommended-tariffs {
    margin-top: 112px
  }
  .optics .main-media__blocks {
    padding: 52px 0;
    gap: 40px
  }
  .optics .main-media__badge {
    padding: 6px 16px
  }
  .optics .main-media__title {
    font-size: 40px
  }
  .optics .main-media__descript {
    font-size: 16px
  }
  .how-connect {
    margin-top: 112px
  }
  .how-connect .title {
    font-size: 40px
  }
  .how-connect .title {
    margin-bottom: 24px;
    text-align: center
  }
  .how-connect__list {
    grid-template-columns: 1fr;
    gap: 16px
  }
  .how-connect__item .descript {
    width: 100%
  }
  .how-connect__item-one .descript {
    max-width: 600px
  }
  .action {
    margin-top: 112px
  }
  .action .title {
    font-size: 40px
  }
  .action .title {
    margin-bottom: 24px;
    text-align: center
  }
  .action__cards {
    gap: 14px
  }
  .action .popup__content__blocks {
    gap: 16px
  }
  .action .popup__content__name {
    font-size: 40px
  }
  .action .popup__support-service .support-service2__list {
    gap: 16px
  }
  .contacts__container {
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    padding: 0 0
  }
  .contacts__blocks::after {
    border-radius: 0
  }
  .contacts__info {
    border-radius: 0;
    padding: 0 15px 30px 15px
  }
}
@media (max-width:880px) {
  .optics .main-media__list {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    gap: 40px
  }
}
@media (max-width:840px) {
  .footer__info {
    border-bottom: none
  }
  .footer__list {
    grid-template-columns: repeat(2,1fr);
    row-gap: 32px
  }
  .footer .contact-information .header__info {
    display: flex
  }
  .footer .contact-information .header__info {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 0
  }
  .footer .contact-information__blocks {
    grid-template-columns: repeat(2,1fr);
    display: none
  }
  .footer .footer-bottom__left {
    flex-direction: column;
    align-items: start;
    gap: 6px
  }
  .support-service__list {
    gap: 16px;
    display: none
  }
  .support-service .header__info {
    display: flex
  }
  .support-service .header__info {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 0
  }
  .support-service .header__info .block-mobile-email {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 22px;
    line-height: 140%
  }
  .support-service .header__info .block-mobile-email p {
    transition: color .3s ease-in-out;
    line-height: 140%
  }
  .support-service .header__info .block-mobile-email p:hover {
    color: var(--hover-blue)
  }
  .support-service .phone-current {
    color: #2b2f33;
    font-family: Manrope;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0;
    padding: 8px 0
  }
  .support-service .phone-list li {
    padding: 5px 10px;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Manrope;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%
  }
  .contacts__support-service .support-service .header__info {
    display: flex
  }
  .contacts__support-service .support-service .header__info {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 0
  }
}
@media (max-width:756px) {
  .superpower__blocks {
    padding: 34px 0 44px 0
  }
  .superpower .superpower-content__top {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto
  }
  .superpower .superpower-content__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto
  }
  .superpower .superpower-content__item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
  }
  .action__cards {
    grid-template-columns: repeat(1,1fr)
  }
  .action__card {
    min-height: 300px;
    padding: 32px 22px
  }
  .action__card .action__bg {
    opacity: .1
  }
}
@media (max-width:648px) {
  .action .popup__support-service .support-service2__list {
    grid-template-columns: repeat(1,1fr)
  }
  .action .popup__support-service .support-service2 .support-service2__block .hide-mobile {
    display: none
  }
  .action .popup__support-service .support-service2 .support-service2__block .show-mobile {
    display: flex
  }
  .action .popup__support-service .support-service2 .phone-list {
    position: relative;
    top: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: rgba(0,0,0,0)
  }
  .action .popup__support-service .support-service2 .phone-list li {
    padding: 5px 0;
    background-color: rgba(0,0,0,0);
    border-radius: 0
  }
  .action .popup__support-service .support-service2 .phone-dropdown.open .phone-current {
    background-color: rgba(0,0,0,0);
    padding: 0;
    padding-bottom: 6px
  }
  .action .popup__support-service .support-service2 .phone-dropdown.open .phone-current a {
    color: #2b2f33
  }
  .action .popup__support-service .support-service2 .phone-dropdown.open .phone-current a:hover {
    color: #2b2f33
  }
  .action .popup__support-service .support-service2 .phone-dropdown.open .phone-current .black-arrow {
    display: block
  }
  .action .popup__support-service .support-service2 .phone-dropdown.open .phone-current .white-arrow {
    display: none
  }
  .contacts__support-service .support-service__list {
    gap: 16px;
    grid-template-columns: repeat(1,1fr)
  }
  .contacts__support-service .support-service .phone-dropdown.open .phone-current .black-arrow {
    display: flex
  }
}
@media (max-width:640px) {
  .services-cards__text {
    max-width: 140px
  }
  .action .popup__support-service .support-service2 .support-service2__block {
    padding: 16px 18px
  }
  .contacts__support-service .support-service .contact-information__block {
    padding: 16px 18px
  }
}
@media (max-width:576px) {
  .tariffs-categories__item{
    gap: 8px !important;
    font-size: 14px !important ;
    padding: 12px 8px !important;
  }
  .tariffs-categories__item svg{
    width: 16px;
  }
  .footer .footer-bottom__right .policy {
    line-height: 120%
  }
  .footer .footer-bottom__right .author {
    line-height: 120%
  }
  .main-slider {
    padding: 0 15px 0 15px;
    min-height: 100%;
    padding-bottom: 32px;
    min-height: 630px
  }
  /* .main-slider.slide-1::before {
    background-image: url(../img/main/bg-01-mob.webp)
  }
  .main-slider.slide-2::before {
    background-image: url(../img/main/bg-02-mob.webp)
  }
  .main-slider.slide-3::before {
    background-image: url(../img/main/bg-03-mob.webp)
  }
  .main-slider.slide-4::before {
    background-image: url(../img/main/bg-04-mob.webp)
  } */
  .main-slider__slide {
    margin-top: 52px;
    min-height: 100%;
    height: 100%
  }
  .main-slider__slide-content {
    align-items: center;
    margin: 0 auto;
    text-align: center;
    gap: 100px;
    /* min-height: calc(var(--app-const-height) - 370px) ; */
    min-height: unset;
    justify-content: space-between
  }
  .main-slider{
    min-height: calc(var(--app-const-height) - 224px) ;
    max-height: calc(var(--app-const-height) - 224px) ;
    display: flex;
    align-items: stretch;
   
  }
  .main-slider__slide-active{
    display: flex;
    align-items: stretch;
    
  }
  .tariffs-categories{

  }
  .tariffs-request__top{
    max-width: 100%;
  }
  .main-slider__slide{
    height: unset;
  }
  .main-slider__slide-active{
    
  }
  .main-slider__slide-content{
    gap: unset;
  }
  .main-slider__badge {
    padding: 4px 12px
  }
  .main-slider__title {
    font-size: 34px
  }
  .main-slider__text br {
    display: none
  }
  .main-slider__pagination {
    top: 20px
  }
  .main .main-slider__nav {
    display: none
  }
  .services-cards__blocks {
    margin-top: 6px
  }
  .services-cards .show-mobile {
    display: grid
  }
  .services-cards .hide-mobile {
    display: none
  }
  .services-cards__item {
    padding: 16px 12px 16px 12px;
    gap: 4px;
    flex-direction: column;
    text-align: center
  }
  .services-cards__icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .services-cards__arrow {
    display: none
  }
  .recommended-tariffs .title {
    font-size: 34px;
    line-height: 120%
  }
  .additional-services .title {
    font-size: 34px;
    line-height: 120%
  }
  .additional-services__top .name {
    line-height: 120%
  }
  .superpower .superpower-content__top .title {
    font-size: 34px;
    line-height: 120%
  }
  .why-works .title {
    font-size: 34px;
    line-height: 120%
  }
  .why-works__content-1 {
    height: 360px;
    max-width: 100%
  }
  .internet-tv .main-media__title {
    font-size: 34px
  }
  .internet-tv .main-media__list {
    -webkit-column-gap: 13px;
    -moz-column-gap: 13px;
    column-gap: 13px
  }
  .internet-tv .main-media__item {
    max-width: 180px;
    width: 100%
  }
  .faq-tabs .title {
    font-size: 34px;
    line-height: 120%
  }
  .optics .main-media__title {
    font-size: 34px
  }
  .how-connect .title {
    font-size: 34px;
    line-height: 120%
  }
  .action .title {
    font-size: 34px;
    line-height: 120%
  }
  .action .popup__content {
    padding: 52px 22px
  }
  .action .popup__content__blocks {
    padding: 52px 22px
  }
  .action .popup__content__name {
    font-size: 32px
  }
  .contacts__blocks {
    min-height: 630px
  }
  .contacts__blocks::after {
    background-image: url(../img/main/contacts-bg-mobile.webp)
  }
}
@media (max-width:531px) {
  .footer .footer-bottom__right .policy br {
    white-space: nowrap;
    display: block
  }
  .footer .footer-bottom__right .author br {
    white-space: nowrap;
    display: block
  }
  
  .action .popup__support-service .support-service2 .phone-dropdown.open .phone-list{
    top: 3px !important
  }
}
@media (max-width:480px) {
  .superpower .superpower-content__top .title {
    font-size: 26px
  }
  .superpower .superpower-content__top .title br {
    display: none
  }
  .why-works__content-1 .why-works-bg {
    border-radius: 18px;
    max-width: 100%;
    width: 100%;
    background-size: cover;
    background-position: auto;
    background-image: url(../img/main/why-works-picture-mob.webp)
  }
}
@media (max-width:420px) {
  .tariffs-request {
    width: 100%
  }
}
@media (max-width:405px) {
  .internet-tv .main-media__item p {
    font-size: 14px
  }
  .internet-tv .main-media__item img {
    max-height: 40px;
    margin: 0 auto
  }
  .optics .main-media__item p {
    font-size: 14px
  }
  .optics .main-media__item img {
    max-height: 40px;
    margin: 0 auto
  }
}
@media (max-width:401px) {
  .footer .footer-bottom__right {
    gap: 16px
  }
  
  .tariffs-categories__item{
    font-size: 12px !important;
    padding: 8px 8px !important;

  }
  .tariffs-categories__item svg{
    width: 14px !important;
    height: auto !important;
  }
}
@media (max-width:375px) {
  .main-slider__title {
    font-size: 28px
  }
  .internet-tv .main-media__title {
    font-size: 28px
  }
  .optics .main-media__title {
    font-size: 28px
  }
  
}
@media (max-width:370px) {
  .footer__list {
    grid-template-columns: repeat(1,1fr);
    row-gap: 32px
  }
  .footer__item .work-schedule__item {
    grid-template-columns: repeat(1,1fr);
    gap: 20px
  }
  .footer .footer-bottom__right {
    flex-direction: column;
    align-items: start
  }
  .footer .footer-bottom__right .policy br {
    display: none
  }
  .footer .footer-bottom__right .author br {
    display: none
  }
  .footer .footer-bottom__right .up {
    display: flex;
    margin: 0 0 0 auto
  }
}
@media (max-width:365px) {
  .internet-tv .main-media__descript br {
    display: none
  }
}
@media (max-width:340px) {
  .tariffs__content-item {
    flex: 0 0 100%;
    width: 100%
  }
  .additional-services__item {
    min-width: 100%
  }
  .why-works__content-1 {
    padding: 20px 15px 32px 15px
  }
  .why-works__content-2 {
    padding: 20px 15px 32px 15px
  }
  .why-works__content-3 {
    padding: 20px 15px 32px 15px
  }
  .faq-tabs .faq-item__question {
    font-size: 15px
  }
}
@media (max-width:325px) {
  .contacts__support-service .support-service .contact-information__block-mail a {
    font-size: 18px
  }
}


main.site-main{
  padding-top: 110px;
}
.entry-title{
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
}
.additional-services__top img{
  max-width: 50px;
}
@media (min-width: 993px) and (max-width: 1320px) {
  .main-slider__title {
    font-size: 52px;
  }
  
  .recommended-tariffs .title,
  .additional-services .title,
  .superpower .superpower-content__top .title,
  .why-works .title,
  .internet-tv .main-media__title,
  .faq-tabs .title,
  .optics .main-media__title,
  .how-connect .title,
  .action .title,
  .contacts__info .title {
    font-size: 37px;
  }

  .main-slider__text,
  .internet-tv .main-media__descript,
  .optics .main-media__descript {
    font-size: 16px;
  }

  .tariffs__content .tariffs-item .descript-general{
    font-size: 30px;
  }
  .why-works__content-info .name,
  .additional-services__top .name,
  .action__card-wrap h3,
  .action .popup__content__name {
    font-size: 22px;
  }

  .superpower .superpower-content__item p,
  .why-works__content-info .descript,
  .additional-services__below p,
  .action__card .descript,
  .action .popup__content__descript {
    font-size: 16px;
  }

  .header__info-email,
  .footer .contact-information .header__info-email,
  .support-service .header__info-email,
  .contacts__support-service .support-service .header__info-email {
    font-size: 20px;
  }

  .phone-current a,
  .footer .contact-information .phone-current a,
  .support-service .phone-current a,
  .contacts__support-service .support-service .phone-current a {
    font-size: 20px;
  }
}



.search-field {
  position: relative;
  flex: 1;
}

.search-input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s;
  cursor: pointer;
}

.search-input:focus {
  border-color: #007cba;
}

.search-input[readonly] {
  background-color: #f8f9fa;
  cursor: pointer;
}

.search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 2px solid #ddd;
  border-top: none;
  border-radius: 0 0 8px 8px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.search-item {
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s;
}

.search-item:hover {
  background-color: #f8f9fa;
}

.search-item:last-child {
  border-bottom: none;
}

.search-item.highlight {
  background-color: #e3f2fd;
}

.search-item.disabled {
  color: #999;
  cursor: not-allowed;
}

.loading-indicator {
  padding: 12px 16px;
  text-align: center;
  color: #666;
  font-style: italic;
}

.no-results {
  padding: 12px 16px;
  text-align: center;
  color: #666;
  font-style: italic;
}

.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #007cba;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.popup {
  border-radius: 18px;
  background: #fff;
  padding: 46px 36px;

  max-width: 420px;
  overflow: unset;
}
.order-popup__title{
  color: #2B2F33;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.order-popup__text{
  line-height: 140%;
  margin-top: 8px;
  margin-bottom: 22px;
  color: #2B2F33;
  font-size: 16px;
  font-weight: 500;
}
.order-popup__house-type{
  line-height: 140%;
  margin-top: 8px;
  margin-bottom: 22px;
  color: #2B2F33;
  font-size: 16px;
  font-weight: 500;
}


.order-popup__city{
  margin-top: 18px;
}
.order-popup__city-label{
  color: #0069A8;
  font-size: 16px;
  font-weight: 500;
}
.order-popup__city-name{
  color: #2B2F33;
  font-size: 18px;
  font-weight: 700;
}
.order-popup__input{
  margin-top: 12px;
}
.popup-btn{
  border-radius: 8px;
  background: #0069A8;
  padding: 12px 32px;
  width: 100%;
  color: #FFF;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 700;
}
.order-popup__keep-offer{
  padding: 12px 14px;
  color: #0069A8;
  font-size: 14px;
  font-weight: 700;
  margin-top: 14px;
  border-radius: 8px;
  background: #EBF4F9;
}
.order-popup__price{
  margin-top: 12px;
  color: #2B2F33;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%; /* 32px */
}
.order-popup__price span{
  font-size: 18px;
}
.order-popup__next-price{
  color: #707A8A;
  font-size: 14px;
  font-weight: 500;

  margin-top: 4px;
}
.order-popup__form.--step-2{
  border-top: 1px solid #D7E0EC;
  margin-top: 14px
}
.tv-package-select{
  width: 100%;
}
.select2-container{
  width: 100% !important;
}
.tariffs-item__block.--choose-tv{
  margin-top: 11px;
}
.tariffs-item__block.--choose-tv .select2{
  margin-top: 6px;
}
.select2-container .select2-selection--single{
  height: 45px;
  border-radius: 7px;
  font-size: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 45px;
}
.tv-package-block img{
  display: block;
  margin-top: 4px;
}
.select2-selection__arrow b{
  display: none;
}
.select2-selection__arrow {
  display: block;
  background: center / cover url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.61895 6.01403L3.24114 4.25L8.5022 10.0713L13.7587 4.25L15.3809 6.01403L8.5022 13.6L1.61895 6.01403Z' fill='%232B2F33'/%3E%3C/svg%3E%0A");
  width: 17px !important;
  height: 17px !important;
  top: 14px !important;
  right: 10px !important;
}
.tariffs-categories {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}
.tariffs-categories__item {
  border-radius: 8px;
  border: 1px solid #D7E0EC;
  background: #FFF;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #2B2F33;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  transition: color .3s;
}
.tariffs-categories__item span{
  transition: color .3s;
}
.tariffs-categories__item svg path{
  fill: #2B2F33;
  transition: fill .3s;
}

.tariffs-categories__item.active{
  color: #fff;
  background: #2B2F33;
}
.tariffs-categories__item.active span{
  color: #fff;
}
.tariffs-categories__item.active svg path{
  fill: #fff;
}
.tariffs-cat-body{
  display: none;
}
.tariffs-cat-body.active{
  display: block;
}
.tariffs__tabs{

}
#thx-popup{
  background: #F9FAFC;
}
.thx-popup__inner-wrapper{
  min-height: min(408px, 90vh);
  display: flex;
  align-items: center;
}
.thx-popup__inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-align: center;
  
  
}
.thx-popup__title{
  font-size: 28px;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
}
.thx-popup__text{
  font-size: 16px;
  font-weight: 500;
}
.order-popup__input-error{
  color: #ff0000;
  margin-top: 3px;
  font-size: 10px;
}

/* Стилі для пункту "інша адреса" */
.search-item.other-address {
  color: #0069A8;
  font-weight: 600;
  font-style: italic;
  border-top: 2px solid #f0f0f0;
  background-color: #f8f9fa;
}

.search-item.other-address:hover {
  background-color: #e3f2fd;
  color: #0056b3;
}
.action .popup{
  max-width: 100%;
  width: 100%;
}
.text-page p {
  margin-bottom: 1em;
  line-height: 1.6;
}

.text-page ul,
.text-page ol {
  margin: 0 0 1.5em 1.5em;
  margin-left: 0;
  padding-left: 1.2em;
  list-style: auto;
}

.text-page li {
  margin-bottom: 0.5em;
  line-height: 1.6;
  list-style: auto;
}

.text-page h1,
.text-page h2,
.text-page h3,
.text-page h4,
.text-page h5,
.text-page h6 {
  margin: 1.5em 0 0.5em;
  line-height: 1.2;
  font-weight: 700;
}
.text-page h2 {
  font-size: 26px;
}
.text-page h3{
  font-size: 22px;
}
.text-page h4{
  font-size: 20px;
}
.text-page h5{
  font-size: 18px;
}
.text-page h6{
  font-size: 16px;
}
.text-page a{
  color: #0069A8;
  text-decoration: underline;
}
.text-page a:hover{
  color: #0056b3;
}
.text-page article{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;;
}
@media screen and (max-width: 340px) {
  .tariffs-categories__item svg{
    display: none;
  }
  
}
.phone-current img{
  width: 16px;
}
.action .popup__support-service .support-service2 .phone-current .black-arrow{
  width: 16px;
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-current{
  background: unset;
  padding: 0;
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-current a{
  color: #2b2f33
}
.action .popup__support-service .support-service2 .phone-dropdown.open .phone-list{
  top: 34px;
}
@media screen and (max-width: 768px) {
  .header__info-email.block-mobile-email{
    display: none;
  }
  
  /* Скрытие header при скролле вниз */
  .header.header-hidden {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 576px) {
  .tariffs-categories__item{
    flex: 0 0 calc(50% - 5px);
    justify-content: center;
  }
  .phone-current a, .footer .contact-information .phone-current a, .support-service .phone-current a, .contacts__support-service .support-service .phone-current a{
    font-size: 20px !important;
  }
  .header__blocks .logo {
    max-width: 130px;
    min-width: 130px;
    width: 130px;
    height: 25px;
  }
  .header{
    padding: 11px 4px;
  }
  .main{
    margin-top: 46px;
  }
  .main-slider__badge{
    display: none;
  }
  .main-slider__slide{
    margin-top: 38px;
  }
  .main-slider__title{
    font-size: 32px;
    line-height: 126%;
  }
  .main-slider__text{
    font-size: 15px;
    margin-top: 9px;
  }
  .main-slider{
    min-height: calc(var(--app-const-height) - 175px);
    max-height: calc(var(--app-const-height) - 175px);
  }
  .main-slider{
    padding-bottom: 17px;
  }
  .services-cards__item{
    padding-top: 9px;
    padding-bottom: 9px;
    gap: 0
  }
  .services-cards__text{
    font-size: 15px;
  }
  .main-slider__button{
    font-size: 15px;
  }
  .header__burger-wrap{
    margin-top: 46px;
  }
  .tariffs__content-item{
    flex: 0 0 90%;
    width: 90%;
  }
  .tariffs__content-wrapper{
    gap: 12px
  }
  .popup{
    max-width: calc(100% - 20px);
  }
  .tariffs__tabs{
    gap: 12px;
  }
  .tariffs__tabs{
margin-top: 12px;
  }
  .tariffs__btn{
    font-size: 15px;
  }
}
@media screen and (max-width: 371px) {
  .main-slider__title{
    font-size: 26px;
  }
  
}
.fancybox-is-open .fancybox-bg{
  /* opacity: 0.7 !important */
  background: #121212 !important;
  opacity: 0.4 !important;
}
.action .popup{
  padding: 0 !important
}
.--mob.menu-item{
  display: none;
}

.tariffs-4{
  display: none;
}

@media screen and (max-width: 1024px) {
  .--mob.menu-item{
    display: block;
  }
  
  .tariffs-4{
    display: block;
  }

}
.tariffs-request{
  padding: 0 !important;
  flex: unset;
  width: unset;
}
.popup:not(#order-popup) .order-popup__title,
.popup:not(#order-popup) .order-popup__text{
  text-align: center;
}
.popup__close{
  font-size: 0 !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.5 16.084l-1.403 1.416-4.09-4.096-4.102 4.096-1.405-1.405 4.093-4.092-4.093-4.098 1.405-1.405 4.088 4.089 4.091-4.089 1.416 1.403-4.092 4.087 4.092 4.094z'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.form-response{
  background-color: #ff00001a;
  color: #ff0000;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-input:disabled,
.text-input[readonly]{
  background-color: #f0f0f0;
}
.js-change-login{
  display: block;
  margin-top: 5px;
  color: #0069A8;
  font-size: 14px;
}
.js-change-login:hover{
  text-decoration: underline;
}