/* Disable Dark Theme */

:root {
    color-scheme: only light;
}

.banner-one--two__single .image-layer::before {
    background-image: none;
}

.main-header-one__bottom-left .logo {
    position: relative;
    display: inline-block;
    width: 100px;
}

.thm-btn {
    padding: 8px 30px 8px !important;
    cursor: pointer !important;
}

.location_button {
    margin-left: 10px;
    display: none;
}

.main-header-one--two-inner .location_button .btn-secondary {
    background: #301E6A;
    color: #fff;
}

.main-header-one .language-switcher {
    background: #fff !important;
    display: inline-flex !important;
}

.main-header-one .language-switcher #polyglotLanguageSwitcher {
    display: inline-flex !important;
    padding: 0px 0px;
    width: 100%;
}

.main-header-one .language-switcher #polyglotLanguageSwitcher select {
    background: transparent;
}

.main-header-one .language-switcher .icon {
    width: 20% !important;
    border: none;
    color: #262626;
    display: inline-block;
    padding-left: 5px !important;
    margin: 0px !important;
}

.main-header-one .language-switcher .icon i {
    line-height: 28px;
}

.main-header-one .language-switcher select {
    width: 75% !important;
    border: none;
    color: #262626;
    margin: 0px !important;
}

#polyglotLanguageSwitcher,
#polyglotLanguageSwitcher * {
    margin: 0;
    padding: 5px 3px 6px;
    outline: none;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
    font-size: 18px;
    font-weight: 400;
}

.banner_sub_text {
    text-shadow: 0px 2px 6px #000000;
}

.comment-form__input-box .select-box {
    position: relative;
    display: block;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 0px;
    border: 0px solid #ffffff;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    float: left;
    font-family: inherit;
    color: #999999;
    font-size: 14px;
    font-weight: 500;
    height: 60px;
    line-height: 61px;
    outline: none;
    padding-left: 30px;
    padding-right: 20px;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100% !important;
    font-family: var(--thm-font);
}

.comment-form__input-box .select-box select {
    border: none;
}

.banner-one__categories-list-item {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 110px;
    background: rgba(255, 255, 255, 0.9);
    margin-right: 6px;
    box-shadow: 0px 6px 40px #0000000F;
    border-radius: 10px;
    padding: 0px 5px;
}

.banner-one__categories-list {
    position: relative;
    display: block;
    width: 70%;
    margin: 0px auto;
}

.banner-one__categories-list-item {
    margin-bottom: 10px;
}

.features-one__single-title h2 a {
    color: #262626;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.easy_steps_col {
    width: 20%;
    height: auto;
}

.features-one__single-title h2 {
    font-size: 16px;
    line-height: 35px;
    font-weight: 700;
    text-transform: capitalize;
    color: #262626;
}

.place-one__single-content .top-content h2 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.place-one__single-content .top-content h2 a {
    color: var(--thm-base);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.recom_year {
    font-size: 13px;
    line-height: 20px;
}

ul.product_features {
    float: left;
    width: 100%;
    height: 50px;
    margin: 5px 0px;
    min-height: 20px;
}

ul.product_features li {
    float: left;
    margin: 0px 4px 0px 0px;
    font-size: 11px;
    color: #36454F;
}

ul.product_features li img {
    height: 16%;
}

.product-default-price {
    display: inline-block;
    color: var(--thm-base);
    font-size: 29px;
    width: 100%;
    height: auto;
    font-weight: 700;
    min-height: 30px;
    line-height: 30px;
}

.place-one__single-content .top-content-bottom .location-box .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--thm-gray);
    font-size: 15px;
}

.place-one__single-img {
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #dddddd;
    border-bottom: 0px;
}

.place-one__single-content {
    border-radius: 0px 0px 10px 10px;
    /* border-top: 0px */
}

.details_page_posted_box {
    border-radius: 10px 10px 10px 10px;
}

.place-one__single-content .bottom-content .count-box p {
    color: var(--thm-gray);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--thm-font-3);
}

.place-one__single-content .bottom-content .count-box {
    position: relative;
    display: block;
    margin-left: 0px;
}

.place-one__single-content {
    padding: 5px 10px 10px 10px !important;
}

.place-one__single-content .top-content-bottom .location-box .text p {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--thm-font);
    text-transform: capitalize;
    color: #36454F;
}

.banner-one__tab-content-item .comment-form__btn {
    margin-top: 15px !important;
    line-height: 20px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
    color: #301E6A;
    background-color: #ffffff;
    border: 1px solid #301E6A;
    border-radius: 15px;
    font-weight: 500;
    padding: 10px 88px;
    margin-top: 30px;
}

.place-one {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 30px 0px 30px;
}

.popular_brands_list .banner-one__categories {
    position: relative;
    display: block;
    margin-top: 0px;
}

.popular_brands_list .banner-one__categories-list-item {
    position: relative;
    display: inline-block;
    /* width: 150px; */
    width: auto;
    height: auto;
    background: rgba(255, 255, 255, 0.9);
    margin-right: 0px;
    border: 1px solid rgba(38, 38, 38, 0.1);
    border-radius: 0px;
    padding: 10px 15px 0px 15px;
    margin-bottom: 0px;
}

.popular_brands_list .banner-one__categories-list {
    position: relative;
    display: block;
    width: 80%;
    margin: 0px auto;
}

.popular_brands_list .banner-one__categories-list-item .inner p {
    position: relative;
    bottom: 10px;
    padding-bottom: 5px;
    color: rgba(38, 38, 38, 0.7);
    font-size: 12px;
}

.testimonials_list .testimonial-one__single {
    position: relative;
    display: block;
    background: #ffffff;
    box-shadow: none;
    padding: 20px;
    border: 1px solid #DEDFE1;
    border-radius: 10px;
}

.testimonials_list .testimonial-one__single-top .img-box {
    position: relative;
    display: block;
    width: 30%;
    height: auto;
    border-radius: unset;
    overflow: hidden;
    padding-right: 20px;
}

.testimonials_list .testimonial-one__single-text p {
    font-size: 17px;
    line-height: 31px;
    font-weight: 500;
    font-family: var(--thm-font-3);
    font-style: italic;
    color: rgb(38, 38, 38);
}

.testimonial-one__single-text {
    position: relative;
    display: block;
    width: 70%;
}

.testimonials_list .testimonial-one__single-text .bottom-content {
    display: inline-block;
    width: 100%;
}

.testimonials_list .testimonial-one__single-text .count-box {
    padding-top: 20px;
}

.testimonials_list .testimonial-one__single-text .count-box p.testimonial_name {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    font-family: var(--thm-font-3);
    color: rgb(38, 38, 38);
    display: inline-block;
    width: 50%;
    text-align: left;
}

.testimonials_list .testimonial-one__single-text .count-box p.testimonial_hours {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    font-family: var(--thm-font-3);
    color: rgba(102, 102, 102, 1);
    display: inline-block;
    width: 50%;
    text-align: right;
}

.sec-title__title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    text-transform: capitalize;
    color: #000;
}

.menu_text {
    color: #fff;
}

.main-header-one--two-inner {
    /* display: none; */
    position: sticky;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    padding: 20px 0px;
    top: 0px;
    box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.06);
}

.main-header-one--two-inner .menu_text {
    color: #000;
}

.main-header-one--two-inner .language-switcher {
    background: rgb(48, 30, 106) !important;
    border-radius: 6px;
}

.main-header-one--two-inner .language-switcher select {
    width: 75% !important;
    border: none;
    color: #fff;
    margin: 0px !important;
    background: transparent;
}

.main-header-one--two-inner .language-switcher .icon i {
    color: #fff;
}

.breadcrumb-nav li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
}

.breadcrumb-nav li a,
.breadcrumb-nav li ion-router-link {
    color: rgba(38, 38, 38, 1);
}

.breadcrumb-nav li::after {
    position: absolute;
    content: ">";
    left: calc(100% + 5px);
}

.breadcrumb-nav li:last-child::after {
    content: none;
}

.breadcrumb-nav li:last-child {
    margin-right: 0;
}

.trucks_category_sections {
    padding-top: 30px;
}

.filtersort-view {
    padding: 0.5rem 1rem;
    display: flex;
    /* flex-direction: row-reverse; */
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-widget__about-social-link li a {
    position: relative;
    display: inline-block;
    color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 20%;
    text-align: center;
    overflow: hidden;
    background: rgb(255, 255, 255);
    transition: all 200ms linear;
    transition-delay: 0s;
    transition-delay: 0.1s;
}

.footer-widget__about-social-link li a span::before {
    position: relative;
    display: inline-block;
    color: #ff3f56;
    font-size: 20px;
    line-height: 40px;
    transition: all 100ms linear;
    transition-delay: 0s;
    transition-delay: 0.1s;
}

.footer-one--two::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: transparent linear-gradient(180deg, rgba(255, 63, 86, 1) 0%, rgba(48, 30, 106, 1) 100%) 0% 0% no-repeat padding-box;
}

.footer_menu_text {
    color: #fff;
    cursor: pointer;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"],
select {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    color: var(--thm-gray);
    font-size: 17px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    transition: all 500ms ease;
    font-family: var(--thm-font);
    outline: none;
}


/* .filter-btn {
    padding: 5px 15px;
    border: 1px solid #DEDFE1;
    border-radius: 2px;
    font-size: 12px;
    color: #262626;
    cursor: pointer;
}

.filter-sort {
    width: 100vw;
    height: 100vh;
    background: #ffffff 0% 0% no-repeat padding-box;
}

.fs-bar {
    width: 100%;
    height: 60px;
    border: 1px solid #dedfe1;
    display: flex;
    align-items: center;
    padding: 15px 15px;
}

.fs-bar p {
    font-size: 24px;
    letter-spacing: 0px;
    color: #262626;
    padding: 10px;
}

.fs-icon {
    font-size: 18px;
}

.fs-budget {
    padding: 0 2rem;
} */

.footer-one__top {
    position: relative;
    display: block;
    padding: 60px 0px 60px;
}

.footer-one__bottom {
    position: relative;
    display: block;
    padding: 18px 0px 17px;
    background: transparent;
    border-top: 1px solid #fff;
}

.footer-widget__services-list-item {
    position: relative;
    display: block;
    line-height: 35px;
    font-weight: 300;
}

.place-one__single-img-inner::before {
    display: none;
}

.place-one__single:hover .place-one__single-img-inner img {
    transform: none;
}

.siderbar-section {
    margin-top: 0px;
    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(222, 223, 225, 1);
    border-radius: 10px;
}

.siderbar-section .sidebar-content {
    border-bottom: 0.5px solid #DEDFE1;
    padding-bottom: 15px;
}

.rounded {
    border-radius: 4px !important;
}

.bg-white {
    background-color: #FFF !important;
}

.p-3 {
    padding: 15px !important;
}

.sidebar-single-widget {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 2px solid #F8F9FA;
}

.default-search-style {
    position: relative;
}

.default-search-style-input-box {
    padding: 10px 50px 10px 20px;
    border-radius: 10px;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: #fff;
}

.siderbar-section .default-search-style-input-box {
    padding: 5px 50px 5px 20px;
}

.sidebar-title {
    margin: 20px 0px 0px 0px;
    color: #301E6A;
}

.checkbox-default {
    line-height: 13px;
    width: 100%;
}

.checkbox-default>span {
    color: #003F90 !important;
    transform: translateX(25px);
}

.checkbox-default>span {
    display: inline-block;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    text-transform: capitalize;
    color: #000 !important;
    font-size: 14px;
    cursor: pointer;
    font-family: var(--thm-font-2);
}

.checkbox-default input::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border: 1px solid #666;
    line-height: 15px;
    text-align: center;
    display: none;
}

.checkbox-default input:checked::after {
    position: absolute;
    content: "\f00c" !important;
    background: #ff3f56 !important;
    border-color: #ff3f56 !important;
    font-family: "Font Awesome 5 Free" !important;
    color: #FFF;
    z-index: 9999;
    font-weight: 900;
    font-size: 10px;
    width: 13px;
    height: 13px;
}

.header-search {
    margin-top: 15px !important;
}

.default-search-style-input-btn {
    padding: 10px 25px;
    background-color: #ea1c26;
    border-radius: 0 5px 5px 0;
    font-weight: 600;
    color: #FFF;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    right: 0;
    height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.default-search-style-input-btn {
    padding: 10px 25px;
    background-color: transparent;
}

.default-search-style-input-btn i {
    color: #000;
}

.border-around {
    border: 2px solid #eee;
}

.breadcrumb-nav li.active {
    color: rgb(255, 63, 86);
}

.sort-select-list {
    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(222, 223, 225, 1);
    border-radius: 6px;
    padding: 6px;
    font-size: 14px;
}

.selected_filter_btn {
    background: rgba(255, 242, 244, 1) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(255, 63, 86, 1);
    border-radius: 2px;
    padding: 8px;
    color: rgb(255, 63, 86);
    margin-right: 10px;
    font-size: 14px;
}

.buy_vehicle_details .icon-box {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5;
}

.buy_vehicle_details .icon-box a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0s;
    transition-delay: 0.1s;
    z-index: 1;
}

.buy_vehicle_details .icon-box a::before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: var(--thm-base);
    border-radius: 50%;
    transition: .5s;
    transition-delay: 0s;
    transform: scale(.5);
    transition-delay: 0.8s;
    opacity: 0;
    content: '';
    z-index: -1;
}

.buy_vehicle_details .icon-box a span::before {
    position: relative;
    display: inline-block;
    line-height: 40px;
    color: var(--thm-base);
    font-size: 17px;
    transition: all 200ms linear;
    transition-delay: 0s;
    transition-delay: 0.1s;
}

.dark_green_bg {
    background: rgba(0, 35, 38, 1);
    color: #fff;
}

.dark_pink_bg {
    background: rgba(255, 63, 86, 1);
    color: #fff;
}

.dark_violet_bg {
    background: rgba(48, 30, 106, 1);
    color: #fff;
}

.dark_gray_bg {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}

.vehicle-status {
    width: 100%;
    height: auto;
    min-height: 50px;
    display: inline-flex;
}

.vehicle-status .btn {
    padding: 10px 20px;
    margin: 5px 5px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 21px;
    font-size: 16px;
    font-weight: 400;
}

.vehicle-status .btn:hover {
    color: #fff;
}

.vehicle-status .btn.half {
    width: 50%;
}

.vehicle-status .btn.full {
    width: 100%;
}

.product_highlights {
    width: 100%;
    height: auto;
    float: left;
    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
    border: 1px solid rgba(222, 223, 225, 1);
    border-radius: 10px;
}

.product_highlights_head {
    color: rgba(255, 63, 86, 1);
    font-size: 20px;
}

.product_highlights_box {
    width: 25%;
    height: auto;
    float: left;
    margin: 10px 0px 10px 0px;
}

.product_highlights_name {
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    color: rgba(177, 177, 177, 1);
}

.product_highlights_details {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 600;
    font-size: 14px;
    padding-left: 25px;
}

.product_highlights_name img {
    width: 15px;
    height: auto;
    margin: 0px 10px 0px 0px;
}

.product_highlights_desc p {
    color: rgba(54, 69, 79, 1);
}

.blur-back,
.blur-back-1 {
    background-image: url(../images/blur-back.jpg);
    height: 100%;
    display: flex;
    background-repeat: round;
}

.blur-back-1 {
    height: auto;
}

.popup-screens {
    display: flex;
    width: 50%;
    margin: auto;
    position: relative;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 14%);
    border-radius: 20px;
}

.popup-screens .popup-inner {
    width: 100%;
    background: #fff;
    padding: 0px 20px 40px 20px;
    border-radius: 20px;
    text-align: center;
}

.compare-head-one {
    width: 100%;
    height: auto;
    color: rgb(38, 38, 38);
    font-size: 24px;
    line-height: 50px;
    margin: 10px 0px;
}

.popup-close {
    border-radius: 0 7px 0px 0px;
    position: relative;
    right: 0px;
    top: 15px;
    text-align: center;
    line-height: 15px;
    font-size: 16px;
    background: transparent;
    color: rgba(58, 58, 59, 1);
    padding: 7px 7px;
    float: right;
}

.login_logo {
    width: 30%;
    height: auto;
    margin: 0px auto;
}

.colored_text {
    color: rgba(255, 63, 86, 1);
}

p.login_sub_text {
    color: rgb(102, 102, 102);
    font-size: 14px;
    line-height: 20px;
}

.person-class {
    margin: 40px auto;
    width: 70%;
    text-align: left;
}

.input_label {
    text-align: left;
    color: rgba(38, 38, 38, 1);
    padding-bottom: 10px;
}

.btn-login {
    color: #fff !important;
    background: #fe3e55;
    border-radius: 10px;
    width: 70%;
    height: auto;
    line-height: 40px;
}

.login_bottom_text {
    font-size: 10px;
    line-height: 16px;
    color: rgba(102, 102, 102, 1);
}

.login_link_text {
    color: rgba(58, 58, 59, 1);
    font-weight: 500;
    font-size: 14px;
}

.otp_verify_text {
    font-size: 14px;
}

.popup-screens.register {
    width: 80%;
}

.popup-screens.register .popup-inner {
    text-align: left;
}

.popup-screens.register .popup-inner .compare-head-one {
    color: rgb(255, 63, 86);
}

.register_inputs {
    margin-bottom: 10px;
    gap: 1rem;
}

.register_inputs label {
    color: rgba(38, 38, 38, 1);
}

.popup-screens.register .compare-head-one-sub {
    width: 100%;
    height: auto;
    color: rgb(38, 38, 38);
    font-size: 20px;
    line-height: 50px;
    margin: 10px 0px;
}

.btn-register {
    width: 30%;
    color: #fff;
    background: rgba(255, 63, 86, 1);
    border-radius: 10px;
    height: auto;
    line-height: 40px;
    margin: 0px auto;
}

.btn-register:hover {
    color: #fff;
}

.register_privacy_text {
    color: rgba(38, 38, 38, 1);
    font-size: 12px;
}

.main-header-one--two {
    /* display: none; */
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0px;
    top: 0px;
    box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.06);
    /* background: transparent linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.5) 100%) 0% 0% no-repeat padding-box; */
}

/* mobile header  */
.mobile-header,
.mobile-header-inner {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 5px 0px 5px 0px;
    top: 0px;
    box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-image {
    width: 80px;
    height: auto;
    margin-left: 30px;
}

.mobile-header-inner {
    position: relative;
    background-color: #301e6a;
}

.mobile-menu,
.mobile-location {
    width: 32px;
    height: 32px;
    color: #ffffff;
    font-weight: 900;
    font-size: 22px;
    left: 20px;
    position: absolute;
    top: 20px;
}

.mobile-menu-inner,
.mobile-location-inner {
    width: 32px;
    height: 32px;
    color: #fff;
    /* font-weight: 900; */
    font-size: 22px;
    left: 20px;
    position: absolute;
    top: 20px;
}

.mobile-inner-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.shop-section.myaccount_profile {
    padding-top: 30px;
}

.cus-profilephoto_container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile_photo,
.cus-profile_photo {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #0000000F;
    border-radius: 10px;
    width: 164px;
    height: 164px;
    margin: 1rem auto;
    text-align: center;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cus-profile_photo {
    margin: 0;
}

.profile_photo img,
.cus-profile_photo img {
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
}

.profile_photo_edit {
    width: 26px;
    height: 26px;
    position: relative;
    bottom: 26px;
    font-size: 12px;
    color: #3A3A3B;
    background: #fff;
    float: right;
    right: 0px;
    border-radius: 0px 0px 10px 0px;
}

.profile_details {
    padding: 10px 0px;
}

.btn-save {
    width: auto;
    color: #fff;
    background: rgba(255, 63, 86, 1);
    border-radius: 10px;
    height: auto;
    line-height: 40px;
    margin: 0px auto;
    padding: 0px 100px;
}

.btn-save:hover {
    color: #fff;
    background: rgba(255, 63, 86, 1);
}

.btn-cancel {
    width: auto;
    color: #262626;
    background: #fff;
    border-radius: 10px;
    height: auto;
    line-height: 40px;
    margin: 0px auto;
    border: 1px solid #262626;
    padding: 0px 93px;
}

.btn-cancel:hover {
    color: #262626;
    background: #fff;
}

.sell_vehicle_categories-list {
    position: relative;
    display: block;
    width: 90%;
    margin: 0px;
}

.sell_vehicle_categories-list .banner-one__categories-list-item p a {
    color: #262626;
}

.sell_vehicle_categories-list .banner-one__categories-list-item {
    margin-right: 15px;
    cursor: pointer;
}

/* .sell_vehicle_categories-list .banner-one__categories-list-item.active {
    background: #FF3F56;
} */

.sell_vehicle_categories-list .banner-one__categories-list-item.active {
    background: #fff;
    border: 2px solid #FF3F56;
}

.sell_vehicle_categories-list .banner-one__categories-list-item.active .icon svg {
    fill: #fff;
}

/* .sell_vehicle_categories-list .banner-one__categories-list-item.active p a {
    color: #fff;
} */

.sell_vehicle_categories-list .banner-one__categories-list-item.active p a {
    color: #FF3F56;
}

.compare-head-one-sub {
    color: #3A3A3B;
    padding-bottom: 10px;
}

.btn-secondary {
    background-color: #ffffff;
    color: black;
    width: 130px;
    height: 46px;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.banner-one__categories-list-item p {
    color: #262626;
    transition: all 200ms linear;
    transition-delay: 0s;
    transition-delay: 0.1s;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 40px;
    line-height: 20px;
}

.sendnow_btn {
    width: auto;
    height: 40px;
    margin-left: 0px;
    font-size: 16px;
    font-weight: 400;
    border: none;
    padding: 0px 10px;
    border-radius: 6px;
    color: white;
    background-color: #FF3F56;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.vehicle_head {
    color: var(--thm-base);
}

.place-one__single-content .bottom-content::before {
    left: -10px !important;
    right: -10px !important;
    display: none;
}

.place-one__single-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    height: 200px !important;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
}

.testimonial-one__single-top .img-box img {
    width: 80%;
    border-radius: 100%;
}

.banner-one__tab-content-item .comment-form__input-box .icon span::before {
    line-height: 50px !important;
    font-size: 20px;
}

.banner-one__tab-content-places-form ul {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px !important;
}

.banner-one__tab-content-item .comment-form__input-box {
    position: relative;
    display: block;
    height: 70px;
    padding-top: 10px;
}

.banner-one__tab-content-item .comment-form__input-box .icon {
    line-height: 70px;
    top: 55%;
    left: 0px;
}

.banner-one__tab-content-item .comment-form__input-box input[type="text"],
.banner-one__tab-content-item .comment-form__input-box input[type="email"],
.banner-one__tab-content-item .comment-form__input-box input[type="number"] {
    height: 55px
}

.place-one__single-img-inner .icon-box a {
    border: 1px solid #dddddd;
}

.search_input {
    border: 1px solid #DEDFE1;
    padding: 10px;
    border-radius: 8px;
    margin: 15px 0px 0px 0px;
    width: 100%;
    padding-right: 40px;
}

.search_box_content {
    position: relative;
}

.search_box_content i {
    position: absolute;
    top: 40%;
    right: 5%;
    cursor: pointer;
}

.MuiAlert-filledInfo {
    background-color: var(--thm-base);
}

/* .banner-one__categories-list-item.active .inner .icon .sell_cat_icon {
    filter: invert(100%) sepia(10%) saturate(6663%) hue-rotate(179deg) brightness(111%) contrast(97%);
} */

.css-1dimb5e-singleValue {
    overflow: visible !important;
}

.searchable_select {
    font-size: 16px !important;
    text-align: left !important;
    margin-left: 30px;
    z-index: 999999;
}

.css-art2ul-ValueContainer2 {
    padding: 2px 25px !important;
}

.searchable_select input[type="text"] {
    height: 35px !important;
    line-height: 35px !important;
}

.css-1nmdiq5-menu {
    line-height: 35px !important;
}

.form-error-info {
    color: #E52713;
    float: right;
}

.MuiAlert-root {
    background-color: #ff3f56 !important;
}

.MuiAlert-root.MuiAlert-filledSuccess {
    background-color: #1abd33 !important;
}

.MuiAlert-root.MuiAlert-filledInfo {
    background-color: #0d81e0 !important;
}

.MuiAlert-root.MuiAlert-filledWarning {
    background-color: #cea315 !important;
}

.edit_vehicle_btn {
    padding: 0px 30px !important;
    line-height: 24px !important;
}

.white_text {
    color: #fff !important;
}

.edit_vehicle_details .input-grid {
    width: 100%;
}

.form2-image {
    position: relative !important;
}

.form2-image i {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    border: 1px solid #999;
    padding: 5px;
    border-radius: 5px;
}

.mr-1 {
    margin-right: 10px;
}

.manufacture_year {
    border: 1px solid #777;
    margin: 5px 0px;
    cursor: pointer;
    font-size: 14px;
}

.manufacture_year.active {
    background-color: #ffc3c3;
}

.manufacture_option_label {
    font-size: 14px;
    margin: 0px 0px 10px 0px;
}

.manufacture_year_range {
    display: flex;
    margin: 10px 0px 0px 0px;
}

.manufacture_year_range input {
    width: 75px;
    height: auto;
    display: inline-block;
    margin: 0px 5px 0px 5px;
}

.manufacture_year_range button.apply {
    width: 100px;
    height: auto;
    display: inline-block;
    margin: 0px 0px 0px 5px;
    background: var(--thm-base);
    color: #fff;
    border-radius: 4px;
    font-size: 14px;

}

.manufacture_year_range input::placeholder {
    font-size: 12px;
}

.banner-one__categories-list-item p a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    text-align: center;
    padding: 0px 10px;
    word-break: break-word;
    width: 100%;
    display: inline-block;
    height: 60px;
    font-size: 13px;
    line-height: 20px;
}

.remove_all_btn {
    width: 100px;
    height: auto;
    margin: 0px 0px 0px 5px;
    background: var(--thm-base);
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 0px;
    float: right;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    color: #000 !important;
}

.text_gray {
    color: #666 !important;
}

.showing_text {
    padding-right: 10px;
}

.dialog-fullscreen .modal-default {
    width: 100% !important;
    height: 100% !important;
}

.error_msg {
    color: var(--thm-base);
}

.tc-text {
    padding: 0 0rem;
}

.recent-title {
    text-align: left;
}

.tc-para {
    text-align: left;
}

.tc-para a {
    color: #000;
}

.contact-feedback {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: baseline;
}

.contact-one__content-single-inner .icon-box {
    position: absolute;
    top: 0px;
    left: 0;
    color: var(--thm-base);
    font-size: 65px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    line-height: 20px;
}

.contact-one__content-single-inner .icon-box span {
    font-size: 65px;
}

.contact-page {
    position: relative;
    display: block;
    padding: 30px 0px 60px;
}

.place-one__single-content .top-content-bottom {
    height: 50px;
    align-items: flex-start;
    overflow: hidden;
}

.sub_category {
    padding: 5px 5px 0px 30px !important;
    font-size: 14px !important;
}

.category_accordian {
    margin-top: 15px;
}

/* Number Arrow Hidden Chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Number Arrow Hidden Firefox */
input[type=number] {
    appearance: initial;
    -moz-appearance: textfield;
}

.min-price-text {
    padding-left: 10px;
    font-size: 16px;
}

.feedback-content-1 {
    width: 100% !important;
    display: flex;
}

.text-navigation {
    color: #000 !important;
}

.sub_category .text-navigation {
    font-size: 13px !important;
}

.category_heading {
    font-size: 14px !important;
}

.banner-one--two__single {
    padding: 80px 0px 80px;
}

.brand_fixed_scroll {
    height: 200px;
    overflow-y: scroll;
}

.product_highlights_mobile {
    display: none;
}

.product_highlights_desktop {
    display: block;
}

.banner-one__categories-list-item .icon img {
    width: 50%;
}

.banner-one__categories-list-item .icon {
    text-align: center;
}

.comment-form__input-box .searchable_select {
    margin-left: 0px;
}

.my_profile_city .searchable_select {
    margin-left: 0px;
}

.popular_brands_list .banner-one__categories-list-item .icon {
    width: 150px;
    height: 100px;
}

/* .bb-card {
    position: relative;
    box-shadow: 0px -2px 15px #0000001A;
} */

.sell-active-pagelink {
    font-size: 12px !important;
    margin-top: -0.5rem !important;
    color: #311f6a !important;
}

.sell-active-icon {
    color: #fff !important;
    font-size: 16px !important;
    background: #311f6a !important;
    padding: 10px;
    border-radius: 20px;
}

/* .sell-active-icon {
    color: #311f6a !important;
    font-size: 16px !important;
} */

.active_sub_category {
    color: rgb(255, 63, 86) !important;
}

.place-one__single-content .top-content {
    margin-bottom: 0px;
}

.polular_vehicles {
    padding: 0px;
}

.comment-form__input-box {
    text-align: left;
}

.post-details .details {
    height: auto;
}

.modify-icon {
    font-size: 18px;
    color: #ffffff;
    margin: -2px 5px;
}

span.modify_button_text {
    font-family: var(--ion-font-family, inherit);
    font-weight: 300;
    font-size: 16px;
}

.post-heading {
    position: absolute;
    font-size: 16px;
    color: #3a3a3b;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

ion-loading.my-custom-class {
    .loading-wrapper {
        background: #ffffff url("../../assets/images/truck-preloader.gif") no-repeat center;
        padding: 30px 150px 60px 40px !important;
        background-size: 100% !important;
        background-position: top center;
        border-radius: 15px;
        height: 130px;
    }
}

ion-loading ion-spinner {
    display: none;
}

ion-loading.my-custom-class {
    .loading-content {
        font-size: 20px;
        padding-top: 100px !important;
        text-align: center;
    }
}

.breadcrumb-nav ul {
    margin-bottom: 0px !important;
}

.bb-inner {
    margin: 0px -25px !important;
}

textarea.vehicle-input::placeholder {
    color: #777;
}

.alert-button-role-cancel {
    background: #2d1b68 !important;
    padding: 5px 30px !important;
    color: #fff !important;
    border-radius: 25px !important;
}

.alert-button-role-cancel span {
    font-size: 16px !important;
    font-family: var(--thm-font-2);
}

.alert-button-role-confirm {
    background: #fe3c53 !important;
    padding: 5px 30px !important;
    color: #fff !important;
    border-radius: 25px !important;
}

.alert-button-role-confirm span {
    font-size: 16px !important;
    font-family: var(--thm-font-2) !important;
}

.mobile_menu_text span {
    padding-left: 5px !important;
    font-family: var(--thm-font-2) !important;
}

.customers-details p,
.customers-mail {
    font-family: var(--thm-font-2) !important;
}

.compare-head-one span {
    font-family: var(--thm-font-2) !important;
    font-weight: 500 !important;
}

.page_load_more {
    text-align: center;
    margin: 0px auto;
}

.page_load_more_btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    background-color: var(--thm-base);
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 17px 40px 17px;
    border-radius: 5px;
    font-family: var(--thm-font-3);
    letter-spacing: 0.015em;
    transition: transform 0.3s ease;
    overflow: hidden;
    z-index: 1;
}

a.page_load_more_btn {
    color: #fff;
}

a.page_load_more_btn:hover {
    color: #fff;
}

.min-price-text .form-error-info {
    float: none;
}

.sell-vehicle-details-sec .truck-category {
    font-size: 13px;
}

.sell-vehicle-details-sec .truck-title {
    font-size: 13px;
}

.vehicle-id {
    font-size: 16px !important;
    line-height: 30px !important;
}

.seller_name_head {
    color: var(--thm-base) !important;
    font-size: 20px;
}

.search_count_text {
    display: block;
    color: #fff;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 20px;
}

.banner-one--two .banner-one__tab-box {
    position: relative;
    display: block;
    margin-top: 40px;
    width: 60%;
    margin: 40px auto 0px auto;
}

.banner-one__tab-content-places-form ul li {
    position: relative;
    float: left;
    width: 75%;
    padding: 0px 10px;
    border-right: 1px solid #dddddd;
}

.header__tab-box {
    position: relative;
    display: block;
    margin: 10px auto;
    width: 40%;
}

.header__tab-box .banner-one__tab-content-item .comment-form__input-box {
    position: relative;
    display: block;
    height: 50px;
    padding-top: 10px;
}

.header__tab-box .banner-one__tab-content-item .comment-form__input-box input[type="text"] {
    height: 35px;
}

.header__tab-box .banner-one__tab-content-item .comment-form__btn {
    margin-top: 12px !important;
    line-height: 20px;
    padding: 10px 12px !important;
}

.header__tab-box .banner-one__tab-content-places-form ul li {
    position: relative;
    float: left;
    width: 90%;
    padding: 0px 10px;
    border-right: 0px solid #dddddd;
    height: 70px;
}

.header__tab-box .banner-one__tab-content-places-form ul li:last-child {
    width: 10%;
    border-right: 0px;
}

.header__tab-box .banner-one__tab-content-item .comment-form__input-box .icon {
    line-height: 50px;
    position: absolute;
    top: 55%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 10;
}

.header__tab-box .banner-one__tab-content-places-form ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px !important;
    height: 70px;
}

.header__tab-box .banner-one__tab-content-item .comment-form__btn span::before {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    top: 2px;
}

.header__tab-box .banner-one__tab-content-item {
    background: transparent;
    box-shadow: none;
    margin-top: 0px;
}

.banner-one__categories {
    position: relative;
    display: block;
    margin-top: 120px;
}

.mobile-location {
    right: 0px;
    left: inherit;
}

.mobile_location_box span {
    font-size: 12px;
    text-align: right;
    padding-right: 20px;
    color: #fff;
}