@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Black.ttf);
    font-weight: 900
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-ExtraBold.ttf);
    font-weight: 800
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-SemiBold.ttf);
    font-weight: 600
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Medium.ttf);
    font-weight: 500
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Light.ttf);
    font-weight: 300
}

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Italic.ttf);
    font-style: italic
}

body {
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    font-family: "Poppins";
    font-weight: 400;
    background: #ffffff
}

html,
body {
    scroll-behavior: smooth !important
}

a:hover {
    text-decoration: unset
}

button:focus {
    outline: unset;
    box-shadow: unset
}

h1 {
    font-size: 40px;
    font-weight: bold;
    color: black;
    margin-bottom: unset
}

.preload {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.65);
    background-image: url("../images/pre-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 11
}

.preload span {
    position: absolute;
    top: calc(50% + 50px);
    width: 100%;
    text-align: center
}

.container-fluid-no-gutters {
    padding: 0 0;
    margin: 0 0
}

.container-no-gutters {
    padding: 0 0;
    margin: 0 0
}

.card .card-body a {
    color: #6b7280
}

.card .card-body a:hover {
    color: #6b7280
}

.h-john2 {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 3px solid #e5b039;
    padding: 3px;
    background: #fff;
    margin: auto;
    margin-bottom: 15px
}

.h-john2 img {
    width: 100%;
    border-radius: 50%
}

.section-upload [id^=block] {
    display: none
}

.section-upload .vech-tp-name {
    position: absolute;
    top: -6px;
    left: 27px;
    z-index: 9;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px
}

.section-upload .new-vehic {
    position: relative
}

.section-upload .uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px
}

.section-upload .uploader input[type=file] {
    display: none
}

.section-upload .uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 7px;
    border: 3px solid #e5e5e5;
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.section-upload .uploader #file-image {
    display: inline;
    margin: 0 auto 0 auto;
    width: auto;
    height: auto;
    max-width: 100%
}

.section-upload .uploader #file-image.hidden {
    display: none
}

.section-upload .uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%
}

.section-upload .uploader #notimage.hidden {
    display: none
}

.section-upload .uploader .containerimg {
    padding-top: 10px;
    width: 95%;
    border: 0px !important
}

.section-upload .uploader div {
    margin: 1rem 0 0.5rem 0;
    color: #5f6982;
    font-size: 12px
}

.section-upload .uploader div#start {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.section-upload .uploader div#start i.fa.fold {
    position: absolute;
    left: 20px;
    color: #d5d5d5;
    font-size: 40px
}

.section-upload .uploader div#start i.fa.btn1 {
    font-size: 14px;
    padding: 8px 20px;
    background: #6b7280;
    color: #fff;
    border-radius: 8px;
    margin-left: 15px
}

.login-popup {
    max-width: 600px;
    padding: 3.3rem 5rem 2.6rem;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px
}

.login-popup .my-account {
    border: 1px solid #d4d4d4;
    padding: 25px 20px 25px;
    border-radius: 20px;
    background: #fff
}

.login-popup .my-account .form-group {
    padding: 5px 0
}

.login-popup .my-account .form-group label {
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    font-size: 14px;
    line-height: 1.7;
    color: #666
}

.login-popup .my-account .form-group label.main-label {
    margin-bottom: 15px
}

.login-popup .my-account .form-group .select-bx {
    position: relative
}

.login-popup .my-account .form-group .select-bx:before {
    position: absolute
}

.login-popup .my-account .form-group .select-bx select {
    background-size: 10px;
    padding: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent url("../images/select-arrow.png") no-repeat right 12px center;
    background-size: 10px
}

.login-popup .my-account .form-group .select-bx .form-control {
    border-radius: 10px;
    padding: 8px 15px;
    border: 1px solid #b7b7b7
}

.login-popup .my-account .form-group .select-bx .abse {
    position: absolute;
    left: 10px;
    top: -11px;
    z-index: 0;
    background: #fff;
    padding: 0px 10px;
    margin-bottom: 0px !important;
    font-size: 14px;
    color: #6b7280
}

.login-popup .my-account .form-group input,
.login-popup .my-account .form-group select {
    font-size: 14px;
    color: #666
}

.login-popup .my-account .form-group .form-control {
    border-radius: 10px;
    padding: 8px 15px;
    border: 1px solid #b7b7b7;
    font-size: 14px;
    height: auto
}

.login-popup .my-account .form-group .form-control:focus,
.login-popup .my-account .form-group .form-control:hover {
    outline: none;
    background-color: transparent;
    box-shadow: none
}

.form-container.form-check-validation input.input-required,
.form-container.form-check-validation label.input-required,
.form-container.form-check-validation select.input-required,
.form-container.form-check-validation textarea.input-required {
    border-color: #c85454 !important
}

.form-container .btn {
    width: auto;
    height: auto;
    float: none;
    display: block;
    padding: 10px 25px;
    font-size: 1.2rem;
    width: 100%;
    box-shadow: 0 5px 15px 0 rgba(32, 33, 36, 0.2)
}

.form-container .btn.btn-theme-green {
    background-color: #6b7280;
    color: #fff;
    border-color: #6b7280
}

.form-container .btn.btn-theme-green:hover {
    background-color: #fff;
    color: #6b7280
}

.form-container .btn.btn-theme-mustard {
    background-color: #ff725e;
    color: #fff;
    border-color: #ff725e
}

.form-container .btn.btn-theme-mustard:hover {
    border-color: #f5a094;
    background-color: #f5a094
}

.form-container .btn.btn-width-fixed {
    max-width: 300px
}

.form-container .btn.btn-fixed {
    position: fixed
}

.form-container .btn.btn-fixed-bottom {
    bottom: 10px;
    right: calc(50% - 300px)
}

.form-container .form-group.disabled label {
    background-color: #e9ecef
}

.form-container .form-group.style-checkbox {
    position: relative
}

.form-container .form-group.style-checkbox input[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-container .form-group.style-checkbox input[type="checkbox"]+label {
    position: relative;
    cursor: pointer
}

.form-container .form-group.style-checkbox input[type="checkbox"]+label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #6b7280;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.form-container .form-group.style-checkbox input[type="checkbox"]:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #6b7280;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-container .intl-tel-input {
    width: 100%
}

.form-container .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 25px !important
}

.form-container .form-control:disabled,
.form-container .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-container .form-control:active,
.form-container .form-control:focus {
    border-color: inherit;
    box-shadow: none
}

.form-container .card-check.disabled {
    color: #bdbdbd
}

.form-container .datefield-group .fa-calendar {
    top: 10px;
    right: 10px;
    color: #b7b7b7;
    font-size: 2.4rem;
    position: absolute;
    z-index: -1
}

header {
    padding: 15px 0px;
    position: relative;
    box-shadow: rgba(194, 194, 194, 0.5) 0px 5px 15px
}

header .row {
    position: relative
}

header .text-beta {
    position: absolute;
    font-size: 14px;
    top: 70px;
    left: 25px
}

header .by-used {
    color: #000000;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    padding-bottom: 40px;
    position: absolute;
    right: 0px;
    top: -10px
}

header .by-used img {
    margin-left: 5px
}

header .by-used ul {
    text-align: left;
    list-style: none;
    padding-left: unset;
    margin-bottom: unset
}

header .by-used ul.by-used-ul {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 180px;
    z-index: 10;
    transition: 1s
}

header .by-used ul.by-used-ul li {
    padding: 10px 15px;
    background-color: #ffffff;
    position: relative
}

header .by-used ul.by-used-ul li::before {
    content: "";
    position: absolute;
    background: url(../images/cheveron-down-yellow.png);
    width: 16px;
    height: 10px;
    right: 10px;
    top: 15px;
    z-index: 2;
    transform: rotate(-90deg)
}

header .by-used ul.by-used-ul li span {
    color: #000000;
    font-size: 14px
}

header .by-used ul.by-used-ul li .by-used-sub-ul {
    display: none;
    position: absolute;
    left: 179px;
    top: -100px;
    width: 180px;
    z-index: 10;
    transition: 1s
}

header .by-used ul.by-used-ul li .by-used-sub-ul li {
    background-color: #ffffff;
    padding: 10px 15px
}

header .by-used ul.by-used-ul li .by-used-sub-ul li::before {
    content: none
}

header .by-used ul.by-used-ul li .by-used-sub-ul li a {
    color: #000000;
    font-size: 14px
}

header .by-used ul.by-used-ul li .by-used-sub-ul li:hover {
    background-color: #f8f9fa
}

header .by-used ul.by-used-ul li:hover {
    background-color: #f8f9fa
}

header .by-used ul.by-used-ul li:hover>.by-used-sub-ul {
    display: block;
    transition: 1s;
    top: 0px
}

header .by-used:hover>.by-used-ul {
    display: block;
    transition: 1s;
    top: 40px
}

header .dropdown.place_drop button {
    background: transparent;
    border: unset;
    color: #ff725e;
    cursor: pointer;
    font-size: 16px;
    padding: unset
}

header .dropdown.place_drop button:focus {
    box-shadow: unset;
    outline: unset
}

header .dropdown.place_drop button.dropdown-toggle {
    position: relative
}

header .dropdown.place_drop button.dropdown-toggle::after {
    border: unset;
    content: "";
    background: url(../images/cheron-down.png);
    vertical-align: unset;
    margin-left: 10px;
    width: 12px;
    height: 7px
}

header .dropdown.place_drop .dropdown-menu {
    padding: unset;
    top: 35px
}

header .dropdown.place_drop .dropdown-menu .dropdown-item {
    padding: 5px 20px
}

header .dropdown.place_drop .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #f6f6f6
}

header .dropdown.place_drop .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

header .dropdown.place_drop.show button {
    background: transparent;
    border: unset;
    color: #ff725e;
    cursor: pointer;
    font-size: 16px;
    padding: unset
}

header .dropdown.place_drop.show .dropdown-toggle {
    background: transparent;
    border: none;
    color: #ff725e;
    position: relative
}

header .dropdown.place_drop.show .dropdown-toggle:focus {
    box-shadow: none !important
}

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

header .icons .div-lang {
    margin-right: 24px;
    justify-content: center;
    align-self: center
}

header .icons .div-lang img {
    width: 26px
}

header .icons .div-lang .text-beta {
    margin-top: 3px;
    margin-left: 2px;
    top: auto;
    left: auto
}

header .icons .menu-account {
    border: 1px solid #bebebe;
    padding: 5px 10px;
    border-radius: 8px
}

header .icons .menu-account img.menu {
    width: 22px;
    margin-right: 25px
}

header .icons .menu-account img.account {
    width: 21px;
    height: 20px
}

header .icons .menu-account a {
    display: inline-block
}

header .icons .menu-account .account-a {
    padding: 4px 6.5px 7px 6.5px;
    background: #bebebe;
    border-radius: 50%;
    display: inline-block
}

header .language-pop {
    display: none;
    background: #ffffff;
    border-radius: 8px;
    width: 200px;
    box-shadow: rgba(194, 194, 194, 0.5) 0px 5px 15px;
    padding: 25px 25px;
    position: absolute;
    top: 60px;
    right: 15px;
    z-index: 5
}

header .language-pop a {
    color: #000000
}

header .language-pop ul.popul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px
}

header .language-pop ul.popul li {
    color: #000000
}

header .language-pop ul.popul li a {
    color: #000000
}

header .language-pop ul.popul li a.active {
    font-weight: 600
}

header .language-pop ul.popul li a:hover {
    font-weight: 600
}

header .language-pop ul.popul li:first-child {
    padding-bottom: 10px
}

header .language-pop ul.popul.sec-nd {
    margin-bottom: 15px !important
}

header .language-pop ul.popul.sec-nd li {
    padding-bottom: 10px
}

header .language-pop.login-pop::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    width: 100%;
    height: 1px;
    background: #b1b1b1;
    content: "";
    z-index: 1
}

header .main {
    display: block
}

header .navbar {
    width: 100%;
    padding: unset
}

header .navbar .navbar-brand {
    width: 260px;
    margin-right: 0px
}

section.banner-section {
    background: url(../images/banner-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px 48px
}

section.banner-section .pl-pr-25 {
    padding: 0px 40px
}

section.banner-section h1 {
    text-transform: uppercase;
    font-size: 48px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px
}

section.banner-section form .form-group input {
    padding: 17px 30px 15px;
    width: 100%;
    border-radius: 8px;
    border: unset;
    font-size: 14px;
    color: #777777
}

section.banner-section form .form-group input::placeholder {
    font-size: 14px;
    color: #777777
}

section.banner-section form .form-group input:focus {
    outline: 0;
    box-shadow: unset
}

section.banner-section form .form-group button {
    position: absolute;
    right: 39px;
    background: #ff725e;
    border-radius: 0px 8px 8px 0px;
    padding: 12.7px 15px
}

section.banner-section form .form-group button:focus {
    outline: 0;
    box-shadow: unset
}

section.banner-section form .form-group button:hover {
    right: 39px;
    background: #6b7280
}

section.banner-section ul {
    list-style: none;
    padding-left: unset;
    margin-bottom: 52px;
    display: flex;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    padding: 9px 24px 8px 24px
}

section.banner-section ul li {
    padding: 0px 15px;
    position: relative
}

section.banner-section ul li a {
    font-size: 14px;
    color: #ffffff
}

section.banner-section ul li a img {
    margin-right: 10px;
    height: 26px
}

section.banner-section ul li:first-child {
    padding-left: 0px
}

section.banner-section ul li:last-child {
    padding-right: 0px
}

section.banner-section ul li:hover::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 2.5px;
    background: #ff725e;
    z-index: 2
}

section.banner-section .view-cars {
    text-align: center
}

section.banner-section .view-cars a {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
    display: inline-block;
    padding: 10px 24px 10px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.banner-section .view-cars a:hover {
    text-decoration: unset;
    border: 2px solid #ffffff;
    background: transparent;
    color: #ffffff
}

section.changing-way {
    position: relative;
    padding: 86px 0px 96px
}

section.changing-way h1 {
    text-align: center;
    margin: 0px auto 50px;
    text-transform: uppercase;
    width: 650px;
    max-width: 100%
}

section.changing-way .logo-width {
    width: 60%
}

section.changing-way .margin-bottom-20 {
    margin-bottom: 20px
}

section.changing-way .content-sec h4 {
    font-size: 16px;
    font-weight: 600;
    color: #6b7280
}

section.changing-way .content-sec p {
    font-size: 12px;
    font-weight: 300;
    color: #777777;
    margin-bottom: 0px;
    line-height: 1.2;
    height: 70px
}

section.changing-way .img-sec {
    width: 63px;
    height: 63px;
    background: white;
    border-radius: 50%;
    padding: 2px;
    border: 1px solid #cccccc;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 13px;
    position: relative
}

section.changing-way .img-sec:hover {
    background: #6b7280
}

section.changing-way .img-sec::before {
    content: "";
    position: absolute;
    left: 72px;
    top: 24px;
    z-index: 2;
    background-repeat: no-repeat
}

section.changing-way .img-sec.img-sec-name-car::before {
    left: 72px;
    background: url(../images/shape-1.png);
    width: 130px;
    height: 67px
}

section.changing-way .img-sec.img-sec-quality::before {
    left: -142px;
    background: url(../images/shape-2.png);
    width: 129px;
    height: 68px
}

section.changing-way .img-sec.img-sec-pickup::before {
    left: 72px;
    background: url(../images/shape-3.png);
    width: 119px;
    height: 8px
}

section.changing-way .img-sec.img-sec-day-ride::before {
    left: -132px;
    background: url(../images/shape-4.png);
    width: 119px;
    height: 8px
}

section.changing-way .img-sec.img-sec-financing::before {
    left: 72px;
    top: -34px;
    background: url(../images/shape-5.png);
    width: 129px;
    height: 67px
}

section.changing-way .img-sec.img-sec-saving::before {
    left: -142px;
    top: -34px;
    background: url(../images/shape-6.png);
    width: 130px;
    height: 67px
}

section.changing-way .img-sec img {
    padding: 8px 8px;
    position: relative
}

section.changing-way .img-sec img.name-car {
    position: relative
}

section.changing-way .img-sec .hvr-img {
    display: none
}

section.changing-way .img-sec .non-hvr {
    display: block
}

section.changing-way .img-sec:hover .hvr-img {
    display: block
}

section.changing-way .img-sec:hover .non-hvr {
    display: none
}

section.changing-way .view-all {
    margin-top: 30px
}

section.changing-way .view-all a {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 10px 24px 10px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.8px
}

section.changing-way .view-all a:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

section.featured-cars,
section.section-listing-carousel {
    background: #f8f8f8;
    padding: 60px 0px 84px
}

section.featured-cars.section-listing-recentview,
section.section-listing-carousel.section-listing-recentview {
    background-color: transparent
}

section.featured-cars .view-all a,
section.section-listing-carousel .view-all a {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 10px 24px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.featured-cars .view-all a:hover,
section.section-listing-carousel .view-all a:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

section.featured-cars .featured-carousel,
section.featured-cars .car-listing-carousel,
section.section-listing-carousel .featured-carousel,
section.section-listing-carousel .car-listing-carousel {
    margin-top: 30px
}

section.featured-cars .featured-carousel .carousel-content .box,
section.featured-cars .car-listing-carousel .carousel-content .box,
section.section-listing-carousel .featured-carousel .carousel-content .box,
section.section-listing-carousel .car-listing-carousel .carousel-content .box {
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 7px;
    box-shadow: rgba(159, 159, 159, 0.13) 6px 0px 13px;
    position: relative
}

section.featured-cars .featured-carousel .carousel-content .box img,
section.featured-cars .car-listing-carousel .carousel-content .box img,
section.section-listing-carousel .featured-carousel .carousel-content .box img,
section.section-listing-carousel .car-listing-carousel .carousel-content .box img {
    margin: unset;
    position: relative
}

section.featured-cars .featured-carousel .carousel-content .box img.opacity,
section.featured-cars .car-listing-carousel .carousel-content .box img.opacity,
section.section-listing-carousel .featured-carousel .carousel-content .box img.opacity,
section.section-listing-carousel .car-listing-carousel .carousel-content .box img.opacity {
    opacity: 0.4
}

section.featured-cars .featured-carousel .carousel-content .box img.reserved,
section.featured-cars .car-listing-carousel .carousel-content .box img.reserved,
section.section-listing-carousel .featured-carousel .carousel-content .box img.reserved,
section.section-listing-carousel .car-listing-carousel .carousel-content .box img.reserved {
    position: absolute;
    top: 50px;
    left: 50px
}

section.featured-cars .featured-carousel .carousel-content .box .inside,
section.featured-cars .car-listing-carousel .carousel-content .box .inside,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside {
    padding: 30px 20px 20px
}

section.featured-cars .featured-carousel .carousel-content .box .inside .display-flex,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .display-flex,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .display-flex,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .display-flex {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 8px 0px 8px
}

section.featured-cars .featured-carousel .carousel-content .box .inside .display-flex p,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .display-flex p,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .display-flex p,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .display-flex p {
    font-size: 11.2px;
    margin-bottom: 0px
}

section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex {
    display: flex;
    justify-content: space-between
}

section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex img,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex img,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex img,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex img {
    width: 30px
}

section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex .text,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex .text,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex .text,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex .text {
    align-self: center;
    justify-content: center
}

section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex a,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex a,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex a,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex a {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 8px 21px 7px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex a:hover,
section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex a:hover,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex a:hover,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex a:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

section.featured-cars .featured-carousel .carousel-content .box .inside img,
section.featured-cars .car-listing-carousel .carousel-content .box .inside img,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside img,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside img {
    width: 16px;
    margin-right: 11px
}

section.featured-cars .featured-carousel .carousel-content .box .inside h5,
section.featured-cars .car-listing-carousel .carousel-content .box .inside h5,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside h5,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h5 {
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: 11px;
    height: 30px
}

section.featured-cars .featured-carousel .carousel-content .box .inside p,
section.featured-cars .car-listing-carousel .carousel-content .box .inside p,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside p,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside p {
    font-size: 12px;
    color: #777777
}

section.featured-cars .featured-carousel .carousel-content .box .inside h4,
section.featured-cars .car-listing-carousel .carousel-content .box .inside h4,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside h4,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h4 {
    font-size: 18px;
    font-weight: 600;
    color: #6b7280;
    margin: 10px 0px
}

section.featured-cars .featured-carousel .carousel-content .box .inside h2,
section.featured-cars .car-listing-carousel .carousel-content .box .inside h2,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside h2,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h2 {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    margin-bottom: 15px
}

section.featured-cars .featured-carousel .carousel-content .box .inside h2 span,
section.featured-cars .car-listing-carousel .carousel-content .box .inside h2 span,
section.section-listing-carousel .featured-carousel .carousel-content .box .inside h2 span,
section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h2 span {
    font-size: 18px;
    font-weight: 400
}

section.featured-cars .featured-carousel.slick-initialized .slick-slide,
section.featured-cars .car-listing-carousel.slick-initialized .slick-slide,
section.section-listing-carousel .featured-carousel.slick-initialized .slick-slide,
section.section-listing-carousel .car-listing-carousel.slick-initialized .slick-slide {
    margin: 0px 8px
}

section.featured-cars .featured-carousel .slick-arrow,
section.featured-cars .car-listing-carousel .slick-arrow,
section.section-listing-carousel .featured-carousel .slick-arrow,
section.section-listing-carousel .car-listing-carousel .slick-arrow {
    position: absolute;
    top: 44%;
    z-index: 5;
    cursor: pointer
}

section.featured-cars .featured-carousel .slick-arrow.slick-prev,
section.featured-cars .car-listing-carousel .slick-arrow.slick-prev,
section.section-listing-carousel .featured-carousel .slick-arrow.slick-prev,
section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-prev {
    left: -70px
}

section.featured-cars .featured-carousel .slick-arrow.slick-next,
section.featured-cars .car-listing-carousel .slick-arrow.slick-next,
section.section-listing-carousel .featured-carousel .slick-arrow.slick-next,
section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-next {
    right: -70px
}

section.sell-or-buy-car {
    background: url(../images/background-white-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 52px 0px 50px
}

section.sell-or-buy-car h1 {
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 15px
}

section.sell-or-buy-car h1 span {
    color: #6b7280
}

section.sell-or-buy-car p {
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    margin-bottom: 24px
}

section.sell-or-buy-car p span {
    color: #6b7280
}

section.sell-or-buy-car p span a {
    color: #777777;
    font-weight: 600
}

section.sell-or-buy-car p.change-font {
    font-size: 12px
}

section.sell-or-buy-car img.barcode {
    margin: 0px auto 20px
}

section.sell-or-buy-car img.playstore {
    width: 169px
}

section.sell-or-buy-car img.google-store {
    width: 169px;
    margin-right: 12px
}

section.sell-or-buy-car .mobile-app-carousel {
    margin-top: -40px;
    position: relative
}

section.sell-or-buy-car .mobile-app-carousel .slick-slide img {
    margin: 0px auto
}

section.sell-or-buy-car form .form-group {
    width: 555px;
    margin: 0px auto 30px;
    position: relative
}

section.sell-or-buy-car form .form-group select {
    border: none;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/top-bottom-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 0px;
    padding-right: 25px;
    left: 20px;
    top: 16px;
    color: #777777;
    font-size: 16px;
    height: 26px;
    z-index: 2;
    width: 112px
}

section.sell-or-buy-car form .form-group select:focus {
    outline: 0;
    box-shadow: unset
}

section.sell-or-buy-car form .form-group button {
    position: absolute;
    right: 0px;
    background: #ff725e;
    border-radius: 0px 8px 8px 0px;
    padding: 13.5px 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #ff725e
}

section.sell-or-buy-car form .form-group button:focus {
    outline: 0;
    box-shadow: unset
}

section.sell-or-buy-car form .form-group button:hover {
    background: #6b7280;
    border: 1px solid #6b7280
}

section.sell-or-buy-car form .form-group input {
    width: 555px;
    padding: 15px 130px 15px 150px;
    color: #777777;
    border: 1px solid #b7b7b7;
    border-radius: 8px;
    font-size: 16px
}

section.sell-or-buy-car form .form-group input::placeholder {
    color: #777777;
    font-size: 16px
}

section.sell-or-buy-car form .form-group input:focus {
    outline: 0;
    box-shadow: unset
}

section.how-it-works {
    padding: 78px 0px;
    background: url(../images/banner-img-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

section.how-it-works h1 {
    font-size: 48px;
    color: #ffffff;
    margin-bottom: 86px;
    text-align: center;
    text-transform: uppercase
}

section.how-it-works p.trsnfrm-p {
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    position: absolute;
    transform: rotate(-90deg);
    left: 0px;
    top: 225px
}

section.how-it-works p.trsnfrm-p::before {
    content: "";
    position: absolute;
    left: -140px;
    top: 14px;
    width: 120px;
    height: 1px;
    background: #ffffff;
    z-index: 1
}

section.how-it-works .round-icon {
    position: relative
}

section.how-it-works .round-icon::before {
    content: "";
    position: absolute;
    top: 35%;
    left: 48%;
    border: 3px solid #ffffff;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ff725e;
    z-index: 3
}

section.how-it-works .img-how {
    text-align: center;
    width: 205px;
    margin: 0px auto
}

section.how-it-works .img-how img {
    height: 85px;
    margin-bottom: 72px
}

section.how-it-works .img-how h4 {
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 22px;
    text-transform: uppercase;
    height: 40px
}

section.how-it-works .img-how p {
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 0px
}

section.how-it-works .div-line {
    position: absolute;
    width: 100%;
    top: 341px;
    height: 2px;
    z-index: 1;
    background: #a3a9a8
}

section.happy-customers {
    padding: 80px 0px
}

section.happy-customers h1 {
    text-align: center;
    margin-bottom: 74px;
    position: relative
}

section.happy-customers h1::before {
    content: "";
    position: absolute;
    left: 45%;
    bottom: -34px;
    width: 88px;
    height: 1px;
    z-index: 1;
    background: #000000
}

section.happy-customers .customer-carousel .carousel-itm .content {
    padding: 34px 30px 40px 18px;
    background: #ffffff;
    min-height: 150px;
    box-shadow: rgba(13, 115, 119, 0.15) 0px 5px 35px;
    border-radius: 8px;
    position: relative
}

section.happy-customers .customer-carousel .carousel-itm .content p {
    font-style: italic;
    font-size: 16px;
    color: #777777;
    margin-bottom: 0px
}

section.happy-customers .customer-carousel .carousel-itm .content::before {
    position: absolute;
    content: "";
    background: url(../images/SVG/QUOTE.svg);
    background-repeat: no-repeat;
    width: 69px;
    height: 69px;
    top: -40px;
    left: 40%;
    z-index: 3;
    transform: rotate(180deg)
}

section.happy-customers .customer-carousel .carousel-itm .content::after {
    position: absolute;
    content: "";
    background: url(../images/white-triangle.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 29px;
    left: 12%;
    bottom: -28px;
    z-index: 3
}

section.happy-customers .customer-carousel .carousel-itm .customer-name {
    margin-top: 50px;
    display: flex
}

section.happy-customers .customer-carousel .carousel-itm .customer-name .div-icon {
    margin-right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #6b7280;
    justify-content: center;
    padding: 13px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600
}

section.happy-customers .customer-carousel .carousel-itm .customer-name .div-name h5 {
    font-size: 14px;
    font-weight: 600;
    color: #000000
}

section.happy-customers .customer-carousel .carousel-itm .customer-name .div-name p {
    font-size: 14px;
    font-weight: 400;
    color: #8d8d8d;
    margin-bottom: 0px
}

section.happy-customers .customer-carousel.slick-initialized .slick-slide {
    margin: 40px 16px
}

section.happy-customers .customer-carousel .slick-arrow {
    position: absolute;
    top: 44%;
    z-index: 5;
    cursor: pointer
}

section.happy-customers .customer-carousel .slick-arrow.slick-prev {
    left: -50px
}

section.happy-customers .customer-carousel .slick-arrow.slick-next {
    right: -50px
}

section.happy-customers .customer-carousel .slick-dots-in {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-left: unset;
    margin-bottom: 0px
}

section.happy-customers .customer-carousel .slick-dots-in li {
    background: #c4c4c4;
    margin: 0px 6.5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer
}

section.happy-customers .customer-carousel .slick-dots-in li.slick-active {
    background: #6b7280;
    width: 12px;
    height: 12px;
    margin-top: -1px
}

section.happy-customers .customer-carousel .slick-dots-in li button {
    background: transparent;
    display: none
}

section.used-cars-category {
    position: relative;
    background: #f7f7f7;
    padding: 62px 0px 22px
}

section.used-cars-category h1 {
    margin-bottom: 40px
}

section.used-cars-category .nav-pills {
    display: block
}

section.used-cars-category .nav-pills .nav-item {
    margin-bottom: 30px
}

section.used-cars-category .nav-pills .nav-item:last-child {
    margin-bottom: unset
}

section.used-cars-category .nav-pills .nav-item .nav-link {
    font-weight: 500;
    font-size: 16px;
    color: #777777;
    padding: unset;
    border-radius: unset;
    display: inline-block
}

section.used-cars-category .nav-pills .nav-item .nav-link.active {
    color: #000;
    background: transparent;
    border-bottom: 1px solid #ff725e;
    padding-bottom: 5px
}

section.used-cars-category .nav-pills .nav-item .nav-link:hover {
    color: #000000
}

section.used-cars-category .view-all {
    margin-top: 30px
}

section.used-cars-category .view-all a {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 10px 24px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

section.used-cars-category .view-all a:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

section.used-cars-category .tab-content .tab-pane a .car-img {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 0px 0px 15px;
    margin-bottom: 22px;
    margin-top: 10px
}

section.used-cars-category .tab-content .tab-pane a .car-img img {
    padding: 0px 34px
}

section.used-cars-category .tab-content .tab-pane a .car-img h4 {
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: unset;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase
}

section.used-cars-category .tab-content .tab-pane a .car-img:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: rgba(194, 194, 194, 0.5) 0px 5px 15px
}

section.used-cars-category .tab-content .tab-pane a .car-img.pdng-15 {
    padding: 15px 0px
}

section.frequently-asked {
    padding-top: 72px
}

section.frequently-asked h1 {
    margin-bottom: 74px;
    position: relative
}

section.frequently-asked h1::before {
    content: "";
    position: absolute;
    left: 45%;
    bottom: -34px;
    width: 88px;
    height: 1px;
    z-index: 1;
    background: #000000
}

section.frequently-asked .accordion-cls .card {
    display: none;
    border: unset;
    border-radius: 8px
}

section.frequently-asked .accordion-cls .card.bg-color {
    background: #f7f7f7;
    border-left: 4px solid #ff725e;
    margin-bottom: 20px;
    margin-top: 0px
}

section.frequently-asked .accordion-cls .card.bg-color .card-header h5 .btn-link {
    padding: 28px 27px 13px
}

section.frequently-asked .accordion-cls .card.bg-color .card-body {
    padding: 13px 27px 30px
}

section.frequently-asked .accordion-cls .card .card-header {
    padding: unset;
    background: transparent;
    border: unset
}

section.frequently-asked .accordion-cls .card .card-header h5 .btn-link {
    padding: 13px 27px;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    position: relative
}

section.frequently-asked .accordion-cls .card .card-header h5 .btn-link:hover {
    text-decoration: unset
}

section.frequently-asked .accordion-cls .card .card-header h5 .btn-link::before {
    position: absolute;
    content: "";
    background-image: url(../images/cheron-top-yellow.png);
    background-repeat: no-repeat;
    right: 28px;
    top: 28px;
    z-index: 1;
    width: 24px;
    height: 24px
}

section.frequently-asked .accordion-cls .card .card-header h5 .btn-link.collapsed {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: rgba(194, 194, 194, 0.5) 0px 5px 15px;
    margin-bottom: 20px;
    z-index: 3
}

section.frequently-asked .accordion-cls .card .card-header h5 .btn-link.collapsed::before {
    position: absolute;
    content: "";
    background-image: url(../images/cheron-down-white.png);
    background-repeat: no-repeat;
    right: 14px;
    top: 0px;
    z-index: 1;
    width: 52px;
    height: 52px
}

section.frequently-asked .accordion-cls .card .card-body {
    padding: 13px 27px
}

section.frequently-asked .accordion-cls .card .card-body p {
    font-weight: 300;
    font-size: 16px;
    color: #777777;
    margin-bottom: 0px
}

section.frequently-asked .loadmore {
    margin-top: 25px
}

section.frequently-asked .loadmore a {
    font-size: 18px;
    font-weight: 600;
    color: #ff725e;
    border: 1px solid #b1b1b1;
    border-bottom: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 15px 25px 15px 30px;
    display: inline-block
}

section.frequently-asked .loadmore a img {
    transition: 0.5s
}

section.frequently-asked .loadmore a:hover {
    text-decoration: unset
}

section.frequently-asked .loadmore a:hover>img {
    transform: rotate(180deg);
    transition: 0.5s
}

footer {
    background-color: #e0e0e0;
    padding: 70px 0px 96px;
    position: relative;
    z-index: 3
}

footer .footer-logo {
    width: 80%
}

footer .social {
    margin-top: 35px
}

footer .social a {
    background: #6b7280;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: flex;
    float: left;
    justify-content: center;
    margin-right: 24px
}

footer .social a:last-child {
    margin-right: 0px
}

footer .social a img.fb-img {
    width: 30px
}

footer .social a img.twtr-img {
    width: 20px
}

footer .social a img.insta-img {
    width: 20px
}

footer h3 {
    color: #6b7280;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 34px
}

footer ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px
}

footer ul li {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

footer ul li a {
    color: #000
}

footer ul li a:hover {
    color: #6b7280
}

footer .copy-right {
    border-top: 1px solid #c8c8c8;
    text-align: center;
    margin-top: 50px
}

footer .copy-right p {
    margin-top: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-bottom: 0px
}

section.faq-details {
    background: url(../images/faq-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    padding: 120px 0px
}

section.faq-details h1 {
    font-size: 60px;
    font-weight: bold;
    color: #ffffff;
    text-align: center
}

section.order-details {
    background: url(../images/order-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    padding: 120px 0px
}

section.order-details h1 {
    font-size: 60px;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-shadow: 2px 2px #fff;
}

section.faq-accordian {
    padding: 15px 0px 50px
}

section.faq-accordian h1 {
    margin-bottom: 30px;
    margin-top: 45px
}

section.faq-accordian h2.tab-main-title {
    margin-bottom: 30px;
    margin-top: 45px;
    font-size: 40px;
    font-weight: bold;
    color: black
}

section.faq-accordian .accordion-cls-faq .accordion .card {
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 8px
}

section.faq-accordian .accordion-cls-faq .accordion .card .card-header {
    background: transparent;
    border-bottom: unset;
    padding: 20px
}

section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link {
    color: #6b7280;
    font-size: 22px;
    font-weight: 600;
    padding: unset;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none
}

section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link:hover {
    text-decoration: unset
}

section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link::before {
    position: absolute;
    content: "";
    background-image: url(../images/x-shape.png);
    background-repeat: no-repeat;
    right: 0px;
    top: 7px;
    z-index: 1;
    width: 17px;
    height: 17px
}

section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link.collapsed::before {
    position: absolute;
    content: "";
    background-image: url(../images/plus-shape.png);
    background-repeat: no-repeat;
    right: 0px;
    top: 7px;
    z-index: 1;
    width: 16px;
    height: 17px
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body p {
    font-size: 16px
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul {
    margin-bottom: 0px;
    list-style: none;
    padding-left: 30px
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul li {
    font-size: 16px;
    color: #777777;
    margin-bottom: 20px;
    position: relative
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul li::before {
    position: absolute;
    content: "";
    left: -30px;
    top: 10px;
    width: 15px;
    height: 3px;
    z-index: 2;
    background: #777777
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul li span {
    font-weight: 600;
    color: #000000
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse.show {
    position: relative
}

section.faq-accordian .accordion-cls-faq .accordion .card .collapse.show::before {
    content: "";
    position: absolute;
    background: #ff725e;
    width: 145px;
    height: 4px;
    left: 20px;
    top: -5px;
    z-index: 3
}

section.faq-accordian .accordion-cls-faq .accordion .card.border-color {
    border: 1px solid #6b7280;
    border-bottom: 1px solid #6b7280 !important
}

section.faq-accordian .accordion-cls-faq .accordion>.card:not(:last-of-type) {
    border-bottom: 1px solid #cdcdcd
}

.car-detailed-page {
    padding: 60px 0px 56px
}

.car-detailed-page h1 {
    margin-bottom: 60px
}

.car-detailed-page .details {
    margin-bottom: 30px
}

.car-detailed-page .details h2 {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #6b7280;
    line-height: 26px
}

.car-detailed-page .details h2 span {
    font-size: 24px;
    font-weight: 400
}

.car-detailed-page .details p {
    font-size: 18px;
    color: #777777;
    margin-bottom: 30px
}

.car-detailed-page .details p.learn-more {
    color: #000000;
    margin-bottom: 20px
}

.car-detailed-page .details h5 {
    color: #ff725e;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    display: inline-block
}

.car-detailed-page .details h5::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #ff725e;
    width: 100%;
    height: 2px
}

.car-detailed-page .details .rating {
    margin-top: 15px
}

.car-detailed-page .details .rating img {
    width: 55px;
    margin-right: 5px
}

.car_detail_box {
    margin-top: 10px;
    margin-bottom: 00px;
    box-shadow: 0px 0px 12px rgba(159, 159, 159, 0.23);
    background: #ffffff;
    padding: 30px 30px 35px;
    border-radius: 8px
}

.car_detail_box h3 {
    font-size: 24px;
    font-weight: bold;
    color: #6b7280;
    margin-bottom: 45px;
    position: relative
}

.car_detail_box h3::before {
    content: "";
    position: absolute;
    background: #ff725e;
    width: 122px;
    height: 4px;
    left: 0px;
    bottom: -17px;
    z-index: 3
}

.car_detail_box p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 5px
}

.car_detail_box p.passed {
    color: #6b7280;
    margin-bottom: 8px;
    text-align: right
}

.car_detail_box p.passed img {
    margin-right: 15px
}

.car_detail_box p.span-cls {
    margin-bottom: 8px
}

.car_detail_box p.span-cls span {
    color: #777777;
    font-size: 14px;
    line-height: 20px
}

.center {
    position: relative
}

.center h1 {
    margin-top: 60px;
    margin-bottom: 40px
}

.center .stick-pill-tab {
    margin-bottom: 50px
}

.center .stick-pill-tab .nav-pills {
    border: 1px solid #bebebe;
    border-radius: 8px;
    padding: 7px;
    width: 350px
}

.center .stick-pill-tab .nav-pills .nav-item {
    width: 49%;
    text-align: center;
    font-weight: bold;
    font-size: 18px
}

.center .stick-pill-tab .nav-pills .nav-item .nav-link {
    color: #bebebe
}

.center .stick-pill-tab .nav-pills .nav-item .nav-link.active {
    color: #ffffff;
    background: #ff725e
}

.center .stick-pills .nav-pills {
    position: fixed;
    top: 20px;
    width: 350px;
    z-index: 5
}

.center .tab-content .tab-pane {
    background: #ffffff
}

.center .tab-content .tab-pane .left-sidebar {
    background: #ffffff
}

.center .tab-content .tab-pane .left-sidebar .left-sidebar2 {
    text-align: left;
    overflow-y: scroll;
    height: 95vh
}

.center .tab-content .tab-pane .left-sidebar .left-sidebar2 .navigation {
    padding: unset;
    border: 1px solid #e2e2e2;
    border-radius: 8px
}

.center .tab-content .tab-pane .left-sidebar .left-sidebar2 .navigation li {
    border-bottom: 1px solid #e2e2e2;
    padding: 22px 30px 22px 15px
}

.center .tab-content .tab-pane .left-sidebar .left-sidebar2 .navigation li:last-child {
    border-bottom: unset
}

.center .tab-content .tab-pane .left-sidebar .left-sidebar2 .navigation li a {
    color: #777777;
    font-size: 18px
}

.center .tab-content .tab-pane .left-sidebar .left-sidebar2 .navigation li a.active {
    color: #6b7280;
    font-weight: 600;
    font-size: 20px
}

.center .tab-content .tab-pane .stick .left-sidebar2 {
    position: fixed;
    width: 350px;
    top: 0px;
    height: 100vh
}

.center .tab-content .tab-pane .main-content {
    padding-left: 30px
}

.center .tab-content .tab-pane .main-content .section p {
    font-size: 16px;
    color: #777777;
    margin-bottom: 24px
}

.center .tab-content .tab-pane .main-content .section p.margin-btm-35 {
    margin-bottom: 35px
}

.center .tab-content .tab-pane .main-content .section p a {
    color: #6b7280
}

.center .tab-content .tab-pane .main-content .section h2 {
    margin-bottom: 55px;
    margin-top: 35px;
    font-size: 30px;
    font-weight: bold;
    position: relative
}

.center .tab-content .tab-pane .main-content .section h2::before {
    content: "";
    position: absolute;
    background: #ff725e;
    width: 145px;
    height: 4px;
    left: 0px;
    bottom: -20px;
    z-index: 3
}

.center .tab-content .tab-pane .main-content .section ul {
    position: relative;
    list-style: none;
    padding-left: 30px
}

.center .tab-content .tab-pane .main-content .section ul li {
    font-size: 16px;
    color: #777777;
    margin-bottom: 24px
}

.center .tab-content .tab-pane .main-content .section ul li span {
    position: absolute;
    left: 0px
}

.center .tab-content .tab-pane .main-content .section ul li a {
    color: #6b7280
}

.center .tab-content .tab-pane .main-content .section ol {
    position: relative;
    padding-left: 18px
}

.center .tab-content .tab-pane .main-content .section ol li {
    font-size: 16px;
    color: #777777;
    margin-bottom: 24px;
    padding-left: 10px
}

.center .tab-content .tab-pane .main-content .section ol li span {
    position: absolute;
    left: 0px
}

.center .tab-content .tab-pane .main-content .section ol li a {
    color: #6b7280
}

.list-box .box {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: rgba(159, 159, 159, 0.13) 0px 6px 18px;
    margin-bottom: 30px;
    position: relative
}

.list-box .box img {
    margin: unset;
    position: relative;
    width: 100%
}

.list-box .box img.opacity {
    opacity: 0.4
}

.list-box .box img.reserved {
    position: absolute;
    top: 50px;
    left: 50px
}

.list-box .box .inside {
    padding: 30px 20px 20px
}

.list-box .box .inside .display-flex {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 8px 0px 8px
}

.list-box .box .inside .display-flex p {
    font-size: 11.2px;
    margin-bottom: 0px
}

.list-box .box .inside .whislist-flex {
    display: flex;
    justify-content: space-between
}

.list-box .box .inside .whislist-flex img {
    width: 30px
}

.list-box .box .inside .whislist-flex .text {
    align-self: center;
    justify-content: center
}

.list-box .box .inside .whislist-flex a {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 8px 21px 7px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.list-box .box .inside .whislist-flex a:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

.list-box .box .inside img {
    width: 16px;
    margin-right: 11px
}

.list-box .box .inside h5 {
    height: 30px;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: 11px
}

.list-box .box .inside p {
    font-size: 12px;
    color: #777777
}

.list-box .box .inside h4 {
    font-size: 18px;
    font-weight: 600;
    color: #6b7280;
    margin: 10px 0px
}

.list-box .box .inside h2 {
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    margin-bottom: 15px
}

.list-box .box .inside h2 span {
    font-size: 18px;
    font-weight: 400
}

.car-details-section {
    padding-top: 40px;
    padding-bottom: 80px
}

.car-details-section form .form-group {
    margin-bottom: 10px
}

.car-details-section form .form-group input {
    padding: 17px 30px 15px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #bebebe;
    font-size: 14px;
    color: #777777
}

.car-details-section form .form-group input::placeholder {
    font-size: 14px;
    color: #777777
}

.car-details-section form .form-group input:focus {
    outline: 0;
    box-shadow: unset
}

.car-details-section form .form-group label {
    position: absolute;
    right: 205px;
    top: 13px;
    height: 30px;
    padding-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #777777;
    padding-left: 20px;
    border-left: 1px solid #bebebe
}

.car-details-section form .form-group select {
    position: absolute;
    right: 90px;
    top: 8px;
    width: 110px;
    border: unset;
    background: transparent;
    font-size: 14px;
    color: #ff725e;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/cheron-down.png);
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 18px;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer
}

.car-details-section form .form-group select:focus {
    outline: 0;
    box-shadow: none
}

.car-details-section form .form-group button {
    position: absolute;
    right: 15px;
    top: 0px;
    background: #ff725e;
    border-radius: 0px 8px 8px 0px;
    padding: 13.8px 15px
}

.car-details-section form .form-group button:focus {
    outline: 0;
    box-shadow: unset
}

.car-details-section form .form-group button:hover {
    right: 15px;
    background: #6b7280
}

.car-details-section h1 {
    font-size: 38px;
    text-transform: uppercase;
    padding-bottom: 24px;
    margin-bottom: 36px;
    display: inline-block;
    border-bottom: 1px solid #6b7280
}

.car-details-section .filter-div {
    background: #f4f4f4;
    padding-bottom: 10px
}

.car-details-section .filter-div h4 {
    padding-top: 24px;
    padding-bottom: 27px;
    font-size: 27px;
    color: #6b7280;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1
}

.car-details-section .filter-div .accordion-filter {
    margin: 0px 12px
}

.car-details-section .filter-div .accordion-filter .accordion .card {
    border: unset;
    color: #777777;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 18px;
    padding: 20px 12px;
    font-size: small;
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-header {
    background: #ffffff;
    padding: unset;
    border: unset
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-header h2 {
    line-height: 0.5
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-header h2 button {
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    font-size: 16.2px;
    padding: unset;
    line-height: 1;
    border: unset;
    width: 100%;
    text-align: left
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-header h2 button:hover {
    text-decoration: unset
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-header h2 button::before {
    position: absolute;
    content: "";
    background-image: url(../images/cheveron-down-yellow.png);
    background-repeat: no-repeat;
    transform: rotate(180deg);
    right: 18px;
    top: 27px;
    z-index: 1;
    width: 16px;
    height: 10px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-header h2 button.collapsed::before {
    position: absolute;
    content: "";
    background-image: url(../images/cheveron-down-yellow.png);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    right: 18px;
    top: 24px;
    z-index: 1;
    width: 16px;
    height: 10px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body {
    margin-top: 12px;
    padding: unset
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body ul {
    list-style: none;
    padding-left: unset
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section {
    border-top: 1px solid #e1e1e1
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section h3 {
    padding-top: 18px;
    font-size: 12px;
    color: #777777;
    margin-bottom: 9px;
    font-weight: 400
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul {
    margin-bottom: 20px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.filter_li {
    border: 1px solid #dadada;
    padding: 7px 8.5px;
    margin-bottom: 8px;
    border-radius: 6px;
    display: inline-block;
    width: auto
}



.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.filter_li li.color-change .filter-inner-div {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.filter_li li.color-change {
  color: #fff !important;
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.color-change {
    border: 1px solid #6b7280;
    background: #6b7280;
    color: #fff !important;
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.filter_li_li {
    display: inline-block;
    width: 49%
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.filter_li_li .filter-checkbox {
    font-size: 11px;
    font-weight: 400;
    color: #777777
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.filter_ul li.filter_li_li .filter-checkbox input {
    margin-right: 10px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.fuel_type {
    margin-top: 10px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li {
    text-align: center;
    display: inline-block;
    margin: 5px;
    font-weight: 400;
    font-size: 11px;
    color: #777777
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span {
    display: block;
    background: #f3efef;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
    border: 1px solid #777777;
    margin: 0 auto
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.white {
    background: white
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.grey {
    background: gray
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.black {
    background: black
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.silver {
    background: silver
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.blue {
    background: blue
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.red {
    background: red
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.brown {
    background: brown
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.gold {
    background: gold
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.green {
    background: green
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.orange {
    background: orange
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.yellow {
    background: yellow
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.colors_ul li span.border-change {
    border: 3px solid #6b7280
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .filter-checkbox {
    display: flex;
    font-size: 11px;
    font-weight: 400;
    color: #777777
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .filter-checkbox span {
    width: 250px;
    position: relative;
    margin-left: 10px;
    margin-top: -1px;
    cursor: pointer
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .filter-checkbox span img {
    position: absolute;
    right: 0px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .sub_filter_ul {
    padding-top: 15px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .sub_filter_ul .filter_li {
    display: inline-block;
    width: 48%
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .sub_filter_ul .filter_li .filter-checkbox {
    display: block
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .sub_filter_ul .filter_li .filter-checkbox input {
    margin-right: 7px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section ul.dropdown_ul_li .filter_li .sub_filter_ul.hide {
    display: none
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section.more_filter {
    border: unset
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section.more_filter .border-field {
    border-top: 1px solid #e1e1e1
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section.more_filter ul.filter_ul {
    margin-bottom: 15px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section.more_filter ul.body_ul li.filter_li {
    width: 49%
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section.more_filter ul.body_ul li.filter_li img {
    width: 60px;
    margin: 0 auto;
    display: block
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section .search-div {
    position: relative
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section .search-div input {
    position: relative;
    width: 100%;
    border: 1px solid #e1e1e1;
    color: #777777;
    font-size: 11px;
    font-weight: 400;
    padding: 8px 10px 8px 30px;
    margin-top: 18px;
    border-radius: 6px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section .search-div input:focus {
    outline: 0;
    box-shadow: unset
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .filter-section .search-div img {
    position: absolute;
    left: 10px;
    top: 27px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .btn-div {
    padding-top: 10px
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .btn-div button.show-cars {
    font-size: 12.6px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 8px 18px 8px;
    border-radius: 6px;
    text-transform: uppercase
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .btn-div button.show-cars:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

.car-details-section .filter-div .accordion-filter .accordion .card .card-body .btn-div button.show-cars:focus {
    outline: 0;
    box-shadow: unset
}

.car-details-section .flex-div {
    display: flex
}

.car-details-section .flex-div .left-side-div {
    width: 315px;
    margin-right: 35px
}

.car-details-section .flex-div .right-side-boxes {
    width: calc(100% - 355px)
}

.car-details-section .flex-div .right-side-boxes .pdng-lr {
    padding: 0px 12px
}

.car-details-section .flex-div .right-side-boxes .list-box .box img.reserved {
    top: 40px;
    left: 40px;
    width: 150px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside {
    padding: 30px 18px 20px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside .display-flex p {
    font-size: 11px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside .whislist-flex img {
    width: 24px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside .whislist-flex a {
    font-size: 14.4px;
    padding: 8px 18px 7px;
    letter-spacing: 0.9px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside img {
    width: 16px;
    margin-right: 11px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside h5 {
    font-size: 14.4px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside p {
    font-size: 12px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside h4 {
    font-size: 16.2px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside h2 {
    font-size: 27px
}

.car-details-section .flex-div .right-side-boxes .list-box .box .inside h2 span {
    font-size: 16px
}

.detail-header-fix {
    background: #000000;
    padding: 30px 0px
}

.detail-header-fix .detail-ul-fixed {
    list-style: none;
    display: flex;
    margin-bottom: unset;
    padding: unset
}

.detail-header-fix .detail-ul-fixed li {
    padding: 0px 20px;
    position: relative
}

.detail-header-fix .detail-ul-fixed li a {
    color: #ffffff;
    font-size: 16px;
    position: relative
}

.detail-header-fix .detail-ul-fixed li a.active {
    border-bottom: 2px solid #ff725e
}

.detail-header-fix .detail-ul-fixed li a:hover {
    border-bottom: 2px solid #ff725e
}

.detail-header-fix .detail-ul-fixed li:first-child {
    padding-left: 0px
}

.detail-header-fix .detail-ul-fixed li:last-child {
    padding-right: 0px
}

.detail-header-fix.fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 999;
    padding: 14px 0px
}

.bread-crumb nav .breadcrumb {
    background: transparent;
    border-radius: unset;
    margin: unset;
    padding: 30px 0px
}

.bread-crumb nav .breadcrumb .breadcrumb-item {
    color: #777777;
    font-size: 14px
}

.bread-crumb nav .breadcrumb .breadcrumb-item a {
    color: #777777;
    font-size: 14px
}

.bread-crumb nav .breadcrumb .breadcrumb-item a:hover {
    color: #000000
}

.car-img-details .big-img-carousel .slick-slide img {
    width: 100%;
    border-radius: 8px
}

.car-img-details .big-img-carousel .slick-slide video {
    width: 100%;
    border-radius: 8px;
    max-height: 400px
}

.car-img-details .small-img-carousel {
    margin-top: 40px
}

.car-img-details .small-img-carousel .slick-slide {
    margin: 0px 10px
}

.car-img-details .small-img-carousel .slick-slide img {
    border-radius: 8px;
    cursor: pointer;
    width: 100%
}

.car-img-details .small-img-carousel .image-sec h5 {
    font-size: 16px;
    font-weight: 500;
    color: #6b7280;
    margin-top: 20px
}

.car-img-details .small-img-carousel .slick-arrow {
    top: 30%;
    position: absolute;
    z-index: 5
}

.car-img-details .small-img-carousel .slick-arrow.slick-prev {
    left: -40px
}

.car-img-details .small-img-carousel .slick-arrow.slick-next {
    right: -30px
}

.car-img-details .details-car {
    margin-left: 20px
}

.car-img-details .details-car h2 {
    font-size: 30px;
    font-weight: 600;
    color: black;
    margin-bottom: 26px
}

.car-img-details .details-car .text-description {
    font-size: 14px;
    color: #777777;
    margin-bottom: 20px
}

.car-img-details .details-car .span-div {
    background: #6b7280;
    padding: 10px 10px;
    border-radius: 4px
}

.car-img-details .details-car .span-div img {
    width: 28px;
    margin-right: 8px
}

.car-img-details .details-car .span-div span {
    font-size: 12px;
    color: #fff
}

.car-img-details .details-car .line {
    border-top: 1px solid #ededed;
    margin-top: 20px;
    padding-top: 20px
}

.car-img-details .details-car .icon-div img {
    width: 27px;
    margin-right: 10px
}

.car-img-details .details-car .icon-div span {
    font-size: 16px;
    color: #777777
}

.car-img-details .details-car p {
    font-size: 16px;
    color: #777777;
    margin-bottom: 28px
}

.car-img-details .details-car p.by-date {
    text-align: right;
    margin-bottom: 0px
}

.car-img-details .details-car p.by-date span {
    color: #6b7280
}

.car-img-details .details-car select {
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 10px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    background-image: url(../images/cheron-down.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 20px;
    cursor: pointer;
    font-size: 16px;
    color: #777777;
    margin-top: 20px;
    margin-bottom: 25px
}

.car-img-details .details-car select:focus {
    outline: 0;
    box-shadow: unset
}

.car-img-details .details-car h3 {
    font-weight: bold;
    font-size: 36px;
    color: #000000
}

.car-img-details .details-car h3 span {
    font-size: 20px;
    font-weight: 400
}

.car-img-details .details-car h4 {
    color: #6b7280;
    font-size: 20px;
    font-weight: 600;
}

.car-img-details .details-car .div_button {
    position: relative
}

.car-img-details .details-car .div_button button {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    padding: 14px 18px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.car-img-details .details-car .div_button button:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

.car-img-details .details-car .div_button button.wish-list {
    position: absolute;
    right: 15px;
    color: #fff;
    background: #ff725e
}

.car-img-details .details-car .div_button button.wish-list img {
    margin-right: 20px;
    width: 25px
}

.car-img-details .detailed_inspection_icon {
    padding: 80px 0px 70px
}

.car-img-details .detailed_inspection_icon .margin-both {
    margin: 0px 10px
}

.car-img-details .detailed_inspection_icon .outer-border {
    width: 125px;
    height: 125px;
    margin: 0px auto 20px;
    border-radius: 50%;
    border: 5px solid #f8f8f8;
    box-shadow: rgba(78, 57, 57, 0.3) 0px 0px 13px
}

.car-img-details .detailed_inspection_icon .outer-border .img-span {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-self: center;
    border: 2px solid #dedede
}

.car-img-details .detailed_inspection_icon .outer-border .img-span img {
    width: 70px
}

.car-img-details .detailed_inspection_icon p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #777777
}

.car-img-details .detailed_inspection_icon h5 {
    font-size: 18px;
    color: #6b7280;
    margin-bottom: 0px
}

.inspection-perfection {
    padding: 55px 0px;
    background: url(../images/background-gray-blue.png);
    background-repeat: no-repeat;
    background-size: cover
}

.inspection-perfection .border-right {
    border-right: 2px solid #ededed
}

.inspection-perfection h1 {
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.inspection-perfection .car_detail_box {
    padding: 60px 50px 55px 60px;
    margin-right: 40px;
    margin-bottom: 15px
}

.inspection-perfection .car_detail_box p {
    margin-bottom: 24px
}

.inspection-perfection .car_detail_box a,
.inspection-perfection .car_detail_box button {
    margin-top: 25px
}

.inspection-perfection .car_detail_box a.view-report,
.inspection-perfection .car_detail_box button.view-report {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    padding: 14px 24px;
    border-radius: 8px;
    text-transform: uppercase
}

.inspection-perfection .car_detail_box a.view-report:hover,
.inspection-perfection .car_detail_box button.view-report:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

.inspection-perfection .margin-left {
    margin-left: 40px
}

.inspection-perfection img.right-img {
    margin-top: 15px;
    margin-bottom: 45px
}

.inspection-perfection ul {
    list-style: none;
    padding-left: 74px;
    margin-bottom: 50px
}

.inspection-perfection ul li {
    position: relative;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.2;
    min-height: 58px
}

.inspection-perfection ul li span img {
    height: 55px;
    margin-left: -74px
}

.inspection-perfection ul li::before {
    content: "";
    left: -74px;
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 1;
    top: 0
}

.inspection-perfection ul li:first-child::before {
    background: url(../images/svg2/INSPECTION.svg)
}

.inspection-perfection ul li:nth-child(2)::before {
    background: url(../images/svg2/NEWDRIVE.svg)
}

.inspection-perfection ul li:last-child::before {
    background: url(../images/svg2/REFURBISHMENT.svg)
}

.inspection-perfection p {
    font-size: 16px;
    color: #000000
}

.inspection-perfection p a {
    color: #6b7280;
    text-decoration: underline;
    text-transform: uppercase
}

section.exclusive-benifit {
    background: url(../images/exclusive-benifit.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px 60px
}

section.exclusive-benifit h1 {
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px
}

section.exclusive-benifit ul {
    display: flex;
    list-style: none;
    margin-bottom: 48px
}

section.exclusive-benifit ul li {
    margin: 0px 10px;
    padding: 6px 25px 6px 7px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px
}

section.exclusive-benifit ul li:first-child {
    margin-left: 0px
}

section.exclusive-benifit ul li:last-child {
    margin-right: 0px
}

section.exclusive-benifit ul li img {
    margin-right: 15px
}

section.exclusive-benifit .img-how .yellow-bg {
    background: #ff725e;
    width: 100px;
    height: 80px;
    border-radius: 8px;
    margin: 0 auto 32px;
    justify-content: center;
    align-self: center;
    display: flex
}

section.exclusive-benifit .img-how .yellow-bg img {
    width: 70px
}

section.exclusive-benifit .img-how h5 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width: 250px;
    margin: 0 auto 15px
}

section.exclusive-benifit .img-how p {
    font-weight: 14px;
    font-weight: 300;
    color: #ffffff;
    margin: 0 auto;
    width: 250px
}

.three-icon-spec {
    padding: 60px 0px 80px
}

.three-icon-spec .img_content.border-right {
    border-right: 2px solid #b2b2b2
}

.three-icon-spec .img_content .img-span {
    margin: 30px auto 25px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-self: center;
    border: 5px solid #9ec7c9
}

.three-icon-spec .img_content .img-span img {
    width: 90px
}

.three-icon-spec .img_content h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
    text-align: center;
    margin: 0px 40px
}

.three-icon-spec .img_content p {
    font-size: 14px;
    color: #777777;
    margin-bottom: 0px;
    text-align: center;
    margin: 20px 20px
}

.Similar_cars {
    background: #f2f2f2
}

.more-cars-for-you .line {
    background: #ededed;
    height: 1px;
    width: 100%;
    margin-bottom: 60px
}

.more-cars-for-you .line-two {
    background: #ededed;
    height: 1px;
    width: 100%;
    margin-top: 60px
}

.more-cars-for-you h1 {
    text-align: center;
    margin-bottom: 40px
}

.more-cars-for-you .content-img-div {
    position: relative
}

.more-cars-for-you .content-img-div img {
    width: 100%
}

.more-cars-for-you .content-img-div::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(to top, #303030 13%, rgba(255, 255, 255, 0.07) 100%);
    z-index: 1
}

.more-cars-for-you .content-img-div span {
    padding: 9px 20px 8px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ff725e;
    font-size: 16px;
    line-height: 0.9
}

.more-cars-for-you .content-img-div .over-lay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    transition: 0.5s
}

.more-cars-for-you .content-img-div .over-lay h4 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
    transition: 0.5s
}

.more-cars-for-you .content-img-div .over-lay button {
    display: none;
    transition: 0.5s
}

.more-cars-for-you .content-img-div .over-lay button.explore-now {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    padding: 10px 20px;
    border-radius: 8px;
    text-transform: uppercase;
    line-height: 0.9
}

.more-cars-for-you .content-img-div .over-lay button.explore-now:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

.more-cars-for-you .content-img-div:hover {
    transition: 0.5s
}

.more-cars-for-you .content-img-div:hover .over-lay {
    transition: 0.5s
}

.more-cars-for-you .content-img-div:hover .over-lay button {
    display: inline-block;
    transition: 0.5s
}

.three-icon-spec-last {
    padding: 60px 0px 80px
}

.three-icon-spec-last .img_content {
    border: 1px solid #ededed;
    border-radius: 8px;
    height: 100%
}

.three-icon-spec-last .img_content:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px
}

.three-icon-spec-last .img_content .outer-border {
    width: 136px;
    height: 136px;
    margin: 30px auto 25px;
    border-radius: 50%;
    border: 5px solid #f8f8f8;
    box-shadow: rgba(78, 57, 57, 0.3) 0px 0px 13px
}

.three-icon-spec-last .img_content .outer-border .img-span {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-self: center;
    border: 2px solid #dedede
}

.three-icon-spec-last .img_content .outer-border .img-span img {
    width: 70px
}

.three-icon-spec-last .img_content h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
    text-align: center;
    margin: 0px 40px
}

.three-icon-spec-last .img_content ul {
    margin-top: 25px;
    margin-bottom: 40px;
    list-style: none;
    padding-left: 40px;
    padding-right: 8px
}

.three-icon-spec-last .img_content ul li {
    position: relative;
    margin-bottom: 12px
}

.three-icon-spec-last .img_content ul li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ff725e;
    left: -20px;
    top: 6px;
    border-radius: 50%
}

.three-icon-spec-last .img_content ul li a {
    color: #777777;
    font-size: 16px
}

.three-icon-spec-last .img_content ul li a:hover {
    color: #6b7280;
    text-decoration: underline
}

.process-states .buy-sell-sec {
    background: #6b7280;
    padding: 56px 38px
}

.process-states .buy-sell-sec h1 {
    font-size: 36px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 18px
}

.process-states .buy-sell-sec ul.left_side_ul {
    margin-bottom: 26px;
    padding-bottom: 26px;
    display: flex;
    padding-left: 20px;
    border-bottom: 1px solid #ff725e
}

.process-states .buy-sell-sec ul.left_side_ul li {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400
}

.process-states .buy-sell-sec ul.left_side_ul li:first-child {
    margin-right: 95px
}

.process-states .buy-sell-sec h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 28px
}

.process-states .buy-sell-sec p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 0px
}

.process-states .buy-sell-sec p span {
    font-weight: 600
}

.process-states .buy-sell-sec .div_nav_pills .nav-tabs {
    border: 1px solid #ffffff;
    background: #ffffff;
    border-radius: 8px;
    padding: 4px 4px 5px;
    justify-content: space-between
}

.process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item {
    width: 49%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    border: unset
}

.process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item:hover {
    border: unset
}

.process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item .nav-link {
    color: #bebebe;
    border: unset;
    border-radius: 8px
}

.process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item .nav-link.active {
    color: #ffffff;
    background: #ff725e
}

.process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item .nav-link:hover {
    border: unset
}

.process-states button {
    margin-bottom: 65px;
    margin-top: 48px;
    background: transparent;
    border-radius: 8px;
    border: 1px solid #ff725e;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding: 14px 50px
}

.process-states button.back {
    margin-right: 36px;
    background: transparent;
    color: #ff725e
}

.process-states button.proceed {
    background: #ff725e;
    color: #ffffff
}

.process-states button.proceed:hover {
    background: transparent;
    color: #ff725e
}

.process-states button.home_delivery {
    background: #fbe7b1;
    border: 1px solid #ff725e;
    font-size: 16px;
    color: #000000;
    padding: 14px 40px;
    display: block;
    margin-top: 24px;
    margin-bottom: 40px
}

.process-states .right_side {
    padding-top: 53px;
    padding-left: 45px
}

.process-states .right_side .outer-border {
    width: 66px;
    height: 66px;
    margin: 0px auto 25px;
    border-radius: 50%;
    border: 4px solid #f8f8f8;
    box-shadow: rgba(78, 57, 57, 0.3) 0px 0px 13px
}

.process-states .right_side .outer-border .img-span {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-self: center;
    border: 2px solid #dedede
}

.process-states .right_side .outer-border .img-span img {
    width: 40px
}

.process-states .right_side h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #6b7280
}

.process-states .right_side p {
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 25px
}

.process-states .right_side p span {
    font-size: 18px;
    font-weight: 600;
    color: #6b7280;
    position: absolute;
    left: 5px;
    top: 0px
}

.process-states .right_side p.delivery_pick {
    color: #777777;
    padding-left: 0px;
    margin-left: 0px
}

.process-states .right_side p.delivery_pick span {
    font-size: 16px;
    position: relative;
    left: unset
}

.process-states .right_side p.delivery_pick span.place {
    color: #ff725e
}

.process-states .right_side p.delivery_pick span.date {
    color: #6b7280
}

.process-states .right_side select {
    border: 1px solid #bebebe;
    background: transparent;
    font-size: 16px;
    color: #000000;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/cheron-down.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 18px;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    width: 360px;
    max-width: 100%
}

.process-states .right_side select:focus {
    outline: 0;
    box-shadow: none
}

.process-states .box_big_process {
    border-radius: 16px;
    background: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08)
}

.process-states .box_big_process .yellow_sec {
    background: #ff725e;
    border-radius: 16px 16px 0px 0px;
    padding: 20px 44px 20px
}

.process-states .box_big_process .yellow_sec p {
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 4px;
    text-transform: uppercase
}

.process-states .box_big_process .yellow_sec h2 {
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 0px;
    font-weight: bold
}

.process-states .box_big_process .white_sec {
    padding: 35px 44px 20px
}

.process-states .box_big_process .white_sec p {
    font-weight: 500;
    font-size: 18px;
    color: black;
    margin-bottom: 28px
}

.process-states .box_big_process .white_sec p.color_change {
    color: #6b7280
}

.process-states .box_ul_process {
    border-radius: 16px;
    background: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
    padding: 37px 37px 20px 60px;
    list-style: none
}

.process-states .box_ul_process li {
    margin-bottom: 24px;
    position: relative
}

.process-states .box_ul_process li::before {
    content: "";
    position: absolute;
    left: -24px;
    top: 7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff725e
}

.process-states .div_bg_color {
    position: relative;
    background: #f5f5f5;
    margin-top: 92px
}

.process-states .div_bg_color .box_big_process,
.process-states .div_bg_color .box_ul_process {
    margin-top: -54px
}

.process-states #progressbar {
    overflow: hidden;
    padding-left: unset;
    border-right: 1px solid #bebebe;
    padding-top: 32px
}

.process-states #progressbar li {
    list-style-type: none;
    width: 100%;
    position: relative;
    padding-left: 74px;
    padding: 21px 15px 23px 74px
}

.process-states #progressbar li::before {
    content: "";
    width: 16px;
    height: 16px;
    line-height: 20px;
    display: block;
    font-size: 12px;
    color: #bebebe;
    background: #bebebe;
    border: 2px solid #bebebe;
    border-radius: 50%;
    margin: 0px 0px;
    position: absolute;
    left: 17.5px;
    top: 42px;
    z-index: 3
}

.process-states #progressbar li::after {
    content: "";
    width: 2px;
    height: 91%;
    background: #bebebe;
    position: absolute;
    left: 24px;
    top: -47px;
    z-index: 1
}

.process-states #progressbar li:first-child:after {
    content: none
}

.process-states #progressbar li.active {
    background: #f1feff
}

.process-states #progressbar li.active::before {
    background: transparent;
    background-image: url(../images/dot-round.png);
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: unset;
    left: 13px
}

.process-states #progressbar li.active::after {
    background: #ff725e
}

.process-states #progressbar li a {
    font-size: 18px;
    font-weight: 600;
    color: #000000
}

.process-states #progressbar li a span {
    font-weight: 300;
    color: #777777;
    font-size: 16px
}

.process-states .step_done {
    background: transparent !important
}

.process-states .step_done::before {
    background-image: url("../images/check-yellow.png") !important;
    background-repeat: no-repeat !important;
    background-color: #ff725e !important;
    background-position: 80% 50% !important;
    color: rgba(190, 190, 190, 0.01) !important;
    width: 53px !important;
    height: 53px !important;
    left: 0px !important;
    top: 22px !important
}

.sell-top-slip {
    background: #e7e7e7;
    padding: 12px 0px
}

.sell-top-slip .slip_div {
    display: flex;
    justify-content: space-between;
    align-self: center
}

.sell-top-slip h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 0px;
    line-height: 2.3
}

.sell-top-slip button {
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #ffffff;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #6b7280
}

.sell-top-slip button img {
    padding-left: 10px
}

.sell-process-mode {
    background: url(../images/process_bg_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 65%;
    padding: 78px 0px 102px
}

.sell-process-mode h1 {
    margin-top: 72px;
    margin-bottom: 46px;
    font-size: 48px;
    color: #000000
}

.sell-process-mode ul.feature_sell_points {
    list-style: none;
    padding-left: 50px
}

.sell-process-mode ul.feature_sell_points li {
    font-size: 20px;
    margin-bottom: 15px;
    position: relative
}

.sell-process-mode ul.feature_sell_points li::before {
    content: "";
    left: -50px;
    top: 0;
    position: absolute;
    width: 39px;
    height: 30px;
    z-index: 1;
    background: url(../images/check-parallel.png)
}

.sell-process-mode form {
    background: rgba(231, 231, 231, 0.9);
    padding: 32px 30px 35px;
    margin-right: 15px
}

.sell-process-mode form h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    width: 400px;
    max-width: 100%
}

.sell-process-mode form h3 span.free {
    color: #6b7280
}

.sell-process-mode form h3 span.instant {
    color: #ff725e
}

.sell-process-mode form input {
    width: 100%;
    background: white;
    border-radius: 4px;
    padding: 16px;
    border: 1px solid #fff;
    color: #000000;
    font-size: 16.2px;
    font-weight: 500
}

.sell-process-mode form input::placeholder {
    color: #777777
}

.sell-process-mode form input:focus {
    outline: 0;
    box-shadow: unset
}

.sell-process-mode form select {
    border: 1px solid #fff;
    background: white;
    font-size: 16px;
    color: #777777;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/cheron-down.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 26px;
    padding: 16px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 100%
}

.sell-process-mode form select:focus {
    outline: 0;
    box-shadow: none
}

.sell-process-mode form button.evaluate {
    background: #ff725e;
    border-radius: 6px;
    border: 1px solid #ff725e;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%
}

.sell-process-mode form button.evaluate:hover {
    background: transparent;
    color: #ff725e
}

.vertical_progressbar #progressbar {
    overflow: hidden;
    padding-left: unset;
    padding-top: 95px;
    margin-bottom: 46px;
    display: flex
}

.vertical_progressbar #progressbar li {
    list-style-type: none;
    width: 100%;
    position: relative;
    padding-top: 40px;
    margin: 0 auto;
    text-align: center
}

.vertical_progressbar #progressbar li::before {
    content: "";
    width: 16px;
    height: 16px;
    line-height: 20px;
    display: block;
    font-size: 12px;
    color: #bebebe;
    background: #bebebe;
    border: 2px solid #bebebe;
    border-radius: 50%;
    margin: 0px auto;
    position: absolute;
    left: 45%;
    top: 0px;
    z-index: 3
}

.vertical_progressbar #progressbar li::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #bebebe;
    position: absolute;
    left: -51%;
    top: 6px;
    z-index: 1
}

.vertical_progressbar #progressbar li:first-child:after {
    content: none
}

.vertical_progressbar #progressbar li.active::before {
    background: transparent;
    background-image: url(../images/dot-round.png);
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: unset;
    left: 45%;
    top: -6px
}

.vertical_progressbar #progressbar li.active::after {
    background: #ff725e
}

.vertical_progressbar #progressbar li h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase
}

.vertical_progressbar .step_done {
    background: transparent !important
}

.vertical_progressbar .step_done::before {
    background-image: url("../images/check-yellow.png") !important;
    background-repeat: no-repeat !important;
    background-color: #ff725e !important;
    background-position: 80% 50% !important;
    color: rgba(190, 190, 190, 0.01) !important;
    width: 53px !important;
    height: 53px !important;
    left: 40% !important;
    top: -22px !important
}

.car-valuation_head {
    padding-bottom: 64px
}

.car-valuation_head h2 {
    font-weight: bold;
    font-size: 30px;
    color: #6b7280;
    margin-bottom: unset;
    text-align: center
}

.car-valuation {
    background: url(../images/inspection-car.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-bottom: 85px
}

.car-valuation .box_model_condition {
    background: #ffffff;
    box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    padding: 39px 50px 42px 39px
}

.car-valuation .box_model_condition .each_row {
    display: flex;
    margin-bottom: 16px
}

.car-valuation .box_model_condition label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #000000;
    width: 225px;
    align-self: center
}

.car-valuation .box_model_condition select {
    border: 1px solid #dcdcdc;
    background: white;
    font-size: 16px;
    color: #777777;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/cheron-down.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 26px;
    padding: 16px;
    border-radius: 4px;
    cursor: pointer;
    width: calc(100% - 230px)
}

.car-valuation .box_model_condition select:focus {
    outline: 0;
    box-shadow: none
}

.car-valuation .box_model_condition input {
    width: calc(100% - 230px);
    background: white;
    border-radius: 4px;
    padding: 16px;
    border: 1px solid #dcdcdc;
    color: #777777;
    font-size: 16px;
    font-weight: 400
}

.car-valuation .box_model_condition input::placeholder {
    color: #777777
}

.car-valuation .box_model_condition input:focus {
    outline: 0;
    box-shadow: unset
}

.car-valuation .box_model_condition input.milage {
    position: relative;
    background-image: url(../images/check_yellow.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 20px;
    color: #6b7280
}

.car-valuation .box_model_condition input.milage::placeholder {
    color: #6b7280
}

.car-valuation .box_model_condition ul {
    padding-left: unset
}

.car-valuation .box_model_condition ul li {
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 16px;
    border-radius: 4px;
    text-align: center;
    color: #777777;
    font-size: 16px;
    cursor: pointer
}

.car-valuation .box_model_condition ul li.active {
    border: 1px solid #6b7280;
    background: #6b7280;
    color: #ffffff
}

.car-valuation .box_model_condition ul.options li {
    width: 142px;
    margin-right: 7px
}

.car-valuation .box_model_condition ul.options li:last-child {
    margin: unset
}

.car-valuation .box_model_condition ul.paint li {
    width: 190px;
    margin-right: 10px
}

.car-valuation .box_model_condition ul.paint li:last-child {
    margin: unset
}

.car-valuation .box_model_condition ul.gcc li {
    width: 190px;
    margin-right: 10px
}

.car-valuation .box_model_condition ul.gcc li:last-child {
    margin: unset
}

.car-valuation .box_model_condition .continue button {
    background: #ff725e;
    border-radius: 6px;
    border: 1px solid #ff725e;
    padding: 20px 40px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 269px;
    margin: 24px 0px 28px 225px
}

.car-valuation .box_model_condition .continue button:hover {
    background: transparent;
    color: #ff725e
}

.car-valuation .box_model_condition .continue p {
    font-size: 12px;
    font-weight: 300;
    color: #777777;
    margin-left: 225px;
    margin-bottom: 0px
}

.car-valuation .box_model_condition .continue p a {
    color: #777777;
    text-decoration: underline
}

.book-appointment h3 {
    font-size: 18px;
    color: #6b7280;
    font-weight: 600;
    margin: unset;
    background: #cfe3e4;
    padding: 18px 34px;
    border-radius: 12px;
    display: inline-block
}

.book-appointment h3 img {
    margin-right: 20px
}

.book_your_home_service {
    padding: 60px 0px 40px
}

.book_your_home_service h2 {
    margin-bottom: 48px;
    font-size: 30px;
    font-weight: bold;
    color: #000000
}

.book_your_home_service .ylw_bx {
    background: #faf3e2;
    padding: 45px 32px;
    height: 100%
}

.book_your_home_service .ylw_bx p {
    margin-bottom: 28px;
    font-size: 18px;
    color: #000000
}

.book_your_home_service .ylw_bx .flex {
    display: flex
}

.book_your_home_service .ylw_bx .flex label {
    font-size: 18px;
    font-weight: 600;
    color: #777777;
    background: white;
    border: 1px solid #d4d4d4;
    margin-bottom: 0px;
    border-radius: 6px;
    padding: 10.5px 15px;
    margin-right: 12px
}

.book_your_home_service .ylw_bx .flex input {
    margin-right: 12px;
    font-size: 16px;
    color: #777777;
    background: white;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    padding: 10.5px 15px
}

.book_your_home_service .ylw_bx .flex button.submit {
    background: #e5b039;
    border: 1px solid #e5b039;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%
}

.book_your_home_service .ylw_bx .flex button.submit:hover {
    background: transparent;
    color: #e5b039
}

.book_your_home_service .wht_bx {
    background: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    padding: 31px 24px 9px 40px;
    height: 100%
}

.book_your_home_service .wht_bx h4 {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    margin-bottom: 18px;
    position: relative
}

.book_your_home_service .wht_bx h4::before {
    position: absolute;
    content: "";
    left: -30px;
    top: 0px;
    background: url(../images/check-parallel_small.png);
    width: 23px;
    height: 18px
}

.book_your_home_service .wht_bx p {
    font-weight: 300;
    font-size: 14px;
    color: #777777;
    margin-bottom: 20px
}

.section_white_box_process .white_box_process {
    padding: 40px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05)
}

.section_white_box_process .white_box_process .border_right {
    border-right: 1px solid #d4d4d4
}

.section_white_box_process .white_box_process .boder_div {
    margin-right: 25px
}

.section_white_box_process .white_box_process .boder_div .branches {
    border: 1px solid #d4d4d4;
    margin-bottom: 22px;
    border-radius: 6px;
    padding: 10px
}

.section_white_box_process .white_box_process .boder_div .branches ul {
    list-style: none;
    padding: unset;
    margin-bottom: 0px
}

.section_white_box_process .white_box_process .boder_div .branches ul li {
    background: #f9f9f9;
    margin-bottom: 10px;
    padding: 22px 20px 17px;
    position: relative;
    border-radius: 6px
}

.section_white_box_process .white_box_process .boder_div .branches ul li:last-child {
    margin-bottom: 0px
}

.section_white_box_process .white_box_process .boder_div .branches ul li h3 {
    font-size: 18px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 16px
}

.section_white_box_process .white_box_process .boder_div .branches ul li .find_me {
    display: flex
}

.section_white_box_process .white_box_process .boder_div .branches ul li .find_me select {
    border: 1px solid #d4d4d4;
    background: white;
    font-size: 16px;
    color: #777777;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(../images/cheron-down.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 20px;
    padding: 9px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 100%
}

.section_white_box_process .white_box_process .boder_div .branches ul li .find_me select:focus {
    outline: 0;
    box-shadow: none
}

.section_white_box_process .white_box_process .boder_div .branches ul li .find_me button.find_location {
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #d4d4d4;
    padding: 8px;
    color: #ffffff;
    width: 64px;
    height: 48px;
    margin-left: 12px
}

.section_white_box_process .white_box_process .boder_div .branches ul li .find_me button.find_location img {
    width: 25px
}

.section_white_box_process .white_box_process .boder_div .branches ul li p {
    font-size: 14px;
    font-weight: 300;
    color: #6b7280;
    margin-bottom: 30px
}

.section_white_box_process .white_box_process .boder_div .branches ul li::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../images/check-parallel_nthng.png);
    width: 23px;
    height: 18px
}

.section_white_box_process .white_box_process .boder_div .branches ul li.active {
    background: #6b7280
}

.section_white_box_process .white_box_process .boder_div .branches ul li.active h3 {
    color: #ffffff
}

.section_white_box_process .white_box_process .boder_div .branches ul li.active p {
    color: #ffffff
}

.section_white_box_process .white_box_process .boder_div .branches ul li.active::before {
    background: url(../images/check-parallel_small.png)
}

.section_white_box_process .white_box_process .boder_div .light_blue {
    background: #edf6f6;
    padding: 30px 24px;
    border: 1px solid #d4d4d4;
    border-radius: 6px
}

.section_white_box_process .white_box_process .boder_div .light_blue p {
    font-size: 14px;
    font-weight: 300;
    color: #000000
}

.section_white_box_process .white_box_process .contac_div {
    margin-left: 22px
}

.section_white_box_process .white_box_process .contac_div h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px
}

.section_white_box_process .white_box_process .contac_div form .input_div {
    display: flex
}

.section_white_box_process .white_box_process .contac_div form input {
    width: 100%;
    background: white;
    border-radius: 4px;
    padding: 9px 15px;
    border: 1px solid #d4d4d4;
    color: #000000;
    font-size: 16.2px;
    font-weight: 500;
    width: calc(100% - 127px)
}

.section_white_box_process .white_box_process .contac_div form input::placeholder {
    color: #777777
}

.section_white_box_process .white_box_process .contac_div form input:focus {
    outline: 0;
    box-shadow: unset
}

.section_white_box_process .white_box_process .contac_div form button.find_location {
    background: #e5b039;
    border-radius: 6px;
    border: 1px solid #e5b039;
    padding: 8px;
    color: #ffffff;
    width: 64px;
    height: 46px;
    margin-left: 12px;
    margin-right: 50px
}

.section_white_box_process .white_box_process .contac_div form button.find_location img {
    width: 28px
}

.section_white_box_process .white_box_process .contac_div form button.find_location:hover {
    background: transparent
}

.section_white_box_process .white_box_process .contac_div form button.confirm_location {
    background: #e5b039;
    border-radius: 6px;
    border: 1px solid #e5b039;
    padding: 15px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    width: 100%
}

.section_white_box_process .white_box_process .contac_div form button.confirm_location:hover {
    background: transparent;
    color: #e5b039
}

.section_white_box_process .white_box_process .contac_div form .map {
    margin: 20px 0px
}

.section_white_box_process .white_box_process .contac_div form .map iframe {
    width: 100%;
    height: 298px
}

.desclaimer_section {
    padding-bottom: 262px;
    padding-top: 48px
}

.desclaimer_section .disclaimer {
    background: #f4f4f4;
    padding: 17px 25px
}

.desclaimer_section .disclaimer h6 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 24px
}

.desclaimer_section .disclaimer p {
    margin-bottom: 0px;
    color: #777777;
    font-size: 12px;
    font-weight: 300
}

.green_bg_sec {
    background: #6b7280;
    padding: 0px 0px 54px
}

.green_bg_sec h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 36px;
    text-align: center
}

.green_bg_sec .youtube {
    margin-top: -182px
}

.green_bg_sec .youtube iframe {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    box-shadow: 0px 0px 15px #000
}

.green_bg_sec .flex_cls {
    display: flex;
    margin-top: 36px;
    justify-content: space-between
}

.green_bg_sec ul {
    list-style: none;
    padding-left: unset;
    width: 49%;
    display: inline-block
}

.green_bg_sec ul li {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 16px;
    position: relative;
    padding-left: 25px
}

.green_bg_sec ul li span {
    position: absolute;
    left: 0px
}

.see_similar_cars_procees {
    background: #ffffff;
    padding: 56px 0px 82px
}

.see_similar_cars_procees h2 {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: bold
}

.see_similar_cars_procees .common_issues {
    margin-top: 80px
}

.see_similar_cars_procees .common_issues h3 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 38px
}

.see_similar_cars_procees .common_issues ul {
    list-style: none;
    padding-left: unset;
    width: 40%;
    display: inline-block
}

.see_similar_cars_procees .common_issues ul li {
    font-size: 16px;
    color: #777777;
    margin-bottom: 16px;
    position: relative;
    padding-left: 25px
}

.see_similar_cars_procees .common_issues ul li span {
    position: absolute;
    left: 0px
}

.see_similar_cars_procees .common_issues button.book_appointment {
    background: #ff725e;
    border-radius: 6px;
    border: 1px solid #ff725e;
    padding: 17px 36px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase
}

.see_similar_cars_procees .common_issues button.book_appointment:hover {
    background: transparent;
    color: #ff725e
}

.wrapper {
    width: 100%;
    margin: 0px
}

.dropdown dd,
.dropdown dt,
.dropdown ul {
    margin: 0px;
    padding: 0px
}

.dropdown dd ul li a span:first-child,
.dropdown dt a span span:first-child {
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin: 7px 5px 0px 5px;
    vertical-align: top
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    padding: 6px 5px;
    white-space: nowrap
}

.dropdown dt a img {
    position: relative;
    z-index: 1
}

.dropdown dt a span span:first-child:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset
}

.dropdown dt a span span {
    display: inline-block;
    padding: 0
}

.dropdown dt a span span:first-child {
    padding: 0
}

.dropdown dd {
    position: relative
}

.dropdown a,
.dropdown a:visited {
    color: #000000;
    text-decoration: none;
    outline: none
}

.dropdown a:hover {
    color: #000000
}

.dropdown dt a:hover,
.dropdown dt a:focus {
    color: #000000
}

.dropdown dt a {
    position: relative;
    background: #ffffff;
    display: block;
    padding-right: 20px;
    overflow: hidden;
    border: 1px solid #b1b1b1;
    border-radius: 8px;
    width: 100%
}

.dropdown dt a:before {
    content: "";
    height: 8px;
    position: absolute;
    right: 12px;
    top: 16px;
    width: 14px;
    z-index: 2;
    background: url(../images/cheveron-down-green.png);
    background-repeat: unset
}

.dropdown dd ul {
    background: #ffffff;
    color: #000000;
    display: none;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    width: 100%;
    border: 1px solid #b1b1b1;
    list-style: none;
    max-height: 140px;
    overflow-y: scroll;
    top: 10px;
    z-index: 2
}

.dropdown dd ul li a {
    font-size: 16px;
    font-weight: 400
}

li a span:nth-child(2) {
    line-height: 2em
}

.dropdown dd ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.dropdown dd ul::-webkit-scrollbar-thumb {
    color: #000000
}

.dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
    background: blue
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
    font-size: 12px !important
}

.dropdown dd ul li a:hover {
    color: #000000
}

dl.dropdown {
    display: inline-block;
    width: 100%;
    margin: -3px 0 0 1px
}

dl.dropdown span:nth-child(3) {
    color: #000000
}

dl.dropdown>span:nth-child(2) {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

dl.dropdown span:nth-child(3) {
    float: right
}

dl.dropdown dt span:nth-child(2) {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em
}

dl.dropdown dt span:nth-child(3) {
    display: none
}

.countryFlag {
    padding: 0;
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    margin-right: 4px;
    width: 16px;
    cursor: pointer;
    white-space: nowrap;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    section.happy-customers .customer-carousel .slick-arrow.slick-next {
        right: -40px
    }
    section.happy-customers .customer-carousel .slick-arrow.slick-prev {
        left: -40px
    }
    section.featured-cars .featured-carousel .slick-arrow.slick-next,
    section.featured-cars .car-listing-carousel .slick-arrow.slick-next,
    section.section-listing-carousel .featured-carousel .slick-arrow.slick-next,
    section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-next {
        right: -40px
    }
    section.featured-cars .featured-carousel .slick-arrow.slick-prev,
    section.featured-cars .car-listing-carousel .slick-arrow.slick-prev,
    section.section-listing-carousel .featured-carousel .slick-arrow.slick-prev,
    section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-prev {
        left: -40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    header .icons {
        justify-content: end
    }
    section.banner-section ul li a {
        font-size: 10px
    }
    section.how-it-works .div-line {
        left: 10%;
        width: 80%
    }
    section.how-it-works p.trsnfrm-p {
        left: -30px
    }
    .logo-img-center img {
        width: 150px
    }
    section.changing-way .view-all {
        margin-top: 20px
    }
    section.changing-way .view-all a {
        font-size: 13px;
        padding: 12px 20px 11px
    }
    section.sell-or-buy-car form .form-group {
        width: 520px
    }
    section.sell-or-buy-car form .form-group input {
        width: 520px
    }
    .center .stick-pill-tab .nav-pills,
    .center .stick-pills .nav-pills,
    .center .tab-content .tab-pane .stick .left-sidebar2 {
        width: 290px
    }
    .detail-header-fix {
        padding: 25px 0px
    }
    .detail-header-fix .detail-ul-fixed li {
        padding: 0px 15px
    }
    .detail-header-fix .detail-ul-fixed li a {
        font-size: 14px
    }
    .car-img-details .details-car {
        margin-left: 0px
    }
    .car-img-details .details-car h2 {
        font-size: 26px;
        margin-bottom: 20px
    }
    .car-img-details .details-car .span-div {
        padding: 7px 7px
    }
    .car-img-details .details-car .span-div img {
        width: 24px;
        margin-right: 6px
    }
    .car-img-details .details-car .span-div span {
        font-size: 12px
    }
    .car-img-details .details-car .line {
        margin-top: 15px;
        padding-top: 15px
    }
    .car-img-details .details-car .icon-div img {
        width: 23px;
        margin-right: 7px
    }
    .car-img-details .details-car .icon-div span {
        font-size: 14px
    }
    .car-img-details .details-car p {
        font-size: 14px;
        margin-bottom: 20px
    }
    .car-img-details .details-car select {
        padding: 8px 10px;
        background-position-y: 16px;
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .car-img-details .details-car h3 {
        font-size: 30px
    }
    .car-img-details .details-car h3 span {
        font-size: 16px
    }
    .car-img-details .details-car h4 {
        font-size: 16px
    }
    .car-img-details .details-car .div_button button {
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 4px
    }
    .car-img-details .details-car .div_button button.wish-list {
        right: 15px
    }
    .car-img-details .details-car .div_button button.wish-list img {
        margin-right: 15px;
        width: 20px
    }
    .car-img-details .detailed_inspection_icon .margin-both {
        margin: 0px
    }
    .inspection-perfection .car_detail_box {
        margin-right: 0px
    }
    .inspection-perfection .margin-left {
        margin-left: 0px
    }
    section.exclusive-benifit ul li {
        margin: 0px 7px;
        padding: 6px 10px 6px 7px;
        font-size: 14px
    }
    section.exclusive-benifit ul li img {
        margin-right: 10px
    }
    .process-states .buy-sell-sec {
        padding: 50px 34px
    }
    .process-states .buy-sell-sec h1 {
        font-size: 30px
    }
    .process-states .buy-sell-sec ul.left_side_ul li {
        font-size: 16px
    }
    .process-states .buy-sell-sec ul.left_side_ul li:first-child {
        margin-right: 75px
    }
    .process-states .buy-sell-sec h3 {
        font-size: 24px;
        margin-bottom: 20px
    }
    .process-states .buy-sell-sec p {
        font-size: 16px
    }
    .process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item {
        font-size: 16px
    }
    .process-states .right_side {
        padding-left: 15px
    }
    .sell-process-mode {
        background-position: 40%
    }
    .sell-top-slip h2 {
        font-size: 20px;
        line-height: 2.8
    }
    .see_similar_cars_procees .common_issues ul {
        width: 49%
    }
    .green_bg_sec h2 {
        font-size: 34px
    }
    .green_bg_sec .youtube iframe {
        height: 370px
    }
    .green_bg_sec ul li {
        font-size: 15px
    }
    .section_white_box_process .white_box_process .contac_div h3 {
        font-size: 14px
    }
    .car-valuation_head {
        padding-bottom: 50px
    }
    .car-valuation_head h2 {
        font-size: 24px
    }
    .car-valuation .box_model_condition {
        padding: 30px 30px 30px 30px
    }
    .car-valuation .box_model_condition .each_row {
        margin-bottom: 16px
    }
    .car-valuation .box_model_condition label {
        font-size: 16px;
        width: 200px
    }
    .car-valuation .box_model_condition select {
        font-size: 12px;
        background-position-y: 23px;
        width: calc(100% - 205px)
    }
    .car-valuation .box_model_condition input {
        width: calc(100% - 205px);
        font-size: 12px
    }
    .car-valuation .box_model_condition input::placeholder {
        color: #777777
    }
    .car-valuation .box_model_condition input:focus {
        outline: 0;
        box-shadow: unset
    }
    .car-valuation .box_model_condition input.milage {
        background-position-y: 20px;
        color: #6b7280
    }
    .car-valuation .box_model_condition input.milage::placeholder {
        color: #6b7280
    }
    .car-valuation .box_model_condition ul li {
        padding: 16px 10px;
        font-size: 12px
    }
    .car-valuation .box_model_condition ul.options li {
        width: 118px
    }
    .car-valuation .box_model_condition ul.paint li {
        width: 159px
    }
    .car-valuation .box_model_condition ul.gcc li {
        width: 159px
    }
    .car-valuation .box_model_condition .continue button {
        padding: 16px 30px;
        font-size: 18px;
        width: 240px;
        margin: 24px 0px 28px 200px
    }
    .car-valuation .box_model_condition .continue p {
        font-size: 10px;
        margin-left: 200px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 18px
    }
    .hidden {
        display: none
    }
    header {
        padding: 24px 0px 18px
    }
    header .navbar .navbar-brand {
        width: 180px;
        margin-right: 0px
    }
    header .navbar .text-beta {
        top: 50px;
        left: 20px
    }
    header .navbar .navbar-toggler {
        background: transparent;
        border: none;
        padding: 0px;
        border-radius: unset
    }
    header .navbar .navbar-toggler:focus {
        outline: 0;
        box-shadow: unset
    }
    header .navbar .navbar-toggler-ico {
        position: absolute;
        z-index: 10;
        right: 0px;
        top: 0px;
        font-size: 27px;
        font-weight: bold;
        color: black
    }
    header .navbar .navbar-light .navbar-toggler {
        border: unset
    }
    header .navbar .navbar-collapse {
        position: absolute;
        top: -18px;
        right: -38px;
        transition: 0.5s;
        width: 80%;
        height: 100vh;
        z-index: 9;
        background: #ffffff;
        padding: 60px 15px 10px 15px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.active {
        font-weight: 600;
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.active>.nav-link {
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #000000;
        font-size: 16px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle {
        width: 36px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle span {
        display: flex;
        background: #bebebe;
        border-radius: 50%;
        width: 33px;
        height: 33px;
        text-align: center;
        justify-content: center;
        margin-left: 2px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle span img {
        width: 26px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle img {
        width: 38px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
        content: unset
    }
    header .navbar .collapse {
        transition: 0.5s
    }
    header .navbar-light .navbar-toggler-icon {
        background-image: url(../images/SVG/MENU.svg) !important
    }
    section.banner-section {
        background: url(../images/banner-img-mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0px 30px
    }
    section.banner-section .pl-pr-25 {
        padding: 0px 15px
    }
    section.banner-section h1 {
        font-size: 20px;
        margin-bottom: 20px
    }
    section.banner-section form .form-group input {
        padding: 11px 20px 10px;
        font-size: 11px
    }
    section.banner-section form .form-group input::placeholder {
        font-size: 11px
    }
    section.banner-section form .form-group button {
        right: 15px;
        padding: 5.5px 10px
    }
    section.banner-section form .form-group button img {
        width: 20px
    }
    section.banner-section ul {
        margin-bottom: 27px;
        display: inline-block;
        border-radius: 8px;
        width: 100%;
        padding: 10px 10px 10px 10px
    }
    section.banner-section ul li {
        padding: 0px 12px;
        position: relative;
        display: block;
        float: left;
        width: 33%;
        text-align: center;
        margin-bottom: 18px
    }
    section.banner-section ul li a {
        font-size: 11px;
        color: #ffffff;
        display: block
    }
    section.banner-section ul li a img {
        margin: 0 auto 10px;
        height: 37px;
        display: block
    }
    section.banner-section ul li:first-child {
        padding-left: 0px
    }
    section.banner-section ul li:first-child img {
        margin-right: auto
    }
    section.banner-section ul li:nth-child(3) img {
        margin-right: auto
    }
    section.banner-section ul li:last-child {
        padding-right: 0px
    }
    section.banner-section ul li:hover::before {
        height: 1.5px
    }
    section.banner-section .view-cars a {
        font-size: 11px;
        padding: 11px 240x 11px
    }
    section.changing-way {
        padding: 35px 0px 35px
    }
    section.changing-way h1 {
        margin: 0px auto 25px
    }
    section.changing-way .margin-bottom-20 {
        margin-bottom: 20px
    }
    section.changing-way .content-sec h4 {
        font-size: 9px
    }
    section.changing-way .content-sec p {
        font-size: 6.5px;
        height: 60px
    }
    section.changing-way .img-sec {
        margin: 0px auto 20px;
        width: 63px;
        height: 63px;
        background: rgba(0, 0, 0, 0.28);
        border-radius: 50%;
        padding: 2px;
        border: 3px solid #ffffff;
        box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 13px;
        position: relative
    }
    section.changing-way .img-sec::before {
        content: "";
        position: absolute;
        top: 72px;
        z-index: 2;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-name-car::before {
        left: 26px;
        top: 72px;
        background: url(../images/shape-1-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-quality::before {
        left: 28px;
        top: 72px;
        background: url(../images/shape-2-mob.png);
        width: 3px;
        height: 56px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-pickup::before {
        left: -68px;
        top: 72px;
        background: url(../images/shape-3-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-day-ride::before {
        left: 28px;
        top: -87px;
        background: url(../images/shape-4-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-financing::before {
        left: 28px;
        top: -69px;
        background: url(../images/shape-5-mob.png);
        width: 3px;
        height: 56px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-saving::before {
        left: -68px;
        top: -87px;
        background: url(../images/shape-6-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec img {
        border-radius: 50%;
        padding: 21px 8px;
        background: #ffffff;
        position: relative
    }
    section.changing-way .img-sec img:hover {
        background: #ff725e
    }
    section.changing-way .img-sec img.name-car {
        position: relative
    }
    section.changing-way .img-sec img.quality {
        padding: 4.5px 8px
    }
    section.changing-way .img-sec img.pickup {
        padding: 14.5px 8px
    }
    section.changing-way .img-sec img.day-ride {
        padding: 8px 8px
    }
    section.changing-way .img-sec img.financing {
        padding: 5.5px 8px
    }
    section.changing-way .img-sec img.saving {
        padding: 7.5px 8px
    }
    section.changing-way .logo-img {
        width: 140px;
        margin-right: 15px
    }
    section.changing-way .mrgn-tp-btm {
        margin-top: 68px;
        margin-bottom: 98px
    }
    section.changing-way .view-all {
        margin-top: 0px
    }
    section.changing-way .view-all a {
        font-size: 11px;
        padding: 11px 15px 10px
    }
    section.featured-cars,
    section.section-listing-carousel {
        padding: 30px 0px 40px
    }
    section.featured-cars .view-all a,
    section.section-listing-carousel .view-all a {
        font-size: 11px;
        padding: 6px 15px
    }
    section.featured-cars h1,
    section.section-listing-carousel h1 {
        padding-top: 5px
    }
    section.featured-cars .featured-carousel,
    section.featured-cars .car-listing-carousel,
    section.section-listing-carousel .featured-carousel,
    section.section-listing-carousel .car-listing-carousel {
        margin-top: 30px
    }
    section.featured-cars .featured-carousel .carousel-content .box img,
    section.featured-cars .car-listing-carousel .carousel-content .box img,
    section.section-listing-carousel .featured-carousel .carousel-content .box img,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box img {
        width: 100%
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside {
        padding: 25px 16px 15px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .display-flex,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .display-flex,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .display-flex,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .display-flex {
        padding: 11px 0px 9px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .display-flex p,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .display-flex p,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .display-flex p,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .display-flex p {
        font-size: 11.2px;
        margin-bottom: 0px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex {
        display: flex;
        justify-content: space-between
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex img,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex img,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex img,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex img {
        width: 30px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex .text,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex .text,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex .text,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex .text {
        align-self: center;
        justify-content: center
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex a,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex a,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex a,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex a {
        font-size: 11px;
        padding: 8px 15px 7px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside img,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside img,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside img,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside img {
        width: 20px;
        margin-right: 5px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h5,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h5,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h5,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h5 {
        font-size: 13px;
        margin-bottom: 8px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside p,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside p,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside p,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside p {
        font-size: 9px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h4,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h4,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h4,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h4 {
        font-size: 15px;
        margin: 12px 0px 8px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h2,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h2,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h2,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h2 {
        font-size: 25px;
        margin-bottom: 14px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h2 span,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h2 span,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h2 span,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h2 span {
        font-size: 13px
    }
    section.featured-cars .featured-carousel.slick-initialized .slick-slide,
    section.featured-cars .car-listing-carousel.slick-initialized .slick-slide,
    section.section-listing-carousel .featured-carousel.slick-initialized .slick-slide,
    section.section-listing-carousel .car-listing-carousel.slick-initialized .slick-slide {
        margin: 0px 8px
    }
    section.featured-cars .featured-carousel .slick-arrow,
    section.featured-cars .car-listing-carousel .slick-arrow,
    section.section-listing-carousel .featured-carousel .slick-arrow,
    section.section-listing-carousel .car-listing-carousel .slick-arrow {
        position: absolute;
        top: 44%;
        z-index: 5;
        cursor: pointer
    }
    section.featured-cars .featured-carousel .slick-arrow.slick-prev,
    section.featured-cars .car-listing-carousel .slick-arrow.slick-prev,
    section.section-listing-carousel .featured-carousel .slick-arrow.slick-prev,
    section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-prev {
        left: -70px
    }
    section.featured-cars .featured-carousel .slick-arrow.slick-next,
    section.featured-cars .car-listing-carousel .slick-arrow.slick-next,
    section.section-listing-carousel .featured-carousel .slick-arrow.slick-next,
    section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-next {
        right: -70px
    }
    section.sell-or-buy-car {
        padding: 30px 0px 20px
    }
    section.sell-or-buy-car h1 {
        font-size: 20px;
        margin-bottom: 20px
    }
    section.sell-or-buy-car p {
        font-size: 11px;
        margin-bottom: 20px
    }
    section.sell-or-buy-car img.barcode {
        margin-bottom: 20px
    }
    section.sell-or-buy-car .mobile-app-carousel {
        margin-top: 0px;
        position: relative
    }
    section.sell-or-buy-car .mobile-app-carousel .slick-slide img {
        margin: 0px auto
    }
    section.sell-or-buy-car .mobile-app-carousel::before {
        content: unset
    }
    section.sell-or-buy-car form .form-group {
        width: 100%;
        margin: 0px auto 20px
    }
    section.sell-or-buy-car form .form-group::before {
        left: 75px;
        top: 10px;
        height: 18px;
        z-index: 3
    }
    section.sell-or-buy-car form .form-group select {
        background-position-x: 100%;
        background-position-y: 0px;
        padding-right: 0px;
        background-image: url(../images/top-bottom-arrow-mobile.png);
        background-repeat: no-repeat;
        left: 10px;
        top: 11px;
        font-size: 11px;
        height: unset;
        width: 62px
    }
    section.sell-or-buy-car form .form-group button {
        padding: 8.5px 25px;
        font-size: 11px
    }
    section.sell-or-buy-car form .form-group input {
        width: 100%;
        padding: 9px 80px 8px 80px;
        font-size: 11px
    }
    section.sell-or-buy-car form .form-group input::placeholder {
        font-size: 11px
    }
    section.how-it-works {
        padding: 30px 0px 40px;
        background: url(../images/banner-img-2-mob.png);
        background-repeat: no-repeat;
        background-size: cover
    }
    section.how-it-works h1 {
        font-size: 20px;
        margin-bottom: 50px
    }
    section.how-it-works p.trsnfrm-p {
        font-size: 10px;
        transform: rotate(0deg);
        left: 46%;
        top: unset;
        bottom: 10px
    }
    section.how-it-works p.trsnfrm-p::before {
        content: "";
        position: absolute;
        left: -60px;
        top: 8px;
        width: 40px;
        height: 1px;
        background: #ffffff;
        z-index: 1
    }
    section.how-it-works p.trsnfrm-p::after {
        content: "";
        position: absolute;
        right: -60px;
        top: 8px;
        width: 40px;
        height: 1px;
        background: #ffffff;
        z-index: 1
    }
    section.how-it-works .round-icon {
        position: relative
    }
    section.how-it-works .round-icon::before {
        top: 35%;
        left: 47.8%;
        border: 3px solid #ffffff;
        width: 15px;
        height: 15px
    }
    section.how-it-works .img-how {
        text-align: left;
        width: 100%;
        margin: 0px auto
    }
    section.how-it-works .img-how img {
        height: 50px;
        margin-bottom: 78px
    }
    section.how-it-works .img-how h4 {
        font-size: 13px;
        margin-bottom: 11px;
        height: unset
    }
    section.how-it-works .img-how p {
        font-size: 10px;
        margin-bottom: 28px
    }
    section.how-it-works .div-line {
        position: absolute;
        width: 100%;
        top: 50.5%;
        height: 2px;
        z-index: 1;
        background: #a3a9a8
    }
    section.happy-customers {
        padding: 30px 0px
    }
    section.happy-customers h1 {
        margin-bottom: 15px
    }
    section.happy-customers h1::before {
        left: 45%;
        bottom: -10px;
        width: 40px
    }
    section.happy-customers .customer-carousel .carousel-itm .content {
        padding: 34px 30px 40px 18px;
        min-height: 150px
    }
    section.happy-customers .customer-carousel .carousel-itm .content p {
        font-size: 12.5px
    }
    section.happy-customers .customer-carousel .carousel-itm .content::before {
        left: 22%
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name {
        margin-top: 35px
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name .div-icon {
        margin-right: 20px;
        width: 45px;
        height: 45px;
        padding: 12px 11px;
        font-size: 14px
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name .div-name h5 {
        margin-top: 4px;
        font-size: 14px
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name .div-name p {
        font-size: 13px
    }
    section.happy-customers .customer-carousel.slick-initialized .slick-slide {
        margin: 30px 16px
    }
    section.used-cars-category {
        padding: 30px 0px 22px
    }
    section.used-cars-category h1 {
        margin-bottom: 15px;
        text-align: center
    }
    section.used-cars-category .nav-pills {
        display: flex;
        justify-content: center;
        margin-bottom: 0px
    }
    section.used-cars-category .nav-pills .nav-item {
        margin-bottom: 22px
    }
    section.used-cars-category .nav-pills .nav-item:first-child {
        margin-right: 35px
    }
    section.used-cars-category .nav-pills .nav-item .nav-link {
        font-size: 11px;
        text-transform: uppercase
    }
    section.used-cars-category .tab-content .tab-pane {
        padding-left: 5px;
        padding-right: 5px
    }
    section.used-cars-category .tab-content .tab-pane a .car-img {
        padding: 11px 0px;
        margin-bottom: 10px;
        margin-top: 0px
    }
    section.used-cars-category .tab-content .tab-pane a .car-img img {
        padding: 0px 18px
    }
    section.used-cars-category .tab-content .tab-pane a .car-img h4 {
        font-size: 10px;
        margin-top: 14px
    }
    section.used-cars-category .tab-content .tab-pane .col-3 {
        padding: 0px 7px
    }
    section.used-cars-category .view-all {
        margin-top: 13px;
        text-align: center
    }
    section.used-cars-category .view-all a {
        font-size: 11px;
        padding: 8px 18px
    }
    section.frequently-asked {
        padding-top: 30px
    }
    section.frequently-asked h1 {
        margin-bottom: 50px
    }
    section.frequently-asked h1::before {
        left: 45%;
        bottom: -10px;
        width: 40px
    }
    section.frequently-asked .accordion-cls .card.bg-color .card-header h5 .btn-link {
        padding: 25px 40px 10px 20px
    }
    section.frequently-asked .accordion-cls .card.bg-color .card-body {
        padding: 0px 50px 25px 20px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link {
        padding: 10px 40px 10px 20px;
        font-size: 10px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link::before {
        background-image: url(../images/cheveron-down-yellow.png);
        transform: rotate(180deg);
        right: 15px;
        top: 28px;
        width: 16px;
        height: 10px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link.collapsed {
        margin-bottom: 20px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link.collapsed::before {
        background-image: url(../images/cheveron-down-green.png);
        right: 15px;
        top: 15px;
        width: 14px;
        height: 8px;
        transform: rotate(0deg)
    }
    section.frequently-asked .accordion-cls .card .card-body {
        padding: 10px 20px
    }
    section.frequently-asked .accordion-cls .card .card-body p {
        font-size: 10px
    }
    section.frequently-asked .loadmore {
        margin-top: 20px
    }
    section.frequently-asked .loadmore a {
        font-size: 11px;
        padding: 6px 15px 5px 20px
    }
    section.frequently-asked .loadmore a img {
        width: 12px
    }
    footer {
        padding: 35px 0px 50px
    }
    footer .social {
        margin: 35px auto 0px;
        width: 210px
    }
    footer .social a {
        margin-right: 43px;
        margin-bottom: 0px
    }
    footer h3 {
        margin-bottom: 14px;
        padding-left: 25px;
        font-size: 16px
    }
    footer ul {
        padding-left: 25px
    }
    footer ul li {
        font-size: 10px;
        line-height: 18px
    }
    footer ul li a {
        font-size: 10px;
        line-height: 18px
    }
    footer .mt-60 {
        margin-top: 30px
    }
    footer .copy-right {
        margin-top: 30px;
        margin-left: -15px;
        margin-right: -15px
    }
    footer .copy-right p {
        font-size: 11px
    }
    .wrapper {
        width: 70%;
        padding-left: 24px
    }
    .dropdown dd ul {
        top: -190px
    }
    dl.dropdown dt span:nth-child(2) {
        font-size: 11px
    }
    .car-detailed-page h1 {
        font-size: 40px
    }
    .center .stick-pill-tab .nav-pills {
        width: 270px
    }
    .center .stick-pills .nav-pills {
        width: 270px
    }
    .center .tab-content .tab-pane .stick .left-sidebar2 {
        width: 270px
    }
    .center .tab-content .main-content {
        padding-left: 10px
    }
    .detail-header-fix {
        padding: 25px 0px
    }
    .detail-header-fix .detail-ul-fixed li {
        padding: 0px 10px
    }
    .detail-header-fix .detail-ul-fixed li a {
        font-size: 12px
    }
    .car-img-details {
        padding-bottom: 30px
    }
    .car-img-details .detailed_inspection_icon {
        padding: 35px 0px 35px
    }
    .inspection-perfection h1 {
        font-size: 24px
    }
    section.exclusive-benifit h1 {
        font-size: 24px
    }
    section.exclusive-benifit ul {
        display: block
    }
    section.exclusive-benifit ul li {
        display: inline-block;
        width: 47%;
        margin-bottom: 20px
    }
    section.exclusive-benifit ul li:nth-child(2) {
        margin-right: 0px
    }
    section.exclusive-benifit ul li:nth-child(3) {
        margin-left: 0px
    }
    section.exclusive-benifit .img-how p {
        margin-bottom: 20px
    }
    .three-icon-spec .border-right {
        border: unset !important
    }
    .three-icon-spec .img_content .img-span {
        margin-top: 0px
    }
    .three-icon-spec .img_content h4 {
        text-align: left;
        margin-left: 0px
    }
    .three-icon-spec .img_content p {
        text-align: left;
        margin-left: 0px
    }
    .more-cars-for-you .content-img-div {
        margin-bottom: 20px
    }
    .three-icon-spec-last {
        padding: 30px 0px 10px
    }
    .three-icon-spec-last .img_content {
        height: unset;
        margin-bottom: 20px;
        padding: 15px
    }
    .three-icon-spec-last .img_content h4 {
        text-align: left;
        margin: 0px 20px 20px 0px
    }
    .three-icon-spec-last .img_content ul {
        padding-left: 20px;
        margin: 0px
    }
    .process-states .div_nav_pills {
        margin-top: 20px
    }
    .process-states .right_side {
        padding-left: 0px
    }
    .process-states #progressbar {
        border: unset
    }
    .process-states .div_bg_color {
        margin-top: 115px
    }
    .process-states .div_bg_color .box_ul_process {
        margin-top: 20px
    }
    .sell-process-mode {
        background-position: 40%
    }
    .sell-process-mode h1 {
        margin-top: 0px
    }
    .sell-process-mode form {
        margin-top: 40px;
        margin-right: 0px
    }
    .sell-top-slip h2 {
        line-height: 3.4;
        font-size: 14px
    }
    .see_similar_cars_procees .common_issues ul {
        display: block;
        width: 100%
    }
    .desclaimer_section {
        padding-bottom: 262px;
        padding-top: 48px
    }
    .desclaimer_section .disclaimer {
        background: #f4f4f4;
        padding: 17px 25px
    }
    .desclaimer_section .disclaimer h6 {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        margin-bottom: 24px
    }
    .desclaimer_section .disclaimer p {
        margin-bottom: 0px;
        color: #777777;
        font-size: 12px;
        font-weight: 300
    }
    .green_bg_sec h2 {
        font-size: 26px;
        margin-bottom: 30px
    }
    .green_bg_sec .youtube iframe {
        height: 360px
    }
    .green_bg_sec .flex_cls {
        display: block;
        margin-top: 36px
    }
    .green_bg_sec ul {
        width: 100%;
        display: block
    }
    .section_white_box_process .white_box_process .border_right {
        border-right: unset
    }
    .section_white_box_process .white_box_process .contac_div {
        margin-left: 0px
    }
    .section_white_box_process .white_box_process .contac_div h3 {
        margin-top: 25px
    }
    .section_white_box_process .white_box_process .boder_div {
        margin-right: 0px
    }
    .book_your_home_service h2 {
        font-size: 24px;
        margin-bottom: 24px
    }
    .book_your_home_service .ylw_bx {
        margin-bottom: 25px;
        height: auto
    }
    .book_your_home_service .ylw_bx .flex input {
        width: 100%
    }
    .book_your_home_service .ylw_bx .flex button.submit {
        width: 180px
    }
    .book_your_home_service .wht_bx {
        height: auto;
        padding: 31px 24px 12px 60px
    }
    .car-valuation_head {
        padding-bottom: 30px
    }
    .car-valuation_head h2 {
        font-size: 18px
    }
    .car-valuation {
        background-position: center left;
        padding-bottom: 50px
    }
    .car-valuation .box_model_condition {
        padding: 30px 25px
    }
    .car-valuation .box_model_condition .each_row {
        display: flex;
        margin-bottom: 16px
    }
    .car-valuation .box_model_condition label {
        font-size: 14px;
        width: 180px
    }
    .car-valuation .box_model_condition select {
        font-size: 12px;
        background-position-y: 26px;
        padding: 12px;
        width: calc(100% - 185px)
    }
    .car-valuation .box_model_condition input {
        width: calc(100% - 185px);
        padding: 12px;
        font-size: 12px
    }
    .car-valuation .box_model_condition input.milage {
        background-position-y: 20px
    }
    .car-valuation .box_model_condition ul li {
        padding: 12px 6px;
        font-size: 12px
    }
    .car-valuation .box_model_condition ul.options li {
        width: 90px;
        margin-right: 7px
    }
    .car-valuation .box_model_condition ul.paint li {
        width: 125px;
        margin-right: 6px
    }
    .car-valuation .box_model_condition ul.gcc li {
        width: 125px;
        margin-right: 6px
    }
    .car-valuation .box_model_condition .continue button {
        padding: 15px 20px;
        font-size: 16px;
        width: 200px;
        margin: 20px 0px 22px 180px
    }
    .car-valuation .box_model_condition .continue p {
        font-size: 8px;
        margin-left: 180px
    }
}

@media (min-width: 768px) {
    .hide-desk {
        display: none
    }
    .menu-close {
        display: none
    }
    .mobile-menu {
        display: none
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 18px
    }
    p {
        font-size: 9px
    }
    .hidden {
        display: none
    }
    header {
        padding: 18px 0px 18px;
        box-shadow: unset
    }
    header .icons {
        display: block
    }
    header .icons .div-lang {
        width: 100%;
        margin-right: unset
    }
    header .icons .div-lang img {
        width: 28px
    }
    header .icons .div-langs {
        width: 100%;
        margin-right: unset
    }
    header .icons .div-langs img {
        width: 28px
    }
    header .icons img.menu {
        width: 22px;
        margin-right: 25px
    }
    header .icons img.account {
        width: 16px;
        height: auto
    }
    header .icons a {
        display: block;
        float: left
    }
    header .icons .account-a {
        padding: 1px 4.5px 2px 4.5px;
        background: #bebebe;
        border-radius: 50%;
        display: inline-block;
        float: right
    }
    header .navbar .text-beta {
        top: 50px;
        left: 30px
    }
    header .navbar .navbar-brand {
        width: 180px;
        margin-right: 0px;
        margin-left: 15px
    }
    header .navbar .navbar-toggler {
        background: transparent;
        border: none;
        padding: 0px;
        border-radius: unset;
        margin-right: 15px
    }
    header .navbar .navbar-toggler:focus {
        outline: 0;
        box-shadow: unset
    }
    header .navbar .navbar-toggler-ico {
        position: absolute;
        z-index: 10;
        right: 20px;
        top: 14px;
        font-size: 18px;
        font-weight: 600;
        color: #fff
    }
    header .navbar .navbar-light .navbar-toggler {
        border: unset
    }
    header .navbar .navbar-collapse {
        position: absolute;
        top: -18px;
        right: 0px;
        transition: 0.5s;
        width: 100%;
        height: 100vh;
        z-index: 9;
        background: #ffffff;
        padding: unset;
        transform: translateX(100%);
        transition: 0.5s
    }
    header .navbar .navbar-collapse .navbar-nav {
        height: 100vh
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item {
        padding: 0px 20px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.active {
        font-weight: 600;
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.active>.nav-link {
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #000000;
        font-size: 16px;
        padding: 18px 0px;
        border-bottom: 1px solid #777777
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle {
        position: relative
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
        background: url(../images/cheron-down.png);
        background-repeat: no-repeat;
        border: unset !important;
        content: "";
        position: absolute;
        right: 10px;
        top: 27px;
        width: 12px;
        height: 7px
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
        padding: unset;
        border: unset
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item {
        border-bottom: 1px solid #777777;
        padding: 15px 10px
    }
    header .navbar .navbar-collapse .navbar-nav .login-signup {
        background: #6b7280;
        padding: 25px 20px
    }
    header .navbar .navbar-collapse .navbar-nav .login-signup span.bg {
        display: inline-block;
        background: #bebebe;
        border-radius: 50%;
        width: 33px;
        height: 33px;
        text-align: center;
        justify-content: center;
        margin-left: 2px;
        padding: 3px 4px 4px 4px
    }
    header .navbar .navbar-collapse .navbar-nav .login-signup span.bg img {
        width: 26px
    }
    header .navbar .navbar-collapse .navbar-nav .login-signup span {
        color: #ffffff;
        font-weight: 600;
        margin-left: 15px;
        font-size: 15px
    }
    header .navbar .navbar-collapse .navbar-nav .login-signup .btn {
        background-color: #ff725e;
        color: #fff;
        border-color: #ff725e;
        text-transform: uppercase
    }
    header .navbar .navbar-collapse .navbar-nav .login-signup .btn:hover {
        background-color: #c1d9da;
        color: inherit;
        border-color: #c1d9da
    }
    header .navbar .navbar-collapse .navbar-nav .change-city {
        background: #c1d9da;
        padding: 10px 20px;
        display: flex
    }
    header .navbar .navbar-collapse .navbar-nav .change-city .flex-1 {
        width: 50%
    }
    header .navbar .navbar-collapse .navbar-nav .change-city .flex-1 .place {
        font-weight: 600;
        font-size: 15px
    }
    header .navbar .navbar-collapse .navbar-nav .change-city .flex-1 .change {
        font-size: 11px;
        color: #6b7280
    }
    header .navbar .navbar-collapse .navbar-nav .activity-div {
        padding: 10px 20px 20px;
        position: relative
    }
    header .navbar .navbar-collapse .navbar-nav .activity-div::before {
        content: "";
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0px;
        background: #777777;
        height: 1px;
        width: calc(100% - 40px)
    }
    header .navbar .navbar-collapse .navbar-nav .activity-div span.activity {
        font-weight: bold;
        font-size: 16px;
        display: block;
        margin-bottom: 10px
    }
    header .navbar .navbar-collapse .navbar-nav .activity-div button {
        background: transparent;
        border: 2px solid #ff725e;
        border-radius: 8px;
        text-align: center;
        align-self: center;
        width: 48%;
        padding: 10px 0px
    }
    header .navbar .navbar-collapse .navbar-nav .activity-div button.frst-btn {
        margin-right: 2%
    }
    header .navbar .navbar-collapse .navbar-nav .language {
        padding: 18px 20px;
        display: flex;
        position: relative
    }
    header .navbar .navbar-collapse .navbar-nav .language .flex-1 {
        width: 50%
    }
    header .navbar .navbar-collapse .navbar-nav .language .flex-1 a {
        color: #000000
    }
    header .navbar .navbar-collapse .navbar-nav .language .flex-1 a span {
        color: #000000
    }
    header .navbar .navbar-collapse .navbar-nav .language::before {
        content: "";
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0px;
        background: #777777;
        height: 1px;
        width: calc(100% - 40px)
    }
    header .navbar .navbar-collapse.show {
        transform: translateX(0%);
        transition: 0.5s
    }
    header .navbar .collapse {
        transition: 0.5s
    }
    header .navbar-light .navbar-toggler-icon {
        background-image: url(../images/SVG/MENU.svg) !important
    }
    section.banner-section {
        background: url(../images/banner-img-mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0px 30px
    }
    section.banner-section .pl-pr-25 {
        padding: 0px 15px
    }
    section.banner-section h1 {
        font-size: 20px;
        margin-bottom: 20px
    }
    section.banner-section form .form-group input {
        padding: 11px 20px 10px;
        font-size: 11px
    }
    section.banner-section form .form-group input::placeholder {
        font-size: 11px
    }
    section.banner-section form .form-group button {
        right: 15px;
        padding: 5.5px 10px
    }
    section.banner-section form .form-group button img {
        width: 20px
    }
    section.banner-section form .form-group button:hover {
        right: 14px;
        background: #6b7280
    }
    section.banner-section ul {
        margin-bottom: 27px;
        display: inline-block;
        border-radius: 8px;
        width: 100%;
        padding: 10px 10px 10px 10px
    }
    section.banner-section ul li {
        padding: 0px 12px;
        position: relative;
        display: block;
        float: left;
        width: 33%;
        text-align: center;
        margin-bottom: 18px
    }
    section.banner-section ul li a {
        font-size: 11px;
        color: #ffffff;
        display: block
    }
    section.banner-section ul li a img {
        margin: 0 auto 10px;
        height: 30px;
        display: block
    }
    section.banner-section ul li:first-child {
        padding-left: 0px
    }
    section.banner-section ul li:first-child img {
        margin-right: auto
    }
    section.banner-section ul li:nth-child(3) img {
        margin-right: auto
    }
    section.banner-section ul li:last-child {
        padding-right: 0px
    }
    section.banner-section ul li:hover::before {
        height: 1.5px
    }
    section.banner-section .view-cars a {
        font-size: 11px;
        padding: 8px 24px 7px
    }
    section.changing-way {
        padding: 35px 0px 35px
    }
    section.changing-way h1 {
        margin: 0px auto 25px
    }
    section.changing-way .margin-bottom-20 {
        margin-bottom: 20px
    }
    section.changing-way .content-sec h4 {
        font-size: 9px
    }
    section.changing-way .content-sec p {
        font-size: 6.5px;
        height: 60px
    }
    section.changing-way .img-sec {
        margin: 0px auto 20px;
        width: 63px;
        height: 63px;
        background: rgba(0, 0, 0, 0.28);
        border-radius: 50%;
        padding: 2px;
        border: 3px solid #ffffff;
        box-shadow: rgba(0, 0, 0, 0.28) 0px 0px 13px;
        position: relative
    }
    section.changing-way .img-sec::before {
        content: "";
        position: absolute;
        top: 72px;
        z-index: 2;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-name-car::before {
        left: 26px;
        top: 72px;
        background: url(../images/shape-1-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-quality::before {
        left: 28px;
        top: 72px;
        background: url(../images/shape-2-mob.png);
        width: 3px;
        height: 56px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-pickup::before {
        left: -68px;
        top: 72px;
        background: url(../images/shape-3-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-day-ride::before {
        left: 28px;
        top: -87px;
        background: url(../images/shape-4-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-financing::before {
        left: 28px;
        top: -69px;
        background: url(../images/shape-5-mob.png);
        width: 3px;
        height: 56px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec.img-sec-saving::before {
        left: -68px;
        top: -87px;
        background: url(../images/shape-6-mob.png);
        width: 98px;
        height: 74px;
        background-repeat: no-repeat
    }
    section.changing-way .img-sec img {
        border-radius: 50%;
        padding: 8px 8px;
        background: #ffffff;
        position: relative
    }
    section.changing-way .img-sec img:hover {
        background: #ff725e
    }
    section.changing-way .img-sec img.name-car {
        position: relative
    }
    section.changing-way .logo-img {
        width: 140px;
        margin-right: 15px
    }
    section.changing-way .mrgn-tp-btm {
        margin-top: 68px;
        margin-bottom: 98px
    }
    section.changing-way .view-all {
        margin-top: 0px
    }
    section.changing-way .view-all a {
        font-size: 11px;
        padding: 8px 15px 7px
    }
    section.featured-cars,
    section.section-listing-carousel {
        padding: 30px 0px 40px
    }
    section.featured-cars .view-all a,
    section.section-listing-carousel .view-all a {
        font-size: 11px;
        padding: 6px 15px
    }
    section.featured-cars h1,
    section.section-listing-carousel h1 {
        padding-top: 5px
    }
    section.featured-cars .featured-carousel,
    section.featured-cars .car-listing-carousel,
    section.section-listing-carousel .featured-carousel,
    section.section-listing-carousel .car-listing-carousel {
        margin-top: 30px
    }
    section.featured-cars .featured-carousel .draggable,
    section.featured-cars .car-listing-carousel .draggable,
    section.section-listing-carousel .featured-carousel .draggable,
    section.section-listing-carousel .car-listing-carousel .draggable {
        padding: 0px 100px 0px 0px
    }
    section.featured-cars .featured-carousel .carousel-content .box img,
    section.featured-cars .car-listing-carousel .carousel-content .box img,
    section.section-listing-carousel .featured-carousel .carousel-content .box img,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box img {
        width: 100%
    }
    section.featured-cars .featured-carousel .carousel-content .box img.reserved,
    section.featured-cars .car-listing-carousel .carousel-content .box img.reserved,
    section.section-listing-carousel .featured-carousel .carousel-content .box img.reserved,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box img.reserved {
        left: 10%;
        max-width: 80%
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside {
        padding: 25px 16px 15px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .display-flex,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .display-flex,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .display-flex,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .display-flex {
        padding: 11px 0px 9px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .display-flex p,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .display-flex p,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .display-flex p,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .display-flex p {
        font-size: 11.2px;
        margin-bottom: 0px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex {
        display: flex;
        justify-content: space-between
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex img,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex img,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex img,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex img {
        width: 30px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex .text,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex .text,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex .text,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex .text {
        align-self: center;
        justify-content: center
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside .whislist-flex a,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside .whislist-flex a,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside .whislist-flex a,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside .whislist-flex a {
        font-size: 11px;
        padding: 8px 15px 7px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside img,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside img,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside img,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside img {
        width: 20px;
        margin-right: 11px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h5,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h5,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h5,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h5 {
        font-size: 13px;
        margin-bottom: 8px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside p,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside p,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside p,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside p {
        font-size: 9px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h4,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h4,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h4,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h4 {
        font-size: 15px;
        margin: 12px 0px 8px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h2,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h2,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h2,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h2 {
        font-size: 25px;
        margin-bottom: 14px
    }
    section.featured-cars .featured-carousel .carousel-content .box .inside h2 span,
    section.featured-cars .car-listing-carousel .carousel-content .box .inside h2 span,
    section.section-listing-carousel .featured-carousel .carousel-content .box .inside h2 span,
    section.section-listing-carousel .car-listing-carousel .carousel-content .box .inside h2 span {
        font-size: 13px
    }
    section.featured-cars .featured-carousel.slick-initialized .slick-slide,
    section.featured-cars .car-listing-carousel.slick-initialized .slick-slide,
    section.section-listing-carousel .featured-carousel.slick-initialized .slick-slide,
    section.section-listing-carousel .car-listing-carousel.slick-initialized .slick-slide {
        margin: 0px 8px
    }
    section.featured-cars .featured-carousel .slick-arrow,
    section.featured-cars .car-listing-carousel .slick-arrow,
    section.section-listing-carousel .featured-carousel .slick-arrow,
    section.section-listing-carousel .car-listing-carousel .slick-arrow {
        position: absolute;
        top: 44%;
        z-index: 5;
        cursor: pointer
    }
    section.featured-cars .featured-carousel .slick-arrow.slick-prev,
    section.featured-cars .car-listing-carousel .slick-arrow.slick-prev,
    section.section-listing-carousel .featured-carousel .slick-arrow.slick-prev,
    section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-prev {
        left: -70px
    }
    section.featured-cars .featured-carousel .slick-arrow.slick-next,
    section.featured-cars .car-listing-carousel .slick-arrow.slick-next,
    section.section-listing-carousel .featured-carousel .slick-arrow.slick-next,
    section.section-listing-carousel .car-listing-carousel .slick-arrow.slick-next {
        right: -70px
    }
    section.sell-or-buy-car {
        padding: 30px 0px 20px
    }
    section.sell-or-buy-car h1 {
        font-size: 20px;
        margin-bottom: 20px
    }
    section.sell-or-buy-car p {
        font-size: 11px;
        margin-bottom: 20px
    }
    section.sell-or-buy-car img.barcode {
        margin-bottom: 20px
    }
    section.sell-or-buy-car img.playstore {
        width: 120px
    }
    section.sell-or-buy-car img.google-store {
        width: 120px;
        margin-right: 10px
    }
    section.sell-or-buy-car .mobile-app-carousel {
        margin-top: 0px;
        position: relative
    }
    section.sell-or-buy-car .mobile-app-carousel .slick-slide img {
        margin: 0px auto
    }
    section.sell-or-buy-car .mobile-app-carousel::before {
        content: unset
    }
    section.sell-or-buy-car form .form-group {
        width: 100%;
        margin: 0px auto 20px
    }
    section.sell-or-buy-car form .form-group::before {
        left: 75px;
        top: 10px;
        height: 18px;
        z-index: 3
    }
    section.sell-or-buy-car form .form-group select {
        background-position-x: 100%;
        background-position-y: 0px;
        padding-right: 0px;
        background-image: url(../images/top-bottom-arrow-mobile.png);
        background-repeat: no-repeat;
        left: 10px;
        top: 11px;
        font-size: 11px;
        height: unset;
        width: 62px
    }
    section.sell-or-buy-car form .form-group button {
        padding: 8.5px 25px;
        font-size: 11px
    }
    section.sell-or-buy-car form .form-group input {
        width: 100%;
        padding: 9px 80px 8px 80px;
        font-size: 11px
    }
    section.sell-or-buy-car form .form-group input::placeholder {
        font-size: 11px
    }
    section.how-it-works {
        padding: 30px 0px 40px;
        background: url(../images/banner-img-2-mob.png);
        background-repeat: no-repeat;
        background-size: cover
    }
    section.how-it-works h1 {
        font-size: 20px;
        margin-bottom: 50px
    }
    section.how-it-works p.trsnfrm-p {
        font-size: 10px;
        transform: rotate(0deg);
        left: 38%;
        top: unset;
        bottom: 10px
    }
    section.how-it-works p.trsnfrm-p::before {
        content: "";
        position: absolute;
        left: -60px;
        top: 8px;
        width: 40px;
        height: 1px;
        background: #ffffff;
        z-index: 1
    }
    section.how-it-works p.trsnfrm-p::after {
        content: "";
        position: absolute;
        right: -60px;
        top: 8px;
        width: 40px;
        height: 1px;
        background: #ffffff;
        z-index: 1
    }
    section.how-it-works .round-icon {
        position: relative
    }
    section.how-it-works .round-icon::before {
        top: 35%;
        left: 47.8%;
        border: 3px solid #ffffff;
        width: 15px;
        height: 15px
    }
    section.how-it-works .round-icon .right-content {
        text-align: right;
        justify-content: center;
        align-self: center
    }
    section.how-it-works .round-icon .center-align {
        justify-content: center;
        align-self: center
    }
    section.how-it-works .img-how {
        text-align: left;
        width: 100%;
        margin: 0px auto
    }
    section.how-it-works .img-how img {
        height: 50px;
        margin-bottom: 28px
    }
    section.how-it-works .img-how h4 {
        font-size: 13px;
        margin-bottom: 11px;
        height: unset
    }
    section.how-it-works .img-how p {
        font-size: 10px;
        margin-bottom: 28px
    }
    section.how-it-works .div-line {
        width: 1px;
        top: 15%;
        left: 49.7%;
        height: 75%;
        padding: 0px
    }
    section.happy-customers {
        padding: 30px 0px
    }
    section.happy-customers h1 {
        margin-bottom: 15px
    }
    section.happy-customers h1::before {
        left: 45%;
        bottom: -10px;
        width: 40px
    }
    section.happy-customers .customer-carousel .draggable {
        padding: 0px 50px 0px 0px
    }
    section.happy-customers .customer-carousel .carousel-itm .content {
        padding: 34px 30px 40px 18px;
        min-height: 150px
    }
    section.happy-customers .customer-carousel .carousel-itm .content p {
        font-size: 12.5px
    }
    section.happy-customers .customer-carousel .carousel-itm .content::before {
        left: 22%
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name {
        margin-top: 35px
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name .div-icon {
        margin-right: 20px;
        width: 45px;
        height: 45px;
        padding: 12px 11px;
        font-size: 14px
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name .div-name h5 {
        margin-top: 4px;
        font-size: 14px
    }
    section.happy-customers .customer-carousel .carousel-itm .customer-name .div-name p {
        font-size: 13px
    }
    section.happy-customers .customer-carousel.slick-initialized .slick-slide {
        margin: 30px 16px
    }
    section.used-cars-category {
        padding: 30px 0px 22px
    }
    section.used-cars-category h1 {
        margin-bottom: 15px;
        text-align: center
    }
    section.used-cars-category .nav-pills {
        display: flex;
        justify-content: center;
        margin-bottom: 0px
    }
    section.used-cars-category .nav-pills .nav-item {
        margin-bottom: 22px
    }
    section.used-cars-category .nav-pills .nav-item:first-child {
        margin-right: 35px
    }
    section.used-cars-category .nav-pills .nav-item .nav-link {
        font-size: 11px;
        text-transform: uppercase
    }
    section.used-cars-category .tab-content .tab-pane {
        padding-left: 5px;
        padding-right: 5px
    }
    section.used-cars-category .tab-content .tab-pane a .car-img {
        padding: 0px 0px 11px;
        margin-bottom: 10px;
        margin-top: 0px
    }
    section.used-cars-category .tab-content .tab-pane a .car-img img {
        padding: 0px 18px
    }
    section.used-cars-category .tab-content .tab-pane a .car-img h4 {
        font-size: 10px;
        margin-top: 0px
    }
    section.used-cars-category .tab-content .tab-pane .col-3 {
        padding: 0px 7px
    }
    section.used-cars-category .view-all {
        margin-top: 13px;
        text-align: center
    }
    section.used-cars-category .view-all a {
        font-size: 11px;
        padding: 8px 18px
    }
    section.frequently-asked {
        padding-top: 30px
    }
    section.frequently-asked h1 {
        margin-bottom: 50px
    }
    section.frequently-asked h1::before {
        left: 45%;
        bottom: -10px;
        width: 40px
    }
    section.frequently-asked .accordion-cls .card.bg-color .card-header h5 .btn-link {
        padding: 25px 40px 10px 20px
    }
    section.frequently-asked .accordion-cls .card.bg-color .card-body {
        padding: 0px 50px 25px 20px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link {
        padding: 10px 40px 10px 20px;
        font-size: 10px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link::before {
        background-image: url(../images/cheveron-down-yellow.png);
        transform: rotate(180deg);
        right: 15px;
        top: 28px;
        width: 16px;
        height: 10px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link.collapsed {
        margin-bottom: 20px
    }
    section.frequently-asked .accordion-cls .card .card-header h5 .btn-link.collapsed::before {
        background-image: url(../images/cheveron-down-green.png);
        right: 15px;
        top: 15px;
        width: 14px;
        height: 8px;
        transform: rotate(0deg)
    }
    section.frequently-asked .accordion-cls .card .card-body {
        padding: 10px 20px
    }
    section.frequently-asked .accordion-cls .card .card-body p {
        font-size: 10px
    }
    section.frequently-asked .loadmore {
        margin-top: 10px
    }
    section.frequently-asked .loadmore a {
        font-size: 11px;
        padding: 6px 15px 5px 20px
    }
    section.frequently-asked .loadmore a img {
        width: 12px
    }
    footer {
        padding: 35px 0px 50px
    }
    footer .social {
        margin: 35px auto 0px;
        width: 210px
    }
    footer .social a {
        margin-right: 43px;
        margin-bottom: 0px
    }
    footer h3 {
        margin-bottom: 14px;
        padding-left: 25px;
        font-size: 16px
    }
    footer ul {
        padding-left: 25px
    }
    footer ul li {
        font-size: 10px;
        line-height: 18px
    }
    footer ul li a {
        font-size: 10px;
        line-height: 18px
    }
    footer .mt-60 {
        margin-top: 30px
    }
    footer .copy-right {
        margin-top: 30px;
        margin-left: -15px;
        margin-right: -15px
    }
    footer .copy-right p {
        font-size: 11px
    }
    .wrapper {
        width: 70%;
        padding-left: 24px
    }
    .dropdown dd ul {
        top: -190px
    }
    dl.dropdown dt span:nth-child(2) {
        font-size: 11px
    }
    section.faq-details {
        background-size: 100% 100%;
        padding: 50px 0px
    }
    section.faq-details h1 {
        font-size: 24px
    }
    section.order-details {
        background-size: 100% 100%;
        padding: 50px 0px
    }
    section.order-details h1 {
        font-size: 24px;
        color: #000;
        text-shadow: 2px 2px #fff;
    }
    section.faq-accordian {
        padding: 10px 0px 30px
    }
    section.faq-accordian h1 {
        margin-bottom: 15px;
        margin-top: 20px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card {
        margin-bottom: 15px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .card-header {
        padding: 15px 35px 15px 15px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 {
        line-height: 1px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link {
        font-size: 11px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link::before {
        right: -30px;
        top: 2px;
        background-size: 70%;
        width: 14px;
        height: 14px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .card-header h2 .btn-link.collapsed::before {
        right: -30px;
        top: 2px;
        background-size: 70%;
        width: 14px;
        height: 14px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body {
        padding: 15px 35px 15px 15px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body p {
        font-size: 9px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul {
        padding-left: 20px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul li {
        font-size: 9px;
        margin-bottom: 12px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .collapse .card-body ul li::before {
        left: -20px;
        top: 5px;
        width: 10px;
        height: 2px
    }
    section.faq-accordian .accordion-cls-faq .accordion .card .collapse.show::before {
        width: 100px;
        height: 2px;
        left: 15px
    }
    .car-detailed-page {
        padding: 30px 0px 35px
    }
    .car-detailed-page h1 {
        margin-bottom: 30px
    }
    .car-detailed-page .details h2 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 22px
    }
    .car-detailed-page .details h2 span {
        font-size: 13px
    }
    .car-detailed-page .details p {
        font-size: 10px;
        margin-bottom: 10px
    }
    .car-detailed-page .details p.learn-more {
        margin-bottom: 8px
    }
    .car-detailed-page .details h5 {
        font-size: 12px
    }
    .car-detailed-page .car_detail_box {
        margin-top: 30px;
        margin-bottom: 15px;
        padding: 15px 15px 20px
    }
    .car-detailed-page .car_detail_box h3 {
        font-size: 16px;
        margin-bottom: 25px;
        display: inline-block
    }
    .car-detailed-page .car_detail_box h3::before {
        width: 70%;
        height: 3px;
        bottom: -10px
    }
    .car-detailed-page .car_detail_box p {
        font-size: 10px
    }
    .car-detailed-page .car_detail_box p.passed {
        margin-bottom: 6px
    }
    .car-detailed-page .car_detail_box p.passed img {
        margin-right: 8px
    }
    .car-detailed-page .car_detail_box p.span-cls {
        margin-bottom: 8px
    }
    .car-detailed-page .car_detail_box p.span-cls span {
        font-size: 9px;
        line-height: 17px
    }
    .center h1 {
        margin-top: 15px;
        margin-bottom: 20px
    }
    .center .tab-content .tab-pane .main-content {
        padding-left: 0px
    }
    .center .tab-content .tab-pane .main-content .section p {
        font-size: 10px;
        margin-bottom: 15px
    }
    .center .tab-content .tab-pane .main-content .section p.margin-btm-35 {
        margin-bottom: 25px
    }
    .center .tab-content .tab-pane .main-content .section h2 {
        margin-bottom: 30px;
        margin-top: 15px;
        font-size: 18px
    }
    .center .tab-content .tab-pane .main-content .section h2::before {
        width: 70px;
        height: 4px;
        bottom: -10px
    }
    .center .tab-content .tab-pane .main-content .section ul {
        padding-left: 15px
    }
    .center .tab-content .tab-pane .main-content .section ul li {
        font-size: 10px;
        margin-bottom: 15px
    }
    .center-logo {
        position: absolute;
        right: 15px;
        top: 7px;
        z-index: 5
    }
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none
    }
    .menu-close {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 10px;
        border: 0;
        z-index: 999;
        background: transparent;
        border: unset;
        color: #ff725e;
        font-weight: bold
    }
    .menu-close img {
        width: 17px
    }
    .mobile-menu {
        position: fixed;
        z-index: 99;
        background-color: #fff;
        left: -570px;
        width: 100%;
        transition: 0.8s;
        top: 0px;
        min-height: 100vh
    }
    .mobile-menu .left-sidebar {
        display: block !important;
        overflow: scroll;
        height: 80vh
    }
    .mobile-menu .left-sidebar .navigation {
        padding: unset;
        border: 1px solid #e2e2e2;
        border-radius: 8px
    }
    .mobile-menu .left-sidebar .navigation li {
        border-bottom: 1px solid #e2e2e2;
        padding: 10px 15px 10px 15px;
        line-height: 16px
    }
    .mobile-menu .left-sidebar .navigation li:last-child {
        border-bottom: unset
    }
    .mobile-menu .left-sidebar .navigation li a {
        color: #777777;
        font-size: 10px
    }
    .mobile-menu .left-sidebar .navigation li a.active {
        color: #6b7280;
        font-weight: 600;
        font-size: 12px
    }
    .mobile-menu .nav-pills {
        border: 1px solid #bebebe;
        border-radius: 8px;
        padding: 7px;
        width: 100%;
        margin-bottom: 20px
    }
    .mobile-menu .nav-pills .nav-item {
        width: 49%;
        text-align: center;
        font-weight: bold;
        font-size: 10px
    }
    .mobile-menu .nav-pills .nav-item .nav-link {
        color: #bebebe
    }
    .mobile-menu .nav-pills .nav-item .nav-link.active {
        color: #ffffff;
        background: #ff725e
    }
    .menu-open {
        left: 0px;
        transition: 0.8s;
        padding: 50px 20px 20px
    }
    .mobile-icon {
        width: 170px;
        border-radius: 30px;
        background: #ff725e;
        border: 1px solid #ff725e;
        justify-content: center;
        display: flex;
        padding: 5px 10px;
        color: #ffffff;
        font-weight: 600;
        position: fixed;
        right: 15px;
        bottom: 30px
    }
    .mobile-icon img {
        width: 25px;
        margin-right: 10px
    }
    .mobile-icon:focus {
        outline: 0
    }
    .detail-header-fix {
        padding: 0px
    }
    .detail-header-fix .detail-ul-fixed {
        position: absolute;
        z-index: 3;
        width: 100%;
        padding: 20px 0px;
        top: 30px;
        left: 0px;
        transform: translateX(-100%);
        display: block;
        background: #000000;
        transition: 0.5s
    }
    .detail-header-fix .detail-ul-fixed li {
        padding: 0px 20px;
        position: relative
    }
    .detail-header-fix .detail-ul-fixed li a {
        color: #ffffff;
        font-size: 9px;
        position: relative
    }
    .detail-header-fix .detail-ul-fixed li:first-child {
        padding-left: 20px
    }
    .detail-header-fix .detail-ul-fixed li:last-child {
        padding-right: 20px
    }
    .detail-header-fix .detail-ul-fixed.translate {
        transform: translateX(0%);
        transition: 0.5s
    }
    .bread-crumb {
        background: #000000
    }
    .bread-crumb nav .breadcrumb {
        padding: 10px 0px
    }
    .bread-crumb nav .breadcrumb .breadcrumb-item {
        color: #ffffff;
        font-size: 8px
    }
    .bread-crumb nav .breadcrumb .breadcrumb-item a {
        color: #ffffff;
        font-size: 8px
    }
    .bread-crumb nav .breadcrumb .breadcrumb-item a:hover {
        color: #ffffff
    }
    .bread-crumb nav .breadcrumb .breadcrumb-item.active {
        text-decoration: underline
    }
    .bread-crumb img.menu-ul {
        width: 20px;
        position: absolute;
        top: 5px;
        right: 15px
    }
    .car-img-details {
        margin: 20px 0px 30px
    }
    .car-img-details .small-img-carousel {
        margin-top: 30px
    }
    .car-img-details .small-img-carousel .draggable {
        padding: 0px 100px 0px 0px
    }
    .car-img-details .small-img-carousel .slick-slide {
        margin: 0px 8px
    }
    .car-img-details .small-img-carousel .slick-slide img {
        width: 100%
    }
    .car-img-details .small-img-carousel .image-sec h5 {
        font-size: 8px;
        margin-top: 10px
    }
    .car-img-details .details-car {
        margin-left: 0px
    }
    .car-img-details .details-car h2 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: left
    }
    .car-img-details .details-car .text-description {
        font-size: 14px;
        color: #777777;
        margin-bottom: 20px
    }
    .car-img-details .details-car .span-div {
        padding: 3px 5px
    }
    .car-img-details .details-car .span-div img {
        width: 20px;
        margin-right: 0px
    }
    .car-img-details .details-car .line {
        margin-top: 10px;
        padding-top: 10px
    }
    .car-img-details .details-car .icon-div img {
        width: 20px;
        margin-right: 5px
    }
    .car-img-details .details-car .icon-div span {
        font-size: 9px
    }
    .car-img-details .details-car p {
        font-size: 14px;
        margin-bottom: 12px
    }
    .car-img-details .details-car select {
        padding: 5px 8px;
        background-position-y: 9px;
        font-size: 9px;
        margin-top: 10px;
        margin-bottom: 12px;
        background-size: 8px
    }
    .car-img-details .details-car h3 {
        font-size: 30px
    }
    .car-img-details .details-car h3 span {
        font-size: 8px
    }
    .car-img-details .details-car h4 {
        font-size: 10px
    }
    .car-img-details .details-car .div_button {
        position: relative;
        text-align: center
    }
    .car-img-details .details-car .div_button button {
        font-size: 10px;
        padding: 7px 12px;
        border-radius: 4px
    }
    .car-img-details .details-car .div_button button.wish-list {
        position: relative;
        right: unset;
        margin-left: 10px
    }
    .car-img-details .details-car .div_button button.wish-list img {
        margin-right: 10px;
        width: 13px
    }
    .car-img-details .detailed_inspection_icon {
        padding: 20px 0px 0px
    }
    .car-img-details .detailed_inspection_icon .margin-both {
        margin: 0px 0px
    }
    .car-img-details .detailed_inspection_icon .outer-border {
        width: 71px;
        height: 71px;
        margin: 0px auto 10px;
        border: 3px solid #f8f8f8
    }
    .car-img-details .detailed_inspection_icon .outer-border .img-span {
        width: 65px;
        height: 65px
    }
    .car-img-details .detailed_inspection_icon .outer-border .img-span img {
        width: 40px
    }
    .car-img-details .detailed_inspection_icon p {
        font-size: 9px
    }
    .car-img-details .detailed_inspection_icon h5 {
        font-size: 9px
    }
    .inspection-perfection {
        padding: 30px 0px;
        background: url(../images/background-gray-blue.png);
        background-repeat: no-repeat;
        background-size: cover
    }
    .inspection-perfection .border-right {
        border-right: unset !important;
        margin: 0px 10px
    }
    .inspection-perfection h1 {
        font-size: 20px;
        margin-bottom: 12px
    }
    .inspection-perfection .car_detail_box {
        padding: 30px;
        margin-right: 0px;
        margin-bottom: 12px
    }
    .inspection-perfection .car_detail_box p {
        margin-bottom: 12px;
        font-size: 9px
    }
    .inspection-perfection .car_detail_box button {
        margin-top: 15px
    }
    .inspection-perfection .car_detail_box button.view-report {
        font-size: 9px;
        padding: 8px 20px;
        border-radius: 4px
    }
    .inspection-perfection .margin-left {
        margin-left: 0px
    }
    .inspection-perfection img.right-img {
        margin-top: 15px;
        margin-bottom: 45px
    }
    .inspection-perfection ul {
        padding-left: 50px;
        margin-bottom: 20px
    }
    .inspection-perfection ul li {
        margin-bottom: 15px;
        font-size: 10px;
        line-height: 1.5;
        min-height: 47px
    }
    .inspection-perfection ul li::before {
        left: -50px;
        width: 40px;
        height: 40px
    }
    .inspection-perfection p {
        font-size: 10px
    }
    section.exclusive-benifit {
        background: url(../images/exclusive-benifit-mob.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 30px 0px 30px
    }
    section.exclusive-benifit h1 {
        font-size: 20px;
        margin-bottom: 12px
    }
    section.exclusive-benifit ul {
        display: block;
        margin-bottom: 10px;
        padding: unset
    }
    section.exclusive-benifit ul li {
        display: inline-block;
        width: 47.5%;
        margin: 0px 5px 10px;
        padding: 4px 5px;
        font-size: 9px
    }
    section.exclusive-benifit ul li img {
        margin-right: 10px;
        width: 24px
    }
    section.exclusive-benifit ul li:nth-child(2) {
        margin-right: unset
    }
    section.exclusive-benifit ul li:nth-child(3) {
        margin-left: unset
    }
    section.exclusive-benifit .img-how .yellow-bg {
        width: 80px;
        height: 80px;
        border-radius: 4px;
        margin: 0 auto 12px
    }
    section.exclusive-benifit .img-how .yellow-bg img {
        width: 65px
    }
    section.exclusive-benifit .img-how h5 {
        font-size: 10px;
        width: 170px;
        margin: 0 auto 10px
    }
    section.exclusive-benifit .img-how p {
        font-size: 8px;
        margin: 0 auto 20px;
        width: 170px
    }
    .three-icon-spec {
        padding: 30px 0px 30px
    }
    .three-icon-spec .border-right {
        border-right: unset !important
    }
    .three-icon-spec .img_content .col-8.col-lg-12 {
        align-self: center;
        padding-left: 0px
    }
    .three-icon-spec .img_content .img-span {
        margin: 7px auto;
        width: 80px;
        height: 80px;
        border: 3px solid #9ec7c9
    }
    .three-icon-spec .img_content .img-span img {
        width: 45px
    }
    .three-icon-spec .img_content h4 {
        font-size: 10px;
        padding-bottom: 0px;
        text-align: left;
        margin: 0px 0px 6px;
        border-bottom: unset
    }
    .three-icon-spec .img_content p {
        font-size: 9px;
        text-align: left;
        margin: 0px
    }
    .Similar_cars {
        background: #f2f2f2
    }
    .more-cars-for-you h1 {
        text-align: center;
        margin-bottom: 20px
    }
    .more-cars-for-you .content-img-div {
        margin-bottom: 20px
    }
    .more-cars-for-you .content-img-div span {
        padding: 7px 15px 6px;
        right: 15px;
        top: 15px;
        font-size: 10px;
        line-height: 1
    }
    .more-cars-for-you .content-img-div .over-lay h4 {
        font-size: 12px;
        margin-bottom: 10px
    }
    .more-cars-for-you .content-img-div .over-lay button.explore-now {
        font-size: 9px;
        padding: 7px 15px;
        border-radius: 4px
    }
    .three-icon-spec-last {
        padding: 30px 0px 10px
    }
    .three-icon-spec-last .img_content {
        border: 1px solid #ededed;
        border-radius: 4px;
        height: unset;
        margin-bottom: 20px;
        padding: 15px
    }
    .three-icon-spec-last .img_content .outer-border {
        width: 71px;
        height: 71px;
        margin: 0px auto 10px;
        border: 3px solid #f8f8f8
    }
    .three-icon-spec-last .img_content .outer-border .img-span {
        width: 65px;
        height: 65px
    }
    .three-icon-spec-last .img_content .outer-border .img-span img {
        width: 45px
    }
    .three-icon-spec-last .img_content h4 {
        font-size: 12px;
        padding-bottom: 7px;
        text-align: left;
        margin: 0px 20px 0px -15px
    }
    .three-icon-spec-last .img_content ul {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 4px
    }
    .three-icon-spec-last .img_content ul li {
        position: relative;
        margin-bottom: 0px;
        line-height: 1.1
    }
    .three-icon-spec-last .img_content ul li::before {
        width: 7px;
        height: 7px;
        left: -14px;
        top: 7.5px
    }
    .three-icon-spec-last .img_content ul li a {
        font-size: 9px
    }
    .car-details-section {
        padding-top: 30px;
        padding-bottom: 50px
    }
    .car-details-section form .form-group {
        margin-bottom: 10px
    }
    .car-details-section form .form-group input {
        padding: 6px 40px 5px 10px;
        border-radius: 4px;
        font-size: 11px
    }
    .car-details-section form .form-group input::placeholder {
        font-size: 11px
    }
    .car-details-section form .form-group label {
        right: 142px;
        top: 7px;
        height: auto;
        padding-top: 0px;
        font-size: 11px;
        padding-left: 0px;
        border: none
    }
    .car-details-section form .form-group select {
        right: 50px;
        top: 2px;
        width: 90px;
        font-size: 11px;
        color: #ff725e;
        background-position-y: 11px;
        padding: 5px
    }
    .car-details-section form .form-group button {
        padding: 1.5px 7px;
        border-radius: 0 4px 4px 0
    }
    .car-details-section form .form-group button img {
        width: 17px
    }
    .car-details-section h1 {
        font-size: 20px;
        padding-bottom: 5px;
        margin-bottom: 20px;
        margin-top: 20px
    }
    .car-details-section .flex-div {
        flex-direction: column-reverse
    }
    .car-details-section .flex-div .left-side-div {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 25px
    }
    .car-details-section .flex-div .right-side-boxes {
        width: 100%
    }
    .car-details-section .flex-div .right-side-boxes .pdng-lr {
        padding: 0px 15px
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box img.reserved {
        top: 13%;
        left: 23%;
        width: auto
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside {
        padding: 18px 15px 10px;
        position: relative
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside .whislist-flex img {
        width: 18px
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside .whislist-flex .text {
        position: absolute;
        right: 2px;
        top: 12px
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside .whislist-flex .details {
        display: none
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside h4 {
        font-size: 14px;
        position: relative;
        margin-top: 0
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside h4 br {
        display: none
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside h4.mobilefix7 {
        left: 0 !important;
        top: 0px !important;
        padding: 0px;
        right: 0;
        bottom: 0px
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside h2 {
        margin-top: 12px;
        font-size: 22px;
        margin-bottom: 12px
    }
    .car-details-section .flex-div .right-side-boxes .list-box .box .inside h2 span {
        font-size: 12px
    }
    .car-details-section .bread-crumb {
        background: transparent
    }
    .car-details-section .bread-crumb nav .breadcrumb .breadcrumb-item {
        color: #777777
    }
    .car-details-section .bread-crumb nav .breadcrumb .breadcrumb-item a {
        color: #777777
    }
    .car-details-section .bread-crumb nav .breadcrumb .breadcrumb-item.active {
        text-decoration: unset
    }
    .process-states .buy-sell-sec {
        padding: 25px 15px
    }
    .process-states .buy-sell-sec h1 {
        font-size: 18px;
        margin-bottom: 12px
    }
    .process-states .buy-sell-sec ul.left_side_ul {
        margin-bottom: 12px;
        padding-bottom: 12px;
        padding-left: 20px
    }
    .process-states .buy-sell-sec ul.left_side_ul li {
        font-size: 12px
    }
    .process-states .buy-sell-sec ul.left_side_ul li:first-child {
        margin-right: 40px
    }
    .process-states .buy-sell-sec h3 {
        font-size: 16px;
        margin-bottom: 14px
    }
    .process-states .buy-sell-sec p {
        font-size: 12px
    }
    .process-states .buy-sell-sec .div_nav_pills {
        margin-top: 20px
    }
    .process-states .buy-sell-sec .div_nav_pills .nav-tabs {
        border-radius: 4px
    }
    .process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item {
        font-size: 12px
    }
    .process-states .buy-sell-sec .div_nav_pills .nav-tabs .nav-item .nav-link {
        border-radius: 4px
    }
    .process-states button {
        margin-bottom: 25px;
        margin-top: 25px;
        border-radius: 4px;
        font-size: 12px;
        padding: 8px 25px
    }
    .process-states button.back {
        margin-right: 15px
    }
    .process-states button.home_delivery {
        font-size: 10px;
        padding: 8px 20px;
        margin-top: 14px;
        margin-bottom: 15px
    }
    .process-states .right_side {
        padding-top: 15px;
        padding-left: 0px
    }
    .process-states .right_side .outer-border {
        width: 56px;
        height: 56px;
        margin: 0px auto 10px
    }
    .process-states .right_side .outer-border .img-span {
        width: 48px;
        height: 48px
    }
    .process-states .right_side .outer-border .img-span img {
        width: 30px
    }
    .process-states .right_side h3 {
        font-size: 12px;
        margin-bottom: 15px
    }
    .process-states .right_side p {
        font-size: 10px;
        padding-left: 5px;
        margin-left: 5px;
        margin-bottom: 10px
    }
    .process-states .right_side p span {
        font-size: 12px;
        left: 5px;
        top: 0px
    }
    .process-states .right_side p.delivery_pick span {
        font-size: 10px
    }
    .process-states .right_side select {
        font-size: 12px;
        background-position-y: 14px;
        padding: 8px 10px;
        width: 100%
    }
    .process-states .box_big_process .yellow_sec {
        padding: 10px 15px 10px
    }
    .process-states .box_big_process .yellow_sec p {
        font-size: 12px
    }
    .process-states .box_big_process .yellow_sec h2 {
        font-size: 18px
    }
    .process-states .box_big_process .white_sec {
        padding: 15px 15px 10px
    }
    .process-states .box_big_process .white_sec p {
        font-size: 12px;
        margin-bottom: 12px
    }
    .process-states .box_ul_process {
        padding: 15px 15px 10px 30px
    }
    .process-states .box_ul_process li {
        margin-bottom: 12px;
        font-size: 10px
    }
    .process-states .box_ul_process li::before {
        left: -20px;
        width: 10px;
        height: 10px
    }
    .process-states .div_bg_color {
        margin-top: 110px
    }
    .process-states .div_bg_color .box_ul_process {
        margin-top: 20px
    }
    .process-states #progressbar {
        border-right: unset;
        padding-top: 0px
    }
    .process-states #progressbar li {
        padding: 10px 15px 11px 60px
    }
    .process-states #progressbar li::before {
        font-size: 12px;
        left: 6px;
        top: 22px
    }
    .process-states #progressbar li::after {
        left: 13px;
        top: -29px;
        z-index: 1
    }
    .process-states #progressbar li.active::before {
        width: 24px;
        height: 24px;
        left: 2px;
        top: 18px
    }
    .process-states #progressbar li a {
        font-size: 12px
    }
    .process-states #progressbar li a span {
        font-size: 10px;
        margin-top: -3px;
        display: block
    }
    .process-states .step_done::before {
        background-position: 57% 51% !important;
        width: 25px !important;
        height: 25px !important;
        left: 2px !important;
        top: 18px !important
    }
    .sell-process-mode {
        background-position: 40%;
        padding: 30px 0px 40px
    }
    .sell-process-mode h1 {
        margin-top: 0px;
        font-size: 20px;
        margin-bottom: 20px
    }
    .sell-process-mode form {
        margin-top: 20px;
        margin-right: 0px;
        padding: 20px 15px
    }
    .sell-process-mode form h3 {
        font-size: 16px;
        width: 220px;
        margin-bottom: 12px
    }
    .sell-process-mode form .form-group {
        margin-bottom: 12px
    }
    .sell-process-mode form input {
        font-size: 11px;
        padding: 10px
    }
    .sell-process-mode form select {
        font-size: 11px;
        padding: 10px;
        background-position-y: 16px
    }
    .sell-process-mode form button.evaluate {
        padding: 7px 10px;
        font-size: 12px
    }
    .sell-process-mode ul.feature_sell_points {
        padding-left: 25px
    }
    .sell-process-mode ul.feature_sell_points li {
        font-size: 11px
    }
    .sell-process-mode ul.feature_sell_points li::before {
        background-size: 100%;
        background-repeat: no-repeat;
        width: 20px;
        height: 17px;
        left: -25px
    }
    .sell-top-slip .slip_div h2 {
        line-height: 1.5;
        font-size: 10px
    }
    .sell-top-slip .slip_div button {
        width: 130px;
        padding: 7px 9px;
        font-size: 10px
    }
    .sell-top-slip .slip_div button img {
        width: 22px;
        padding-left: 5px
    }
    .desclaimer_section {
        padding-bottom: 120px;
        padding-top: 30px
    }
    .desclaimer_section .disclaimer {
        padding: 15px 20px
    }
    .desclaimer_section .disclaimer h6 {
        font-size: 14px;
        margin-bottom: 15px
    }
    .desclaimer_section .disclaimer p {
        font-size: 10px;
        font-weight: 300
    }
    .green_bg_sec {
        padding: 0px 0px 30px
    }
    .green_bg_sec h2 {
        font-size: 14px;
        margin-bottom: 17px
    }
    .green_bg_sec .youtube {
        margin-top: -100px
    }
    .green_bg_sec .youtube iframe {
        height: 184px
    }
    .green_bg_sec .flex_cls {
        display: block;
        margin-top: 20px
    }
    .green_bg_sec ul {
        width: 100%;
        display: block
    }
    .green_bg_sec ul li {
        font-size: 11px;
        margin-bottom: 10px;
        padding-left: 25px
    }
    .see_similar_cars_procees {
        padding: 30px 0px 40px
    }
    .see_similar_cars_procees h2 {
        margin-bottom: 0px;
        font-size: 18px
    }
    .see_similar_cars_procees .common_issues {
        margin-top: 15px
    }
    .see_similar_cars_procees .common_issues h3 {
        font-size: 14px;
        margin-bottom: 16px
    }
    .see_similar_cars_procees .common_issues ul {
        width: 100%;
        display: block
    }
    .see_similar_cars_procees .common_issues ul li {
        font-size: 11px;
        margin-bottom: 10px;
        padding-left: 20px
    }
    .see_similar_cars_procees .common_issues button.book_appointment {
        padding: 7px 20px;
        font-size: 11px
    }
    .section_white_box_process .white_box_process {
        padding: 20px 15px
    }
    .section_white_box_process .white_box_process .border_right {
        border-right: unset
    }
    .section_white_box_process .white_box_process .boder_div {
        margin-right: 0px
    }
    .section_white_box_process .white_box_process .boder_div .branches ul li h3 {
        font-size: 14px;
        margin-bottom: 10px
    }
    .section_white_box_process .white_box_process .boder_div .branches ul li p {
        font-size: 11px;
        margin-bottom: 20px
    }
    .section_white_box_process .white_box_process .boder_div .branches ul li .find_me select {
        font-size: 11px;
        background-position-y: 14px
    }
    .section_white_box_process .white_box_process .boder_div .branches ul li .find_me button.find_location {
        width: 50px;
        height: 32px;
        margin-left: 8px;
        padding: 2px
    }
    .section_white_box_process .white_box_process .boder_div .branches ul li .find_me button.find_location img {
        width: 18px
    }
    .section_white_box_process .white_box_process .boder_div .light_blue p {
        font-size: 11px;
        margin-bottom: 0px
    }
    .section_white_box_process .white_box_process .contac_div {
        margin-left: 0px
    }
    .section_white_box_process .white_box_process .contac_div h3 {
        margin-top: 20px;
        font-size: 11px
    }
    .section_white_box_process .white_box_process .contac_div form input {
        padding: 3px 9px;
        font-size: 11px;
        width: calc(100% - 72px)
    }
    .section_white_box_process .white_box_process .contac_div form button.confirm_location {
        padding: 7px;
        font-size: 11px
    }
    .section_white_box_process .white_box_process .contac_div form button.find_location {
        width: 50px;
        height: 32px;
        margin-left: 8px;
        padding: 2px;
        margin-right: 15px
    }
    .section_white_box_process .white_box_process .contac_div form button.find_location img {
        width: 18px
    }
    .section_white_box_process .white_box_process .contac_div form .map iframe {
        height: 200px
    }
    .book_your_home_service {
        padding: 30px 0px 30px
    }
    .book_your_home_service h2 {
        margin-bottom: 15px;
        font-size: 14px
    }
    .book_your_home_service .ylw_bx {
        padding: 20px 15px;
        height: auto
    }
    .book_your_home_service .ylw_bx p {
        margin-bottom: 12px;
        font-size: 11px
    }
    .book_your_home_service .ylw_bx .flex {
        display: flex
    }
    .book_your_home_service .ylw_bx .flex label {
        font-size: 11px;
        padding: 7px 10px;
        margin-right: 8px
    }
    .book_your_home_service .ylw_bx .flex input {
        margin-right: 8px;
        font-size: 11px;
        padding: 7px 10px;
        width: 100%
    }
    .book_your_home_service .ylw_bx .flex button.submit {
        font-size: 10px;
        width: 70px;
        padding: 7px 14px
    }
    .book_your_home_service .wht_bx {
        padding: 20px 15px 10px 30px;
        height: auto;
        margin-top: 20px
    }
    .book_your_home_service .wht_bx h4 {
        font-size: 12px;
        margin-bottom: 12px
    }
    .book_your_home_service .wht_bx h4::before {
        left: -22px;
        width: 18px;
        height: 15px;
        background-size: 100%;
        background-repeat: no-repeat
    }
    .book_your_home_service .wht_bx p {
        font-size: 9px;
        margin-bottom: 10px
    }
    .vertical_progressbar #progressbar {
        padding-top: 35px;
        margin-bottom: 20px
    }
    .vertical_progressbar #progressbar li {
        padding-top: 35px
    }
    .vertical_progressbar #progressbar li h4 {
        font-size: 8px
    }
    .vertical_progressbar .step_done::before {
        background-position: 55% 50% !important;
        width: 32px !important;
        height: 32px !important;
        top: -12px !important
    }
    .book-appointment h3 {
        font-size: 12px;
        padding: 10px 15px;
        border-radius: 8px
    }
    .book-appointment h3 img {
        margin-right: 8px;
        width: 16px
    }
    .car-valuation_head {
        padding-bottom: 20px
    }
    .car-valuation_head h2 {
        font-size: 14px
    }
    .car-valuation {
        background-position: top left;
        padding-bottom: 50px
    }
    .car-valuation .box_model_condition {
        padding: 20px 15px;
        margin-top: 150px
    }
    .car-valuation .box_model_condition .each_row {
        display: block;
        margin-bottom: 16px
    }
    .car-valuation .box_model_condition label {
        font-size: 12px;
        width: 100%;
        display: block;
        margin-bottom: 8px
    }
    .car-valuation .box_model_condition select {
        font-size: 12px;
        background-position-y: 18px;
        padding: 12px;
        width: 100%
    }
    .car-valuation .box_model_condition input {
        width: 100%;
        padding: 12px;
        font-size: 12px
    }
    .car-valuation .box_model_condition input.milage {
        background-position-y: 13px
    }
    .car-valuation .box_model_condition ul li {
        padding: 12px 6px;
        font-size: 12px
    }
    .car-valuation .box_model_condition ul.options li {
        width: 90px;
        margin-right: 2px;
        margin-bottom: 5px
    }
    .car-valuation .box_model_condition ul.paint li {
        width: 125px;
        margin-right: 1px;
        margin-bottom: 5px
    }
    .car-valuation .box_model_condition ul.gcc li {
        width: 125px;
        margin-right: 1px;
        margin-bottom: 5px
    }
    .car-valuation .box_model_condition .continue button {
        padding: 12px 15px;
        font-size: 14px;
        width: 100%;
        margin: 0px 0px 15px 0px
    }
    .car-valuation .box_model_condition .continue p {
        font-size: 8px;
        margin-left: 0px
    }
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 10px !important;
    font-size: 0.8rem
}

.intl-tel-input .selected-flag {
    max-height: 56px
}

.modal .close {
    position: absolute;
    right: 15px;
    top: 10px;
    margin: 0px;
    padding: 0px;
    font-size: 1.75rem;
    border-radius: 15px;
    border: 1px solid;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    text-shadow: none;
    opacity: 0.65
}

.modal .close:hover {
    color: #982424;
    text-shadow: none;
    background-color: rgba(255, 255, 255, 0.5)
}

.modal .close:not(:disabled):not(.disabled):hover {
    opacity: 0.95
}

.modal .close span {
    font-weight: 300
}

.modal .modal-dialog {
    height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
    justify-content: center
}

.modal .modal-dialog.large-dialog {
    max-width: 800px
}

.modal .signupFrom h5 {
    font-size: 30px;
    color: #101010;
    margin: 0 0 23px 0
}

.modal .signupFrom input {
    width: 100%;
    border: solid 1px #cecece;
    color: #222;
    font-size: 12px;
    outline: none;
    padding: 0 15px;
    height: 43px;
    line-height: 43px;
    border-radius: 4px;
    margin-bottom: 10px
}

.modal .signupFrom select {
    border: solid 1px #cecece;
    color: #222;
    font-size: 12px;
    outline: none;
    padding: 0 15px;
    height: 43px;
    line-height: 43px;
    border-radius: 4px;
    margin-bottom: 10px;
    background: url(../images/caret-down.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: calc(100% - 12px) center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.modal .signupFrom .FieldCheckWrap {
    margin-top: 20px !important;
    cursor: pointer
}

.modal .signupFrom .FieldCheckWrap input {
    display: none
}

.modal .signupFrom .FieldCheckWrap span {
    position: relative;
    color: #767676;
    font-size: 12px;
    padding-left: 35px;
    min-height: 20px
}

.modal .signupFrom .FieldCheckWrap span:before {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: solid 1px #cfcfcf;
    content: "";
    border-radius: 100%
}

.modal .signupFrom .FieldCheckWrap span a {
    color: #38065f;
    text-decoration: underline
}

.modal .signupFrom .FieldCheckWrap input:checked+span:after {
    content: "";
    background: #6b7280;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 5px;
    top: 1px
}

.modal .signupFrom .FieldCheckWrap input[type=submit] {
    background: #6b7280;
    color: #fff;
    border: none;
    outline: none;
    margin: auto;
    display: table;
    float: none;
    font-size: 22px;
    text-transform: uppercase;
    padding: 0;
    margin-top: 20px;
    height: 53px;
    line-height: 53px
}

.modal.modal-car-detail-report .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 0px
}

.modal.modal-car-detail-report .modal-dialog .modal-header {
    border-radius: 0px;
    text-transform: uppercase;
    background-color: #ff725e
}

.modal.modal-car-detail-report .modal-dialog .modal-header .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #0f7377;
    font-weight: 600;
    font-size: 1.5rem
}

.modal.modal-car-detail-report .modal-dialog .modal-body {
    min-height: 100vh;
    border-radius: 0px;
    padding: 2rem 0
}

.modal.modal-car-detail-report .modal-dialog .modal-body .modal-car-title img {
    max-width: 100%;
    width: 100%
}

.modal.modal-car-detail-report .modal-dialog .modal-body .report-type .bd-highlight {
    background-color: #dfeaeb;
    color: #0f7377;
    font-size: 1.2rem
}

.modal.modal-car-detail-report .modal-dialog .modal-body .report-type .d-flex .selected {
    background: #f0f0f0;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    margin: 0 0 5px 5px
}

.modal.modal-signup .modal-dialog {
    max-width: 800px
}

.modal.modal-signup .modal-dialog .vefification {
    text-align: center;
    padding: 0 2.5rem
}

.modal.modal-signup .modal-dialog .vefification h3 {
    color: #6b7280
}

.modal.modal-signup .modal-dialog .vefification .display-userotp {
    display: none
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 55px
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch input {
    display: none
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch .slider {
    background-color: #e8e8e8;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    box-shadow: 0px 0px 6px 0px #aaa
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch .slider:before {
    background-color: #ff725e;
    bottom: -8px;
    content: "";
    height: 30px;
    width: 30px;
    left: -5px;
    position: absolute;
    transition: .4s;
    border: 2px solid #fff;
    box-shadow: 0px 0px 6px 0px #aaa
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch .slider.round {
    border-radius: 34px
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch .slider.round:before {
    border-radius: 50%
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch input:checked+.slider {
    background-color: #6b7280;
    box-shadow: 0px 0px 6px 0px #6b7280
}

.modal.modal-signup .modal-dialog .vefification .checkbox-animated .switch input:checked+.slider:before {
    transform: translateX(40px)
}

.modal.modal-reserve {
    padding: 2rem 0
}

.modal.modal-reserve .modal-body {
    padding: 2rem 5rem
}

.modal.modal-reserve .modal-body .reserve-timer {
    max-width: 200px;
    margin: 0 auto;
    text-align: center
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer__svg {
    transform: scaleX(1)
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer__circle {
    fill: none;
    stroke: none
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer__path-elapsed {
    stroke-width: 4px;
    stroke: #efefef
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer__path-remaining {
    stroke-width: 4px;
    stroke-linecap: square;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer__path-remaining.arc {
    color: #ff725e
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer__label {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #6b7280
}

.modal.modal-reserve .modal-body .reserve-timer .base-timer .base-timer-label-clock {
    position: absolute;
    top: calc(50% + 30px);
    left: calc(50% - 30px);
    font-size: 1rem;
    color: #6b7280
}

.modal.modal-reserve .modal-body .reserve-timer .buttons {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal.modal-reserve .modal-body .reserve-timer .buttons button {
    margin: 0.5rem;
    border: none;
    background-color: beige;
    border-radius: 5px;
    padding: 0.25rem 1em;
    font-size: 0.75rem
}

.modal.modal-reserve .modal-body .reserve-timer .buttons button:hover {
    background-color: #ff725e;
    color: white
}

.modal.modal-reserve .modal-body .reserve-timer .buttons button:disabled {
    cursor: not-allowed
}

.modal.modal-reserve .modal-body .reserve-timer .buttons button:disabled:hover {
    background-color: beige
}

@media (min-width: 768px) {
    .card-columns.card-column-1 {
        column-count: 1
    }
}

@media (min-width: 992px) {
    .card-columns.card-column-1 {
        column-count: 1
    }
}

@media (min-width: 1200px) {
    .card-columns.card-column-1 {
        column-count: 1
    }
}

@media (max-width: 767px) {
    .card-horizontal {
        display: block
    }
    .modal.modal-car-detail-report .modal-dialog .modal-header .modal-title {
        font-size: 1.2rem
    }
    .modal.modal-car-detail-report .modal-dialog .modal-body .report-type {
        font-size: 1rem
    }
    .modal.modal-car-detail-report .modal-dialog .modal-body .report-type .bd-highlight {
        font-size: 1rem
    }
    .modal.modal-car-detail-report .modal-dialog .modal-body .report-type .d-flex {
        margin: 0 1rem !important
    }
    .filter-search-scrollto {
        position: fixed;
        top: calc(50% - 50px);
        z-index: 3;
        background: #6b7280;
        padding: 7px 8px;
        left: 0
    }
    .filter-search-scrollto img {
        max-width: 40px;
        -webkit-filter: invert(100%);
        filter: invert(100%)
    }
}

.generate-vehicle-pdf {
    min-width: 1000px
}

.generate-vehicle-pdf .report-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    border-radius: 0px;
    text-transform: uppercase;
    background-color: #fafafa
}

.generate-vehicle-pdf .report-header .title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #0f7377;
    font-weight: 600;
    font-size: 1.5rem
}

.generate-vehicle-pdf .report-header .site-logo img {
    height: 60px
}

.generate-vehicle-pdf .report-body {
    min-height: 100vh;
    border-radius: 0px;
    padding: 2rem 0
}

.generate-vehicle-pdf .report-body .report-content .modal-car-title img {
    max-width: 250px
}

.generate-vehicle-pdf .report-body .report-content .modal-car-title h3 {
    font-weight: 700;
    padding: 0 3rem
}

.generate-vehicle-pdf .report-body .report-content .modal-car-desc {
    font-size: 20px;
    font-weight: 100
}

.generate-vehicle-pdf .report-body .report-content .span-div {
    background: #6b7280;
    padding: 10px 10px;
    border-radius: 4px
}

.generate-vehicle-pdf .report-body .report-content .span-div img {
    width: 28px;
    margin-right: 8px
}

.generate-vehicle-pdf .report-body .report-content .span-div span {
    color: #777777
}

.generate-vehicle-pdf .report-body .report-content .detailed_inspection_icon {
    padding: 80px 0px 70px
}

.generate-vehicle-pdf .report-body .report-content .detailed_inspection_icon .outer-border {
    width: 125px;
    height: 125px;
    margin: 0px auto 20px;
    border-radius: 50%;
    border: 5px solid #f8f8f8;
    box-shadow: rgba(78, 57, 57, 0.3) 0px 0px 13px
}

.generate-vehicle-pdf .report-body .report-content .detailed_inspection_icon .outer-border .img-span {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-self: center;
    border: 2px solid #dedede
}

.generate-vehicle-pdf .report-body .report-content .detailed_inspection_icon .outer-border .img-span img {
    max-width: 100%;
    height: auto;
    padding: 20px
}

.generate-vehicle-pdf .report-body .report-content .detailed_inspection_icon p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #777777
}

.generate-vehicle-pdf .report-body .report-content .detailed_inspection_icon h5 {
    font-size: 18px;
    color: #6b7280;
    margin: 10px 0 0
}

.generate-vehicle-pdf .report-body .report-content .inspection-gallery {
    padding: 40px 0 0
}

.generate-vehicle-pdf .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item {
    position: relative;
    margin-bottom: 2.2rem
}

.generate-vehicle-pdf .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item img {
    width: 100%;
    border-radius: 4px
}

.generate-vehicle-pdf .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item .label-slide {
    position: absolute;
    background-color: #ff725e;
    color: #222;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
    opacity: 0.8;
    z-index: 1;
    left: 16px;
    top: 6px;
    line-height: 1;
    padding: 4px 10px 8px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection {
    padding: 55px 0px;
    background: url(../../images/background-gray-blue.png);
    background-repeat: no-repeat;
    background-size: cover
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .border-right {
    border-right: 2px solid #ededed
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection h1 {
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box {
    margin-top: 10px;
    box-shadow: 0px 0px 12px rgba(159, 159, 159, 0.23);
    background: #ffffff;
    padding: 30px 30px 35px;
    border-radius: 8px;
    padding: 60px 50px 55px 60px;
    margin-right: 40px;
    margin-bottom: 15px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box p {
    margin-bottom: 24px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box p.passed {
    color: #6b7280;
    margin-bottom: 8px;
    text-align: right
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box p.passed img {
    margin-right: 15px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box a,
.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box button {
    margin-top: 25px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box a.view-report,
.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box button.view-report {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    padding: 14px 24px;
    border-radius: 8px;
    text-transform: uppercase
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box a.view-report:hover,
.generate-vehicle-pdf .report-body .report-content .inspection-perfection .car_detail_box button.view-report:hover {
    text-decoration: unset;
    background: transparent;
    color: #ff725e
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection .margin-left {
    margin-left: 40px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection img.right-img {
    margin-top: 15px;
    margin-bottom: 45px;
    max-width: 360px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul {
    list-style: none;
    padding-left: 74px;
    margin-bottom: 50px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul li {
    position: relative;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.2;
    min-height: 58px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul li span img {
    height: 55px;
    margin-left: -74px
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul li::before {
    content: "";
    left: -74px;
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 1;
    background-size: contain !important;
    top: 0
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul li:first-child::before {
    background: url(../images/pdf/INSPECTION.png)
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul li:nth-child(2)::before {
    background: url(../images/pdf/NEWDRIVE.png)
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection ul li:last-child::before {
    background: url(../images/pdf/REFURBISHMENT.png)
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection p {
    font-size: 16px;
    color: #000000
}

.generate-vehicle-pdf .report-body .report-content .inspection-perfection p a {
    color: #6b7280;
    text-decoration: underline;
    text-transform: uppercase
}

.generate-vehicle-pdf .report-body .report-content .card-columns {
    margin: 1.5rem 0
}

.generate-vehicle-pdf .report-body .report-content .card {
    border-radius: 0px;
    box-shadow: none
}

.generate-vehicle-pdf .report-body .report-content .card .report-type .bd-highlight {
    background-color: #dfeaeb;
    color: #0f7377;
    font-size: 17px;
    padding: 10px 15px;
    display: block;
    width: 100%
}

.generate-vehicle-pdf .report-body .report-content .card .report-type .d-flex {
    margin: 0 15px;
    padding: 10px 0px;
    font-size: 15px;
    color: #212529;
    border-bottom: 1px solid #dee2e6
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit {
    background: url(../../images/exclusive-benifit.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px 60px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit h1 {
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit ul {
    display: flex;
    list-style: none;
    margin-bottom: 48px;
    justify-content: center
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit ul li {
    margin: 0px 10px;
    padding: 6px 25px 6px 7px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit ul li:first-child {
    margin-left: 0px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit ul li:last-child {
    margin-right: 0px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit ul li img {
    margin-right: 15px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit .img-how .yellow-bg {
    background: #ff725e;
    width: 100px;
    height: 80px;
    border-radius: 8px;
    margin: 0 auto 32px;
    justify-content: center;
    align-self: center;
    display: flex
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit .img-how .yellow-bg img {
    width: 70px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit .img-how h5 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    width: 250px;
    margin: 0 auto 15px
}

.generate-vehicle-pdf .report-body .report-content .exclusive-benifit .img-how p {
    font-weight: 14px;
    font-weight: 300;
    color: #ffffff;
    margin: 0 auto;
    width: 250px
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec {
    padding: 60px 0px 80px;
    background-color: #f9f9f9
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec .border-right {
    border-right: 1px solid #dee2e6
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec .img_content.border-right {
    border-right: 2px solid #b2b2b2
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec .img_content .img-span {
    margin: 30px auto 25px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-self: center;
    border: 5px solid #9ec7c9
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec .img_content .img-span img {
    padding: 22px
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec .img_content h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
    text-align: center;
    margin: 0px 40px
}

.generate-vehicle-pdf .report-body .report-content .three-icon-spec .img_content p {
    font-size: 14px;
    color: #777777;
    margin-bottom: 0px;
    text-align: center;
    margin: 20px 20px
}

.generate-vehicle-pdf.new-layout {
    background-color: #0f7377;
    max-width: 1280px
}

.generate-vehicle-pdf.new-layout .container {
    padding-left: 0px;
    padding-right: 0px
}

.generate-vehicle-pdf.new-layout .report-header {
    background-color: transparent;
    padding: 0rem;
    align-items: top;
    border-bottom: 0px
}

.generate-vehicle-pdf.new-layout .report-header .site-logo img {
    height: 250px
}

.generate-vehicle-pdf.new-layout .report-header .site-stars {
    padding: 4rem 4rem 0 0
}

.generate-vehicle-pdf.new-layout .report-header .site-stars img {
    height: 70px
}

.generate-vehicle-pdf.new-layout .report-body {
    padding: 0rem 0;
    margin-top: -100px
}

.generate-vehicle-pdf.new-layout .report-body .section-gap {
    margin: 0 10%
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header {
    color: #fff;
    margin: 0 15%
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .modal-car-title h3 {
    color: #fff;
    text-transform: uppercase
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .modal-car-title .vehicle-mask {
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .modal-car-title .vehicle-mask img {
    max-width: 100%;
    max-height: 770px
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .modal-car-title .product-title {
    margin-top: -50px;
    z-index: 2;
    position: relative;
    color: #fff;
    text-transform: uppercase
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .modal-car-title h3 {
    color: #fff;
    z-index: 2;
    position: relative;
    font-weight: normal
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .col-vehicle-desc {
    margin-top: 20px;
    background-color: #f3c13c;
    border-top: 10px solid #699260;
    -moz-transform: skew(0deg, 1deg);
    -webkit-transform: skew(0deg, 1deg);
    -o-transform: skew(0deg, 1deg);
    -ms-transform: skew(0deg, 1deg);
    transform: skew(0deg, 1deg);
    min-height: 200px
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .col-vehicle-desc:before,
.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .col-vehicle-desc:after {
    content: "";
    position: absolute;
    background-color: #f3c13c;
    border-top: 10px solid #699260;
    min-height: 200px;
    display: none
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .col-vehicle-desc:after {
    width: 22.3%;
    left: calc(101.3%);
    top: calc(0px - 15%);
    min-height: calc(100% + 8px);
    opacity: 0;
    -moz-transform: skew(0deg, -20deg);
    -webkit-transform: skew(0deg, -20deg);
    -o-transform: skew(0deg, -20deg);
    -ms-transform: skew(0deg, -20deg);
    transform: skew(0deg, -20deg)
}

.generate-vehicle-pdf.new-layout .report-body .report-vehicle-header .col-vehicle-desc .vechicle-desc {
    -moz-transform: skew(0deg, -1deg);
    -webkit-transform: skew(0deg, -1deg);
    -o-transform: skew(0deg, -1deg);
    -ms-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
    padding: 20px 15px 30px 15px;
    text-align: left;
    color: #222;
    font-size: 16px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .section-gap {
    margin: 0 10%
}

.generate-vehicle-pdf.new-layout .report-body .report-content .detailed_inspection_icon {
    padding: 50px 0
}

.generate-vehicle-pdf.new-layout .report-body .report-content .detailed_inspection_icon .outer-border {
    width: 115px;
    height: 115px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .detailed_inspection_icon .outer-border .img-span {
    width: 105px;
    height: 105px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .detailed_inspection_icon h5,
.generate-vehicle-pdf.new-layout .report-body .report-content .detailed_inspection_icon p {
    color: #fff
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection {
    background: none
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection .col-left {
    margin-top: -30px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection .col-left .content {
    margin-top: -77%;
    padding: 30px 20px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection .col-left .content h1 {
    color: #fff;
    text-transform: inherit;
    z-index: 1;
    position: relative
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection .col-left .content .car_detail_box {
    z-index: 1;
    position: relative
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection .col-right .content {
    margin-top: -40%;
    padding: 30px 40px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-perfection .col-right .content ul li {
    color: #fff
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-gallery .row-gallery {
    padding-left: 30px;
    padding-right: 30px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item {
    margin-bottom: 60px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item .item-content {
    position: relative;
    padding-right: 12px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item .item-content:before {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% + 10px);
    background-color: #ff725e;
    position: absolute;
    left: 15px;
    top: 10px;
    -moz-transform: skew(8deg, 0deg);
    -webkit-transform: skew(8deg, 0deg);
    -o-transform: skew(8deg, 0deg);
    -ms-transform: skew(8deg, 0deg);
    transform: skew(8deg, 0deg)
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item .item-content img {
    border-radius: 0px;
    position: relative;
    -moz-transform: skew(8deg, 0deg);
    -webkit-transform: skew(8deg, 0deg);
    -o-transform: skew(8deg, 0deg);
    -ms-transform: skew(8deg, 0deg);
    transform: skew(8deg, 0deg)
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-gallery .row-gallery .col-gallery-item .item-content .label-slide {
    position: relative;
    background: transparent;
    padding-left: 20px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed {
    padding: 0px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns {
    background: #fff;
    padding: 30px;
    margin: 1.5rem 3rem
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns .card .report-type {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns .card .report-type .bd-highlight {
    background-color: transparent;
    color: transparent;
    font-size: 17px;
    padding: 0px 10px;
    color: #000;
    border-bottom: 0px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns .card .report-type .bd-highlight .icon-category {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding-top: 2px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns .card .report-type .d-flex {
    margin: 0px;
    font-size: 14px;
    color: #a1a1a1;
    border-color: transparent !important;
    padding: 0px 0
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns .card .report-type .d-flex .selected {
    background: #f0f0f0;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    margin: 0 0 5px 5px;
    color: #212529
}

.generate-vehicle-pdf.new-layout .report-body .report-content .inspection-list-detailed .card-columns .card .report-type .d-flex .report-name {
    color: #000
}

.generate-vehicle-pdf.new-layout .report-body .report-content .exclusive-benifit {
    background: none;
    padding: 0px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .exclusive-benifit .img-how {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

.generate-vehicle-pdf.new-layout .report-body .report-content .exclusive-benifit .img-how .yellow-bg {
    box-shadow: 0px 0px 40px 4px #6b7280
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec {
    background-color: #0f7377;
    padding-bottom: 0px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec {
    background-color: #252525;
    padding-top: 50px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .overlay-feature {
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .row-feature {
    max-width: 90%;
    margin: 0 auto;
    border: 2px solid #f3c13d;
    padding: 22px 0;
    margin-bottom: 50px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .border-right {
    border-color: #4c4c4c
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content h4 {
    color: #fff;
    text-transform: inherit
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content p {
    color: #fff
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content img {
    margin-top: 29px;
    width: 100px;
    height: 90px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content .img-span {
    margin: 5px auto 15px;
    background-color: transparent;
    border: 2px solid #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    background: none !important
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content .img-span.icon-online {
    background-image: url("../images/pdf/new/icon-feature-online.png")
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content .img-span.icon-delivery {
    background-image: url("../images/pdf/new/icon-feature-delivery.png")
}

.generate-vehicle-pdf.new-layout .report-body .report-content .three-icon-spec .container-three-icon-spec .img_content .img-span.icon-trial {
    background-image: url("../images/pdf/new/icon-feature-trial.png")
}

.generate-vehicle-pdf.new-layout .report-body .report-content .row-footer {
    padding: 30px 15px;
    background-color: #fff;
    border-top: 1px solid
}

.generate-vehicle-pdf.new-layout .report-body .report-content .row-footer .social a {
    background: #6b7280;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: flex;
    float: left;
    justify-content: center;
    margin-right: 10px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .row-footer .social a img {
    object-fit: contain
}

.generate-vehicle-pdf.new-layout .report-body .report-content .row-footer .social a img.fb-img {
    width: 30px
}

.generate-vehicle-pdf.new-layout .report-body .report-content .row-footer .social a img.insta-img,
.generate-vehicle-pdf.new-layout .report-body .report-content .row-footer .social a img.twtr-img {
    width: 30px
}

.resetfiltersbtn {
    font-size: 12.6px;
    font-weight: 600;
    color: #ffffff;
    background: #ff725e;
    border: 1px solid #ff725e;
    display: inline-block;
    padding: 8px 18px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}

.long-text-description {
  font-size: 14px;
    color: #777777;
    margin-top: 20px;
    margin-bottom: 20px;
}