/**
*******************************************************************************
** This file contains the css that is responsible for managing the frontend **
*******************************************************************************
 */
@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham-light-webfont.woff2) format('woff2'), url(../fonts/gotham-light-webfont.woff) format('woff'), url(../fonts/gotham-light.ttf) format('ttf')
}

@font-face {
    font-family: 'Gotham Bold';
    src: url(../fonts/GothamBold.woff2) format('woff2'), url(../fonts/GothamBold.woff) format('woff'), url(../fonts/GothamBold.ttf) format('ttf')
}

/*** fonts ***/
@font-face {
    font-family: 'Lato-black';
    src: url('fonts/Lato-Black.woff2') format('woff2'),
    url('fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.woff2') format('woff2'),
    url('fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Lato Hairline';
    src: url('fonts/Lato-Hairline.woff2') format('woff2'),
    url('fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.woff2') format('woff2'),
    url('fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Medium.woff2') format('woff2'),
    url('fonts/Lato-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-light';
    src: url('fonts/Lato-Light.woff2') format('woff2'),
    url('fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-thin';
    src: url('fonts/Lato-Thin.woff2') format('woff2'),
    url('fonts/Lato-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-regular';
    src: url('fonts/Lato-Regular.woff2') format('woff2'),
    url('fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/custom-icons/icomoon.eot?7ya39m');
    src: url('fonts/custom-icons/icomoon.eot?7ya39m#iefix') format('embedded-opentype'),
    url('fonts/custom-icons/icomoon.ttf?7ya39m') format('truetype'),
    url('fonts/custom-icons/icomoon.woff?7ya39m') format('woff'),
    url('fonts/custom-icons/icomoon.svg?7ya39m#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

:root {
    --primary-color: #2968ea;
    --secondary-color: red;
    --text-color: #002752;
    /*line-height: initial !important;*/
    --default-border-radius: 5px;
}

@media screen and (max-width: 576px) {
    .navbar-brand img {
        width: 12rem !important;
    }
}

@media screen and (max-width: 991px) {
    #header.navbar-custom{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.nav-search-wrapper {
    /*margin-right: 15px;*/
    padding: 0.9rem 0.9rem 0.9rem 1.5rem !important;
}

.nav-search-wrapper span {
    font-size: 20px;
    color: var(--primary-color);
}

/*@media screen and (min-width: 768px) {*/
/*    .nav-search-wrapper {*/
/*        display: none;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 767px) {*/
/*    #listing .side-bar {*/
/*        display: none;*/
/*    }*/
/*}*/

strong {
    font-weight: bold;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-engine-motor-svgrepo-com:before {
    content: "\e901";
}

body {
    font-family: Gotham, sans-serif !important;
    /*font-family: "Lato-regular";*/
    font-weight: 100;
    background: #f6f5f5;
}

.form-control {
    border-radius: 0 !important;
}

.list-inline-item a {
    text-decoration: none !important;
    color: #000000;
}

a:hover {
    text-decoration: none;
}


/*** fonts ***/

/** Buttons **/
#header {
    background: #fff;
}

.btn-wheel {
    background: #f00a36;
    color: #ffffff;
}

.btn-wheel-alt {
    background: #f00a36;
    color: #ffffff;
}

.btn-wheel-outline {
    border: 1px solid #f00a36;
    color: #f00a36;
}

.btn-wheel-outline:hover {
    background: #f00a36;
    color: #ffffff;
}

.btn-wheel-blue {
    background: var(--primary-color);
    color: #ffffff;
}

.btn-wheel-blue:hover {
    background-color: var(--primary-color) !important;
}

a.btn-wheel-blue:active {
    background-color: var(--primary-color) !important;
}

a.btn-wheel-blue:hover {
    background-color: var(--primary-color) !important;
}

.btn {
    color: #fff !important;
}

.btn-whatsapp {
    background: #07be28 !important;
    color: #ffffff !important;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    box-shadow: none !important;
}

/** End Buttons **/
/** start of header css **/
.navbar-expand-lg {
    padding-top: 0;
    padding-bottom: 0;
}

#logo img {
    width: 16rem;
}

.nav-link {
    color: #002752;
}

.nav-link:hover {
    color: #002752;
}

.nav-link.active {
    font-weight: bold;
}

.navbar-custom {
    background: #ffffff;
}

.featured-container .big .card .card-body.featured-card-info {
    padding: 1.35rem 1rem !important;
}

.navbar-toggler {
    color: var(--primary-color);
}

.btn-login {
    border: none !important;
    /*padding-left: 1.5rem;*/
    /*display: flex;*/
    /*align-items: center;*/
}

.btn-login img {
    text-align: center;
    color: rgba(255, 255, 255, .7);
    font-weight: 900;
    height: 40px;
    width: 37px;
    background-size: auto;
    background-size: 35px auto;
}

.btn-login span {
    padding-left: 0.5rem;
    color: var(--primary-color);
}

/** end start of header css **/

/** home search area css **/
#search-area {
    /*background: url('../frontend/images/sample_bg.jpg') no-repeat center center;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
    min-height: 32rem;
}

@media (max-width: 768px) {
    #search-area {
        background: url('../frontend/images/sample_bg_mobile.jpg?v=1.8') no-repeat center center !important;
    }
}

/*#search-area .img{*/
/*    position: absolute;*/
/*    !*z-index: 0.1;*!*/
/*    height: 100%;*/
/*}*/

.bg-container {
    height: 100%;
    overflow: hidden;
}

.head-title {
    /*font-family: Lato-thin;*/
    font-weight: normal;
}

.search-title h1 {
    font-weight: bold;
}

#home-search-form .input-group {

}

.btn {
    border-radius: 0;
}

.btn-search {
    background: #f00a36;
    color: #ffffff;
    /*padding-left: 2rem;
    padding-right: 2rem;*/
}

header {
    color: #fff;
    text-align: center;
    min-height: 140px;
    margin-bottom: 60px;
}

.dropdown-toggle::after {
    display: none;
}

.bg-none {
    background: none !important;
}

header h1 {
    margin-top: 100px;
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 100;
}

header a {
    font-size: 18px;
    margin-left: 20px;
}

.copyright {
    font-size: 25px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    margin-top: 100px;
}

#home-search-btn .btn {
    display: block;

}

#home-search-form h1 {
    position: relative;
    left: -1px;
}

.search-wrapper {
    /*padding-top: 10rem;*/
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.search-wrapper .card {
    background: var(--primary-color);
    border-radius: 0.4rem;
}

.search-title {
    color: #ffffff
}

#home-search-form .select2-container--focus {
    width: 100%;
}

/** end home search area css **/

/**** start of home vehicles featured listing ***/
#home-listing {
    background: #fff;
}

.home-main-heading,
.listing-main-heading {
    border-bottom: 2px solid #A9A9A9;
    padding-top: 1rem;
}

.home-main-heading {
    margin-bottom: 1.5rem;
}

.home-main-heading h1,
.listing-main-heading h1 {
    font-size: 1.7rem;
    color: #002752;
}

.home-main-heading .counter {
    display: inline;
    font-size: 0.7rem;
}

.listing-main-heading {
    margin-bottom: 0.5rem;
}

.home-featured-sidebar-top {
    /*padding: 0 0 0.3rem 0;*/
}

.featured-card-info {
    background: var(--primary-color);
    color: #ffffff;
}

.car-name {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.66);
    font-size: 1.3rem;
}

.car-info {
    padding-top: 8px;
}

.car-info ul {
    margin-bottom: 0;
}

.featured-year {
    background: #ffffff;
    padding: 0.1rem 0.7rem 0.1rem 0.7rem;
    font-weight: bold;
    color: #002752;
}

.featured-price {
    font-weight: bold;
    font-size: 1.3rem;
}

.featured-price small {
    font-size: 10px;
    vertical-align: super;
    color: white;
}

.car-info .list-inline-item {
    padding-top: 2px;
}

.car-info .list-inline-item.float-end {
    padding-top: 0;
}

.featured-transmission,
.featured-fuel {
    font-size: 0.8rem;
}

.featured-thumbnail .featured-transmission,
.featured-thumbnail .featured-fuel {
    font-size: 0.7rem;
}

.featured-thumbnail {
    padding: 0 0.6rem 0.6rem 0.6rem;
}

.featured-thumbnail .featured-price {
    font-weight: bold;
    font-size: 1rem;
}

.featured-thumbnail .car-name {
    font-size: 1rem;
    padding-bottom: 8px;
}

.featured-thumbnail .featured-year {
    padding: 0 2px;
    font-size: 0.7rem;
}

.featured-thumbnail .car-info {
    padding-top: 0;
}

.featured-thumbnail .card-img {
    height: 520px;
}

.featured-container .card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.19);
}

#grad {
    background-image: linear-gradient(red, yellow);
}

/**** end of home vehicles featured listing ***/
/**** home vehicles standard listing ***/

.standard-condition {
    color: #ffffff;
    padding: 2px 5px 5px 5px;
    font-size: 0.7rem;
    border-radius: 5px;
    background: var(--primary-color);
    /*line-height: initial;*/
}

.standard-condition-alt {
    color: #ffffff;
    padding: 2px 5px 5px 5px;
    font-size: 0.7rem;
    border-radius: 5px;
    background: #a6a4a4;
}

.home-company-logo img {
    width: 5rem;
}

.home-company-logo {
    /*position: absolute;*/
    /*bottom: 0.9rem;*/
}

.card-title {
    padding: 0.95rem 0.8rem 0 0.73rem;
    color: #002752;
}

.main-parameter-title .card-title {
    padding: 0.7rem 0.8rem 0.4rem 1.1rem;
}

#home-normal-listing {
    padding-bottom: 2rem;
}

.home-standard-listing {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 26px 0 rgba(0, 0, 0, 0.19);
}

/*patching*/
button, .card, input, .form-control {
    border-radius: 5px !important;
}

.home-standard-listing .card-title ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    padding: 16px 0;
}

.home-standard-listing .card-title {
    padding-top: 0;
}

.home-standard-listing .list-inline .list-inline-item {
    display: flex;
}

.home-standard-listing .list-inline .list-inline-item span {
    padding: 2px 5px;
}

.card, .vehicle-details-container, .slider-container {
    border-radius: 5px;
    overflow: hidden;
}

#header .navbar-nav .nav-item {
    /*display: flex;*/
    /*align-items: center;*/
}

.dropdown-menu {
    transition: all 3s;
}

.search-form-container {
    height: auto;
    overflow: hidden;
    transition: all 700ms linear;
}

.search-form-container.expanded {
    max-height: 400px !important;
}

.btn-login img {
    text-align: center;
    color: rgba(255, 255, 255, .7);
    font-weight: 900;
    height: 30px;
    width: 30px;
}

.home-standard-listing.card:hover .card-img img {
    transition: all .2s ease-in-out;
    transform: scale(1.03);
}

.home-standard-listing.card .card-img img, .card.car-card .card-img img {
    width: 100%;
}

.home-standard-listing.card {
    overflow: hidden;
    border: none;
}

.home-standard-listing {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%), 0 6px 26px 0 rgb(0 0 0 / 10%);
}

.home-standard-listing .card-img div {
    overflow: hidden;
}

.home-standard-listing .view-more {
    margin-bottom: 0;
}

#advanced_search_btn .btn-search:hover {
    /*background: #1044af;*/
}

.standard-radius {
    border-radius: 5px !important;
}

.home-standard-listing .view-more a.btn-wheel-alt:hover {
    background: #1044af;
}

.home-standard-listing .view-more a.btn-wheel-alt, .view-more-btn-container .btn-wheel,
.view-more-btn-container .btn-wheel:active{
    background: var(--primary-color);
}

.featured-thumbnail .featured-year {
    padding: 0.1rem 0.7rem 0.1rem 0.7rem;
}

.featured-container .swiper .navigation-arrows {
    color: #fff !important;
}

.advanced-search-section {
    display: flex;
    flex-direction: column;
}

.advanced-search-section .advanced-toggle {
    float: left;
    width: fit-content;
}

#advanced_search_btn.bottom {
    width: 100%;
    order: 1;
    display: flex;
}

.other-filters {
    display: none;
}

.other-filters .form-group {
    width: 100%;
}

/*end patching*/

.border-bottom .model {
    font-weight: bold;
    /*padding-bottom: 0.21rem*/
}

.standard-condition {
    font-weight: normal;
}

.home-standard-listing .card-title {
    /*padding-bottom: 1px;*/
}

.view-more {
    padding: 12px 0 12px 12px;
}

.view-more a {
    text-decoration: none;
    color: #ffffff;
}

.view-more a:hover {
    color: #ffffff;
}

.btn-wheel-alt:hover {
    background: #ec0e38;
    color: #ffffff !Important;
}

.home-standard-listing .card-title {
    margin-bottom: 0;
}

.card-title ul {
    margin-bottom: 0.4rem;
}

.home-standard-listing .border-bottom {
    /*padding-bottom: 0.1rem;*/
    /*margin-bottom: 0.2rem*/
}

.home-price-alt {
    font-size: 1.2rem;
    bottom: 2.3rem;
    font-weight: bold;
    /*font-family: Lato-black*/
}

.home-price-alt small {
    font-size: 10px;
    vertical-align: super;
    color: var(--primary-color);
}

.icons.border-bottom {
    padding-bottom: 0.7rem;
}

.feature-container .icon-engine-motor-svgrepo-com {
    font-size: 1.4rem;
}

.feature-container {
    padding-top: 1px;
}

.company-logo img {
    width: 8rem;
}

.company-logo {
    /*position: absolute;*/
    bottom: 1rem;
}

.view-more-btn-container {
    /*position: absolute;*/
    bottom: 1.2rem;
    right: 1rem
}

/**** home vehicles standard listing ***/
/**** car brands ***/
.make-container {
    padding-top: 0.5rem;
}

.make-container img {
    width: 3.9rem;
    padding: 4px;
}

.make-container img:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 26px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
}

/**** end car brands ***/
/**** cars by location ***/
#carsbyLocation {
    margin: 1rem 0 1rem 0;
    padding-top: 0.7rem;
    color: #002752;
}

#carsbyLocation h1 {
    font-size: 1.7rem;
    color: #002752;
}

#carsbyLocation h2 {
    font-size: 1.3rem;
    font-weight: bold;
}

#carsbyLocation .home-main-heading {
    margin-bottom: 1rem;
}

.cars-counter {
    font-size: 0.7rem;
}

.pb-link img {
    width: 100%;
}

/**** end cars by location ***/
/**** footer section ***/
#footer {
    padding: 1rem 0 1rem 0;
    background: #fff;
    font-size: 0.9rem;
}

.social-media-container {
    border: 2px solid darkgrey;
    padding: 0.6rem 0.7rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

.social-media-container {
    color: #fff;
}

#footer a {
    text-decoration: none;
    color: #002752;
}

#facebook-icon:hover,
.social-media-container:hover {
    color: #ffffff !important;
    border-color: #ffffff;
}

#social-media-logos {
    margin-top: 1rem;
}

#contact-section {
    background: var(--primary-color);
    color: #ffffff;
    padding: 3rem 0 2.5rem 0;
}

#contact-section h2 {
    font-size: 1.3rem;
}

.unorder-list-down a {
    text-decoration: none;
    color: #ffffff;
}

/*.powered_by img{
    width: 9rem;
}*/
#car-brands {
    background: #ffffff;
    padding-bottom: 3rem;
}

#car-brands .home-main-heading {
    margin-bottom: 1rem;
    padding-top: 1rem;
}

#carByShape .home-main-heading {
    padding: 1.5rem 0 0rem 0;
}

#car-brands .card,
#carByShape .card {
    margin-bottom: 1rem;
    border: none;
}

#carByShape .card {
    margin-bottom: 0;
    cursor: pointer;
    background: none;
    padding: 2px;
}

#carByShape .card:hover {
    cursor: pointer;
    padding: 0px;
}

#car-brands h1,
#carByShape h1 {
    font-size: 1.5rem;
}

#carByShape .body-type {
    /*font-family: Lato-thin;*/
    margin-bottom: 1rem;
    padding-top: 0.8rem;
}

#social-media-heading {
    /*font-family: Lato-thin;*/
}

.border-right {
    border-right: 2px #002752 solid;
}

.vr {
    width: 2px;
    margin-left: 0.4rem;
}

#carByShape {
    background: #fff;
}

.sign-off {
    padding-top: 1rem;
    font-size: 0.8rem;
}

/**** footer section ***/

/****** Listing Page *******/
.listing-container {
    padding-bottom: 1rem;
}

.custom-pagination {
    margin-bottom: 1.5rem;
}

.listing-status-badge,
.listing-status-badge-alt {
    color: #ffffff;
    padding: 2px 10px;
    font-size: 0.8rem;
    /*margin-top: 3px;*/
    border-radius: 3px;
    height: fit-content;
    white-space: nowrap;
}

.listing-status-badge {
    background: var(--primary-color);
}

.listing-status-badge-alt {
    background: #a6a4a4;
}

.list-inline-item a {
    text-decoration: none;
}

#listing {
    background: #eceff2;
}

.car-card {
    overflow: hidden;
    /*margin: 0.5rem 0 0.2rem 0;*/
}

.car-card .feature-container > span, .home-standard-listing .feature-container > span {
    display: flex;
    align-items: center;
}

.car-card .feature-container > span i, .home-standard-listing .feature-container > span i {
    margin-right: 5px;
}

.car-card .card-body {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

#breadcrumbs {
    background: #f6f5f5;
}

.breadcrumb {
    margin-top: 1rem;
}

.custom-breadcrumb-item {
    background: #c5c5c5;
    color: #ffffff;
    padding: 2px 12px 3px 12px;
    border-radius: 0.5rem;
    margin-right: 0.3rem;
    font-size: 0.8rem;
}

.breadcrumb .list-inline-item:not(:last-child) {
    margin-right: 0.1rem;
}

.side-bar-card {
    border: 1px solid #002752;
}

.side-bar-card .card-title {
    background: #002752;
    color: #ffffff;
}

.side-bar-card .card-title {
    padding: 0.5rem 0.8rem 0.4rem 0.8rem;
}

.search-refine-card {
    border: 1px solid #002752;
}

.search-refine-card .card-title {
    padding: 0.5rem 0.8rem 0.4rem 0.8rem;
    background: #002752;
    color: #ffffff;
}

.search-refine-card .card-body {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}

.search-refine-card .form-group {
    /* margin-top: 0.7rem;*/
}

.search-refine-card .card-body h4 {
    font-size: 1rem;
    font-weight: bold;
}

.car-title h1 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #002752;
    margin-bottom: 0;
}

.car-make {
    font-size: 0.8rem;
    font-weight: normal;
}

.car-price {
    font-size: 1.3rem;
    font-weight: bold;
    color: #002752;
}

.car-price small{
    font-size: 10px;
    vertical-align: super;
    color: var(--primary-color);
}

.car-features {
    /*margin-top: 0.5rem;*/
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.vehicle-card:not(.featured-vehicle) .card-body {
    color: #002752;
}

.main-parameter-title {
    background: var(--primary-color);
}

.main-parameter-title .card-title {
    color: #ffffff;
}

.parameter-title h3 {
    font-size: 1rem;
    padding-left: 0.3rem;
    font-weight: bold;
    margin-bottom: 0;
    /*font-family: Lato-regular;*/
    cursor: pointer;

}

.left-refine-card {
    margin-top: 0.6rem;
}

.left-refine-card hr {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.left-refine-card .card-body {
    padding-top: 0;
}

.counter {
    color: darkgray;
    font-size: 0.7rem;
}

.form-check-input {
    margin-top: 7px;
}

.view-more-btn-container a:hover {
    color: #ffffff;
}

.total-results {
    padding: 0.3rem 0.5rem 0.4rem 0.4rem;
}

.results-bar-container {
    background: #fff;
    padding: 0.55rem 0.5rem 0.6rem 0.5rem;
    margin-bottom: 0.5rem;
}

.orderby-container {
    cursor: pointer;
}

#orderBy-section {
    position: absolute;
    background: #ffffff;
    z-index: 10;
    width: 20%;
}

.price-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.result-li {
    padding: 3px 1rem 6px 1rem;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.result-li:hover,
.result-li.selected {
    background: var(--primary-color);
    color: #ffffff;
}

.number-container {
    padding: 0.3rem 0.6rem 0.5rem 0.6rem;
    border: 1px solid #002752;
    color: #002752;
}

/****** end listing Page *******/
/****** Vehicle-details page *******/

.contacts-container {
    margin-top: 1rem;
}

.contacts-container.price {
    margin-top: 0;
}

.contacts-container {
    padding-bottom: 1rem;
}

.contacts-container .card-title {
    padding: 1rem 1rem 0 1rem;
}

.image-thumbs .swiper-slide {
    margin-right: 1rem;
    border-radius: 10px;
    cursor: pointer;
}

.image-thumbs .swiper-slide img {
    border-radius: 10px;
}

.swiper-slide-thumb-active,
.image-thumbs .swiper-slide:hover {
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.image-thumbs {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.detail-price {
    font-size: 2rem;
}

.contacts-container.vehicle-model {
    font-size: 1.4rem;
}

#vehicle-details {
    background: #eceff2;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.slider-container {
    background: #fff;
    padding-bottom: 1rem;
}

.contacts-container .card-body {
    padding-top: 0rem;
}

.contacts-container .card-title {
    margin-bottom: 0;
}

.dealer-name {
    margin-top: 0.7rem;
    padding-bottom: 0.2rem;
}

.dealer-name a {
    text-decoration: none;
    color: var(--primary-color);
}

.contacts-container hr {
    margin-bottom: 0;
}

.view-contacts {
    padding: 0 1rem 1rem 1rem;
}

#car-brands .third-title {
    font-size: 1.1rem;
    font-weight: bold;
}

.third-title h2 {
    margin-bottom: 0.3rem;
}

#contacts-card {
    display: none;
}

#email-section h4 {
    margin-top: 0.7rem;
}

#email-section hr {
    margin-top: 0;
}

.form-check-label a {
    text-decoration: none;
}

.vehicle-details-container {
    background: #fff;
    margin-top: 1rem;
    /*padding: 0.7rem;*/
}

.vehicle-details-container .description {
    /*font-family: Lato*/
}

.tabHeader {
    margin-bottom: 0;
    border-radius: 10px;
    padding: 5px;
    background: #dcdcdc;
}

.tab_content_wrapper {
    margin-top: 0.2rem;
}

.vehicle-details-container {
    padding: 1rem;
}

.vehicle-details-container .description {
    padding-bottom: 1rem;
}

.tab_content {
    width: 100%;
    background: #eaeaea !important;
}

.tabs-1 ul {
    padding-left: 0;
}

.tabs a {
    border-radius: 27px;
}

.tabs .active a {
    background: #f00a36;
}

.tabs li a:hover {
    background: rgba(239, 51, 51, 0.82);
}

.tab_content .row::after {
    border: 2px solid #fff;
    width: 100%;
    height: 2rem;
}

.tab_content .content-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.other-vehicles {
    padding: 1rem;
}

#other-vehicles {
    padding-bottom: 2rem;
}

.map-section {
    margin-top: 1rem;
    background: #fff;
    padding: 1rem;
}

#car-brands ul {
    padding-left: 0rem;
}

#other-vehicles {
    background: #fff;
}

#other-vehicles .home-standard-listing {

}

#other-vehicles h2 {
    font-size: 1.55rem;
}

.vehicle-details-heading,
.contacts-container {
    font-size: 1rem;
    color: #002752;
}

.vehicle-details-heading {
    margin-bottom: 16px;
}

.vehicle-details-heading h1 {
    font-size: 1.5rem;
}

.details-location {
    font-size: 1rem;
}

.swiper-button-next, .swiper-button-back {
    color: #fff;
}

.share .list-inline {
    margin-bottom: 0;
}

.share.contacts-container {
    padding-bottom: 0;
}

.whatsapp,
.facebook,
.instagram,
.twitter{
    font-size: 2rem;
}

.whatsapp {
    color: green;
}

.instagram {
    color: orangered;
}

.twitter{
    color: #1c9cea;
}

.title h2 {
    font-size: calc(1.325rem + 0.9vw);
    padding-top: 1rem;
    margin-bottom: 0.5rem;
}

/****** end vehicle-details *******/
/* Slider */

.slick-slide {
    margin: 0px 4px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

#our-partners {
    padding-bottom: 2rem;
}

#our-partners .home-main-heading h2 {
    font-size: 1.4rem;
}

#our-partners .home-main-heading {
    margin-bottom: 1rem;
}

#our-partners .home-main-heading {
    padding-top: 1.5rem;
}

.slide img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.slide img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
}

/****** single listing *******/
#vehicle-details .main-feature {
    font-size: 1.2rem;
    color: #000000ad;

}

#vehicle-details .vehicle-details-container .main-features {
    padding: 5px 10px;
    background: #eceaea;
}

#vehicle-details .main-feature-name {
    font-size: 1rem;
    color: #000000;
}

.detail-price-small {
    font-size: 1.3rem;
    color: #002752;
    font-weight: bold;
}

/****** end single listing *******/
/**
*===========================================
=======   dealers page css =============
============================================
 */

.dealers-wrapper h1 {
    font-size: 1.5rem;
}

.dealer-letters a {
    text-decoration: none;
    color: #ffffff;
}

.dealer-letters ul {
    margin-bottom: 0;
}

.dealer-letters {
    background: var(--primary-color);
}

.dealer-letters .card {
    border-radius: 0;
}

.dealer-letters .card-body {
    padding: 0 0.5rem;
}

.dealer-letters ul li {
    padding: 0 2px;
}

.dealer-letters ul li a:hover {
    text-decoration: underline !important;
    font-weight: bold;
}

.dealer-letters ul li.active a {
    text-decoration: underline !important;
    font-weight: bold;
}

#dealers-section .card-title {
    padding-top: 1rem;
}

/*.dealers .card-body {
    padding-top: 1.5rem;
}*/
.dealers .car-features {
    border: none;
}

.dealers .card-img {
    /*padding: 1rem;*/
}


.whatsapp-icon a:hover {
    color: green;
}

.phone-icon a:hover {
    color: var(--primary-color);
}

.email-icon a:hover {
    color: #5588f1;
}

.dealers .view-more-btn-container {
    /*position: absolute;*/
    /*bottom: 0.2rem;*/
    right: 1rem;
}

.whatsapp-icon,
.phone-icon,
.email-icon {
    text-decoration: none !important;
}

@media (min-width: 1920px) {


}

@media (max-width: 1396px) {
    .featured-thumbnail .featured-price {
        font-size: 0.9rem;
    }

    .featured-thumbnail .car-name {
        font-size: 0.9rem;
    }

}

@media (max-width: 1200px) {
    .car-price {
        font-size: 1.1rem;
    }

    .company-logo img {
        width: 5rem;
    }

    .listing-container .location {
        font-size: 0.8rem;
    }

    .listing-container .feature-container {
        padding-top: 1px;
        font-size: 0.9rem;
    }

    .listing-container .feature-container .icon-engine-motor-svgrepo-com {
        font-size: 1rem;
    }

    .view-more-btn-container {
        bottom: 0.9rem;
    }
}

@media (max-width: 990px) {

    .search-wrapper {
        width: 100%;
    }


}

@media (max-width: 767px) {

    .powered_by {
        padding-top: 2rem;
    }

    .company-logo {
        position: unset;
    }

    .view-more-btn-container {
        position: unset;
    }

    .car-card .card-body {
        padding: 1rem;
    }

    .car-features {
        /*margin-bottom: 0.8rem;*/
    }

    .company-logo img {
        width: 6rem;
    }

    #vehicle-details .main-feature {
        font-size: 1rem;
    }
}

@media (max-width: 550px) {

}

@media (max-width: 500px) {

    .transmission-span {
        display: none;
    }


}

@media (max-width: 500px) {
    .search-title h1 {
        font-size: 1.6rem;
    }

    .featured-price {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 767px) {
    .mt-md-3w {
        margin-top: 1rem;
    }
}

.sidebar .title {
    font-weight: 700;
    color: #1c5fe9;
    border-bottom: 1px solid #1c5fe9;
    padding-bottom: 0.88rem;;
}


/*custom dropdown*/
.custom-dropdown {
    background: white;
    border-radius: 9px;
    position: relative;
}

@media (max-width: 400px) {
    .custom-dropdown {
        width: 155px;
    }
}

.custom-dropdown::before {
    content: "";
    position: absolute;
    right: 13px;
    top: 12px;
    /*z-index: 9999;*/
    width: 10px;
    height: 10px;
    border: 2px solid grey;
    border-top: transparent;
    border-right: transparent;
    transform: rotate(-45deg);
    pointer-events: none;
    transition: all 0.3s linear;
}

.custom-dropdown input.custom-dropdown-input,
.custom-dropdown input.custom-dropdown-input-val{
    width: 100%;
    border-radius: 9px;
    padding: .375rem 2.25rem .375rem .75rem;
    cursor: pointer;
    border: 1px solid #ced4da;
    outline: none;
    user-select: none;
}

.custom-dropdown .options {
    border: 1px solid lightgrey;
    z-index: 3;
    width: 100%;
    cursor: pointer;
    background: white;
    outline: none;
    box-shadow: 0 10px 25px rgba(124, 130, 141, 0.2);
    overflow: hidden;
    position: absolute;
    top: 42px;
    /*transition: all 0.7s ease;*/
    opacity: 0;
    transform: translateY(-50px);
    visibility: hidden;
    height: 30vh;
    overflow-y: scroll;
}

.custom-dropdown .options .option {
    transition: all 0.2s ease;
    color: #292d34;
    padding: 0px 5px;
}

.custom-dropdown .options .option.custom-price-toggler {
    border: 1px solid #c0c0c0;
    font-size: 15px;
}

.custom-dropdown .options .option:not(:last-of-type) {
    margin-bottom: 8px;
}

.custom-dropdown .options .option:hover {
    color: white;
    background: grey;
}

.custom-dropdown.opened + .custom-dropdown-options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: flex;
}

.custom-dropdown .options, .custom-dropdown-options {
    border: 1px solid lightgrey;
    z-index: 3;
    width: 100%;
    cursor: pointer;
    background: white;
    outline: none;
    box-shadow: 0 10px 25px rgba(124, 130, 141, 0.2);
    overflow: hidden;
    position: absolute;
    top: 42px;
    /* transition: all 0.7s ease; */
    opacity: 0;
    transform: translateY(-50px);
    visibility: hidden;
    height: 30vh;
    overflow-y: scroll;
}

.custom-dropdown-options .options .option:not(:last-of-type) {
    margin-bottom: 8px;
}

.custom-dropdown-options .options .option {
    transition: all 0.2s ease;
    color: #292d34;
    padding: 0px 5px;
}

.custom-dropdown-options .options .option:hover {
    color: white;
    background: grey;
}

.custom-dropdown-options .options .option.custom-price-toggler {
    border: 1px solid #c0c0c0;
    font-size: 15px;
}

.custom-dropdown-options .options .option {
    transition: all 0.2s ease;
    color: #292d34;
    padding: 0px 5px;
}

.custom-dropdown.opened .options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.custom-dropdown.opened::before {
    transform: rotate(-225deg);
    top: 17px;
}

.wrapper {
    position: relative;
}

.circle {
    position: absolute;
    border-radius: 100%;
    opacity: 0.6;
}

.circle.one {
    width: 250px;
    height: 250px;
    background: linear-gradient(
            45deg,
            rgb(42, 179, 248) 0%,
            rgb(91, 197, 250) 100%
    );
    top: -120px;
    left: -80px;
    z-index: -1;
    box-shadow: 0 10px 25px rgba(42, 179, 248, 0.4);
}

@media (max-width: 575px) {
    .circle.one {
        width: 160px;
        height: 160px;
        left: -40px;
    }
}

@media (max-width: 400px) {
    .circle.one {
        display: none;
    }
}

.jssecrets {
    font-weight: 500;
    text-decoration: none !important;
    font-family: "Urbanist";
    padding: 16px;
    background: #ffc805;
    color: #000000;
    font-size: 1.2em;
    letter-spacing: 0.2px;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(184, 144, 0, 0.1882352941),
    0px 8px 24px rgba(184, 144, 0, 0.3764705882);
    position: absolute;
    bottom: 24px;
    right: 24px;
    transition: all 0.3s;
}

.jssecrets:hover {
    transform: translateY(-4px);
}


.unit-input {
    padding: .375rem .2rem;
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: text;
    border: 1px solid #ced4da;
}

.unit-input input {
    left: .9rem;
    position: relative;
    border: none;
    width: calc(100% - 0.8rem);
}

.unit-input:after {
    content: '$';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .5rem;
    pointer-events: none;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple, .select2.select2-container .selection .select2-selection.select2-selection--single {
    border-color: #ced4da;
    outline: 0;
    height: calc(1.5em + .875rem + 2px);
    display: flex;
    align-items: center;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
    height: auto;
    width: auto;
    position: relative;
    top: 0;
    right: 0;
    padding: .4375rem .75rem;
    display: flex;
    align-items: center;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
    color: var(--app-component-color);
    width: auto;
    height: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow b:before, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b:before {
    content: "\f0d7";
}

.select2.select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: 1;
    padding: .4375rem .75rem;
    color: var(--app-component-color);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    padding-right: .75rem;
}

.overlay-spinner {
    display: none;
}

.running .overlay-spinner {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.39);
    display: flex;
    align-items: center;
    justify-content: center;
}

a:has(.card) {
    text-decoration: none;
}

.img-fluid {
    width: 100%;
}

/*button, .btn {*/
/*    line-height: initial !important;*/
/*}*/

#login--btn {
    border: none !important;
    outline: none !important;
    background: none;
}

.feature-container i {
    font-size: 20px;
}

.loading-container {
    position: absolute;
    z-index: 123;
    height: 100%;
    min-height: 200px;
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes spin {
    0%, 100% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(720deg) scale(0.5);
    }
}

@keyframes pulse {
    0%, 100% {
        letter-spacing: 5px;
        left: calc(50% + (10px / 2));
    }
    50% {
        letter-spacing: 2.5px;
        left: 50%;
    }
}

.loading {
    animation: fadein 2s;
}

.spinner-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    position: absolute;
    z-index: 15;
}

.spinner-text {
    position: absolute;
    top: calc(50% - (10px / 2));
    left: 50%;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font: bold 10px sans-serif;
    transform: translate3d(-50%, -50%);
    animation: pulse 1.5s infinite;
}

.spinner {
    margin: 0;
    display: block;
    position: absolute;
    left: calc(50% - (24px * 2.5));
    top: calc(50% - 24px);
    border-bottom: 24px solid var(--primary-color);
    border-left: 24px solid var(--primary-color);
    border-right: 24px solid var(--primary-color);
    border-top: 24px solid var(--secondary-color);
    width: 1px;
    height: 1px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50px;
    animation: spin 1.5s infinite;
}

.loading-container .spinner-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgb(255 255 255 / 68%);
    width: 100%;
    /*margin: 0.3em 0 0.2rem 0;*/
}

ul.pagination {
    justify-content: center;
}

.pagination .page-item .page-link {
    color: #002752;
    border: 1px solid #002752 !important;
    border-radius: 0px !important;
    background: none !important;
}

.pagination li.page-item.active .page-link {
    background: #002752 !important;
    color: white !important;
}

.pagination li.page-item:not(:last-child) {
    margin-right: 3px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 0rem 0.75rem;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    /*height: calc(2.5rem + 2px);*/
    line-height: 1;
}

.form-floating > label {
    /*padding: 0.2rem 0.75rem;*/
}

#login-modal .modal-dialog {
    max-width: 380px;
}

.modal-body .login-title {
    font-size: 20px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.dropdown-menu.show {
    display: block;
    animation: fade_in_show 0.5s
}

@keyframes fade_in_show {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.w-70 {
    width: 70%;
}

.backdrop-show .modal-backdrop {
    background-color: transparent;
}

.my-element {
    outline: 1px solid black;
}

/* iti styles*/
.is-invalid + span.invalid-feedback {
    display: flex !important;
}

/*.search-wrapper .nav-item{*/
/*    border-bottom: 1px solid white;*/
/*}*/

/*.search-wrapper .nav-item:has(.nav-link.active):after{*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: -2px;*/
/*    border-bottom: 3px solid #ff0000 !important;*/
/*}*/

/*.search-wrapper .nav-item:has(.nav-link.active){*/
/*    !*border-bottom: 1px solid transparent !important;*!*/
/*    border-right: 1px solid white !important;*/
/*}*/

#search-area .search-wrapper .nav.nav-tabs .nav-item.active {
    position: relative;
}

#search-area .search-wrapper .nav.nav-tabs .nav-item.active::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom: 3px solid #2968EA !important;
}

.search-wrapper .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #0040c4;
    color: white;
    border: none !important;
    padding: 12px 30px 5px 30px;
}

.search-wrapper .nav-link.active .label, .search-wrapper .nav-link.active i {
    font-weight: bold;
}

.search-wrapper .nav-link.active button {
    background: var(--primary-color) !important;
}

.search-wrapper .nav-link.active {
    color: white !important;
    background: var(--primary-color) !important;
    border-bottom: 1px solid transparent !important;
    margin-bottom: 0;
    font-weight: bold;
}

#search-area .search-wrapper .card, #search-area .search-wrapper .nav.nav-tabs {
    border: none;
}

#search-area .search-wrapper .card {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: none;
}

.search-wrapper .nav-link .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.search-wrapper .nav-link .label {
    font-size: 12px;
    padding-top: 2px;
}

.search-wrapper .nav-link .icon i {
    font-size: 35px;
    line-height: 0.5;
}

#search-area .search-wrapper .nav.nav-tabs {
    /*border-top: 1px solid var(--primary-color);*/
    /*border-right: 1px solid var(--primary-color);*/
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #0040c4;
}

#search-area .search-wrapper .nav.nav-tabs li:not(:first-child):not(:last-child) button {
    border-radius: 0 !important;
}

#search-area .search-wrapper .nav.nav-tabs li:first-child button {
    border-top-right-radius: 0 !important;
    /*border-top-left-radius: 0 !important;*/
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#search-area .search-wrapper .nav.nav-tabs li:last-child button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}



.form-floating{
    display:block;
    position:relative;
    width:100%;
}

.form-floating>span{/*For select2-bootstrap dropdown set top,left margin 0*/
    /*top:0;*/
    /*left:0;*/
}

.form-floating .form-control::-webkit-input-placeholder{
    opacity:1;
    -webkit-transition:all .2s;
    transition:all .2s;
}
.form-floating .form-control::-moz-placeholder{
    opacity:1;
    transition:all .2s;
}
.form-floating .form-control:-ms-input-placeholder{
    opacity:1;
    transition:all .2s;
}
.form-floating .form-control::placeholder{
    opacity:1;
    -webkit-transition:all .2s;
    transition:all .2s;
}
.form-floating .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{
    opacity:0;
}
.form-floating .form-control:placeholder-shown:not(:focus)::-moz-placeholder{
    opacity:0;
}
.form-floating .form-control:placeholder-shown:not(:focus):-ms-input-placeholder{
    opacity:0;
}
.form-floating .form-control:placeholder-shown:not(:focus)::placeholder{
    opacity:0;
}
.form-floating .form-control:placeholder-shown:not(:focus)+*{
    font-size:100%;
    color: #6c757d;
    opacity: 1;
    /*top:.3em;*/
}
.input-group .form-floating{
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    margin-bottom:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.form-floating .form-control:placeholder-shown:not(:focus) + * {
    /*margin-top: 6px;*/
}

.ptxt {
    padding: 0.8rem 10px 0.8rem 15px;
    z-index: 11111;
    color:#3366cc;
    float: right !important;
    font-size: 15px !important;
    left: auto !important;
    background: transparent !important;
    position: absolute;
    cursor: pointer !important;
    right: 10px;
}

.ptxtt {
    padding: 0.8rem 10px 0.8rem 15px;
    z-index: 11111;
    color:#3366cc;
    float: right !important;
    font-size: 15px !important;
    left: auto !important;
    background: transparent !important;
    position: absolute;
    cursor: pointer !important;
    right: 10px;
}

.car-features .row{
    width: 100%;
}

@media screen and (max-width: 991px) {
    #navbarSupportedContent{
        background: var(--primary-color);
        color: white;
    }
    #navbarSupportedContent ul li a:not(.dropdown-item),
    #navbarSupportedContent ul li button span
    , #navbarSupportedContent ul li a span
    , #navbarSupportedContent ul li a i{
        color: white !important;
    }
}

#header #logo{
    margin-left: 12px;
}

#header .navbar-toggler{
    margin-right: 12px;
}

#orderBy-section.price-container{
    width: fit-content;
}