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

* {
  box-sizing: border-box;
}

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

a {
  color: var(--primary-color);
  text-decoration: none;
}

button {
  cursor: pointer;
}

footer .address-tel-number {
  width: fit-content;
  margin-bottom: 1.2vw;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  margin: 0;
  background: #f9f9f9;
}

input,
textarea {
  outline: none;
}

.container {
  width: 83.8vw;
  margin: 0 auto;
  padding: 0 0.7vw;
}

:root {
  --primary-color: #0D5A1F;
  --primary-hover: #256B35;
  --primary-yellow: #ffe000;
  --primary-blue-bg: #E7EEE9;
  --primary-blue-bg-hover: #CBE5BE;
  --primary-orange: #ff5300;
  --primary-orange-bg: #ffe3d5;
  --primary-transparrent-blue: rgba(255, 255, 255, 0.1);
  --primary-header-current: rgba(37, 107, 53, 1);
}

.primary-color {
  color: var(--primary-color);
}

.swiper-pagination {
  white-space: nowrap;
  bottom: 0 !important;
}

.without-backdrop-icon-in-desc .backdrop-ico-tariff {
  display: none;
}

@media (max-width: 1024px) {
  .container {
    width: 97vw;
    padding: 0 4vw;
  }

  .without-backdrop-icon-in-desc .backdrop-ico-tariff {
    display: block;
    margin-left: 1.5vw;
  }

  .tariff-table-section {
    display: none;
  }
}

@media (min-width: 1024px) {
  .services-section.b2b .services-item {
    flex-basis: auto;
  }
}

/* ========================= HEADER ======================== */

.header-top-section {
  background-color: var(--primary-color);
}

.top-header-left {
  display: flex;
  align-items: center;
  gap: 5.6vw;
}

.top-header-right-nav-list {
  display: flex;
  margin-right: 1.2vw;
}

.header-backdrop-arrow {
  width: 0.7vw;
  height: 0.7vw;
  stroke: white;
  transition: 0.3s;
  cursor: pointer;
}

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

.top-header-nav-list {
  display: flex;
}

.top-header-nav-link {
  display: flex;
  gap: 0.4vw;
  align-items: center;
  padding: 1.2vw 0.8vw;
  transition: 0.3s;
}

@media (min-width: 1024px) {
  .top-header-nav-link.current {
    background-color: var(--primary-header-current);
  }
}

.header-nav-icon {
  width: 0.8vw;
  height: 0.8vw;
  fill: #fff;
}

.top-header-nav-link-text {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.7vw;
  line-height: 0.7vw;
  color: #fff;
}

.top-header-btn-container {
  display: flex;
  gap: 0.6vw;
}

.header-botttom-nav-list .header-backdrop-arrow {
  stroke: black;
}

.header-botttom-nav-list {
  display: flex;
}

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

.header-logo {
    width: 5.625vw;
    height: 2.5vw;
    margin-right: 0.8vw;
}

.header-bottom-nav-link {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #030317;
  padding: 1.2vw 0;
  transition: 0.3s;
}

.header-botttom-nav-list li {
  padding: 1.2vw 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 3.5vw;
  gap: 0.2vw;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .header-botttom-nav-list li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.2vw;
    background-color: var(--primary-color);
    left: 0;
    bottom: 0;
    transition: 0.3s;
    opacity: 0;
  }

  .header-botttom-nav-list li:hover::after {
    opacity: 1;
  }
}

.header-botttom-nav-list li:hover svg {
  stroke: var(--primary-color);
}
.icon-back {
  stroke: #000 !important;
}

.header-botttom-nav-list li:hover .header-bottom-nav-link {
  color: var(--primary-color);
}

.address-tel-number {
  font-family: "Manrope", sans-serif;
  font-weight: 900;
  font-size: 1vw;
  line-height: 0.8vw;
  color: #030317;
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 0.4vw;
  padding: 0.6vw;
  border-radius: 0.3vw;
  transition: 0.3s;
}

.address-tel-number:hover {
  background-color: var(--primary-blue-bg);
  color: var(--primary-color);
}

.address-tel-number:hover .address-icon {
  fill: var(--primary-color);
}
.address-tel-number:hover .header-backdrop-arrow {
  stroke: var(--primary-color);
}

.address-location {
  display: flex;
  align-items: center;
  gap: 0.4vw;
}

.address-icon {
  width: 0.8vw;
  height: 0.8vw;
  fill: #030317;
  transition: 0.3s;
}

.addres-location-text {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.7vw;
  line-height: 0.7vw;
  color: #030317;
  font-style: normal;
}

.bottom-header-addres-container {
  display: flex;
  gap: 1.2vw;
  align-items: center;
}

.header-bottom-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-bottom-section {
  background-color: #fff;
  overflow: visible;
}

.header-botttom-nav-list svg {
  margin-left: 0.2vw;
}

.discount-qty-circle {
  width: 0.8vw;
  height: 0.8vw;
  background-color: var(--primary-color);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.6vw;
  line-height: 0.6vw;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
}

.top-heaer-nav-list-mob-backdrop {
  display: flex;
}

.header-nav-backdrop-container {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  z-index: 9;
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
  background-color: #ffffff;
  padding: 1.2vw;
  display: none;
  transition: 1s;
}

@media (min-width: 1024px) {
  .header-botttom-nav-list li:hover .header-nav-backdrop-container {
    display: flex;
  }
}

.header-nav-backdrop-link {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 1vw;
  min-width: 10.4vw;
  transition: 0.3s;
}

.header-nav-backdrop-link:hover {
  color: var(--primary-color);
}

@media (min-width: 1024px) {
  .header-mob-logo {
    display: none;
  }

  .top-header-backdrop-icon {
    display: none;
  }

  .header-menu-container {
    display: none;
  }
}

.header-tel-numbers-container {
  position: relative;
  padding: 0.4vw;
}

.header-tel-numbers-container.active {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.3vw;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.address-tel-number {
  cursor: pointer;
}

.tel-number-backdrop-link {
  display: flex;
  align-items: center;
  gap: 0.4vw;
  padding: 0.4vw 0.8vw;
  font-style: normal;
  transition: 0.3s;
}

.tel-number-backdrop-link span {
  font-family: "Manrope";
  font-size: 0.9vw;
  font-weight: 600;
  line-height: 0.9vw;
}

.tel-number-backdrop-link img {
  width: 1vw;
}

.addres-tel-number-backdrop-list {
  display: none;
}

.addres-tel-number-backdrop-list.active {
  position: absolute;
  display: block;
  z-index: 9;
  width: 100%;
  background-color: #ffffff;
  left: 0;
  border-radius: 0.3vw;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0.4vw;
  padding-bottom: 0.4vw;
}

.addres-tel-number-backdrop-list.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08), 
                -10px 0 10px rgba(0, 0, 0, 0.08), 
                10px 0 10px rgba(0, 0, 0, 0.08); */
  z-index: -1;
  border-radius: inherit;
}

.tel-number-backdrop-link:hover {
  background-color: #f5f5f5;
}

/* HERO SLIDER SECTION ====================================================== */

.hero-swiper-section {
  padding-top: 2vw;
}

.hero-slide-item {
  /* padding: 5.7vw; */
  /* background-image: url(../img/main-page/main-hero-image.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 26vw; */
  flex-shrink: 0;
}

.hero-slide-title {
  font-family: "Exo 2";
  font-weight: 600;
  font-size: 2.9vw;
  line-height: 3.4vw;
  line-height: 1.2;
  color: #fff;
  width: 20vw;
  margin-bottom: 0.8vw;
}

.hero-slide-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 2vw;
}

.hero-slide-btn {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 0.9vw;
  line-height: 1.5vw;
  line-height: 1.61111;
  color: black;
  padding: 0.8vw 1.25vw;
  border: none;
  border-radius: 0.4vw;
  transition: 0.3s;
}

.hero-slide-btn:hover {
  background: var(--primary-color);
  color: #fff;
}

.hero-swiper-container .swiper-wrapper {
  display: flex;
}

.hero-swiper-container {
  position: relative;
  overflow: hidden;
  /* width: 100%; */
  border-radius: 1vw;
}

.hero-swiper-container .swiper-pagination-bullet {
  width: 1.2vw;
  height: 0.3vw;
  background-color: #ffffff;
  opacity: 0.5;
  border-radius: 0.8vw;
  transition: 0.3s;
}

.hero-swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
  width: 2.5vw;
}

.hero-swiper-container .swiper-pagination {
  position: absolute;
  height: 2vw;
}

.address-tel-number .header-backdrop-arrow {
  stroke: black;
}

.hero-swiper-nav-container {
  display: none;
}

.hero-swiper-nav-container {
  display: block;
}

.hero-swiper-nav-container svg {
  width: 1.2vw;
  height: 1.2vw;
}

.hero-swiper-btn-prev {
  position: absolute;
  width: 2.9vw;
  height: 2.9vw;
  background-color: #ffffff;
  border-radius: 100%;
  left: 0;
  top: 50%;
  transform: translateX(-30%) translateY(-50%);
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.hero-swiper-btn-next {
  position: absolute;
  width: 2.9vw;
  height: 2.9vw;
  background-color: #ffffff;
  border-radius: 100%;
  right: 0;
  top: 50%;
  transform: translateX(30%) translateY(-50%);
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

.hero-container {
  position: relative;
}

/* SERVICES SECTION ========================================================== */
.services-section {
  padding-top: 2vw;
  padding-bottom: 3vw;
}

.services-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
}

.services-item {
  flex-basis: calc((100% - 4 * 0.7vw) / 5);
  background: #f2f3f7;
  border-top-left-radius: 0.4vw;
  border-top-right-radius: 0.4vw;
  border-bottom-left-radius: 0.8vw;
  border-bottom-right-radius: 0.8vw;
  transition: 1s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  height: 16.5vw;
  overflow: hidden;
}

.services-images {
  transition: 1s;
  margin-bottom: 1vw;
}

.services-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  text-transform: uppercase;
  color: #030317;
  margin-bottom: 0.4vw;
  transition: 0.3s;
}

.services-text-backdrop-container {
  max-height: 0px;
  overflow: hidden;
}

.services-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.25vw;
  line-height: 1.5;
  color: #686874;
}

.services-btn {
  display: flex;
  align-items: center;
  gap: 0.4vw;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: rgba(0, 0, 0, 0.2);
  border: none;
  background: transparent;
  width: fit-content;
  border-radius: 0.4vw;
  transition: 0.3s;
}

.services-btn-icon {
  stroke: rgba(0, 0, 0, 0.2);
  width: 0.4vw;
  height: 0.6vw;
  transition: 0.3s;
}

.services-images {
  width: 16.6vw;
  transition: 0.3s;
  margin: 0 auto;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .services-item:hover .services-images {
    width: 8vw;
    margin-bottom: 0;
  }

  .services-item:hover .services-text-backdrop-container {
    max-height: 30vw;
    overflow: visible;
    margin-bottom: 1vw;
  }

  .services-item:hover .services-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    padding: 0.8vw;
  }

  .services-item:hover .services-btn-icon {
    stroke: #ffffff;
  }

  .services-item:hover .services-title {
    color: var(--primary-color);
  }

  .services-item:hover {
    padding-top: 1vw;
  }
}

/* TARRIF SECTION  ============================================= */

.tariff-section {
  padding-bottom: 4.1vw;
  overflow: hidden;
}

.tariff-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.6vw;
  color: #030317;
  margin-bottom: 1.6vw;
}

.tariff-title-span {
  color: var(--primary-color);
}

.tariff-navigation-list {
  display: flex;
  background: #f3f3f4;
  width: fit-content;
  border-radius: 8.6vw;
  margin-bottom: 1.6vw;
}

.navigation-item {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 1.5vw;
  color: #030317;
  padding: 0.6vw 1.2vw;
  border-radius: 8.6vw;
  transition: 0.3s;
  cursor: pointer;
}

.navigation-item:hover {
  color: var(--primary-color);
}

.tariff-navigation-list .current-nav-item {
  color: #fff;
  background-color: var(--primary-color);
}

.tariff-item-title-wrapper {
  padding: 2.2vw 0 0 2vw;
  background-image: url(../img/main-page/tariff-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 21.8vw;
  height: 42.2vw;
  border-radius: 1vw;
  overflow: hidden;
  z-index: 9;
  flex-shrink: 0;
}

.tariff-item-title-wrapper .special-item-action {
  border-radius: 8.6vw;
  margin-bottom: 1vw;
}

.tariff-item-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 2.7vw;
  color: #fff;
  width: 17vw;
  margin-bottom: 2.5vw;
}

.tariff-item-title-span {
  color: var(--primary-yellow);
}

.tariff-item-title-inform {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.9vw;
  text-transform: uppercase;
  color: var(--primary-color);
  padding: 0.6vw 1vw;
  background-color: var(--primary-yellow);
  width: 11.8vw;
  border-radius: 8.6vw;
  margin-bottom: 0.6vw;
}

.tariff-marker-container {
  position: relative;
  display: flex;
  gap: 0.4vw;
  z-index: 9;
  margin-left: 1.6vw;
}

.tariff-popular-marker {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #FFA100 0%, #40B109 100%);
  padding: 0.4vw 0.8vw;
  border-radius: 0.4vw;
  color: #fff;
  width: fit-content;
}

.tariff-title {
  font-family: "Exo 2";
  font-weight: 700;
  font-size: 1.6vw;
  color: #000;
  margin-bottom: 0.8vw;
  text-align: center;
}

.tariff-title.without-host-name {
  margin-bottom: 1.6vw;
}

.info-container-title {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.7vw;
  line-height: 1vw;
  color: #81818b;
  margin-bottom: 0.2vw;
}

.tariff-info-container {
  display: flex;
  gap: 0.8vw;
  align-items: flex-start;
  margin-bottom: 1.2vw;
}

.tariff-item-icons {
  width: 1.2vw;
  height: 1.2vw;
  /* align-self: center; */
}

.inner-info-container {
  display: flex;
  align-items: flex-end;
  gap: 0.2vw;
}

.inner-number-span {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: #030317;
}

.inner-text-span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  color: #030317;
}

.inner-blue-link {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  color: var(--primary-color);
}

.inner-price-span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  color: black;
}

.question-icon {
  width: 1vw;
  height: 1vw;
}

.tariff-backdrop-button {
  display: flex;
  align-items: center;
  background: #f2f3f7;
  border: none;
  padding: 0.6vw;
  border-radius: 0.4vw;
}

.tariff-btn-text {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.2vw;
  line-height: 1.2vw;
  text-align: center;
  color: #030317;
  margin-right: 0.2vw;
}

.backdrop-ico-tariff {
  width: 0.8vw;
  height: 0.5vw;
}

.backdrop-btn-container {
  display: flex;
  align-items: center;
  gap: 1.2vw;
}

.tariff-info-container:nth-child(5) .info-container-title {
  margin-bottom: 0.4vw;
}

.tariff-item-line {
  height: 0.052vw;
  background: #f2f2f2;
}

.tariff-info-container-list {
  margin-bottom: 1.6vw;
}

.bonus-tag-container {
  position: relative;
  width: 3.1vw;
  height: 1.7vw;
  background-image: url(../img/main-page/bonus-tag-container.png);
  background-repeat: no-repeat;
  background-size: 3.1vw 1.7vw;
  margin-bottom: 0.2vw;
  margin-top: 0.4vw;
}

.bonus-tag-text {
  position: absolute;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  line-height: 0.6vw;
  color: #fff;
  left: 22%;
  top: 22%;
}

.tariff-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.7vw;
  line-height: 1vw;
  color: #030317;
  width: 16vw;
  margin-bottom: 0.4vw;
}

.tv-icon {
  width: 1.1vw;
  height: 1.1vw;
  fill: black;
  transition: 0.3s;
}

.tv-list-container {
  display: flex;
  gap: 0.5vw;
  align-items: center;
  margin: 0.5vw 0;
}

.tv-list-text {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.7vw;
  text-align: center;
  color: #030317;
  transition: 0.3s;
}

.tariff-item-price-container {
  margin: 1.6vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.inner-item-price-container {
  display: flex;
  margin-bottom: 0.4vw;
}

.old-price-value {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-decoration: line-through;
  text-align: center;
  color: #9a9aa2;
}

.old-price-span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  line-height: 0.6vw;
  color: #9a9aa2;
}

.current-price-container {
  display: flex;
  gap: 0.2vw;
}

.current-price-value {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.5vw;
  line-height: 2.5vw;
  text-align: center;
}

.current-inner-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.current-inner-span {
  position: relative;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-size: 0.6vw;
  line-height: 0.6vw;
  line-height: 1;
  color: #030317;
  display: flex;
  flex-direction: column;
}

.current-inner-span:nth-child(1)::after {
  position: absolute;
  top: 0.8vw;
  content: "";
  width: -webkit-fill-available;
  height: 0.052vw;
  background-color: #000;
}

.inner-item-price-container {
  gap: 0.6vw;
}

.tariff-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tariff-btn {
  margin-bottom: 1vw;
  width: auto;
}

.inner-date-info {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  line-height: 0.6vw;
  color: #3d3606;
  padding: 0.3vw 3.3vw;
  background: #ffe000;
  width: fit-content;
  border-radius: 0.3vw;
}

.tariff-btn {
  background-color: var(--primary-color);
  border: none;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: #fff;
  padding: 1.25vw 5.4vw;
  border-radius: 0.4vw;
  transition: 0.3s;
}

.tariff-btn:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.tariff-link {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 0.5vw;
  transition: 0.3s;
}
.tariff-link:hover {
  color: black;
}

.tariff-link:hover .tariff-link-icon {
  stroke: black;
}

.tariff-link-icon {
  width: 0.3vw;
  height: 0.6vw;
  stroke: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.inner-tariff-container {
  /* position: absolute; */
  padding: 1.6vw;
  background-color: #ffffff;
  width: fit-content;
  border-radius: 1vw;
  top: 0.7vw;
  z-index: 1;
  margin-top: -0.7vw;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.08);
}

.tariff-list-container {
  display: flex;
  justify-content: space-between;
}

.tv-list-container:hover .tv-icon {
  fill: var(--primary-color);
}

.tv-list-container:hover .tv-list-text {
  color: var(--primary-color);
}

.tariff-item {
  position: relative;
}

.small-part-of-tariff-title {
  font-size: 1.2vw;
}

.tariff-enth-speed-container {
  display: flex;
  align-items: flex-end;
  gap: 0.2vw;
}

.enth-speed-value {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  letter-spacing: -0.03em;
  text-align: center;
  color: #030317;
}

.enth-speed-span {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.7vw;
  line-height: 0.8vw;
  color: #030317;
}

.special-price-container {
  display: flex;
  justify-content: center;
  gap: 0.6vw;
  margin: 1.6vw 0 1.2vw 0;
}

.special-price-value {
  display: flex;
  align-items: baseline;
  gap: 0.3vw;
}

.special-price-value-number {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.6vw;
  line-height: 1.6vw;
  text-align: center;
  color: #030317;
}

.special-price-span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.6vw;
  color: #030317;
}

.special-price-termin {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  line-height: 0.6vw;
  color: #3d3606;
  background-color: var(--primary-yellow);
  border-radius: 0.2vw;
  padding: 0.3vw 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tariff-in-apartment-bottom-text {
  width: 64vw;
}

.tariff-ckeckbox-container {
  display: flex;
  gap: 1.2vw;
  align-items: center;
}

.tariff-ckeckbox-container label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.6vw;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #030317;
  padding-left: 1.5vw;
}

.tariff-ckeckbox-container label:hover .checkmark {
  border: 0.11vw solid var(--primary-color);
}

.tariff-ckeckbox-container input[type="checkbox"]:checked + .checkmark {
  border: 0.11vw solid var(--primary-color);
  background-image: url(../../img/active-checkmark.svg);
  background-repeat: no-repeat;
  background-size: 0.7vw 0.7vw;
  background-position: center;
}

.tariff-ckeckbox-container .checkmark {
  position: absolute;
  top: -0.2vw;
  left: 0;
  height: 1.2vw;
  width: 1.2vw;
  border: 0.11vw solid #bdbdbd;
  border-radius: 0.2vw;
}

.tariff-ckeckbox-container input[type="checkbox"] {
  display: none;
}

.tariff-nav-form-container {
  display: flex;
  gap: 4vw;
  /* margin-bottom: 1.6vw; */
}

.host-name-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1vw;
  text-align: center;
  color: #000;
  margin-bottom: 1.6vw;
}

.tariff-question-container {
  display: flex;
  margin-bottom: 0.4vw;
  gap: 0.4vw;
}

.tariff-backdrop-btn-price-container {
  display: flex;
  align-items: center;
  gap: 0.2vw;
  margin-right: 0.4vw;
  margin-left: 0.4vw;
}

/* FORM SECTION ================================================ */

.form-section {
  background-color: #f2f3f7;
  padding: 4.1vw 0;
}

.form-container {
  width: 43.7vw;
  padding: 3.1vw;
  background: #fff;
  border-radius: 0.8vw;
}

.form-section .container {
  display: flex;
  justify-content: space-between;
}

.form-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2vw;
  line-height: 2.2vw;
  color: #030317;
  width: 26vw;
  margin-bottom: 2vw;
}

.form-label {
  display: flex;
  flex-direction: column;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1.1vw;
  color: #030317;
  flex: auto;
}

.first-label {
  margin-bottom: 1.25vw;
}

.form-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  border: 0.078vw solid #f2f2f2;
  border-radius: 0.3vw;
  padding: 1vw;
  height: 3.3vw;
  margin-top: 0.6vw;
  transition: 0.3s;
}

.form-input:hover {
  border: 0.078vw solid black;
}

.form-input:focus {
  border: 0.078vw solid var(--primary-color);
}

/* .form-input:active {
  border: 0.078vw solid var(--primary-color);
  outline: 0.078vw solid var(--primary-color);
} */

.form-btn {
  display: block;
  border: none;
  background: var(--primary-color);
  width: -webkit-fill-available;
  height: 3.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: #fff;
  border-radius: 0.4vw;
  margin-top: 2vw;
  gap: 0.4vw;
  transition: 0.3s;
}

.form-btn:hover {
  background-color: var(--primary-hover);
}

.form-search-icon {
  fill: #fff;
  width: 1vw;
  height: 1vw;
}

.form-address {
  display: flex;
  gap: 1.25vw;
}

.form-arrow-icon {
  stroke: black;
  align-self: center;
  margin-left: auto;
  transition: 0.3s;
  width: 0.7vw;
  height: 1.3vw;
}

.form-link-container {
  display: flex;
  gap: 2.5vw;
  padding: 3.4vw 3.1vw;
  background-color: #ffffff;
  width: 37vw;
  border-radius: 0.8vw;
  transition: 0.3s;
}

.form-link-container:hover {
  background-color: var(--primary-color);
}

.form-link-container:hover .form-link-title,
.form-link-container:hover .form-link-text,
.form-link-container:hover .form-arrow-icon {
  color: #ffffff;
}

.form-link-container:hover .form-arrow-icon {
  stroke: #ffffff;
  transform: translateX(1.5vw);
}

.form-link-image {
  width: 5.5vw;
  height: 5.5vw;
}

.form-link-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2vw;
  line-height: 2.2vw;
  color: #030317;
  width: 16vw;
  margin-bottom: 0.8vw;
  transition: 0.3s;
}

.form-link-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.1vw;
  color: #030317;
  width: 16vw;
  transition: 0.3s;
}

.link-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*========================= LOYALTY_SECTION ================================= */

.loyalty-section {
  padding-top: 4vw;
}

.loyalty-container-im-main {
  display: flex;
  align-items: center;
  gap: 4vw;
  padding: 2.6vw;
  background-color: #ffffff;
  border-radius: 1vw;
}

.loyalty-swiper-container {
  position: relative;
  width: 41.3vw;
  overflow: hidden;
  border-radius: 1vw;
}

.loyalty-swiper-container .swiper-pagination {
  top: 0.5vw;
  height: 2vw;
}

.loyalty-swiper-container .swiper-pagination-bullet {
  width: 7.1vw;
  height: 0.2vw;
  border-radius: 3.4vw;
  background: #fff;
  opacity: 0.4;
  transition: 0.3s;
}

.loyalty-swiper-container .swiper-pagination-bullet-active {
  width: 14vw;
  opacity: 1;
}

.loyalty-section .tariff-marker-container {
  margin-left: 0;
}

.loyalty-section .tariff-marker-container .special-item-action,
.loyalty-section .tariff-marker-container .tariff-popular-marker {
  border-radius: 0.4vw;
}

.loyalty-desc-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.9vw;
  line-height: 3.4vw;
  color: black;
  margin-bottom: 0.8vw;
}

.loyalty-desc-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: black;
  margin-bottom: 2vw;
  width: 25vw;
}

.loyalty-desc-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  border-radius: 0.4vw;
  padding: 1vw 1.2vw;
  transition: 0.3s;
}

.loyalty-desc-btn:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.in-article.special-loyalty {
  padding-top: 4vw;
}

/* SPECIAL SECTION ============================================== */
.special-section {
  padding: 4.1vw 0;
}

.special-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.8vw;
  color: #030317;
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-bottom: 2vw;
}

.special-title-icon {
  width: 1.5vw;
  height: 1.7vw;
}

.special-list {
  display: flex;
  justify-content: space-between;
  gap: 0.8vw;
}

.special-item {
  width: max-content;
}

.special-img-wrapper {
  border-radius: 1vw;
  overflow: hidden;
  margin-bottom: 0.4vw;
}

.special-img {
  transition: 0.3s;
  object-fit: cover;
}

.special-item-date-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1vw;
}

.special-item-date {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: #9a9aa2;
}

.special-item-action {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  text-transform: uppercase;
  color: var(--primary-color);
  background-color: var(--primary-yellow);
  padding: 0.4vw 0.8vw;
  border-radius: 0.4vw;
  width: fit-content;
}

.special-item-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.35vw;
  letter-spacing: -0.01em;
  color: #030317;
  width: 20vw;
  margin-bottom: 0.8vw;
  transition: 0.3s;
}

.special-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.7vw;
  line-height: 1.25vw;
  color: #686874;
  width: 22vw;
  margin-bottom: 1vw;
}

.special-item-other {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: #9a9aa2;
  display: flex;
  align-items: center;
  gap: 0.4vw;
  transition: 0.3s;
}

.special-other-icon {
  width: 0.4vw;
  height: 0.6vw;
  stroke: #9a9aa2;
  transition: 0.3s;
}

.special-item-info-container {
  padding: 1.8vw;
  border-radius: 1vw;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .special-item:hover .special-img {
    transform: scale(1.3);
  }

  .special-item:hover .special-item-title,
  .special-item:hover .special-other-icon,
  .special-item:hover .special-item-other {
    color: var(--primary-color);
    stroke: var(--primary-color);
  }

  .special-item:hover .special-item-other {
    gap: 0.8vw;
  }
}

/* NEWS_SECTION ============================================ */

.news-section {
  padding-bottom: 4.1vw;
}

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

.news-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.8vw;
  color: #030317;
  margin-bottom: 2vw;
}

.news-item:not(:last-child) {
  margin-bottom: 0.4vw;
}

.news-item:nth-child(3) {
  margin-bottom: 1.2vw;
}

.news-date-container {
  display: flex;
  align-items: center;
  gap: 0.8vw;
  margin-bottom: 1vw;
}

.news-date {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: #9a9aa2;
}

.news-marker {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  text-transform: uppercase;
  color: var(--primary-orange);
  padding: 0.4vw 0.8vw;
  background-color: var(--primary-orange-bg);
  width: fit-content;
  border-radius: 0.4vw;
}

.event-marker {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  text-transform: uppercase;
  color: var(--primary-color);
  padding: 0.4vw 0.8vw;
  background-color: var(--primary-blue-bg);
  width: fit-content;
  border-radius: 0.4vw;
}

.news-text {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.3vw;
  letter-spacing: -0.01em;
  color: #030317;
  transition: 0.3s;
}

.news-item-info {
  background-color: #ffffff;
  border-radius: 1vw;
  padding: 1.6vw;
  width: 47vw;
}

.news-image-container {
  border-radius: 1vw;
  overflow: hidden;
  margin-bottom: 0.4vw;
  display: none;
  width: 32.8vw;
}

.news-item:hover .news-text {
  color: var(--primary-color);
}

.all-news-link {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: 0.4vw;
  padding: 0.8vw 1.2vw;
  display: flex;
  align-items: center;
  gap: 0.4vw;
  max-width: 8.1vw;
  margin-top: 1.2vw;
  transition: 0.3s;
}

.all-news-link svg {
  width: 0.8vw;
  height: 0.8vw;
}

.all-news-link:hover {
  background-color: var(--primary-hover);
  gap: 0.7vw;
}

.first-child .news-image-container {
  display: block;
}

.first-child .news-item-info {
  width: auto;
}

.first-child {
  width: 32.8vw;
}

.first-child .news-date-container {
  justify-content: space-between;
}

/* FOOTER ================================================================ */

footer {
  background-color: #ffffff;
  padding: 4.6vw 0;
}

.footer-number {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 0.4vw;
  background-color: var(--primary-blue-bg);
  padding: 0.8vw;
  width: fit-content;
  border-radius: 0.4vw;
  margin-bottom: 1.2vw;
}

.footer-number-backdrop-icon {
  width: 0.8vw;
  height: 0.5vw;
  stroke: var(--primary-color);
}

.footer-question-title {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  color: #9a9aa2;
  margin-bottom: 1.2vw;
}

.footer-email-address {
  display: flex;
  align-items: center;
  gap: 0.4vw;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.9vw;
  color: #030317;
  margin-bottom: 1.2vw;
}

.copy-icon {
  width: 0.88vw;
  height: 1vw;
}

.footer-info-container {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.7vw;
  color: #030317;
  width: 15vw;
  display: flex;
  gap: 0.7vw;
}

.location-icon {
  width: 1.9vw;
  height: 1.2vw;
}

.footer-nav-link-item {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: #030317;
  transition: 0.3s;
}

.footer-nav-link-item:hover {
  color: var(--primary-color);
}

.footer-nav-block {
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
}

.footer-nav-container {
  display: flex;
  gap: 4.2vw;
  justify-content: space-between;
}

.main-footer-container {
  display: grid;
  grid-template-columns: 1fr 47vw;
  padding-bottom: 4.1vw;
}

.footer-line {
  background: #f2f2f2;
  height: 1px;
}

.footer-social-container {
  display: grid;
  grid-template-columns: 1fr 47vw;
  padding: 2.55vw 0;
  align-items: center;
}

.footer-logo {
  width: 5.7vw;
  height: 2.5vw;
}

.footer-social-link-container {
  display: flex;
  gap: 0.8vw;
}

.footer-social-link {
  background: #f2f3f7;
  width: 2.9vw;
  height: 2.9vw;
  border-radius: 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.footer-social-icon {
  width: 1.2vw;
  height: 1vw;
  fill: #9a9aa2;
  transition: 0.3s;
}

.footer-social-link:hover {
  background-color: var(--primary-color);
}

.footer-social-link:hover .footer-social-icon {
  fill: #ffffff;
}

.footer-bottom-info {
  display: grid;
  grid-template-columns: 1fr 47vw;
  margin-top: 2.5vw;
}

.footer-bottom-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.7vw;
  color: #9a9aa2;
}

.inner-politic-link {
  color: #353545;
}

.footer-bottom-text:nth-child(2) {
  width: 31vw;
}

/* =============INTERNET + TV PAGE====================================================== */
/*  INTERNET_TV_HERO===========================================*/
.internet-tv-hero-section {
  background-color: #f2f3f7;
  padding: 2vw 0;
}

.internet-tv-hero-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: 2.6vw;
  border-radius: 1vw;
}

.internet-tv-hero-title {
  font-family: "Exo 2";
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 2.8vw;
  color: #030317;
  margin-bottom: 1.2vw;
  width: 31vw;
}

.internet-tv-hero-text {
  font-family: "Manrope";
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: #030317;
  width: 30vw;
  margin-bottom: 1.6vw;
}

.internet-tv-hero-btn {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #fff;
  border-radius: 9px;
  padding: 1.2vw 4.7vw;
  background-color: var(--primary-color);
  border: none;
  transition: 0.3s;
}

.internet-tv-hero-btn:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.internet-tv-hero-image-container {
  width: 39.3vw;
  /* height: 21.8vw; */
  border-radius: 1vw;
  overflow: hidden;
}

/* TARIFF IN INTERNET_TV ===================== */
.tariff-in-internet-tv {
  padding-top: 4vw;
}

.tariff-in-internet-tv .tariff-list-container {
  justify-content: flex-start;
  gap: 0.8vw;
  margin-bottom: 2vw;
}

.tariff-in-internet-tv-bottom-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.7vw;
  line-height: 1vw;
  color: #9a9aa2;
}

/* INTERNET-TV-FORM-SECTION ========================================================= */

.internet-tv-form-section .form-container {
  width: 100%;
  padding-left: 24vw;
  background-image: url(../../img/internet-tv-page/internet-tv-form-bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.internet-tv-form-section .form-btn {
  width: 19.1vw;
  margin-top: 1.6vw;
}

.inner-form-container {
  display: flex;
  gap: 1.2vw;
}

.internet-tv-form-section .first-label .form-input {
  width: 25.3vw;
}

.internet-tv-form-section .form-input {
  width: 12vw;
}

.internet-tv-form-section .first-label {
  width: 25.3vw;
  flex: none;
}

.internet-tv-form-section .form-title {
  width: auto;
}

/* WE CAN SECTION ================================= */

.we-can-icon {
  width: 2.8vw;
  height: 2.8vw;
  fill: #fff;
}

.separate-we-can-icon {
  width: 2.8vw;
  height: 2.8vw;
}

.we-can-icon-container {
  background-color: var(--primary-color);
  width: 5.4vw;
  height: 5.4vw;
  border-radius: 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.we-can-section {
  padding: 4vw 0;
}

.we-can-section-title {
  font-family: "Exo 2";
  font-weight: 600;
  font-size: 1.8vw;
  color: #000;
  margin-bottom: 2vw;
}

.we-can-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4vw;
}

.we-can-item-container {
  display: flex;
  flex-basis: calc((100% - 2 * 0.4vw) / 3);
  gap: 1.6vw;
  background: #fff;
  padding: 1.5vw;
  border-radius: 0.6vw;
  height: auto;
}

.we-can-item-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1vw;
  color: #000;
  margin-bottom: 0.6vw;
  max-width: 16.2vw;
}

.we-can-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.25vw;
  color: #030317;
  width: 16.7vw;
  margin-bottom: 0.2vw;
}

/* INSTRUCTIONS_SECTION ================================================== */

.instruction-section {
  background-color: #f2f3f7;
  padding: 4vw 0 5.8vw 0;
}

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

.instructions-item-icon {
  width: 4vw;
  height: 4vw;
  margin-bottom: 1.2vw;
}

.instructions-item .we-can-item-text {
  margin-bottom: 1.6vw;
  width: 11vw;
}

.instructions-item-btn {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  border-radius: 0.4vw;
  padding: 1.2vw 0;
  width: 11.5vw;
  transition: 0.3s;
}

.instructions-item-btn:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.instructions-graph-text {
  font-weight: 700;
}

.item-text-in-grph {
  margin-bottom: 0.2vw !important;
}

.without-btn-item {
  width: 14vw !important;
}

.instructions-item:nth-child(4) .we-can-item-title {
  width: 10vw;
}

.instructions-item:nth-child(4) .without-btn-item {
  margin-bottom: 0.6vw !important;
}

.instruction-item-link {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 0.4vw;
  transition: 0.3s;
}

.instruction-item-link:hover .instruction-item-link-icon {
  stroke: var(--primary-color);
}

.instruction-item-link:hover {
  color: var(--primary-color);
}

.instruction-item-link-icon {
  stroke: rgba(0, 0, 0, 0.2);
  width: 0.4vw;
  height: 0.6vw;
  transition: 0.3s;
}

/* EQUIPMENT_SECTION ===================================================== */

.equipment-section {
  /* background-color: #f2f3f7; */
  padding-top: 4vw;
  padding-bottom: 4vw;
}

.equipment-link-container {
  display: flex;
  gap: 1.4vw;
}

.equipment-link-item {
  display: block;
  flex-basis: calc((100% - 2 * 1.4vw) / 3);
  background-color: #ffffff;
  padding: 1.7vw;
  border-radius: 0.8vw;
  transition: 0.3s;
  overflow: hidden;
}

.equipment-image-container {
  width: 11.7vw;
  height: 11.7vw;
  margin: 0 auto;
  margin-bottom: 1.2vw;
}

.equipment-link-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1.4vw;
  line-height: 2vw;
  letter-spacing: -0.01em;
  color: #030317;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 1vw;
}

.equipment-link-icon {
  width: 0.5vw;
  height: 0.8vw;
}

.equipment-image-container img {
  transition: 0.3s;
}

.equipment-link-item:hover .equipment-image-container img {
  transform: scale(1.15);
}

.equipment-link-item:hover .equipment-link-title {
  gap: 1.5vw;
}

.equipment-link-item:nth-child(3) .equipment-image-container {
  width: 19.3vw;
  height: 11.6vw;
}

.equipment-link-item:hover {
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.08);
}

/* QUESTION SECTION ===================================== */

.question-section {
  padding-bottom: 4vw;
}

.question-container {
  margin-bottom: 1.2vw;
}

.question-item {
  background: #f4f4f4;
  border-radius: 0.8vw;
  padding: 1.4vw;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}

.question-item:not(:last-child) {
  margin-bottom: 0.4vw;
}

.question-item .question-item-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.question-item-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1vw;
  line-height: 1.5vw;
  color: #030317;
  max-width: 31vw;
}

.question-item-acardeon-text-JS {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #030317;
  width: 60vw;
  max-height: 0vw;
  overflow: hidden;
  /* display: none; */
  overflow: hidden;
  max-width: fit-content;
  transition: 0.3s;
}

.question-item-acardeon-text-JS.is-active {
  height: max-content;
  max-height: 1000px;
  overflow: auto;
  /* display: block; */
  margin-top: 1vw;
}

.question-item-icon-circle {
  width: 2vw;
  height: 2vw;
  border-radius: 100%;
  background-color: var(--primary-blue-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.question-item-icon {
  width: 0.7vw;
  height: 0.4vw;
}

.question-link {
  color: var(--primary-color);
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 1vw;
  padding: 1vw 1.6vw;
  border-radius: 0.4vw;
  width: fit-content;
  height: 2.9vw;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  transition: 0.3s;
  border: 0.06vw solid var(--primary-color);
}

.question-link:hover {
  background-color: var(--primary-blue-bg-hover);
}

.question-link-icon {
  width: 0.6vw;
  height: 0.8vw;
}

/* =============INTERNET-MEGOGO-PAGE ==============*/

.without-marker .inner-tariff-container {
  margin-top: 0.8vw;
}

.tariif-section-in-megogo .tariff-list-container {
  /* display: block; */
  /* min-width: 0; */
  gap: 0.8vw;
  margin-bottom: 2vw;
}

.tariff-swiper-container {
  position: relative;
  width: 61vw;
  /* height: 43.8vw; */
  padding-bottom: 4vw;
}

.tariff-swiper-container .swiper-pagination-bullet-active {
  border-radius: 0.8vw;
  width: 2.5vw !important;
  height: 0.3vw;
  background: #030317 !important;
}

.tariff-swiper-container .swiper-pagination-bullet {
  border-radius: 0.8vw;
  width: 1.2vw;
  height: 0.3vw;
  background: #8d8d8d;
  transition: 0.3s;
}

.tariif-section-in-megogo {
  padding-top: 4vw;
}

.instruction-item-link-intariff {
  color: #9a9aa2;
  margin-top: 0.8vw;
}

.tariff-item-title-wrapper.megogo {
}

/* UNIVERSAL_SECTION ----------FOR MEGOGO SWEET OMEGA =======================*/

.universal-section {
  padding: 4vw 0;
}

.universal-bg-container {
  background-color: var(--primary-color);
  border-radius: 1vw;
  padding: 2.6vw;
}

.universal-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5vw;
}

.universal-container .special-item-action {
  margin-bottom: 0.8vw;
}

.universal-info-item-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 2.6vw;
  color: #fff;
  width: 31vw;
  margin-bottom: 1.2vw;
}

.universal-info-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: #fff;
  width: 30vw;
  margin-bottom: 1.6vw;
}

.universal-info-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: var(--primary-color);
  background-color: var(--primary-yellow);
  border: none;
  padding: 1.2vw 4.4vw;
  border-radius: 0.4vw;
  transition: 0.3s;
}

.universal-info-btn:hover {
  background-color: #ffffff;
}

.universal-swiper-container {
  position: relative;
  width: 39.2vw;
  height: 23.3vw;
  border-radius: 0.8vw;
  overflow: hidden;
}

.universal-swiper-container img {
  border-radius: 0.8vw;
}

.universal-swiper-container .swiper-pagination {
  bottom: 0;
}

.universal-swiper-container .swiper-pagination-bullet {
  border-radius: 3.4vw;
  width: 7.5vw;
  height: 0.22vw;

  transition: 0.3s;
  background: #fff;
  opacity: 0.2;
}

.universal-swiper-container .swiper-pagination-bullet-active {
  width: 14vw;
  opacity: 1;
}

.universal-platform-list {
  display: flex;
  padding: 1.6vw 4vw;
  background: rgba(255, 255, 255, 0.1);
  justify-content: space-between;
  border-radius: 0.8vw;
}

.universal-platform-item {
  display: flex;
  align-items: center;
  gap: 1.2vw;
}

.universal-platform-icon {
  width: 2.5vw;
  height: 2.5vw;
  fill: white;
}

.universal-platform-name {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1vw;
  line-height: 1.2vw;
  color: #fff;
  width: 7vw;
}

/* INTERACTIVE-TV-SECTION ======================= */
.interactive-tv-section {
  padding-bottom: 4vw;
  overflow: hidden;
}

.interactive-tv-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.8vw;
  color: #000;
  margin-bottom: 2vw;
}

.interactive-tv-item {
  background-color: #ffffff;
  padding: 2vw;
  border-radius: 1vw;
  flex-basis: calc((100% - 2 * 0.8vw) / 3);
  height: auto;
}

.interactive-tv-iamge-container {
  padding: 1.5vw;
  border-radius: 0.4vw;
  width: 100%;
  height: 14.5vw;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  margin-bottom: 1.6vw;
}

.interactive-tv-item:nth-child(1) .interactive-tv-iamge-container {
  background-image: url(../img/internet-megogo-page/interactive-tv/man-looking-image.jpg);
}
.interactive-tv-item:nth-child(2) .interactive-tv-iamge-container {
  background-image: url(../img/internet-megogo-page/interactive-tv/family-image.jpg);
}
.interactive-tv-item:nth-child(3) .interactive-tv-iamge-container {
  background-image: url(../img/internet-megogo-page/interactive-tv/tv-image.jpg);
}

.interactive-tv-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1.2vw;
  color: #000;
  margin-bottom: 0.8vw;
  max-width: 23.2vw;
}

.interactive-tv-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #686874;
  width: 22.2vw;
}

.we-can-icon-in-interactive {
  align-self: flex-end;
  width: 4vw;
  height: 4vw;
}

.we-can-icon-in-interactive svg {
  width: 2vw;
  height: 2vw;
}

.interactive-tv-item-list {
  display: flex;
  gap: 0.8vw;
}

/*===================== OMEGA_PAGE ================= */

.tariff-section-in-omega .tariff-item-title-wrapper {
  background-image: url(../img/internet-omega.page/omega-tariff-img.jpg);
}

/* ===============APARTMENT-BUILDING PAGE=================== */

.apartment-building-hero .internet-tv-hero-title {
  width: 37vw;
}

.apartment-building-hero .special-item-action {
  margin-bottom: 1.6vw;
}

/* WHY-SECTION================================ */

.why-section {
  padding-bottom: 4vw;
  overflow: hidden;
}

.additional-services .we-can-item-text {
  color: #9a9aa2;
  margin-bottom: 0.8vw;
}

.additional-services .we-can-icon-container {
  background-color: var(--primary-blue-bg);
}

.why-section .additional-services {
  margin-bottom: 0;
}

.conditions-container {
  display: flex;
  align-items: center;
  gap: 0.4vw;
  cursor: pointer;
}

.conditions-icon {
  width: 1vw;
  height: 1vw;
  fill: #9a9aa2;
  transition: 0.3s;
}

.conditions-text {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #9a9aa2;
}

.conditions-container:hover .conditions-icon {
  fill: var(--primary-color);
}

/* ============PRIVATE HOUSE PAGE ==================== */

.tariff-in-private-house .inner-number-span {
  font-size: 1vw;
}

.tariff-in-private-house .price-in-private-house {
  font-size: 1.4vw;
}

.tariff-temporary-discount {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  line-height: 0.6vw;
  color: #3d3606;
  background-color: var(--primary-yellow);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2vw;
  width: 6.3vw;
  height: 1.2vw;
}

.tariff-in-private-house .inner-tariff-container {
  min-height: 31vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ============== TABLE_SECTION ================ */

.tariff-table-section {
  padding-top: 4vw;
  padding-bottom: 4vw;
}

.table-container {
  background-color: #ffffff;
  padding: 2.7vw 2vw 3.3vw 2vw;
  border-radius: 1vw;
  margin-bottom: 1.6vw;
}

.main-upper-table-container {
  display: flex;
  justify-content: space-between;
}

.table-main-container {
  width: 21.7vw;
  padding-top: 1.5vw;
}

.table-logo-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 2.6vw;
  color: #030317;
  margin-bottom: 0.4vw;
}

.table-logo-image {
  width: 6.4vw;
  height: 6.4vw;
}

.table-upper-line-container {
  display: flex;
}

.upper-line-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 1.2vw;
  text-align: center;
  color: #000;
}

.secondary-table-container {
  position: relative;
  width: 14.4vw;
  padding-bottom: 2vw;
  padding-top: 2vw;
  border-top-right-radius: 1vw;
  border-top-left-radius: 1vw;
  transition: 0.3s;
}

.secondary-table-container .tariff-marker-container {
  position: absolute;
  top: -0.8vw;
  opacity: 0;
  transition: 0.3s;
}

.secondary-table-container .tariff-marker-container.hovered {
  opacity: 1;
}

.table-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: var(--primary-color);
  background-color: transparent;
  border: 0.07vww solid var(--primary-color);
  border-radius: 0.4vw;
  padding: 1.2vw 3.6vw;
  display: block;
  margin: 0 auto;
  transition: 0.3s;
}

.first-column-btn.hovered {
  background-color: var(--primary-color);
  color: #fff;
}

.second-column-btn.hovered {
  background-color: var(--primary-color);
  color: #fff;
}

.third-column-btn.hovered {
  background-color: var(--primary-color);
  color: #fff;
}

.fourth-column-btn.hovered {
  background-color: var(--primary-color);
  color: #fff;
}

.table-container .tariff-item-price-container {
  margin: 1.2vw;
}

.lower-table-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #eaeaea;
  /* padding: 1vw 0; */
}

.lower-table-container:last-child {
  border-bottom: 1px solid #eaeaea;
}

.lower-table-title-container {
  width: 21.7vw;
}

.lower-table-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 1.2vw;
  max-width: 19vw;
}

.lower-table-info-list {
  display: flex;
}

.lower-table-info-item {
  width: 14.4vw;
  /* padding: 1vw 0; */
  height: 3.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.lower-table-number {
  text-align: center;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: #030317;
}

.tariff-table-section .tv-list-container {
  justify-content: center;
}

.table-defis {
  font-family: "Exo 2";
  font-weight: 300;
  font-size: 3.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: #030317;
}

.chek-mark-icon {
  width: 1.45vw;
  height: 1.45vw;
  margin: 0 auto;
  display: block;
}

.table-large-numbers {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: #030317;
}

.with-price .lower-table-info-item {
  height: 5vw;
}

.first-column.hovered {
  background-color: #f7f7f7;
}

.second-column.hovered {
  background-color: #f7f7f7;
}

.third-column.hovered {
  background-color: #f7f7f7;
}

.fourth-column.hovered {
  background-color: #f7f7f7;
}

.question-section.in-tables-page {
  padding-top: 4vw;
}

/* =================== SWEET-TV PAGE =============================== */

.sweet-tv-logo-image {
  width: 14.1vw;
  height: 2.6vw;
}

.tariff-table-section.in-sweet-tv .table-logo-title {
  margin-bottom: 1.2vw;
}

.tariff-table-section.in-sweet-tv .lower-table-title {
  max-width: max-content;
}

.lower-bottom-table-title {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.7vw;
  line-height: 1vw;
  color: #81818b;
}

/* ======================== OMEGA PAGE ============================== */

.omega-logo-image {
  width: 8.9vw;
  height: 3.3vw;
}

/*  ================================INTERCOM PAGE ==================================== */

.additional-hero-text {
  font-family: Manrope;
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 17.6px;
  letter-spacing: 0.24em;
  text-align: left;
  margin-bottom: 1.2vw;
}

.options-section .we-can-item-text {
  width: 13vw;
}

.options-section .without-btn-item {
  width: 15vw !important;
}

.options-section {
  background-color: #fff;
}

/* FORM============ */

.additional-form-example .form-container {
  background-image: none;
  padding-left: 3.1vw;
}

.form-input.with-icons {
  padding-left: 2.9vw;
}

.input-container {
  position: relative;
}

.jk-icon {
  position: absolute;
  top: 55%;
  left: 1vw;
  transform: translateY(-50%);
}

.inner-form-arrow-icon {
  position: absolute;
  top: 50%;
  right: 1vw;
  cursor: pointer;
}

.additional-form-example .first-label {
  width: 20.8vw !important;
}
.additional-form-example .first-label .form-input {
  width: 20.8vw !important;
}
.additional-form-example .form-input {
  width: 7.2vw !important;
}

/* ================== AKUVOX SECTION ======================== */

.akuvox-section {
  padding: 4vw 0;
}

.akuvox-section .container {
  display: flex;
  justify-content: space-between;
}

.akuvox-image-container {
  width: 42vw;
  background-color: #f2f3f7;
  border-radius: 0.8vw;
}

.akuvox-info-container {
  padding: 0 4vw 0 6.2vw;
}

.akuvox-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 3.1vw;
  color: #030317;
  margin-bottom: 2vw;
  width: 25vw;
}

.akuvox-acardeon-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.2vw;
  padding: 1.2vw;
  cursor: pointer;
  /* transition: 0.3s; */
}

.akuvox-acardeon-item.is-active {
  /* border-bottom: 0.15vw solid var(--primary-color); */
  background-color: #f5f5f6;
}

.akuvox-acardeon-item-icon {
  transition: 0.3s;
  width: 1.6vw;
  height: 1.6vw;
}

.akuvox-acardeon-item-icon.with-stroke {
  stroke: #9a9aa2;
}

.akuvox-acardeon-item-icon.with-fill {
  fill: #9a9aa2;
}

.akuvox-acardeon-item-icon.with-stroke.is-active {
  stroke: var(--primary-color);
}
.akuvox-acardeon-item-icon.with-fill.is-active {
  fill: var(--primary-color);
}

.akuvox-acardeon-item-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1vw;
  color: #9a9aa2;
  transition: 0.3s;
}

.akuvox-acardeon-item-title.is-active {
  color: #030317;
}

.akuvox-acardeon-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  opacity: 0;
  transition: 0.3s;
  height: 0px;
}

.akuvox-acardeon-item-text.is-active {
  opacity: 1;
  height: auto;
  margin-top: 0.8vw;
  color: #030317;
}

.akuvox-acardeon-item .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 0.12vw;
  max-height: 0.12vw;
  background-color: var(--primary-color); /* Змініть колір за потреби */
  width: 0;
  transition: width 6s linear;
  z-index: 9999;
}

.akuvox-acardeon-item .progress-bar-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.12vw;
  background-color: #dfdfdf; /* Змініть колір за потреби */
  width: 0;
}

.akuvox-acardeon-item.is-active .progress-bar {
  width: 100%;
}
.akuvox-acardeon-item.is-active .progress-bar-bg {
  width: 100%;
}

.akuvox-acardeon-item:not(.is-active) .progress-bar {
  transition: none;
}

/*=-============================= AKYVOX COMPANY SLIDER ========================= */
.akuvox-section.in-video .company-item {
  cursor: pointer;
}

/* ========================= CATALOG SECTION ================= */

.catalog-section {
  padding-bottom: 4vw;
}

.catalog-item {
  position: relative;
  background-color: #ffffff;
  padding: 1vw 1.2vw 1.2vw 1.2vw;
  border-radius: 0.8vw;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.catalog-item:hover {
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.08);
}

.catalog-item-img {
  margin: 0 auto;
  width: 100%;
  height: 15vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.catalog-item-img img {
  aspect-ratio: 1.3;
  object-fit: contain;
}

/* .catalog-item-img img {
  object-fit: contain;
} */

.catalog-item-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1vw;
  color: #000;
  margin-bottom: 1vw;
}

.catalog-price-container {
  display: flex;
  gap: 0.8vw;
  align-items: flex-end;
  margin-bottom: 1vw;
}

.catalog-current-price {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: #030317;
}

.catalog-current-price span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.9vw;
  color: #030317;
  margin-left: 0.2vw;
}

.catalog-old-price {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1vw;
  line-height: 1vw;
  text-decoration: line-through;
  text-align: center;
  color: #9a9aa2;
}

.catalog-old-price span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.9vw;
  text-decoration: line-through;
  color: #9a9aa2;
  margin-left: 0.2vw;
}

.catalog-btn-container {
  display: flex;
  gap: 0.64vw;
}

.catalog-buy-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  line-height: 0.7vw;
  color: #fff;
  flex-basis: 50%;
  padding: 1vw 0;
  border: none;
  background: var(--primary-color);
  border-radius: 0.4vw;
  transition: 0.3s;
}

.catalog-buy-btn:hover {
  background-color: var(--primary-hover);
}

.catalog-catalog-add-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  line-height: 0.7vw;
  background: #f2f3f7;
  line-height: 0.7vw;
  padding: 1vw 0;
  color: #9a9aa2;
  flex-basis: 50%;
  border: none;
  border-radius: 0.4vw;
  transition: 0.3s;
}

.catalog-catalog-add-btn:hover {
  color: #030317;
}

.catalog-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.8vw;
  color: #000;
}

.catalog-swiper-container {
  overflow: hidden;
  position: relative;
  padding-bottom: 4vw;
  padding-top: 2vw;
}

.catalog-swiper-container .swiper-pagination {
  bottom: 1vw;
}

.catalog-swiper-container .swiper-pagination-bullet {
  border-radius: 0.8vw;
  width: 1.2vw;
  height: 0.31vw;
  transition: 0.3s;

  background: #8d8d8d;
}

.catalog-swiper-container .swiper-pagination-bullet-active {
  border-radius: 0.8vw;
  width: 2.5vw;
  height: 0.31vw;

  background: #030317;
}

.catalog-section .tariff-marker-container {
  position: absolute;
  left: 0;
  top: -0.5vw;
}

.catalog-swiper-container .swiper-slide {
  height: auto;
}

/* ========================= BLUE FORM SECTION ============================= */

.blue-form-section {
  position: relative;
  padding-bottom: 4vw;
  padding-top: 6.6vw;
}

.blue-form-section.intercom {
  padding-top: 3vw;
}

.blue-form-container {
  background-color: var(--primary-color);
  padding: 3.1vw;
  border-radius: 1vw;
}

.blue-form-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2vw;
  color: #fff;
  margin-bottom: 0.8vw;
}

.blue-form-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #fff;
  margin-bottom: 1.2vw;
}

.blue-form {
  display: flex;
  gap: 0.8vw;
  margin-bottom: 1vw;
  align-items: flex-end;
}

.blue-form-label {
  display: flex;
  flex-direction: column;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: #fff;
}

.blue-form-input {
  border: 0.07vw solid rgba(255, 255, 255, 0.4);
  border-radius: 0.3vw;
  padding: 1vw;
  width: 15.2vw;
  height: 3.3vw;
  background: transparent;
  margin-top: 0.6vw;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #fff;
}

.blue-form-input::placeholder {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #fff;
  opacity: 0.4;
}

.blue-form-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  line-height: 0.7vw;
  color: var(--primary-color);
  border-radius: 0.4vw;
  padding: 1vw 1.2vw;
  width: 10.4vw;
  height: 3.3vw;
  border: none;
  background: #fff;
}

.blue-form-bottom-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.6vw;
  line-height: 0.9vw;
  color: rgba(255, 255, 255, 0.4);
}

.blue-form-bottom-link {
  font-weight: 700;
  color: #fff;
}

.blue-form-img {
  position: absolute;
  right: 8vw;
  bottom: 4vw;
  width: 33vw;
}

/* ======================== VIDEO PAGE ================== */

/* ================= SUPERVISION SECTION ================= */

.video-tabs-section {
  padding-top: 4vw;
}

.supervision-tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8vw;
  display: none;
}

.supervision-tab-list.is-active {
  display: flex;
}

.large {
  flex-basis: calc((100% - 1 * 0.8vw) / 2);
}

.small {
  flex-basis: calc((100% - 2 * 0.8vw) / 3);
}

.supervision-tab-item {
  background-color: #ffffff;
  border-radius: 0.8vw;
  overflow: hidden;
}

.supervision-tab-item.large img {
  max-height: 16vw;
  width: 100%;
  object-fit: cover;
}

.supervision-tab-item-text-container {
  padding: 1.2vw;
}

.supervision-tab-item-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 1vw;
  color: #030317;
  margin-bottom: 0.6vw;
}

.supervision-tab-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #686874;
}

.large .supervision-tab-item-text {
  width: 60%;
}

.small .supervision-tab-item-text {
  width: 75%;
}

.blue-form-img.in-video {
  width: 20vw;
  right: 18vw;
  bottom: 7vw;
}

.akuvox-section.in-video .akuvox-image-container img {
  width: 25.5vw;
}

.akuvox-section.in-video .akuvox-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.4vw;
  padding: 3vw 0;
}

.akuvox-section.in-video {
  padding-top: 0;
}

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

.company-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  width: 10.1vw;
  padding: 1.9vw;
  border-radius: 0.6vw;
}

.akuvox-section.in-video .akuvox-info-container {
  padding: 0;
}

.akuvox-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: #030317;
  max-width: 28vw;
}
.akuvox-item-span {
  font-weight: 700;
}

.akuvox-section.in-video .akuvox-acardeon-item img {
  width: 1.6vw;
  height: 1.6vw;
}

.akuvox-section.in-video .akuvox-acardeon-item {
  align-items: center;
}
.akuvox-section.in-video .akuvox-section-title {
  width: 36vw;
}

/* ================== DOSCOUNT PAGE ====================== */

.special-list.in-discount {
  flex-wrap: wrap;
}

.special-list.in-discount .special-item {
  flex-basis: calc((100% - 2 * 0.8vw) / 3);
}

.form-special-item {
  background-color: var(--primary-color);
  border-radius: 1vw;
  padding: 2.6vw 3.1vw 0 3.1vw;
}
.form-special-item img {
  width: 9.4vw;
  margin-bottom: 2vw;
}

.form-item-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 1.6vw;
  line-height: 2.1vw;
  color: #fff;
  margin-bottom: 2vw;
}

.special-form-label {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  color: #fff;
}

.special-form-input {
  background-color: transparent;
  width: 100%;
  border: 0.07vw solid rgba(255, 255, 255, 0.4);
  border-radius: 0.3vw;
  padding: 1vw;
  margin-top: 0.6vw;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #fff;
  transition: 0.3s;
}

.special-form-input::placeholder {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #fff;
  opacity: 0.4;
}

.special-form-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: var(--primary-color);
  display: block;
  width: 100%;
  padding: 1.2vw 0vw;
  border: none;
  border-radius: 0.3vw;
}

.special-form-input-container {
  position: relative;
  margin-bottom: 2vw;
}

.special-form-input-icon {
  position: absolute;
  stroke: #9a9aa2;
  width: 0.8vw;
  height: 0.8vw;
  top: 50%;
  left: 7.3vw;
  opacity: 0.4;
  cursor: pointer;
  transition: 0.3s;
}

.special-form-input:hover {
  border: 0.07vw solid black;
}

.special-form-input-container:hover .special-form-input-icon {
  stroke: black;
  opacity: 1;
}

.special-list.in-discount {
  margin-bottom: 2vw;
}

/* ===================== ARTICLE PAGES ============================================ */
.article-section {
  padding-top: 1.6vw;
}

.tariff-table-section.in-article .tariff-section-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 2.8vw;
  color: #030317;
}

.article-container {
  width: 65vw;
  margin: 0 auto;
}

.article-container .special-item-date-container {
  gap: 1.6vw;
  justify-content: flex-start;
}

.article-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: #030317;
}

.article-info-container {
  max-width: 41vw;
}

.article-info-container img {
  border-radius: 1vw;
  margin-bottom: 2vw;
}

.article-text-container {
  display: flex;
  flex-direction: column;
  gap: 0.6vw;
  margin-bottom: 2vw;
}

.article-list-item {
  list-style-type: disc;
  margin-left: 1.3vw;
}

.article-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 2.8vw;
  color: #030317;
  width: 33vw;
  margin-bottom: 1.6vw;
}

.article-share-text {
  margin-bottom: 1.2vw;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.2vw;
  color: #000;
}

.article-text-title {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 1.5vw;
  color: black;
  margin-bottom: 0.3vw;
}

/* ==================== LOYALTY_PAGE ========================= */

.special-list.in-loyalty {
  flex-wrap: wrap;
  margin-bottom: 2vw;
}

.loyalty-container {
  position: relative;
  padding: 3.2vw 0 5.2vw 4.1vw;
  background: linear-gradient(-100deg, var(--primary-color) 0%, #a117c3 100%);
  border-radius: 1vw;
}

.special-list.in-loyalty .special-item {
  flex-basis: calc((100% - 0.8vw) / 2);
}

.loyalty-marker-container {
  display: flex;
  gap: 0.6vw;
  margin-bottom: 0.8vw;
}

.offers-marker {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  text-transform: uppercase;
  color: var(--primary-color);
  background-color: var(--primary-yellow);
  padding: 0.4vw 0.8vw;
  border-radius: 0.4vw;
  width: fit-content;
}

.bonus-marker {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4vw 0.8vw;
  border-radius: 0.4vw;
  width: fit-content;
  background: linear-gradient(100deg, var(--primary-color) 0%, #a117c3 100%);
}

.loyalty-hero-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.9vw;
  line-height: 3.4vw;
  color: #fff;
  margin-bottom: 0.8vw;
}

.loyalty-hero-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: #fff;
  width: 23vw;
  margin-bottom: 2vw;
}

.loyalty-hero-section .special-item-form {
  display: flex;
  align-items: flex-end;
  gap: 0.8vw;
}

.loyalty-hero-section .special-form-btn {
  width: 10.4vw;
  height: 3.2vw;
  color: black;
}

.loyalty-hero-section .special-form-input-container {
  margin-bottom: 0;
}
.loyalty-hero-section .special-form-input {
  height: 3.2vw;
  width: 17.7vw;
}

.loyalty-hero-gift {
  position: absolute;
  width: 40vw;
  bottom: 5vw;
  right: 1.1vw;
}

.special-loyalty .special-item-title {
  width: 100%;
}
.special-loyalty .special-item-text {
  width: 100%;
}

.archive-btn {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  background: #f2f3f7;
  width: 7.7vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3vw;
  cursor: pointer;
}

.archive-btn:hover .archive-icon {
  fill: black;
}
.archive-btn:hover .archive-text {
  color: black;
}

.archive-icon {
  width: 1vw;
  height: 1vw;
  fill: #9a9aa2;
  transition: 0.3s;
}

.archive-text {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  line-height: 0.7vw;
  color: #9a9aa2;
  transition: 0.3s;
}

.archive-container {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.swiper-container.company {
  width: 100%;
  overflow: hidden;
}

.swiper-slide.company {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
  border-radius: 0.8vw;
  background: #f2f3f7;
}

.pagination-custom {
  margin-top: 0.4vw;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  gap: 0.8vw;
}

.pagination-custom div {
  flex-basis: calc((100% - 3 * 0.8vw) / 4);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.7vw;
  background-color: #fff;
  padding: 1vw;
  border-radius: 0.6vw;
  cursor: pointer;
}

.pagination-custom div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6vw;
  transition: 0.3s;
}
.pagination-custom div.active {
  opacity: 1;
}

.range-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0.5vw;
}

.range-labels {
  display: flex;
  justify-content: space-between;
  width: 14vw;
  margin-bottom: 0.4vw;
}

.range-label {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  letter-spacing: -0.03em;
  text-align: center;
  color: #b3b3b9;
  display: flex;
  flex-direction: column;
  gap: 0.2vw;
}

.range-label span {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.7vw;
  line-height: 0.8vw;
  color: #b3b3b9;
}

.range-label.selected {
  color: black;
  font-weight: bold;
}

.range-label.selected span {
  color: black;
  font-weight: bold;
}

.range-input {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #ddd;
  border-radius: 5px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.range-input:hover {
  opacity: 1;
}

.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--primary-color);
  cursor: pointer;
}

.range-input::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #000000;
  cursor: pointer;
}

.range-input {
  position: relative;
}

.range-input::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.5vw;
  height: 0.5vw;
  background: #b7b7cb;
  border-radius: 50%;
}

.range-input::after {
  content: "";
  position: absolute;
  right: 50%;
  width: 0.5vw;
  height: 0.5vw;
  background: #b7b7cb;
  border-radius: 50%;
}

.range-input::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.5vw;
  height: 0.5vw;
  background: #b7b7cb;
  border-radius: 50%;
}

/* ======================== PAYMENT_METHODS_PAGE ======================== */

.online-payment {
  padding-top: 1.6vw;
}

.online-payment .container {
  display: flex;
  gap: 0.8vw;
  align-items: center;
}

.online-payment-form-container {
  background-color: #ffffff;
  width: 38.7vw;
  border-radius: 0.8vw;
  padding: 3.1vw;
  height: fit-content;
}

.online-payment-form-container .payment-title {
  width: 30vw;
}

.payment-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.6vw;
  line-height: 1.8vw;
  color: black;
  margin-bottom: 1.6vw;
}

.online-payment-form {
  display: flex;
  flex-direction: column;
}

.online-payment-form label {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1.1vw;
  color: black;
  margin-bottom: 0.6vw;
}

.online-payment-form input::placeholder {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #9a9aa2;
}

.online-payment-form input {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #9a9aa2;
  border: 0.07vw solid #f2f2f2;
  border-radius: 0.3vw;
  padding: 1vw;
  background: transparent;
  transition: 0.3s;
}

.online-payment-form input:hover {
  border: 0.07vw solid black;
}

.online-payment-form input:focus {
  border: 0.07vw solid black;
}

.online-payment-form input :nth-child(1) {
  margin-bottom: 1vw;
}

.online-payment-form-container .tariff-btn {
  margin-top: 0.8vw;
  margin-bottom: 0;
}

.online-payment .instructions-item .we-can-item-text {
  margin-bottom: 0;
  width: 11vw;
}

.payment-instruction-icon-container {
  width: 3.3vw;
  height: 3.3vw;
  border-radius: 0.4vw;
  background-color: var(--primary-blue-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2vw;
}

.payment-instruction-icon-container img {
  width: 1.6vw;
  height: 1.6vw;
}

.online-payment-instruction-container {
  width: 44.3vw;
  background: #ffffff;
  border-radius: 0.8vw;
  padding: 3.1vw;
  display: flex;
  flex-direction: column;
  gap: 6.3vw;
}

.online-payment-system-images {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4vw;
  align-items: center;
}

.online-payment-system-images:nth-child(1) {
  margin-bottom: 1.4vw;
}

/* ======================CASH PAyment ========================= */

.mob-app-payment {
  padding-top: 1.6vw;
  padding-bottom: 3.2vw;
}

.cash-payment {
  padding-top: 1.6vw;
  padding-bottom: 13vw;
}

.cash-container {
  background-color: #ffffff;
  padding: 2.6vw;
  border-radius: 0.8vw;
}

.cash-terminal-list {
  display: flex;
  gap: 0.8vw;
}

.cash-terminal-item {
  background: #f5f5f6;
  padding: 2vw;
  border-radius: 0.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.privat-img {
  width: 5vw;
  height: 5vw;
}

.easy-img {
  width: 8.9vw;
  height: 4.4vw;
}
.city-img {
  width: 5vw;
  height: 5vw;
}
.ibox-img {
  width: 8.8vw;
  height: 2.9vw;
}

.tyme-img {
  width: 3.8vw;
  height: 5vw;
}

.payment-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: black;
  margin-bottom: 1.6vw;
}

.mob-app-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
}

.mob-app-item {
  flex-basis: calc((100% - 9vw) / 10);
}

.mob-app-container {
  background-color: #ffffff;
  padding: 2.6vw;
  border-radius: 0.8vw;
}

.portmone {
  padding-top: 1.6vw;
}

.portmone .payment-text {
  margin-bottom: 2vw;
}

.portmone .we-can-item-text {
  width: 14vw;
}

.portmone-container {
  background-color: #ffffff;
  border-radius: 0.8vw;
  padding: 2.6vw;
}

.portmone-logo {
  margin-bottom: 0.8vw;
}

.payment-tab {
  display: none;
}

.payment-tab.active-tab {
  display: block;
}

/*  ================================= =====DOCUMENT PAGE ============================================ */

.page-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2.6vw;
  line-height: 2.8vw;
  color: black;
  margin-bottom: 1.6vw;
}

.documenet-backdrop-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.2vw;
  line-height: 1.3vw;
  color: black;
}

.document-backdrop-container-JS {
  max-height: 0vw;
  overflow: hidden;
  transition: 0.5s;
  /* display: none; */
}

.document-backdrop-container-JS.is-active {
  height: max-content;
  max-height: 1000px;
  margin-top: 1.2vw;
  /* transition: 0.3s; */
  display: block;
}

.document-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8vw;
  border-radius: 0.4vw;
  transition: 0.3s;
}

.document-list-icon {
  width: 1.2vw;
  height: 1.2vw;
  min-width: 1.2vw;
  fill: #9a9aa2;
  margin-right: 0.8vw;
  transition: 0.3s;
}

.document-list-text {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1.4vw;
  color: black;
  transition: 0.3s;
}

.document-download-icon {
  width: 1vw;
  height: 1vw;
  fill: #9a9aa2;
  margin-right: 0.5vw;
  transition: 0.3s;
}

.download-text {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  line-height: 0.7vw;
  color: #9a9aa2;
  transition: 0.3s;
}

.document-item-flex-container {
  display: flex;
  align-items: center;
}

.documents-backdrop-container {
  background-color: #ffffff;
  padding: 1.6vw;
  border-radius: 0.8vw;
  transition: 0.3s;
  flex-basis: calc((100% - 0.8vw) / 2);
  height: max-content;
}

.backdrop-btn-container-JS {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.document-list-item:hover {
  background: #f2f3f7;
}
.document-list-item:hover .document-list-text {
  color: var(--primary-color);
}

.document-list-item:hover .document-list-icon {
  fill: var(--primary-color);
}

.document-flex-container {
  display: flex;
  gap: 0.8vw;
}

.document-item-flex-container.download:hover .document-download-icon {
  fill: black;
}

.document-item-flex-container.download:hover .download-text {
  color: black;
}

.document-item-flex-container.download:hover {
  cursor: pointer;
}

.document-section {
  padding: 2vw 0 17vw 0;
}

/* ===================== CONTACT PAGE ===================================== */

.contact-section {
  padding: 2vw 0 7.2vw 0;
}

.contact-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.8vw;
  line-height: 2vw;
  color: black;
  margin-bottom: 0.8vw;
}

.contact-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: black;
  margin-bottom: 2vw;
}

.contact-support-number-container {
  margin-bottom: 2vw;
}

.contact-number-item {
  display: flex;
  align-self: start;
  gap: 0.8vw;
}

.contact-number-item:not(:last-child) {
  margin-bottom: 1vw;
}

.contact-number {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.4vw;
  line-height: 1.4vw;
  text-align: center;
  color: black;
  transition: 0.3s;
}

.number-item-text {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.7vw;
  color: #9a9aa2;
}

.question-support-container {
  margin-bottom: 2vw;
}

.contact-number-item:hover .contact-number {
  color: var(--primary-color);
}

.tg-container {
  display: flex;
  align-items: center;
  gap: 0.6vw;
  margin-bottom: 2vw;
}

.tg-icon {
  width: 1.2vw;
  height: 1vw;
}

.tg-text {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.9vw;
  color: var(--primary-color);
}

.team-viewer-container {
  display: flex;
  align-items: center;
  background: #f2f3f7;
  width: fit-content;
  padding: 0.7vw 1vw;
  border-radius: 0.3vw;
  cursor: pointer;
  margin-bottom: 2vw;
}

.team-viewer-container:hover .download-text {
  color: var(--primary-color);
}
.team-viewer-container:hover .document-download-icon {
  fill: var(--primary-color);
}

.team-viewer-icon {
  margin-right: 0.8vw;
}

.download-text {
  font-size: 0.7vw;
  margin-right: 0.5vw;
}

.social-link-title {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  color: #9a9aa2;
  margin-bottom: 0.8vw;
}

.contact-support-container {
  background: #ffffff;
  padding: 3.1vw;
  border-radius: 0.8vw;
}

.contact-form label {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: black;
  margin-bottom: 0.6vw;
}

.contact-form-input-line {
  display: flex;
  justify-content: space-between;
}

.contact-form-input-line:nth-child(1) {
  margin-bottom: 1.8vw;
}

.contact-label-container {
  display: flex;
  flex-direction: column;
  flex-basis: calc((100% - 1.2vw) / 2);
}

.contact-label-container input,
.contact-label-container textarea {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #9a9aa2;
  padding: 1vw;
  border: 0.07vw solid #f2f2f2;
  border-radius: 0.3vw;
  transition: 0.3s;
}

/* .contact-label-container textarea {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: #9a9aa2;
  padding: 1vw;
  border: 0.07vw solid #f2f2f2;
  border-radius: 0.3vw;
  transition: 0.3s;
} */

.contact-container {
  display: grid;
  grid-template-columns: 34.4vw 1fr;
  gap: 0.8vw;
}

.contact-form-container {
  background: #ffffff;
  padding: 3.1vw 8.2vw 0 3.1vw;
  border-radius: 0.8vw;
}

.contact-form {
  margin-top: 2vw;
}

.contact-form > .contact-label-container {
  margin-top: 1.8vw;
}

.contact-label-container textarea {
  resize: none;
  height: 8.8vw;
}

.contact-form-btn {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  padding: 1.2vw;
  border-radius: 0.4vw;
  width: 100%;
  margin-top: 2vw;
  transition: 0.3s;
}

.contact-form-btn:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.contact-form input:hover,
.contact-form textarea:hover {
  border: 0.07vw solid black;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border: 0.07vw solid var(--primary-color);
}

/* =-======================= QUESTION PAGE ================================== */

.question-container.in-page {
  width: 56vw;
}

.question-container.in-page {
  display: none; /* Приховати всі контейнери за замовчуванням */
}

.question-container.in-page.active {
  display: block; /* Показати активний контейнер */
}

.question-search-form input {
  width: 56vw;
  margin-bottom: 1.6vw;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #9a9aa2;
  padding: 1.4vw 1.2vw;
  border: 0.07vw solid #cdcdd1;
  border-radius: 0.3vw;
  background-color: transparent;
  transition: 0.3s;
}

.question-search-form input:hover {
  border: 0.07vw solid #000000;
}

.question-search-form input:focus {
  border: 0.07vw solid var(--primary-color);
}

.question-search-form:hover .question-search-icon {
  fill: black;
}

.question-search-form:focus-within .question-search-icon {
  fill: var(--primary-color);
}

.question-search-form input::placeholder {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: #9a9aa2;
}

.search-input-container {
  position: relative;
  width: fit-content;
}

.question-search-icon-container {
  position: absolute;
  top: 50%;
  right: 1.2vw;
  transform: translateY(-100%);
}

.question-search-icon {
  width: 1.3vw;
  height: 1.3vw;
  fill: rgb(0, 0, 0);
  transition: 0.3s;
}

/* ================= EQUIPMENT PAGE =============================== */

.navigation-item span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.8vw;
  line-height: 0.8vw;
  color: black;
  opacity: 0.4;
  margin-left: 0.4vw;
}

.navigation-item.current-nav-item span {
  opacity: 1;
  color: #ffffff;
}

.catalog-equipment-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.7vw;
  row-gap: 1.3vw;
  margin-bottom: 2vw;
}

.catalog-equipment-container .catalog-item {
  flex-basis: calc((100% - 3 * 0.7vw) / 4);
}

.catalog-equipment-container .tariff-marker-container {
  position: absolute;
  left: 0;
  top: -0.5vw;
}

/* =============================== ADDAPTIVE =========================== */

/* HERO SECTION IN MAIN  */

@media (max-width: 1024px) {
  .hero-swiper-btn-prev {
    position: static;
    background-color: #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.5vw;
    height: 8.5vw;
  }

  .hero-swiper-btn-next {
    position: static;
    background-color: #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.5vw;
    height: 8.5vw;
  }

  .hero-swiper-nav-container {
    position: absolute;
    z-index: 1;
    display: flex;
    gap: 0;
    bottom: 0.4vw;
    right: 11.4vw;
  }

  .hero-swiper-nav-container svg {
    width: 4.2vw;
    height: 4.2vw;
  }

  .hero-slide-title {
    font-size: 6.4vw;
    line-height: 7.7vw;
    width: 40vw;
    margin-bottom: 3.2vw;
  }

  .hero-slide-text {
    font-size: 3.7vw;
    line-height: 4.5vw;
    width: 60vw;
    margin-bottom: 10.6vw;
  }

  .hero-slide-btn {
    font-size: 3.2vw;
    line-height: 3.2vw;
    padding: 3.2vw 4.2vw;
    border-radius: 1vw;
  }

  .hero-slide-item {
  }

  .hero-swiper-container .swiper-pagination-bullet {
    width: 19.5vw !important;
    height: 0.8vw !important;
  }

  .hero-swiper-container .swiper-pagination-bullet-active {
    width: 15.2vw !important;
    height: 0.8vw !important;
  }

  .hero-swiper-container .swiper-pagination {
    position: absolute;
    top: 0.9vw !important;
    left: 0;
    height: 6vw;
    width: 100%;
  }

  .hero-slide-item {
    background-image: url(../img/main-page/hero-bg-mob.jpg);
  }

  .hero-swiper-container .swiper-slide {
    border-radius: 3vw;
    overflow: hidden;
  }

  .hero-swiper-container {
    border-radius: 3vw;
  }
}

/* ============================= SERVICES SECTION ============================== */

@media (max-width: 1024px) {
  .services-section {
    padding-top: 5.3vw;
    padding-bottom: 15vw;
  }

  .services-list {
    gap: 1.8vw;
  }

  .services-item {
    border-radius: 2.1vw;
    padding: 4.2vw;
    padding-top: 0;
    height: auto;
  }

  .services-item img {
    width: 100%;
    height: auto;
  }

  .services-item:nth-child(1) {
    flex-basis: calc((100% - 1.8vw) / 2);
  }

  .services-item:nth-child(1) img {
    min-width: unset;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .services-item:nth-child(2),
  .services-item:nth-child(3) {
    flex-basis: calc((100% - 1.8vw) / 2);
  }

  .services-item:nth-child(4),
  .services-item:nth-child(5) {
    flex-basis: calc((100% - 1.8vw) / 2);
  }

  .services-title {
    font-size: 4.2vw;
    text-align: center;
  }

  .services-btn {
    display: none;
  }

  .services-images {
    margin: 0 auto;
  }
}

/* ==================== TARIFF SECTION ====================================== */

@media (max-width: 1024px) {
  .tariff-section {
    padding-bottom: 15vw;
  }

  .tariff-section-title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }

  .tariff-nav-form-container {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 9.8vw;
  }

  .tariff-navigation-list {
  }

  .navigation-item {
    font-size: 3.4vw;
    line-height: 3.4vw;
    padding: 4.2vw;
  }

  .current-nav-item {
  }

  .tariff-ckeckbox-container {
    align-self: flex-start;
  }

  .tariff-ckeckbox-container .checkmark {
    width: 6.4vw;
    height: 6.4vw;
    border: 0.5vw solid #bdbdbd;
    border-radius: 1vw;
    top: -1.2vw;
  }

  .tariff-ckeckbox-container label {
    font-size: 3.4vw;
    line-height: 4.4vw;
    padding-left: 10vw;
    font-weight: 800;
  }

  .tariff-ckeckbox-form {
    height: fit-content;
  }

  .tariff-ckeckbox-container {
    gap: 8vw;
  }

  .tariff-ckeckbox-container input[type="checkbox"]:checked + .checkmark {
    background-size: 4vw 4vw;
    border: 0.5vw solid var(--primary-color);
  }

  .tariff-navigation-list {
    margin-bottom: 6.4vw;
    width: 100%;
    justify-content: space-between;
  }

  .tariff-title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }

  .host-name-title {
    font-size: 4.2vw;
  }

  .inner-tariff-container {
    padding: 8.5vw 6.4vw;
    border-radius: 3.2vw;
    margin-top: -3.2vw;
    width: 82vw;
  }

  .tariff-marker-container {
    gap: 2.1vw;
    margin-left: 8.5vw;
  }

  .tariff-popular-marker {
    font-size: 2.6vw;
    padding: 2.1vw 3.2vw;
    border-radius: 1.6vw;
  }

  .special-item-action {
    font-size: 2.6vw;
    padding: 2.1vw 3.2vw;
    border-radius: 1.6vw;
  }

  .tariff-item-icons {
    width: 6.4vw;
    height: 6.4vw;
  }

  .info-container-title {
    font-size: 3.7vw;
    line-height: 5.6vw;
  }

  .range-label {
    font-size: 5.3vw;
    line-height: 5.3vw;
  }

  .range-labels {
    width: 100%;
    margin-bottom: 2.1vw;
  }

  .range-label span {
    font-size: 2.6vw;
    line-height: 3.2vw;
  }

  .tariff-info-container > div {
    width: 100%;
  }

  .tariff-info-container {
    gap: 4.26vw;
    margin-bottom: 5.3vw;
  }

  .without-marker .inner-tariff-container {
    margin-top: 4vw;
  }

  .inner-number-span {
    font-size: 6.4vw;
    line-height: 6.4vw;
  }

  .main-tariff-swiper-container {
    width: 100%;
    position: relative;
    padding-bottom: 9.6vw;
  }

  .main-tariff-swiper-container .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #8b8b8b;
    transition: 0.3s;
  }

  .main-tariff-swiper-container .swiper-pagination-bullet-active {
    width: 10.6vw;
    background-color: #000;
  }

  .inner-text-span {
    font-size: 3.7vw;
  }

  .inner-blue-link {
    font-size: 3.7vw;
  }

  .inner-info-container {
    gap: 1vw;
  }

  .inner-price-span {
    font-size: 3.2vw;
    color: #000;
  }

  .tariff-btn-text {
    font-size: 4.8vw;
    line-height: 4.8vw;
  }

  .tariff-backdrop-button {
    padding: 2.6vw;
    border-radius: 2vw;
    gap: 1vw;
  }

  .backdrop-ico-tariff {
    width: 3.2vw;
    height: 3.2vw;
  }

  .question-icon {
    width: 4.2vw;
    height: 4.2vw;
  }

  .tariff-question-container {
    gap: 2.1vw;
    align-items: center;
    margin-bottom: 2.1vw;
  }

  .bonus-tag-container {
    width: 16vw;
    height: 8vw;
    background-size: 16vw 8vw;
    margin-bottom: 2.1vw;
    margin-top: 2.6vw;
  }

  .bonus-tag-text {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  .tariff-item-text {
    font-size: 3.7vw;
    line-height: 5.3vw;
    width: 75vw;
    margin-bottom: 3.2vw;
  }

  .tv-list-container {
    gap: 2.6vw;
    margin: 2.6vw 0;
  }

  .tv-icon {
    width: 6.4vw;
    height: 6.4vw;
  }

  .tv-list-text {
    font-size: 3.7vw;
  }

  .tariff-item-price-container {
    flex-direction: column-reverse;
    margin: 8.5vw 0;
    gap: 1vw;
  }

  .inner-date-info {
    font-size: 3.2vw;
    line-height: 3.2vw;
    padding: 1.6vw 14vw;
    border-radius: 1vw;
    margin-bottom: 2.1vw;
  }

  .old-price-value {
    font-size: 7.4vw;
    line-height: 7.4vw;
  }

  .old-price-span {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  .current-price-value {
    font-size: 12.8vw;
    line-height: 12.8vw;
  }

  .current-inner-span {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  .current-inner-span:nth-child(1)::after {
    top: 4.8vw;
    height: 0.2vw;
  }

  .tariff-btn {
    font-size: 4.8vw;
    line-height: 4.8vw;
    padding: 6.4vw 5.4vw;
    border-radius: 2.4vw;
    width: 100%;
    margin-bottom: 0;
  }

  .tariff-link {
    font-size: 4.2vw;
    gap: 2.1vw;
    margin-top: 5.3vw;
  }

  .tariff-link-icon {
    width: 4.2vw;
    height: 4.2vw;
  }

  /* ============================ FORM SECTION ============================================= */

  .form-section {
    padding: 10.6vw 0;
  }

  .form-section .container {
    flex-direction: column;
    gap: 6.4vw;
  }

  .form-container {
    width: 100%;
    padding: 8.5vw 6.4vw;
    border-radius: 3.2vw;
  }

  .form-address {
    flex-direction: column;
  }

  .form-title {
    font-size: 6.4vw;
    line-height: 6.9vw;
    width: 70vw;
    margin-bottom: 8.5vw;
  }

  .form-label {
    font-size: 3.7vw;
    line-height: 5.3vw;
    gap: 2.1vw;
  }

  .form-input {
    padding: 4.2vw;
    height: auto;
    margin-top: 0.6vw;
    font-size: 3.7vw;
    line-height: 5.6vw;
    border: 0.4vw solid #f2f2f2;
    border-radius: 1.6vw;
  }

  .form label {
    margin-bottom: 4.2vw;
  }

  .form-btn {
    width: -webkit-fill-available;
    height: 17vw;
    font-size: 4.2vw;
    line-height: 4.2vw;
    border-radius: 2.1vw;
    margin-top: 2vw;
    gap: 2.1vw;
  }

  .form-search-icon {
    width: 4.2vw;
    height: 4.2vw;
  }

  .form-link-container {
    gap: 6.4vw;
    padding: 8.5vw 6.4vw;

    width: 100%;
    border-radius: 3vw;
  }

  .link-container {
    gap: 3.2vw;
  }

  .form-link-image {
    width: 17vw;
    height: 17vw;
  }

  .form-link-title {
    font-size: 6.4vw;
    line-height: 6.9vw;
    width: 34vw;
    margin-bottom: 4.2vw;
  }

  .form-link-text {
    font-size: 3.2vw;
    line-height: 4.5vw;
    width: 40vw;
  }

  .form-arrow-icon {
    align-self: flex-start;
    width: 8.5vw;
    height: 8.5vw;
    margin-top: 4vw;
  }

  /* ========================= LOYALTY SECTION ================================= */

  .loyalty-section {
    padding-top: 15vw;
  }

  .loyalty-container-im-main {
    gap: 6.4vw;
    padding: 6.4vw 5.3vw;
    background-color: #ffffff;
    border-radius: 3vw;
    flex-direction: column;
    align-items: flex-start;
  }

  .loyalty-swiper-container {
    width: 100%;
    border-radius: 3vw;
  }

  .loyalty-swiper-container .swiper-pagination-bullet {
    border-radius: 6.4vw;
    width: 13.6vw;
    height: 0.8vw;
    background: #fff;
  }

  .loyalty-swiper-container .swiper-pagination-bullet-active {
    width: 25vw;
  }

  .loyalty-section .tariff-marker-container .special-item-action,
  .loyalty-section .tariff-marker-container .tariff-popular-marker {
    border-radius: 1.6vw;
    margin-bottom: 3.2vw;
  }

  .loyalty-desc-title {
    font-size: 6.4vw;
    line-height: 7.7vw;
    margin-bottom: 3.2vw;
  }

  .loyalty-desc-text {
    font-size: 3.7vw;
    line-height: 5.8vw;
    margin-bottom: 8.5vw;
    width: 75vw;
  }

  .loyalty-desc-btn {
    font-size: 3.7vw;
    line-height: 3.7vw;
    border-radius: 1.6vw;
    padding: 4.2vw 10.1vw;
  }

  /*======================== SPECIAL SECTION ==================================== */

  .special-section {
    overflow: hidden;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .special-list {
    gap: 0px;
  }

  .special-swiper-container {
    width: 82vw;
  }

  .special-img-wrapper {
    border-radius: 3vw;
    margin-bottom: 2.1vw;
  }

  .special-item-date {
    font-size: 3.2vw;
  }

  .special-item-title {
    font-size: 4.8vw;
    line-height: 5.3vw;
    width: 72vw;
    margin-bottom: 3.2vw;
  }

  .special-item-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    width: 100%;
    margin-bottom: 4.2vw;
  }

  .special-item-info-container {
    padding: 6.4vw;
    border-radius: 3vw;
  }

  .special-item-other {
    font-weight: 600;
    font-size: 4.2vw;
    gap: 2.1vw;
  }

  .special-other-icon {
    width: 3.7vw;
    height: 3.7vw;
  }

  .special-section-title {
    font-size: 6.4vw;
    gap: 4.2vw;
    margin-bottom: 8.5vw;
  }

  .special-title-icon {
    width: 6.4vw;
    height: 6.4vw;
  }

  .special-item-date-container {
    margin-bottom: 4.2vw;
  }

  .special-item.swiper-slide-active .special-item-title,
  .special-item.swiper-slide-active .special-other-icon,
  .special-item.swiper-slide-active .special-item-other {
    color: var(--primary-color);
    stroke: var(--primary-color);
  }

  .special-item:hover .special-item-other {
    gap: 3vw;
  }

  /* ==================== NEWS SECTION ============================*/

  .news-section {
    padding-bottom: 15vw;
  }

  .news-container {
    flex-direction: column;
    gap: 4.2vw;
  }

  .news-item-info,
  .first-child {
    width: 100%;
  }

  .news-item-info {
    padding: 6.4vw 5.3vw;
    border-radius: 3vw;
  }

  .news-image-container {
    width: 100%;
    border-radius: 3vw;
    margin-bottom: 2.1vw;
  }

  .news-item:not(:first-child) {
    display: none;
  }

  .news-date {
    font-size: 3.2vw;
  }

  .news-marker {
    font-size: 2.6vw;
    padding: 1.6vw 3.2vw;
    border-radius: 1vw;
  }

  .news-date-container {
    gap: 4.2vw;
    margin-bottom: 4.2vw;
  }

  .event-marker {
    font-size: 2.6vw;
    padding: 1.6vw 3.2vw;
    border-radius: 1vw;
  }

  .news-text {
    font-size: 4.8vw;
    line-height: 6.1vw;
  }

  .question-link {
    gap: 3.2vw;
    padding: 5.3vw 1.6vw;
    font-size: 3.7vw;
    line-height: 3.7vw;
    border: 0.4vw solid var(--primary-color);
    border-radius: 1.6vw;
    width: 100%;
    height: auto;
    justify-content: center;
  }

  .question-link-icon {
    width: 3.7vw;
    height: 3.7vw;
  }

  .news-section .question-link {
    margin-top: 8.5vw;
  }

  .news-section-title {
    font-size: 6.4vw;
    margin-bottom: 10.6vw;
  }

  /* =============================== INTERNET TV PAGE ====================================== */
  .internet-tv-hero-section {
    padding: 5.3vw 0;
  }

  .internet-tv-hero-container {
    flex-direction: column-reverse;
    border-radius: 3vw;
    padding: 4.2vw;
    align-items: flex-start;
  }

  .internet-tv-hero-image-container {
    width: 100%;
    margin-bottom: 6.4vw;
    border-radius: 3vw;
  }

  .internet-tv-hero-title {
    font-size: 6.4vw;
    line-height: 6.9vw;
    margin-bottom: 4.2vw;
    width: auto;
  }

  .internet-tv-hero-text {
    font-size: 3.7vw;
    line-height: 5.8vw;
    width: auto;
    margin-bottom: 6.4vw;
  }

  .internet-tv-hero-btn {
    font-size: 3.7vw;
    line-height: 3.7vw;
    border-radius: 2.4vw;
    padding: 5.3vw 4.7vw;
    width: 100%;
  }

  .tariff-item-title-wrapper {
    display: none;
  }

  .tariff-navigation-list {
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }

  .tariff-navigation-list::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }

  .navigation-item {
    white-space: nowrap;
  }

  .tariff-in-internet-tv {
    padding-top: 8.5vw;
  }

  .tariff-in-internet-tv-bottom-text {
    font-size: 3.3vw;
    line-height: 5.6vw;
    width: 100%;
  }

  .tariff-in-private-house .inner-tariff-container {
    min-height: unset;
    height: 142vw;
  }

  /* .tariff-section.tariff-in-internet-tv .main-tariff-swiper-container {
    padding-bottom: 18vw;
  } */

  .tariff-title.without-host-name {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }

  .small-part-of-tariff-title {
    font-size: 5.3vw;
  }

  /* ======================== FORM SECTION with bg ============================ */

  .inner-form-container {
    display: block;
  }

  .internet-tv-form-section .form-container {
    padding: 8.5vw 6.4vw;
    background-image: none;
  }

  .tariff-section.tariff-in-internet-tv {
    padding-bottom: 15vw;
  }

  .internet-tv-form-section .form-input {
    width: 100%;
  }

  .internet-tv-form-section .first-label {
    width: 100%;
    flex: none;
  }

  .internet-tv-form-section .first-label .form-input {
    width: 100%;
  }

  .internet-tv-form-section .form-btn {
    width: 100%;
    margin-top: 1.6vw;
    margin-top: 4.6vw;
  }

  /* =================== WE CAN SECTION ============================================ */

  .we-can-section {
    overflow: hidden;
    padding: 15vw 0;
  }

  .we-can-list {
    flex-wrap: nowrap;
    gap: 0;
  }

  .we-can-section-title {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }

  .we-can-item-container {
    gap: 1.6vw;
    padding: 5.3vw;
    border-radius: 3.2vw;
    flex-direction: column;
    flex-basis: auto;
  }

  .we-can-icon-container {
    width: 17vw;
    height: 17vw;
    border-radius: 2.1vw;
    margin-bottom: 5.3vw;
  }

  .we-can-icon {
    width: 8.5vw;
    height: 8.5vw;
  }

  .separate-we-can-icon {
    width: 8.5vw;
    height: 8.5vw;
  }

  .we-can-item-title {
    font-size: 4.8vw;
    margin-bottom: 0.6vw;
    max-width: 100%;
    margin-bottom: 2.1vw;
  }

  .we-can-swiper-container {
    width: auto;
    position: relative;
    padding-bottom: 9.6vw;
  }

  .we-can-swiper-container .swiper-pagination {
    bottom: 0;
  }

  .we-can-swiper-container .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #838383;
    transition: 0.3s;
  }

  .we-can-swiper-container .swiper-pagination-bullet-active {
    width: 10.6vw;
    background: #000000;
  }

  .we-can-item-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    width: auto;
    margin-bottom: 0.2vw;
  }

  /* ============================ INSTRUCTION SECTION ==================== */

  .instruction-section {
    padding: 10.6vw 0;
  }

  .instruction-section .container {
    /* padding: 0 7vw; */
  }

  .instructions-list {
    flex-direction: column;
    gap: 8.5vw;
  }

  .instructions-item-icon {
    width: 21.3vw;
    height: 21.3vw;
    margin-bottom: 4.2vw;
  }

  .instructions-item .we-can-item-text {
    margin-bottom: 6.4vw;
    width: 52vw;
  }

  .instructions-item-btn {
    font-size: 4.2vw;
    line-height: 4.2vw;
    border-radius: 2.4vw;
    padding: 5.3vw 0;
    width: 53vw;
  }

  .without-btn-item {
    width: 65vw !important;
  }

  .we-can-item-text.without-btn-item {
    margin-bottom: 0;
  }

  .instruction-item-link {
    font-size: 4.2vw;
    gap: 3.4vw;
    margin-top: 6.4vw;
  }

  .instruction-item-link-icon {
    width: 2.1vw;
    height: 3.2vw;
  }

  /* EQUIPMENR SECTION ===================================== */

  .equipment-section {
    padding-top: 15vw;
    padding-bottom: 15vw;
    overflow: hidden;
  }

  .equipment-link-item {
    flex-basis: 82vw;
    padding: 6.4vw;
    border-radius: 3vw;
  }

  .equipment-image-container {
    width: 30vw;
    height: 30vw;
    margin-bottom: 1.2vw;
  }

  .equipment-link-title {
    font-size: 5.3vw;
    line-height: 17.4vw;
    gap: 4.2vw;
  }

  .equipment-link-icon {
    width: 5.3vw;
    height: 5.3vw;
  }

  .equipment-link-item:hover .equipment-link-title {
    gap: 8vw;
  }

  .equipment-link-item:nth-child(3) .equipment-image-container {
    width: auto;
    height: 30vw;
  }

  .equipment-link-container {
    gap: 0;
  }

  .equipment-section .swiper-slide-active.equipment-link-item {
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.08);
  }

  /* ====================== QUESTION SECTION ========================== */

  .question-section {
    padding-bottom: 15vw;
  }

  .question-item-title {
    font-size: 4.2vw;
    line-height: 5.8vw;
    max-width: 60vw;
  }

  .question-item {
    border-radius: 3.2vw;
    padding: 5.3vw;
  }

  .question-item-icon-circle {
    width: 10.6vw;
    height: 10.6vw;
  }

  .question-item-icon {
    width: 4.3vw;
    height: 4.3vw;
  }

  .question-item-acardeon-text-JS {
    font-size: 3.7vw;
    line-height: 5.8vw;
    width: 100%;
  }

  .question-item-acardeon-text-JS.is-active {
    margin-top: 4.2vw;
  }

  .question-item:not(:last-child) {
    margin-bottom: 2.1vw;
  }

  .question-container {
    margin-bottom: 6.4vw;
  }

  /* TARIFF_SWIPER =============== */

  .tariff-swiper-container {
    width: 100%;
    padding-bottom: 9.6vw;
  }

  .tariff-swiper-container .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #8b8b8b;
    transition: 0.3s;
  }

  .tariff-swiper-container .swiper-pagination-bullet-active {
    width: 10.6vw !important;
    background-color: #000;
  }

  .tariif-section-in-megogo {
    padding-bottom: 15vw;
  }

  .instruction-item-link-intariff {
    display: none;
  }

  .tariff-temporary-discount {
    font-size: 2.6vw;
    line-height: 2.6vw;
    border-radius: 1vw;
    width: 19.2vw;
    height: 5.8vw;
  }

  /*================ UNIVERSAL_SECTION ============================ */
  .universal-section {
    padding: 15vw 0;
  }

  .universal-container {
    flex-direction: column-reverse;
    gap: 6.4vw;
    align-items: flex-start;
  }

  .universal-swiper-container {
    width: 100%;
    border-radius: 3vw;
    height: auto;
    padding-bottom: 4.2vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .universal-swiper-container .swiper-pagination-bullet {
    border-radius: 17.6vw;
    width: 13vw;
    height: 1vw;
  }

  .universal-swiper-container .swiper-pagination-bullet-active {
    width: 34.1vw;
  }

  .universal-swiper-container .swiper-slide {
    border-radius: 3vw;
    overflow: hidden;
  }

  .universal-bg-container {
    border-radius: 3vw;
    padding: 4.2vw;
  }

  .universal-container .special-item-action {
    margin-bottom: 4.2vw;
  }

  .universal-info-item-title {
    font-size: 6.4vw;
    line-height: 6.9vw;
    width: auto;
    margin-bottom: 4.2vw;
  }

  .universal-info-text {
    font-size: 3.7vw;
    line-height: 5.8vw;
    width: auto;
    margin-bottom: 6.4vw;
  }

  .universal-info-btn {
    font-size: 3.7vw;
    line-height: 3.7vw;
    padding: 5.3vw 4.4vw;
    border-radius: 2.4vw;
    width: 100%;
    margin-bottom: 6.4vw;
  }

  .universal-platform-icon {
    min-width: 8.5vw;
    min-height: 8.5vw;
  }

  .universal-platform-name {
    font-size: 4.2vw;
    line-height: 5vw;
    width: auto;
  }

  .universal-platform-list {
    padding: 4.2vw 5.6vw;
    justify-content: space-between;
    border-radius: 3.2vw;
    flex-wrap: wrap;
    row-gap: 6.4vw;
  }

  .universal-platform-item {
    gap: 3.2vw;
    flex-basis: calc((100% - 6.4vw) / 2);
  }

  .universal-platform-item:nth-child(1) {
    flex-basis: fit-content;
  }

  .universal-platform-item:nth-child(2) {
    order: 3;
    flex-basis: fit-content;
  }

  .universal-platform-item:nth-child(3) {
    order: 4;
    flex-basis: 38vw;
  }

  .universal-platform-item:nth-child(4) {
    flex-basis: 40vw;
  }

  /* ================== INTERACTIVE SECTION =================================== */

  .interactive-tv-section {
    padding-bottom: 15vw;
  }

  .interactive-tv-section-title {
    font-size: 9.6vw;
    margin-bottom: 10.6vw;
  }

  .interactive-tv-item {
    flex-basis: 82vw;
    padding: 6.4vw;
    border-radius: 5.3vw;
  }

  .interactive-tv-item-list {
    gap: 0;
  }

  .interactive-tv-iamge-container {
    padding: 5.5vw;
    border-radius: 3vw;
    width: 100%;
    height: 49vw;
    background-size: cover;
    margin-bottom: 4.2vw;
  }

  .interactive-tv-section .we-can-icon-container {
    margin-bottom: 0;
  }

  .interactive-tv-title {
    font-size: 4.8vw;
    margin-bottom: 3.2vw;
    width: auto;
    max-width: none;
  }

  .interactive-tv-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    width: auto;
  }

  .we-can-icon-in-interactive svg {
    width: 8.5vw;
    height: 8.5vw;
  }

  /* ====================== APARTMENT PAGE ================================= */

  .special-price-value-number {
    font-size: 6.4vw;
    line-height: 6.4vw;
  }

  .special-price-span {
    font-size: 3.2vw;
    color: #000;
  }

  .special-price-termin {
    font-size: 3.2vw;
    line-height: 3.2vw;
    padding: 1.6vw 1vw;
    border-radius: 1vw;
    margin-bottom: 2.1vw;
  }

  .special-price-container {
    gap: 2.1vw;
    margin: 8.5vw 0 6.4vw 0;
  }

  .apartment-building-hero .internet-tv-hero-title {
    width: 100%;
  }

  .apartment-building-hero .special-item-action {
    margin-bottom: 4.2vw;
  }

  .why-section .we-can-list {
    margin-bottom: 0vw;
  }

  .why-section {
    padding-bottom: 15vw;
  }

  .special-price-value {
    gap: 1vw;
  }
}

.main-tariff-swiper-container .swiper-slide {
  flex-shrink: 1;
}

.main-tariff-swiper-container.apartment {
  margin-bottom: 8.5vw;
}

.additional-form-example .form-title {
  margin-bottom: 0.8vw;
}

.form-text {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: black;
  margin-bottom: 1.2vw;
}

@media (max-width: 1024px) {
  /*======================== PRIVATE HOUSE ==================================== */

  .enth-speed-value {
    font-size: 7.4vw;
    line-height: 7.4vw;
  }

  .enth-speed-span {
    font-size: 3.7vw;
    line-height: 4.5vw;
  }

  .tariff-enth-speed-container {
    gap: 1vw;
  }

  .tariff-in-private-house .price-in-private-house {
    font-size: 7.4vw;
  }

  .backdrop-btn-container {
    gap: 3.2vw;
  }

  .tariff-in-private-house .inner-number-span {
    font-size: 5.3vw;
  }

  .tariff-in-internet-tv .tariff-list-container {
    margin-bottom: 0vw;
  }

  .tariff-in-private-house .main-tariff-swiper-container {
    margin-bottom: 8.5vw;
  }

  .item-text-in-grph {
    margin-bottom: 2.2vw !important;
  }

  /* =============== INTERCOM PAGE ===================================== */

  .additional-hero-text {
    font-size: 3.2vw;
    line-height: 3.4px;
    margin-bottom: 4.2vw;
  }

  .instructions-item .we-can-item-text {
    margin-bottom: 6.4vw;
    width: 100%;
  }

  .options-section .without-btn-item {
    width: 100% !important;
  }

  .additional-form-example .first-label {
    width: 100% !important;
  }

  .additional-form-example .first-label .form-input {
    width: 100% !important;
  }

  .form-input.with-icons {
    padding-left: 11.7vw;
  }

  .jk-icon {
    left: 3vw;
  }

  .inner-form-arrow-icon {
    right: 5vw;
    top: 45%;
  }

  .additional-form-example .form-input {
    width: 100% !important;
  }

  .form-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    margin-bottom: 8.5vw;
  }

  .additional-form-example .form-title {
    margin-bottom: 3.2vw;
  }

  /* ================== CATALOG SECTION ================================ */
  .catalog-section {
    padding-bottom: 15vw;
  }

  .catalog-item-img {
    margin: 0 auto;
    height: auto;
  }

  .catalog-item {
    padding: 8.5vw 8.5vw 8.5vw 8.5vw;
    border-radius: 5.3vw;
  }

  .catalog-btn-container {
    display: flex;
    gap: 3.2vw;
    flex-direction: column;
  }

  .catalog-item-title {
    font-size: 4.8vw;
  }

  .catalog-current-price {
    font-size: 8.5vw;
    line-height: 8.5vw;
  }

  .catalog-current-price span {
    font-size: 5.3vw;
    margin-left: 1vw;
  }

  .catalog-old-price {
    font-size: 5.3vw;
    line-height: 5.3vw;
  }

  .catalog-old-price span {
    font-size: 4.2vw;
    margin-left: 1vw;
  }

  .catalog-price-container {
    gap: 3.2vw;
    margin-bottom: 8.5vw;
  }

  .catalog-buy-btn {
    font-size: 4.2vw;
    line-height: 4.2vw;
    flex-basis: 50%;
    padding: 5.3vw 0;
    border-radius: 2.4vw;
  }

  .catalog-catalog-add-btn {
    font-size: 4.2vw;
    line-height: 4.2vw;
    padding: 5.3vw 0;
    border-radius: 2.4vw;
  }

  .catalog-section .tariff-marker-container {
    position: absolute;
    left: 0;
    top: -3.5vw;
  }

  .catalog-swiper-container {
    overflow: hidden;
    position: relative;
    padding-bottom: 4vw;
    padding-top: 4vw;
  }

  .catalog-section-title {
    font-size: 6.4vw;
    margin-bottom: 8.5vw;
  }

  .catalog-swiper-container .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 6.4vw;
    height: 1.6vw;
  }

  .catalog-swiper-container .swiper-pagination-bullet-active {
    border-radius: 4.2vw;
    width: 12.8vw;
    height: 1.6vw;
  }

  .catalog-swiper-container {
    padding-bottom: 9.6vw;
    padding-top: 4vw;
  }

  /*= ======================= BLUE FORM =========================== */

  .blue-form-section {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .blue-form-container {
    padding: 8.5vw 6.4vw;
    border-radius: 3.2vw;
  }

  .blue-form-img {
    display: none;
  }

  .blue-form-title {
    font-size: 6.4vw;
    margin-bottom: 3.2vw;
  }

  .blue-form-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    margin-bottom: 8.5vw;
  }

  .blue-form {
    gap: 4.2vw;
    margin-bottom: 1vw;
    align-items: flex-start;
    flex-direction: column;
  }

  .blue-form-input {
    border: 0.6vw solid rgba(255, 255, 255, 0.4);
    border-radius: 3.2vw;
    padding: 1vw;
    width: 100%;
    height: 14vw;
    margin-top: 0.6vw;
    font-size: 3.7vw;
    line-height: 5.6vw;
    padding: 4.2vw;
  }

  .blue-form-input::placeholder {
    font-size: 3.7vw;
    line-height: 5.6vw;
  }

  .blue-form-label {
    font-weight: 600;
    font-size: 3.7vw;
    width: 100%;
    gap: 2.1vw;
  }

  .blue-form-btn {
    font-size: 4.2vw;
    line-height: 4.2vw;
    border-radius: 2.1vw;
    padding: 6.4vw 1.2vw;
    width: 100%;
    height: 17vw;
    margin-top: 4.2vw;
    margin-bottom: 4.2vw;
  }

  .blue-form-bottom-text {
    font-size: 3.2vw;
    line-height: 4.8vw;
    width: 65vw;
  }

  /* ======================= VIDEO_PAGE ======================= */
  .tariff-navigation-list.video-tabs .navigation-item {
    flex-basis: 50%;
    text-align: center;
  }

  .supervision-tab-list.is-active {
    flex-direction: column;
    gap: 4.2vw;
  }

  .supervision-tab-item.large img {
    max-height: none;
    width: 100%;
    object-fit: cover;
  }

  .supervision-tab-item-title {
    font-size: 5.3vw;
    margin-bottom: 3.2vw;
  }

  .supervision-tab-item-text {
    font-size: 4.2vw;
    line-height: 6.4vw;
    width: 100% !important;
  }

  .supervision-tab-item-text-container {
    padding: 6.4vw;
  }

  .supervision-tab-item {
    border-radius: 4.2vw;
  }

  /* ========================== AKUVOX_SECTION ============================== */

  .akuvox-section .container {
    flex-direction: column;
  }

  .container > div {
    max-width: 100% !important;
  }

  .pagination-custom {
    flex-wrap: wrap;
    margin-top: 8.5vw;
    gap: 1.8vw;
    margin-bottom: 8.5vw;
  }

  .pagination-custom div {
    flex-basis: calc((100% - 1.8vw) / 2);
    height: 24.5vw;
    background-size: 30vw;
    border-radius: 2.6vw;
  }

  .swiper-slide.company img {
    transform: scale(0.7);
  }

  .swiper-slide.company {
    border-radius: 4.2vw;
  }

  .akuvox-section-title {
    font-size: 6.4vw;
    line-height: 6.4vw;
    margin-bottom: 8.5vw;

    width: 25vw;
  }

  .akuvox-section.in-video .akuvox-section-title {
    width: 100%;
  }

  .akuvox-section.in-video .akuvox-acardeon-item img {
    width: 8.5vw;
    height: 8.5vw;
  }

  .akuvox-section.in-video .akuvox-acardeon-item svg {
    width: 8.5vw;
    height: 8.5vw;
  }

  .akuvox-acardeon-item {
    flex-direction: column;
    gap: 1.2vw;
    padding: 1.2vw;
  }

  .akuvox-item-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    max-width: 100%;
  }
  .akuvox-section.in-video .akuvox-acardeon-item {
    align-items: flex-start;
    gap: 4.2vw;
    padding: 4.2vw;
    background-color: rgba(242, 243, 247, 1);
  }

  .akuvox-section.in-video .akuvox-acardeon-item:not(:last-child) {
    margin-bottom: 4.2vw;
  }

  /* ==================== DISCOUNT_PAGE ============================== */

  .special-list.in-discount {
    flex-wrap: nowrap;
  }

  .dn.question-link {
    display: none;
  }
}

/* B2B ================================================================================= */
/* SWRVICES_SECTION =============================*/

.services-section.b2b {
  overflow: hidden;
}

.services-swiper-container {
  width: 100%;
  position: relative;
  padding-bottom: 2vw;
  overflow: hidden;
}

.services-swiper-container .swiper-pagination-bullet {
  border-radius: 0.8vw;
  width: 1.2vw;
  height: 0.31vw;
  transition: 0.3s;

  background: #8d8d8d;
}

.services-swiper-container .swiper-pagination-bullet-active {
  border-radius: 0.8vw;
  width: 2.5vw;
  height: 0.31vw;

  background: #030317;
}

/* b2b-we-can-section ========================== */

.b2b-we-can-section {
  padding-bottom: 4vw;
}

.b2b-we-can-section.large.outsource {
  padding-bottom: 0;
}

.b2b-we-can-list {
  display: flex;
  gap: 0.8vw;
  flex-wrap: wrap;
}

.b2b-tariff-item-title {
  font-family: "Exo 2";
  font-size: 1.6vw;
  font-weight: 700;
  line-height: 1.9vw;
  text-align: center;
  margin-bottom: 1.6vw;
}

.b2b-we-can-item {
  flex-basis: calc((100% - 0.8vw * 2) / 3);
  fill: var(--primary-color);
  padding: 2vw;
  border-radius: 0.8vw;
  background-color: #ffffff;
}

.b2b-we-can-icon-title-container {
  display: flex;
  align-items: center;
  gap: 0.8vw;
  margin-bottom: 1.2vw;
}

.b2b-we-can-icon {
  width: 2.9vw;
  height: 2.9vw;
}

.b2b-we-can-item-title {
  font-family: "Exo 2";
  font-size: 1vw;
  line-height: 1.2vw;
  text-align: left;
  font-weight: 700;
}

.b2b-we-can-item-text {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 1.2vw;
  text-align: left;
}

/* B2B tariffSECTION ========================== */
.b2b-tariff-section {
  padding-bottom: 4vw;
  overflow: hidden;
}

.tariff-item-icon {
  width: 1.2vw;
  height: 1.2vw;
}

.tariff-item-icon.grey {
  fill: #9a9aa2;
}

.tariff-equipment-btn {
  border-top: 0.07vw solid #f2f2f2;
  border-bottom: 0.07vw solid #f2f2f2;
  display: flex;
  gap: 0.5vw;
  padding: 0.5vw 0;
  align-items: center;
  margin-bottom: 1.4vw;
}

.tariff-item-icon {
}

.equipment-text {
  font-family: "Manrope";
  font-size: 0.7vw;
  font-weight: 600;
  line-height: 1vw;
  text-align: center;
}

.b2b-tariff-option-container {
  border-bottom: 0.07vw solid #f2f2f2;
  padding-bottom: 0.4vw;
}

.b2b-tariff-option-item {
  display: flex;
  align-items: center;
  gap: 2.5vw;
}

.b2b-tariff-option-item:not(:last-child) {
  margin-bottom: 0.4vw;
}

.b2b-tariff-option-item p {
  font-family: "Manrope";
  font-size: 0.7vw;
  font-weight: 500;
  line-height: 1.1vw;
  text-align: left;
  color: #81818b;
  width: 9vw;
}

.b2b-tariff-option-item span {
  font-family: "Exo 2";
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 1.4vw;
  text-align: center;
}

.b2b-tariff-section .bonus-tag-container {
  background-image: url(../../img/main-page/bonus-tag-container.png);
  margin-top: 0.8vw;
}

.add-info-item {
  position: relative;
  display: flex;
  padding-left: 0.7vw;
  font-family: "Manrope";
  font-size: 0.7vw;
  font-weight: 500;
  line-height: 1vw;
  text-align: left;
}

.add-info-item:not(:last-child) {
  margin-bottom: 0.4vw;
}

.add-info-item::before {
  content: "";
  position: absolute;
  width: 0.2vw;
  height: 0.2vw;
  border-radius: 100%;
  background-color: #000;
  left: 0;
  top: 0.5vw;
}

.b2b-tariff-button {
  width: 100%;
  border: none;
  font-family: "Manrope";
  font-size: 0.9vw;
  font-weight: 700;
  line-height: 0.9vw;
  text-align: left;
  padding: 1.2vw 0;
  text-align: center;
  border-radius: 0.4vw;
}

.b2b-tariff-button.primary {
  background-color: var(--primary-color);
  color: #ffffff;
  transition: 0.3s;
}

.b2b-tariff-button.white {
  background-color: #ffffff;
  color: var(--primary-color);
  transition: 0.3s;
}

.b2b-tariff-button.primary:hover,
.b2b-tariff-button.white:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.b2b-tariff-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 45vw;
  flex-basis: calc((100% - 0.8vw * 2) / 3);
  padding: 1.6vw;
  border-radius: 1vw;
}

.b2b-tariff-item.white {
  background-color: #ffffff;
  box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.04);
}

.b2b-tariff-item-list {
  display: flex;
}

.b2b-tariff-item.primary {
  background: linear-gradient(180deg, #0D5A1F 0%, #007D1D 50%, #0D5A1F 100%);
  box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.04);
}

.b2b-tariff-item.primary p,
.b2b-tariff-item.primary svg,
.b2b-tariff-item.primary div,
.b2b-tariff-item.primary span,
.b2b-tariff-item.primary h2,
.b2b-tariff-item.dark-primary p,
.b2b-tariff-item.primary svg,
.b2b-tariff-item.dark-primary svg,
.b2b-tariff-item.dark-primary div,
.b2b-tariff-item.dark-primary span,
.b2b-tariff-item.dark-primary h2 {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.b2b-tariff-item.primary .tariff-equipment-btn,
.b2b-tariff-item.dark-primary .tariff-equipment-btn {
  border-top: 0.11vw solid rgba(255, 255, 255, 0.1);
  border-bottom: 0.11vw solid rgba(255, 255, 255, 0.1);
}

.b2b-tariff-item.dark-primary {
  box-shadow: 0px 5px 24px 0px #0000000a;
  background: linear-gradient(180deg, #0d162c 0%, #1b2a4a 50%, #0d162c 100%);
}

.b2b-tariff-item.primary .b2b-tariff-option-container,
.b2b-tariff-item.dark-primary .b2b-tariff-option-container {
  border-bottom: 0.11vw solid rgba(255, 255, 255, 0.1);
}

.b2b-tariff-item.primary .add-info-item::before,
.b2b-tariff-item.dark-primary .add-info-item::before {
  background-color: #ffffff;
}

.b2b-tariff-section .tariff-marker-container {
  position: absolute;
  margin-left: 0;
  top: -0.8vw;
}

.b2b-tariff-section-title {
  font-family: "Exo 2";
  font-size: 1.8vw;
  font-weight: 600;
  line-height: 2.2vw;
  text-align: left;
  margin-bottom: 2.8vw;
}

/* FORM SECTIO b2b =============================== */

#b2b-form {
  width: 100%;
}

.b2b-form-section {
  background-color: #f2f3f7;
  padding-top: 4vw;
  padding-bottom: 5vw;
}

.b2b-form-container {
  border-right: 0.1vw solid #f2f2f2;
  padding-right: 2.5vw;
}

.b2b-checkbox-form-container {
  display: flex;
  background-color: #ffffff;
  padding: 3.1vw;
  border-radius: 0.8vw;
  width: 100%;
  gap: 2.5vw;
}

.form-container-title {
  font-family: "Exo 2";
  font-size: 1.8vw;
  font-weight: 600;
  line-height: 2.2vw;
  margin-bottom: 0.8vw;
}

.form-container-text {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 1.2vw;
  text-align: left;
  margin-bottom: 1.2vw;
  width: 27vw;
  opacity: 0.7;
}

.b2b-form {
}

.b2b-form label {
  display: flex;
  flex-direction: column;
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 1vw;
  text-align: left;
  gap: 0.6vw;
}

.b2b-form label:not(:last-child) {
  margin-bottom: 0.8vw;
}

.b2b-form input {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 1.2vw;
  text-align: left;
  padding: 1vw;
  border: 0.07vw solid #f2f2f2;
  border-radius: 0.3vw;
}

.b2b-form input::placeholder {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 1.2vw;
}

.form-btn-2b2 {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 0.8vw;
  text-align: left;
  border: none;
  background-color: var(--primary-color);
  width: 100%;
  padding: 1.2vw 0;
  color: #ffffff;
  text-align: center;
  border-radius: 0.4vw;
  margin-top: 1.2vw;
  margin-bottom: 1.2vw;

  transition: 0.3s;
}

.b2b-form button:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.b2b-bottom-tetxt p {
  font-family: "Manrope";
  font-size: 0.6vw;
  font-weight: 500;
  line-height: 0.8vw;
  text-align: left;
  opacity: 0.7;
}

.b2b-bottom-tetxt {
  display: flex;
  gap: 0.3vw;
}

.b2b-bottom-tetxt a {
  font-family: "Manrope";
  font-weight: 900;
  text-align: left;
  font-size: 0.6vw;
  line-height: 0.8vw;
}

.b2b-form-image-wrapper {
  width: 29vw;
  flex-shrink: 0;
  border-radius: 1vw;
  overflow: hidden;
}

.b2b-form-section .container {
  display: flex;
  align-items: center;
  gap: 0.4vw;
}

.b2b-checkbox-container label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b2b-checkbox-container label p {
  font-family: "Manrope";
  font-size: 0.9vw;
  font-weight: 600;
  line-height: 0.9vw;
  text-align: left;
  opacity: 0.5;
}

.b2b-checkbox-container label:not(:last-child) {
  margin-bottom: 0.8vw;
}

.b2b-checkbox-container {
  width: 100%;
}

.checkbox-title {
  font-family: "Exo 2";
  font-size: 1vw;
  font-weight: 600;
  line-height: 1.2vw;
  text-align: left;
  margin-bottom: 1.6vw;
}

.b2b-custom-checkbox {
  width: 1.8vw;
  height: 1vw;
  background-color: #dadada;
  border-radius: 0.2vw;
  padding: 0.1vw;
  cursor: pointer;
  transition: 0.3s;
}

.b2b-custom-checkbox:hover {
  background-color: #686874;
}

.b2b-custom-checkbox div {
  width: 50%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0.2vw;
  transition: 0.5s;
}

.b2b-checkbox-container input {
  display: none;
}

.b2b-checkbox-container
  input[type="checkbox"]:checked
  + .b2b-custom-checkbox
  div {
  transform: translateX(100%);
}

.b2b-checkbox-container input[type="checkbox"]:checked + .b2b-custom-checkbox {
  background-color: var(--primary-color);
}

/* b2B DECISION SECTION ================================================================= */
.b2b-decision-section {
  padding: 4vw 0 0 0;
}
.b2b-decision-section .decision-item-btn {
  display: none;
}

.b2b-section-title {
  font-family: "Exo 2";
  font-size: 1.8vw;
  font-weight: 600;
  line-height: 2.2vw;
  text-align: left;
  margin-bottom: 2vw;
}

.decision-item-btn svg {
  stroke: black;
  width: 0.8vw;
  height: 0.8vw;
  transition: 0.3s;
}

.decision-item-btn {
  display: flex;
  align-items: center;
  gap: 0.4vw;
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 1vw;
  text-align: left;
  padding: 0.8vw 1.2vw;
  background-color: #f2f3f7;
  border-radius: 0.4vw;
  border: none;
  width: fit-content;
  transition: 0.3s;
}

.decision-item-image-wraooer {
  border-radius: 0.8vw;
  overflow: hidden;
  width: fit-content;
  margin-bottom: 1.2vw;
}

.decision-item-title {
  font-family: "Exo 2";
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 1.4vw;
  text-align: left;
  margin-bottom: 0.6vw;
}

.decision-item-text {
  font-family: "Manrope";
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 1.2vw;
  text-align: left;
  color: rgba(104, 104, 116, 1);
}

.b2b-decision-item {
  background-color: #ffffff;
  border-radius: 0.8vw;
  padding: 1.2vw;
  min-height: 30.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.decision-item-image-wraooer img {
  transition: 0.6s;
}

.b2b-decision-item:hover .decision-item-btn {
  gap: 1vw;
  background-color: var(--primary-color);
  color: #ffffff;
}

.b2b-decision-item:hover .decision-item-btn svg {
  stroke: #ffffff;
}

.b2b-decision-item:hover .decision-item-image-wraooer img {
  transform: scale(1.2);
}

.descision-swiper-container {
  overflow: hidden;
  position: relative;
  padding-bottom: 2.3vw;
}

.descision-swiper-container .swiper-pagination-bullet {
  border-radius: 0.8vw;
  width: 1.2vw;
  height: 0.31vw;
  transition: 0.3s;

  background: #8d8d8d;
}

.descision-swiper-container .swiper-pagination-bullet-active {
  border-radius: 0.8vw;
  width: 2.5vw;
  height: 0.31vw;

  background: #030317;
}

.swiper-btn-next {
  position: absolute;
  width: 2.9vw;
  height: 2.9vw;
  border-radius: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -1.5vw;
  top: 35%;
  z-index: 1;
  box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.swiper-btn-next svg {
  stroke: black;
  width: 1.4vw;
  height: 1.4vw;
}

.relative-descision-container-for-btn {
  position: relative;
}

/* B2B COMPANY SECTION ================================================== */

.b2b-company-section {
  padding-bottom: 4vw;
  padding-top: 4vw;
}

/* .b2b-company-list {
  display: flex;
  gap: 0.8vw;
} */

.b2b-company-item {
  position: relative;
  text-align: center;
  height: 8vw;
  background-color: #ffffff;
  border-radius: 0.6vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14vw;
  overflow: hidden; /* Додаємо overflow: hidden, щоб сховати вихід за межі елемента */
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.b2b-company-item img {
  transform: scale(0.7);
  transition: 0.5s;
}

@media (min-width: 1024px) {
  .b2b-company-item img {
    transform: scale(0.7);
    filter: grayscale(100%);
    opacity: 0.4;
    transition: 0.5s;
  }

  .b2b-company-item:hover img {
    filter: grayscale(0);
    opacity: 1;
  }
}

.b2b-company-item:hover {
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.08);
}

/* B2B question FPRM ==================================================== */

.b2b-form-section.question .b2b-checkbox-container {
  display: none;
}

.b2b-form-section.question .b2b-form-container {
  border: none;
  width: 100%;
  padding-right: 0;
}

.b2b-question-form-labels {
  display: flex;
  gap: 0.8vw;
}

.b2b-question-form-labels label {
  flex-basis: calc((100% - 0.8vw) / 2);
}

.b2b-form-section.question .b2b-form-image-wrapper {
  width: 34.6vw;
  flex-shrink: 0;
}

.b2b-form-section.question {
  margin-bottom: 4vw;
}

/* ENTH FOR BUISNESS PAGE ===================== */

.tariff-popular-marker.b2b {
  margin-bottom: 1.2vw;
}

.b2b-we-can-section.large {
  padding-top: 4vw;
}

.we-can-section.b2b-enth {
  padding: 0;
}

.option-item {
  display: flex;
  /* align-items: center; */
  gap: 0.8vw;
}

.option-item:not(:last-child) {
  margin-bottom: 1.2vw;
}

.option-item svg {
  width: 1.2vw;
  height: 1.2vw;
}

.option-item p {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: black;
  max-width: 20vw;
}

.option-item p span {
  font-weight: 700;
}

.options-list {
  margin-bottom: 2vw;
}

.equipment-option-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 2vw;
  line-height: 2.2vw;
  color: black;
  margin-bottom: 1.2vw;
  width: 30vw;
}

.partners-block-list {
  display: flex;
  width: 37.2vw;
  gap: 0.6vw;
  flex-wrap: wrap;
}

.partnner-item-image-wrapper {
  flex-basis: calc((100% - 0.6vw) / 2);
}

.partners-block-container {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.8vw;
  padding: 2.6vw;
  justify-content: space-between;
}

.equipment-option-section {
  padding: 4vw 0;
}

.question-section.b2b {
  padding-top: 4vw;
}
.question-section {
  display: none;
}

.video-tabs-section.b2b .small .supervision-tab-item-text {
  width: 100%;
}

.instruction-section.b2b .instructions-list {
  flex-wrap: wrap;
  justify-content: space-between;
}

.instruction-section.b2b .instructions-list .instructions-item {
  flex: 0 0 27%;
}

.instruction-section.b2b
  .instructions-list
  .instructions-item
  .we-can-item-title {
  max-width: 100%;
}

.instruction-section.b2b {
  background-color: #f9f9f9;
  padding-bottom: 4vw;
  padding-top: 0;
}

.instruction-section.b2b
  .instructions-list
  .instructions-item
  .we-can-item-text {
  width: 100%;
}

.instruction-section.b2b .instructions-item:nth-child(4) .we-can-item-title {
  width: 100%;
}

.we-can-section.b2b {
  padding-bottom: 0;
}

.blue-form-section.b2b .blue-form-container {
  background: #0D5A1F;
}

.sks-table-container {
  padding: 2vw;
  background-color: #ffffff;
  border-radius: 1vw;
}

.sks-title {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 1.8vw;
  text-align: center;
  color: #000;
  margin-bottom: 1.6vw;
}

.sks-table-item {
  display: flex;
  gap: 1vw;
  border-radius: 0.6vw;
}

.sks-table-item:nth-child(even) {
  background-color: #f2f3f7;
}

.sks-table-item span {
  flex-basis: calc((100% - 1vw) / 2);
  text-align: center;
  padding: 0.8vw;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 0.9vw;
  color: #000;
}

.sks-table-item.title{
    background: transparent !important;
}

.sks-table-item.title span {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 0.9vw;
  text-transform: uppercase;
  color: black;
}

.sks-table-item.black {
  justify-content: center;
  background-color: #000;
}

.sks-table-item.black span {
  color: #ffffff;
}

.akuvox-image-wrapper {
  width: 42vw;
  overflow: hidden;
  border-radius: 1vw;
}

.akuvox-section.in-video.b2b .container {
  align-items: center;
}

.akuvox-section.in-video.b2b .container.reverse {
  flex-direction: row-reverse;
}

.akuvox-section.in-video.b2b .container .akuvox-image-wrapper {
  flex: 0 0 50%;
}

.akuvox-section.in-video.b2b .container .akuvox-info-container {
  flex: 0 0 45%;
}

.akuvox-section.in-video.b2b .container:not(:last-child) {
  margin-bottom: 4vw;
}

.security-download-container {
  display: flex;
  gap: 1.2vw;
  margin-bottom: 1.6vw;
}

.security-download-container img {
  width: 8.4vw;
}

.blue-form-section.b2b.security {
  padding-top: 2vw;
  padding-bottom: 0;
}

.blue-form-section.b2b.security .blue-form-container {
  position: relative;
  margin-bottom: 14.89vw;
}

.blue-form-section.b2b.security img {
  width: 29vw;
  right: 3.8vw;
  bottom: 4vw;
}

.akuvox-section.in-video.b2b {
  padding-top: 4vw;
}

.we-can-section.b2b.outsource .we-can-list {
  gap: 0.7vw;
}

.we-can-section.b2b.outsource .we-can-item-container {
  flex-basis: calc((100% - 3 * 0.7vw) / 4);
  flex-direction: column;
}

.b2b-form-section.outsource .container {
  flex-direction: row-reverse;
}

.b2b-form-section.outsource .b2b-form-image-wrapper {
  width: 50%;
}

.b2b-form-section.outsource .b2b-form-container {
  padding-right: 0;
  border-right: none;
  width: 27.6vw;
}

.b2b-form-section.outsource {
  background-color: transparent;
  padding-bottom: 0;
}

.b2b-form-section.outsource .b2b-checkbox-form-container {
  display: block;
}

.b2b-we-can-section.large.outsource {
}

.services-section.b2b .services-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 16vw;
  padding-left: 0.7vw;
  padding-right: 0.7vw;
}

/* .services-section.b2b .services-images {
  margin-bottom: 2vw;
} */

.akuvox-acardeon-item svg {
  width: 1.6vw;
  height: 1.6vw;
}

.b2b-form-section.outsource.residential {
  padding-top: 0;
}

.we-can-section.b2b.residential .we-can-icon-container {
  background-color: #E7EEE9;
}

.we-can-section.b2b.residential .we-can-list {
  gap: 0.8vw;
}

.we-can-section.b2b.residential .we-can-item-container {
  flex-basis: calc((100% - 2 * 0.8vw) / 3);
}

.we-can-section.b2b.residential .we-can-item-text {
  color: rgba(154, 154, 162, 1);
}

.b2b-we-can-section.large.outsource.residential {
  padding-top: 0;
}

.company-swiper-container {
  overflow: hidden;
}

.b2b-tariff-section.without-title {
  padding-top: 0.8vw;
}

.services-section.b2b.in-pages {
  padding-top: 4vw;
}

.b2b-company-section.awards {
  padding-bottom: 0;
  /* padding-top: 15vw; */
}

/* RESIDENTIAL COMPANY ========================================================= */

.b2b-company-section.residential .b2b-company-item img {
  filter: grayscale(0);
  opacity: 1;
}

.b2b-company-section.residential {
  position: relative;
  padding-top: 4vw;
  padding-bottom: 0;
  overflow: hidden;
}

.b2b-company-section.residential .swiper-btn-next {
  right: 6.5vw;
  top: 65%;
}

.company-swiper-container-residential {
  overflow: hidden;
}

.equipment-option-section.outsource {
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  .top-header-right-nav-list {
    position: static;

    /* display: none; */
  }

  .top-header-nav-link-text {
    font-size: 3.2vw;
    line-height: 3.2vw;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.8vw;
  }

  .top-header-left {
    display: flex;
    align-items: center;
    gap: 3.2vw;
  }

  .top-heaer-nav-list-mob-backdrop {
    display: none;
  }

  .top-heaer-nav-list-mob-backdrop.is-active {
    position: absolute;
    flex-direction: column;
    top: 14vw;
    z-index: 11;
    background-color: var(--primary-color);
    display: block;
    height: auto;
  }

  .top-heaer-nav-list-mob-backdrop .top-header-nav-link {
    padding: 2vw 0;
  }

  .top-header-nav-list {
    flex-direction: column;
  }

  .top-header-nav-link {
    padding: 6.4vw 0;
    gap: 1vw;
  }

  .header-nav-icon {
    width: 3.2vw;
    height: 3.2vw;
  }

  .addition-header-btn {
    /* display: none; */
  }

  .header-enter-btn-text {
    font-size: 3.2vw;
    line-height: 3.2vw;
    display: flex;
    align-items: center;
    gap: 2vw;
  }

  .header-enter-icon {
    width: 3.2vw;
    height: 3.2vw;
  }

  .header-enter-btn {
    border: 0.6vw solid #fff;
    border-radius: 1vw;
    padding: 3.7vw 4.2vw;
  }

  .header-menu-container {
    background-color: #ffffff;
    padding: 0 5.3vw;
    border-radius: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-mob-logo img {
    width: 18vw;
  }

  .header-menu-container svg {
    width: 5.3vw;
    height: 5.3vw;
    fill: var(--primary-color);
  }

  .top-header-btn-container {
    gap: 3.2vw;
  }

  .top-header-backdrop-icon {
    width: 3.2vw;
    height: 3.2vw;
  }

  .header-bottom-section .container {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-top: 6.4vw;
  }

  .header-logo {
    display: none;
  }

  .header-botttom-nav-list {
    flex-direction: column;
    gap: 8.5vw;
  }

  header .address-tel-number {
    font-size: 4.8vw;
    line-height: 4.8vw;
    gap: 2.1vw;
    padding: 4.2vw;
    border-radius: 1.6vw;
    color: var(--primary-color);
    background-color: var(--primary-blue-bg);
  }

  .address-icon {
    min-width: 4.2vw;
    min-height: 4.2vw;
    max-width: 4.2vw;
    max-height: 4.2vw;
    fill: var(--primary-color);
  }

  .address-tel-number .header-backdrop-arrow {
    width: 3.7vw;
    height: 3.7vw;
    margin-left: auto;
    stroke: var(--primary-color);
  }

  .bottom-header-right {
    width: 100%;
  }

  .header-tel-numbers-container {
    width: 100%;
  }

  .tel-number-backdrop-link span {
    font-size: 4.8vw;
    line-height: 4.8vw;
  }

  .tel-number-backdrop-link img {
    width: 5vw;
  }

  .tel-number-backdrop-link {
    gap: 2vw;
    padding: 2vw 4.2vw;
  }

  .addres-tel-number-backdrop-list.active {
    position: static;
    border-radius: 0.3vw;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0.4vw;
    padding-bottom: 0.4vw;
  }

  .header-tel-numbers-container.active {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: none;
    border-radius: 0.3vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .header-botttom-nav-list li a {
    font-size: 4.2vw;
    line-height: 4.2vw;
    padding: 0;
  }

  .bottom-header-right .tariff-btn {
    font-size: 3.7vw;
    line-height: 3.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.2vw;
  }

  .addition-btn-text {
    font-size: 4.2vw;
  }

  .addition-btn-icon {
    width: 4.2vw;
    height: 4.2vw;
  }

  .addition-header-btn {
    gap: 2.1vw;
    padding: 5.3vw 0;
    width: 80vw;
    margin: 0 auto;
    justify-content: center;
    border-radius: 2.1vw;
    margin-top: 8.5vw;
    margin-bottom: 8.5vw;
    border: 0.6vw solid var(--primary-color);
  }

  /* HEADER =========================================================== */

  .services-list {
    flex-wrap: wrap;
  }

  .services-item:nth-child(6),
  .services-item:nth-child(7) {
    flex-basis: calc((100% - 1.8vw) / 2);
  }

  .services-section.b2b .services-item {
    padding-top: 5vw;
  }

  .services-section.b2b .services-images {
    margin-bottom: 6vw;
  }

  .b2b-section-title.dn {
    display: none;
  }

  .b2b-we-can-list {
    flex-direction: column;
    gap: 3.2vw;
  }

  .b2b-we-can-icon {
    min-width: 10.6vw;
    min-height: 10.6vw;
  }

  .b2b-we-can-item-title {
    font-size: 5.3vw;
    line-height: 5.8vw;
    margin-bottom: 3.2vw;
  }

  .b2b-we-can-item-text {
    font-size: 3.2vw;
    line-height: 4.2vw;
  }

  .b2b-we-can-icon-title-container {
    gap: 6.4vw;
    margin-bottom: 1.2vw;
  }

  .b2b-we-can-item {
    flex-basis: 100%;
    padding: 8.5vw 6.4vw;
    border-radius: 3.2vw;
    background-color: #ffffff;
  }

  .b2b-we-can-icon-title-container {
    align-items: flex-start;
  }

  .b2b-tariffes-swiper-container {
    position: relative;
    padding-bottom: 9.6vw;
  }

  .b2b-tariffes-swiper-container .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #808080;
  }

  .b2b-tariffes-swiper-container .swiper-pagination-bullet-active {
    border-radius: 4.2vw;
    width: 10.6vw;
    height: 1vw;
    background: black;
  }

  .b2b-tariff-item-title {
    font-size: 6.1vw;
    line-height: 7.2vw;
    margin-bottom: 6.4vw;
    width: auto;
  }

  .b2b-tariff-item {
    min-height: 245vw;
    flex-basis: auto;
    padding: 8.5vw 6.4vw;
    border-radius: 3.2vw;
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.08);
  }

  .b2b-tariff-section-title {
    font-size: 6.4vw;
    line-height: 7.4vw;
    margin-bottom: 11.7vw;
  }

  .b2b-tariff-section .tariff-marker-container {
    margin-left: 0;
    top: -3.8vw;
  }

  .tariff-item-icon {
    width: 6.4vw;
    height: 6.4vw;
  }

  .info-container-title {
    margin-bottom: 2.6vw;
  }

  .tariff-equipment-btn {
    border-top: 0.4vw solid #f2f2f2;
    border-bottom: 0.4vw solid #f2f2f2;
    display: flex;
    gap: 2.6vw;
    padding: 2.6vw 0;
    align-items: center;
    margin-bottom: 5.3vw;
  }

  .equipment-text {
    font-size: 3.7vw;
    line-height: 5vw;
  }

  .b2b-tariff-option-item p {
    font-size: 3.7vw;
    line-height: 5.6vw;
    width: 46vw;
  }

  .b2b-tariff-option-item {
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: space-between;
  }

  .b2b-tariff-option-item span {
    font-size: 6.6vw;
    line-height: 6.6vw;
  }

  .b2b-tariff-option-item:not(:last-child) {
    margin-bottom: 2.1vw;
  }

  .b2b-tariff-option-container {
    border-bottom: 0.4vw solid #f2f2f2;
    padding-bottom: 5.3vw;
  }

  .b2b-tariff-section .bonus-tag-container {
    background-image: url(/star-group../img/main-page/bonus-tag-container.png);
    margin-top: 3.2vw;
    margin-bottom: 1vw;
  }

  .add-info-item {
    padding-left: 2.7vw;
    font-size: 3.7vw;
    line-height: 5.6vw;
  }

  .add-info-item::before {
    width: 1.2vw;
    height: 1.2vw;
    top: 2.5vw;
  }

  .add-info-item:not(:last-child) {
    margin-bottom: 1.4vw;
  }

  .b2b-tariff-button {
    font-size: 4.2vw;
    line-height: 4.2vw;
    padding: 5.3vw 0;
    border-radius: 2.4vw;
  }

  .b2b-we-can-section {
    padding-bottom: 15vw;
  }

  .b2b-form-image-wrapper {
    display: none;
  }

  .b2b-form-container {
    border-right: none;
    padding-right: 0;
  }

  .b2b-checkbox-form-container {
    padding: 8.5vw 6.4vw;
    border-radius: 3.2vw;
    gap: 2.5vw;
    flex-direction: column;
  }

  .form-container-title {
    font-size: 6.4vw;
    line-height: 6.9vw;
    margin-bottom: 3.2vw;
  }

  .form-container-text {
    font-size: 3.7vw;
    line-height: 5.6vw;
    margin-bottom: 8.5vw;
    width: auto;
  }

  .b2b-form label {
    font-size: 3.7vw;
    line-height: 5.3vw;
    gap: 0.6vw;
  }

  .b2b-form input::placeholder {
    font-size: 3.7vw;
    line-height: 5.6vw;
  }

  .b2b-form input {
    font-size: 3.7vw;
    line-height: 5.6vw;
    padding: 4.2vw;
    border: 0.4vw solid #f2f2f2;
    border-radius: 1.6vw;
  }

  .b2b-form label:not(:last-child) {
    margin-bottom: 4.2vw;
  }

  .form-btn-2b2 {
    font-size: 4.2vw;
    line-height: 4.2vw;
    padding: 6.4vw 0;
    border-radius: 2.1vw;
    margin-top: 1.2vw;
    margin-bottom: 4.2vw;
  }

  .b2b-bottom-tetxt {
    flex-direction: column;
    gap: 0;
  }

  .b2b-bottom-tetxt p {
    font-size: 3.2vw;
    line-height: 5vw;
  }

  .b2b-bottom-tetxt a {
    font-size: 3.2vw;
    line-height: 5vw;
  }

  .checkbox-title {
    font-size: 3.7vw;
    line-height: 3.7vw;
    margin-bottom: 6.4vw;
  }

  .b2b-checkbox-container label p {
    font-size: 3.7vw;
    line-height: 3.7vw;
  }

  .b2b-custom-checkbox {
    width: 9.6vw;
    height: 5.3vw;
    border-radius: 1vw;
    padding: 0.5vw;
  }

  .b2b-custom-checkbox div {
    border-radius: 1vw;
  }

  .b2b-checkbox-container label:not(:last-child) {
    margin-bottom: 4.2vw;
  }

  .b2b-question-form-labels {
    flex-direction: column;
    gap: 0.8vw;
  }

  .form-btn-2b2.question {
    margin-top: 8.5vw;
  }

  .b2b-decision-item {
    border-radius: 5.3vw;
    padding: 4.2vw;
    min-height: 138vw;
  }

  .decision-item-image-wraooer {
    border-radius: 3.2vw;
    margin-bottom: 4.2vw;
  }

  .decision-item-title {
    font-size: 4.9vw;
    line-height: 4.9vw;
    margin-bottom: 3.2vw;
  }

  .decision-item-text {
    font-size: 3.9vw;
    line-height: 5.6vw;
  }

  .decision-item-btn {
    gap: 2.1vw;
    font-size: 4.2vw;
    line-height: 5.6vw;
    padding: 4.5vw 1.2vw;
    border-radius: 2.4vw;
    width: 100%;
    justify-content: center;
  }

  .decision-item-btn svg {
    width: 4.2vw;
    height: 4.2vw;
  }

  .descision-swiper-container {
    padding-bottom: 9.6vw;
  }

  .descision-swiper-container .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
  }

  .descision-swiper-container .swiper-pagination-bullet-active {
    border-radius: 4.2vw;
    width: 10.4vw;
    height: 1vw;
  }

  .b2b-company-list {
    /* flex-wrap: wrap;
    gap: 1.3vw; */
  }

  /* .company-swiper-container {
    overflow: visible;
  } */

  .b2b-company-item {
    /* flex-basis: calc((100% - 1.3vw) / 2); */
    height: 24.5vw;
  }

  .b2b-company-item img {
    transform: scale(0.5);
  }

  .b2b-section-title {
    font-size: 6.4vw;
    line-height: 7.4vw;
    margin-bottom: 6.4vw;
  }

  .b2b-decision-section {
    padding: 15vw 0;
  }

  .b2b-form-section {
    padding: 10.6vw 0;
  }

  .b2b-tariff-section {
    padding-bottom: 15vw;
  }

  .swiper-btn-next {
    display: none;
  }

  .main-footer-container {
    display: flex;
    flex-direction: column;
  }

  .footer-number {
    font-size: 5.3vw;
    line-height: 5.3vw;
    gap: 2.1vw;
    padding: 4.2vw;
    border-radius: 2.1vw;
    margin-bottom: 6.4vw;
  }

  .footer-number-backdrop-icon {
    width: 4.2vw;
    height: 4.2vw;
  }

  .footer-question-title {
    font-size: 3.7vw;
    color: #9a9aa2;
    margin-bottom: 2.1vw;
  }

  .footer-email-address {
    gap: 2.1vw;
    font-size: 4.2vw;
    margin-bottom: 6.4vw;
  }

  .copy-icon {
    width: 5.3vw;
    height: 5.3vw;
  }

  .footer-info-container {
    font-size: 3.7vw;
    width: 70vw;
    gap: 4vw;
    margin-bottom: 8.5vw;
  }

  .location-icon {
    width: 6.4vw;
    height: 6.4vw;
  }

  .footer-nav-container {
    flex-direction: column;
    gap: 5.2vw;
    justify-content: space-between;
  }

  .footer-question-title.nav {
    color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer-nav-block {
    max-height: 0vw;
    overflow: hidden;
    transition: 0.5s;
  }

  .footer-nav-block.active {
    height: max-content;
    max-height: 1000px;
    overflow: hidden;
    margin-top: 5vw;
  }

  .footer-nav-link-item {
    display: block;
    font-size: 3.3vw;
    line-height: 3.3vw;
  }

  .footer-nav-link-item {
    margin-bottom: 3vw;
  }

  .footer-backdrop-container {
    border-bottom: 0.2vw solid rgba(242, 243, 247, 1);
    padding-bottom: 2vw;
  }

  .footer-question-title.nav svg {
    width: 3.2vw;
    height: 3.2vw;
  }

  .footer-line {
    display: none;
  }

  .footer-social-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: start;
  }

  .footer-line.mobile {
    display: block;
    width: 100%;
    margin-top: 12.8vw;
    margin-bottom: 8.5vw;
  }

  .footer-logo {
    width: 24vw;
    height: 10.6vw;
  }

  .footer-bottom-info {
    display: flex;
    flex-direction: column;
  }

  .footer-bottom-text {
    font-size: 3.2vw;
    color: #9a9aa2;
  }

  .footer-bottom-text:nth-child(2) {
    width: 100%;
  }

  .footer-line.mobile.second {
    margin-top: 8.5vw;
    margin-bottom: 8.5vw;
  }

  footer {
    background-color: #ffffff;
    padding: 9vw 0;
  }

  .footer-social-link {
    width: 15vw;
    height: 15vw;
    border-radius: 2.1vw;
  }

  .footer-social-icon {
    width: 6.4vw;
    height: 6.4vw;
  }

  .footer-social-link-container {
    gap: 3.2vw;
  }

  .b2b-form-section.question {
    margin-bottom: 15vw;
  }

  .internet-tv-hero-inf0 {
    width: 100%;
  }

  .tariff-popular-marker.b2b {
    margin-bottom: 4.2vw;
  }

  .b2b-tariff-section.without-title {
    padding-top: 3.5vw;
  }

  /* EQUIPMENT OPTION ===================================================== */

  .equipment-option-section {
    padding: 15vw 0;
  }

  .partners-block-container {
    display: flex;
    border-radius: 3.2vw;
    padding: 6.4vw;
    flex-direction: column;
    align-items: flex-start;
  }

  .equipment-option-title {
    font-size: 6.4vw;
    line-height: 7.4vw;
    margin-bottom: 6.4vw;
    width: auto;
  }

  .partners-block-list {
    display: flex;
    width: auto;
    gap: 1.3vw;
    flex-wrap: wrap;
    margin-bottom: 6.4vw;
  }

  .partnner-item-image-wrapper {
    flex-basis: calc((100% - 1.3vw) / 2);
    border-radius: 2.1vw;
    overflow: hidden;
  }

  .option-item svg {
    min-width: 6.4vw;
    min-height: 6.4vw;
  }

  .option-item p {
    font-size: 3.7vw;
    line-height: 5.6vw;
    max-width: none;
  }

  .option-item {
    display: flex;
    align-items: center;
    gap: 4.2vw;
  }

  .option-item:not(:last-child) {
    margin-bottom: 3.2vw;
  }

  .options-list {
    margin-bottom: 8.5vw;
  }

  .services-section.b2b.in-pages {
    padding-top: 15vw;
  }

  .services-section.b2b.in-pages .services-item {
    flex-basis: auto;
  }
  .services-section.b2b.in-pages .services-list {
    flex-wrap: nowrap;
    gap: 0;
  }

  .services-section.b2b.in-pages .swiper-pagination {
    /* display: none; */
  }

  .services-section.b2b.in-pages .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #838383;
    transition: 0.3s;
  }
  .services-section.b2b.in-pages .swiper-pagination-bullet-active {
    width: 10.6vw;
    background: #000000;
  }

  .services-section.b2b.in-pages .services-swiper-container {
    /* padding-bottom: 8vw; */
  }

  .question-section.b2b {
    padding-top: 15vw;
  }

  /* SKS TABLE section==================================== */

  .sks-table-section .container {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .sks-table-container {
    padding: 5.3vw;
    border-radius: 3.2vw;
  }

  .sks-title {
    font-size: 6.4vw;
    text-align: left;
    margin-bottom: 6.4vw;
  }

  .sks-table-item.title span {
    font-size: 3.7vw;
  }

  .sks-table-item span {
    text-align: left;
    padding: 4.2vw;
    font-size: 3.7vw;
    flex-basis: 100%;
  }

  .sks-table-item {
    display: grid;
    grid-template-columns: 4fr 1fr;
    border-radius: 3.2vw;
  }

  .sks-table-item.black {
    display: flex;
  }

  .instruction-section.b2b {
    background-color: #f9f9f9;
    padding-bottom: 15vw;
  }

  .swiper-container.company {
    padding-bottom: 7.4vw;
    position: relative;
  }

  .swiper-container.company .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #838383;
    transition: 0.3s;
  }

  .swiper-container.company .swiper-pagination-bullet-active {
    width: 10.6vw;
    background: #000000;
  }

  /* SECURITY PAGE =================================================*/
  .akuvox-image-wrapper {
    width: auto;
    border-radius: 3.2vw;
    margin-bottom: 4.2vw;
  }

  .akuvox-section.in-video.b2b .container:not(:last-child) {
    margin-bottom: 8.5vw;
  }

  .akuvox-section.in-video.b2b .container.reverse {
    flex-direction: column;
    align-items: start;
  }

  .security-download-container img {
    width: 36vw;
  }

  .security-download-container {
    gap: 2.6vw;
    margin-bottom: 6.4vw;
  }

  .akuvox-section.in-video.b2b {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .akuvox-section.in-video.b2b .akuvox-acardeon-item {
    background-color: transparent;
    padding-left: 0;
  }

  .akuvox-section.in-video.b2b .akuvox-acardeon-item:not(:last-child) {
    margin-bottom: 0;
  }

  /* OUTSOURCE ====================================== */
  .we-can-section.b2b.outsource .we-can-item-container {
    flex-basis: auto;
  }

  .we-can-swiper-container-large {
    width: auto;
    position: relative;
    padding-bottom: 9.6vw;
  }

  .we-can-swiper-container-large .swiper-pagination {
    bottom: 0;
  }

  .we-can-swiper-container-large .swiper-pagination-bullet {
    border-radius: 4.2vw;
    width: 5.3vw;
    height: 1vw;
    background: #838383;
    transition: 0.3s;
  }

  .we-can-swiper-container-large .swiper-pagination-bullet-active {
    width: 10.6vw;
    background: #000000;
  }

  .b2b-form-section.outsource .b2b-form-container {
    width: auto;
  }

  .b2b-form-section.outsource {
    background-color: rgba(242, 243, 247, 1);
    padding: 10.6vw 0;
  }

  .we-can-section.b2b.outsource {
    padding-bottom: 15vw;
  }

  .b2b-we-can-section.large {
    padding-top: 15vw;
  }

  /* residential ==================================== */

  .we-can-section.b2b.residential .we-can-item-container {
    flex-basis: auto;
  }

  .we-can-section.b2b.residential .we-can-list {
    gap: 0;
  }

  .b2b-company-section.residential .b2b-company-list {
    flex-wrap: nowrap;
    gap: 0;
  }
  .b2b-company-section.residential .b2b-company-item {
    flex-basis: auto;
  }

  .b2b-company-section.residential {
    padding-top: 15vw;
    padding-bottom: 0px;
  }

  .company-swiper-container-residential {
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .footer-question-title.nav svg {
    display: none;
  }

  .footer-line.mobile {
    display: none;
  }
}

footer .header-tel-numbers-container .address-icon {
  width: 1.2vw;
  height: 1.2vw;
  fill: var(--primary-color);
}

footer .header-tel-numbers-container .address-tel-number {
  font-size: 1.4vw;
  width: fit-content;
  padding: 0.8vw;
  background-color: var(--primary-blue-bg);
  color: var(--primary-color);
  border-radius: 0.4vw;
}

footer .header-tel-numbers-container .header-backdrop-arrow {
  width: 0.8vw;
  height: 0.8vw;
  stroke: var(--primary-color);
}

footer .header-tel-numbers-container {
  width: fit-content;
  margin-bottom: 1.2vw;
}

footer .header-tel-numbers-container .tel-number-backdrop-link img {
  width: 1.2vw;
}

footer .header-tel-numbers-container .tel-number-backdrop-link span {
  font-size: 1.2vw;
}

@media (max-width: 1024px) {
  footer .header-tel-numbers-container .address-icon {
    width: 4.2vw;
    height: 4.2vw;
  }

  footer .header-tel-numbers-container .address-tel-number {
    font-size: 5.3vw;
    padding: 4.2vw;
    border-radius: 1.6vw;
  }

  footer .header-tel-numbers-container .header-backdrop-arrow {
    width: 3.7vw;
    height: 3.7vw;
  }

  footer .header-tel-numbers-container {
    width: fit-content;
    padding: 1.4vw;
    border-radius: 1.6vw !important;
    margin-bottom: 6.4vw;
  }

  footer .header-tel-numbers-container .tel-number-backdrop-link img {
    width: 5.3vw;
  }

  footer .header-tel-numbers-container .tel-number-backdrop-link span {
    font-size: 4.8vw;
    line-height: 4.8vw;
  }

  footer .header-tel-numbers-container .tel-number-backdrop-link {
    gap: 2.1vw;
    padding: 2.1vw 4.2vw;
  }

  .services-section.b2b .hero-swiper-nav-container {
    display: none;
  }
}

@media (max-width: 1024px) {
  .sks-table-item {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr;
    border-radius: 3.2vw;
  }
}

.services-item:hover {
  padding-top: 1.2vw;
}

.instruction-section.b2b .instructions-item:nth-child(3) .we-can-item-text {
  width: auto !important;
}

@media (min-width: 1024px) {
  .mobile_menu_nav {
    display: none;
  }
}

.services-item .services-btn:hover {
  background-color: var(--primary-yellow);
  color: var(--primary-color);
}

.services-item .services-btn:hover svg {
  stroke: var(--primary-color);
}

button[aria-disabled="true"] {
  background-color: #ccc; /* Стилізуємо кнопку, коли вона "вимкнена" */
  cursor: not-allowed; /* Міняємо курсор */
  opacity: 0.6; /* Зменшуємо прозорість */
}
.hero-swiper-section .hero-swiper-nav-container div[aria-disabled="true"],
.tariff-section.main .hero-swiper-nav-container div[aria-disabled="true"],
.services-section.b2b .hero-swiper-nav-container div[aria-disabled="true"] {
  visibility: hidden;
}

.services-section.b2b.in-pages .hero-swiper-nav-container {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  bottom: 25vw;
  left: 0;
  height: 0;
}

@media (max-width: 1024px) {
  .header-botttom-nav-list li {
    position: static !important;
  }
  .b2b-form-section.main .container {
    position: relative;
  }
  .b2b-form-section.main .form-btn-2b2.absolute {
    position: absolute;
    width: 76vw;
    bottom: 6vw;
    margin: 0;
  }

  .b2b-form-section.main .b2b-checkbox-form-container {
    padding-bottom: 28vw;
  }

  .b2b-form-section.main .b2b-bottom-tetxt {
    position: absolute;
    bottom: 8.5vw;
  }

  footer .address-tel-number {
    font-size: 5.3vw;
    line-height: 5.3vw;
    gap: 2.1vw;
    padding: 4.2vw;
    background-color: var(--primary-blue-bg);
    border-radius: 1.6vw;
    margin-bottom: 6.4vw;
  }

  footer .address-tel-number a {
    color: var(--primary-color);
  }
}

.top-header-right-nav-list li.menu-item-object-loyalty {
  display: none;
}

@media (min-width: 1024px) {
  .blue-form-section.b2b .tariff-ckeckbox-container {
    position: absolute;
    bottom: 6vw;
  }

  .b2b-form-section .tariff-ckeckbox-container {
    position: absolute;
    bottom: 2vw;
  }

  .b2b-checkbox-form-container {
    position: relative;
  }
}

.header-menu-container {
  background-image: url(../b2b/menu-burger-b2b.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.3vw 5.3vw;
}

.header-menu-container.close_menu {
  background-image: url(../b2b/close-b2b.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.3vw 5.3vw;
}

.blue-form-section .tariff-ckeckbox-container .checkmark {
  background-color: white;
}
.swiper-button-lock, .b2b-decision-section{
    display: none !important;
}




/* Видаляємо фокус або обведення при кліку на меню */
li, a {
    outline: none;
    box-shadow: none;
}

/* Для кнопок або елементів з фокусом */
li, a {
    outline: none;
    box-shadow: none;
}

/* Видаляємо будь-який інший візуальний ефект для стану фокусу */
a:focus, li:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent; /* Якщо фон змінюється на фокусі */
}