@media screen and (min-width: 1200px) {
  .page-home main .container {
    max-width: 1440px;
  }
}


.row {
  display: flex;
  flex-flow: wrap;
  margin: 0 -4px;
  row-gap: 30px;
}

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

[class^=col-] {
  padding: 0 4px;
}

.col-3 {
  width: 25%;
}
@media screen and (max-width: 991px) {
  .col-3 {
    width: 100%;
  }
}

.col-4 {
  width: 33.3333333333%;
}
@media screen and (max-width: 991px) {
  .col-4 {
    width: 100%;
  }
}

.col-6 {
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .col-6 {
    width: 100%;
  }
}

.col-5 {
  width: 41.6666666667%;
}
@media screen and (max-width: 991px) {
  .col-5 {
    width: 100%;
  }
}

.col-8 {
  width: 66.6666666667%;
}
@media screen and (max-width: 991px) {
  .col-8 {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .reverse-mobile {
    flex-flow: wrap-reverse;
  }
}

@media screen and (max-width: 991px) {
  .page-home .margin-bottom-60 {
    margin-bottom: 30px;
  }
}
.page-home section {
  padding-bottom: 100px;
  padding-top: 0;
}
@media screen and (max-width: 991px) {
  .page-home section {
    padding-bottom: 40px;
  }
}
.page-home section:first-child {
  padding-top: 80px;
}
@media screen and (max-width: 991px) {
  .page-home section:first-child {
    padding-top: 40px;
  }
}

.sub-title {
  font-size: 17px;
  color: #979797;
}

.promo-slider__swiper {
  overflow: hidden;
}

.promo-slider__pagination .promo-tab {
  padding: 13px 0;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
  width: 335px;
  cursor: pointer;
  color: #979797;
  transition: 0.4s;
}
@media screen and (max-width: 991px) {
  .promo-slider__pagination .promo-tab {
    font-size: 16px;
  }
}
.promo-slider__pagination .promo-tab::after {
  content: "";
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  background: #000;
  left: 0;
}
.promo-slider__pagination .promo-tab:hover {
  color: #505050;
}
.promo-slider__pagination .promo-tab.active {
  color: #141414;
}
.promo-slider__pagination .promo-tab.active::after {
  width: 100%;
  transition: 4s linear;
}

.advantage-item {
  font-size: 24px;
}
@media screen and (max-width: 991px) {
  .advantage-item {
    font-size: 16px;
    text-align: center;
  }
}
.advantage-item img {
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .advantage-item img {
    margin-bottom: 20px;
  }
}
.advantage-item p {
  margin-bottom: 16px;
}
.advantage-item p:last-child {
  margin-bottom: 0;
}

.features-row {
  row-gap: 60px;
  font-size: 24px;
}
@media screen and (max-width: 991px) {
  .features-row {
    font-size: 16px;
    row-gap: 35px;
  }
}

.btn-tab {
  padding: 10px 16px;
  border-radius: 8px;
  border: none;
  background: #fff;
  color: var(--cod--gray);
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.btn-tab.active {
  color: #fff;
  background: var(--cod--gray);
}
.btn-tab span {
  background: #1463FE;
  color: #fff;
  padding: 2px 3px;
  border-radius: 4px;
}

.tabs-wrapper {
  position: relative;
}
.tabs-wrapper__head {
  display: flex;
  gap: 0;
  margin-bottom: 60px;
}

.tabs-content {
  position: relative;
}
.tabs-content .tab-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.tabs-content .tab-item.active {
  position: relative;
  opacity: 1;
  pointer-events: initial;
}

.tariff-col {
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.price {
  font-size: 72px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .price {
    font-size: 50px;
  }
}
.price span {
  font-size: 24px;
}
@media screen and (max-width: 991px) {
  .price span {
    font-size: 16px;
  }
}

.info-check li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}
.info-check li:last-child {
  margin-bottom: 0;
}
.info-check li::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23C7C7D1' stroke-width='2'/%3E%3Cpath d='M12.5 9C13.3284 9 14 8.32843 14 7.5C14 6.67157 13.3284 6 12.5 6C11.6716 6 11 6.67157 11 7.5C11 8.32843 11.6716 9 12.5 9Z' fill='%23C7C7D1'/%3E%3Cpath d='M10.1171 11.9049L9.00015 12.1962L9 11.5441L11.685 10.1437C12.7798 9.57267 13.9275 10.8134 13.3413 11.9343L12.1825 14.1506C11.9217 14.6493 12.3545 15.2331 12.8827 15.0953L14 14.8039L13.9999 15.4559L11.315 16.8563C10.2203 17.4273 9.07258 16.1866 9.65866 15.0657L10.8174 12.8495C11.0782 12.3509 10.6454 11.7671 10.1171 11.9049Z' fill='%23C7C7D1'/%3E%3C/svg%3E");
  position: absolute;
  left: 0;
}

@media screen and (max-width: 991px) {
  .section-wrapper br {
    display: none;
  }
}

.accent-text {
	color: var(--blue--ribbon);
	padding: 4px 8px;
	background: #EAEEFF;
	border-radius: 12px;
}