@font-face {
    font-family: 'Montserrat';
    /*src: url('NotoSans-VariableFont_wdth,wght.ttf') format('truetype');*/
    src: url('Montserrat-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'notosans';
    src: url('notosans-variablefont_wdth,wght.ttf') format('truetype');
}
/*common*/
.input-validation-error {
    border-color: red;
    background-color: red;
}

.header_block {
    margin-top: 3px;
    height: 114px;
    display: flex;
    align-items: center;
    /*background-color: rgb(248, 249, 250);*/
}

.header_text {
    font-size: 1.75rem;
}
/*common*/
body {
    margin: 0;
    padding: 0;
    font-family: "Montserrat";
}

.row {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p {
    padding: 0;
    margin: 0;
}

/*html {
    height: 100%
}*/

a {
    text-decoration: none;
    color: #302828;
}


.fa-solid .fa-moon {
    transition: opacity 0.3s;
}

.header ul a {
    font-size: 13px;
    letter-spacing: 1px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.field-validation-error {
    font-family: Montserrat;
    letter-spacing: 1px;
    font-weight: 600;
    color: rgb(226, 38, 38);
}

.margin_top_15 {
    margin-top: 15px;
}

.margin_bottom_15 {
    margin-bottom: 15px;
}

.user_menu {
    display: flex;
}

.theme {
    margin-left: auto;
    padding-right: 15px;
}

.user_img {
    /*width: 24px;*/
    object-fit: cover;
    /*border-radius: 50%;*/
    margin-left: 15px;
    margin-right: 15px;
}

/*popup_user_info*/
.profile-wrapper {
    position: relative;
    display: inline-block;
}

    .profile-wrapper .user_img {
        width: 24px;
        height: 24px;
        object-fit: cover;
        border-radius: 50%;
        cursor: pointer;
    }

.profile-popup {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 200px;
    min-width: 150px;
}

    .profile-wrapper:hover .profile-popup, .profile-popup:hover {
        display: block;
    }

    .profile-popup ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .profile-popup li {
        margin: 8px 0;
    }

    .profile-popup a {
        text-decoration: none;
        color: #333;
        font-weight: 500;
    }

.profile-popup_img {
    width: 42px;
    height: 42px;
    border-radius: 25px;
    object-fit:cover;
}

.popup_name {
    font-size: .8rem;
}

.popup_amount_squer {
    background-color: red;
    font-size: 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    min-width: 20px;
    height: 20px;
    max-width: 45px;
}

.profile-popup li {
    display: flex;
    justify-content: space-between;
}

.popup_help {
    border-top: 1px solid;
}
/*popup_user_info*/
.header_logo {
    width: 200px;
}

.nav_header_interface {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px;
    border-top: 1px solid #dfe4e7;
}

.nav_menu {
    display: flex;
    gap: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #181816;
}

    .nav_menu a:hover {
        color: red;
    }

.user_interface {
    display: flex;
    gap: 10px;
}

.user_controls {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border-color: #eceef0;
    background-color: #dee2e6;
    position: relative;
    text-align: center;
}

    .user_controls a {
        line-height: 31px;
        position: relative;
    }

        .user_controls a span {
            position: absolute;
            top: -9px;
            left: 9px;
            background-color: black;
            border-radius: 15px;
            width: 20px;
            height: 15px;
            color: #fff;
            font-size: 9px;
            line-height: 17px;
            font-weight: 700;
            font-family: "Montserrat";
        }

    .user_controls:hover {
        background-color: #ced4da;
    }

.footer_subscribe_block {
    display: flex;
    margin-top: 20px;
}

.footer_subscribe {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 100%;
    height: 39px;
    display: inline-block;
    border: none;
    padding-left: 10px;
}

.footer_subscribe_btn {
    width: 49px;
    height: 39px;
    display: inline-block;
    border: none;
    background-color: red;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.padding_top_15 {
    padding-top: 15px;
}

.footer_info_2 {
    width: 170px;
}

    .footer_info_2 h4 {
        font-family: "Montserrat";
    }

.footer_subscribe:focus {
    border-color: red;
}


/*footer*/
footer ul a {
    color: #fff;
}

.background_footer {
    background-color: rgb(33, 37, 42);
    color: #fff;
    font-family: "notosans";
}

.backgrounf_logo {
    background-color: #fff;
}

.footer_info {
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 50px;
}

    .footer_info a:hover {
        text-decoration: underline;
    }

.link_logo {
    display: block;
    margin-bottom: 24px;
}

.info1 {
    max-width: 340px;
}

    .info1 h4 {
        font-family: "Montserrat";
    }

.footer_rights {
    padding-top: 70px;
    font-family: "Montserrat";
    letter-spacing: 1px;
    font-weight: 700;
}

.footer_information li {
    padding: 5px 0;
}

.footer_social_links {
    padding-top: 20px;
}

    .footer_social_links ul {
        display: flex;
        justify-content: space-between;
        width: 150px;
    }


/*footer*/
/*стили 2-------------------------------------------------------------------------------------------------*/
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 20px;
}

    .container .header_logo {
        /*padding: 0 15px;*/
    }


.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #dfe4e7;
}

.nav_list {
    display: flex;
    gap: 10px;
}


.icon {
    display: none;
}

.backgroundFilter {
    background-image: url('../pictures/hero-01.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    /*-------------*/
    height: 700px;
    background-attachment: fixed; /* Фон остаётся неподвижным */
    position: relative;
    background-position: center top; /* Фиксируем фон сверху */
}


.filter_radio {
    display: flex;
}

.filter2 {
    position: relative;
    width: 390px;
    height: 400px;
    backdrop-filter: blur(6px);
    margin-top: 50px;
    margin-left: 16%;
    border-radius: 10px;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    border: 1px solid;
}

input[type="radio"] {
    display: none; /* Скрываем стандартные радиокнопки */
}

.filter_radio label {
    width: 100%; /* Ширина кнопки */
    height: 40px; /* Высота кнопки */
    text-align: center;
    line-height: 40px;
    background: #f8f9fa;
    cursor: pointer;
    position: relative; /* нужно для псевдоэлемента */
}

:root {
    --bs-white-rgb: 255, 255, 255;
    --bs-bg-opacity: 0.25;
}


.filter_radio label:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.filter_radio label:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}



/* Выбор активной кнопки */
.filter_radio input[type="radio"]:checked + label {
    background: #c90d0d;
    color: white;
}

/* Разделитель между кнопками */
label:not(:last-of-type)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: #dfe4e7;
}

/* Убираем разделитель у активной кнопки */
input[type="radio"]:checked + label::after {
    display: none;
}

.filter_options {
}

.options {
    text-transform: uppercase;
    color: #fff;
    font-size: .8rem;
    font-family: notosans;
    margin-top: 30px;
    margin-bottom: 10px;
}

:root {
    --bs-dark-rgb: 33, 37, 41;
    --bs-bg-opacity: 0.25;
}

.filter_window_container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.filter_window {
    max-width: 390px;
    height: 520px;
    padding: 20px;
    backdrop-filter: blur(6px);
    margin-top: 70px;
    margin-left: 18%;
    border-radius: 0.5rem;
    /*border: 1px solid;
    border-color: #dee2e6;*/
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}

.option_group {
    display: flex;
    flex-direction: column; /* Размещаем label над select */
}

.select_filter {
    border-radius: 5px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    border: 1px solid #fff;
}

    .select_filter option {
        color: #181816;
    }

    .select_filter:focus {
        outline: none;
        box-shadow: none;
        border-color: none;
    }

.col-lg-6:nth-of-type(even) .option_group {
    padding-left: 10px;
}

.col-lg-6:nth-of-type(odd) .option_group {
    padding-right: 10px;
}

.btn_search {
    margin-top: 20px;
    width: 100%;
    font-family: Montserrat;
    letter-spacing: 1px;
}


.col-12 {
    padding: 0;
}


.background_grey {
    background-color: rgba(248, 249, 250);
}

.background_white {
    background-color: #fff;
}

.body_type_background {
    padding-bottom: 50px;
}

.container_body_type {
    width: 1200px;
    /*margin-left: auto;
    margin-right: auto;*/
    display: flex;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
    gap: 10px;
    /*padding: 0 30px;*/
    /*width: 60%;*/
    margin: 0 auto;
}

.container_recent_cars {
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

.body_type_header {
    color: #e22626;
    text-transform: uppercase;
    /*padding: 40px;*/
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .body_type_header h2 {
        font-size: 1.25rem;
    }

.arrows {
    display: flex;
    gap: 10px;
}

.move_recent_cars {
    width: 40px;
    height: 40px;
    border: 0px;
    border-radius: 20px;
    color: #717171;
    background-color: #ddd;
}

    .move_recent_cars:hover {
        background-color: #ababab;
        color: #fff;
    }

.body_type_card {
    width: 178px;
    height: 192px;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    margin-top: 30px;
    background-color: #fff;
    border-color: #f2f2f3;
    /* margin-left: auto;
    margin-right: auto;*/
}

    .body_type_card:hover {
        background: linear-gradient(135deg, #ff0000, #000000);
    }


    .body_type_card h5 {
        font-size: .8rem;
        letter-spacing: 1px;
        font-weight: 700;
    }

.body_type_image {
    width: 148px;
}

.body_type_count {
    background-color: #e2e3e5;
    border-radius: 10px;
    padding: 3px 8px;
    font-family: notosans;
    font-size: .7rem;
    font-weight: 800;
    color: rgba(108, 117, 125);
}

html, body {
}

/*recent_cars*/
.recent_cars_card {
    width: 363px;
    height: 417px;
    background-color: #fef8f8;
    border: 1px solid;
    border-color: rgba(226, 38, 38, 0.12);
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

.recent_cars_img {
    /*width: 362px;*/
    width: 100%;
    height: 220px;
    display: block;
    object-fit: cover;
}

.card_image {
    position: relative;
}

.recent_cars_title {
    padding-left: 20px;
    padding-top: 15px;
    font-weight: 700;
    font-size: 1.25rem;
    display: inline-block;
}

.recent_cars_price {
    color: red;
    font-size: 1.25rem;
    font-weight: 700;
    padding-left: 20px;
    padding-top: 10px;
}

.recent_cars_details_block {
    border-top: 1px solid rgb(247 220 220);
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
    /*border-color: #dee2e6;*/
}

.recent_cars_details_row {
    display: flex;
    padding-top: 2px;
}

.recent_cars_details {
    /*margin-top: 10px;
    margin-left: 10px;*/
    margin: 4px;
    background-color: #fbe4e4;
    padding: 1px 0px 1px 8px;
    border-radius: 5px;
    width: 33.3%;
    /*align-items: center;*/
}

    .recent_cars_details span {
        font-size: .8rem;
    }

.margin_right_3 {
    margin-right: 3px;
}

.car_info_block {
    color: #fff;
    text-transform: uppercase;
    padding: 2px;
}



.car_info_basic {
    background-color: rgb(28, 135, 25);
    padding: 2px 7px;
    border-radius: 5px;
    line-height: 17px;
    display: inline-block;
    letter-spacing: .08em;
    font-size: .65rem;
    font-weight: 400;
}


.car_info_new {
    background-color: rgb(28, 135, 25);
}

.car_info_reserved {
    background-color: rgb(255, 193, 7);
    color: #302828;
    font-weight: 500;
}

.car_info_used {
    background-color: rgb(226, 38, 38);
    font-weight: 500;
}

.carinfo_block_wrapper {
    position: absolute;
    justify-content: space-between;
    top: 0;
    display: flex;
    width: 100%;
    padding: 10px;
}

.carinfo_block {
    display: flex;
}

.basic_user_tool {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color: #f8fbfd;
    border-radius: 15px;
    display: flex;
    opacity: 0.8;
}

/*.compare {
    top: 12px;
    left: 275px;
}

.favorite {
    top: 12px;
    left: 310px;
}
*/
.arrow {
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    font-size: 30px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 10px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
}

    .arrow.left {
        left: -50px;
    }

    .arrow.right {
        right: -50px;
    }

.recent_cars_card:hover .arrow.left {
    left: 0;
    opacity: 1;
}

.recent_cars_card:hover .arrow.right {
    right: 0;
    opacity: 1;
}

/*recent_cars*/
/*slider*/
.page-title {
    text-align: center;
}

.slider-container {
    position: relative;
    width: 600px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

    .slider img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.prev-button,
.next-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: none;
    font-size: 24px;
    color: white;
}

.prev-button {
    left: 10px;
}

.next-button {
    right: 10px;
}
/*slider*/

.about_info_wrapper {
    margin-top: 50px;
    height: 210px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

    .about_info_wrapper span {
        display: block;
    }

.about_amount {
    font-weight: 600;
    font-size: 1.75rem
}

.about_text {
    color: rgba(33, 37, 41, 0.75);
    text-transform: uppercase;
}

.about_block_first {
    width: 294px;
}

.about_block {
    width: 294px;
    border-left: 1px solid;
    border-color: rgba(201, 197, 201, 0.75);
}
/*Login*/
.login_background {
    display: flow-root;
}

.login_header {
    margin: 5px 0px;
    background-color: #fff;
    padding: 15px 0;
}

.login_text {
    letter-spacing: 1px;
    font-size: 1.75rem;
}

.login_form_container {
    width: 408px;
    /*height: 49px;*/
    margin: 130px auto;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}

.login_input_block {
    padding: 10px 0;
}

.login_input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    appearance: none;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    outline: none;
    font-weight: 500;
    background-color: rgba(248, 249, 250);
}



.login_form_container input:focus {
    border-color: red;
}

.login_form_text {
    font-family: "notosans";
    font-size: .965em;
    font-weight: 700 !important;
    padding-bottom: 10px;
}

input[type="password"] {
    font-family: Verdana, sans-serif; /* шрифт с крупными точками */
}


.login_info {
    display: flex;
    justify-content: space-between;
    accent-color: crimson; /* меняет цвет галочки и рамки */
}

.remember_me_block {
    display: flex;
    align-items: center;
    gap: 7px;
}

.remember_me {
    font-weight: 500;
    font-size: .965em;
    font-family: "notosans";
}

a.remember_me:hover {
    opacity: 0.7;
}

.remember_check {
    background-color: #e22626;
    border-color: #e22626;
    width: 20px;
    height: 20px;
}

.login_btn {
    width: 100%;
    height: 38px;
    background-color: #e22626;
    border: none;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Montserrat;
    font-weight: 600;
}

.login_text_or {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: "notosans";
}

.login_socials_btn_color_google {
    background-color: #e22626;
}

.login_socials_btn_color_facebook {
    background-color: #3b5998;
}

.login_socials_btn {
    border: none;
    width: 172px;
    height: 35px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
}

    .login_socials_btn span {
        display: inline-block;
        padding-left: 10px;
    }

.position_flex {
    display: flex;
    justify-content: space-between;
}

.login_sign_up {
    text-align: center;
    font-family: notosans;
    font-size: .965em;
}

    .login_sign_up a {
        text-decoration: underline;
        text-underline-offset: .25em;
        font-weight: 700;
    }

        .login_sign_up a:hover {
            opacity: 0.75;
        }

/*SignUp*/
.signup_option {
    display: block;
    width: 100%;
    /*padding: .375rem 2.25rem .375rem .75rem;*/
    padding: 8px;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    outline: none;
    font-weight: 500;
    font-size: 1rem;
    background-color: #f8f9fa;
}

    .signup_option:focus {
        border-color: red;
    }

    .signup_option option {
        padding: 8px;
    }

.signup_socials_btn {
    border: none;
    width: 100%;
    height: 35px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 1px;
}



.padding_bottom_15 {
    padding-bottom: 15px;
}

/*SignUp*/
/*Login*/

/*CarFilterGrid*/


.filter_result_head {
    font-size: 1.25rem
}

.filter {
    width: 275px;
    /*height: 500px;*/
}

.filter_block {
    display: flex;
    justify-content: space-between;
    padding-top: 48px;
    padding-bottom: 48px;
}

.filter_clear {
    font-family: "notosans";
    color: rgb(226, 38, 38);
    border: 0px;
    background-color: #fff;
}

    .filter_clear:hover {
        text-decoration: underline;
    }

.filter_border {
    border: 1px solid;
    border-radius: 5px;
    border-color: rgb(219 223 226);
}

.filter_wrapper {
    /*    display: flex;
    justify-content: space-between;*/
}

.fa-angle-down {
    padding-left: 120px;
}

.filter_item {
    /*height: 56px;*/
    display: flex;
    justify-content: space-between;
    height: 57px;
    align-items: center;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1rem;
}

.filter_select_filter {
    border-radius: 5px;
    height: 35px;
    background-color: #f8f9fa;
    border: 1px solid rgb(219 223 226);
    width: 100%;
    appearance: none;
    outline: none;
    padding: .25rem .5rem;
    color: rgba(33,37,41, 0.75);
}

.filter_section {
    border-bottom: 1px solid rgb(219 223 226);
}

.check_input {
    background-color: #f8f9fa;
    border-color: #e22626;
    min-width: 18px;
    height: 18px;
    accent-color: crimson; /* меняет цвет галочки и рамки */
    padding: 10px 0;
}

.filter_check_box {
    font-size: .965em;
    font-family: "notosans";
}

.grid_container {
    width: 100%;
    padding-top: 48px;
}

.grid_flex {
    display: flex;
    gap: 20px;
}

.grid_header_sort_panel {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 7px;
    font-family: "notosans";
}

    .grid_header_sort_panel a {
        font-weight: 700;
        margin-left: 5px;
    }

.grid_sort_by {
    margin-left: 5px;
}

.grid_select {
    padding: 2px;
    border-radius: 5px;
    color: #495057;
    border-color: #dee2e6;
}

.grid_margin_left_5 {
    margin-left: 30px;
}

.grid_card_collection {
    display: flex;
    gap: 25px;
    margin: 20px 0px;
}

.space_between {
    justify-content: space-between;
}

.grid_cars_card {
    /*width: 407px;*/ /*424px;*/
    width: 100%;
    max-width: 420px;
    /*width: 370px;*/
    /*max-width: 370px;*/
    /*min-width: 370px;*/
    height: 417px;
    background-color: #fef8f8;
    border: 1px solid;
    border-color: rgba(226, 38, 38, 0.12);
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    /*margin-left: auto;
    margin-right: auto;*/
}

    .grid_cars_card:hover .arrow.left {
        left: 0;
        opacity: 1;
    }

    .grid_cars_card:hover .arrow.right {
        right: 0;
        opacity: 1;
    }

.grid_cars_img {
    width: 100%;
    height: 220px;
    display: block;
    object-fit: cover;
}

/*.grid_compare {
    top: 12px;
    left: 327px;
}
*/
/*.grid_favorite {
    top: 12px;
    left: 361px;
}*/

.grid_pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.grid_page {
    /*padding: 5px 10px;*/
    min-width: 38px;
    height: 38px;
    max-width: 45px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-left: 8px;
}

    .grid_page:hover {
        background-color: red;
    }

.grid_page_selected {
    background-color: red;
    color: #fff;
}
/*CarFilterGrid*/

/*CarDetails*/
.car_details_head_wrap {
    display: flex;
    font-family: notosans;
}

.car_details_container {
    width: 66%;
}

.car_details_title {
    margin-top: 48px;
    background-color: rgba(248, 249, 250);
    height: 108px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 16px;
}

.car_details_title_block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
}

    .car_details_title_block h1 {
        font-size: 2rem;
        font-weight: 700;
        font-size: 2rem;
        letter-spacing: 1px;
        display: inline-block;
        font-family: Montserrat;
    }

.car_details_btn_block {
    display: flex;
}

.car_details_icon {
    margin-left: 5px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border: 1px solid #dee2e6;
    color: rgba(33, 37, 41, 0.75);
}

.car_details_price {
    width: 32%;
    margin-top: 48px;
    padding: 16px;
    border: 1px solid #dee2e6;
    margin-left: 25px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}

.car_details_info {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .8rem;
}

.car_details_info_val {
    font-size: .8rem;
    color: rgba(33, 37, 41, 075);
    margin-right: 1.5rem;
}

.car_details_price_text {
    font-size: 2rem;
}

.car_details_price_val {
    color: rgb(226, 38,38);
    font-family: Montserrat;
    font-size: 2rem;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
}

.car_details_main_photo {
    overflow: hidden;
    /*height: 440px;*/
    position: relative;
}

.car_details_main_photo_img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 5px;
}

.arrow_right {
    position: absolute;
    /*top: 222px;
    left: 690px;*/
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
}

.arrow_left {
    position: absolute;
    top: 222px;
    left: 19px;
}


.car_details_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /*34*/
    font-size: 20px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 10px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
}

    .car_details_arrow.left {
        left: 10px;
    }

    .car_details_arrow.right {
        right: 10px;
    }


    .car_details_arrow.left:hover {
        /*left: 0;*/
        opacity: 1;
    }

    .car_details_arrow.right:hover {
        /*right: 0;*/
        opacity: 1;
    }


.car_details_overview {
    width: 32%;
    height: 100%;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #dee2e6;
    margin-left: 25px;
    border-radius: 5px;
    /*display: flex;*/
    justify-content: space-between;
    position: sticky;
    top: 0;
    /*z-index: 1020;*/
}

.car_details_overview_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
}

.car_details_overview h5 {
    font-family: Montserrat;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 20px;
}

.cardetails_overview_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    width: 50%;
    padding: 10px;
}

.cardetails_overview_block_100 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    width: 100%;
    padding: 10px;
}

.car_details_line {
    width: .36rem;
    height: 80%;
    background-color: rgba(108, 117, 125);
    position: absolute;
    opacity: 0.25;
    left: 7px;
    top: 7px;
}

.car_details_text_year {
    margin-left: 8px;
    color: rgba(108, 117, 125);
    font-size: .965em;
}

.car_details_text_year_val {
    margin-left: 8px;
    font-size: .965em;
    font-weight: 700;
}

.cardetails_overview_btn_block {
    margin-top: 8px;
}

    .cardetails_overview_btn_block span {
        display: inline-block;
        margin-left: 15px;
        font-weight: 600;
    }

.cardetails_overview_btn {
    border: 2px solid #e22626;
    border-radius: 5px;
    padding: 7px;
    background-color: #fff;
    letter-spacing: 1px;
    color: #e22626;
    width: 100%;
    display: block;
    text-align: center;
}


    .cardetails_overview_btn:hover {
        background-color: red;
        color: #fff;
    }

        .cardetails_overview_btn:hover i {
            color: #fff;
        }


.car_detail_block_mini {
    position: relative;
}

.car_details_mini_picture {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}


.car_detail_images_wrapper {
    overflow-x: auto;
    display: flex;
    gap: 5px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    padding: 5px 0;
}

.car_detail_images_container {
    display: flex;
    transition: transform 0.3s ease-in-out;
    gap: 5px;
}

.car_detail_mini_img {
    flex: 0 0 auto;
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
}

    .car_detail_mini_img.active {
        border: 2px solid #e22626;
        /*box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);*/
        box-shadow: 0 0 5px #e22626;
        border-radius: 4px;
    }

.car_detail_block_mini_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 4px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
}
    /*.car_detail_block_mini_arrow {
    cursor: pointer;
    padding: 10px;
    user-select: none;
    font-size: 24px;
}*/

    .car_detail_block_mini_arrow.left {
        left: 10px;
    }

    .car_detail_block_mini_arrow.right {
        right: 10px;
    }


    .car_detail_block_mini_arrow.left:hover {
        opacity: 1;
    }

    .car_detail_block_mini_arrow.right:hover {
        opacity: 1;
    }

.car_details_decription_text {
    font-family: Montserrat;
    letter-spacing: 1px;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 10px;
}

/* Модалка */
.modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center;
}

/* Контент */
.modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modal-content img {
        max-height: 90vh;
        max-width: 100%;
        border-radius: 8px;
    }

/* Закрытие */
.close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
}

/* Стрелки */
.modal-arrow {
    color: rgba(226, 38, 38, 0.2);
    font-size: 40px;
    padding: 20px;
    cursor: pointer;
    user-select: none;
}

    .modal-arrow.left {
        position: absolute;
        left: 0;
    }

    .modal-arrow.right {
        position: absolute;
        right: 0;
    }



.description-wrapper {
    font-family: notosans;
    line-height: 1.5;
    font-size: .965em;
    padding-bottom: 35px;
}

.description {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Показываем только 3 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.5s ease;
}

    .description.expanded {
        -webkit-line-clamp: unset;
        max-height: none;
    }

.show-more {
    color: #e22626;
    cursor: pointer;
    margin-top: 5px;
    display: block;
    text-decoration: underline;
    text-align: center;
}

.car_details_features {
    font-family: Montserrat;
    letter-spacing: 1px;
    font-weight: 700;
}

.car_details_features_list {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-top: 10px;
}

.car_details_filter_item {
    /*height: 56px;*/
    display: flex;
    justify-content: space-between;
    height: 57px;
    align-items: center;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1rem;
}

    .car_details_filter_item p {
        padding-left: 20px;
        font-size: 1.25rem;
    }


    .car_details_filter_item i {
        padding-right: 20px;
    }

.car_details_feater_head_item {
    border-bottom: 1px solid #dee2e6;
}

.features_block {
    padding-left: 20px;
    display: flex;
}

    .features_block ul {
    }

        .features_block ul li {
            padding: 10px;
        }

            .features_block ul li i {
                margin-right: 20px;
                display: inline block;
            }

/*sell car*/

.sell_car_left_side {
    width: 67%;
}

.cell_car_header_text {
    color: #e22626;
}

.sell_car_head_item {
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    border-radius: 5px;
    border: 1px solid #dee2e6;
    margin-top: 10px;
}

.sell_car_block_head {
    border-bottom: 1px solid #dee2e6;
}

.sell_car_block {
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

.sell_car_block_listing_images {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
/*
.sell_car_block {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    gap: 5px;
}*/

.sell_car_block_listing_details {
    padding: 0 20px;
    justify-content: space-between;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.sell_car_select {
    width: 45%;
    margin: 0 10px;
    font-family: Montserrat;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.sell_car_listing_info_select {
    width: 45%;
    margin: 0 10px;
    font-family: Montserrat;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.sell_car_listing_info_select_vin {
    width: 45%;
    font-family: Montserrat;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}


.sell_car_select_listing_details {
    width: 31%;
    font-family: Montserrat;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.sell_car_select_listing_details_city {
    width: 49%;
    font-family: Montserrat;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.sell_car_filter {
    margin-top: 5px;
}

.sell_car_block_item {
    display: flex;
    align-items: center;
    /*width: 25%;*/
    width: 42%;
}

.car_sell_check_box_label {
    font-size: .965em;
    font-family: "notosans";
    margin-left: 5px;
}



.car_sell_textarea_item {
    width: 100%;
    margin: 0 10px;
    font-family: Montserrat;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.car_sell_textarea {
    height: 156px;
}

.sell_car_image_upload {
    margin: 20px 0;
}

.sell_car_item {
    width: 140px;
    height: 140px;
    border-radius: 5px;
    border: 2px dashed #dee2e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    /*    margin-left: 10px;
    margin-top: 10px;*/
}

.sell_car_x {
    position: absolute;
    top: 5px;
    left: 115px;
    color: red;
}


.sell_cer_upload_text {
    margin-top: .25rem;
    font-size: .875em;
    color: rgba(33, 37, 41, 0.75);
    margin-left: 20px;
    margin-bottom: 20px;
}

.car_sell_finish_registration {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.car_sell_finish_btn_preview {
    width: 205px;
    height: 58px;
    background-color: #fff;
    text-transform: uppercase;
    border: 1px solid #e22626;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    letter-spacing: 1px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1rem;
    color: #e22626;
}

    .car_sell_finish_btn_preview:hover {
        color: #fff;
        background-color: #e22626;
    }

.car_sell_finish_btn_save {
    width: 300px;
    height: 58px;
    background-color: #fff;
    text-transform: uppercase;
    border: 1px solid #e22626;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    letter-spacing: 1px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    background-color: #e22626;
}

    .car_sell_finish_btn_save:hover {
        filter: brightness(90%);
    }

.car_sell_finish_registration i {
    margin-right: 10px;
}

.sell_car_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.remove-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 14px;
    cursor: pointer;
    opacity: 0.6;
}

    .remove-btn:hover {
        opacity: 1;
    }

.sell_car_overview {
    width: 32%;
    height: 586px;
    margin-top: 10px;
    padding: 16px;
    border: 1px solid #dee2e6;
    margin-left: 25px;
    border-radius: 5px;
    /*display: flex;*/
    justify-content: space-between;
    position: sticky;
    top: 0;
    /*z-index: 1020;*/
}


.sellcar_listing_info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.car_sell_preview_finish_registration {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
}

/*sell car*/


/*Dashboard*/
.dashboard_header {
    margin-top: 30px;
    /*height: 67px;*/
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboard_head_list {
    display: flex;
}

.dashboard_head_list_li {
    color: rgba(33, 37, 41, 0.75);
    margin: 10px 0px;
    padding: 10px 30px;
}

    .dashboard_head_list_li a {
        color: rgba(33,37,41, 0.75);
    }

.dashboard_head_list_span {
    margin-left: 10px;
}

.dashboard_li_selected {
    background-color: #fff;
    margin: 10px 0px;
    padding: 10px 30px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

.dashboard_a_selected {
    color: rgb(226, 38, 38);
}

    .dashboard_a_selected:hover {
        color: rgb(199, 50, 50);
    }

.dashboard_user_block {
    display: flex;
    justify-content: space-between;
}

.dashboard_profile {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-top: 30px;
    width: 50%;
}

.dashboard_user_block_info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.dashboard_avatar {
    width: 114px;
    overflow: hidden;
    border-radius: 5px;
}

.dashboard_avatar_img {
    width: 100%;
}

.dashboard_user_info {
    letter-spacing: 1px;
}

    .dashboard_user_info div {
        border: 1px solid #dee2e6;
        border-radius: 50rem;
        padding: 3px;
        margin-top: 10px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 0.75em;
        display: inline-block;
    }


.dashboard_user_options {
    position: relative;
}

.dashboard_user_options_btn {
    background-color: #fff;
    color: rgba(33, 37, 41, 0.75);
    border: 0px;
}

.hidden {
    display: none !important;
}

.dropdown_menu {
    left: -200px;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 200px;
    font-family: notosans;
}



.dashboard_popup_text {
    margin-left: 10px;
}

.dashboard_user_name {
    margin-top: 5px;
    font-size: 1.75rem;
}

.dashboard_user_contacts {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.dashboard_profil_info_block {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.dashboard_fill {
    width: 50%;
}

.dashboard_complation_line_info {
    display: flex;
    justify-content: space-between;
}

.Dashboard_ProfileCompletion {
    border-top: 1px solid #dee2e6;
    padding: 15px 0;
}

.dashboard_complation_line_wrapper {
    height: 6px;
    background-color: #e9ecef;
    border-radius: 5px;
}

.dashboard_complation_line {
    background-color: #e22626;
    height: 6px;
    border-radius: 5px;
}

.dashboard_complation_Completion {
    width: 87%;
}

.dashboard_complation_raiting {
    width: 67%;
}

.dashboard_user_list {
    width: 50%;
    margin-top: 20px;
    margin-left: 20px;
}

.dashboard_user_list_block {
    display: flex;
    gap: 15px;
    padding-top: 10px;
}

.dashboard_list_item {
    width: 33%;
    /*height: 60%;*/
    background-color: rgb(248, 249, 250);
    border: 1px solid #dee2e6;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
    color: rgb(226, 38, 38);
    cursor: pointer;
}

    .dashboard_list_item:hover {
        filter: brightness(99%);
    }

    .dashboard_list_item i,
    .dashboard_list_item h3,
    .dashboard_list_item p {
        padding: 7px 0;
    }

.dashboard_count {
    font-weight: 700;
    font-size: 1rem;
}

.dashboard_head_name {
    color: rgba(33, 37, 41, 0.75);
    font-size: .965em;
    font-weight: 400;
    font-family: notosans;
}

.dashboard_wrapper {
    margin-bottom: 80px;
}


/*Listings*/
.listings_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dee2e6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 20px;
    padding: 20px;
    letter-spacing: 1px;
}

.listing_head_text {
}

.listing_head_text_count {
    font-size: 0.75em;
    color: rgb(26, 108, 231);
    padding: 0.35em;
    background-color: rgb(26, 108, 231, 0.1);
    border-radius: 5px;
    font-weight: 700;
}

.listings_add {
    padding: 7px 15px;
    background-color: #ffc107;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .8rem;
    font-weight: 700;
}

.listings_search_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border: 1px solid #dee2e6;
    border-top: 0px;
}


.listing_search_input {
    font-size: .875rem;
    border-radius: 5px;
    padding: .25rem .5rem;
    border: 1px solid #dee2e6;
    background-color: rgb(248, 249, 250);
    appearance: none;
    outline: none;
}


    .listing_search_input:focus, .listings_select:focus {
        border-color: red;
    }

.listings_select {
    appearance: none;
    outline: none;
    border-radius: 5px;
    padding: .25rem .5rem;
    border: 1px solid #dee2e6;
    background-color: rgb(248, 249, 250);
    color: rgba(33,37,41, 0.75);
}


.listings_table_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dee2e6;
    border-top: 0px;
    overflow-x: auto
}

.listings_table {
    width: 100%;
}


    .listings_table thead {
        border-bottom: 1px solid #dee2e6;
    }

    .listings_table tr {
        border-bottom: 1px solid #dee2e6;
    }

    .listings_table th {
        padding: 8px 15px;
        color: rgba(33, 37, 41, 0.75);
        font-size: .8rem;
        text-transform: uppercase;
        font-family: notosans;
    }

    .listings_table td {
        font-size: 1rem;
        color: rgba(33, 37, 41, 0.75);
        letter-spacing: 1px;
        font-weight: 500;
    }

.listings_table_car_name {
    color: rgba(33, 37, 41, 0.75);
    letter-spacing: 1px;
    font-weight: 500;
}

.listings_table td a:hover {
    opacity: 0.7;
}

.listings_table tbody tr td {
    padding: 40px 8px;
}

.listings_head_img {
    width: 120px;
    height: 65px;
    overflow: hidden;
    border-radius: 3px;
}

.listings_head_img_img {
    width: 100%;
}

.listings_table_price {
    color: rgb(226, 38, 38);
    font-weight: 600;
    font-size: 1rem;
}

.listings_table_date {
    font-family: notosans;
    font-size: .965em;
    letter-spacing: 0px;
}

.listings_table_actions_block {
    display: flex;
}

.listings_table_actions {
    width: 30px;
    height: 30px;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

    .listings_table_actions:hover {
        background-color: rgba(108, 117, 125, 0.7);
    }

.listings_table_spot_wrapper {
    display: flex;
    align-items: center;
}

.listings_table_spot {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.listings_table_spot_color_green {
    background-color: #1c8719;
}

.listings_table_spot_color_orange {
    background-color: orange;
}

.listings_table_spot_color_red {
    background-color: red;
}

.listings_table_spot_color_grey {
    background-color: grey;
}


/*Listings*/

/*Favorites*/
.favorites_search_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.searchLoader {
    display: none;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}



/*Favorites*/

/*messages*/
.messages_block {
    display: flex;
    justify-content: space-between;
}

.messages_chats_chatsblock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(248, 249, 250);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #dee2e6;
    padding: 8px 16px;
}

.messages_chats_avatar_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.messages_user_list {
    min-width: 33%;
    margin-top: 20px;
}

.messages_avatar {
    width: 48px;
    height: 48px;
    overflow: hidden;
    position: relative;
}

.messages_avatar_img {
    /*width: 100%;*/
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.messages_online_status_color_green {
    background-color: green;
}

.messages_online_status_color_red {
    background-color: red;
}

.messages_online_status_color_yellow {
    background-color: orange;
}

.messages_online_status_color_grey {
    background-color: gray;
}

.messages_online_status {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border: 2px solid white; /* чтобы было видно на фоне фото */
}

.messages_header_text {
    letter-spacing: 1px;
    font-size: 1.25rem;
}

.messages_messaget_count {
    color: green;
    background-color: rgb(28, 135, 25, 0.1);
    padding: 3px 9px;
    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 5px;
    margin-left: 5px;
}

.messages_users {
    border: 1px solid #dee2e6;
    border-block: 0px;
    border-top: 0px;
    padding: 16px 10px;
}

.messages_users_search {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

    .messages_users_search input {
        width: 100%;
        padding-right: 40px; /* отступ справа под кнопку */
        height: 40px;
        box-sizing: border-box;
        padding: 0 10px;
        background-color: rgb(248, 249, 250);
        border: 1px solid #dee2e6;
        border-radius: 5px;
        appearance: none;
        outline: none;
    }

        .messages_users_search input:focus {
            border-color: red;
        }

.messages_btn_search {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #555;
}

.messages_users_list_block {
    padding: 0px 10px;
    border: 1px solid #dee2e6;
    height: 657px;
}

.messages_user {
    width: 48px;
    min-width: 48px;
    height: 48px;
    position: relative;
}

.messages_user_img {
    /*width: 100%;*/
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.messages_dialog_messageCount {
    display: block;
    gap: 9px;
    align-items: center;
}

.messages_user_block_active {
    background-color: rgba(228, 38, 38, 0.15);
}

.messages_user_block {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    cursor: pointer;
}

.messages_dialog_item_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.messages_user_msg {
    max-width: 200px;
    font-size: .8rem;
    color: rgba(33, 37, 41, 0.75);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: notosans;
}

.messages_chat_block {
    padding: 0 20px;
}

    .messages_chat_block h6 {
        font-weight: 600;
    }

    .messages_chat_block b {
        font-size: .8rem;
        color: rgba(33, 37, 41, 0.75);
    }

.messages_badge {
    display: block;
    font-size: .7rem;
    border-radius: 50rem;
    background-color: rgb(212,26,45);
    padding: 2px 9px;
    text-align: center;
    font-family: notosans;
    color: #fff;
}

.online_status_text {
    font-size: .7rem;
    font-family: notosans;
}

.messages_userlist_window {
    max-height: 585px;
    height: 585px;
    overflow-y: auto;
    padding-right: 10px;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top: 5px solid #f51919;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Chrome, Edge, Safari */
.scrollable-div::-webkit-scrollbar {
    width: 6px; /* толщина вертикального скроллбара */
}

.scrollable-div::-webkit-scrollbar-thumb {
    background-color: #888; /* цвет ползунка */
    border-radius: 3px; /* скругление */
}

    .scrollable-div::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* цвет ползунка при наведении */
    }

.scrollable-div::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* цвет дорожки скроллбара */
}

/* Firefox */
.scrollable-div {
    scrollbar-width: thin; /* тонкий скроллбар */
    scrollbar-color: #888 #f1f1f1; /* thumb и track */
}










.messages_chat_wrapper {
    position: relative;
    width: 70%;
    margin-top: 20px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-left: 10px;
}

.messages_chat {
}

.messages_chat_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(248, 249, 250);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 16px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
}

.messages_popup_chat_menu {
    /*height: 100px;*/
    min-width: 200px;
    position: absolute;
    right: 15px;
    top: 55px;
    align-items: center;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    list-style: none;
    font-family: notosans;
    z-index: 2;
    
}

    .messages_popup_chat_menu li:hover {
        background-color: #f8f9fa;
    }
    .messages_popup_chat_menu li {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .messages_popup_chat_menu a {
        color: rgba(33, 37, 41, 0.75);
        margin: 0 10px 0 10px;
    }

    .messages_popup_chat_menu a:hover {
        color: rgb(226, 38, 38);
    }

.messages_delete_dialog {
    border-top: 1px solid;
    border-color: #dee2e6;
}

.hidden {
    display: none;
}

.messages_chat_header_block {
    display: flex;
    align-items: center;
}

.header_chat_block {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}

.messages_user_name {
    letter-spacing: 1px;
}

.chats_popup_menu_btn {
    width: 40px;
    height: 40px;
    padding: 20px;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .chats_popup_menu_btn:hover {
        background-color: rgba(108, 117, 125, 0.1);
    }

.messages_active_time {
    font-size: .8rem;
    color: rgba(33, 37, 41, 0.75);
    font-family: notosans;
}

.chats_new_chat_popup_menu {
    width: 40px;
    height: 40px;
    padding: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

    .chats_new_chat_popup_menu:hover {
        background-color: rgba(108, 117, 125, 0.1);
    }

.messages_chat_container {
    overflow-y: auto;
    max-height: 585px;
}

.messages_chat_msg_mine {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding-right: 15px;
    margin-top: 20px;
    font-family: notosans;
}



.message_bubble_mine {
    max-width: 575px;
    background-color: rgb(226, 38, 38);
    border-radius: 5px;
    padding: .5rem;
    color: #fff;
}

.messages_chat_avatar_mine {
    /*    width: 36px;
    height: 36px;*/
    overflow: hidden;
    position: relative;
}

.messages_msg_time_right {
    text-align: right;
}

.messages_msg_time {
    font-size: .7rem;
}

.message_bubble_guest {
    max-width: 575px;
    background-color: rgb(248, 249, 250);
    border-radius: 5px;
    padding: .5rem;
    color: rgba(33, 37, 41, 0.75);
}

.messages_chat_msg_guest {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    padding-left: 15px;
    margin-top: 20px;
    font-family: notosans;
}

.messeges_chat_footer {
    width: 100%;
    border: 1px solid #dee2e6;
    padding: 1rem;
    background-color: rgb(248, 249, 250);
    display: flex;
    gap: 5px;
    position: absolute;
    top: 650px;
}

.messages_chat_input_text {
    width: 100%;
    height: 38px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    appearance: none;
    outline: none;
    resize: none;
    padding-top: 6px;
    padding-left: 13px;
    box-sizing: border-box;
}

    .messages_chat_input_text:focus {
        border-color: red;
    }

.messages_chat_input_text_btn {
    width: 38px;
    height: 38px;
    border: 0px;
    background-color: rgb(248, 249, 250);
    border-radius: 5px;
    color: rgba(33, 37, 41, 0.75);
}

.messages_chat_input_text_btn_send {
    width: 38px;
    height: 38px;
    border: 0px;
    background-color: #1a6ce7;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

    .messages_chat_input_text_btn_send:hover {
        filter: brightness(90%);
    }
/*messages*/

/*settings*/
.Profile_wrapper {
    display: flex;
    position: relative;
    margin-bottom: 20px;
}


.settings_header {
    width: 32%;
    height: 30%;
    margin-top: 30px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.settings_head_list_li {
    color: rgba(33, 37, 41, 0.75);
    margin: 10px 0px;
    padding: 0px 30px;
    padding-bottom: 10px;
}

    .settings_head_list_li a {
        color: rgba(33, 37, 41, 0.75);
    }

.settings_navigation_list {
    padding: 10px;
    padding-top: 0px;
}

.profile_card {
    margin-top: 30px;
    margin-left: 10px;
    width: 66%;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    font-size: .965em;
}

.profile_card_header {
    border-bottom: 1px solid #dee2e6;
    padding: 15px;
}

.profile_picture_block {
    padding: 15px;
    font-family: notosans;
}

.profile_picture_text {
    padding: 5px 15px;
    display: block;
}

.profile_avatar_wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    cursor: pointer;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
}

/*.profile_user_avatar {
    width: 120px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
}*/

.profile_img {
    width: 120px;
    height: 120px;
    cursor: pointer;
    object-fit: cover;
}

.profile_popup {
    position: absolute;
    width: 200px;
    top: 140px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    z-index: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profile_picture_block {
    position: relative;
}

.profile_photo {
    position: absolute;
    top: 95px;
    padding: 1px;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    text-align: center;
}

.profile_picture_block_row {
    display: flex;
    align-items: center;
}

    .profile_picture_block_row h3 {
        font-size: 1rem;
        letter-spacing: 1px;
    }

.profile_change_text h3 {
    font-size: 1rem;
    letter-spacing: 1px;
}

.profile_change_text p {
    margin-top: 10px;
    font-size: .8rem;
    color: rgba(33, 37, 41, 0.75);
    font-family: notosans;
}

.profile_form_input {
    display: flex;
    flex-direction: column;
}

.profile_input_name {
    padding: 10px 0;
    font-family: notosans;
    font-size: .965em;
}


.profile_input {
    font-size: 1rem;
    border-radius: 5px;
    padding: .25rem .5rem;
    border: 1px solid #dee2e6;
    background-color: rgb(248, 249, 250);
    appearance: none;
    outline: none;
}

    .profile_input:focus {
        border-color: red;
    }

.profile_textarea {
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    appearance: none;
    outline: none;
    resize: none;
    padding-top: 6px;
    padding-left: 13px;
    box-sizing: border-box;
    margin-bottom: 15px;
    background-color: rgb(248, 249, 250)
}

    .profile_textarea:focus {
        border-color: red;
    }

.profile_agree {
    padding: 13px;
}

.agree_check_input {
    background-color: #f8f9fa;
    border: 1px solid #e22626;
    min-width: 18px;
    height: 18px;
    accent-color: crimson;
    padding: 10px 0;
}

.profile_save_btn {
    margin-top: 20px;
    color: #fff;
    background-color: #e22626;
    border-color: #e22626;
    border-radius: 5px;
    font-size: .8rem;
    font-weight: 700;
    padding: 8px 30px;
    text-transform: uppercase;
}

/*settingsmenu_container {
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    height: 0px;
    margin-right: auto;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}
*/
/*.settingsmenu_container.active {
    height: 500px;
    margin-right: auto;
}*/

.profile_popup_menu_item_delete {
    color: rgb(226, 38, 38);
}

.profile_btn_upload {
    cursor: pointer;
}

.favorites_add {
    cursor: pointer;
}

.deleteAccountAgree {
    font-size: .965em;
    font-family: notosans;
}

.delete_warning_header {
    font-weight: 600;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: Montserrat;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.delete_warning_block {
    background-color: #fff3cd;
    color: #664d04;
    padding: 20px 10px;
    border-radius: 5px;
    margin: 15px;
    font-family: notosans;
}

/*profile*/

/*.profile_about_user_block_wrapper {
    display: flex;
    margin-top: 20px;
    letter-spacing: 1px;
    background-color: rgb(248, 249, 250);
    padding: 50px;
    justify-content: space-between;
}*/

.profile_about_user_block_wrapper {
    margin-top: 20px;
    letter-spacing: 1px;
    background-color: rgb(248, 249, 250);
    padding: 50px;    
}

.profile_about_user_block {
    border-radius: 5px;
    font-family: Montserrat;
}

.profile_user_avatar {
    width: 220px;
    height: 220px;
    border-radius: 5px;
    object-fit: cover;
}

.profile_username {
    display: inline-block;
    font-size: 1.75rem;
    font-weight: 700;
    color: rgb(226, 38, 38);
}

/*.profile_user_info_block {
    padding: 0 2%;
}*/

.profile_user_info_block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

/*+new*/
.profile_wripper {
    display: flex;
    
}

.profile_info_wrapper {
    width: 74%;
    margin-left: 40px;
}

.profile_account_type {
    font-size: .8rem;
    color: rgba(33, 37, 41, 0.75);
    text-transform: uppercase;
    margin-top: 10px;
}

.profile_block {
    display: flex;
    letter-spacing: 0px;
    flex-wrap: wrap;
    justify-content: center;
}

.pfrofile_listing_count {
    font-weight: 700;
    font-size: 0.8rem;
    font-family: notosans;
    color: black;
}

.pfrofile_listing_name {
    font-family: notosans;
    font-size: .965em;
    color: rgba(33, 37, 41, 0.75);
}

.profile_ads_info {
    padding-top: 20px;
    display: flex;
    gap: 10px;
}

.profile_verify_block {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 0.75em;
}

.profile_verify_content {
    display: flex;
    align-items: center;
    border: 1px solid #dee2e6;
    border-radius: 50rem;
    background-color: #fff;
    padding: 3px 6px;
}

.profile_verify_icon {
    width: 24px;
    height: 24px;
}

.profile_contacts {
    margin-top: 40px;
}



.profile_phone {
    font-weight: 700;
    color: #fff;
    background-color: #e22626;
    border-color: #e22626;
    font-family: Montserrat;
    letter-spacing: 1px;
    font-size: .8rem;
    padding: 0.75rem;
    border-radius: 5px;
    text-transform: uppercase;
}

    .profile_phone:hover {
        filter: brightness(90%);
    }

.profile_nameblock {
    display: flex;
    justify-content: space-between;
}

.profile_description {
    overflow: hidden;
    padding-top: 20px;
}


/*SellerPage*/
.seller_page_avatar_img {
    width: 220px;
    height: 220px;
    border-radius: 5px;
    object-fit: cover;
}

.seller_page_avatar {
    display: inline-block;
    width: fit-content;
}

.seller_page_info_container {
    display: inline-block;
    width: 100%;
}

.seller_page_block {
    display: flex;
    justify-content: space-between;
    text-align:left;
}

.seller_page_user_type {
    font-size: .8rem;
    color: rgba(33, 37, 41, 0.75);
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 10px;
}

.seller_page_container {
    gap: 40px;
    padding-top: 50px;
    border-radius: 5px;
    border-bottom: 1px solid #dee2e6;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.seller_page_container.background_grey h3 {
    color: rgb(226, 38, 38);
    letter-spacing: 1px;
    font-weight: 700;
}

.seller_page_veryfied {
    border: 1px solid #dee2e6;
    border-radius: 50rem;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
}

.seller_page_verified_text {
    font-family: notosans;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.75em;
    color: rgba(33, 37, 41, 0.75);
}

.seller_page_info_text {
    font-size: .8rem;
    font-weight: 700;
    font-family: notosans;
    color: #212529;
}

.seller_page_info_text2 {
    font-size: .965em;
    font-family: notosans;
    color: rgba(33, 37, 41, 0.75);
}

.seller_page_statistic {
    display: flex;
    gap: 30px;
    padding-top: 25px;
}

.seller_page_about_seller {
    margin-top: 30px;
    font-size: .965em;
    font-family: notosans;
    color: #212529;
}

.seller_page_seller_actions {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    border-top: 1px solid #dee2e6;
}

.seller_page_seller_btn {
    color: #fff;
    background-color: #e22626;
    border-color: #e22626;
    font-family: Montserrat;
    font-weight: 700;
    padding: 0.375rem 1rem 0.375rem 1rem;
    border-radius: 5px;
    font-size: .8rem;
    text-transform: uppercase;
    display: inline-block;
}

.seller_page_wrapper {
    display: flex;
    gap: 40px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

.seller_page_btn_ico_margin {
    margin-right: 5px;
}

.seller_page_border-top {
    border-top: 1px solid #dee2eb;
    border-bottom: 1px solid #dee2eb;
    padding-top: 30px;
    padding-bottom: 30px;
}

.seller_page_social_footer {
    padding-top: 20px;
    padding-bottom: 50px;
}

.seller_page_social_footer ul {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    padding-top: 20px;
}

.seller_page_social_header {
    font-weight: 700;
    font-family: Montserrat;
    letter-spacing: 1px;
    font-size: 1rem;
    text-align: left;
}

.seller_page_seller_ads {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}


.seller_ads_btn_active {
    color: #e22626;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #e22626;
    font-weight: 700;
    font-size: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    letter-spacing: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px;
    text-align: center;
}

.seller_ads_btn {
    background-color: #fff;
    color: #484040;
    font-weight: 700;
    font-size: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    letter-spacing: 1px;
    border: 0px;
    text-align: center;
}

.seller_ads_btn_count_active {
    background-color: #e22626;
    border-radius: 50rem;
    margin-left: .25rem;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    padding: 0.35em;
    letter-spacing: 1px;
    display: inline-block;
    width: 35px;
    line-height: 11px;
    height: 20px;
}

.seller_ads_btn_count {
    background-color: #484040;
    border-radius: 50rem;
    margin-left: .25rem;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    padding: 0.35em;
    letter-spacing: 1px;
    display: inline-block;
    width: 35px;
    line-height: 11px;
    height: 20px;
    
}

.seller_page_seller_ads li:hover .seller_ads_btn {
    color: #960000; /* текст кнопки */
    border: 1px solid #dee2e6; /* рамка кнопки */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px;
}

.seller_page_seller_ads li:hover .seller_ads_btn_count {
    background-color: #960000;
}

.seller_page_search_input {
    background-color: #fff;
    font-size: .965em;
    font-weight: 400;
    font-family: notosans;
    border-radius: 5px;
    padding: .25rem .5rem;
    border: 1px solid #dee2e6;
    appearance: none;
    outline: none;
}


    .seller_page_search_input:focus {
        border-color: red;
    }

.seller_page_filter_panel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listings_select.white {
    background-color: #fff;
}

.grid_cars_card.seller_page_ads_list {
    /*width: 363px;*/
    width: 100%;
    max-width: 370px;
}

.seller_page_avatar_img {
    width: 220px;
    height: 220px;
}

.background_grey.dashboard_header.seller_page_search_block {
    height: 67px;
}







/*

.font-weight-700 {
    font-weight: 700;
}

.seller_page_verify_icon {
    width: 20px;
    height: 20px;
}*/
/*.seller_page_container_verify {
    border: 1px solid #dee2e6;
    border-radius: 50rem;
    width: 100px;
    height: 25px;
}*/
/*SellerPage*/
/*profile*/
/*settings*/
/*стили 2-------------------------------------------------------------------------------------------------*/
@media (max-width: 2000px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1400px) {
    /*.filter {
        margin-left: 9%;
    }*/

    .filter_window {
        margin-left: 10%;
    }



    .grid_cars_card {       
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-top: 15px;
    }

        .grid_cars_card.seller_page_ads_list {
            max-width: 370px;
        }
}


@media (max-width: 1200px) {


    .container_body_type {
        width: 800px;
        justify-content: center;
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-left: auto;
        margin-right: auto;
    }

    .body_type_header {
        width: 90%;
        padding: 0, 20px;
    }

    .body_type_card {
        margin-left: auto;
        margin-right: auto;
    }

    .messages_chat {
        display: none;
    }

    .messages_user_list {
        width: 100%;
    }

    .messages_chat_block {
        width: 100%;
    }

    .messages_user_msg {
        max-width: 525px;
    }

    .grid_card_collection {
        display: block;
    }

    .recent_cars_card {
        width: 100%;
    }

    .grid_cars_card {
        width: 100%;
        height: auto;
        margin-top: 15px;
    }

        .grid_cars_card.seller_page_ads_list {
            max-width: none;
            width: 500px;
        }

    .grid_card_collection.seller_page_grid_cars_card {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;

    }
}
@media (max-width: 1185px) {
    .grid_cars_card.seller_page_ads_list {
        width: 100%;
    }

    .grid_card_collection.seller_page_grid_cars_card {
        display: block;
        
    }
}

@media (max-width: 1000px) {
    .container {
        max-width: 750px;
    }

    .filter_window {
        width: 75%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 87%;
        /*height: 700px;*/
    }

    .navmenu_container {
        overflow: hidden;
        transition: height 0.5s ease-in-out;
        height: 0px;
        margin-right: auto;
    }

        .navmenu_container.active {
            height: 280px;
            margin-right: auto;
        }



    .nav_header_interface {
        align-items: unset;
        justify-content: space-between;
    }

    .nav_menu {
        display: flex;
        line-height: 50px;
        flex-direction: column;
        padding-top: 20px;
    }

    .icon {
        display: block;
    }

    .header_logo {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .container .header_logo {
        padding: 0;
    }


    .backgroundFilter {
        height: 1040px;
    }

    .col-lg-6:nth-of-type(even) .option_group {
        padding-left: 0;
    }

    .col-lg-6:nth-of-type(odd) .option_group {
        padding-right: 0;
    }

    .login_text {
        text-align: center;
    }

    /*Car_Details*/
    .car_details_header_text {
        letter-spacing: 1px;
        font-size: 2rem;
    }

    .car_details_head_wrap {
        display: block;
    }

    .car_details_container {
        width: 100%;
    }

    .car_details_price {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .car_details_title {
        height: 100%;
    }

    .car_details_main_photo {
        height: 100%;
        margin-bottom: 20px;
    }

    .car_details_overview {
        width: 100%;
        margin: 0;
    }
    /*Car_Details*/

    /*Dashboard*/
    .dashboard_header {
        margin-top: 30px;
        /*height: 67px;*/
    }

    .dashboard_li_selected {
        text-align: center;
    }

    .dashboard_head_list_li {
        text-align: center;
    }

    .dashboard_list_item {
        padding: 0px
    }

    .dashboard_user_block {
        display: block;
    }

    .dashboard_profile {
        width: 100%;
    }

    .dashboard_user_list {
        width: 100%;
        margin-left: 0px;
    }

    .dashboard_head_list {
        flex-wrap: wrap;
    }

    .sell_car_block_item {
        width: 40%;
    }

    .Profile_wrapper {
        display: block;
    }

    .settings_header {
        width: 100%;
    }

    .profile_card {
        width: 100%;
        margin-left: 0px;
    }
    /*Dashboard*/

    .messages_chat_wrapper {
        display: none;
    }

    .seller_page_block {
        display: block;
        text-align: center;
    }

    .seller_page_seller_actions {
        display: block;
        margin-top: 30px;
        text-align: center;
    }

    .seller_page_seller_btn {
        margin-top: 10px;
    }

    .seller_page_wrapper {
        display: block;
    }

    .seller_page_avatar {
        display: block;
        margin: 0 auto;
    }

    .seller_page_veryfied {
        margin: 10px auto;
    }

    .seller_page_statistic {
        justify-content: center;
    }

    .seller_page_about_seller {
        text-align: center;
    }

    
}




@media (max-width: 800px) {
    .container_body_type {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .body_type_header {
        width: 550px;
    }

    .filter {
        width: 100%;
    }

    .seller_page_social_footer {
        text-align: center;
    }

        .seller_page_social_footer ul {
            justify-content: center;
        }
}

@media (max-width: 760px) {
    .container {
        flex-wrap: wrap;
    }

    /*  .nav_list_bottom {
        padding-top: 10px;
    }*/

    .filter_window {
        width: 70%;
        /*margin-left: 15%;
            margin-right: 15%;*/
    }

    .messages_user_msg {
        max-width: 315px;
    }

    .sell_car_block_item {
        width: 100%;
    }

    .sell_car_listing_info_select {
        width: 100%;
    }

    .sell_car_left_side {
        width: 100%;
    }

    .grid_container {
        padding-left: 0px;
        padding-top: 0px;
    }

    .carFilterform {
        width: 100%;
    }

    .seller_page_container {
        padding: 50px 1px 10px 10px;
    }

    .seller_page_seller_ads {
        flex-wrap: wrap;
    }

    .seller_ads_btn_active {
        padding: 9px;
    }

    .seller_ads_btn {
        padding: 9px;
    }

}

@media (max-width: 576px) {
    .filter_window {
        width: 90%;
        /*height: 900px;*/
        /*margin-left: 5%;
            margin-right: 5%;*/
    }

    .container_body_type {
        display: flex;
        width: 100%;
    }

    .body_type_header {
        width: 100%;
        padding: 15px;
    }

    .container_recent_cars {
        flex-wrap: wrap;
    }

    .recent_cars_card {
        margin-left: auto;
        margin-right: auto;
    }

    .login_socials_btn {
        width: 100%;
        display: block;
        margin: 15px 0;
    }

    .position_flex {
        display: block;
    }

    .info1 {
        max-width: 100%;
    }

    .about_info_wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .about_block {
        border: 0px;
    }

    .car_detail_block_mini_arrow {
        font-size: 12px;
    }

    .dashboard_user_contacts {
        flex-wrap: wrap;
    }

    .dashboard_profil_info_block {
        display: block;
    }

    .dashboard_fill {
        width: 100%;
    }

    .listings_head {
        display: block;
    }

    .listing_head_text {
        text-align: center;
    }

    .listings_add {
        text-align: center;
        display: block;
        margin-top: 15px;
    }

    .listings_search_block {
        width: 100%;
        display: block;
    }

    .listings_filter_block {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .listing_search_input {
        width: 100%;
        height: 33.6px;
    }

    

    .messages_user_msg {
        max-width: 125px;
    }

    .car_sell_finish_registration {
        display: block;
    }

    .car_sell_finish_btn_preview {
        width: 100%;
    }

    .car_sell_finish_btn_save {
        width: 100%;
        margin-top: 10px;
    }

    .sell_car_block {
        justify-content: normal;
    }

    .sell_car_select_listing_details {
        width: 100%;
    }

    .listings_select {
        width: 100%;
    }

    .listing_search_sort {
        width: 100%;
    }

    .user_menu {
        display: block;
    }

    .profile_about_user_block_wrapper {
        display: block;
        padding: 0px;
    }

    .profile_nameblock {
        display: block;
        text-align: center;
    }

    .profile_username {
        display: block;
    }

    .profile_verify_block {
        display: inline-block;
    }

    .profile_block {
        display: block;
    }

    .profile_about_user_block {
        text-align: center;
    }

    .profile_account_type {
        text-align: center;
    }

    .profile_user_info_block {
        padding: 0;
        justify-content: space-between;
    }

    .profile_phone {
        display: block;
        margin-top: 10px;
        text-align: center;
    }

    .profile_wripper {
        display: block;
    }

    .profile_user_avatar {
        width: 100%;
    }

    .profile_info_wrapper {
        width: 100%;
        margin-left: 0px;
    }

    .profile_ads_info {
        justify-content: center;
    }

}



@media (max-width: 900px) {
    /*.header {
        display: block;
    }
    .header_user_info {
        justify-content:center;
    }

    .head_line {
        padding: 0 3%;
    }

    .header_list {
        justify-content:center;
        gap: 20px;
    }*/
}

.sell_car_item.to-delete {
    opacity: 0.45;
    position: relative;
}

    .sell_car_item.to-delete::after {
        content: "Удалено";
        position: absolute;
        right: 6px;
        top: 6px;
        background: rgba(255,0,0,0.85);
        color: #fff;
        padding: 2px 6px;
        font-size: 12px;
        border-radius: 3px;
    }

/*-------------------------------------------------*/
/*.header {
    height: 200px;
    width: 100%;*/
/*background-image: url('pictures/BMW_Landscape_wide.png');*/
/*background-image: url(../pictures/BMW_Landscape_wide.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: red;
}*/


/*.headerText {
    padding-top: 30px;
}

.ad {
    border: 1px solid red;
}

.img_car {
    height: auto;
    width: 100%;
}

.img_car_block {
    height: auto;
    width: 100%;
    padding: 1px;
}

.no_padding {
    padding: 0;
}

.no_margin {
    margin: 0;
}

.img_cars {
    width: 100%;
}

.adCar {
    text-decoration: none;
}

.mainPhoto {
    width: 100%;
    height: auto;
}

.margin_10 {
    margin: 10px 0px;
}

.description_padding {*/
/*    margin-top: 40px;
    margin-bottom: 40px;
    margin-left:15px;*/
/*margin: 40px 15px 40px 15px;
}

.login {
    float: right;
    
}

    .login a {
        text-decoration: none;
        color: black;
        font-weight:400;
        margin-right:50px;
    }

#filter {
    display: block;
}



.ads {
    width:70%;
    position:relative;
}*/

/*nav header*/

/*.nav {
    
}

.nav a {
    text-decoration:none;
}

.fs-sm {
    font-size: .8rem;
}

.ul_inline {
    display: inline;
    list-style-type: none;
    
}
    .ul_inline li {
        display: inline;
        padding: 0 .5rem;
        font-size: .8rem;
    }

    .ul_inline a {
        color: rgba(33, 37, 41, 0.75);
    }
.d_flex {
    display:flex;
    margin: 0px auto;
}


@media (max-width: 1260px) {
    .header {
        height: 250px;
        width: 100%;*/
/*background-image: url('pictures/BMW_Landscape_wide.png');*/
/*background-image: url(../pictures/BMW_Landscape_wide.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

@media (max-width: 600px) {
    .mainPhoto {
        display: none;
    }

    #filter {
        display:none;
    }

    .ads {
        width: 100%;
        position: relative;
    }

}*/