.button_tariff_info {
    width: 10em;
}

#tariff_info_block_yes {
    margin-right: 2em;
}

.plans_offers {
    text-align: center;
    margin-bottom: 40px;
}

.plans_offers > h2 {
    display: inline-block;
    position: relative;
    font-size: clamp(1.25rem, 1.1rem + 0.6667vw, 1.5rem);
    font-weight: 400;
    margin-block: 20px;
}

.plans_offers > h2:before,
.plans_offers > h2:after {
    display: block;
    content: "";
    width: 40px;
    height: 2px;
    background-color: var(--color-purple-600);
    position: absolute;
    left: -56px;
    top: 50%;
}

.plans_offers > h2:after {
    left: auto;
    right: -56px;
}

.plans_offers .article-link {
    margin-top: 0px;
}

.plans_offers .lnd-s_main-desc {
    font-size: 16px;
    margin-bottom: 10px;
}

.plans_offers .lnd-s_main-desc,
.plans_offers .article-link,
.plans_offers .article-link:hover {
    color: var(--color-blue-600);
}

.vps-plans_special_offers .custom-plan-itm:before {
    position: absolute;
    display: block;
    content: "";
    width: 32px;
    height: 32px;
    top: 10px;
    right: 10px;
    background: url(/assets/common/img/icons/sale.ico);
    background-size: cover;
    z-index: 1;
}

.vps-tab_header {
    display: none;
    position: relative;
}

.vps-tab_header .lnd-s__plan-list {
    z-index: 2;
}

.vps-tab_header .lnd__underrow {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
}

.lnd__preload .loader-circle {
    background-image: url(/assets/themes/standart/img/any/loading.gif);
}

[data-tab_content="configurator"] {
    position: relative;
}

.lnd-s_main-desc {
    font-size: 15px;
    line-height: 30px;
    color: #a0d8ff;
    display: block;
}

.article-link {
    display: block;
    margin-bottom: 20px;
}

.lnd__tabs-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.lnd__tabs {
    width: 532px;
    display: flex;
}

@media (width < 600px) {
    .lnd__tabs {
        width: 90%;
    }
}

.lnd__tabs ul {
    width: 100%;
    height: 36px;
    display: flex;
    border: 2px solid var(--color-purple-600);
    border-radius: 50px;
    overflow: hidden;
    margin: 0 auto;
}

.lnd__tabs li {
    all: unset;
    width: 50%;
    text-align: center;
    color: var(--color-purple-600);
    background: transparent;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50px;
}

.lnd__tabs a:hover,
.lnd__tabs a:visited,
.lnd__tabs a:active,
.lnd__tabs a:link {
    all: unset;
}

.lnd__tabs [data-tab_target] {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    padding-block: 4px;
}

.lnd__tabs [data-tab_target].active {
    background: var(--color-purple-600);
}

.lnd__tabs [data-tab_target].active a {
    color: #fff !important;
}

[data-tab_content]:not(.active) {
    display: none;
}

[data-tab_content="plans"] .lnd-s__plan-list {
    top: 0;
    margin-bottom: 0;
}

.promo-tariff {
    display: none;
}

[data-tab_content="plans"] .promo-tariff {
    margin: 40px auto;
}
.lnd__features-list .container.white_back {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lnd__features-list .container.white_back h3 {
    margin-top: 0;
}

.panel-collapse {
    margin-top: 15px;
}

.lnd__preload {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #00000070;
    z-index: 3;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lnd__preload .loader-circle {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

/* VPS order page */

/* custom1 tariff */
#base-plan-form .custom-plan-itm:nth-child(8n + 1) a:hover::before {
    border-color: #3bbd53;
}

#base-plan-form .custom-plan-itm:nth-child(8n + 1) h2 {
    color: #47ad5a;
}

#base-plan-form .custom-plan-itm:nth-child(8n + 1) button {
    background: #3bbd53;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n + 1) a {
    background: #47ad5a;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n + 1) button {
    background: #309a43;
    color: #47ad5a;
}

/* custom2 tariff */
#base-plan-form .custom-plan-itm:nth-child(8n + 2) a:hover::before {
    border-color: #00b19a;
}

#base-plan-form .custom-plan-itm:nth-child(8n + 2) h2 {
    color: #00b19a;
}

#base-plan-form .custom-plan-itm:nth-child(8n + 2) button {
    background: #00b19a;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n + 2) a {
    background: #00b19a;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n + 2) button {
    background: #019683;
    color: #00b19a;
}

/* custom3 tariff */
#base-plan-form .custom-plan-itm:nth-child(8n + 3) a:hover::before {
    border-color: #1477c9;
}

#base-plan-form .custom-plan-itm:nth-child(8n + 3) h2 {
    color: #1477c9;
}

#base-plan-form .custom-plan-itm:nth-child(8n + 3) button {
    background: #1477c9;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n + 3) a {
    background: #1477c9;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n + 3) button {
    background: #005ca9;
    color: #1477c9;
}

/* end VPS order page */

/* custom1 tariff */
.custom-plan-itm:nth-child(8n + 1) a:hover::before {
    border-color: rgb(150, 0, 106);
}

.custom-plan-itm:nth-child(8n + 1) h2 {
    color: rgb(150, 0, 106);
}

.custom-plan-itm:nth-child(8n + 1) .plan-discount::before {
    background: rgb(150, 0, 106);
}

.custom-plan-itm:nth-child(8n + 1) button {
    background: rgb(150, 0, 106);
}

.custom-plan-itm.active:nth-child(8n + 1) a {
    background: #47ad5a;
}

.custom-plan-itm.active:nth-child(8n + 1) button {
    background: #309a43;
    color: #47ad5a;
}

/* custom2 tariff */
.custom-plan-itm:nth-child(8n + 2) a:hover::before {
    border-color: rgb(210, 0, 0);
}

.custom-plan-itm:nth-child(8n + 2) h2 {
    color: rgb(210, 0, 0);
}

.custom-plan-itm:nth-child(8n + 2) .plan-discount::before {
    background: rgba(210, 0, 0);
}

.custom-plan-itm:nth-child(8n + 2) button {
    background: rgba(210, 0, 0);
}

.custom-plan-itm.active:nth-child(8n + 2) a {
    background: #00b19a;
}

.custom-plan-itm.active:nth-child(8n + 2) button {
    background: #019683;
    color: #00b19a;
}

/* custom3 tariff */
.custom-plan-itm:nth-child(8n + 3) a:hover::before {
    border-color: rgb(209, 32, 83);
}

.custom-plan-itm:nth-child(8n + 3) h2 {
    color: rgb(209, 32, 83);
}

.custom-plan-itm:nth-child(8n + 3) .plan-discount::before {
    background: rgb(209, 32, 83);
}

.custom-plan-itm:nth-child(8n + 3) button {
    background: rgb(209, 32, 83);
}

.custom-plan-itm.active:nth-child(8n + 3) a {
    background: #1477c9;
}

.custom-plan-itm.active:nth-child(8n + 3) button {
    background: #005ca9;
    color: #1477c9;
}

/* custom4 tariff */
.custom-plan-itm:nth-child(8n + 4) a:hover::before {
    border-color: rgb(179, 199, 53);
}

.custom-plan-itm:nth-child(8n + 4) h2 {
    color: rgb(179, 199, 53);
}

.custom-plan-itm:nth-child(8n + 4) .plan-discount::before {
    background: rgb(179, 199, 53);
}

.custom-plan-itm:nth-child(8n + 4) button {
    background: rgb(179, 199, 53);
}

.custom-plan-itm.active:nth-child(8n + 4) a {
    background: rgb(179, 199, 53);
}

.custom-plan-itm.active:nth-child(8n + 4) button {
    background: #9dac35;
    color: rgb(179, 199, 53);
}

/* custom5 tariff */
.custom-plan-itm:nth-child(8n + 5) a:hover::before {
    border-color: rgb(0, 126, 155);
}

.custom-plan-itm:nth-child(8n + 5) h2 {
    color: rgb(0, 126, 155);
}

.custom-plan-itm:nth-child(8n + 5) .plan-discount::before {
    background: rgb(0, 126, 155);
}

.custom-plan-itm:nth-child(8n + 5) button {
    background: rgb(0, 126, 155);
}

.custom-plan-itm.active:nth-child(8n + 5) a {
    background: rgb(0, 126, 155);
}

.custom-plan-itm.active:nth-child(8n + 5) button {
    background: #04687e;
    color: rgb(0, 126, 155);
}

/* custom6 tariff */
.custom-plan-itm:nth-child(8n + 6) a:hover::before {
    border-color: rgb(62, 19, 132);
}

.custom-plan-itm:nth-child(8n + 6) h2 {
    color: rgb(62, 19, 132);
}

.custom-plan-itm:nth-child(8n + 6) .plan-discount::before {
    background: rgb(62, 19, 132);
}

.custom-plan-itm:nth-child(8n + 6) button {
    background: rgb(62, 19, 132);
}

.custom-plan-itm.active:nth-child(8n + 6) a {
    background: rgb(62, 19, 132);
}

.custom-plan-itm.active:nth-child(8n + 6) button {
    background: #33156f;
    color: rgb(62, 19, 132);
}

/* custom7 tariff */
.custom-plan-itm:nth-child(8n + 7) a:hover::before {
    border-color: rgb(208, 176, 23);
}

.custom-plan-itm:nth-child(8n + 7) h2 {
    color: rgb(208, 176, 23);
}

.custom-plan-itm:nth-child(8n + 7) .plan-discount::before {
    background: rgb(208, 176, 23);
}

.custom-plan-itm:nth-child(8n + 7) button {
    background: rgb(208, 176, 23);
}

.custom-plan-itm.active:nth-child(8n + 7) a {
    background: rgb(208, 176, 23);
}

.custom-plan-itm.active:nth-child(8n + 7) button {
    background: #b39429;
    color: rgb(208, 176, 23);
}

/* custom8 tariff */
.custom-plan-itm:nth-child(8n + 8) a:hover::before {
    border-color: rgb(214, 89, 17);
}

.custom-plan-itm:nth-child(8n + 8) h2 {
    color: rgb(214, 89, 17);
}

.custom-plan-itm:nth-child(8n + 8) .plan-discount::before {
    background: rgb(214, 89, 17);
}

.custom-plan-itm:nth-child(8n + 8) button {
    background: rgb(214, 89, 17);
}

.custom-plan-itm.active:nth-child(8n + 8) a {
    background: rgb(214, 89, 17);
}

.custom-plan-itm.active:nth-child(8n + 8) button {
    background: #bf4b17;
    color: rgb(214, 89, 17);
}

#base-plan-form .custom-plan-itm.promo-itm a:hover::before {
    border-color: rgb(255, 94, 0);
}

#base-plan-form .custom-plan-itm.promo-itm h2 {
    color: rgb(255, 94, 0);
}

#base-plan-form .custom-plan-itm.promo-itm button {
    background: rgb(255, 94, 0);
}

.close-button_right_button {
    position: absolute;
    right: 20px;
    top: -5px;
    cursor: pointer;
    z-index: 8;
    width: 30px;
    height: 30px;
}

.close-button_right_button:before,
.close-button_right_button:after {
    content: " ";
    position: absolute;
    width: 24px;
    height: 2px;
    background: #0086e4;
    display: inline-block;
    left: 4px;
    top: 14px;
    transform: rotate(45deg);
}

.close-button_right_button:after {
    transform: rotate(-45deg);
}

/* END CUSTOM TARIFS */
@media (max-width: 767px) {
    .plans_offers {
        overflow: hidden;
    }
}