/*--------------------------------------------------------------------------------------*/
/*Genral-Css-Here
/*--------------------------------------------------------------------------------------*/
body{margin:0; padding:0; box-sizing:border-box; background:#fff;font-family: 'Outfit';}
a{-webkit-transition: 0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition: 0.5s ease-out; transition:0.5s ease-out; text-decoration: none;}
ul{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
img{max-width:100%;}
figure {margin: 0; padding: 0;margin-bottom: 0;}
.container {padding: 0px 15px; max-width: 1315px; }
.container-fluid {padding: 0 30px; }
@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*--------------------------------------------------------------------------------------*/
/*Header-Css-Here
/*--------------------------------------------------------------------------------------*/
header {
    background: transparent;
    position: absolute;
    z-index: 9;
    border-bottom: 1px solid #fff;
    width: 100%;
}

header div#navbarSupportedContent ul li a {
    color: #fff;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
}

header div#navbarSupportedContent ul li {
    margin-right: 30px;
}

header div#navbarSupportedContent ul li:last-child {
    margin: 0;
}

.cart-warp ul li {
    margin: 0px !important;
    border-right: 1px solid #fff;
    padding: 0px 15px !important;
}

.cart-warp ul li:last-child {
    border: none;
    padding-right: 0 !important;
}

.cart-warp ul .user {
    padding-left: 15px !important;
}

.cart-warp ul .user span {
    margin-left: 12px;
    font-weight: 400 !important;
    font-size: 16px;
}
.cart-warp ul li a i {
    font-size: 18px;
}

header div#navbarSupportedContent ul li a:hover {
    color: #47ce59;
}

section.hero-section .slider-first {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}


.slider-content {
    padding-top: 230px;
    padding-bottom: 80px;
    position: relative;
    z-index: 9;
}

.slider-content h1 {
    font-size: 90px;
    font-weight: 600;
    color: #fff;
    max-width: 900px;
    padding-bottom: 34px;
    line-height: normal;
}

/*section.hero-section .slider-first:before {*/
/*    content: "";*/
/*    background: #000;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 9;*/
/*    opacity: .7;*/
/*}*/

.slider-content h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
}

.slider-content ul {
    margin-top: 23px !important;
}

.slider-content ul li {
    margin-right: 14px;
}

.slider-content ul li:last-child {
    margin: 0;
}

.btn.btn-info {
    background: #38B349;
    padding: 13px 44px;
    border-radius: 14px;
    border-color: #38B349;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.slider-content ul li a span {
    margin-left: 10px;
}



.hero-slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}

.hero-slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.highlight-inner ul {
    overflow-x: scroll;
}

.hero-slider .swiper-button-prev i {
    background: rgba(255, 255, 255, 0.12);
    padding: 20px;
    border-radius: 16px;
    font-size: 24px;
    color: #fff;
}
.first-liter {
    display: flex;
    align-items: center;
}
.hero-slider .swiper-button-next i {
    background: rgba(255, 255, 255, 0.12);
    padding: 20px;
    border-radius: 16px;
    font-size: 24px;
    color: #fff;
}

.hero-slider .swiper-button-prev {
    left: 50px;
}

.hero-slider .swiper-button-next {
    right: 50px;
}

.hero-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}



.form-box {
    background: rgba(255, 255, 255, 1);
    border-radius: 0px 16px 16px 16px;
    padding: 20px 28px;
}

.form-box ul {
    margin: 0 !important;
}


.tab-form-section ul#pills-tab {
    margin: 0 !important;
}

.tab-form-section .nav-link {
    background: red;
}

section.hero-section {
    position: relative;
}

/*.tab-form-section {*/
/*    position: absolute;*/
/*    bottom: 74px;*/
/*    z-index: 9;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/

.tab-form-section ul#pills-tab .nav-link {
    background: rgba(255, 255, 255, 0.12);
    padding: 13px 43px;
    color: #fff;
    border-radius: inherit;
}

button#pills-home-tab {
    border-radius: 10px 0px 0px 0px !important;
}

button#pills-profile-tab {
    margin: 0px 5px;
}

button#pills-contact-tab {
    border-radius: 0px 10px 0px 0px !important;
}


.form-box .form-group select.form-select {
    /*border: none;*/
    box-shadow: none;
    outline: none;
}

.form-group.find-btn {
    height: 100%;
    display: flex;
    align-items: center;
}

.form-group .search-bt {
    position: relative;
}

.form-group button.btn.btn-outline-success {
    font-size: 16px;
    border: none;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: none !important;
    outline: none;
    box-shadow: none;
}

.form-group button.btn.btn-outline-success:before {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    color: #fff;
}

.form-group .search-bt input.form-control.me-2 {
    background: rgba(56, 179, 73, 1);
    color: #fff;
    padding: 15px 50px;
    box-shadow: none;
    outline: none;
}

.form-group .search-bt input.form-control.me-2::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.form-group label.form-label {
    color: rgba(36, 39, 44, 1);
    font-weight: 600;
}



.featured-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.featured-box {
  padding: 30px;
  background: #38b349;
  border-radius: 16px;
}

.featured-box .featured-content h2 {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
}
.featured-box .featured-content p {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}
.featured-box .btn.btn-info {
  background: white;
  color: #38b349;
}
.featured-img img {
    border-radius: 12px;
}

.featured-inner .swiper-pagination.featured-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -45px;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(56, 179, 73, 1);
}

.featured-box.black-box {
    background: rgba(36, 39, 44, 1);
}

.featured-box.black-box
 a.btn.btn-info {
    background: #38b349;
    color: #fff;
}

section.on-sale-section .on-sale-heading {
	margin-bottom: 40px;
}

.car-book-box {
    position: relative;
}

.car-book-box .featured-icon {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
    right: 0;
    padding: 12px;
}

.car-book-box .featured-icon .warp-fx {
	background: rgba(56, 179, 73, 1);
	padding: 6px 12px;
	border-radius: 20px;
	color: #fff;
}



.featured-icon .featured-main-box {
  padding: 10px;
}
.featured-icon .featured-main-box .warp-fx.berd-box {
  margin-left: 10px;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
}
.featured-icon .featured-main-box .warp-fx.berd-box b {
  margin-left: 12px;
  font-size: 12px;
}
.car-book-box .featured-icon .warp-fx strong {
  font-size: 12px;
  font-weight: 600;
  display: block;
}
figure {
    margin: 0 !important;
}

.car-img-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active{
   background: rgba(56, 179, 73, 1);
}

.car-img-slider .swiper-pagination-bullet{
    background: #fff;
}


.car-img-slider .swiper-pagination.my-third-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 6px;
}

div#productListContainer .col-md-4 {
    padding: 12px;
}
.on-sale-section {
	margin: 50px 0px;
}

.drive-box {
	border: 1px solid #eee;
	border-radius: 0px 0px 20px 20px;
	padding: 0px 15px;
}

.drive-box .car-inner {
	padding: 15px 0px;
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.car-book-box img {
	border-radius: 10px 10px 0px 0px;
	height:230px;
	object-fit: cover;
}

.drive-box .car-inner b a {
    color: rgba(56, 179, 73, 1);
    font-weight: 400;
    padding-bottom: 8px;
    display: block;
}
.drive-box .car-inner h3 a {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 8px;
    color: #000;
    display: block;
}

.auto-portal span {
    margin-right: 15px;
}

.auto-portal span i {
    color: #38b349;
}

.auto-portal h4 {
    color: #38b349;
}


.drive-box .car-inner span {
  display: block;
  font-size: 14px;
  color: rgb(75, 75, 75);
}
.drive-box .car-inner span i {
  margin-right: 8px;
}

.drive-box .car-inner .price-boxs {
	padding-top: 20px;
}

.drive-box .car-inner ul li strong {
  color: rgba(56, 179, 73, 1);
  font-size: 20px;
  font-weight: 500;
  margin-right: 10px;
}
.drive-box .car-inner ul li del {
  color: rgba(182, 182, 182, 1);
  font-size: font-w;
}
.profile-men {
  padding: 20px 0px;
}
.profile-men .profile-inner {
  display: flex;
  align-items: center;
}
.profile-men .profile-inner img {
  width: 38px;
  height: 38px;
  background-size: cover;
  border-radius: 50%;
}
.profile-men .profile-inner span {
  font-size: 14px;
  color: rgba(36, 39, 44, 1);
  font-weight: 500;
  margin-left: 6px;
}
.profile-men .d-flex.align-items-center {
  justify-content: space-between;
}
.btn.btn-primary {
	padding: 10px 17px;
	border-color: rgb(36, 39, 44);
	border-radius: 14px;
	color: rgb(36, 39, 44);
	background: none;
	box-shadow: none;
}



.btn.btn-link {
  padding: 10px 30px 10px 22px;
  color: rgba(36, 39, 44, 1);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(237, 237, 237, 1);
  border-radius: 14px;
}
.btn.btn-link i {
  margin-left: 10px;
}

.on-sale-inner-content .col-md-3 {
	padding: 12px;
}

.choose-section .choose-heading {
  text-align: center;
  padding-bottom: 54px;
}
.choose-section .choose-heading h2 {
  font-size: 42px;
  font-weight: 700;
  color: rgba(0, 0, 0, 1);
}
.choose-section .container-fluid {
  padding: 0px 10px;
}

.choose-bg {
	padding: 72px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.package-box {
	box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.15);
	background: #fff;
	padding: 40px 30px;
	position: relative;
	padding-bottom: 140px;
	border-radius: 10px;
	height: 100%;
}

.package-box h3 {
	padding-bottom: 34px;
	color: #000000;
	font-size: 32px;
	font-weight: 700;
}

.package-box strong {
  font-size: 37px;
  font-weight: 500;
}

.package-box strong small {
  font-size: 20px;
  color: rgba(182, 182, 182, 1);
  font-weight: 400;
}
.package-box ul {
  list-style: disc;
  list-style-position: inside;
  margin-top: 30px;
}

.package-box ul li {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 220.00000000000003%;
}

.buy-btn {
	position: absolute;
	bottom: 54px;
	left: 0;
	right: 0;
	text-align: center;
}

.buy-btn .btn.btn-info {
	background: linear-gradient(195.44deg, rgba(56, 179, 73, 0.95) 3.29%, rgba(56, 179, 73, 0.65) 100%);
}


.package-box.white-box {
  background: linear-gradient(195.44deg, rgba(56, 179, 73, 0.95) 3.29%, rgba(56, 179, 73, 0.65) 100%);
}
.package-box.white-box h3 {
  color: #fff;
}
.package-box.white-box strong {
  color: #fff;
}
.package-box.white-box small {
  color: #fff;
}
.package-box.white-box ul li {
  color: #fff;
}
.package-box.white-box .btn.btn-info {
  background: #FFFFFF;
  color: #38B349;
  border-color: #fff;
}

.choose-section {
	margin-bottom: 50px;
}



.testmonial-section .testimonail-heading {
  padding-bottom: 50px;
  text-align: center;
}
.testmonial-section .testimonail-heading h2 {
  color: #24272C;
  font-size: 30px;
  font-weight: 500;
}

.testmonial-section .testimonial-content img {
  width: 112px;
}

.testmonial-section .testimonial-content ul li span {
  font-size: 12px;
  color: #696665;
  font-weight: 400;
}
.testmonial-section .testimonial-content p {
  margin: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
.testmonial-section .testimonial-author {
}
.testmonial-section .testimonial-author img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.testmonial-section .testimonial-author ul li {
  margin-right: 15px;
}

.testmonial-section .testimonial-author ul li:last-child {
  margin: 0;
}
.testmonial-section .testimonial-author h3 {
  color: #24272C;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 5px;
}
.testmonial-section .testimonial-author ul {
  align-items: center;
}
.testmonial-section .testimonial-author p {
  margin: 0;
  color: #696665;
  font-size: 12px;
  font-weight: 400;
}

.testmonial-section {
	margin-bottom: 50px;
	position: relative;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -29px;
}

.testmonail-main .swiper.testimonial {
	position: inherit;
}
.support-section .on-sale-heading {
	padding-bottom: 40px;
}



.support-section {
	margin-bottom: 50px;
	position: relative;
	margin-top: 100px;
}

.support-section .support-inner-content {
    padding-top: 93px;
    padding-left: 73px;
    padding-bottom: 93px;
    border-radius: 20px;
    position: relative;
}

section.support-section.happyclinet .support-inner-content {
  height:550px;
    
}
.support-inner{
     position: relative;
}

.support-inner:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
        border-radius: 15px;
}

.support-section .support-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.support-section .support-inner h2 {
  font-size: 50px;
  color: #EDEDED;
  max-width: 360px;
  margin-bottom: 20px;
}
.support-section .support-inner p {
  margin: 0;
  font-size: 14px;
  color: #EDEDED;
  max-width: 510px;
}
.support-section .support-inner-content .view-btn {
  margin-top: 47px;
}

.support-section .support-inner-content .view-btn .btn.btn-info {
	padding: 15px 69px;
}


.support-section .swiper-button-prev:after {
  font-size: 25px;
  color: #000;
}

.support-section .container {
    position: relative;
}
.support-section .swiper-button-prev {
  left: 10px;
  background: #fff;
  box-shadow: 0px 8px 12px 0px #24272C26;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.support-section .swiper.support.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  position: inherit;
}

.support-section .swiper-button-next {
  right: 10px;
  background: #fff;
  box-shadow: 0px 8px 12px 0px #24272C26;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.support-section .swiper-button-next:after {
  font-size: 25px;
  color: #000;
}

section.login-section a {
    color: #38b349;
    text-align: left;
    display: block;
    margin-top: 10px;
}

footer {
  background: #24272C;
  padding-top: 40px;
}

footer .price-box ul li img {
  width: 100%;
}


footer .price-box {
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}
footer .price-box ul li {
  margin-right: 30px;
}
footer .price-box ul li h3 {
  color: #FFFFFF;
  font-size: 18px;
  padding-bottom: 6px;
  font-weight: 500;
}
footer .price-box ul {
  align-items: center;
}
footer .price-box ul li p {
  margin: 0;
  color: #FFFFFF;
  font-size: 14px;
  margin: 0;
}
footer .price-box ul li:last-child {
  margin: 0;
}


footer .footer-all {
    padding-top: 40px;
    padding-bottom: 92px;
    border-bottom: 1px solid #fff;
}

footer .footer-all .footer-content h4 {
  font-size: 18px;
  color: #fff;
  padding-bottom: 20px;
}
footer .footer-all .footer-content p {
  color: #B9B9B9;
  margin: 0;
  line-height: 220.00000000000003%;
  font-size: 14px;
  font-weight: 400;
}

footer .footer-all .footer-content .linking li a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
footer .footer-all .footer-content .linking li {
  margin-bottom: 12px;
}
footer .footer-all .footer-content .linking li:last-child {
  margin: 0;
}

.newsletter-box {
    padding-top: 18px;
}

.newsletter-box .form-control {
    background: #FFFFFF12;
    border-radius: 14px;
    padding: 20px;
    border: none;
    box-shadow: none;
    color: #ffffff;
}

.newsletter-box button.btn.btn-info {
    margin-top: 18px;
    width: 100%;
}

.newsletter-box .form-control::placeholder {
    color: #fff;
}


.copyright-section {
    padding: 45px 0px;
}


.copyright-section .copyright-content p {
    margin: 0;
    color: #fff;
}



.copyright-section ul {
    justify-content: right;
}

.copyright-section ul li {
    margin-right: 12px;
}

.copyright-section ul li a {
    background: #36383d;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

.copyright-section ul li:last-child {
    margin: 0;
}


.featured-inner .swiper.swiper-featured.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    position: inherit;
}

.featured-section .col-md-6 {
    position: relative;
}


section.inner-banner {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0px;
}

.info-box {
    text-align: center;
    gap: 15px;
}
section.inner-banner h1 {
    color: #fff;
    text-align: center;
    padding-top: 65px;
    font-size: 48px;
}

section.login-section {
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 40px 30px;
    margin-top: 70px;
    margin-bottom: 71px;
    border-radius: 10px;
}
.con-info i {
    color: #38b349;
}
.main-form {
    border-radius: 15px;
}
.login-section .form-control {
    padding: 12px;
    box-shadow: none;
}

section.login-section button.btn.btn-info {
    margin-top: 15px;
}




/*--------------------------------------------------------------------------------------*/
/*Shop-page-Css-Here
/*--------------------------------------------------------------------------------------*/

.berdcome {
    text-align: center;
    padding-top: 20px;
}

.berdcome p {
    color: #fff;
    margin: 0;
}

.berdcome p span {
    margin-right: 10px;
}

.berdcome p a {
    margin-right: 15px;
    color: #38B349;
    font-weight: 600;
    font-size: 16px;
}

section.best-heading {
    padding: 50px 0px;
}

section.best-heading h2 {
    font-size: 30px;
    color: #24272C;
    font-weight: 500;
    padding-bottom: 20px;
}

section.best-heading p {
    color: #696665;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

section.shop-section {
    margin-bottom: 50px;
    position: relative;
}

div#productListContainer {
    position: relative;
}

div#shoploder {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 9;
}

section.shop-section .sidebar-box {
	padding: 30px;
	border: 1px solid #EDEDED;
	border-radius: 24px;
}

section.shop-section .sidebar-box .form-label {
  color: #24272C;
  font-size: 20px;
}


section.shop-section .sidebar-box .search-box .search-btn {
    position: relative;
}

section.shop-section .sidebar-box .search-box .search-btn input.form-control.me-2 {
    background: #fff;
    border: 1px solid #EDEDED;
    padding: 17px;
    color: #24272c;
    border-radius: 14px;
    width: 100%;
    margin: 0 !important;
    padding-right: 50px;
    box-shadow: none;
}

a.btn.btn-primary:hover {
    background: rgba(56, 179, 73, 1);
    border-color: rgba(56, 179, 73, 1);
    color: #fff;
}

section.shop-section .sidebar-box .search-box .search-btn button.btn.btn-outline-success {
    font-size: 0;
    padding: 0;
    border: none;
}

section.shop-section .sidebar-box .search-box .search-btn button.btn.btn-outline-success:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    color: #24272C;
}


.condition-text {
    padding: 20px 0px;
}

.condition-text h4 {
    color: #24272C;
    padding-bottom: 13px;
    font-size: 20px;
    font-weight: 500;
}

.condition-text ul li {
    margin-bottom: 14px;
}

.condition-text ul li .form-check {
    display: flex;
    align-items: center;
}

.condition-text ul li .form-check label.form-check-label {
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px;
}

.condition-text ul li:last-child {
    margin: 0;
}

.condition-text ul li .form-check input#flexCheckDefault {
    border-radius: 6px;
    border-color: #E4E4E4;
    width: 24px;
    height: 24px;
    box-shadow: none;
}

input[type="checkbox"]:checked {
  background-color: #38B349;
}



.range-container {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
    }

 .price-label {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
}

 .slider {
    position: relative;
    height: 6px;
    background: #27ae60;
    border-radius: 3px;
}

 .slider input[type=range] {
    position: absolute;
    width: 100%;
    top: -6px;
    height: 20px;
    -webkit-appearance: none;
    background: none;
    pointer-events: none;
    z-index: 9;
}

    input[type=range]::-webkit-slider-thumb {
      pointer-events: all;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #27ae60 !important;
      border: 2px solid #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -webkit-appearance: none;
    }

  .progress {
    position: absolute;
    height: 6px;
    background: #27ae60;
    border-radius: 3px;
    top: 0;
    z-index: 1;
}

.sleact-box {
    margin: 25px 0px;
}

.sleact-box select.form-select {
    padding: 16px 42px 16px 16px;
    border-radius: 14px;
    border-color: #EDEDED;
    box-shadow: none;
    color: #696665;
}

.sleact-box ul li {
    margin-bottom: 20px;
}

.sleact-box ul li:last-child {
    margin: 0;
}

.range-container.km-text {
    margin: 30px 0px;
}

.condition-text.auto-text {
    padding: 0;
}



   .price-range-wrapper {
      max-width: 500px;
      margin: auto;
    }

    .price-range-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .range-track {
      position: relative;
      height: 6px;
      background-color: #dff5e4;
      border-radius: 4px;
    }

  .range-track input[type=range] {
    position: absolute;
    width: 100%;
    top: -6px;
    height: 20px;
    -webkit-appearance: none;
    background: none;
    pointer-events: none;
    z-index: 9;
}

.price-range-wrapper {
    margin-bottom: 20px;
}

    .range-track input[type=range]::-webkit-slider-thumb {
      pointer-events: all;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #27ae60;
      border: 2px solid #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -webkit-appearance: none;
    }

    .range-highlight {
      position: absolute;
      height: 6px;
      background-color: #27ae60;
      top: 0;
      border-radius: 4px;
      z-index: 1;
    }
    
    .dual-slider-container {
      max-width: 500px;
      margin: auto;
    }

    .dual-slider-label {
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 10px;
    }

    .dual-slider-track {
      position: relative;
      height: 6px;
      background-color: #eef8f0;
      border-radius: 4px;
    }

   .dual-slider-track input[type=range] {
    position: absolute;
    width: 100%;
    top: -6px;
    height: 20px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 9;
}

    .dual-slider-track input[type=range]::-webkit-slider-thumb {
      pointer-events: all;
      width: 20px;
      height: 20px;
      background-color: #27ae60;
      border-radius: 50%;
      border: 2px solid #fff;
      box-shadow: 0 0 6px rgba(0,0,0,0.2);
      -webkit-appearance: none;
    }

    .dual-slider-progress {
    position: absolute;
    height: 6px;
    background-color: #27ae60;
    top: 0;
    border-radius: 4px;
    z-index: 1;
}



#mySearch {
    width: 100%;
    font-size: 16px;
    padding: 10px 14px;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: none;
    outline: none;
}

    #myMenu {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

    #myMenu li {
      padding: 8px 10px;
      border-bottom: 1px solid #f1f1f1;
    }

    #myMenu li label {
      margin-left: 8px;
    }

    #myMenu li:hover {
      background-color: #f9f9f9;
    }

.accordion_outer .accordion-body {
    padding: 0;
}

.accordion_outer .accordion-body ul#myMenu li .make-checkbox {
    width: 20px;
    height: 20px;
}

.form-check-input {
    height: 20px !important;
    width: 20px !important;
}

ul {
    padding: 0 !important;
    margin: 0 !important;
}

.listul {
    padding: 0px 15px !important;
    padding-bottom: 15px !important;
}

.listul .form-check label.form-check-label {
    margin-left: 8px;
}

.listul li {
    margin-bottom: 12px;
}

.listul li:last-child {
    margin: 0;
}

ul.list-unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.list-unstyled li img {
    width: 100%;
}

ul.list-unstyled li {
    width: 44%;
    padding: 18px;
    margin: 10px;
    background-color: rgb(255 255 255);
    border: 1px solid;
    border-color: rgb(237 235 233);
    border-radius: 25px;
    text-align: center;
}

.rangesliderouter .noUi-horizontal .noUi-handle {
    right: -8px;
}

.rangesliderouter .noUi-target {
    height: 4px;
}
.rangesliderouter .noUi-connects {
    height: 5px;
}

.noUi-handle:after, .noUi-handle:before {
    display:none !important;
}

.noUi-handle:after{
    display:none !important;
}
.rangesliderouter {
    margin-bottom: 30px;
}

.rangesliderouter .noUi-base {
    margin-top: 25px;
}

.carousel-indicators img {
            width: 100px;
            border-radius: 5px !important;
            display: block;
        }

        .carousel-item img {
            border-radius: 5px !important;
        }

        .carousel-indicators button {
            width: max-content !important;
            justify-content: flex-start !;
        }

        .carousel-indicators {
            position: unset;
            justify-content: flex-start;
            margin-left: 1% !important;
            margin-right: 1% !important;
            overflow-x: scroll;
            white-space: nowrap;
            height: 99px;
        }

        .carousel-control-next,
        .carousel-control-prev {
            height: 95% !important;
        }

        a.knsl-btn,
        .knsl-btn,
        .knsl-btn:focus,
        .button,
        .button:focus,
        input[type="submit"],
        input#submit {
            /* -webkit-box-shadow: 0 0 0 1px #003c79, 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important; */
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important;
        }

        @media only screen and (max-width: 500px) {

            .carousel-control-next,
            .carousel-control-prev {
                height: 75% !important;
            }
        }



section.product-details {
    margin: 50px 0px;
}

.product-details-right .product-price h2 {
    color: #163b55;
    font-size: 30px;
    font-weight: 400;
}

.product-details-right .product-price b {
    color: #605e5c;
    font-weight: 500;
}

.product-details-right .product-price ul {
    margin: 12px 0px;
    justify-content: space-between;
    font-size: 14px;
}

.product-details-right .product-price p {
    margin: 0;
    color: #201f1e;
    margin-bottom: 20px;
}
.info-box-item i {
    font-size: 30px;
    border-radius: 50%;
    background: #38b349;
    padding: 20px;
    color: #fff;
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}
.info-box-item p a {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.info-box-item {
    border-radius: 15px;
    height: 100%;
}

.info-box-item p {
    margin: 0;
}

.product-details-right .product-price ul li {
    color: #605e5c;
    font-size: 14px;
}

.product-details-right .product-price p span {
    margin-right: 10px;
}



.product-details-right .product-price h2 {
    color: #163b55;
    font-size: 30px;
    font-weight: 400;
}

.product-details-right .product-price b {
    color: #605e5c;
    font-weight: 500;
}

.product-details-right .product-price ul {
    margin: 12px 0px !important;
    justify-content: space-between;
    font-size: 14px;
}

.product-details-right .product-price p {
    margin: 0;
    color: #201f1e;
    margin-bottom: 20px;
}

.product-details-right .product-price ul li {
    color: #605e5c;
    font-size: 14px;
}

.product-details-right .product-price p span {
    margin-right: 10px;
}


.price-box-w .nav-link.active {
    background: transparent;
    color: #201f1e;
}

.price-box-w .nav-link {
    position: relative;
    padding: 12px;
    color: #605e5c;
    font-size: 20px;
}

.price-box-w .nav-link.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    background: rgba(56, 179, 73, 1);
    width: 100%;
    height: 4px;
    left: 0;
    right: 0;
}

.price-box-w ul#pills-tab {
    border-bottom: 1px solid #edebe9;
}

.price-box-w ul#pills-tab li {
    margin-right: 15px;
}

.price-box-w ul#pills-tab li:last-child {
    margin: 0;
}


.price-box-w .tab-ul ul {
    justify-content: space-between;
}

.price-box-w .tab-ul ul li {
    color: #000;
    font-size: 16px;
}

.price-box-w .tab-ul .text-change {
    margin: 10px 0px !important;
}

.price-box-w .tab-ul .text-change li {
    color: rgba(56, 179, 73, 1);
}


.price-box-w .tab-ul .tect-bl li {
    font-size: 20px;
    font-weight: 500;
    color: #201f1e;
}


.product-details-left {
    padding-right: 50px;
}
.tab-ul li span {
    display: block;
    font-size: 14px;
    color: #201f1e;
    font-weight: 400;
}


   .main-image {
      width: 90%;
      max-width: 700px;
      margin: auto;
      border-radius: 10px;
      overflow: hidden;
    }

    .main-image img {
      width: 100%;
      height: auto;
    }

    .thumbnail-container {
      margin-top: 20px;
      overflow-x: auto;
      white-space: nowrap;
      padding: 10px;
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .thumbnails {
      display: inline-flex;
      gap: 10px;
    }

    .thumbnails img {
      width: 120px;
      height: 70px;
      object-fit: cover;
      border-radius: 5px;
      cursor: pointer;
      opacity: 0.6;
      border: 2px solid transparent;
      transition: 0.3s;
      flex-shrink: 0;
    }

 .thumbnails img.active {
    opacity: 1;
    border-color: #38b349;
}

    /* Scrollbar Styling (optional) */
    .thumbnail-container::-webkit-scrollbar {
      height: 8px;
    }
    .thumbnail-container::-webkit-scrollbar-thumb {
      background: #007bff;
      border-radius: 5px;
    }
    
    
.thumbnail-container::-webkit-scrollbar {
  height: 8px; 
}

.thumbnail-container::-webkit-scrollbar-track {
  background: #f1f1f1;*/
  border-radius: 10px;
}

.thumbnail-container::-webkit-scrollbar-thumb {
  background: #28a745; 
  border-radius: 10px;
}

.thumbnail-container::-webkit-scrollbar-thumb:hover {
  background: #218838; 
}


.details-btn {
    margin-top: 50px;
}

.details-btn button.btn.btn-secondary {
    padding: 12px 50px;
    width: 100%;
    background: #38b349;
    border-color: #38b349;
    border-radius: 30px;
}

.details-btn ul li {
    margin-bottom: 15px;
}

.details-btn button.btn.btn-secondary.contact-btn {
    background: transparent;
    color: #38b349;
}





section.all-tabs-section .overview-heading {
    margin: 30px 0px;
}

section.all-tabs-section .overview-heading h2 {
    color: #163b55;
    font-size: 22PX;
}

section.all-tabs-section .tabs-inner-warp ul#pills-tab {
    margin-bottom: 40px !important;
    border-bottom: 1px solid #eee;
}

section.all-tabs-section .tabs-inner-warp .nav-link.active {
    background: transparent;
    color: #28a745;
    font-size: 20px;
    position: relative;
}

section.all-tabs-section .tabs-inner-warp .nav-link.active:before {
    content: "";
    position: absolute;
    bottom: -5px;
    background: #28a745;
    width: 100%;
    height: 4px;
    left: 0;
}

section.all-tabs-section .tabs-inner-warp .nav-link {
    color: #605e5c;
    font-size: 20px;
}


.overviewarp-section ul {
    padding: 20px 0px !important;
    border-top: 1px solid #163b55;
    align-items: center !important;
}

.overviewarp-section ul li p {
    margin: 0;
}


.overviewarp-section ul li span {
    margin-left: 10px;
}

.overviewarp-section {
    margin-bottom: 50px;
}

.highlight-inner li {
    padding: 20px;
    text-align: center;
    border: 1px solid #163b55;
    border-radius: 15px;
    margin-right: 20px;
    width: 144px;
}

.highlight-inner li:last-child {
    margin: 0;
}

.highlight-inner li h4 {
    font-size: 16px;
    color: #201f1e;
    margin-top: 10px;
}


.highlights-section {
    margin-bottom: 50px;
}

.overview-paragraph h4 {
    margin-bottom: 20px;
    font-size: 20px;
}


.overview-paragraph ul li {
    margin-bottom: 12px;
}

section.all-tabs-section {
    margin-bottom: 50px;
}

.location-section .row {
    align-items: center;
}

.location-section h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}


.location-section .location-right a {
    color: #28a745;
    text-decoration: underline;
}

.location-section .location-right b {
    margin-right: 10px;
}

a.go-text {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}





.tabs {
    background: transparent;
    display: flex;
    justify-content: left;
    gap: 20px;
    padding: 15px 0;
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
    transition: all 0.3s ease;
    position: relative;
    width: 100%;
}

.tab-wrapper {
    background: transparent;
    display: flex;
    justify-content: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.tabs.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    padding: 30px 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

  .tab {
    color: #333;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: 0.3s;
  }

.tab.active {
    background-color: transparent;
    color: #28a745;
    position: relative;
}
.tabs a:hover {
    color: #28a745;
}



.tab.active::before {
    content: "";
    background: #28a745;
    width: 100%;
    left: 0;
    right: 0;
    height: 3px;
    display: block;
    position: absolute;
    bottom: -7px;
}


.form-details .form-group {
    margin: 12px 0px;
}

.form-details .form-group .form-control {
    padding: 14px;
    box-shadow: none;
    outline: none;
}

.form-details form {
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}

.form-details .form-sub {
    margin-top: 20px;
}

.location-section {
    margin-top: 50px;
}

.disablemodal {
    pointer-events: none;
    opacity: 0.5;
}

.condition-text ul {
    padding: 0;
}

.condition-text ul li input {
    width: 20px;
    height: 20px;
    box-shadow: none;
    outline: none;
}


.accordion_outer div#filterAccordion .accordion-item {
    border-left: none;
    border-right: none;
    box-shadow: none;
    background: transparent;
    border-radius: inherit;
}

.accordion_outer div#filterAccordion .accordion-item button {
    box-shadow: none;
    background: transparent;
    border-radius: inherit;
}







/*--------------------------------------------------------------------------------------*/
/*Desbord-page-Css-Here
/*--------------------------------------------------------------------------------------*/

.desbord-logo img {
    width: 100%;
}

.sidebar.desborad-sidebar ul.nav.nav-pills.nav-sidebar.flex-column .nav-item a {
    display: flex;
    align-items: center;
    padding: 12px 14px;
}

.sidebar.desborad-sidebar ul.nav.nav-pills.nav-sidebar.flex-column .nav-item {
    margin-bottom: 6px;
}

.sidebar.desborad-sidebar ul.nav.nav-pills.nav-sidebar.flex-column .nav-item a figure {
    margin: 0;
    padding-right: 10px;
}


.sidebar.desborad-sidebar ul.nav.nav-pills.nav-sidebar.flex-column .nav-item.active a {
    background: #3bb14d;
    color: #fff;
}

.sidebar.desborad-sidebar ul.nav.nav-pills.nav-sidebar.flex-column .nav-item.active a p {
    color: #fff;
}

.sidebar.desborad-sidebar ul.nav.nav-pills.nav-sidebar.flex-column .nav-item.active a img {
    filter: brightness(0) invert(1);
}

span.dropdown-item.dropdown-header {
    color: #3bb14d;
    font-weight: 600;
}



.dropdown-menu.dropdown-menu-lg.dropdown-menu-right.show a.dropdown-item {
    color: #000 !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: rgb(59 177 77);
    color: #fff;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4 {
    background-color: #24272C;
    /*width: 280px;*/
}

aside.main-sidebar.sidebar-dark-primary.elevation-4 .user-panel {
    padding: 15px 0px;
    border-top: 1px solid #4f5962;
    margin: 40px 0px !important;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4 .user-panel .info a {
    text-decoration: none;
    color: #fff;
    margin-left:15px;
}
.sidebar.desborad-sidebar .info {
    display: flex;
    align-items: center;
}

.sidebar.desborad-sidebar .image img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
}

.sidebar.desborad-sidebar .info {
    display: flex;
    align-items: center;
}

nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    background: #3bb14d;
    color: #fff;
}

nav.main-header.navbar.navbar-expand.navbar-white.navbar-light ul.navbar-nav li.nav-item a {
    color: #fff;
}

.navbar-search-block.navbar-search-open input.form-control.form-control-navbar {
    padding: 20px;
    box-shadow: none;
}

.navbar-search-block.navbar-search-open input.form-control.form-control-navbar {
    padding: 20px;
    box-shadow: none;
}

.content-header {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.content-header .row.mb-2 {
    margin-bottom: 0px !important;
}

.content-header li.breadcrumb-item a {
    color: #3bb14d;
}

div#step-15 input#terms {
    width: 90px !important;
    height: 20px !important;
    margin-right: 15px !important;
}

div#step-15 .form-content .form-check {
    display: flex;
    justify-content: space-between;
}


/*body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {*/
/*    transition: margin-left .3s ease-in-out;*/
/*    margin-left: 280px;*/
/*}*/


.btn-success {
    color: #fff;
    background-color: #3bb14d !important;
    border-color: #3bb14d !important;
}

table#vehiclesTable thead {
    background: #161E2D;
    border-radius: 8px;
}

table#vehiclesTable thead th {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
li.user {
    color: #fff;
}

.cart-warp ul .user .reg-f {
    margin: 0;
}


button#toggleMakeList {
    border: none;
    margin: 12px 0px;
    width: 100%;
    text-align: left;
    font-size: 16px;
}

button#toggleMakeList span {
    margin-right: 8px;
}

.list-unstyled .form-check-input:checked {
    background-color: #38b349 !important;
    border-color: #38b349 !important;
}

ul.list-unstyled img {
    margin-bottom: 10px;
}

.inner-color {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}


ul.list-unstyled li .inner-color img {
    width: 105px;
    margin: 0;
}

.inner-color span {
    display: block;
    width: 100%;
}

ul.list-unstyled li.mb-2.warp-sz {
    height: 125px;
    position: relative;
}


ul.list-unstyled li.mb-2.warp-sz input {
    position: absolute;
    left: 30px;
    top: 12px;
}

ul.list-unstyled.warp-style img {
    margin-bottom: 10px;
}




ul.list-unstyled.warp-style li .inner-color img {
    width: 105px;
    margin: 0;
}

.inner-color span {
    display: block;
    width: 100%;
}

ul.list-unstyled.warp-style li.mb-2.warp-xs {
    height: 125px;
    position: relative;
}


ul.list-unstyled.warp-style li.mb-2.warp-xs input {
    position: absolute;
    left: 35px;
    right: 0;
    top: 10px;
}

ul.listul.exterior-color {
    display: flex;
}



ul.listul.exterior-color li.warp-inner-color input.exterior-colour-checkbox {width: 32px !important;height: 32px !important;border-radius: 50%;position: inherit;float: none;margin: 0;}

ul.listul.exterior-color li.warp-inner-color label.form-check-label {
    width: 100% !important;
    margin: 0;
    margin-top: 8px;
}


ul.listul.exterior-color .interior-colour-checkbox {width: 32px !important;height: 32px !important;border-radius: 50%;position: inherit;float: none;margin: 0;}


ul.listul.exterior-color li.warp-inner-color .form-check.me-2 {
    padding: 0;
    text-align: center;
    margin: 0 !important;
}



ul.listul.exterior-color {
    flex-wrap: wrap;
}

ul.listul.exterior-color li.warp-inner-color {
    margin: 5px 0px;
    text-align: center;
    width: 25%;
}


.main-color {
    text-align: center;
}




input#interior_colours_1 input[type="checkbox"]:checked {
    background-color: #aaaaaa;
}




div#filtersApplied span#filtersCount {
    color: #000;
    font-size: 14px;
}

div#filtersApplied div#filtersTags {
    display: flex;
    flex-wrap: wrap;
}

div#filtersApplied div#filtersTags span {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.142;
    letter-spacing: .02em;
    padding: 12px 20px;
    border: 1px solid #eee;
    border-radius: 30px;
    width: 48%;
    display: block;
    margin: 6px 0px;
}

div#filtersApplied {
    position: relative;
    margin-top: 20px !important;
}

div#filtersApplied button#clearFiltersBtn {
    position: absolute;
    top: 0;
    right: 20px;
    border: none;
}









.membership-section {
    margin: 70px 0px;
}

.membership-section .card-body {
    border: 1px solid #eee;
    border-radius: 0px 0px 20px 20px;
    padding: 30px 30px;
    border-radius: 30px;
}

.membership-section .card-body h5 {
    font-size: 22px;
    margin-bottom: 20px;
}

.membership-section .card-body h6.card-subtitle.mb-2.text-muted {
    color: #27b349 !important;
    font-size: 20px;
    font-weight: 600;
}

.membership-section .card-body ul li {
    margin-bottom: 6px;
}

.membership-section .card-body p strong {
    color: #212529;
    display: block;
    padding: 12px 0px;
    font-size: 18px;
}

.membership-section .card-body ul {
    list-style: inside;
}


.membership-section .card-body p br {
    display: none;
}

.membership-section .card-body p {
    margin: 0;
}

.membership-section label.card {
    border: none;
}


button.btn.btn-primary.btn-lg.mt-4.w-100 {
    background: #38b349;
    color: #fff;
    border-color: #38b349;
}

.membership-section .form-check-input:checked {
    background-color: rgba(56, 179, 73, 1) !important;
    border-color: rgba(56, 179, 73, 1) !important;
}



.drive-inner {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 40px 30px;
    position: relative;
    border-radius: 10px;
    height: 100%;
}

.drive-inner h2.section-title {
    margin: 0;
    font-size: 26px;
}

.drive-inner h3.vehicle-name {
    font-size: 22px;
    margin: 8px 0px;
    color: rgba(56, 179, 73, 1);
}

.drive-inner .vehicle-specs {
    margin-bottom: 5px;
}


.drive-inner .vehicle-details .price-row {
    margin-bottom: 8px;
}

.drive-inner .vehicle-details .price-row span {
    font-size: 16px;
    font-weight: 600;
}


.drive-inner .vehicle-details .price-row span.main-price {
    color: #24272c;
    font-size: 18px;
}

.drive-inner .vehicle-details .price-row span.discount-price {
    font-size: 18px;
    color: #003dff;
}

.drive-inner .vehicle-details .price-row span.finals-price {
    font-size: 18px;
    color: rgba(56, 179, 73, 1);
}

.best-heading .calendar-container {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 40px 30px;
    position: relative;
    border-radius: 10px;
    height: 100%;
    margin: 0;
    border: none;
}

.best-heading .time-selector {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 40px 30px;
    position: relative;
    border-radius: 10px;
    height: 100%;
    margin: 0;
    border: none;
}

.copyright-section ul li a:hover {
    background: rgba(56, 179, 73, 1);
}

footer .footer-all .footer-content .linking li a:hover {
    color: #38b349;
}



.best-heading .calendar-container .day-btn.selected {
    background-color: rgba(56, 179, 73, 1);
    color: white;
}


.best-heading .calendar-container .calendar-grid th {
    color: #24272c;
}

.best-heading {
    padding: 60px 0px 80px 0px !important;
}


button#nextButton {
    margin-top: 15px;
    padding: 13px 50px;
    border-radius: 14px;
    border-color: #38B349;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: linear-gradient(195.44deg, rgba(56, 179, 73, 0.95) 3.29%, rgba(56, 179, 73, 0.65) 100%);
}


.best-heading .selected-date {
    color: rgba(56, 179, 73, 1);
}

.best-heading .calendar-container .month-nav .btn.btn-outline-secondary:hover {
    background: rgba(56, 179, 73, 1);
    border-color: rgba(56, 179, 73, 1);
}

.best-heading .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: none;
}



img.w-24.h-auto.rounded-xl {
    width: 168px;
    height: auto;
    border-radius: 10px;
}

table#vehiclesTable b.text-green-600.font-semibold.mt-1 {
    color: #38B349;
}


td.p-4.approved-text span {
    background: #7ED32124;
    padding: 7px 14px !important;
    display: inline-block;
    border-radius: 30px;
    color: #7ED321;
    font-size: 14px;
    font-weight: 600;
}

span.btn-edit {
    display: block;
}

span.btn-edit button {
    border: none;
    background: none;
    margin-bottom: 8px;
}


.page-item.active .page-link {
    background-color: #3bb14d !important;
    border-color: #3bb14d !important;
}

td.d-flex.items-center.align-items-center.gap-4.p-4.sorting_1 p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sorting_1 p.text-gray-500.text-xs {
    color: #696665;
    font-size: 12px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #3bb14d !important;
    color: #fff;
}

/*custom css register page start */

 .contact-form {
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    padding: 110px 0 0px 0;
}

    .contact-form .container-fluid {
    padding: 0 12px;
}
  .contact-form .form-section {
    background-color: #ffffff;
    padding: 80px 40px;
}
    .btn-orange {
      background-color: #ff6600;
      color: white;
    }
.btn-orange:hover {
      background-color: #e65c00;
    }
    
    input.form-number {
    /* border: none; */
    box-shadow: none;
    outline: none;
    width: 100%;
    padding: .375rem 1.25rem .375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.contact-form .hero-section {
    /* background: url(/public_html/gadiwala/public/assets/images/back-car.jpg) center center / cover no-repeat; */
    padding: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    opacity: 0.9;
    position: relative;
    height: 100vh;
}
.contact-form .warp-reg {
    position: relative;
    z-index: 999;
}
    .btn-orange:hover {
    background-color: #fff;
}
.contact-form .col-md-7.hero-section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 99;
    top: 0;
    opacity: .5;
}
.contact-form .search-cars {
    background: transparent !important;
    border: 2px solid #33a142!important;
}
.contact-form .search-cars:hover {
    background: #38b349 !important;
}
    input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}
/*custom css register page close */


.error{
    color:red !important;
}

.cart-warp ul li a {
    color: #ffffff;
}

.form-box .form-group span {
    margin-left: 12px;
}

.form-box .form-group button.btn.btn-info {
    padding: 19px 40px;
}

.registercustomrse {
    display: flex;
    align-items: center;
    justify-content: inherit;
    padding-bottom: 20px;
}

.registercustomrse p {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    margin-right: 10px;
}

.registercustomrse a {
    margin: 0 !important;
}

.tab-form-section ul#pills-tab .nav-link.active {
    background: #38b349;
}

section.best-heading table.table.table-bordered thead {
    background: #36b447;
    border-radius: 8px;
}


section.best-heading table.table.table-bordered thead th {
    color: #fff;
}


section.best-heading a.btn.btn-danger.btn-sm {
    background: #3bb14d;
    border: none;
}


.checkout-section label.form-label {
    font-weight: 600;
    display: block;
    font-size: 16px;
}

.checkout-section .form-control {
    padding: 12px;
}

.checkout-section h4 {
    font-size: 24px;
    margin-bottom: 25px !important;
}


.checkout-section ul li {
    padding: 12px;
    border: 1px solid #eee;
}

.checkout-section ul li strong {
    color: #37b249;
}

.checkout-section .form-check-input:checked {
    background-color: #38b349;
    border-color: #38b349;
}


.main-tabs-section {
    margin-bottom: 50px !important;
    border-bottom: 1px solid;
}

.main-tabs-section button {
    color: #fff !important;
    font-size: 20px;
    font-weight: normal;
}

.main-tabs-section .nav-link.active {
    border-bottom: 6px solid #38b349 !important;
    border-radius: inherit;
}

section.search-section .nav-link.active {
    background: none;
    border: none;
    outline: none;
}




/* Entire scrollbar (horizontal) */
::-webkit-scrollbar {
  height: 10px;
}

/* Background track */
::-webkit-scrollbar-track {
  background: #ddd; /* Change this */
}

/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: #4CAF50; /* Change to your desired color */
  border-radius: 10px;
}

/* On hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #388E3C;
}


ul.list-unstyled.customseacrh {
    margin-top: 50px !important;
}


/*ul.list-unstyled.customseacrh li:hover {*/
/*    border: 4px solid #4caf50;*/
/*}*/



ul.list-unstyled.customseacrh li span {
    color: #535251;
    font-size: 16px;
}

ul.list-unstyled.customseacrh li {
    border-radius: 10px;
}


ul.list-unstyled.customseacrh li {
    position: relative;
}

ul.list-unstyled.customseacrh li:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 10px;
    height: 10px;
    border: 1px solid #595857;
    border-radius: 10px;
}

.form-content .radio-option.selected {
    border-color: #38b349 !important;
}

.summary-card {
    border-left: 4px solid #38b349 !important;
   
}
.summary-item strong {
    color: #38b349 !important;
}

section.best-heading.service h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

section.best-heading.service p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
}

div#step-15 .form-check-input {
    height: 20px !important;
    width: 37px !important;
}

div#step-15 .form-check {
    padding: 40px;

}

div#step-15 .form-check-label a {
    color: #38b349;
}

div#step-15 .form-check-label {
    font-size: 14px;
}

.form-content .radio-option {
    display: flex;
    align-items: center;
}

.form-content .radio-option:hover {
    border-color: #38b349;
    background: #f8f9ff;
}


.vehicle-header {
    background: #38b349 !important;
}

.vehicle-text h5 {
    color: #ffffff !important;
}

.auto-portal {
    text-align: center;
    color: #fff;
    border-bottom: 1px solid;
    padding-bottom: 25px;
}

/*section.best-heading p {*/
/*    color: #ffffff !important;*/
/*}*/

.edit-link {
    color: #ffffff !important;
}

.progress-bar-fill {
    background: linear-gradient(90deg, #38b349, #38b349) !important;

}

.btn-continue {
    background: linear-gradient(45deg, #38b349, #38b349) !important;
}
.vehicle-card.selected {
    border-color: #38b349 !important;
    background: #38b349 !important;
}

.vehicle-card.selected div {
    color: #fff;
}

button#back-btn {
    background: none;
    color: #38b349;
    border-color: #38b349;
    border: 1px solid;
}
.vehicle-card:hover {
    border-color: #38b349 !important;
}

.vehicle-card {
    border: 2px solid #f0f0f0 !important;
}


section.best-heading h2 {
    font-size: 26px;
    padding-bottom: 0;
}


#searchOverlay.active form {
    width: 100%;
}

#searchOverlay.active form input {
    width: 100%;
    max-width: 1320px;
    background: transparent;
    border-bottom: 1px solid #fff;
    border-radius: inherit;
    color: #fff;
}

#searchOverlay.active form button.btn.btn-light {
    background: #3bb14d;
    color: #fff;
    border: none;
    padding: 10px 40px;
}

#searchOverlay.active form input::placeholder {
    color: #fff;
}

#searchOverlay.active {
    display: flex;
    height: 220px;
    position: absolute;
    background: #000;
    top: 135px;
}


div#vehiclesTable_wrapper td {
    padding: 15px;
}

div#vehiclesTable_wrapper th {
    padding: 15px;
}

div#packagesTable_wrapper thead {
    background: #161E2D;
    color: #fff;
}

div#packagesTable_wrapper a.btn.btn-warning.btn-sm {
    background: #3bb14d;
    color: #fff;
    border-color: #3bb14d;
}

div#packagesTable_wrapper td {
    padding: 15px;
}

div#packagesTable_wrapper th {
    padding: 15px;
}

div#vehiclesTable_wrapper a.btn.btn-sm.btn-warning {
    background: #3bb14d;
    color: #fff;
    border-color: #3bb14d;
}

footer.main-footer a {
    color: #3bb14d;
}

ul.pagination .page-link {
    color: #212529;
    
}

table#makeTable thead {
    background: #161E2D;
    color: #fff;
}

table#makeTable thead th {
    padding: 15px;
}

table#makeTable td {
    padding: 15px;
}

table#makeTable a.btn.btn-warning.btn-sm.edit._omOpenModal {
    background: #3bb14d;
    color: #fff;
    border-color: #3bb14d;
}


.card.shadow.rounded-4 .card-header {
    background: #3bb14d !important;
}

.card-footer button.btn.btn-primary:hover {
    background: #3bb14d;
    border-color: #3bb14d;
}

.card.card-primary .form-group input {
    padding: 12px;
    height: 45px;
    box-shadow: none;
    outline: none;
}

.drive-inner .vehicle-card {
    border: none !important;
}


section.search-section {
    background: #000;
    padding: 40px 0;
}

.browsebylifestyle {
  padding: 20px 0;
  overflow-x: auto;
  white-space: nowrap;
}

.browsebylifestyle h3 {
  font-size: 24px;
  margin-bottom: 15px;
  white-space: normal;
  color:#fff;
}

.browsebylifestyle ul {
  display: flex;
  gap: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  scroll-behavior: smooth;
}

.browsebylifestyle li {
  flex: 0 0 auto;
  text-align: center;
  width: 20%;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.browsebylifestyle li img {
  width: 100%;
  height: auto;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.browsebylifestyle li h3 {
  font-size: 16px;
  margin: 10px 0;
  padding: 0 10px;
  color: #fff;
  white-space: normal;
}

/* Hide scrollbars in WebKit browsers */
.browsebylifestyle ul::-webkit-scrollbar {
  display: none;
}

/* Optional: For Firefox */
.browsebylifestyle ul {
  scrollbar-width: none;
}
ul.customseacrh li{
        width: 100%;
}


.con-info p a {
    color: #000;
}


figure.contat-imges img {
    height: 701px;
    width: 100%;
    object-fit: cover;
}

.call-btn {
    text-align: left;
    margin-top: 50px;
}

section.best-heading.service.teram-section h3 {
    font-size: 24px;
    padding: 15px 0px;
}




section.about-section-top-inner {
    padding: 50px 0px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

section.about-section-top-inner h2 {
    padding-bottom: 15px;
}

section.about-section-top-inner p {
    font-size: 17px;
}



section.about_section_second_inner .row {
    align-items: center;
}

section.about_section_second_inner {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 40px 30px;
    position: relative;
    border-radius: 10px;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 30px;
}

section.about_section_second_inner h2 {
    font-size: 35px;
    margin-bottom: 20px;
}



section.about_section_second_inner img {
    border-radius: 10px;
}



section.about-section-top-inner.warp-se ul li {
    margin-bottom: 12px;
    font-size: 17px;
}

section.about-section-top-inner.warp-se ul li:last-child {
    margin: 0;
}




.open-heading {
    text-align: center;
    padding-bottom: 25px;
}

.open-heading h2 {
    margin-bottom: 10px;
}

.inner-section-postions {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 30px 20px;
    position: relative;
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.inner-section-postions h3 {
    font-size: 24px;
    padding-bottom: 12px;
}

.inner-section-postions p {
    margin: 0;
    font-size: 15px;
}

section.open-postions {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

section.open-postions .col-md-6 {
    padding: 12px;
}

.elcome-site p {
    margin: 0;
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
    font-weight: 600;
}



.text-center.thank-you-warp {
    padding: 50px 0px;
}

.text-center.thank-you-warp h1 {
    font-size: 80px;
    margin-bottom: 20px;
    font-weight: 600;
}

.text-center.thank-you-warp a.btn.btn-primary.mt-3 {
    padding: 15px 50px;
}

.logo img {
    width: 150px;
}


.error {
    color: red;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
}


.best-heading.service.inner {
    padding: 0 !important;
    text-align: left;
    color: #34b444;
    padding-bottom: 0px !important;
}


section.about_section_second_inner.service-main p {
    font-size: 18px;
    line-height: 33px;
    text-align: justify;
}


section.about_section_second_inner.service-main {
    margin-top: 50px;
    margin-bottom: 50px;
}



.slider-content a.btn.btn-info:hover {
    background: transparent;
}

.googlebutton a {
    padding: 12px 15px;
    background: #000;
    width: 186px;
    border-radius: 50px;
    color: #fff !important;
}

.googlebutton a i {
    margin-right: 10px;
}


.thank-you-warp {
    padding: 50px 0px;
}

.thank-you-warp h1.display-4.text-success {
    text-align: center;
    padding-bottom: 50px;
    font-size: 50px;
    font-weight: 600;
}

.thank-you-warp img {
    border-radius: 15px;
    position: relative;
    width: 100%;
}

.thank-you-left:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 20px;
    left: 20px;
    bottom: -20px;
    background: #3bb14d;
    border-radius: 20px;
}

.thank-you-left {
    position: relative;
    margin-right: 50px;
}

.thank-you-warp .row {
    align-items: center;
}

section.testmonial-section.thk {
    margin-top: 50px;
    margin-bottom: 65px;
}

.thank-you-right h2 {
    font-size: 36px;
    padding-bottom: 20px;
}

.thank-you-right p {
    font-size: 20px;
    line-height: 34px;
}

.thank-you-right ul li a {
    color: #198754;
    font-size: 18px;
    font-weight: 600;
}


.thank-you-right ul li a i {
    margin-right: 12px;
}



.package-box.white-box p {
    color: #fff;
}


.dealer-section .dealer-heading {
    text-align: center;
    padding-bottom: 50px;
}

.dealer-section .dealer-box {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 40px 30px;
    position: relative;
    border-radius: 10px;
    height: 100%;
}

.dealer-section .dealer-box h3 {
    margin-bottom: 15px;
    font-size: 25px;
}


.dealer-section .dealer-box ul li {
    margin-bottom: 12px;
    font-size: 18px;
}

.dealer-section .dealer-box ul li:last-child {
    margin: 0;
}

.dealer-section .dealer-box ul li span {
    margin-right: 12px;
}

.dealer-section .dealer-box ul li span i {
    color: #38b349;
    font-size: 20px;
}

.dealer-section .col-md-6 {
    padding: 12px;
}

section.choose-section.sell-plan {
    margin: 0;
}

section.dealer-section {
    padding-bottom: 50px;
}

div#loader-overlay {
    right: 0;
    bottom: 0;
    text-align: center;
    align-content: center;
}

div#loader-overlay .spinner-border.text-primary {
    color: #4caf50 !important;
}

div#loader-overlay p.mt-3.text-primary.fw-bold {
    color: #4caf50 !important;
}

.dealer-section .dealer-box button i {
    color: #38b349;
    font-size: 20px;
    margin-right: 15px !important;
}

.dealer-section .dealer-box .accordion-item {
    margin-bottom: 15px;
    border: 1px solid #eee;
}

.accordion-button:not(.collapsed) {
    color: #000000;
}


/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:1600px){

.slider-content h1 {
    font-size: 70px;
    max-width: 700px;
}

.slider-content {
    padding-left: 70px;
}


.hero-slider .swiper-button-prev i {
    padding: 15px;
    font-size: 16px;
}

.hero-slider .swiper-button-next i {
    padding: 15px;
    font-size: 16px;
}

.hero-slider .swiper-button-prev {
    left: 30px;
}

.hero-slider .swiper-button-next {
    right: 30px;
}
}

@media(max-width:1400px){
    .slider-content h1 {
    font-size: 70px;
}

.best-heading {
    padding: 60px 0px 60px 0px !important;
}

.profile-men .d-flex.align-items-center {
    flex-wrap: wrap;
}

.profile-men .profile-inner {
    margin-bottom: 15px;
}

.drive-box .car-inner h3 {
    font-size: 16px;
}

.contact-form .form-section {
    background-color: #ffffff;
    padding: 0px 20px;
}

.warp-reg.text-white.p-5 {
    padding: 15px !important;
}

.product-details-left {
    padding-right: 0;
}

}


@media(max-width:1199px){
    
    .btn.btn-info{
        padding: 13px 28px;
        font-size:14px;
}

.form-box .form-group button.btn.btn-info {
    padding: 15px 30px;
    font-size: 0;
}

.form-box .form-group button.btn.btn-info i {
    font-size: 20px;
}

.form-box .form-group span {
    margin-left: 0;
}

.form-group.find-btn {
    text-align: center;
}

header div#navbarSupportedContent ul li a {
    font-size: 16px;
}


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

.choose-section .choose-heading h2 {
    font-size: 32px;
}


.package-box h3 {
    padding-bottom: 15px;
    font-size: 26px;
}

.package-box.white-box h3 {
    font-size: 26px;
}

.package-box strong {
    font-size: 30px;
}

.package-box ul li {
    font-size: 14px;
}

.support-section {
    margin-top: 70px;
}

.support-section .support-inner h2 {
    font-size: 40px;
    max-width: 600px;
}

.slider-content h1 {
    font-size: 56px;
    padding-bottom:20px;
}

div#productListContainer .col-md-4 {
    width: 50%;
}

.contact-form .form-section {
    padding: 0px 15px;
}

.warp-reg.text-white.p-5 {
    padding: 0 !important;
}

footer .footer-all {
    padding-bottom: 50px;
}

.copyright-section {
    padding: 25px 0px;
}

}


@media(max-width:991px){
    
    
.featured-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.featured-section .col-md-6 {
    width: 100%;
    padding: 12px 12px 40px 12px;
}

.featured-inner .swiper-pagination.featured-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px;
}

.on-sale-section {
    margin: 50px 0px;
    margin-top: 30px;
}

section.on-sale-section .on-sale-heading {
    margin-bottom: 20px;
}

.on-sale-inner-content .col-md-3 {
    width: 50%;
}


footer .price-box .col-md-3 {
    width: 50%;
    padding: 10px;
}

footer .footer-all {
    padding-top: 40px;
    padding-bottom: 40px;
}

.copyright-section {
    padding: 25px 0px;
}

.choose-section .col-md-4 {
    width: 50%;
    padding: 12px;
}

.choose-bg {
    padding: 45px 0px;
}

button.navbar-toggler {
    background: none;
    box-shadow: none;
    outline: none;
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.slider-content{
        padding-top: 180px;
       
}

.tab-form-section {
    bottom: 40px;
}

.hero-slider .swiper-button-next i {
    padding: 15px;
    font-size: 16px;
}

.hero-slider .swiper-button-prev i{
    padding: 15px;
    font-size: 16px; 
}

.slider-content h1 {
    font-size: 45px;
    padding-bottom: 15px;
}

.support-section .swiper-button-next:after {
    font-size: 16px;
}


.support-section .swiper-button-next {

    width: 35px;
    height: 35px;
}

.support-section .swiper-button-prev{
    width: 35px;
    height: 35px;
}

.support-section .swiper-button-prev:after {
    font-size: 16px;
    color: #000;
}

.featured-section {
    padding-top: 30px;
    padding-bottom: 0;
}

.choose-section .choose-heading h2 {
    font-size: 28px;
}

div#navbarSupportedContent {
    position: absolute;
    top: 135px;
    left: 0;
    right: 0;
    background: #38b349;
    padding: 40px;
}

header div#navbarSupportedContent ul li {
    margin-right: 0;
    margin-bottom: 15px;
}

.tab-form-section .form-box .col-md-2 {
    width: 50%;
    padding: 6px;
}


.form-box .form-group button.btn.btn-info {
    padding: 12px 30px;
    font-size: 18px;
}

.form-box .form-group span {
    margin-left: 18px;
}
.form-group.find-btn {
    text-align: left;
    margin-top: 8px;
}

.car-book-box img {
  
    width: 100%;
}

section.login-section {
    max-width: 100%;
    margin: 50px 20px;
}


.car-book-box img {
    height: auto;
}

section.shop-section .sidebar-box {
    padding: 15px;
}

.col-md-6.bg-white.p-5 {
    padding: 30px !important;
}

.info-box .col-md-4 {
    padding: 12px;
}

section.product-details {
    margin: 40px 0px;
}

}


@media(max-width:767px){
    
    .slider-first {
    background-image: url(../images/home-mobile-1.jpg) !important;
}


    .thank-you-warp h1.display-4.text-success {
    padding-bottom: 30px;
    font-size: 28px;
}

.thank-you-left {
    position: relative;
    margin-right: 20px;
    margin-bottom: 40px;
}
.thank-you-right h2 {
    font-size: 28px;
    padding-bottom: 12px;
}
.thank-you-warp {
    padding: 40px 0px;
}

section.testmonial-section.thk {
    margin-top: 20px;
    margin-bottom: 60px;
}

    figure.contat-imges img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

    
    div#step-15 .form-check {
    padding: 20px;
}
div#step-15 .form-content .form-check {
    display: block;
}
div#step-15 input#terms {
    width: 20px !important;
    height: 20px !important;
    margin-right: 12px !important;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 12px;
}
    
    .auto-portal h4 {
    margin: 0;
    font-size: 20px;
}
    
    .slider-content h1 {
    font-size: 30px;
}

.slider-content h2 {
    font-size: 20px;

}

.btn.btn-info {
    padding: 13px 15px;
}


.slider-content {
    padding-top: 245px;
    padding-bottom: 285px;
}

.on-sale-inner-content .col-md-3 {
    width: 100%;
}
    .car-book-box img {
    height: 300px;
    object-fit: cover;
}
.choose-section .choose-heading h2 {
    font-size: 25px;
}

.choose-section .col-md-4 {
    width: 100%;
    padding: 12px;
}


footer .price-box .col-md-3 {
    width: 100%;
}

footer .footer-all .footer-content h4 {
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}

footer .price-box {
    padding-bottom: 25px;
}

.buy-btn {
    position: absolute;
    left: 30px;
    right: 0;
    text-align: left;
}


.support-section .support-inner-content {
    padding-top: 50px;
    padding-left: 40px;
    padding-bottom: 50px;
    border-radius: 20px;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    padding-right: 40px;
}

.support-section .support-inner h2 {
    text-align: center;
}

.support-section .support-inner p {
    max-width: 307px;
    margin: 0 auto;
    text-align: center;
}

.support-section .support-inner-content .view-btn {
    margin-top: 30px;
    text-align: center;
}



.featured-content{
    padding-top: 30px;
    text-align: center;
}

.form-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.contact-form .hero-section {

    height: auto;
}

.contact-form .row {
    flex-direction: column-reverse;
}

.contact-form .hero-section {
    /* background: url(/public_html/gadiwala/public/assets/images/back-car.jpg) center center / cover no-repeat; */
    padding: 45px;
}

.copyright-section ul {
    justify-content: left;
    margin-top: 15px !important;
}


.contact-form {
    padding: 165px 0 0px 0;
}

.contact-form .hero-section {
    padding: 25px;
}

.warp-reg.text-white.p-5 .mt-4 a.btn.btn-info.me-2 {
    margin-right: 0;
    margin-bottom: 15px;
}

.form-section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.highlight-inner ul {
    overflow-y: scroll;
    white-space: nowrap;
}

.highlight-inner li {
    width: auto;
}

.overviewarp-section {
    margin-bottom: 25px;
}

.product-details-right {
    margin-top: 30px;
}

.product-details-right .product-price h2 {
    padding-bottom: 10px;
    font-size: 27px;
}

.location-right {
    margin-top: 30px;
}

section.all-tabs-section .overview-heading {
    margin: 20px 0px;
}

div#navbarSupportedContent {
    padding: 25px;
}

.car-book-box img {
    height: auto;
}

}


@media(max-width:480px){
    
    section.search-section {
    padding: 10px 0;
}
    
    .col-md-6.bg-white.p-5 {
    padding: 20px !important;
}
    
    .browsebylifestyle li h3 {
    font-size: 13px;
}

.main-tabs-section button {
    font-size: 16px;
}
.main-tabs-section {
    margin-bottom: 20px !important;
}

ul.list-unstyled.customseacrh {
    margin-top: 30px !important;
}

.slider-content h1 {
    font-size: 22px;
    text-align: center;
}

.slider-content h2 {
    font-size: 20px;
    text-align: center;
}

.cart-warp {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.cart-warp ul {
    justify-content: center;
}

.slider-content {
    padding-top: 220px;
    padding-left: 0;
    padding-bottom: 210px;
}


.slider-content ul {
    flex-wrap: wrap;
    justify-content: center;
}

.tab-form-section .form-box .col-md-2 {
    width: 100%;
    padding: 6px;
}

.tab-form-section {
    position: inherit;
}

/*.tab-form-section {*/
/*    bottom: inherit;*/
/*    background: #2e7f3b;*/
/*    padding-top: 30px;*/
/*    padding-bottom: 30px;*/
/*    margin-top: -370px;*/
/*}*/


.slider-content ul li{
    margin-bottom:15px;
}
    
    .hero-slider .swiper-button-next{
        display:none;
    }

.hero-slider .swiper-button-prev{
        display:none;
    }



.tab-form-section ul#pills-tab .nav-link {
    padding: 10px 22px;
    font-size: 13px;
}

.form-box .form-group button.btn.btn-info {
    padding: 12px 30px;
    font-size: 14px;
}

.form-box .form-group button.btn.btn-info i {
    font-size: 16px;
}

.package-box.white-box h3 {
    font-size: 22px;
}

.package-box h3 {
    font-size: 22px;
}

.support-section .support-inner h2 {
    font-size: 22px;
}

.social-icon {
    margin-top: 25px;
}

.social-icon ul.d-flex.align-items-center {
    justify-content: left;
}

div#navbarSupportedContent {
    position: absolute;
    top: 189px;
}

section.login-section {
    max-width: 100%;
    margin: 35px 12px;
    padding: 30px 5px;
}

.registercustomrse p {
    font-size: 14px;
}

section.login-section a {
    font-size: 14px;
}

section.inner-banner h1 {
    padding-top: 85px;
    font-size: 40px;
}

.best-heading {
    padding: 40px 0px 40px 0px !important;
}

section.best-heading h2 {
    font-size: 24px;
    padding-bottom: 15px;
}

section.shop-section .sidebar-box {
    padding: 25px;
    margin-bottom: 20px;
}

div#productListContainer .col-md-4 {
    width: 100%;
}

.berdcome {
    padding-top: 0px;
}


section.pb-5.bg-light.map-section .col-md-6.bg-white.p-5 {
    padding: 20px !important;
}

.warp-reg.text-white.p-5 .mt-4 a.btn.btn-info.me-2 {
    margin-bottom: 0;
}


}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}