.recording__service-title {
    display: block;
    margin-top: 17px;
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #141414;
}

.recording__service-subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 158.2%;
    color: #444444;
}

.recording__service-head-btn .btn-outline-primary {
    width: 100%;
    margin: 30px 0 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.recording__service-head-btn .btn-outline-primary:before {
    display: none;
}

.recording__service-head-btn svg path {
    stroke: currentColor;
}

.recording__navigation {
    margin: 47px 0 22px;
    background: #FFFFFF;
    box-shadow: 0px 42px 72px -14px rgba(0, 0, 0, 0.09);
}

.recording__service-nav .nav-link {
    padding: 24px 10px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.06em;
}

.recording__service-nav .nav-link.active, 
.recording__service-nav .nav-item.show .nav-link {
    color: #141414;
}

.recording__service-nav .nav-link.active svg path, 
.recording__service-nav .nav-item.show .nav-link svg path {
    fill: #141414;
}

.recording__service-nav .nav-item:after {
    height: 60%;
    background: #F7FF14;
    transform: rotate(15deg);
}

.recording__service-nav .nav-item:first-child:before,
.recording__service-nav .nav-item:last-child:after {
    display: none;
}

.recording__service-nav .nav-item {
    flex: 1;
    justify-content: flex-start;
}

.service_widget-title {
    margin: 0 0 30px;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #141414;
}

.service_widget-search-title {
    margin: 0 0 20px;
    text-transform: uppercase;
}

.select-car-row {
    margin: 0 0 30px;
}

.service_widget-search-block-wrap {
    max-width: 905px;
    flex: 1;   
}

.service_widget-search-block .form-group {
    margin-right: 0;
    max-width: none;
}

.elements__style-form-el .service_widget-search-block .form-control {
    height: 48px;
}

.service_widget-search-block .btn-primary {
    color: #000;
    background: #F7FF14;
    margin: 0 0 0 15px;
    height: 48px;
}

.service_widget-title-else {
    margin: 0 0 20px;
    display: block;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #707070;
}

.service_widget-title-else:before,
.service_widget-title-else:after {
    display: none;
}

.service_widget-modif-item:hover {
    border-color: #F7FF14;
}

.service_widget-modif-item svg path {
    fill: #F7FF14;
}

.service_widget-modif:hover {
    border-color: #F7FF14;
}

.service_widget-col {
    margin: 0 0 30px;
}

.service_widget-card-car {
    margin: 0;
    height: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 25px;
    cursor: pointer;
    transition: all .18s;
    overflow: hidden;
    padding: 0 0 11px;
}

.service_widget-card-car:hover .service_widget-card-car-title {
    color: #000;
}

.service_widget-card-car:hover {
    border-color: #F7FF14;
}

.service_widget-card-car-title {
    padding: 0 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #141414;
    transition: all .18s;
}

.service_widget-card-car-img {
    height: 100px!important;
    margin: 0 0 5px;
}

.service_widget-card-car .service_widget-card-car-img img, 
.service_widget-card-car .service_widget-card-car-img-year img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.order-to-article {
    margin: 0 0 55px;
    font-size: 14px;
    line-height: 22px;
    color: #444444;
}

.order-to-article p {
    margin: 0 0 1em;
}

@media (min-width: 576px) {
    .recording__service-title {
        font-size: 24px;
        line-height: 28px;
    }

    .recording__service-subtitle {
        font-size: 18px;
    }

    .service_widget-title {
        margin-bottom: 35px;
    }

    .service_widget-search-title {
        margin-bottom: 22px;
    }

    .service_widget-card-car-title {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .recording__service-head-btn .btn-outline-primary {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .recording__service-title {
        font-size: 32px;
        line-height: 37px;
    }

    .recording__service-subtitle {
        font-size: 20px;
    }

    .recording__service-nav .nav-link {
        padding: 31px 10px 32px;
        font-size: 20px;
        line-height: 23px;
    }

    .service_widget-title {
        font-size: 26px;
        line-height: 1.2;
    }

    .service_widget-card-car-title {
        font-size: 24px;
        line-height: 28px;
    }
}

.widget__order-cars-variation:hover,
.service_choose_brand_card-info {
    border-color: #F7FF14;
}

.service_choose_brand_card-info .service_choose_brand_card-info-head .dealer-active,
.service_choose_brand_card-info-brand:hover .service_choose_brand_card-info-brand-name,
.service_choose_brand_card-info-brand.active .service_choose_brand_card-info-brand-name,
.service_choose_brand_card-item:hover .service_choose_brand_card-title{
    color: #000;
    font-weight: bold;
}

.recording__service-calendar-time div:hover, 
.recording__service-calendar-time .select {
    color: #000;
    background: #F7FF14;
    border: 1px solid #000;
}

.recording__service-calendar-day .select,
.recording__service-calendar-day span:hover {
    background: #F7FF14;
    color: #000;
}