/* Стили для сообщений промокодов */

.promo-error-message {
   color: red;
   font-size: 14px;
   margin-top: 5px;
}

.promo-success-message {
   color: green;
   font-size: 14px;
   margin-top: 5px;
}

.payment__var-img {
   width: 200px;
   height: 150px;
}

.payment__var-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.payment__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 64px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

/* Контейнер для попапа и оверлея */

.payment-popup-container {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   /* Затемнение фона */
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   z-index: 1000;
   padding: 12px;
}

.btn.btn-order.disabled-button {
   cursor: not-allowed;
   border: 1px solid #ff0000;
}

/* Попап */

.payment-popup {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 48px;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   z-index: 2;
   border-radius: 12px;
}

.payment-popup__content {
   text-align: center;
}

.payment__var {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.payment-popup h3 {
   font-size: 32px;
   line-height: 130%;
   margin-bottom: 20px;
}

.payment_selected-tariff {
   margin-bottom: 24px;
}

.agreement {
   font-size: 14px;
   line-height: 130%;
   text-align: center;
   margin-bottom: 48px;
}

.agreement a {
   text-decoration: underline;
}

/* Кнопка закрытия попапа */

.btn-close {
   background-color: #f44336;
   color: #fff;
   margin-top: 10px;
}

/* Блокировка скролла */

.no-scroll {
   overflow: hidden;
}

/* Стили для крестика закрытия попапа */
.close-popup {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 28px;
   color: #333;
   cursor: pointer;
}

.close-popup:hover {
   color: #000;
}

/* Новые стили start */

.rate__list--wrapper {
   padding-top: 72px;
   padding-bottom: 76px;
   padding-inline: 12px;
   border-radius: 56px;
   background: linear-gradient(135deg, #ffe0e0, #f0f5ff, #d1e0ff);
   width: 100%;
}

.rate__list--wrapper-text {
   font-size: 48px;
   line-height: 140%;
   text-align: center;
   margin-bottom: 36px;
}

.rate__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 36px;
}

.rate__item-title {
   color: #1a1c1f;
   text-align: center;
   font-size: 18px;
   line-height: 140%;
   margin-bottom: 28px;
   padding: 8px 16px 6px;
   border-radius: 32px;
   background: rgba(255, 255, 255, 0.9);
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   min-width: 100px;
}

.rate__item {
   padding: 40px 28px 40px;
   border: 1px solid #f1f1f1;
   border-radius: 24px;
   background-color: #f1f1f1;
   background-image: url("../images/price.svg");
   background-repeat: no-repeat;
   background-position: 40%;
   background-size: cover;
   width: 400px;
   -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

.rate__item:nth-child(2) {
   background-color: #0047ff;
   color: #fff;
   border: 1px solid #c1cff4;
   background-image: url("../images/price-2.svg");
}

.rate__item:nth-child(2) .apply-promocode {
   color: #fff;
}

.rate__item:nth-child(2) .rate__item-title {
   background: #fff;
}

.rate__item:nth-child(2) .rate__item-price-old {
   color: #f1f3f4;
}

.rate__list .btn.white-btn {
   background-color: #fff;
}

.rate__item-price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
   margin-bottom: 40px;
}

.rate__item-price-now {
   font-size: 64px;
   line-height: 100%;
}

.rate__item-price-old {
   font-weight: 300;
   font-size: 32px;
   line-height: 100%;
   text-decoration: line-through;
   text-decoration-thickness: 2px;
   color: #767779;
   -ms-flex-item-align: end;
   align-self: flex-end;
}

.rate-description {
   text-align: center;
}

.rate__next-price {
   text-align: center;
   font-size: 16px;
   line-height: 100%;
}

/* Новые стили end */

@media (max-width: 768px) {
   .payment__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

/* NEW стили start */

@font-face {
   font-family: "gilroy";
   src: url("../fonts/gilroy-regular.woff") format("woff"), url("../fonts/gilroy-regular.woff2") format("woff2");
   font-weight: 400;
}

@font-face {
   font-family: "gilroy";
   src: url("../fonts/gilroy-medium.woff") format("woff"), url("../fonts/gilroy-medium.woff2") format("woff2");
   font-weight: 500;
}

@font-face {
   font-family: "gilroy";
   src: url("../fonts/gilroy-bold.woff") format("woff"), url("../fonts/gilroy-bold.woff2") format("woff2");
   font-weight: 600;
}

@font-face {
   font-family: "gilroy";
   src: url("../fonts/gilroy-black.woff") format("woff"), url("../fonts/gilroy-black.woff2") format("woff2");
   font-weight: 900;
}

.page-template-payment .main {
   background-color: #f5f7f8;
   font-family: "gilroy", sans-serif;
}

.container-5 {
   max-width: 1638px;
   padding: 0 16px;
   margin: 0 auto;
   width: 100%;
}

.payment-new--wrapper {
   display: grid;
   grid-template-columns: minmax(0, 936px) minmax(0, 636px);
   -webkit-column-gap: 32px;
   -moz-column-gap: 32px;
   column-gap: 32px;
}

.payment__left-content_header {
   border-radius: 16px;
   padding: 12px 24px;
   background-color: #fff;
   margin-top: 8px;
   margin-bottom: 32px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.payment__left-content_header > a {
   height: 23px;
}

.payment__left-content_header .profile-avatar {
   height: 48px;
}

.payment__left-content h2 {
   padding-left: 32px;
   font-size: clamp(2rem, 4vw, 3.8rem);
   line-height: 120%;
   margin-bottom: 32px;
}

.payment__left-content h2 span {
   color: #0264f7;
}

.payment__left-content_img {
   border-radius: 16px;
   overflow: hidden;
   max-width: 936px;
   height: 431px;
   margin-bottom: 8px;
}

.payment__left-content_img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.payment__left-content-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 8px;
   margin-bottom: 8px;
}

.payment__left-content-grid_block {
   border: 1px solid #e3e8ef;
   border-radius: 16px;
   background: #dbe7f6;
   padding: 36px 36px 40px;
   min-height: 296px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
}

.payment__left-content-grid_block:first-child {
   background-image: url("../images/Rectangle1707.png");
   background-repeat: no-repeat;
   background-size: cover;
   border: none;
}

.payment__left-content-grid_block-images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.payment__left-content-grid_block:nth-child(4) .payment__left-content-grid_block-img:not(:first-child) {
   margin-left: -20px;
}

.payment__left-content-grid_block-descr {
   font-weight: 500;
   font-size: 28px;
   line-height: 130%;
}

.payment__left-content-grid_block:first-child .payment__left-content-grid_block-descr {
   color: #fff;
}

.payment__left-content-grid_block-text {
   font-weight: 400;
   font-size: 20px;
   line-height: 130%;
}

.payment__left-content-grid_block:first-child .payment__left-content-grid_block-img,
.payment__left-content-grid_block:nth-child(5) .payment__left-content-grid_block-img,
.payment__left-content-grid_block:nth-child(6) .payment__left-content-grid_block-img {
   width: 96px;
   height: 80px;
}

.payment__left-content-grid_block:nth-child(2) .payment__left-content-grid_block-img {
   width: 93px;
   height: 110px;
}

.payment__left-content-grid_block:nth-child(3) .payment__left-content-grid_block-img {
   width: 195px;
   height: 43px;
   border-radius: 30px;
   overflow: hidden;
}

.payment__left-content-grid_block-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.payment__left-content-grid_block-title {
   font-weight: 500;
   font-size: 36px;
   line-height: 130%;
   margin-bottom: 8px;
}

.payment__left-content-grid_block-title span {
   color: #0264f7;
}

.payment__left-content-grid_block:nth-child(4) .payment__left-content-grid_block-descr,
.payment__left-content-grid_block:nth-child(6) .payment__left-content-grid_block-descr {
   margin-bottom: 8px;
}

.payment__left-content-grid_block:nth-child(6) .payment__left-content-grid_block-img {
   margin-left: auto;
}

.payment__left-content-grid_block:nth-child(4) .payment__left-content-grid_block-img {
   width: 68px;
   height: 68px;
}

.payment__support {
   border-radius: 16px;
   background-color: #fff;
   padding: 48px 36px;
   margin-bottom: 72px;
}

.payment__support h3 {
   font-weight: 500;
   line-height: 130%;
   margin-bottom: 16px;
}

.payment__support p {
   font-weight: 400;
   font-size: 20px;
   line-height: 130%;
   margin-bottom: 32px;
}

.payment__support .btn-white {
   font-family: "gilroy", sans-serif;
   border: 1px solid #0264f7;
   border-radius: 32px;
   padding: 20px 32px 18px 32px;
   -webkit-box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.25);
   box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.25);
   font-weight: 500;
   font-size: 20px;
   line-height: 100%;
   color: #1360d4;
}

.payment__question-blocks {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
}

.payment__question-block {
   cursor: pointer;
   border-radius: 16px;
   padding: 36px;
   background-color: #fff;
}

.payment__question-block--top-x {
   border-radius: 13px;
   padding: 12px 13px;
   background: #0264f7;
   max-width: 48px;
   width: 100%;
   max-height: 47px;
   height: 100%;
}

.payment__question-block--top-x svg {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: -webkit-transform 0.3s ease-out;
   transition: -webkit-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.payment__question-block.active .payment__question-block--top-x svg {
   -webkit-transform: rotate(0);
   transform: rotate(0);
}

.payment__question-block--bot {
   max-height: 0;
   overflow: hidden;
   -webkit-transition: max-height 0.3s ease-out, padding 0.3s ease-out;
   transition: max-height 0.3s ease-out, padding 0.3s ease-out;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 4px;
}

.payment__question-block.active .payment__question-block--bot {
   padding-top: 24px;
   max-height: -webkit-fit-content;
   max-height: -moz-fit-content;
   max-height: fit-content;
   position: relative;
}

.payment__question--inner {
   margin-bottom: 72px;
}

.payment__question--inner h3 {
   padding-left: 36px;
   margin-bottom: 20px;
}

.payment__question-block--top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
}

.payment__question-block--top-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 24px;
}

.payment__question-block_img {
   border-radius: 10px;
   padding: 15px;
   width: 60px;
   height: 60px;
   background: #dbe7f6;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.payment__question-block_title {
   font-weight: 600;
   font-size: 24px;
   line-height: 120%;
   color: #000;
}

.payment__question-block--bot ul li {
   list-style: inside;
   padding-left: 8px;
}

.payment__question-block--bot ul li b {
   font-weight: 600;
}

.page-template-payment .footer-copyright {
   padding-top: 96px;
   padding-bottom: 84px;
   border-top: 1px solid #e3e8ef;
}

.page-template-payment .footer-bottom__links_small a {
   color: #97a3b6;
   font-weight: 500;
   font-size: 18px;
   line-height: 150%;
}

.payment__aside {
   position: -webkit-sticky;
   position: sticky;
   top: 8px;
   height: calc(100vh - 8px);
   margin-bottom: 72px;
   overflow: auto;
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-bottom: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.payment__aside::-webkit-scrollbar {
   display: none;
}

.payment__aside--inner {
   -webkit-box-shadow: 0 10px 30px 0 rgba(38, 58, 88, 0.08);
   box-shadow: 0 10px 30px 0 rgba(38, 58, 88, 0.08);
   border-radius: 16px;
   background: #fff;
   padding: 0px 8px 8px 8px;
   margin-bottom: 16px;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.payment__aside-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   padding-top: 20px;
   padding-inline: 16px;
   margin-bottom: 16px;
}

.payment__aside-top h3 {
   font-weight: 500;
   font-size: 32px;
   line-height: 130%;
}

.payment__aside-top_link {
   font-weight: 400;
   font-size: clamp(0.8rem, 2vh, 1rem);
   line-height: 150%;
   text-align: center;
   color: #000;
   opacity: 0.8;
   background-color: inherit;
   border: none;
   outline: none;
   font-family: "gilroy", sans-serif;
   cursor: pointer;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
   display: inline-block;
   position: relative;
   padding-inline: 0;
}

.payment__aside-top_link:hover {
   color: #0264f7;
   cursor: pointer;
}

.payment__aside-top_link::after {
   content: "";
   position: absolute;
   background-color: #0f67fe;
   height: 2px;
   width: 0;
   left: 0;
   bottom: -4px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

.payment__aside-top_link:hover::after {
   width: 100%;
}

.payment__popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 1000;
   display: none;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
}

.payment__popup.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-inline: 20px;
}

.payment__popup--inner {
   padding: 36px 24px 36px;
   background-color: #fff;
   border-radius: 16px;
   width: 600px;
   position: relative;
   max-height: 90vh;
   overflow-y: auto;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
   position: relative;
}

.payment__popup-logo {
   text-align: center;
}

.payment__popup-close {
   position: absolute;
   background: inherit;
   border: none;
   outline: none;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   right: 16px;
   top: 16px;
   cursor: pointer;
}

.payment__popup-close svg path {
   -webkit-transition: stroke 0.2s ease;
   transition: stroke 0.2s ease;
}

.payment__popup-close:hover svg path {
   stroke: #0047ff;
}

.payment__popup--inner .btn {
   margin: 0 auto;
   padding: 16px 24px;
   cursor: pointer;
}

.payment__popup-promo {
   border: none;
   border-radius: 12px;
   padding: 12px 20px;
   font-family: "gilroy", sans-serif;
   font-size: 18px;
   line-height: 100%;
   color: #767779;
   width: 100%;
   background: transparent;
   border-bottom: 1px solid #c5c5c5;
   outline: none;
}

.payment__popup-promo:focus {
   border-bottom: 1px solid #0047ff;
}

.payment__aside-tariffs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 8px;
   height: 100%;
}

@-webkit-keyframes butterfly {
   0% {
      opacity: 0;
      -webkit-transform: translateY(20px) rotate(5deg);
      transform: translateY(20px) rotate(5deg);
   }
   50% {
      opacity: 1;
      -webkit-transform: translateY(-10px) rotate(-5deg);
      transform: translateY(-10px) rotate(-5deg);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
}

@keyframes butterfly {
   0% {
      opacity: 0;
      -webkit-transform: translateY(20px) rotate(5deg);
      transform: translateY(20px) rotate(5deg);
   }
   50% {
      opacity: 1;
      -webkit-transform: translateY(-10px) rotate(-5deg);
      transform: translateY(-10px) rotate(-5deg);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
}

.payment__popup.butterfly.active .payment__popup--inner {
   -webkit-animation: butterfly 0.6s ease-out forwards;
   animation: butterfly 0.6s ease-out forwards;
}

.tariff--inner {
   position: relative;
   border: 1px solid #f1f4f8;
   border-radius: 16px;
   padding: 22px 24px 12px 24px;
   background: #f8fafc;
   overflow: hidden;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.tariff--inner:nth-child(2) {
   background: #0264f7;
}

.tariff--inner:nth-child(2) .tariff--inner__top,
.tariff--inner:nth-child(2) .tariff--inner__text,
.tariff--inner:nth-child(2) .tariff--inner__descr {
   color: #fff;
}

.tariff--inner:nth-child(2) .tariff--inner__background {
   color: #fff;
   opacity: 0.1;
}

.tariff--inner:last-child .tariff--inner__background {
   color: rgba(2, 100, 247, 0.06);
   font-size: 325px;
   line-height: 150%;
}

.tariff--inner__background {
   position: absolute;
   font-weight: 900;
   font-size: 288px;
   line-height: 150%;
}

.tariff--inner__top {
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
}

.tariff--inner__top_price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   margin-bottom: 12px;
}

.tariff--inner__top_price span {
   font-size: 24px;
   color: #97a3b6;
}

.tariff--inner__top_price-new {
   font-weight: 500;
   font-size: 48px;
   line-height: 100%;
}

.tariff--inner__top_price-old {
   font-size: 24px;
   line-height: 100%;
   text-decoration: line-through;
   color: #97a3b6;
}

.tariff--inner__top_descr {
   font-weight: 500;
   font-size: 18px;
   line-height: 150%;
}

.tariff--inner__top_descr span {
   color: #0264f7;
}

.tariff--inner__text {
   position: relative;
   z-index: 2;
   font-weight: 500;
   font-size: 18px;
   line-height: 150%;
   color: #838fa2;
   margin-bottom: 16px;
}

.btn-order {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   border: 1px solid #0264f7;
   border-radius: 50px;
   padding: 16px 32px;
   font-weight: 500;
   font-size: 20px;
   line-height: 150%;
   color: #0264f7;
   margin-bottom: 16px;
   background-color: #fff;
   -webkit-transition: background 0.2s ease, border 0.2s ease;
   transition: background 0.2s ease, border 0.2s ease;
}

.btn-order:hover {
   background: #f9f9f9;
}

.tariff--inner__descr {
   position: relative;
   z-index: 2;
   font-weight: 400;
   font-size: 15px;
   line-height: 150%;
   text-align: center;
   color: #97a3b6;
}

.payment-agree {
   position: relative;
}

.payment-agree input[type="checkbox"],
.payment-agree input[type="checkbox"] label::before {
   display: none;
}

.payment-agree label {
   cursor: pointer;
   font-weight: 500;
   font-size: 14px;
   line-height: 150%;
   color: #838fa2;
   padding-inline: 8px;
   display: inherit;
   padding-left: 32px;
   position: relative;
   margin-left: 8px;
}

.payment-agree label::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
   border: 2px solid #cdd5e0;
   border-radius: 6px;
   background-color: #fff; /* Фон по умолчанию */
   -webkit-transition: border-color 0.3s, background-color 0.3s;
   transition: border-color 0.3s, background-color 0.3s;
}

.payment-agree input[type="checkbox"]:checked + label::before {
   background-color: #2563eb;
   border-color: #2563eb;
}

.payment-agree input[type="checkbox"]:checked + label::after {
   content: "";
   position: absolute;
   top: 4px;
}

.payment-agree label::after {
   content: "";
   position: absolute;
   left: 4px; /* Позиционирование галочки внутри чекбокса */
   top: 4px;
   width: 12px;
   height: 12px;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10"><polyline points="1 5 4 8 11 1" stroke="white" stroke-width="2" fill="none"/></svg>');
   background-size: contain;
   background-repeat: no-repeat;
   opacity: 0;
   -webkit-transition: opacity 0.3s;
   transition: opacity 0.3s;
}

.payment-agree input[type="checkbox"]:checked + label::after {
   opacity: 1;
}

.payment-agree label a {
   text-decoration: none;
}

.payment-agree label a:hover {
   text-decoration: underline;
}

.payment__aside-signature {
   font-weight: 500;
   font-size: 1rem;
   line-height: 150%;
   text-align: center;
   color: #97a3b6;
}

.payment__aside-top {
   margin-bottom: clamp(4px, 1.5vh, 16px);
}

.tariff--inner {
   padding: clamp(12px, 2.2vh, 22px) clamp(12px, 2.2vh, 24px) clamp(6px, 2.2vh, 12px) clamp(12px, 2.2vh, 24px);
}

.payment__aside-top h3 {
   font-size: clamp(1.2rem, 2.5vh, 2rem);
}

.payment__aside-tariffs .tariff--inner__top_price-new {
   font-size: clamp(1.2rem, 4.8vh, 3rem);
}

.payment__aside-tariffs .tariff--inner__top_price-old {
   font-size: clamp(1.2rem, 2.5vh, 2.5rem);
}

.payment__aside-tariffs .tariff--inner__text {
   font-size: clamp(0.85rem, 1.8vh, 1.25rem);
   margin-bottom: clamp(4px, 1.5vh, 16px);
}

.payment__aside-tariffs .tariff--inner__descr {
   font-size: clamp(0.875rem, 1.5vh, 1rem);
}

.btn-order {
   font-size: clamp(0.85rem, 3vh, 1.25rem);
   padding: clamp(8px, 1vh, 16px) clamp(16px, 2vh, 32px);
   margin-bottom: clamp(4px, 1.5vh, 16px);
}

.payment__block--low-width {
   display: none;
   margin-bottom: 24px;
}

/* NEW стили end */

/* Страница price start */

.page-template-template-price .payment-news .container-2 {
   max-width: 1526px;
}

.page-template-template-price .main {
   background: #f5f7f8;
}

.page-template-template-price .payment-news {
   padding-top: 72px;
   margin-bottom: 32px;
}

.page-template-template-price .payment__left-content_img {
   max-width: 100%;
}

.page-template-template-price .payment__left-content-grid {
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
   margin-bottom: 48px;
}

.page-template-template-price .payment__left-content-grid_block:first-child {
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
}

.page-template-template-price .payment__left-content-grid_block:nth-child(2) {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
}

.page-template-template-price .payment__left-content-grid_block:nth-child(3) {
   -webkit-box-ordinal-group: 5;
   -ms-flex-order: 4;
   order: 4;
}

.page-template-template-price .payment__left-content-grid_block:nth-child(4) {
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3;
}

.page-template-template-price .payment__left-content-grid_block:nth-child(5) {
   -webkit-box-ordinal-group: 6;
   -ms-flex-order: 5;
   order: 5;
}

.page-template-template-price .payment__left-content-grid_block:last-child {
   -webkit-box-ordinal-group: 7;
   -ms-flex-order: 6;
   order: 6;
}

.page-template-template-price .payment__aside--inner {
   padding-bottom: 32px;
}

.page-template-template-price .payment__aside-tariffs {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-template-template-price .payment-new__tariff {
   margin-bottom: 56px;
}

.page-template-template-price .tariff--inner__top_descr {
   font-size: 17px;
   line-height: 150%;
}

.page-template-template-price .tariff--inner {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.page-template-template-price .payment__aside-tariffs .tariff--inner__top_price-new {
   font-size: 44px;
   line-height: 100%;
}

.page-template-template-price .payment__aside-tariffs .tariff--inner__top_price-old {
   font-size: 24px;
   line-height: 100%;
}

/* Страница price end */

@media (max-height: 700px) {
   .payment__aside h3 {
      font-size: 1.25rem;
   }

   .payment__aside-tariffs {
      padding-bottom: 8px;
   }

   .payment__aside-signature {
      font-size: 0.75rem;
   }
}

@media (max-width: 1919px) {
   .payment__aside-top {
      padding-top: 16px;
   }
   .tariff--inner__text {
      line-height: 120%;
   }
   .payment__aside-tariffs {
      gap: 4px;
   }
   .payment-agree label {
      line-height: 140%;
   }
}

@media (max-width: 1540px) {
   .page-template-template-price .tariff--inner__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 8px;
   }
   .page-template-template-price .tariff--inner__top_price {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      -ms-flex-item-align: start;
      align-self: flex-start;
   }
   .page-template-template-price .tariff--inner__top_descr {
      -ms-flex-item-align: end;
      align-self: flex-end;
   }
}

@media (max-width: 1400px) {
   .payment__left-content_img {
      height: 356px;
   }
   .payment__left-content-grid_block-descr {
      font-size: 24px;
      line-height: 130%;
   }
   .payment__left-content-grid_block-text {
      font-size: 18px;
      line-height: 130%;
   }
   .payment__left-content-grid_block-title {
      font-size: 28px;
      line-height: 130%;
   }
   .page-template-template-price .payment__aside-tariffs {
      grid-template-columns: 1fr;
   }
   .page-template-template-price .tariff--inner__background,
   .page-template-template-price .tariff--inner:last-child .tariff--inner__background {
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
   }
}

@media (max-width: 1280px) {
   .btn-order {
      font-size: clamp(0.85rem, 2.4vh, 1.25rem);
   }
   .payment__aside--inner {
      margin-bottom: 12px;
   }
   .payment__left-content_img {
      height: 320px;
   }
   .payment__left-content-grid_block {
      padding: 28px 28px 32px;
   }
   .payment__left-content-grid_block:first-child .payment__left-content-grid_block-img,
   .payment__left-content-grid_block:nth-child(5) .payment__left-content-grid_block-img,
   .payment__left-content-grid_block:nth-child(6) .payment__left-content-grid_block-img {
      width: 76px;
      height: 72px;
   }
   .payment__left-content-grid_block:nth-child(2) .payment__left-content-grid_block-img {
      width: 80px;
      height: 96px;
   }
   .payment__left-content-grid_block:nth-child(3) .payment__left-content-grid_block-img {
      width: 160px;
      height: 38px;
   }
   .payment__left-content-grid_block:nth-child(4) .payment__left-content-grid_block-img {
      width: 60px;
      height: 60px;
   }
   .payment__question-block_title {
      font-size: 22px;
      line-height: 120%;
   }
}

@media (max-width: 1024px) {
   .payment__aside-tariffs .tariff--inner__top_price-new {
      font-size: clamp(1.2rem, 4vh, 3rem);
   }
   .btn-order {
      font-size: clamp(0.85rem, 2.2vh, 1.25rem);
   }
   .payment__aside-signature {
      font-size: 14px;
      line-height: 150%;
   }
   .payment__left-content_img {
      height: 280px;
   }
   .payment__left-content-grid_block-descr {
      font-size: 20px;
      line-height: 130%;
   }
   .payment__left-content-grid_block-text {
      font-size: 17px;
      line-height: 130%;
   }
   .payment__left-content-grid_block-title {
      font-size: 22px;
      line-height: 130%;
   }
   .payment__left-content-grid_block {
      padding: 20px 20px 24px;
      min-height: inherit;
   }
   .payment__support p {
      font-size: 18px;
      line-height: 130%;
   }
   .payment__support .btn-white {
      font-size: 18px;
      padding: 16px 28px;
   }
   .payment__support {
      padding: 36px 28px;
      margin-bottom: 56px;
   }
   .payment__question-block_title {
      font-size: 20px;
   }
   .page-template-payment .footer-bottom__links_small a {
      font-size: 15px;
      line-height: 150%;
   }
   .page-template-payment .footer-copyright {
      padding-top: 76px;
      padding-bottom: 68px;
   }
   .payment__question-block {
      padding: 24px;
   }
   .page-template-template-price .payment-news {
      padding-top: 48px;
   }
}

@media (max-width: 1023px) {
   .payment__block--low-width {
      display: block;
   }
   .payment__aside {
      display: none;
   }
   .payment-new--wrapper {
      grid-template-columns: 1fr;
   }
   .payment__left-content_img {
      max-width: 100%;
   }
   .payment__left-content_img {
      height: 376px;
   }
   .btn-order {
      font-size: clamp(0.85rem, 2.8vh, 1.25rem);
   }
   .payment__aside-top h3 {
      font-size: clamp(1.2rem, 4vh, 2rem);
   }
   .payment__aside-top_link {
      font-size: clamp(0.8rem, 2.4vh, 1rem);
   }
   .payment__aside-tariffs .tariff--inner__top_price-new {
      font-size: clamp(1.2rem, 5vh, 3rem);
   }
}

@media (max-width: 768px) {
   .payment__support p {
      font-size: 17px;
      line-height: 130%;
   }
   .payment__support .btn-white {
      font-size: 17px;
      line-height: 100%;
   }
   .page-template-template-price .payment__left-content-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .page-template-template-price .payment__left-content-grid_block:nth-child(3) {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
   }
}

@media (max-width: 660px) {
   .payment__left-content_img {
      height: 292px;
   }
   .payment__left-content-grid_block:first-child .payment__left-content-grid_block-img,
   .payment__left-content-grid_block:nth-child(5) .payment__left-content-grid_block-img,
   .payment__left-content-grid_block:nth-child(6) .payment__left-content-grid_block-img {
      width: 68px;
      height: 64px;
   }
   .payment__left-content-grid_block:nth-child(2) .payment__left-content-grid_block-img {
      width: 72px;
      height: 88px;
   }
   .payment__left-content-grid_block:nth-child(4) .payment__left-content-grid_block-img {
      width: 56px;
      height: 56px;
   }
}

@media (max-width: 576px) {
   .payment__question-block_img {
      width: 48px;
      height: 48px;
      padding: 10px;
   }
   .payment__question-block_title {
      font-size: 18px;
      line-height: 120%;
   }
   .payment__question-block {
      padding: 24px 16px;
   }
   .payment__left-content h2 {
      padding-left: 0;
   }
   .page-template-template-price .payment-news {
      padding-top: 36px;
   }
   .page-template-template-price .payment__left-content-grid {
      grid-template-columns: 1fr;
   }
   .page-template-template-price .payment__left-content-grid_block:nth-child(3) {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
   }
}

@media (max-width: 480px) {
   .payment__left-content-grid {
      grid-template-columns: 1fr;
   }
   .payment__left-content-grid {
      grid-template-columns: 1fr;
   }
   .payment__left-content-grid_block:first-child {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
   .payment__left-content-grid_block:nth-child(2) {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
   .payment__left-content-grid_block:nth-child(4) {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
   }
   .payment__left-content-grid_block:nth-child(3) {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
   }
   .payment__left-content-grid_block:nth-child(5) {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5;
   }
   .payment__left-content-grid_block:nth-child(6) {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6;
   }
   .payment__aside-tariffs .tariff--inner__top_price-new {
      font-size: clamp(1.2rem, 4vh, 3rem);
   }
   .payment__aside-top h3 {
      font-size: clamp(1.2rem, 3.3vh, 2rem);
   }
   .btn-order {
      font-size: clamp(0.85rem, 2.3vh, 1.25rem);
   }
   .tariff--inner {
      padding: 16px;
   }
   .payment__aside-tariffs .tariff--inner__top_price-new {
      font-size: clamp(1.2rem, 3.4vh, 3rem);
   }
   .payment__aside-tariffs .tariff--inner__top_price-old {
      font-size: clamp(1.2rem, 2vh, 2.5rem);
   }
   .tariff--inner__top_descr {
      font-size: 17px;
      line-height: 150%;
   }
   .payment__left-content_img {
      height: 240px;
   }
   .payment__support {
      padding: 28px 24px;
   }
   h3 {
      font-size: 28px;
      line-height: 130%;
   }
   .payment__question-block--top-content {
      gap: 16px;
   }
   .page-template-template-price .payment-new__tariff,
   .payment__support {
      margin-bottom: 32px;
   }
}

@media (max-width: 400px) {
   .tariff--inner__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
   }
   .tariff--inner__top_price {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      -ms-flex-item-align: start;
      align-self: flex-start;
   }
   .tariff--inner__top_descr {
      -ms-flex-item-align: end;
      align-self: flex-end;
   }
   .payment__aside-tariffs .tariff--inner__top_price-new {
      font-size: clamp(1.2rem, 4vh, 3rem);
   }
}