.city-chooser-link:after, .city-chooser-link:before {
    content: '';
    top: 2px;
    width: 12px;
    height: 12px;
    position: absolute
}

.index-btn-wrapper .btn, .index-btn-wrapper .detail-link {
    font-size: 1.3rem;
    font-weight: 700;
    transition: .3s;
    text-decoration: none
}

.drp, .header__content .content__top .wrapper-top-flex, .micromodal-slide.is-open, .tariff-section {
    position: relative
}

.header__content.menu-active .content__top.fixed {
    background: 0 0
}

.city-chooser {
    position: absolute;
    top: -18px;
    font-size: 14px
}

.header_full-height.arenda .top__mobile, .menu-active .city-chooser, .new_ruble_desc_mobile, .only_mobile {
    display: none
}

.city-chooser-link {
    margin-left: 20px;
    position: relative;
    border-bottom: 1px dashed #000;
    color: #000
}

.city-chooser-link:hover {
    text-decoration: none;
    color: #000;
    border-bottom: 1px dashed transparent
}

.city-chooser-link:before {
    left: -18px;
    background: url('../img/navigate-black.png') center/contain no-repeat
}

.city-chooser-link:after {
    right: -18px;
    background: url('../img/down-arrow-black.png') center/contain no-repeat
}

.open .city-chooser-link:after {
    transform: rotate(180deg)
}

.city-chooser-list {
    display: none;
    position: absolute;
    z-index: 1000;
    background: #fff;
    padding: 10px 20px;
    border-radius: 3px
}

.city-chooser-list a {
    color: #000;
    text-decoration: underline;
    white-space: nowrap
}

.city-chooser-list a:hover {
    text-decoration: none
}

.about_tarrif_modal.active, .open .city-chooser-list {
    display: block
}

.header__content .content__top {
    margin-top: 0
}

.header__content .content__top.fixed {
    min-height: 85px
}

@media (min-width: 575px) {
    .header__content .content__top.fixed {
        padding-top: 0
    }
}

.skidka_to, .tariff-discount-date {
    font-size: 12px
}

.contacts-map-link, .paysystem__items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0
}

.contacts-map-link a, .paysystem__item {
    margin-right: 20px
}

.paysystem__item {
    width: 50px
}

.paysystem__item img {
    height: auto
}

.order-description tr td.price-td {
    line-height: 1.1
}

.doc_box {
    display: flex;
    flex-flow: wrap
}

.doc_box p {
    font-style: italic
}

.contact_svid a img {
    border: 1px solid #ff9901;
    max-width: 70%;
    height: 80%
}

.contact_svid {
    width: 33%
}

@media (max-width: 450px) {
    .dostavka-irkutsk {
        width: 100%
    }

    .doc_box {
        align-items: end
    }
}

.conditions-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 30px
}

.conditions-item h2 {
    margin-bottom: 15px;
    font-size: 28px;
    text-align: left
}

.conditions-item__image {
    width: 80px;
    min-width: 80px;
    height: auto
}

.conditions-item__image img {
    width: 100%;
    height: 100%
}

.tariff-discount__value {
    color: #e2004f;
    font-weight: 600;
    font-size: 16px
}

.tariff-discount__date-val {
    color: #ff9901;
    font-weight: 600;
    font-size: 14px
}

.tariff-image-wrapper {
    position: relative;
    padding: 7px 7px 0 0
}

.tariff-discount-wrapper {
    position: absolute;
    top: 0;
    right: 0
}

.tariff-discount {
    line-height: 1.2;
    text-align: right;
    background-color: #e2004f;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    font-size: 20px
}

.index-btn-wrapper {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.index-btn-wrapper .btn {
    margin: 0 0 0 10px;
    color: #f90;
    background: 0 0;
    border: 2px solid #f90;
    width: calc(50% - 5px);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    text-align: center
}

.index-btn-wrapper .detail-link {
    border-radius: 3px;
    text-align: center;
    width: 100%;
    color: #44565f;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    border: 0;
    width: calc(50% - 5px);
    margin: 0
}

.index-btn-wrapper .detail-link:hover {
    color: #f90
}

.index-btn-wrapper .btn:hover {
    color: #fff;
    background: #f90
}

.correct-value.is-base {
    color: #8d8d8d !important
}

.mobile_filter_button {
    display: none;
    padding: 14px 10px 14px 40px;
    border-radius: 5px;
    background-color: #323232;
    font-family: Gilroy, sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .3);
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: .3s
}

.mobile_filter_button:hover, .open .mobile_filter_button {
    background-color: #ff9901
}

.mobile_filter_button:after {
    display: block;
    position: absolute;
    content: "";
    left: 13px;
    top: 18px;
    background: url("svg/sprite.css-eb352b84.svg") 84% 92% no-repeat;
    width: 18px;
    height: 18px
}

.car-bg.rent-car-2, .layer.layer_sky.fade-load.lazyload.rent-car-1 {
    background-size: auto !important
}

@media (max-width: 768px) {
    .index-btn-wrapper {
        flex-direction: column
    }

    .index-btn-wrapper .detail-link {
        margin-bottom: 10px;
        width: 100%;
        height: 40px
    }

    .index-btn-wrapper .btn {
        width: 100%;
        height: 40px;
        margin-left: 0
    }

    .index-cars .cars__item__bg {
        min-height: 80px
    }

    .contact_svid a img {
        height: auto
    }
}

.menu-item_children-wrap {
    transition: .3s ease-out
}

._hide {
    height: 0;
    opacity: 0
}

.menu-item_has-child {
    padding-right: 30px !important
}

.menu-item_has-child:after {
    content: '>';
    position: absolute;
    right: 0;
    font-weight: 100;
    font-size: 30px;
    line-height: 36px;
    transition: .2s ease-out
}

.car-card-rent__price, .car-card-rent__year {
    line-height: 25px;
    font-size: 18px
}

.open .menu-item_has-child:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.menu-item_children {
    padding-left: 15px
}

.header__content .header__menu ul li._has-child .menu-item_children a.menu-item_child {
    font-size: 14px;
    font-weight: 500
}

.table_usl {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    table-layout: fixed
}

.table_usl thead th {
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    text-align: center;
    vertical-align: middle !important;
    border-bottom: 2px solid #dee2e6
}

.table_usl tbody tr {
    text-align: center;
    border-bottom: 2px solid #dee2e6
}

.table_usl td {
    width: 100%;
    padding: .75rem
}

@media (max-width: 970px) {
    .index-cars .index-cars__item {
        height: auto !important
    }

    .table_usl {
        width: unset !important;
        max-width: unset !important;
        overflow: auto;
        display: block !important
    }

    .table_usl td:nth-child(6n) {
        white-space: nowrap
    }
}

.dev-link a img {
    max-height: 40px;
    max-width: 90px;
    bottom: 2px;
    position: relative
}

.dev-link a, .kasko_group p.disabled {
    color: #8d8d8d
}

.dev-link a:hover, .long_rent_car .row .col-lg-6 a:hover {
    color: #ff9901
}

@media (max-width: 380px) {
    .header__content .content__top .top .phone {
        margin-left: 10px;
        margin-right: 15px
    }

    .header__content .content__top__logo {
        width: 195px
    }

    .header__content .content__top .top {
        margin-left: -20px
    }

    .telegram_ico {
        padding-right: 20px
    }
}

@media (max-width: 330px) {
    .header__content .content__top__logo {
        width: 175px
    }
}

.irk-premium-car {
    max-width: 109% !important;
    max-height: 110% !important;
    right: -37px !important;
    bottom: -45px !important
}

@media (max-width: 640px) {
    .bx_filter .bx_filter_title {
        display: none
    }

    .mobile_filter_button, .open .bx_filter_section {
        display: block
    }

    .conditions-item__image {
        width: 64px;
        min-width: 64px
    }

    .irk-premium-car {
        max-width: 100% !important;
        max-height: 100% !important;
        right: -37px !important;
        bottom: -50px !important
    }

    #order-modal {
        position: fixed;
        top: 0;
        height: 100vh
    }

    .modal__overlay {
        position: relative
    }
}

.inner .header__content {
    z-index: 3002;
    pointer-events: none
}

.drp .daterangepicker {
    z-index: 66667
}

@media (min-width: 767px) {
    .telegram_ico a svg, .whats_ico a svg {
        display: none
    }

    .telegram_ico a {
        background: url(/local/templates/main_2023/assets/css/svg/tg.png) center/contain no-repeat;
        width: 40px;
        height: 39px
    }

    .whats_ico a {
        background: url(/local/templates/main_2023/assets/css/svg/wa.png) center/cover no-repeat;
        width: 40px;
        height: 40px
    }

    .telegram_ico, .whats_ico {
        display: flex;
        align-items: center;
        margin-top: 0
    }

    .header__content .content__top .top .phone .phone-status {
        align-self: flex-start
    }

    .phone-status {
        position: absolute;
        top: -18px;
        right: 14px
    }

    .container.wrapper-top-flex {
        padding-top: 0
    }

    .header__content .content__top .top .phone .phone-status span {
        color: #000
    }
}

.car-bg.rent-car-2 {
    left: -340px !important;
    top: 110px !important
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .car-bg.rent-car-2 {
        left: -280px !important
    }
}

.header__content .content__top, .header__content.menu-active .header__menu, .inner .header__content .wa-button-first-block {
    pointer-events: auto
}

.wa-button-first-block {
    align-items: flex-start;
    max-width: 100%;
    z-index: 999
}

#kasko_2::after, .kasko_better {
    right: 50%;
    z-index: 12;
    transform: translateX(50%)
}

.wa-button-first-block .wa-button__link {
    width: 88%
}

.wa-button-first-block p {
    font-weight: 400;
    text-transform: none;
    width: 88%;
    text-align: center
}

.layer_text_rent_car2 {
    color: #ff9901;
    text-transform: uppercase;
    font-size: 56px
}

.long_rent-mobile {
    color: #ff9901;
    text-transform: uppercase !important
}

.layer__text.layer_text_rent_car3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 25px;
    background: #f0f4f6;
    width: max-content !important;
    padding: 5px 10px;
    left: -670px !important;
    position: relative;
    top: 98px
}

.long_rent_advantages {
    display: flex;
    flex-wrap: wrap
}

.long_rent_advantages .col-lg-6 {
    padding-bottom: 10px
}

.long_rent_advantages .col-lg-6 .advantages__item-wrap {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
    padding: 0
}

.long_rent_advantages .col-lg-6 .advantages__item-wrap .advantages__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.car-card-rent, .wa-content {
    flex-direction: column;
    display: flex
}

.svg-feature-speed {
    background: url(/local/templates/main_2023/assets/css/svg/speed.svg) no-repeat;
    width: 72px;
    height: 74px
}

.svg-feature-car-service {
    background: url(/local/templates/main_2023/assets/css/svg/car-service.svg) no-repeat;
    width: 74px;
    height: 76px
}

.long_rent_car h2 {
    text-align: center
}

.long_rent_car {
    margin: 120px 100px 0 120px
}

.long_rent_car .row .col-lg-6 a {
    text-decoration: none;
    color: unset
}

.car-card-rent {
    border: 1px solid #efefef;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    align-items: center;
    margin-bottom: 30px
}

.car-card-rent__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 0 15px
}

.car-card-rent__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.car-card-rent__price {
    color: #ff9901;
    font-weight: 700;
    padding: 4px 8px 1px;
    border: 2px solid #ff9901;
    border-radius: 8px;
    text-align: center;
    align-self: flex-end
}

.car-card-rent__price span {
    display: inline-block
}

.car-card-rent__content .left-block, .car-card-rent__content .right-block {
    flex: 0 0 50%;
    max-width: 50%
}

.car-card-rent__content .left-block {
    justify-content: flex-start;
    text-align: left
}

.car-card-rent__content .right-block {
    justify-content: flex-end;
    text-align: right;
    display: flex;
    align-items: center;
    align-self: flex-start
}

.long_rent_wa {
    width: 100vw;
    margin-left: calc(-50vw + 49.3%);
    background-color: #f5f8fa;
    padding: 40px 20px;
    box-sizing: border-box;
    margin-top: 70px
}

.wa-section {
    display: flex;
    justify-content: center
}

.wa-content {
    max-width: 1229px;
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 0 100px
}

.wa_title_block {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 28px;
    margin: 0
}

.wa-text span {
    font-size: 18px;
    margin: 0
}

.wa-button {
    display: flex;
    flex-direction: column;
    align-items: center
}

.wa-button__link {
    display: flex;
    align-items: center;
    padding: 16px 10px;
    background-color: #1bd741;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    width: 95%;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 17px -6px #1bd74166;
    text-transform: none
}

.wa-button__link:hover {
    text-decoration: none;
    color: #fff;
    opacity: .8
}

.wa-button__icon {
    margin-left: 10px;
    background: url(/local/templates/main_2023/assets/img/wa.svg) no-repeat;
    width: 33px;
    height: 33px
}

.wa-button p {
    font-size: 14px;
    color: #1c282f;
    text-align: center
}

@media (min-width: 991px) {
    .wa-content {
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }

    .wa-text {
        text-align: left;
        margin-bottom: 0;
        flex: 0 0 60%;
        max-width: 60%
    }

    .wa-button {
        align-items: center;
        flex: 0 0 40%;
        max-width: 40%
    }
}

.long_rent_for_whom {
    margin-top: 120px
}

.long_rent_for_whom .row .col-12 .reviews-block .reviews-block-item {
    width: auto
}

@media (max-width: 990px) {
    .long_rent_car {
        margin: 120px 0 0
    }

    .wa-button {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 15px
    }

    .wa-button__link {
        width: 100%
    }

    .wa-text {
        flex: 0 0 50%;
        max-width: 50%
    }

    .wa-content {
        flex-direction: row;
        justify-content: space-between;
        text-align: left
    }
}

@media (max-width: 767px) {
    img.slide-image {
        min-height: auto
    }

    .contact_svid {
        width: 50%
    }

    .phone-status-mobile {
        position: absolute;
        top: -18px;
        font-size: 14px;
        right: 18px
    }

    .wa-text {
        flex: 1;
        max-width: 100%;
        text-align: center
    }

    .wa-button {
        flex: 1;
        max-width: 100%
    }

    .wa-content {
        padding: 0;
        flex-direction: column
    }

    .long_rent_car .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.header_full-height.arenda .header__scene {
    background: url("../../assets/img/arenda-bg.png") 0/cover no-repeat
}

.header_full-height.arenda .header__scene .scene__layer .layer_sky {
    top: 17%;
    min-width: 1591px;
    min-height: 238px;
    left: 10%;
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%) top center/auto 238px no-repeat, url("../../assets/img/month.png") 0/cover no-repeat
}

.header_full-height.arenda .top__mobile .h1 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    line-height: 112%;
    letter-spacing: 1.08px;
    color: #005c79;
    margin-bottom: 24px
}

.header_full-height.arenda .top__mobile .h1 span {
    display: block;
    font-size: 24px;
    line-height: 112%;
    text-transform: none
}

@media (max-width: 1199px) {
    .wa-button-first-block .wa-button__link {
        display: flex !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        width: 100% !important
    }

    .wa-button-first-block .wa-button__link:before {
        display: none !important
    }

    .wa-button-first-block .wa-button__link:hover {
        text-decoration: none !important;
        color: #fff !important;
        opacity: .8 !important
    }

    .wa-button-first-block .wa-button__icon {
        display: block !important
    }

    .wa-button-first-block p {
        width: 100%
    }

    .header_full-height.arenda {
        height: 406px;
        min-height: 406px
    }

    .header_full-height.arenda .header__scene {
        background: url("../../assets/img/omoda1.png") 90px 130px/46% no-repeat
    }

    .header_full-height.arenda .top__mobile {
        display: block;
        position: absolute;
        top: 130px;
        right: 40px;
        left: auto;
        width: 344px;
        padding: 0
    }

    .header_full-height.arenda .layer__text.layer_text_rent_car3 {
        display: block;
        position: absolute;
        left: -170px !important;
        top: 130px;
        font-size: 12px;
        line-height: 16.8px
    }

    .mobile-span-head {
        display: block
    }

    .arenda-h2-page {
        max-width: 100% !important
    }
}

@media (max-width: 574px) {
    .categories__item img.child-seat {
        max-height: 79%;
        object-fit: contain
    }

    .header_full-height.arenda {
        height: 616px;
        min-height: 616px
    }

    .header_full-height.arenda .header__scene {
        background: url("../../assets/img/omoda1.png") center 130px/90% no-repeat
    }

    .header_full-height.arenda .layer__text.layer_text_rent_car3 {
        left: auto !important;
        right: 0;
        top: -115px
    }

    .header_full-height.arenda .top__mobile {
        top: 350px;
        right: auto;
        padding: 0 16px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .phone-status-mobile {
        display: none
    }

    .header__content .content__top .top a {
        font-size: 32px !important;
        line-height: 56px !important
    }

    .header__content .content__top .top__ham {
        margin-top: -7px
    }
}

.property_auto_block {
    float: right
}

.car_item_p, .cars .cars__item__bg > p .year {
    font-size: 16px !important
}

.kasko_group {
    display: flex;
    gap: 15px
}

.kasko_group > div {
    width: calc(33% - 8px);
    border: 1px solid rgba(10, 93, 120, .2);
    border-radius: 16px;
    padding: 24px 14px 16px;
    cursor: pointer;
    transition: .3s;
    position: relative;
    z-index: 10;
    height: auto
}

.kasko_select, .kasko_select svg {
    width: 24px;
    height: 24px
}

.kasko_group > div.active {
    transition: .3s;
    outline: rgba(10, 93, 120, 1) solid 2px
}

.kasko_group p {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: #000 !important;
    margin-bottom: 0
}

.kasko_list > div svg {
    min-width: 20px
}

.kasko_list > div {
    display: flex;
    margin: 4px 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px
}

.kasko_group > div > p:first-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    max-width: 155px
}

.max_fail_price {
    display: block;
    padding: 6px 8px;
    border: 1px solid #0a5d78;
    border-radius: 8px;
    background: #e7f4fb;
    margin: 12px 0
}

.max_fail_price > p {
    margin-bottom: 8px
}

.max_fail_price span {
    padding: 2px 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    background: #0a5d78;
    color: #fff;
    border-radius: 4px
}

.kasko_group div.kasko_status {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: #040404;
    margin-top: 12px
}

.kasko_group p.kasko_status_desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    color: #8d8d8d;
    margin-top: 5px
}

.max_fail_price.gold {
    border: 1px solid #ff9901;
    background: #fef7ed
}

.max_fail_price.gold span {
    background: #ff9901
}

.kasko_group {
    position: relative;
    margin-bottom: 24px
}

.kasko_better {
    position: absolute;
    top: -3px
}

#kasko_2::after {
    content: "Рекомендуем";
    position: absolute;
    top: 0;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    width: max-content
}

.kasko_select {
    position: absolute;
    right: 16px;
    top: 22px
}

.kasko_group > div.active .kasko_select:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: #0a5d78;
    position: absolute;
    top: 7px;
    right: 4px
}

@media screen and (min-width: 900px) {
    .kasko_group > div:hover {
        transition: .3s;
        outline: rgba(10, 93, 120, 1) solid 2px
    }

    .kasko_group > div.active .kasko_select:before {
        top: 6px;
        right: 4px
    }
}

@media screen and (max-width: 600px) {
    .kasko_better {
        transform: translateX(50%) translateY(0)
    }

    .kasko_group > div {
        width: 196px;
        padding: 18px 10px 10px;
        border-radius: 8px
    }

    .kasko_group {
        gap: 8px;
        padding-right: 12px
    }

    #kasko_1, #kasko_2 {
        margin-left: 2px
    }

    .car-detail-form, .kasko_group, .swiper {
        overflow: visible
    }

    .modal__content {
        margin: 15px;
        overflow: hidden
    }

    .car-detail-form .bx-filter_dates, .car-detail-form .form-control {
        margin-bottom: 10px
    }

    .car-detail-form .form-group label {
        display: none
    }

    .kasko_list > div {
        margin: 0
    }

    .car-detail-form input::placeholder {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #000
    }

    .max_fail_price {
        margin: 5px 0
    }

    .kasko_group > div.active .kasko_select:before {
        content: "";
        width: 16px;
        height: 16px
    }

    .car-detail-form_total {
        margin-bottom: 4px
    }

    .cars__detail .slick-dots {
        margin-bottom: 15px
    }
}

.about_tarrif_modal_mobile {
    overflow: hidden !important
}

.new_ruble_desc_mobile.active {
    width: calc(100%)
}

.tarrif_about_title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    color: #000;
    margin-bottom: 24px
}

.tarrif_about {
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.tarrif_about > div {
    background: #f0f4f6;
    width: calc(50% - 8px);
    padding-right: 16px
}

.tarrif_about p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: #000;
    padding: 20px 28px 0
}

.tarrif_about li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    margin: 8px 0
}

.tarrif_about li::marker {
    font-size: 10px
}

.about_tarrif_modal {
    top: 50%;
    z-index: 22;
    right: 50%;
    transform: translateX(0) translateY(-50%);
    position: fixed;
    width: fit-content;
    background: #fff;
    display: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    padding: 64px 24px 24px;
    border-radius: 24px
}

.about_tarrif_modal p {
    max-width: 295px;
    text-align: center;
    color: #8d8d8d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    margin: 16px 0 20px
}

.about_tarrif_modal p.title_tarrif_modal {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3
}

.button_tarrif_modal, .button_tarrif_modal_mobile {
    width: 100%;
    background: #efefef;
    color: #44565f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    transition: .3s
}

.button_tarrif_modal:hover {
    background: #767272;
    color: #fff;
    transition: .3s
}

.new_ruble_icon {
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 30px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    width: fit-content;
    height: fit-content
}

@media screen and (max-width: 470px) {
    .tariff .tariff-item div.acc_head div.tariff-slider {
        flex: none;
        gap: 32px
    }

    #tariff-heading > li > div > div.tariff-slider > div:first-child, #tariff-heading > li > div > div.tariff-slider > div:nth-child(2), .only_mobile {
        display: block
    }

    #tariff-heading.tariff .tariff-item div.acc_head, #tariff-heading2.tariff .tariff-item div.acc_head {
        padding: 10px 0 0 20px
    }
}

.new_block_it > div {
    display: flex;
    gap: 8px
}

.new_block_it > div > div > div:last-child {
    transform: rotate(-90deg);
    width: max-content;
    margin-top: 12px
}

div.about_tarrif_modal.active > div:first-child > div > div, div.about_tarrif_modal.active > div:nth-child(2) > div > div, div.swiper-slide.new_block_it.swiper-slide-active > div > div {
    width: 17px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

div.about_tarrif_modal.active > div:first-child > div:nth-child(1) > div > div:nth-child(1), div.about_tarrif_modal.active > div:nth-child(2) > div:first-child > div > div:nth-child(1), div.swiper-slide.new_block_it.swiper-slide-active > div > div > div:first-child {
    background: #f0f4f6;
    width: 12px;
    height: 79px;
    border-radius: 6px;
    margin: 0 auto
}

div.about_tarrif_modal.active > div:nth-child(3) > div {
    gap: 8px
}

div.about_tarrif_modal.active > div:nth-child(3) > div > div > div:last-child {
    transform: unset
}

div.about_tarrif_modal.active > div:nth-child(3) > div > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.about_tarrif_modal:after {
    content: "От чего зависит стоимость?";
    position: absolute;
    top: 16px;
    right: 50%;
    transform: translateX(50%);
    width: max-content;
    font-size: 20.28px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #000
}

@media screen and (max-width: 900px) {
    .about_tarrif_modal {
        display: none !important
    }

    .new_ruble_desc_mobile.active, .tarrif_about {
        display: block
    }

    .new_ruble_desc_mobile {
        padding: 24px 15px;
        box-shadow: 0 0 30px rgba(0, 0, 0, .1);
        background: #fff;
        margin: 24px 0;
        border-radius: 16px
    }

    .tarrif_about > div {
        width: 100%;
        padding: 0 12px 12px 0;
        margin: 12px 0
    }

    .tarrif_about_title {
        line-height: 24px
    }

    .new_ruble_desc_mobile .title_tarrif_modal {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        color: #000
    }

    .swiper-slide > p {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        color: #8d8d8d;
        margin: 6px 0
    }

    .about_tarrif_modal_mobile .swiper-slide > p {
        margin: 24px 0
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px !important
    }

    .swiper-pagination-bullet-active {
        background: #ff9901 !important
    }

    .button_tarrif_modal_mobile {
        width: 90%;
        margin: 18px auto 0
    }

    .swiper-pagination {
        margin: 0 0 4px;
        transform: translateY(12px) !important
    }

    .swiper-slide img {
        display: block;
        margin: 0 auto
    }

    .cars.catalog .new_ruble_icon {
        transform: translateY(-12px)
    }

    .new_block_it > div {
        gap: 10px;
        justify-content: center
    }

    .mobile_tarrif_width > div {
        width: max-content !important
    }

    .mobile_tarrif_width > div > div:nth-child(2) {
        transform: translateY(4px) !important
    }

    .swiper-slide-active {
        z-index: 1
    }

    div.swiper-slide.new_block_it.swiper-slide-active > div > div > div:first-child {
        transform: translateX(-3px)
    }

    .new_block_it {
        overflow: hidden
    }
}

@media screen and (max-width: 374px) {
    .new_block_it > div {
        gap: 5px
    }
}

@media screen and (max-width: 340px) {
    div.swiper-slide.new_block_it.swiper-slide-active > div > div > div:nth-child(2) {
        font-size: 10px
    }
}