/*Табы на стрнице*/
.tariff{
    margin: 32px 0;
}
.tariff__price{
    display: flex;
    flex-direction: column;
}
.tariffs hr{
    border: none;
    border-top: 1px solid #D6DCF1;
    margin-top:32px;
    margin-bottom:32px;
}


.tariff_block__wrap_description{
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.tariff_block1price, .tariff_block, .tariff_block__wrap{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.tariff_block1price_row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}


.tariff_block_prices{
    display: flex;
    flex-direction:column;
}
.tariff_block_prices__title{
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
}
.tariff_block_prices__title > svg{
    transition: all 0.3s ease-out;
    flex-shrink: 0;
}
.tariff_block_prices__title.active > svg{
    transform: rotate(180deg);
}
.tariff_block_prices__prices_wrap{
    margin-top: 16px;
}
.tariff_block_prices__prices{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.tariff_accordion{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    /*justify-content: space-between;*/
}
.tariff_accordion > svg{
    transition: all 0.3s ease-out;
    flex-shrink: 0;
}
/*.tariff_accordion_wrap.active .tariff_accordion > svg{*/
.tariff_accordion_wrap.active > .tariff_accordion > svg,
.tariff_accordion_wrap.active > .tariff_accordion_top_price > .tariff_accordion > svg
{
    transform: rotate(180deg);
}
.tariff_accordion__details{
    margin-top: 24px;
    /*margin-left: 32px;
    margin-top: 24px;*/
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.tariff_accordion_top_price__prices{
    display: none;
}
.tariff_accordion_top_price + .tariff_accordion__details > .tariff_block_prices__prices{
    display: flex
}
.tariff_accordion_top_price{
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: flex-end;
}

.tariff_block_prices.tariff_block_prices_row{
    align-items: flex-start;
}
.tariff_block_prices.tariff_block_prices_row .tariff_block_prices__prices{
    display: grid;
    gap: 8px;
}
.tariff_block_prices.tariff_block_prices_row .tariff__price{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 60px;
}
.tariffs ul > li .tariff_accordion__details_list{
    margin-top: 0;
    margin-left: -28px;
}

.tariff_block__decription_left{
    display: grid;
    gap: 16px;
}

/*Fixes*/
.tariff_accordion_with_nametariff{
    display: flex;
    align-items: center;
    gap: 16px;
    line-height: normal;
}
.tariff_block_prices__prices__tail_fix{
    justify-content: flex-start;
}
.tariff_accordion__details_list .tariff_block1price{
    gap: 16px;
}
.tariff_accordion_with_nametariff > *:first-child{
    display: inline-block;
    flex: 0 0 auto;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
}
@media(min-width: 576px){
    .tariff_right_column_desktop b{
        font-size: 20px;
    }
    .flex_sm{
        display: flex;
    }
    /*.tariffs hr{
        margin-top:48px;
        margin-bottom:48px;
    }*/
    .tariff_block__wrap{
        gap: 24px;
    }
    .tariff_block1price{
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .tariff_block_prices{
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        gap: 16px;
    }
    .tariff_block_prices__title{
        cursor: text;
    }
    .tariff_block_prices__title > svg {
        display: none;
    }
    .tariff_block_prices__prices_wrap:not(.tariff_block_prices__hidden_desktop){
        margin-top: 0;
        display: block !important;
    }
    .tariff_block_prices__prices{
        display: flex;
        justify-content: space-between;
    }

    .tariff_accordion__details{
        margin-left: 32px;				
    }


    .tariff_accordion_top_price__prices{
        display: flex;
        gap: 16px;
    }
    .tariff_accordion_top_price + .tariff_accordion__details > .tariff_block_prices__prices{
        display: none;
    }
    .tariff_block_prices__prices__tail_fix{
        justify-content: flex-end;
    }
    .tariff_block_prices__hidden_desktop{
        display: none !important;
    }

    .tariff_block__decription_left{
        display: flex;
        justify-content: left;
        align-items: center;
    }
}


/*form*/
.form_wrap .bctaspaced__text{
    gap: 16px;
}
@media(min-width: 992px){
    .form_wrap{
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 48px;
    }
    .form_wrap .form__grid {
        display: flex;
        flex-direction: column;				
    }
}

/* fixes */
.tariff_right_column_desktop .tariff_tab, .tariff_right_column_desktop .tariff{
    order: -1;
}
.tariff_right_column_desktop .tariff_tab.active + .tariff, .tariff_right_column_desktop .tariff_tab.active{
    order: 0;
}

.tariff_right_column_desktop .form_wrap {
    order: 0;
}
.tariff_right_column_desktop .tariff_tab.active + .tariff ~ *:not(.form_wrap){
    order: 1;
}


.tariff_right_column_desktop{
    display: grid;
}
.tariffs .form_wrap {
    display: none;
    margin-top: 32px;
    margin-bottom: 32px;
}

/* fixes 2 */
.tariffs .tariff_tab.active ~ .form_wrap {
    display: flex;
}

@media(min-width: 576px){
    .form_wrap {
        margin-bottom: 48px;
    }
}

@media(min-width: 992px){
    .tariff_right_column_desktop{
        display: block;
    }
    .tariffs .form_wrap, .tariffs .tariff_tab.active ~ .form_wrap {
        display: grid;
        margin-bottom: 0;
    }
    .tariff_right_column_desktop .tariff_tab, .tariff_right_column_desktop .tariff, .tariff_right_column_desktop .tariff_tab.active + .tariff, .tariff_right_column_desktop .tariff_tab.active, .tariff_right_column_desktop .form_wrap, .tariff_right_column_desktop .tariff_tab.active + .tariff ~ *:not(.form_wrap){
        order: unset;
    }
}
.justify_left{
    justify-content: flex-start;
}
/*desktop fix first tab*/
@media(min-width: 992px){
    .tariff_tab__first_active_desktop, .tariff_tab__first_active_desktop:hover{
        cursor: default;
        background: var(--blue400);
        color: var(--white0);
    }
    .tariff__first_active_desktop{
        display: block !important;
    }
}
.tariff_price_button:hover{
    text-decoration: underline;
}