html, body {
  /* height: auto; */
}

body {
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    overflow-x: hidden;
    background: #FAFAFA;
    box-sizing: border-box;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0 10px;
}

.row {
    margin: 0 -10px;
    align-items: center;
}

a:hover, a:focus, button:hover, button:focus {
    outline: none;
}

section {
    padding: 100px 0;
    clear: both;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

h1,h2,h3,h4 {
    font-family: "Zilla Slab", serif;
    color: #242424;
}

h5,h6 {
    font-family: "Inter", sans-serif;
}

p {
    color: #5B5B5B;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

img {
    max-width: 100%;
}

textarea {
    resize: none
}

input.required.error, textarea.required.error, select.required.error {
    border-bottom: red 2px solid !important;
}

.form-control:focus {
    border: #f3f3f3 1px solid !important;
}

label.error {
    display: none !important;
}

span, b {
    vertical-align: baseline;
    display: inline-block;
    line-height: inherit;
}

select {
    -webkit-appearance: listbox !important;
}

.container {
    max-width: 1240px;
    padding: 0 10px;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    cursor: pointer !important;
}

a.logo {
    display: block;
}


a.logo img {
    max-width: 280px;
    transition: .5s all;
}

/*Reset Css*/
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background: #000;
}

header {
    padding: 30px 0;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 2;
    background: #242424;
}

header .row {
    align-items: center;
}

header ul li {
    display: inline-flex;
    padding: 0;
    position: relative;
    z-index: 9;
    transition: .5s all;
}

.nav-link {
    padding: 0;
}

header ul li > a {
    color: #ffffff !important;
    font-weight: 500 !important;
    transition: .5s all !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
    display: inline-flex !important;
    align-items: center;
    padding: 10px 0;
    position: relative;
    z-index: 1;
}

header ul li > a:hover {
    color: #fff !important;
}

.dropdown:hover>.dropdown-menu {
    display: flex;
}

.dropdown-item {
    color: #000000 !important;
    padding: 10px 11px !important;
    border-bottom: 1px solid #feecec;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    transition: .5s all;
}

.dropdown-menu {
    background-color: #ffffff;
    padding: 0;
    margin: auto;
    top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: left;
    z-index: -1;
    border: none !important;
    box-shadow: 0 2px 15px #000;
    border-radius: 5px !important;
    margin-top: 47px;
    padding: 10px;
}

.dropdown-item.active, .dropdown-item:active {
    background: #3b3843;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: #FE642E;
    color: #ffffff !important;
    border-radius: 10px;
}

a.menu-bottom {
    display: none;
}

.dropdown-item:last-child {
    border-bottom: 0;
}

header ul {
    position: relative;
    text-align: right;
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 16px;
}

header ul li:first-child a {
    padding-left: 0;
}

header ul li:last-child a {
    padding-right: 0;
}

img {
    max-width: 100%;
}

.btn {
    padding: 8px 8px 8px 30px;
    color: #252525 !important;
    font-size: 16px !important;
    font-weight: 600;
    text-align: center;
    transition: .5s all;
    position: relative;
    z-index: 1;
    font-family: "Inter", sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    background: #FCC011 !important;
    border: 0;
    border-radius: 40px;
    gap: 16px;
}

h2 {
    font-size: 1.875rem;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    line-height: 3rem;
}

.btn-block .btn:first-child {
}

.info-banner h1 {
    font-size: 3.75rem;
    line-height: 4rem;
    font-weight: 400;
    margin: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    text-transform: none;
    color: #252525;
    padding-bottom: 25px;
}

.info-banner p {
    color: #fff;
    line-height: 28px;
    margin: 0 auto 35px;
    font-weight: 400;
    font-size: 1.25rem;
}

.our-banner {
    padding-block: 120px 25rem;
    background: url("../images/main-banner.png") no-repeat;
    background-size: cover;
    background-position: 50% bottom;
    height: 1100px;
    background-color: #ddd7c6;
}

.btn-phone {
    text-align: right;
    margin-right: 20px;
    border: 2px solid #000;
    height: 50px;
    display: inline-flex;
    border-radius: 10px;
    padding: 10px 24px 10px 65px;
    align-items: center;
    color: #000;
    font-weight: 500;
    font-size: 16px !important;
    position: relative;
    z-index: 1;
}

header .btn-head a img {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.copyright {
    padding: 20px 0;
    position: relative;
    width: 100%;
    bottom: 0;
    background: #000000;
}

.copyright p {
    font-size: 16px;
    color: #ebebeb;
    margin-bottom: 0;
}

.copyright ul {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 40px;
}

.copyright ul li a {
    color: #ebebeb;
    font-size: 16px;
}

.copyright ul li {
    position: relative;
    z-index: 1;
}

.copyright ul li:first-child::before {
    position: absolute;
    content: "";
    right: -21px;
    top: 15%;
    width: 2px;
    height: 70%;
    background: #ffffff;
}

.item img {
    width: auto !important;
}

.info-banner span.badge {
    position: absolute;
    right: -80px;
    top: 55px;
}

.heading h2:last-child {
    margin-bottom: 0;
}

.heading {
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.btn svg, .btn i {
    transform: rotate(-45deg);
    transition: .5s all;
}

.btn:hover svg, .btn:hover i {
    transform: rotate(360deg);
}

div.popupform {
    padding: 0;
    overflow: hidden;
    background: #fd6037;
    width: 1030px;
    height: auto;
    background-size: 100%;
    position: relative;
    z-index: 1;
    border-radius: 40px;
    background-position: 50% 60px;
    /* transform: scale(0.9); */
    /* transform-origin: center center; */
    zoom: .8;
}

div.popupform .popup-content {
    width: 100%;
    z-index: 1;
    position: relative;
    text-align: left;
    padding: 50px 40px 90px;
}

div.popupform .modal-body {
}

button.fancybox-button.fancybox-close-small {
    background: url("../images/pop-close.png") no-repeat;
    background-size: 100%;
    width: 35px;
    height: 35px;
    opacity: 1;
    right: 10px;
    top: 10px;
    margin: auto;
}

button.fancybox-button.fancybox-close-small svg {
    display: none;
}

div.popupform .popup-content h3 {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 2.25rem;
    font-family: 'Inter';
}

div.popupform .popup-contentform .form-control {
    height: auto;
    font-size: 16px;
    margin-bottom: 0;
    border-radius: 6px;
    padding: 14px 14px;
    resize: none;
    border: 1px solid #8E8E8E;
    color: #555555;
    font-weight: 400;
    line-height: 1;
}

div.popupform .popup-contentform  textarea.form-control {
    height: 90px;
    margin-bottom: 12px;
}

div.popupform .popup-contentform  .btn.btn-orange {
    display: block;
    width: 100%;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px;
    height: 54px;
}


div.popupform .modal-body .info-pop h5 {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    line-height: 1.75rem;
    color: #fff;
}

header .btn-head a.btn-msg {
    margin-right: 0;
    color: #000000;
    font-size: 18px;
}

header .btn-head a.btn-msg svg {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.btn.btn-black {
    background: #252525 !important;
    border-color: #252525 !important;
}

.site-logos img {
    width: auto !important;
    filter: brightness(0);
}

.site-logos .item {
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-logos {
    padding-block: 10px 60px; }

.form-control {
    background: #fff;
    border-color: #ffffff;
    height: 44px;
    margin-bottom: 10px;
    padding: 10px 18px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    border-radius: 5px;
}

textarea.form-control {
    height: 90px;
    margin-bottom: 25px;
}

::placeholder {
    color: #000!important;
}

div#popupform .modal-body h4::before {
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    background: #fff;
}

div#popupform .popup-content h3 > span {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 43px;
    display: block;
    font-family: 'Poppins';
    background: #33bd82;
    color: #fff;
    margin: 3px 0 8px;
}

.btn-block.text-center {
    margin-top: 50px;
}

.heading.text-center p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
}

.owl-nav {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    right: 0;
    margin-top: 10px !important;
    gap: 12px;
}

.owl-theme .owl-nav [class*=owl-] {
    width: 60px;
    height: 40px;
    background: #FFFFFF!important;
    display: flex;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #E9E9E9 !important;
    position: relative;
    z-index: 1;
    margin: 0;
}

.owl-theme .owl-nav [class*=owl-]::before {
    position: absolute;
    content: "";
    background: url("../images/left.png") no-repeat !important;
    background-size: 100% !important;
    width: 7px;
    height: 12px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.owl-theme .owl-nav [class*=owl-] span {
    display: none;
}

.owl-carousel .owl-nav button.owl-next {
    transform: scaleX(-1);
    margin-right: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    filter: brightness(1);
}

button {
    width: 100%;
    z-index: 2;
}

.btn svg, .btn i {
    color: #C6FCE8;
    transform: rotate(-45deg);
    transition: .5s all;
    font-size: 18px;
}

.btn:hover svg, .btn:hover i {
    transform: rotate(360deg);
    font-size: 18px;
}

.btn.btn-red {
    background: #FA554F !important;
    border-color: #8C3F39 !important;
}

.heading h2 {
    margin-bottom: 20px;
}

.btn.btn-white {
    background: #FEECEC !important;
    border-color: #FEECEC !important;
    color: #000 !important;
}


.btn > span {background: #252525 !important;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;transition: .5s all;}

.head-btn ul:not(.dropdown-menu) {
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: end;
}

.head-btn ul li {
    display: inline-flex;
    align-items: center;
}

.head-btn ul li img {
    margin-right: 10px;
}

.site-logo img, .sl img {
    width: auto !important;
}

.site-logo .item, .sl .item {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-logo, .sl {
    padding-block: 50px;
    text-align: center;
}

.thankyou-banner {
    text-align: center;
    background: url(../images/thanks-banner.jpg);
    display: -webkit-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    background-size: cover;
    line-height: 21px;
}

a.live-chat-thank {
    background: #ee2c5e;
    display: inline-block;
    border-radius: 50px;
    padding: 14px 70px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 40px 0;
}

.thankyou-banner a {
    color: #2575bc;
    font-weight: bold;
}

.thankyou-banner h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 58px;
    color: #fff;
    margin-top: 20px;
}

.thankyou-banner a {
    color: #2575bc;
    font-weight: bold;
}

.thankyou-banner p {
    color: white;
    line-height: 30px;
    font-size: 19px;
}

a.logo-thankyou img {
    width: 400px;
}

footer {
    padding-block: 70px 40px;
    background: #333439;
    z-index: 3;
    position: relative;
}

a {
    cursor: pointer !important;
}
.owl-theme .owl-nav [class*=owl-]:last-child {
    margin-right: 0 !important;
}

.our-faq .accordion-button:focus {
    box-shadow: none;
}

.our-faq .accordion-button {
    border-bottom: none;
    padding-inline: 0 30px;
    padding-block: 20px;
    font-size: 1.125rem;
    font-weight: 500;
    background: transparent;
    color: #3B3B3B;
}

.our-faq .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
}

.our-faq .accordion-body {
    padding: 0px 30px 30px;
    border: none;
}

.our-faq .accordion-button::after {
    /* background: url("../images/plus.svg") no-repeat !important; */
    width: 24px;
    height: 24px;
    content: "";
    background-size: 100% !important;
}

.our-faq .accordion-button:not(.collapsed)::after {
    /* background: url("../images/minus.svg") no-repeat !important; */
    width: 24px;
    height: 24px;
}

.our-faq .accordion-button:not(.collapsed)::after {content: "-";}

.accordion-flush>.accordion-item {
    border: none;
    padding-inline: 0;
    border-bottom: 1px solid #6D6D6D;
    background: transparent;
}

.our-faq .accordion-header {
    line-height: normal;
}
.our-faq .accordion-body p {font-size: 16px;color: #3B3B3B;margin: 0;width: 90%;}

.accordion-flush>.accordion-item:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #6D6D6D;
}

.accordion-flush>.accordion-item:first-child {border-top: 1px solid #6D6D6D;}


.owl-theme .owl-nav.disabled+.owl-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -50px;
    margin: 0;
    left: 0;
    right: 0;
}

.owl-theme .owl-dots .owl-dot {
    width: auto;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    transition: .3s all;
    background: transparent;
    margin-inline: 4px;
    border: 1px solid #FE642E;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FE642E;
}



/* pages css */


.info-banner {
    position: relative;
    z-index: 1;
    width: calc(100% - 80px);
}


.menu-box {
    display: inline-flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.head-btn.text-end {
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.btn:hover {
    background: #fd6339 !important;
    color: #fff !important;
}



.info-banner h1  span {
    font-weight: 600;
    color: #FE642E;
}


.nav-tabs {
    border: none;
    text-align: left;
    display: flex;
    gap: 60px;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 40px;
}

.nav-tabs li.nav-item {
    border: none;
}

.nav-tabs .nav-item .nav-link {
    border: none;
    width: 100%;
    text-align: left;
    align-items: center;
    background: transparent;
    border-bottom: none;
    padding: 12px 8px;
    font-size: 16px;
    color: #242424;
    font-weight: 500;
    position: relative;
    z-index: 1;
    transition: .3s all;
}

.nav-tabs .nav-item .nav-link::before {
    position: absolute;
    content: "";
    background: #FD7625;
    background: linear-gradient(90deg, rgba(253, 118, 37, 1) 0%, rgba(252, 192, 17, 1) 100%);
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    transition: .3s all;
}

.nav-tabs .nav-item .nav-link.active::before, .nav-tabs .nav-item .nav-link:hover::before, .nav-tabs .nav-item.show .nav-link::before {
    width: 100%;
}


.nav-tabs .nav-item .nav-link.active img, .nav-tabs .nav-item .nav-link:hover img, .nav-tabs .nav-item.show .nav-link img {
    filter: brightness(0) invert(1);
}

.nav-tabs .nav-item .nav-link * {
    transition: .3s all;
}


.info-banner h1:before {
    position: absolute;
    content: "";
    background: #333333;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.info-banner h1:after {
    position: absolute;
    content: "";
    background: #FE642E;
    width: 63px;
    height: 6px;
    left: 0;
    bottom: -2px;
}

.info-banner h5 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 30px;
}

.info-banner a.btn {
    margin-bottom: 40px;
}

.info-banner  h6 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

header .btn {
    padding: 12px 30px;
    font-size: 14px !important;
}

.info-banner ul {
    display: flex;
    gap: 15px;
    margin-top: 45px;
}

.info-banner ul li {
    padding: 25px;
    text-align: center;
    background: #242424;
    color: #fff;
    border-radius: 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    width: 100%;
}

.info-banner ul li > span {
    display: block;
    font-weight: 600;
    font-size: 1.375rem;
    margin-bottom: 16px;
}

.our-banner .container {
    position: relative;
    z-index: 1;
}

.our-banner  img.car-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -17.5rem;
}



.banner-form {
    padding: 30px;
    background: #fff;
    border-radius: 0 25px 25px 25px;
    box-shadow: 0 8px 20px #0000001a;
}

.banner-form h3 {
    font-size: 1.625rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}

.banner-form .form-control {
    border: 1px solid #555555;
    height: 50px;
    margin-bottom: 16px;
    color: #555555;
    font-size: 14px;
    padding: 10px 12px;
}

.banner-form ::placeholder {
    color: #555555 !important;
}

.banner-form button.btn.btn-form {
    background: #FE642E !important;
    color: #fff !important;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: flex;
    gap: 10px;
    padding-block: 13px;
}

.banner-form a.reset {
    display: table;
    margin: auto;
    font-size: 13px;
    color: #000;
    text-decoration: underline;
    font-weight: 300;
}


.our-banner .row{
    align-items: start;
}

.our-banner img.ban-bg2 {
    position: absolute;
    top: -120px;
    right: 0;
}

.banner-form img.ban-bg1 {
    position: absolute;
    left: -55px;
    z-index: -1;
    bottom: -55px;
}

.banner-form [class*='col'] {
    padding: 0 8px;
}

.banner-form .row {
    margin-inline: -8px;
}

.our-lifestyle{
    background: url("../images/bg-type.png") no-repeat;
    background-size: cover;
    background-position: 50% top;
    padding-block: 180px 60px;
    margin-top: -290px;
}

.our-lifestyle ul {display: flex;gap: 10px;justify-content: space-between;}

.our-lifestyle ul .owl-stage {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 2px;
}

.our-lifestyle ul li {
    width: 100%;
    text-align: center;
    background: #FFFFFF;
    outline: 1px solid #E9E9E9;
    padding: 30px 10px;
    font-size: 16px;
    color: #6B6B6B;
    font-weight: 500;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    transition: .5s all;
}

.our-lifestyle ul li img {
    display: block;
    margin: 0 auto 8px;
    transition: .5s all;
}

.our-lifestyle ul li::before {
    position: absolute;
    content: "";
    background: #FD9F1A;
    background: linear-gradient(180deg, rgba(253, 159, 26, 1) 0%, rgba(253, 115, 38, 1) 100%);
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    border-radius: 16px;
    transition: .5s all;
}

.our-lifestyle ul li:hover::before {
    height: 100%;
}

.our-lifestyle ul li:hover {
    color: #fff;
}

.our-lifestyle ul li:hover img {
    /* filter: brightness(0) invert(1); */
}



.our-lifestyle  img.car-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -105px;
}

.info-vendor {
    background: #FBF4DF;
    border-radius: 16px;
    position: relative;
    border: 1px solid #FFFFFF;
    padding: 50px 50px 60px;
    box-shadow: 0 5px 6px #EDEDED;
}

.info-vendor img {
    position: absolute;
    bottom: 60px;
    margin: auto;
    right: 2px;
    z-index: 1;
}

.info-vendor img.ven-bg1 {
    right: 1px;
    z-index: 0;
    filter: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(1392%) hue-rotate(320deg) brightness(103%) contrast(82%);
    bottom: 0;
    top: 0;
}

.info-vendor h3 {
    font-size: 2.375rem;
    line-height: 2.5rem;
    margin-bottom: 20px;
}

.info-vendor p {
    width: 60%;
    font-size: 14px;
    margin-bottom: 20px;
}

.our-vendor [class*='col']:last-child .info-vendor {
    background: #E9F0FF;
}

.our-vendor [class*='col']:last-child .info-vendor img.ven-bg1 {
    filter: brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(280%) hue-rotate(190deg) brightness(94%) contrast(95%);
}

.our-vendor {
    padding: 0;
    background: #fff;
    z-index: 2;
    padding-bottom: 100px;
}

.our-brand {
    position: relative;
    padding: 0;
}

.our-vendor::before {
    position: absolute;
    content: "";
    background: url("../images/bg-brand.png") no-repeat;
    width: 100%;
    height: 315px;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50% top;
    z-index: -1;
}

.our-brand .tab-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.our-brand .tab-content ul li {
    /* width: calc(16.66% - 10px); */
    text-align: center;
    background: #FFF;
    border-radius: 16px;
    height: 100%;
    font-size: 14px;
}
.our-brand .tab-content ul li a {
    padding: 20px 10px 20px;
    display: block;
    color: #000;
}


.our-brand .tab-content ul li img {
    display: block;
    margin: 0 auto 10px;
    width: auto;
    max-height: 85px;
}

.our-brand .heading {
    margin-bottom: 40px;
}

a.btn-view {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #050B20;
    font-size: 15px;
    font-weight: 500;
    z-index: 1;
    font-family: 'Inter' !important;
    line-height: 15px;
}

a.btn-view svg {
    transform: rotate(-45deg);
}

a.btn-view:hover {
    text-decoration: underline;
}

a.btn-view:hover img {
    transform: rotate(45deg) scale(0.8);
}

a.btn-view * {
    transition: .3s all;
    position: relative;
}

.our-brand .row {
    padding-bottom: 65px;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: 0 1px #fff;
}

.our-cars {
    padding-block: 45px;
}

.info-car figure img {
    width: 100%;
    border-radius: 16px 16px 0 0;
}

.info-car figcaption {
    background: #fff;
    border: 1px solid #E9E9E9;
    border-top: 0;
    padding: 18px 20px 30px;
    border-radius: 0 0 16px 16px;
    transition: .5s all;
}

.info-car figure {
    margin: 0;
    position: relative;
    z-index: 1;
}

.info-car figcaption h4 {
    font-size: 1.125rem;
    color: #050B20;
    font-weight: 500;
    margin-bottom: 0;
}

.info-car figcaption p {
    font-size: 13px;
    margin: 0 0 10px;
}

.info-car figcaption ul {
    display: flex;
    justify-content: space-between;
    border-block: 1px solid #E9E9E9;
    padding-block: 16px;
    margin-bottom: 20px;
}

.info-car figcaption ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
    line-height: 14px;
}

.info-car figcaption h3 {
    font-weight: 600;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}
figure h6 {
    position: absolute;
    background: #fff;
    font-size: 10px;
    COLOR: #050B20;
    padding: 5px 10px 6px;
    border-radius: 20px;
    left: 10px;
    bottom: 10px;
    margin: 0;
    display: flex;
    gap: 25px;
}

.info-car figure::before {
    position: absolute;
    background: #3D923A;
    font-size: 13px;
    color: #fff;
    padding: 4px 15px 4px;
    border-radius: 30px;
    left: 20px;
    top: 20px;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.info-car.gp figure::before {
    content: "Great Price";
}

.info-car.lm figure::before {
    content: "Low Mileage";
    background: #405FF2;
}

.info-car:hover figcaption {
    border-color: #A4A4A4;
}

.info-car:hover {
    box-shadow: 0 5px 15px #00000014;
}

.info-car {
    border-radius: 16px;
    transition: .5s all;
}
.our-cars .info-car:first-child {
    margin-bottom: 30px;
}

.owl-cars .owl-stage-outer {
    padding: 30px 20px ;
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
}

.our-cars h2 {
    margin-bottom: 0;
}

.our-cars  .heading {
    margin-bottom: 20px;
}

.our-cars .row {
    position: relative;
    z-index: 1;
}

.owl-nav::before {
    position: absolute;
    content: "";
    background: #E9E9E9;
    width: calc(100% - 180px);
    height: 2px;
    border-bottom: 1px solid #fff;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.our-dealers{
    background: url("../images/bg-deal.png") no-repeat;
    background-size: cover;
    background-position: 50% center;
    padding-bottom: 130px;
}

.our-dealers * {
    color: #fff;
}

.our-deal {
    border: 1px solid #717171;
    display: flex;
    gap: 19px;
    align-items: center;
    background: #333333;
    padding: 25px 20px;
    border-radius: 16px;
}

.our-deal h4 {
    font-weight: 600;
    font-size: 1.125rem;
    margin: 0;
    font-family: 'Inter';
}

.our-deal h4 > span {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}

.our-dealers .owl-nav {
    margin-top: 45px !important;
}

.our-dealers .owl-nav::before {
    border: none !important;
    background: #686868;
    height: 1px;
}
.our-dealers .nav-tabs .nav-item .nav-link {
    color: #C3C3C3;
}

.our-dealers .nav-tabs .nav-item.show .nav-link,.our-dealers .nav-tabs .nav-item .nav-link.active,.our-dealers .nav-tabs .nav-item .nav-link:hover {
    color: #fff;
}

.our-dealers .nav-tabs {
    border-color: #4D4D4D;
    margin-bottom: 50px;
}

.our-dealers .container{
    position: relative;
    z-index: 1;
}

.our-dealers .container::before{
    position: absolute;
    content: "";
    background: url("../images/deal-bg1.png") no-repeat;
    width: 381px;
    height: 380px;
    background-size: 100%;
    left: calc(100% + 0px);
    top: -80px;
    z-index: -1;
}

.our-guide .row {
    background: #FBF4DF;
    box-shadow: 0 15px 25px #fe612b6b;
}

.img-guide {
    text-align: right;
    position: relative;
    right: -10px;
}

.img-guide img.gd-car {
    position: absolute;
    bottom: -30px;
    right: 0;
    max-width: calc(100% + 70px);
}

.img-guide  h3 {
    position: absolute;
    top: 60px;
    left: 90px;
    color: #fff;
    font-size: 2.875rem;
    text-align: left;
    display: inline-block;
    font-weight: 700;
    font-family: 'Inter';
    line-height: 3rem;
    text-transform: capitalize;
}

.img-guide h3 > span {
    display: inline-block;
    background: #FE642E;
    margin-bottom: 6px;
    line-height: 3rem;
    padding-inline: 6px;
}

.img-guide h3 > span.gd2 {
    margin: 0;
    background: #FCC011;
}

.info-guide {
    padding-left: 65px;
}

.info-guide h2 {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Inter';
    width: 90%;
    line-height: 2.25rem;
    margin-bottom: 25px;
    letter-spacing: .5px;
}

.info-guide p {
    color: #050B20;
    font-size: 15px;
    width: 90%;
    margin-bottom: 32px;
}

.info-guide ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.info-guide ul li svg {
    color: #FE642E;
    font-size: 20px;
}

.info-guide ul li:last-child {
    margin-bottom: 0;
}

.our-guide {
    padding: 0;
    margin-top: -55px;
}

.our-dealers .btn-deal {
    margin-top: 40px;
}

.our-stats ul {
    display: flex;
    justify-content: space-between;
}

.our-stats ul li {
    font-size: 15px;
    font-weight: 400;
}

.our-stats ul li > span {
    font-size: 2.375rem;
    font-weight: 700;
    display: block;
    line-height: 2.375rem;
    margin-bottom: 12px;
}

.our-stats {
    padding-block: 80px 65px;
    border-bottom: 1px solid #E1E1E1;
}

.our-stats .container{
    position:relative;
    z-index:1;
}

.our-stats .container::before {
    position: absolute;
    content: "";
    background: #FD7625;
    background: linear-gradient(90deg, rgba(253, 118, 37, 1) 0%, rgba(252, 192, 17, 1) 100%);
    height: 5px;
    width: 100%;
    left: 0;
    bottom: -67.5px;
}

.info-article figure img {
    width: 100%;
    border-radius: 16px 16px 0 0;
}

.info-article figure {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.info-article figcaption {
    background: #E9F0FF;
    padding: 30px 35px;
    border-radius: 0 0 16px 16px;
}

.info-article figure h6 > span:first-child::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #060608;
    border-radius: 50%;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.info-article figure h6 > span {
    position: relative;
    text-transform: capitalize;
}

.info-article figcaption h5 {font-size: 1.75rem;width: 98%;margin-bottom: 35px;}

.info-article figcaption a.btn {
    width: 100%;
    height: 56px;
    background: #fff !important;
    color: #252525 !important;
    width: calc(100% + 20px);
    position: relative;
    left: -10px;
}

.info-article figcaption a.btn > span {
    position: absolute;
    right: 8px;
}

.info-article figcaption a.btn:hover {
    background: #FCC011 !important;
}

.info-article figcaption a.btn > span svg {
    color: #fff;
}


main.choose-cta{
    background: url("../images/bg-choose.png") no-repeat;
    background-size: cover;
    background-position: 50% center;
    border-radius: 0 0 40px 40px;
    position: relative;
    z-index: 2;
}

.our-choose .container {
    position: relative;
    z-index: 1;
}

.our-choose  img.ch-bg2 {
    position: absolute;
    right: calc(100% - 390px);
    bottom: -80px;
    z-index: 1;
}

.our-choose .info-choose img.ch-bg1 {
    display: table;
    margin-left: auto;
    z-index: -1;
}

.info-choose h5 {
    color: #FE642E;
    font-size: 1.25rem;
    padding-left: 20px;
    position: relative;
    z-index: 1;
    font-weight: 500;
    margin-bottom: 28px;
}

.info-choose h5::before {
    position: absolute;
    content: "";
    background: #FCC011;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.info-choose h2 {
    color: #fff;
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 40px;
}

.info-choose p {
    color: #C0C0C0;
    width: calc(100% - 20px);
    margin-bottom: 60px;
}

.info-ch {background: linear-gradient(180deg, rgba(254, 97, 43, 1) 0%, rgba(152, 58, 26, 0) 100%);border-radius: 16px;position: relative;z-index: 1;padding: 42px 28px;}

.info-ch img.chic1 {
    position: absolute;
    right: 12px;
    top: 12px;
    margin: 0 !important;
}

.info-ch img {
    margin-bottom: 26px;
}

.info-ch h4 {
    color: #FFFFFF;
    margin-bottom: 12px;
    font-size: 1.3rem;
}

.info-ch p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}

.info-ch:first-child {margin-bottom: 20px;}

.our-choose [class*='col']:nth-child(2) {
    margin-top: 50px;
}

.our-choose .row {
    align-items: start;
}

.info-ch.info-ch2 {
    /* background: #7D7D7D; */
    background: linear-gradient(180deg, rgba(16, 16, 16, 1) 0%, rgba(118, 118, 118, 0) 100%);
}

.info-ch.info-ch2 p {
    color: #D5D5D5;
}

.ch-cta {
    text-align: center;
}

.ch-cta h2 {
    color: #fff;
    font-size: 2.925rem;
    font-weight: 200;
    margin-bottom: 16px;
}

.ch-cta h2 > span {
    font-weight: 700;
}

.ch-cta h2 > span > span {
    color: #FCC011;
}

.ch-cta p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px;
}

.ch-cta {
    padding-block: 80px 60px;
}

.ch-cta .container {
    position: relative;
    z-index: 1;
}

.ch-cta .container::before {
    position: absolute;
    content: "";
    background: url("../images/bg-chcta.png") no-repeat;
    width: 100%;
    height: 6px;
    background-size: 100%;
    left: 0;
    top: -75px;
    z-index: -1;
}

.our-choose {
    padding-bottom: 120px;
}

.our-subscribe {
    background: #FE642E;
    margin-top: -40px;
    padding-block: 100px 50px;
}

.our-subscribe h2 {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}

.our-subscribe p {
    color: #fff;
    font-size: 15px;
}

.our-subscribe .form-control {height: 70px;border-radius: 50px;margin-bottom: 0;padding: 20px 130px 20px 30px;color: #777777;font-size: 14px;}

.our-subscribe form button.btn {position: absolute;right: 10px;top: 0;bottom: 0;height: 50px;margin: auto;width: auto;background: #000 !important;color: #fff !important;padding: 10px 30px;}

.our-subscribe form {
    position: relative;
    z-index: 1;
}

.our-subscribe form ::placeholder {
    color: #777777;
}

footer .row {
    align-items: start;
}

footer .info-foot h4 {
    color: #fff;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 1.25rem;
    margin-bottom: 10px;
}

footer .info-foot ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    z-index: 1;
    padding-left: 16px;
}

footer .info-foot ul li a::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

footer .info-foot ul li {margin-bottom: 10px;}

footer [class*='col']:last-child .info-foot ul li a {
    padding: 0;
}

footer [class*='col']:last-child .info-foot ul li a::before {
    display: none;
}

footer [class*='col']:last-child .info-foot ul.app-foot {
    margin-bottom: 30px;
}

footer [class*='col']:last-child .info-foot ul.app-foot li {
    margin-bottom: 12px;
}

footer [class*='col']:last-child .info-foot ul.social-foot {
    display: flex;
    gap: 30px;
}

footer [class*='col']:last-child .info-foot ul.social-foot li a svg {
    font-size: 17px;
    transition: .3s all;
}

footer [class*='col']:last-child .info-foot ul.social-foot li a:hover svg {
    color: #FE642E;
}

footer .info-foot ul li:last-child {
    margin-bottom: 0;
}

header ul li > a:before {
    position: absolute;
    content: "";
    background: #FCC011;
    width: 0;
    height: 2px;
    transition: .3s ease-in-out;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.breadcrumbs ul li {
    position: relative;
}

.breadcrumbs ul li:last-child::after {
    display: none;
}


header ul li > a:hover:before , header ul li.active > a::before {
    width: 100%;
}

.head-btn a.btn-head.btn-sign {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
}

.breadcrumbs {
    background: #FCF6E2;
    padding: 10px 0;
}

.breadcrumbs ul {
    display: flex;
}

.breadcrumbs ul li a,.breadcrumbs ul li span {
    color: #242424;
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 14px;
}

.breadcrumbs ul li::after {
    position: relative;
    content: ">";
    top: 0;
    bottom: 0;
    margin: 0 10px;
    display: inline-flex;
}


.breadcrumbs ul li a:hover , .breadcrumbs ul li span {
    text-decoration: underline;
}


.breadcrumbs a.btn-bread-phone {
    display: flex;
    align-items: center;
}

.breadcrumbs a.btn-bread-phone img {
    margin-right: 10px;
}

.breadcrumbs a.btn-bread-phone {
    color: #848484;
    font-size: 14px;
}

.breadcrumbs a.btn-bread-phone > span {
    color: #000000;
    font-weight: 600;
    margin-left: 5px;
}



/**
 * Gallery Styles
 * 1. Enable fluid images
 */
.gallery {
  overflow: hidden;
  position: relative;
}

.gallery__hero {
  overflow: hidden;
  position: relative;
}
.is-zoomed .gallery__hero {
  cursor: move;
}
.is-zoomed .gallery__hero img {
  max-width: none;
  position: absolute;
  z-index: 0;
  top: -50%;
  left: -50%;
}

.gallery__hero-enlarge {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 1;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6bS00OC4yNS0xMC43MWMtMTYuOTU0IDAtMzAuNzUzLTEzLjc5OC0zMC43NTMtMzAuNzUyIDAtMTYuOTY0IDEzLjgtMzAuNzY0IDMwLjc1My0zMC43NjQgMTYuOTY0IDAgMzAuNzUzIDEzLjggMzAuNzUzIDMwLjc2NCAwIDE2Ljk1NC0xMy43ODggMzAuNzUzLTMwLjc1MyAzMC43NTN6TTYzLjAzMiA0NS4zNTRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2MmgtOS4xNjR2OS4xNjRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2Mi0yLjM1NSAwLTQuMjYyLTEuOTE4LTQuMjYyLTQuMjYydi05LjE2NGgtOS4xNjRjLTIuMzU1IDAtNC4yNjItMS45MTgtNC4yNjItNC4yNjIgMC0yLjM1NSAxLjkwNy00LjI2MiA0LjI2Mi00LjI2Mmg5LjE2NHYtOS4xNzVjMC0yLjM0NCAxLjkwNy00LjI2MiA0LjI2Mi00LjI2MiAyLjM1NSAwIDQuMjYyIDEuOTE4IDQuMjYyIDQuMjYydjkuMTc1aDkuMTY0YzIuMzU1IDAgNC4yNjIgMS45MDcgNC4yNjIgNC4yNjJ6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__hero-enlarge:hover {
  opacity: 1;
}
.is-zoomed .gallery__hero-enlarge {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6TTE0LjU5IDQ1LjM1NGMwLTE2Ljk2NCAxMy44LTMwLjc2NCAzMC43NTMtMzAuNzY0IDE2Ljk2NCAwIDMwLjc1MyAxMy44IDMwLjc1MyAzMC43NjQgMCAxNi45NTQtMTMuNzkgMzAuNzUzLTMwLjc1MyAzMC43NTMtMTYuOTUzIDAtMzAuNzUzLTEzLjgtMzAuNzUzLTMwLjc1M3pNNTguNzcyIDQ5LjYxSDMxLjkyYy0yLjM1NSAwLTQuMjYzLTEuOTA3LTQuMjYzLTQuMjZzMS45MDgtNC4yNjMgNC4yNjItNC4yNjNINTguNzdjMi4zNTQgMCA0LjI2MiAxLjkwOCA0LjI2MiA0LjI2MnMtMS45MSA0LjI2LTQuMjYyIDQuMjZ6Ii8+PC9zdmc+);
}

.gallery__thumbs {
  text-align: center;
  background: transparent;
  margin-top: 15px;
}
.gallery__thumbs a {
  display: inline-block;
  width: 100%;
  padding: 0;
  opacity: 0.75;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__thumbs a:hover {
  opacity: 1;
}
.gallery__thumbs a.is-active {
  opacity: 0.2;
}

.gallery img {
    width: 100%;
    border-radius: 16px;
}

.gallery__hero img {
    height: 570px;
    object-fit: cover;
    object-position: center;
}



.car-det {
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    padding: 42px 38px 38px;
}

.car-det h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin-bottom: 15px;
    font-weight: 600;
    color: #fc730e;
}

.car-det p {
    color: #8c8c8c;
    font-size: 1.128rem;
    width: 90%;
    margin-bottom: 30px;
}

.car-det ul {
    display: flex;
    justify-content: space-around;
    padding-block: 20px;
    border-block: 1px solid #E9E9E9;
    margin-bottom: 30px;
}

.car-det ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 10px;
    font-size: 14px;
    line-height: 16px;
}

.car-det h4 {
    color: #fc730f;
    font-weight: 600;
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    gap: 40px;
    font-family: "Roboto", sans-serif;
    padding: 0 0 10px;
}

.car-det h4 > span {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    position: relative;
    z-index: 1;
}

.car-det h4 > span a {
    color: #050B20;
    text-decoration: underline;
}

.car-det h4 > span::before {
    position: absolute;
    content: "";
    background: #000000;
    width: 1px;
    left: -20px;
    top: -5px;
    height: calc(100% + 15px);
}

.box-cardet {
    margin-left: 40px;
}

.our-car-details .row {
    align-items: start;
}


.car-det a.btn {
    display: flex;
    color: #202021 !important;
    gap: 10px;
    text-transform: uppercase;
    margin-top: 30px;
}

.car-det a.btn:hover {
    color: #fff !important;
}

.info-car-details .car-box2 h5 {
    height: 81px;
    padding: 20px 0 20px 60px;
    position: relative;
    z-index: 1;
    border-radius: 16px;
    border: 1px solid #E9E9E9;
    font-weight: 400;
    background: #fff;
    margin-top: 45px;
    font-size: 16px;
}

.info-car-details .car-box2 h5 a {
    position: absolute;
    right: 0;
    height: 81px;
    background: #D9E3FD;
    top: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #000;
    width: 180px;
    justify-content: center;
    border-radius: 16px;
    font-size: 16px;
    transition: .5s all;
}

.info-car-details .car-box2 h5 a:hover {
    background: #000 !important;
    color: #fff !important;
}

.info-car-details .car-box2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 35px;
    margin-top: 35px;
}

.info-car-details .car-box2 ul li {
    width: calc(33%);
    padding-left: 55px;
    position: relative;
    font-size: 12px;
    color: #050B20;
    line-height: 12px;
}

.cardet-form.car-det {
    background: #242424;
    border: none;
    padding: 20px 35px 40px;
    margin-top: 30px;
}

.cardet-form.car-det h3 {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.cardet-form.car-det .form-group.enq-group {
    background: #FE642E;
    width: calc(100% + 70px);
    position: relative;
    left: -35px;
    padding: 20px 35px 25px;
    border-radius: 0 0 12px 12px;
    margin-bottom: 26px;
}

.cardet-form.car-det .form-group.enq-group h4 {
    color: #fff;
    font-size: 1.5625rem;
    text-align: center;
    line-height: 1.5625rem;
    justify-content: center;
    padding: 0;
    margin-bottom: 18px;
}

.cardet-form.car-det .form-group ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border: none;
    row-gap: 12px;
}

.cardet-form.car-det .form-group ul li {
    width: 50%;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.cardet-form.car-det .form-group label {
    color: #fff;
    font-size: 14px;
}

.cardet-form.car-det .form-group ul li input[type="checkbox"] {
    border-radius: 3px;
    width: 21px;
    height: 20px;
    accent-color: #fbc033;
    border: #000000;
}


.cardet-form.car-det .form-group ul.condet-list li {
    width: 100%;
}

.cardet-form.car-det .form-group ul.condet-list {
    margin-block: 25px;
}

.cardet-form.car-det .form-group ul.condet-list li:last-child label {
    width: calc(100% - 70px );
}

.cardet-form.car-det form [class*='col'] {
    padding: 0 6px;
}

.cardet-form.car-det form .row {
    margin-inline:  -6px;
}

.cardet-form.car-det .form-control {
    height: 48px;
    font-weight: 400;
    margin-bottom: 12px;
}

a.btn-save {
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 30px;
    padding: 12px 25px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.car-save.active span, .wish-added.active span {
    border-color:#e31b23 ;
}

a.btn-save span b {
  --col1: #000000;
  --col2: #e31b23;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  cursor: pointer;
  color: transparent;
  animation: beat_off 300ms forwards;
}
a.btn-save span{
    width: 22px;
    height: 22px;
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: .2s all;
}

a.btn-save span b svg {
  height: 100%;
  width: 100%;
  stroke: var(--col1);
  position: absolute;
  stroke-width: 2px;
}
.car-save.active span b svg, .wish-added.active span b svg{
    color: var(--col2);
    stroke: var(--col2);
}
.car-save.active span b {
  animation: beat_on 400ms forwards;
}

@keyframes beat_on {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.5);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes beat_off {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.box-sidebar {
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    padding: 25px 28px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.box-sidebar.box-postcode button.btn.btn-purp {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #202021 !important;
    gap: 4px;
    background: #D9E3FD !important;
    border: 1px solid #C5D0EF;
    padding: 10px;
    position: relative;
    z-index: 1;
}

.box-sidebar.box-postcode button.btn.btn-purp::before {
    position: absolute;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #C4D0EF;
    top: -10px;
}

.box-sidebar .form-control {
    border: 1px solid #E9E9E9;
    background: #fff;
    font-size: 12px;
    height: 42px;
    margin-bottom: 18px;
}

.box-sidebar ::placeholder {
    color: #808080 !important;
}

.box-sidebar:last-child {
    margin-bottom: 0;
}

.box-sidebar h4 {
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.box-sidebar h4 > a {
    display: block;
    color: #808080;
    font-size: 12px;
    text-decoration: underline;
    font-family: 'Inter';
    font-weight: 400;
    margin-top: 5px;
}


.box-sidebar.box-filter .btn-save  {
    position: absolute;
    top: 28px;
    right: 28px;
}

a.btn-save._active {
    background: #feecec;
}

ul.filter-top {
    display: flex;
    overflow-x: scroll;
    gap: 8px;
    padding-bottom: 10px;
    scrollbar-width: thin; /* Make the scrollbar thin */
    scrollbar-color: #242424 #d9e3fc; /* Dark thumb, light track */
    flex: 75%;
    padding-top: 20px;
}

ul.filter-top li .filter-btn {
    background: #fff;
    border: 1px solid #E9E9E9;
    padding: 7px 13px;
    display: flex;
    gap: 5px;
    color: #4D4D4D;
    align-items: center;
    border-radius: 4px;
    transition: .2s all;
    font-size: 12px;
    width: max-content;
}

ul.filter-top li {
    width: auto;
}


ul.filter-top li .filter-btn.active {
    background: #D9E3FD;
    border-color: #C5D0EF;
    color: #202021;
    font-weight: 500;
}

ul.filter-top li .filter-btn .i {
    cursor: pointer;
}


.box-top-filter button.btn {
    padding: 10px 13px;
    font-size: 12px !important;
    font-weight: 600;
    border-radius: 4px;
    width: auto;
    gap: 0;
    line-height: normal;
    height: 40px;
    flex: auto 1 0;
}
.btn.btn2 {
    padding: 10px 25px;
    width: auto;
}
.box-top-filter button.btn.btn2.btn-clear {
    background: #555555 !important;
    border: 1px solid #31313C !important;
    color: #fff !important;
}
.box-top-filter{
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
    justify-content: flex-end;
}

.car-list .row {
    align-items: start;
}

.car-list {
    padding: 55px;
}

.box-carlist-sorting {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.box-carlist-sorting h4 {
    font-size: 1.55rem;
    margin-bottom: 0;
}

.box-carlist-sorting span.listing-recommend {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    gap: 10px;
}

.box-carlist-sorting span.listing-recommend label {
    color: #4D4D4D;
    font-weight: 500;
    font-size: 12px;
    width: max-content;
}

.box-carlist-sorting span.listing-recommend .form-control {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    color: #4D4D4D;
    border: 1px solid #E9E9E9;
    width: 200px;
}

.box-carlist-sorting span.listing-recommend select option,.box-carlist-sorting span.listing-recommend select {
    text-transform: uppercase;
}


.box-carlist {
    display: flex;
    padding: 6px 30px 6px 6px;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    gap: 15px;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: 17px;
}

.box-carlist .car-gallery {
    width: calc(42% - 7.5px);
}

.box-carlist .car-gallery figure {
    margin: 0;
    position: relative;
    z-index: 1;
    flex: 0 0 76%;
}

.box-carlist .car-gallery figcaption {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 0 0 22%;
    gap: 6px;
    height: 210px;
}

.box-carlist .car-gallery img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.box-carlist .car-gallery figcaption img {
    border-radius: 8px;
    height: 66px;
}

.box-carlist .car-gallery figure h6 {
    right: inherit;
    left: 10px;
}

.box-carlist .carlist-detail h5 {
    font-family: 'Zilla Slab';
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.25rem;
}

.box-carlist .carlist-detail p {
    font-size: 14px;
    color: #4D4D4D;
    margin-bottom: 5px;
}

.box-carlist .carlist-detail h4 {
    color: #FE612B;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 12px;
}

.box-carlist .carlist-detail ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.box-carlist .carlist-detail ul.carlist-data {
    padding: 5px 12px;
    background: #EDFFED;
    border-radius: 4px;
    margin-bottom: 10px;
}

.box-carlist .carlist-detail ul li {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #4D4D4D;
    line-height: 12px;
}

.box-carlist .carlist-detail {
    width: calc(58% - 7.5px);
}

.box-carlist .carlist-detail ul.carlist-data li {
    color: #050B20;
}

.box-carlist .carlist-detail h6 {
    font-size: 12px;
    color: #000000;
    margin-bottom: 22px;
}

.box-carlist .carlist-detail ul li a {
    color: #050B20;
}

a.btn-save.btn-save2 {
    background: none;
    border: none;
    padding: 0;
}

a.btn-save.btn-save2 span {
    width: 25px;
    height: 25px;
}

a.btn-save.btn-save2 span b {--size: 15px;--col2: #FE612B;}

.box-carlist .carlist-detail a.btn-save.btn-save2 {
    position: absolute;
    right: 12px;
    top: 12px;
}


.pagination ul {
    display: flex;
    gap: 5px;
}

.pagination ul li a , .pagination button {
    display: block;
}

.pagination ul li a span , .pagination button span {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    transition: .2s all;
}

.pagination button span {
    width: 60px;
    border-radius: 30px;
}

.pagination ul li a:hover span,.pagination ul li a.active span , .pagination button:hover span {
    background: #FE612B;
    border-color: #FE612B;
    color: #fff;
}

.pagination button {
    background: transparent;
    border: none;
    width: auto;
    padding: 0;
}

.pagination.pagination-carlist {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 5px;
    margin-top: 30px;
}

/* .pagination.pagination-carlist::before {
    position: absolute;
    content: "";
    background: #E9E9E9;
    width: calc(100% - 320px);
    height: 2px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    border-bottom: 1px solid #fff;
} */

.our-cta.ch-cta {
    background: url("../images/bg-cta.png") no-repeat;
    background-size: cover;
    background-position: 50% top;
    padding-block: 80px;
    z-index: 2;
    border-radius: 0 0 40px 40px;
}


.our-cta.ch-cta .container::before{
    display: none;
}

.info-carlist {margin-top: 60px;}

.info-carlist h4 {
    margin-bottom: 16px;
}

.info-carlist p {
    margin-bottom: 25px;
    color: #666666;
}

.info-carlist p span, .info-carlist a {
    display: initial;
    vertical-align: middle;
}

.info-carlist ul {
    display: flex;
    gap: 48px;
    margin-bottom: 20px;
}

.info-carlist ul li a {
    color: #242424;
    text-decoration: underline;
    padding-bottom: 1px;
    font-family: 'Zilla Slab';
}

.info-carlist *:last-child {
    margin-bottom: 0;
}

.main-carlist {
    padding-left: 20px;
}

.sticky-col {
    position: sticky;
    top: 10px;
}

.accordion.accordion-flush.accordion-filter {
    margin-top: 32px;
}


.accordion.accordion-flush.accordion-filter button.accordion-button {
    padding: 0;
    font-size: 16px;
    color: #555555;
    font-weight: 500;
    align-items: start;
    line-height: 16px;
    text-transform: capitalize;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    box-shadow: none;
    border-color: #B3B3B3;
    font-family: 'Inter';
    padding: 22px 0;
}

.accordion.accordion-flush.accordion-filter button.accordion-button > span {
    line-height: 12px;
    font-size: 12px;
    color: #808080;
    font-weight: 400;
    margin-top: 4px;
    display: inline-block;
    width: 80%;
}

.accordion.accordion-flush.accordion-filter button.accordion-button::after {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    background-color: #D9E3FD;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: 50%;
    border-radius: 6px;
    background-size: 12px;
}

.accordion.accordion-flush.accordion-filter button.accordion-button:focus {
    box-shadow: none;
}

.accordion.accordion-flush.accordion-filter .accordion-item {
    border-color: #B3B3B3;
}

.accordion.accordion-flush.accordion-filter .accordion-item:last-child {
    border-bottom: none;
}


span.ic-box {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 14px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-box2 ul li span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.info-car-details .car-box2 ul li b {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 5px;
}

.car-box3 {
    margin-top: 55px;
    padding-bottom: 40px;
}

.car-box3 .nav-tabs {
    gap: 40px;
    margin-bottom: 0;
}

.spec-data ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.spec-data ul li {
    width: 100%;
    height: 74px;
    display: flex;
    font-size: 14px;
    color: #242424;
    font-weight: 500;
    border-bottom: 1px solid #E9E9E9;
    position: relative;
    z-index: 1;
    align-items: center;
}

.spec-data ul li span {
    position: absolute;
    right: 10px;
}

.spec-data ul li a {
    font-size: 14px;
    color: #242424;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.spec-data ul li svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 5px;
    font-size: 17px;
    color: #242424;
}

.spec-data ul li a span {
    right: 30px;
    background: #D9E3FD;
    width: 38px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.spec-data.spec-data2 ul li {
    width: calc(50% - 13px);
}

.spec-data.spec-data2 ul {
    gap: 26px;
    row-gap: 0;
}

.car-box4 .car-box3 {
    margin-top: 40px;
}

.car-box4 .car-box3 h4 {
    font-size: 1.875rem;
    margin-bottom: 20px;
}

.car-box4 .car-box3 p {
    margin-bottom: 0;
}

.car-box4 .car-box3 ul.dealer-carbx {
    display: flex;
    align-items: center;
    gap: 25px;
}

.car-box4 .car-box3 ul.dealer-carbx li:first-child {
    padding: 15px 60px;
    background: #fff;
    border-radius: 16px;
    text-align: center;
}

.car-box4 .car-box3 ul.dealer-carbx li:first-child img {
    margin-bottom: 4px;
}


.map iframe {
    border-radius: 20px;
}

.accordion.accordion-flush.accordion-filter.accord-car-box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 0;
    margin-block: 30px;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item {
    width: calc(50% - 20px);
    border-bottom: 1px solid #E9E9E9;
    border-top: 0;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item button.accordion-button {
    background: transparent;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item .accordion-body {
    background: #d9e3fc;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item .accordion-body p {
    color: #4e4e4e;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item button > span {
    border-radius: 6px;
    background: #D9FDDA;
    padding: 8px 9px;
    display: flex;
    gap: 6px;
    align-items: center;
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    right: 20px;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item button::after {
    width: 12px;
    height: 12px;
    right: 0;
    background-color: transparent;
}

.accordion.accordion-flush.accordion-filter.accord-car-box .accordion-item button {
    font-size: 14px;
    color: #242424;
}

.fancybox-content.rightbar {
    height: 100%;
    left: inherit;
    right: 0;
    width: 450px;
    padding: 0;
    display: block !important;
    top: 0;
    margin: 0 0 0 auto;
    position: absolute;
}

.left-car-list.right-sidebar-feat {
    height: 100%;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter {
    padding: 0 20px;
    border: none;
    overflow-y: scroll;
    height: calc(100% - 100px);
    scrollbar-width: thin;
    scrollbar-color: #242424 #d9e3fc; /* Dark thumb, light track */
}

.left-car-list.right-sidebar-feat  h4 {
    padding: 30px 20px;
    font-size: 1.75rem;
    margin: 0;
    border-bottom: 1px solid #d1d1d1;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter .accordion.accordion-flush.accordion-filter {
    margin: 0;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter .accordion.accordion-flush.accordion-filter .accordion-body {
    padding: 10px 10px 15px 20px;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter .accordion.accordion-flush.accordion-filter .accordion-body ul li {
    list-style-type: disc;
    line-height: 15px;
    font-size: 15px;
    margin-bottom: 15px;
}

.fancybox-content.rightbar button.fancybox-button.fancybox-close-small {
    background: url(../images/close2.png) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    top: 28px;
    right: 20px;
    left: inherit;
    margin-right: 0;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter ul.feat-rightbar li {
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d1d1d1;
    font-size: 14px;
    color: #000;
    line-height: 20px;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter ul.feat-rightbar {
    margin-bottom: 20px;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter ul.feat-rightbar li:last-child {
    border-bottom: none;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter ul.feat-rightbar2 li {
    align-items: center;
    justify-content: space-between;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter ul.feat-rightbar2 li span {
    width: 120px;
    text-align: right;
}

.left-car-list.right-sidebar-feat .box-sidebar.box-filter h3 {
    font-size: 1.5rem;
    margin-top: 30px;
    margin-bottom: 10px;
}


.rightbar-box1,.rightbar-box2,.rightbar-box3 {
    width: 450px;
    position: fixed;
    height: 100%;
    top: 0;
    right: -100%;
    z-index: 99;
    background: #fff;
    transition: .5s all;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.rightbox-open .rightbar-box1.active,.rightbox-open .rightbar-box2.active,.rightbox-open .rightbar-box3.active {
    right: 0;
}

.rightbox-open body::before {content: "";background: #00000087;width: 100%;height: 100%;z-index: 11;position: fixed;}


.right-cross span:nth-child(2) {
    width: 70%;
}
.right-cross span:nth-child(1) {
    width: 0;
}
.right-cross span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: 9px;
    width: 100%;
}
.right-cross span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.right-cross span:last-child {
    margin-bottom: 0;
}
.right-cross {
    width: 40px;
    height: 40px;
    padding: 5px;
    float: none;
    position: absolute;
    z-index: 99999999999;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    right: 15px;
    top: 20px;
    text-align: right;
    display: none;
}

.rightbox-open .right-cross {
    display: block;
}


.right-cross span {
    height: 2px;
    background: #012d4b;
    display: block;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
}

.our-car-details + .our-cars {
    padding-block: 0 100px;
}

.btn.btn-white.btn-back {
    background: #fff !important;
    border: 1px solid #E9E9E9 !important;
    gap: 7px;
    font-size: 14px !important;
    color: #000 !important;
    position: absolute;
    bottom: calc(100% + 20px);
    left: 0;
}

.btn.btn-white.btn-back svg {
    transform: rotate(0);
    color: #000;
    font-size: 14px;
}

.our-car-details .container {
    position: relative;
    z-index: 1;
}

.inner-banner {
    background: #FE612B;
    background: linear-gradient(150deg, rgba(254, 97, 43, 1) 0%, rgba(254, 97, 43, 1) 60%, rgba(252, 192, 17, 1) 100%);
}

.inner-banner .info-inban h1 {
    margin: 0;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
}

.inner-banner .img-innerban {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -147px;
}

.inner-banner .row {
    align-items: stretch;
}

.btn.btn-white2 {
    background: #fff !important;
    border: 1px solid #E9E9E9 !important;
    color: #000 !important;
    gap: 8px;
    text-transform: uppercase;
    font-size: 14px !important;
}

.btn.btn-white2 > svg {
    transform: rotate(0);
    color: #000;
}

.our-searches .btn.btn-white2 {
    background: #FAFAFA !important;
    padding-block: 13px;
}

.our-searches  .btn-del {
    text-align: center;
    margin-top: 60px;
}

.our-banner.about-banner {
    padding-block: 30px 9rem;
    height: 830px;
    background: url("../images/about-banner2.png") no-repeat;
    background-size: cover;
    background-position: 50%;
}

.our-banner.about-banner .info-banner h1 {
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 3.125rem;
    padding-bottom: 0;
    margin-bottom: 22px;
}

.our-banner.about-banner .info-banner h1:before,.our-banner.about-banner .info-banner h1:after {
    display: none;
}

.our-banner.about-banner .info-banner p {
    color: #666666;
    font-size: 16px;
    width: calc(100% - 30px);
    margin-left: 0;
}

.our-banner.about-banner .info-banner {
    width: 100%;
    margin-top: 30px;
}

.ban-about {
    width: calc(100% + 20px);
    position: relative;
    left: -20px;
}

.our-banner.about-banner .info-banner a.btn {
    margin-bottom: 0;
}

.ban-about img {
    filter: drop-shadow(5px 8px 16px rgba(0,0,0,0.5));
}

.our-about {
    padding-block: 0;
    text-align: center;
    margin-top: -150px;
    z-index: 3;
}

h6.sub-head {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: #FE642E;
    display: inline-block;
    line-height: 15px;
    padding: 6px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}

h2.head2 {
    font-size: 2.8125rem;
    font-weight: 600;
    margin-bottom: 25px;
}

.info-about p {
    width: 82%;
    margin: 0 auto 40px;
}

.info-about ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 15px;
    width: 75%;
    margin: 0 auto 50px;
    justify-content: space-between;
}

.info-about ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #050B20;
    font-size: 14px;
}

.our-about::before {
    position: absolute;
    content: "";
    background: #FBF4DF;
    width: 100%;
    height: 140px;
    bottom: 85px;
    left: 0;
    z-index: -1;
}

.info-abfeat ul li {
    padding-left: 28px;
    color: #666666;
    margin-bottom: 42px;
    position: relative;
    z-index: 1;
    font-size: 14px;
}

.info-abfeat ul li > span {
    color: #050B20;
    font-size: 1.5rem;
    display: block;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: 'Zilla Slab';
}

.info-abfeat ul li:last-child {
    margin-bottom: 0;
}

.info-abfeat ul li::before {
    position: absolute;
    content: "";
    background: #FBF4DF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #FE612B;
    left: 0;
    top: 1px;
    z-index: -1;
}

.info-abfeat ul li::after {
    position: absolute;
    content: "";
    background: #FE612B;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 8px;
    left: 7px;
    z-index: -1;
}

.about-feature .container {
    background: #fff;
    padding: 180px 82px 35px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 20px 60px lch(0 0 0 / 0.05);
}

.about-feature {
    padding-block: 0;
    margin-top: -84px;
    z-index: 2;
}

.img-abfeat img {
    width: 100%;
}

.about-feature + .our-stats .container::before {
    display: none;
}

.about-feature + .our-stats {
    padding: 100px;
    background: #FBF4DF;
}

.about-feature::before {
    position: absolute;
    content: "";
    background: #fbf4e0;
    width: 100%;
    height: 160px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.info-dg {
    text-align: center;
}

.info-dg span {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 16px 16px 0 0;
    border: 1px solid #E9E9E9;
}

.info-dg h5 {
    background: #E9F0FF;
    padding: 22px;
    border-radius: 0 0 16px 16px;
    color: #050B20;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin: 0;
}

.info-dl {
    background: #fff;
    outline: 1px solid #E9E9E9;
    border-radius: 16px;
    margin-bottom: 20px;
}

.info-dl h5 {
    background: #E9F0FF;
    padding: 18px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 16px 16px 0 0;
    border: 1px solid #C4C4C4;
    margin-bottom: 0;
}

.info-dl span {display: flex;text-align: center;align-items: center;justify-content: center;height: 60px;border-bottom: 1px solid #E9E9E9;}

.info-dl h5 + span {margin: 10px 0;padding-bottom: 10px;}

.info-dl ul {
    margin: 20px 0;
}

.info-dl .in-text {
    padding: 0 26px 20px;
}

.info-dl ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #242424;
    margin-bottom: 14px;
}

.info-dl ul li:last-child {
    margin-bottom: 0;
}

.info-dl .in-text h6 {
    background: #FBF4DF;
    padding: 7px 26px;
    display: flex;
    align-items: center;
    gap: 7px;
    width: calc(100% + 52px);
    position: relative;
    left: -26px;
    outline: 1px solid #E8E1CE;
    margin-bottom: 20px;
}

.info-dl .in-text .btn-dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.info-dl .in-text .btn-dl .btn {
    width: 100%;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 700;
    gap: 10px;
}

.info-dl .in-text .btn-dl .btn > span {
    width: 30px;
    height: 30px;
    border: none;
}

.info-dl .in-text .btn-dl .btn:first-child {
    margin-bottom: 10px;
    background: #FE612B !important;
    color: #fff !important;
}

.info-dl .in-text .btn-dl .btn:first-child > span {
    background: #fff !important;
}

.our-dealer-trades .pagination.pagination-carlist {justify-content: center;}

.our-dealer-trades .pagination.pagination-carlist::before {
    display: none;
}

.deal-box {
    padding-block: 0 60px;
}

.our-dealer-group .btn {
    display: table;
    margin: 50px auto 0;
    padding-inline: 40px;
}

.deal-box:first-of-type {
    padding-top: 60px;
}

.info-form-deal {
    background: #fff;
    border: 1px solid #E9E9E9;
    padding: 30px;
    border-radius: 16px;
}

.info-form-deal .form-control {
    border: 1px solid #E9E9E9;
    background: #FFFFFF;
    color: #4D4D4D;
    font-size: 12px;
    font-weight: 400;
}

.info-form-deal  ::placeholder {
    color: #4D4D4D;
}

.info-form-deal  p.form_tagline {
    color: #4D4D4D !important;
    position: relative;
    padding-left: 26px;
    font-size: 13px !important;
}

.info-form-deal p.form_tagline input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    accent-color: #fbc033;
}



.info-form-deal [class*='col'] {
    padding: 0 5px;
}

.info-form-deal  button.btn.btn2 {
    width: auto;
    display: table;
    margin: 10px auto 0;
}

.info-form-deal button.btn.btn2 span {
    width: 26px;
    height: 26px;
}

.deal-box h2 {
    line-height: 2rem;
    margin-bottom: 20px;
}

.our-brand .tab-content ul.owl-theme .owl-nav.disabled+.owl-dots.disabled {
    display: none;
}

.info-car figure img {
    width: 100% !important;
    height: 220px;
    object-fit: cover;
}

.filter-fields ul.checkbox-filter li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

.filter-fields ul.checkbox-filter li input[type="checkbox"] {
    border-radius: 3px;
    width: 18px;
    height: 18px;
    accent-color: #fd6037;
    border: #000000;
    position: absolute;
    left: 10px;
    top: 13px;
}

.filter-fields ul.checkbox-filter li span {
    position: absolute;
    right: 10px;
    font-size: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    background: #d9e3fc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #565656;
}

.filter-fields ul.checkbox-filter.cf2 li img {
    transform: scalex(-1);
    left: 5px;
    top: 2px;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.filter-fields ul.checkbox-filter.cf2 li span {right: 35px;}

.filter-fields ul.checkbox-filter.cf2 li input[type="checkbox"] {
    position: absolute;
    right: 10px;
    left: inherit;
}

.filter-fields ul.checkbox-filter li label {
    width: 100%;
    padding: 10px 10px 10px 35px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #b3b3b3;
    transition: .3s all;
    cursor: pointer;
}

.filter-fields ul.checkbox-filter.cf2 li {
    position: relative;
    margin-bottom: 8px;
}

.filter-fields ul.checkbox-filter.cf2 li label {
    padding: 12px 12px 12px 108px;
    /* margin-left: -10px; */
}

.filter-fields ul.checkbox-filter.cf2.color-fil li label {
    padding: 10px 10px 10px  34px;
}

.filter-fields ul.checkbox-filter.cf2.color-fil li small {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 10px;
    border: 1px solid #d4d4d4;
    top: 15px;
}

.filter-fields ul.checkbox-filter.cf2.color-fil li {
    width: 100%;
    margin-left: 0;
}

.filter-fields ul.checkbox-filter li input[type="checkbox"]:checked + label {
    border-color: #000;
}


.black small {
    background: black;
}
.Grey small {
    background: gray;
}
.White small {
    background: white;
}
.Blue small {
    background: blue;
}
.Red small {
    background: red;
}
.Silver small {
    background: silver;
}
.Green small {
    background: green;
}
.Orange small {
    background: orange;
}
.Brown small {
    background: brown;
}
.Yellow small {
    background: yellow;
}
.Beige small {
    background: beige;
}
.Pink small {
    background: pink;
}



.our-about.our-sell::before {
    display: none;
}

.our-step + .our-stats {background: #FBF4DF;padding-block: 70px 62px;}

.our-step + .our-stats .container::before {
    display: none;
}

.info-sell {
    text-align: left;
    min-height: 300px;
    padding: 20px 220px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
}

.info-sell img {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.info-sell p {
    font-size: 14px;
    margin: 0;
}

.info-sell h4 {
    font-size: 1.625rem;
    color: #050B20;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.625rem;
}

.info-sell.info-sell2 {
    padding-right: 210px;
}

.info-sell.info-sell2 img {
    right: 30px;
}

.info-sell.info-sell2 {
    padding-right: 190px;
}

.info-sell.info-sell2 img {
    right: 30px;
}

.our-about.our-sell .row-btm {
    margin-bottom: 20px;
}

.our-about.our-sell .heading {
    margin-bottom: 60px;
}


.our-step{
    background: url("../images/bg-step.png") no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.info-step * {
    color: #fff;
}

.info-step h2 {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin-bottom: 10px;
}

.info-step h5 {
    color: #FE612B;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 20px;
}

.info-step p {
    color: #9A9A9A;
    font-size: 14px;
    width: 95%;
    margin-bottom: 30px;
}

.our-about.our-sell {
    padding-bottom: 100px;
}


/* hide real select */
.custom-selectoption {
}

/* wrapper generated by script */
.selectDropdown {
    position: relative;
    cursor: pointer;
    background: #fff;
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid #eaeaea;
    margin-bottom: 16px;
    font-size: 14px;
    color: #555555;
    font-weight: 500;
    border-radius: 5px;
    text-transform: capitalize;
}

/* display text */
.selectDropdown > span {
    display: flex;
    user-select: none;
    padding: 14px 16px;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.selectDropdown ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #dbdbdb;
}

.selectDropdown ul::-webkit-scrollbar
{
    width: 4px;
    background-color: #F5F5F5;
}

.selectDropdown ul::-webkit-scrollbar-thumb
{
    background-color: #555555;
}

/* dropdown list */
.selectDropdown ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    z-index: 10;
    padding: 10px;
    margin-top: 6px;
    max-height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}

/* open class */
.selectDropdown.open ul {
    display: block;
}

/* items */
.selectDropdown ul li a {
    display: flex;
    padding: 10px;
    text-decoration: none;
    color: #000 !important;
    border-radius: 10px;
    transition: all ease 0.3s;
    position: relative;
    align-items: center;
    justify-content: space-between;
    background: #f1f1f1;
}

/* hover */
.selectDropdown ul li a:hover {
    background: #f1f1f1;
}

/* active item */
.selectDropdown ul li.active a {
    background: #fe642e;
    color: #ffffff !important;
}

.selectDropdown ul li:not(:last-child) {
    margin-bottom: 5px;
}

.selectDropdown > span::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transition: all ease 0.3s;
}

.selectDropdown.open > span::after {
    transform: rotate(180deg);
}

.selectDropdown ul li a::after {
    content: '';
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 5 5L20 7'%3E%3C/path%3E%3C/svg%3E");
    background-color: var(--bs-secondary);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transition: all ease 0.3s;
    opacity: 0;
}

.selectDropdown ul li.active a::after {
    opacity: 1;
    background-color: #ffffff;
}

.box-sidebar label {
    font-size: 13px;
    margin-bottom: 6px;
    font-weight: 600;
}

.box-sidebar .selectDropdown > span {
    padding: 10px 9px;
}

.box-sidebar .selectDropdown {
    font-size: 14px;
    color: #555555;
}

.box-sidebar .selectDropdown ul li a {
    padding: 7px 11px;
}

.our-car-details .row.row-btm {
    margin-bottom: 40px;
}

.car-det ul.car-det2 {
    display: block;
    padding: 0;
    margin-block: 30px;
    border: none;
    margin-left: 0;
    margin-top: 7px;
}

.car-det ul.car-det2 li {
    flex-direction: row;
    align-items: start;
    flex-wrap: wrap;
    padding-left: 35px;
    margin-bottom: 22px;
    color: #050B20;
    gap: 5px;
    position: relative;
    z-index: 1;
}

.car-det ul.car-det2 li b {
    display: block;
    width: 100%;
}

.car-det ul.car-det2 li a {
    color: #050B20;
}

.car-det ul.car-det2 li img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    /* margin: auto; */
}

.contact-detail::before {
    display: none;
}

.contact-detail ul {
    display: flex;
    gap: 20px;
}

.contact-detail ul li {
    background: #FFFFFF;
    padding: 40px 20px;
    border-radius: 16px;
    border: 1px solid #E9E9E9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 15px;
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
}

.contact-detail ul li img {
    height: 42px;
}

.contact-detail ul li b {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Zilla Slab';
}

.contact-detail ul li p,.contact-detail ul li a {
    font-size: 15px;
    color: #4D4D4D;
    line-height: 20px;
    margin: 0;
}

.contact-detail {
    margin-top: -90px;
    padding: 0 0 120px;
    z-index: 3;
}

.contact-detail ul li::before {
    position: absolute;
    content: "";
    background: #FD7625;
    background: linear-gradient(90deg, rgba(253, 118, 37, 1) 0%, rgba(252, 192, 17, 1) 100%);
    width: 86%;
    height: 8px;
    border-radius: 20px 20px 0 0;
    top: -8px;
    left: 0;
    right: 0;
    margin: auto;
}

.info-cont h2 {
    font-size: 2.75rem;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 2.75rem;
}

.info-cont p {
    color: #666666;
    margin-bottom: 30px;
}

.info-cont .cont-form {
    padding: 42px 35px;
    background: #fff;
}

.info-cont .cont-form .form-control {
    border: 1px solid #D3D3D3;
    color: #252525;
    font-size: 12px;
}

.info-cont .cont-form ::placeholder {
    color: #252525;
}

.info-cont .cont-form textarea.form-control {
    height: 110px;
}

.info-cont .cont-form button.btn.btn-orange {
    position: absolute;
    right: 0;
    width: auto;
    bottom: 0;
    padding-inline: 50px;
}

.info-cont .cont-form button.btn.btn-orange svg {
    transform: rotate(0);
    position: relative;
    top: -1px;
    left: -1px;
    color: #000000;
}

.info-cont .cont-form button.btn.btn-orange span {
    background: #fff !important;
}

.btn.btn-orange:hover {
    background: #fbc033 !important;
    color: #000 !important;
}

.btn.btn-orange {
    background: #FE642E !important;
    color: #fff !important;
}


.info-cont .cont-form p.form_tagline {
    color: #252525 !important;
}

.row.row-cont {
    margin-top: 100px;
}

.keyword-search-container .input-group {display: flex;flex-wrap: nowrap;}

.keyword-search-container .input-group #addFeatureBtn {
    width: auto;
    padding: 0 30px;
    font-size: 14px !important;
    border-radius: 0px 10px 10px 0px;
}

.keyword-search-container .input-group #featureInput {
    margin-bottom: 0;
    border-radius: 10px 0px 0px 10px;
    box-shadow: none;
}

#selectedFeatures {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 5px;
    gap: 6px;
    margin-top: 20px;
    cursor: pointer;
}

.feature-tag {display: inline-flex;flex: 0 0 auto;padding: 6px 10px;border: 1px solid #ccc;border-radius: 17px;font-size: 13px;position: relative;gap: 3px;}

ul.filter-top:empty {
    display: none;
}

[class^=swal2] {font-family: "Inter", sans-serif;}

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

.loadingbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
.loadingbox .loader {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 7px solid #d3d3d3;
    border-top-color: #FE612B;
    border-right-color: #FE612B;
    animation: ringSpin 0.8s linear infinite;
}


.pagination button:disabled {
    opacity: .5;
    cursor: no-drop;
}

.custom-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 9999;
    backdrop-filter: blur(4px);
}

.modal-content {
    background: #fff;
    max-width: 600px;
    margin: 80px auto;
    padding: 20px;
    border-radius: 10px;
}

.saved-card {
    border: 1px solid #ddd;
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 8px;
    width: 49%;
}

.saved-actions button {
    margin-right: 10px;
}


div#savedSearchList {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

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

.custom-modal .modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}

.custom-modal .modal-head button {
    width: auto;
    border: none;
    background: transparent;
    font-size: 20px;
    padding: 0;
}

.custom-modal input {
    border: 1px solid #ccc;
}

.custom-modal #filterCount {
    text-align: right;
}

.custom-modal .modal-actions button {
    width: auto;
    padding: 10px 30px;
}

.faq-accordion h3 {
    margin-bottom: 25px;
}

.faq-item .faq-question {
    background: transparent;
    text-align: left;
    padding: 19px 0;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    position: relative;
}

.faq-item:not(:last-child) .faq-question {
    border-bottom: 0;
}

.faq-item .faq-answer {
    padding: 10px 0 14px;
    font-size: 14px;
}

.faq-item .faq-question::after {
    content: "\ea4e";
    font-family: remixicon;
    position: absolute;
    right: 0;
    font-size: 22px;
    transition: all ease 0.3s;
}

.faq-item .faq-question.open::after {
    transform: rotate(180deg);
}

.our-plan {
    background: url("../images/bg-plan2.png") no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.our-plan h2 {
    color: #fff;
    font-weight: 700;
    font-size: 3.125rem;
}

.info-plan {
    background: #fff;
    border: 2px solid #E1E1E2;
    border-radius: 12px;
    padding: 26px 20px;
    transition: .5s all;
}

.info-plan h4 {
    color: #fd6339;
    font-family: 'Inter';
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.info-plan h3 {font-size: 15px;font-weight: 700;font-family: 'Inter' , sans-serif;line-height: 1;margin-bottom: 10px;}

.info-plan h6.text-muted {
    font-size: 15px;
    margin-bottom: 25px;
    color: #fd6339 !important;
    font-weight: bold;
}

.info-plan h6.text-muted > span {
    color: #fd6339;
    font-weight: 700;
}

.info-plan p {
    color: #5F5F5F;
    font-size: 14px;
    width: 90%;
    line-height: 1.5rem;
    margin-bottom: 16px;
}

.info-plan .btn {
    background: #000 !important;
    width: 100%;
    color: #fff !important;
    border-radius: 12px !important;
    margin-bottom: 32px;
}

.info-plan ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1A1A1A;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.info-plan ul li:last-child {
    margin-bottom: 0;
}

.info-plan ul {
    padding-top: 27px;
    border-top: 2px dashed #D6D6D6;
}

.info-plan ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #242424 !important;
}

.info-plan ul li img {
    width: 26px;
}


.info-plan:hover {
    border-color: #000;
    transform: scale(1.02);
}

.info-plan:hover h4 {
    color: #FE642E;
}

.info-plan:hover .btn {
    background: #FE642E !important;
}

.info-plan * {
    transition: .3s all;
}

.info-plan:before {
    position: absolute;
    content: "";
    background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 250, 235, 1) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s all;
    z-index: -1;
    border-radius: 12px;
    opacity: 0;
}

.info-plan:hover:before {
    opacity: 1;
}

.info-pop h2 {
    color: #fff;
    font-size: 3.125rem;
    font-weight: 600;
}

div.popupform .popup-content p {
    color: #fff;
    font-size: 1.125rem;
    width: 85%;
    margin-bottom: 0;
}

div.popupform .popup-content::before {
    position: absolute;
    content: "";
    background: #752A10;
    background: linear-gradient(90deg, rgba(117, 42, 16, 1) 0%, rgba(254, 97, 43, 1) 85%);
    width: calc(100% + 60px);
    height: 32px;
    transform: rotate(-9deg);
    left: -30px;
    top: 193px;
}

div.popupform .popup-contentform  ::placeholder {
    color: #555555;
}

div.popupform .popup-contentform .row.form-row1 h4 {
    color: #242424;
    margin-bottom: 20px;
    font-size: 1.875rem;
}


div.popupform .popup-contentform   .row.form-row2 [class*='col'] {
    padding: 0 5px;
}

div.popupform .popup-contentform  .row.form-row2 {
    margin-inline: -5px;
}

div.popupform .popup-contentform {
    padding: 40px 100px 50px;
    background: #fff;
    position: relative;
    z-index: 1;
}

div.popupform .popup-contentform::before{
    position: absolute;
    top: -70px;
    left: 0;
    content: "";
    background: url("../images/bg-pop2.png") no-repeat;
    background-size: cover;
    background-position: 50% bottom;
    z-index: -1;
    width: 100%;
    height: 72px;
}

div.popupform .popup-contentform  h6 {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 20px;
    color: #555555;
    font-size: 15px;
    min-height: 50px;
}

div.popupform .popup-contentform .row {
    align-items: start;
}

.box-carlist .car-gallery figure h6:empty {
    display: none;
}

.box-carlist .car-gallery > a {
    display: flex;
    gap: 5px;
}

.swal2-popup div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
}

.swal2-popup div:where(.swal2-icon).swal2-success {margin: 0 auto 12px;}

.swal2-popup div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip ,.swal2-popup div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    background: #fe6521;
}

.swal2-popup div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border-color: #fe65218f;
}

.swal2-popup h2#swal2-title {
    padding: 0;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 22px;
    color: #000;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    padding: 40px;
    border-radius: 20px;
}

.swal2-popup h2#swal2-title +  div#swal2-html-container {
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    margin-bottom: 30px;
}

.swal2-popup .swal2-actions {
    margin: 0;
}

.swal2-popup .swal2-actions button.swal2-confirm.swal2-styled {
    border-radius: 8px;
    font-size: 16px !important;
    margin: 0;
    --swal2-confirm-button-background-color: #ff6600 !important;
    --swal2-action-button-focus-box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.5) !important;
    background-color: #ff6600 !important;
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.5) !important;
}

div:where(.swal2-container).swal2-center>.swal2-popup div:where(.swal2-loader) {
    border-color: #FE642E rgba(0, 0, 0, 0) #FE642E rgba(0, 0, 0, 0);
}


.phone-show .dots::after {
    content: '';
    animation: dots 1.5s steps(3, end) infinite;
}

@keyframes dots {
    0%   { content: ''; }
    33%  { content: '.'; }
    66%  { content: '..'; }
    100% { content: '...'; }
}



.sold-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: red;
    color: #fff;
    padding: 9px 15px;
    font-weight: 600;
    font-size: 15px;
    z-index: 10;
    border-radius: 30px;
    letter-spacing: 1px;
    line-height: normal;
}

/* Optional: more premium ribbon style */
.sold-badge {
    background: #000000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

#savedVehicleContainer {
    align-items: inherit;
}

.validate-contact .input-group {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 1rem !important;
}

.validate-contact .input-group input {
    flex: 0 0 90%;
}

.validate-contact #dealer_type {
    margin-bottom: 1rem !important;
}

.register-checks {
    margin-top: 20px;
    font-size: 15px;
}
.share-filter-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: auto;
}

.box-top-filter button.btn.filter-btn {
    color: #000;
    padding: 7px 2px;
    max-width: 52px;
}

.box-top-filter button.btn.filter-btn i {
    color: #000;
    transform: none;
}

.mobile-nav-right {
    display: none;
}

.head-btn a.btn-head.btn-sign + .dropdown-menu {
    display: none;
    position: absolute;
    --bs-dropdown-min-width: 200px;
}

.head-btn a.btn-head.btn-sign + .dropdown-menu.show {
    display: block;
}

.dropdown-menu li {
    display: block !important;
    align-items: inherit !important;
}

.dropdown-menu li:not(:last-child) {
    margin-bottom: 5px;
}

.dropdown-item:hover::before {
    display: none;
}

.dropdown-menu li:not(:last-child) > a {
    border-bottom: 1px solid #ccc !important;
}

.head-btn a.btn-head.btn-sign::after {
    content: "\ea4e";
    position: relative;
    display: inline-flex;
    font-family: remixicon !important;
    transition: all ease 0.3s;
}

.head-btn a.btn-head.btn-sign.show::after {transform: rotate(180deg);}

.carlist-sec .alert {
    font-size: 15px;
}

.box-sidebar.box-filter .accordion-body {
    padding: 0;
}

section.our-banner.blog-banner {
    height: 200px;
    padding: 40px 0;
}

.blog-content p br {
    display: none;
}


.blog-detail-banner {
    background: #111;
    color: #fff;
    padding: 70px 0;
    background: url(../images/main-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.blog-detail-banner h1 {
    font-size: 36px;
    font-weight: 700;
}

.blog-main .main-img {
    width: 100%;
    border-radius: 12px;
}

.blog-content p {
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 15px;
    color: #444;
}

.blog-sidebar {
    background: #f8f8f8;
    padding: 00px 20px 20px;
    border-radius: 12px;
}

.sidebar-blog {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.sidebar-blog img {
    width: 90px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}

.sidebar-content a {
    font-weight: 600;
    display: block;
    color: #000;
}

.sidebar-content span {
    font-size: 12px;
    color: #777;
}

.blog-sidebar h4 {
    margin-bottom: 20px;
    font-weight: 600;
}

.fancybox-caption {
    display: none;
}

.our-deal img {
    max-width: 70px;
}

.load-more-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.load-more-wrap #loadMoreBtn {
    width: auto;
    padding: 10px 20px;
}

.load-more-wrap #loadMoreBtn::after {
    content: "";
    width: 0;
    height: 0;
    vertical-align: text-bottom;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    display: none;
}

.load-more-wrap #loadMoreBtn.active::after {
    width: 1rem;
    height: 1rem;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
}

.ch-cta p strong {
    font-weight: 600;
    vertical-align: bottom;
}

ul.list-item {
    list-style: disc;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

ul.list-item li {
    color: #c3c3c3;
    font-size: 14px;
}

.our-step .row {
    align-items: flex-start;
}

.car-advice .info-sell {
    padding: 30px;
    min-height: auto;
}

.car-advice .info-sell p:not(:last-child) {
    margin-bottom: 10px;
}

.car-advice .row.row-btm {
    row-gap: 20px;
    justify-content: center;
}

.car-advice-sec-2 .heading  h2, .car-advice-sec-2 .heading  p {
    color: #ffffff;
}

/* FAQ Grid Styling */
.faq-grid-section {
    padding: 100px 0;
    background-color: #ffffff;
}

.text-red {
    letter-spacing: 1.5px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: #FE642E;
    display: inline-block;
    line-height: 15px;
    padding: 6px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.header-line {
    width: 60px;
    height: 3px;
    background: #cc0000;
    margin: 20px auto 0;
    display: none;
}

/* Individual FAQ Block */
.faq-block {
    padding: 17px;
    border-left: 3px solid #f0f0f0; /* Soft vertical line */
    transition: all 0.3s ease;
    height: 100%;
}

.faq-block:hover {
    border-left-color: #cc0000; /* Line turns red on hover */
    background: #fcfcfc;
}

.faq-q {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.4;
}

.faq-q span {
    color: #fe642e;
    font-size: 17px;
    margin-right: 8px;
    font-family: 'Poppins', sans-serif;
}

.faq-a {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 0;
}

.policy-page ul {
    list-style: disc;
    padding-left: 24px;
    margin-bottom: 40px;
}

.policy-page ul li:last-child p {
    margin-bottom: 0;
}

.policy-page h4 {
    margin-bottom: 15px;
    font-size: 1.7rem;
}

.policy-page p a {
    color: #5B5B5B;
    border-bottom: 1px solid;
}

.our-articles .row {
    align-items: flex-start;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .faq-block {
        padding: 15px 0 15px 20px;
    }
    .faq-q {
        font-size: 18px;
    }
}






/*  */




.our-banner.about-banner.cv-banner .info-banner h4 {
    color: #FE642E;
    font-size: 2rem;
    line-height: 1.875rem;
    margin-bottom: 15px;
}

.our-banner.about-banner.cv-banner h1 {
    margin-bottom: 10px;
}

.info-cv {
    width: 90%;
}

.our-cv {
    padding-top: 0;
    margin-top: -80px;
}

.info-whatcv table thead tr th {background: #FE622B;color: #fff;border: none;}


.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: #fff;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-bg-type: #F8F8F8;
}

.info-whatcv table tr {
    border: 1px solid #E1E2E3;
    height: 64px;
}

.what-cv .row {
    justify-content: center;
}

.info-whatcv table thead {
    height: 64px;
    background: #f8f8f8;
}

.info-whatcv table thead tr {border: none;border-width: 5px;border-radius: 10px;}



table.table.table-striped {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #E1E2E3;
    border-radius: 10px;
    margin-bottom: 0;
}

.info-whatcv table thead tr th:first-child {border-radius: 10px 0 0 0;}

.info-whatcv table thead tr th:last-child {
    border-radius: 0 10px 0 0;
}

.info-whatcv table tr:last-child td:first-child {
    border-radius: 0 0 0px 10px;
}

.info-whatcv table tr th,.info-whatcv table tr td {
    padding-inline: 30px;
    font-size: 14px;
}


main.main-cv{
    position: relative;
    z-index: 1;
    background: url("../images/bg-cv.png") no-repeat;
    background-size: cover;
    background-position: 50% center;
}

main.main-cv .heading {
    width: 70%;
    margin: 0 auto 70px;
}

main.main-cv .heading * {
    color: #fff;
}

main.main-cv .heading p {
    color: #BDBDBD;
    width: 100%;
}

img.line-cv {
    position: absolute;
    bottom: 0;
}

main.main-cv .why-cv h6.sub-head {
    margin-bottom: 20px;
}

.box-cv {
    border: 1px solid #414141;
    background: transparent;
    border-radius: 8px;
    padding: 37px 45px 77px;
}

.box-cv h4 {
    color: #fff;
    margin-block: 22px 13px;
    padding-top: 22px;
    position: relative;
    z-index: 1;
}

.box-cv p {
    margin-bottom: 0;
    color: #BDBDBD;
    font-size: 14px;
}

.box-cv h4::before {
    position: absolute;
    content: "";
    background: #FE642E;
    width: 50px;
    height: 4px;
    border-radius: 16px;
    top: 0;
    left: 0;
}

.box-cv.box-cv2 {
    padding: 37px 0 0;
    margin-bottom: 0 !important;
}

.box-cv.box-cv2 figcaption {
    padding: 0 45px;
    margin-bottom: 40px;
}

.box-cv.box-cv2 figure {
    margin-bottom: 0;
}

.box-cv.box-cv2 figure img {
    width: 100%;
}

.box-cv:first-child {
    margin-bottom: 20px;
}

.why-cv .row {
    align-items: start;
}

.info-cv-tool h2+p {
    margin-bottom: 40px;
}

.info-cv-tool h2 {
    margin-bottom: 10px;
}

.info-cv-tool ul li {
    padding-left: 52px;
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.info-cv-tool ul li small {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    background: #FE642E;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.info-cv-tool ul li b {
    display: block;
    font-family: 'Zilla Slab';
    font-weight: 600;
    font-size: 1.25rem;
    color: #050B20;
}

.info-cv-tool ul li span {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}

.info-cv-tool ul li ol li {
    margin-bottom: 0;
    list-style-type: disc;
    padding-left: 0;
    color: #2F2F2F;
    font-weight: 500;
    line-height: 22px;
}

.info-cv-tool ul li ol {
    padding-left: 25px;
    margin-block: 12px;
}

.info-cv-tool ul li ol:last-child {
    margin-bottom: 0;
}

.info-cv-tool ul {
    position: relative;
    z-index: 1;
}

.info-cv-tool ul::before {
    position: absolute;
    content: "";
    background: #FE642E;
    left: 14px;
    top: 0;
    width: 2px;
    height: 100%;
    z-index: -1;
}

.our-cvtool::before {
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    top: 0;
    width: 62%;
    height: calc(100% - 60px);
    z-index: -1;
}

.info-cvon.box-cv h4 {
    color: #000;
    font-size: 1.125rem;
    margin-top: 20px;
    padding-top: 20px;
}

.info-cvon.box-cv h4::before {
    width: 37px;
    height: 3px;
}

.info-cvon.box-cv p {
    color: #666666;
}

.info-cvon.box-cv {
    padding: 30px 32px;
    border: 1px solid #CECECE;
    background: #fff;
    margin-bottom: 0;
    height: 100%;
}

.our-cvonline .row {
    align-items: stretch;
}

.our-cvonline .row-btm {
    margin-bottom: 20px;
}

.our-cvonline .row.row-condition {
    justify-content: center;
}

.cv-cond {
    background: #fff;
    border: 1px solid #cecece;
    margin: 20px 0;
    border-radius: 7px;
    padding: 45px 80px;
}

.cv-cond h3 {
    font-size: 1.25rem;
    padding-top: 16px;
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
}

.cv-cond h3::before {
    position: absolute;
    content: "";
    background: #FE642E;
    width: 40px;
    height: 3px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cv-cond h3 + p {
    font-size: 14px !important;
    width: 50% !important;
}

.cv-cond .heading {
    margin-bottom: 25px;
}

.img-cvtool2 {
    position: absolute;
    bottom: -80px;
    right: -100px;
    z-index: -1;
}

.paid-cv .row {
    justify-content: center;
}

.paid-cv .info-whatcv p {
    text-align: center;
    width: 88%;
    margin: 40px auto 0;
}

.paid-cv {
    background: #fff;
}

.paid-cv .container {
    position: relative;
    z-index: 1;
}

.paid-cv .container img.cv-bg1 {
    position: absolute;
    right: calc(100% - 300px);
    top: -100px;
}


.our-cvsell {
    background: url("../images/bg-cvsell.png") no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.our-cvsell * {
    color: #fff;
}

.our-cvsell .row {
    justify-content: center;
}

.info-cvsell h4 {
    text-align: center;
    color: #FE642E;
    font-size: 2.125rem;
    font-weight: 600;
    margin-bottom: 0;
}

.info-cvsell .row {
    align-items: stretch;
}

.box-cvsell {
    padding: 120px 54px 60px 38px;
    position: relative;
    z-index: 1;
    height: 100%;
    width: calc(100% - 10px);
    margin: 0 auto;
    min-height: 480px;
}

.box-cvsell img.cvsell-ic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}

.box-cvsell ul li {
    display: flex;
    align-items: start;
    color: #D9D9D9;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    gap: 12px;
}

.box-cvsell ul li img {
    position: relative;
    top: 2px;
}

.box-cvsell::before {
    position: absolute;
    content: "";
    background: url("../images/bg-borcv.png") no-repeat;
    background-size: 100%;
    background-position: 50% center;
    width: 370px;
    height: 440px;
    left: 0;
    top: 40px;
    z-index: -1;
    right: 0;
    margin: auto;
}

.our-cvsell h2.head2 + p {
    color: #B8B8B8;
}

.our-cvsell .heading {
    margin-bottom: 70px;
}

.msg-cvsell p {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 15px;
}

.msg-cvsell {
    background: #FFFFFF;
    border: 3px solid #7E7E7E;
    border-radius: 17px;
    padding: 25px 80px;
    margin-top: 30px;
}

.our-cvsell .row-btm {
    margin-bottom: 60px;
}

.best-cv .row {
    align-items: stretch;
}

.info-bestcv {
    height: 100%;
    background: #ffffffb3;
    border-radius: 7px;
    padding: 30px 32px;
    border: 1px solid #CECECE;
}

.info-bestcv h4 {
    color: #050B20;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 10px;
    padding-top: 15px;
    position: relative;
    z-index: 1;
}

.info-bestcv h4::before {
    position: absolute;
    content: "";
    background: #FE642E;
    border-radius: 16px;
    width: 40px;
    height: 3px;
    top: 0;
    left: 0;
    z-index: -1;
}

.info-bestcv p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 0;
}

.best-cv .row-btm {
    margin-bottom: 20px;
}

.btn-bestcv.text-center {
    margin-top: 50px;
}

.box-mythcv {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 50px 25px 30px;
    border: 2px solid #FE642E;
    border-radius: 25px;
    box-shadow: 0 5px 15px #00000014;
    margin-top: 33px;
}

.box-mythcv span {
    width: 65px;
    height: 65px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FE642E;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    top: -34px;
}

.box-mythcv h4 {
    font-size: 1.125rem;
    color: #050B20;
    font-weight: 600;
    margin-bottom: 10px;
}

.box-mythcv p {
    color: #666666;
    font-size: 14px;
    margin-bottom: 0;
}

.box-mythcv:last-child {
    margin-top: 50px;
}

.img-mythcv img.myth-cv {
    width: 100%;
}

.our-mythcv .row {
    align-items: stretch;
}

.info-mythcv2 {
    margin-top: 140px;
}

.info-mythcv2 .box-mythcv:nth-child(2) {
    margin-top: 50px;
}

.info-mythcv2 .box-mythcv:last-child {
    right: calc(100% + 30px);
    margin-top: -20px;
}

.box-mythcv p > b {
    color: #FE642E;
}

.img-mythcv {
    width: calc(100% + 435px);
    margin: 0 auto;
    position: relative;
    top: 0;
    left: -217.5px;
    right: 0;
}

.our-mythcv {
    background: #fff;
}

.paid-cv.why-choose-cv table tr td:nth-child(2) {
    display: flex;
    align-items: center;
    height: 64px;
    justify-content: start;
    gap: 10px;
}

.row.row-whychoose-cv .info-bestcv {
    margin-bottom: 20px;
}

.row.row-whychoose-cv {
    margin-top: 40px;
}

.box-finalth {
    background: #232323;
    border: 5px solid #fe642e;
    border-radius: 20px;
    padding: 35px 80px 40px;
    text-align: center;
}

.box-finalth h4 {
    color: #fff;
    font-size: 2.25rem;
    margin-bottom: 20px;
}

.box-finalth p {
    color: #ebebeb;
    margin-bottom: 0;
    font-size: 1.125rem;
}



.our-faq .accordion-button:focus {
    box-shadow: none;
}

.our-faq .accordion-button {
    border-bottom: none;
    padding-inline: 0 30px;
    padding-block: 15px;
    font-size: 1.25rem;
    font-weight: 600;
    background: transparent;
    color: #1B1139;
    font-family: 'Inter';
}

.our-faq .accordion-button:not(.collapsed) {
    background: transparent;
    color: #000;
    box-shadow: none;
}

.our-faq .accordion-body {
    padding: 25px 35px;
    border-top: 1px solid #000;
}


.our-faq .accordion-button::after {
    width: 26px;
    height: 26px;
    content: "\2b";
    color: #fff;
    background-color: #000 !important;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    background-image: none;
}

.accordion-flush>.accordion-item {
    background: #fff;
    margin-bottom: 10px;
    border: none;
    padding-inline: 0;
    box-shadow: 0 5px 15px #00000038;
}

.our-faq .accordion-header {
    line-height: normal;
    padding-inline: 30px 10px;
}
.our-faq .accordion-body p {font-size: 1.25rem;color: #000;margin: 0;}

.accordion-flush>.accordion-item:last-child {
    margin-bottom: 0;
}

.img-faq {
    text-align: center;
}

.our-banner.about-banner.cv-banner {
    height: 750px;
}

.info-whatcv table tr:last-child td:last-child {
    border-radius: 0 0 10px 0px;
}

.blog-main {}

.blog-main table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 14px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
}

.blog-main table thead {
    background: #111827;
    color: #fff;
}

.blog-main table th,
.blog-main table td {
    padding: 14px 16px;
    text-align: left;
    border: 1px solid #e5e7eb;
    vertical-align: top;
}

.blog-main table th {
    font-weight: 600;
}

.blog-main table tbody tr:nth-child(even) {
    background: #f9fafb;
}

.blog-main table tbody tr:hover {
    background: #f3f4f6;
}

.blog-main table td p {
    margin-bottom: 0;
}

.blog-main table a {
    color: #2563eb;
    text-decoration: none;
}

.blog-main table a:hover {
    text-decoration: underline;
}

/* Responsive */
.blog-content {
    overflow-x: auto;
}

/* Container styling */
.car-share-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    margin: 25px 0 0;
}

/* Heading styling */
.car-share-buttons h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: normal;
}

/* Base button styling */
.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #ffffff !important;
    font-size: 18px;
    text-decoration: none;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover effects */
.share-btn:hover {
    transform: translateY(-3px);
    filter: brightness(1.1);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Brand Colors */
.btn-ebay {
    background-color: #0064d2; /* eBay Blue */
}

.btn-facebook {
    background-color: #1877f2; /* Facebook Blue */
}

/* Instagram uses a stylized gradient background */
.btn-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.btn-tiktok {
    background-color: #010101; /* TikTok Black */
}

.btn-share-link {
    background-color: #4a5568; /* Slate Gray for general share link */
}

.main-carlist h1 {
    font-size: 29px;
}