/* Global css */
html { scroll-behavior: smooth;}
body{font-size: 15px;color: #000;  font-family: "Poppins", sans-serif;padding: 0px; margin: 0px;line-height: 24px;}
Section{padding: 70px 0px;display: block;width: 100%;float: left;scroll-margin: 72px;}
h1,h2,h3{font-size: 30px;display: block;text-transform:uppercase; font-family: "Poppins", sans-serif;font-weight:600;text-align: left;}
h4{font-size: 18px;display: block;text-transform:uppercase; font-family: "Poppins", sans-serif;color: #ffa500;}
h5,h6{font-size: 24px;display: block;text-transform:uppercase; font-family: "Poppins", sans-serif;font-weight: bold;text-align: left;}
ul,ol li {margin:0px; padding:0px; font-size: 15px;}
a, input, button, img {-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s  ease 0s; text-decoration:none; outline:0px; } 
a:hover, button:hover, input:hover, a:focus, button:focus, input:focus {text-decoration:none !important;} 
.form-control{ border-radius: 0px !important; font-size: 15px; height:40px; color: #000000;}
.form-control:focus{ box-shadow: none !important;}
.img-responsive{width: 100%; height: auto;}
/* End Global css */

@media screen and (min-width: 1250px) {
.container{max-width: 1170px;padding: 0;}
}



.banner.saller-registration .dWrap ul li button.nav-link { color: #fff; background: #38b2e5;padding: 8px 10px;display: inline-block;border-radius: 5px; border: none;}
.banner.saller-registration .dWrap ul li button.nav-link.active {background: #1e94c7; } 



/* Top scroll */
#button{display:inline-block;background-color:#121212;width:40px;height:40px;text-align:center;border-radius:4px;position:fixed;bottom:70px;right:30px;-webkit-transition:background-color .3s, opacity .5s, visibility .5s;-o-transition:background-color .3s, opacity .5s, visibility .5s;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:6;cursor:pointer;}
#button:hover{background:#3fa9f5;}
#button.show{opacity:1;visibility:visible;}
#button::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:14px;line-height:40px;color:#fff;}
/* End Top scroll */
/* top-header */
/* .fixed-header {	position: fixed;top: 0;	left: 0;width: 100%;-webkit-transition: .5s;-o-transition: .5s;	transition: .5s;background: #2a2a2a;z-index: 999;} */
.fixed-header .topBar {display: none;}
.fixed-header .header-menu {top: 0;background: #1c335f;}
/* .logo img{max-width: 100%;transition: .5s;width: 100%;} */
 
/* .fixed-header .logo img {width:80%;-webkit-transition: .5s;-o-transition: .5s;	transition: .5s;}  */


/*  */
.topBar {background: #1c335f;padding: 8px 0;float: left;width: 100%;}
.topBar .d-flex {gap: 15px;}
.topBar .d-flex .mail a,
.topBar .d-flex .mail a i{color: #fff;}
.topBar .d-flex a span {font-size: 14px;padding-left: 5px;}
.topBar .d-flex i{font-size: 16px;color: #ffa500;}
.topBar .d-flex .socailIcon {display: flex;gap: 10px;}

/* .header-menu {width: 100%;float: left;position: absolute;top: 63px;z-index: 2;transition: .5s;} */
.header-menu .col12 {display: flex;justify-content: space-between;align-items: center;}



/* Menu section */
.stellarnav{position:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.stellarnav a{color:#fff;}
.stellarnav ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:right;}
.stellarnav li a img{margin-right:5px;float:left;}
.stellarnav li{list-style:none;display:block;margin:0;padding:0;position:relative;line-height:normal;vertical-align:middle;}
.stellarnav li> a{display:block;text-decoration:none;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: transform .2s ease-out,opacity .2s ease-out;}
.stellarnav > ul > li{display:inline-block;}
.stellarnav > ul > li > a{color:#000;display:block;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:relative;font-size: 15px;margin:0px 12px;
  font-weight: 500;}
/* .stellarnav > ul > li > a:before{content: ''; width: 0; position: absolute;height: 0; border-bottom:2px solid #000 display: block; transition: transform .2s ease-out,opacity .2s ease-out; opacity: 0;transform: scaleX(0);left:0;bottom: -5px;} */
.stellarnav > ul > li > a:hover:before{transform: scaleX(1);border-bottom: 2px solid #000;height:100%;opacity: 1;width: 100%;}
.searchBar a {color: #000;}
.stellarnav > ul > li.current_page_item > a:before{height: 100%;width: 100%; opacity: 1;transform: scaleX(1);    border-bottom: 2px solid #000;}
.stellarnav ul ul{top:auto;width:240px;position:absolute;z-index:9900;text-align:left;display:none;background:#121212 none repeat scroll 0 0;left:0;}
.stellarnav li li{display:block;}
.stellarnav ul ul ul{top:0;/* dd animtion - change to auto to remove */
 left:100%;}
.stellarnav > ul > li:hover > ul > li:hover > ul{opacity:1;visibility:visible;top:0;}
.stellarnav > ul > li.drop-left > ul{right:0;}
.stellarnav li.drop-left ul ul{left:auto;right:220px;}
.stellarnav.light{background:rgba(255, 255, 255, 1);}
.stellarnav.light a{color:#121212;}
.stellarnav ul ul li a{padding:10px 15px;color:#fff;}
.stellarnav ul ul li a:hover{background:#389dc7;}
.stellarnav.light ul ul{background:rgba(255, 255, 255, 1);}
.stellarnav.light li a{color:#121212;}
.stellarnav.fixed{position:fixed;width:100%;top:0;left:0;z-index:9999;}
body.stellarnav-noscroll-x{overflow-x:hidden;}
.stellarnav li.has-sub > a:after {content: '\f107';font-family: 'FontAwesome';border: none !important;margin-left: 7px;}
.stellarnav li li.has-sub > a:after{margin-left:10px;float:right;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #FFF;position:relative;top:4px;}
.stellarnav li.drop-left li.has-sub > a:after{float:left;margin-right:10px;border-left:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #FFF;}
.stellarnav.hide-arrows li.has-sub > a:after,.stellarnav.hide-arrows li li.has-sub > a:after,.stellarnav.hide-arrows li.drop-left li.has-sub > a:after{display:none;}
.stellarnav .menu-toggle,.stellarnav .close-menu,.stellarnav .call-btn-mobile,.stellarnav .location-btn-mobile{display:none;text-transform:uppercase;text-decoration:none;}
.stellarnav .dd-toggle{display:none;position:absolute;top:0;right:0;padding:0;width:48px;height:48px;text-align:center;z-index:9999;border:0;}
.stellarnav.desktop.hide-arrows li.has-sub a{padding-right:15px;}
.stellarnav.mobile > ul > li > a.dd-toggle{padding:0;}
.stellarnav li.call-btn-mobile,.stellarnav li.location-btn-mobile{display:none;}
.stellarnav a.dd-toggle .icon-plus{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;width:12px;height:100%;position:relative;vertical-align:middle;display:inline-block;}
.stellarnav a.dd-toggle .icon-plus:before{content:'';display:block;width:12px;height:0px;border-bottom:solid 3px #777;position:absolute;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:width 0.3s;transition:width 0.3s;}
.stellarnav a.dd-toggle .icon-plus:after{content:'';display:block;width:12px;height:0px;top:50%;border-bottom:solid 3px #777;position:absolute;}
.stellarnav li.open > a.dd-toggle .icon-plus{-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.stellarnav.light a.dd-toggle .icon-plus:before{border-color:#121212;}
.stellarnav.light a.dd-toggle .icon-plus:after{border-color:#121212;}
.stellarnav.dark a.dd-toggle .icon-plus:before{border-color:#FFF;}
.stellarnav.dark a.dd-toggle .icon-plus:after{border-color:#FFF;}
.stellarnav .icon-close{-webkit-box-sizing:border-box;box-sizing:border-box;width:12px;height:12px;position:relative;display:inline-block;}
.stellarnav .icon-close:before{content:'';display:block;width:12px;height:0px;border-bottom:solid 3px #777;position:absolute;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.stellarnav .icon-close:after{content:'';display:block;width:12px;height:0px;top:50%;border-bottom:solid 3px #777;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.stellarnav.light .icon-close:before{border-color:#121212;}
.stellarnav.light .icon-close:after{border-color:#121212;}
.stellarnav.dark .icon-close:before{border-color:#FFF;}
.stellarnav.dark .icon-close:after{border-color:#FFF;}
.stellarnav .menu-toggle,.stellarnav .call-btn-mobile,.stellarnav .location-btn-mobile,.stellarnav .close-menu{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
a.menu-toggle{border:none !important;background:#f79627;margin-top:0px;border-radius: 0px;margin-right: 15px;}
.stellarnav .menu-toggle span.bars{display:inline-block;position:relative;top:0px;}
.stellarnav .menu-toggle span.bars span{display:block;width:15px;height:2px;border-radius:6px;background:#777;margin:0 0 3px;}
.stellarnav .menu-toggle span.bars span:last-child{margin-bottom:0px;}
.search-container input[type="text"]{width:239px;}
.stellarnav .full{width:100%;}
.stellarnav .half{width:50%;}
.stellarnav .third{width:33%;text-align:center;}
.stellarnav .location-btn-mobile.third{text-align:center;}
.stellarnav .location-btn-mobile.half{text-align:right;}
.stellarnav.light .third,.stellarnav.light .half{border-left:1px solid rgba(0, 0, 0, .15);}
.stellarnav.light.left .third,.stellarnav.light.left .half{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.light.right .third,.stellarnav.light.right .half{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.light .third:first-child,.stellarnav.light .half:first-child{border-left:0;}
.stellarnav.dark .third,.stellarnav.dark .half{border-left:1px solid rgba(255, 255, 255, .15);}
.stellarnav.dark.left .third,.stellarnav.dark.left .half{border-bottom:1px solid rgba(255, 255, 255, .15);}
.stellarnav.dark.right .third,.stellarnav.dark.right .half{border-bottom:1px solid rgba(255, 255, 255, .15);}
.stellarnav.light.left .menu-toggle,.stellarnav.light.right .menu-toggle{border-bottom:0;}
.stellarnav.dark.left .menu-toggle,.stellarnav.dark.right .menu-toggle{border-bottom:0;}
.stellarnav.dark .third:first-child,.stellarnav.dark .half:first-child{border-left:0;}
.stellarnav.light .menu-toggle span.bars span{background:#6f3a95;}
.stellarnav.dark .menu-toggle span.bars span{background:#fff;}
.stellarnav.mobile{position:static;}
.stellarnav.mobile.fixed{position:static;}
.stellarnav.mobile ul{position:relative;display:none;}
.stellarnav.mobile.active{padding-bottom:0;}
.stellarnav.mobile.active > ul{display:block;}
.stellarnav.mobile ul{text-align:left;}
.stellarnav.mobile > ul > li{display:block;}
.stellarnav.mobile > ul > li > a{padding:15px;}
.stellarnav.mobile ul{background:rgba(221, 221, 221, 1);}
.stellarnav.mobile ul ul{position:relative;opacity:1;visibility:visible;width:auto;display:none;-webkit-transition:none;transition:none;}
.stellarnav.mobile ul ul ul{left:auto;top:auto;}
.stellarnav.mobile li.drop-left ul ul{right:auto;}
.stellarnav.mobile li a{border-bottom:1px solid rgba(255, 255, 255, .15);color:#fff;}
.stellarnav.mobile > ul{border-top:1px solid rgba(255, 255, 255, .15);}
.stellarnav.mobile.light li a{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.mobile.light > ul{border-top:1px solid rgba(0, 0, 0, .15);}
.stellarnav.mobile li a.dd-toggle{border:0;}
.stellarnav.mobile.light li a.dd-toggle{border:0;}
.stellarnav.mobile .menu-toggle,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .close-menu,.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .location-btn-mobile{display:inline-block;}
.stellarnav.mobile li.call-btn-mobile{border-right:1px solid rgba(255, 255, 255, .1);-webkit-box-sizing:border-box;box-sizing:border-box;}
.stellarnav.mobile li.call-btn-mobile,.stellarnav.mobile li.location-btn-mobile{display:inline-block;width:50%;text-transform:uppercase;text-align:center;}
.stellarnav.mobile li.call-btn-mobile.full,.stellarnav.mobile li.location-btn-mobile.full{display:block;width:100%;text-transform:uppercase;border-right:0;text-align:left;}
.stellarnav.mobile.light ul{background:rgba(255, 255, 255, 1);}
.stellarnav.mobile.dark ul{background:#000;}
.stellarnav.mobile.dark ul ul{background:rgba(255, 255, 255, .08);}
.stellarnav.mobile.light li.call-btn-mobile{border-right:1px solid rgba(0, 0, 0, .1);}
.stellarnav.mobile.top{position:absolute;width:100%;top:0;left:0;z-index:9999;}
.stellarnav.mobile li.has-sub > a:after,
.stellarnav.mobile li li.has-sub > a:after,
.stellarnav.mobile li.drop-left li.has-sub > a:after{display:none;}
.stellarnav.mobile.right > ul,
.stellarnav.mobile.left > ul{position:fixed;top:0;bottom:0;width:100%;max-width:280px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.stellarnav.mobile.right > ul{right:0;z-index:9999;}
.stellarnav.mobile.right .close-menu,.stellarnav.mobile.left .close-menu{display:inline-block;text-align:right;}
.stellarnav.mobile.left > ul{left:0;}
.stellarnav.mobile.right .location-btn-mobile.half,.stellarnav.mobile.right .call-btn-mobile.half,.stellarnav.mobile.right .close-menu.half{text-align:center;}
.stellarnav.mobile.right .location-btn-mobile.third,.stellarnav.mobile.right .call-btn-mobile.third,.stellarnav.mobile.right .close-menu.third{text-align:center;}
.stellarnav.mobile.left .location-btn-mobile.half,.stellarnav.mobile.left .call-btn-mobile.half,.stellarnav.mobile.left .close-menu.half{text-align:center;}
.stellarnav.mobile.left .location-btn-mobile.third,.stellarnav.mobile.left .call-btn-mobile.third,.stellarnav.mobile.left .close-menu.third{text-align:center;}
.stellarnav.mobile.left .menu-toggle.half,.stellarnav.mobile.left .menu-toggle.third,.stellarnav.mobile.right .menu-toggle.half,.stellarnav.mobile.right .menu-toggle.third{text-align:left;}
.stellarnav.mobile.left .close-menu.third span,.stellarnav.mobile.right .close-menu.third span{display:none;}
.stellarnav.desktop li.mega ul ul{background:none;}
.stellarnav.desktop li.mega li{display:inline-block;vertical-align:top;width:100% !important;}
.stellarnav.desktop li.mega li li{display:block;position:relative;left:4px;}
.stellarnav.desktop > ul > li.mega > ul{-webkit-column-count:4;column-count:4;}
.stellarnav.desktop li.mega ul ul{width:auto;}
.stellarnav.desktop > ul > li.mega{position:inherit;}
.stellarnav.desktop > ul > li.mega > ul{width:100%;max-width:95% !important;}
.stellarnav.desktop > ul > li.mega > ul > li > a{padding:7px 15px;}
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul{display:block;position:relative;left:auto;}
.stellarnav.desktop > ul > li.mega > ul > li{-webkit-box-sizing:border-box;box-sizing:border-box;}
.stellarnav.desktop li.mega li li a{padding:5px 15px;}
.stellarnav.desktop li.mega li.has-sub a:after{display:none;}
.stellarnav > ul > li.active a,
.stellarnav > ul > li > a:hover {color: #38b2e5;}
/* End Menu section */

/*stellarnav1 start here*/
.stellarnav1 {position: relative;z-index: 2;margin: 0 0 30px;}
.stellarnav1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.stellarnav1 a{color:#fff;}
.stellarnav1 ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.stellarnav1 li{list-style:none;display:block;margin:0;padding:0;position:relative;line-height:normal;vertical-align:middle;}
.stellarnav1 li> a{display:block;text-decoration:none;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: transform .2s ease-out,opacity .2s ease-out;}
.stellarnav1 > ul > li{display:inline-block;}
.stellarnav1 > ul > li > a{color:#000;display:block;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:relative;font-size: 15px;margin:0px 12px;
  font-weight: 500;}
.stellarnav1 > ul > li > a:hover:before{transform: scaleX(1);border-bottom: 2px solid #000;height:100%;opacity: 1;width: 100%;}
.stellarnav1 > ul > li.current_page_item > a:before{height: 100%;width: 100%; opacity: 1;transform: scaleX(1);    border-bottom: 2px solid #000;}
.stellarnav1 li li{display:block;}
.stellarnav1 > ul > li.active a,
.stellarnav1 > ul > li > a:hover {color: #38b2e5;}
.stellarnav1 li .dropmenu {position: relative;}
.stellarnav1 ul li.dropmenu  ul {position: absolute;z-index: 9900;text-align: left;display: none;background: #121212; left: 0;width:auto;}
.stellarnav1 li .sub {position: absolute;top: 0;right: 0px;font-size: 13px;}
.stellarnav1 ul li.dropmenu  ul li a {padding: 10px 15px;color: #fff;}
.stellarnav1 ul li.dropmenu  ul li a:hover {background: #389dc7;}









.headWithb {float: left;width: 100%;position: relative;}
.headWithb::before {position: absolute;content: "";width: 100%;height: 100%;background-image: linear-gradient(180deg, #3cb4e6, #0000 40%);}
.header-menu .flexWrap .logo {flex-grow: 1;margin-left: 80px;}
.header-menu .flexWrap {display: flex;justify-content: space-between; align-items: center}
.header-menu .flexWrap .wrapRight .btnBox .login {background: #000;font-size: 13px;font-weight: 500;padding: 7px 15px;border-radius: 15px;color: #fff;margin-right: 25px;transition: .5s;}
.header-menu .flexWrap .wrapRight .btnBox .login:hover {background-image: linear-gradient(to top, rgb(0, 0, 0), rgb(50, 135, 171), #38b2e5);}
.header-menu .btnBox {flex-grow: 1;text-align: right;display: flex;column-gap: 20px;justify-content: flex-end;}
.header-menu .Sell {background-image: linear-gradient(to top, rgb(0, 0, 0), rgb(50, 135, 171), #38b2e5);color: #fff;padding: 7px 15px;border-radius: 50px;font-size: 13px;transition: .5s;}
  .header-menu .Sell:hover {background-image: linear-gradient(to top, rgb(10, 10, 10), rgb(29, 173, 228), #000)}
.header-menu{position: relative;padding: 12px 0 36px;}
.header-menu .flexWrap .wrapRight figure {display: none;}
.header-menu::before {position: absolute;content: "";background: white;width: 100%;height: 65px;top:63px;}
.banner .contentBox form .formgroupn select { -webkit-appearance: none;-moz-appearance: none; appearance: none; border: solid 1px #ccc;  -moz-border-radius: 3px; outline: none;  position: relative;
  width: 100%;}


.banner .formgroupn::after {background-color: #0000;color: #000;content: '\f0d7';display: block;font-size: 22px;position: absolute;pointer-events: none;top: 0px;bottom: 0;text-align: center;
	right: 14px;font-family: 'FontAwesome';border-left: 1px solid #000;padding: 10px 0px 10px 14px;}
.banner .contentBox {background: #fff;width: 668px;margin: 0px auto;	padding: 35px 93px 30px;position: relative;box-shadow: 5px 6px 13px rgba(0, 0, 0, 0.27);
  box-sizing: border-box;}
.banner .contentBox > img {position: absolute;width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;opacity: .05;}
.banner .contentBox .haadingWrap {text-align: center;position: relative;align-items: center; display: flex; justify-content: center;}
.banner .contentBox h1 {	text-align: center;position: relative;color: #fff;margin: 0;}
.banner .contentBox .haadingWrap > img {position: absolute;left: 0;right: 0;margin: 0px auto;}
.banner .contentBox p {text-align: center;margin: 30px 0 0;font-size: 18px;font-weight: 600;text-transform: uppercase;	display: block;}
.banner .contentBox hr {background: black;width: 130px;height: 2px;border: none;	margin: 10px auto 30px;}
.banner .contentBox form {position: relative;z-index: 1;}
.banner .contentBox form .d-flex {justify-content: space-evenly;gap: 30px;}
.banner .contentBox form .formgroupn {margin-bottom: 25px;width: 100%;background-image: linear-gradient(to bottom, #fbf7f7, #eae7e7);height: 50px;box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.42);
	position: relative;display: flex;align-items: center;}
.banner .contentBox form .formgroupn select {border: none;font-family: "Poppins", sans-serif;	padding: 10px 84px 10px 14px;line-height: normal;background: transparent;width: 100%;height: 100%;}
.banner .contentBox .From-group {text-align: center;margin: 10px 0 0;}
.banner .contentBox .From-group .search {background: #38b2e5;color: #fff;font-size: 18px;font-weight: 18px;text-transform: uppercase;border: none;padding: 15px 82px;font-weight: bold;transition: .5s;}
.banner .contentBox .From-group .search:hover {background: #000;}
.banner .contentBox form .formgroupn .btn.dropdown-toggle {background: transparent;border: 0;padding: 0;height: 100%; width: 100%;}
.banner .contentBox form .formgroupn .dropdown-toggle::after{display: none;}
.banner .bootstrap-select .dropdown-toggle .filter-option {padding-right: 44px;	font-size: 14px;padding-left: 14px;display: flex; align-items: center;width: 146px;}
.formgroupn .dropdown.bootstrap-select.show-tick {width: 100%; height: 100%;}


/* Slider */
.banner {padding: 0 0 40px;}

/* End Slider */



.footer {position: relative;background-color: #000;width: 100%;padding: 52px 0px 0px;float: left;overflow-x: hidden;}
.footer .footlogo::before {position: absolute;content: "";height: 214px;background-image: radial-gradient(rgba(113, 106, 106, 0.23), rgba(255, 255, 255, 0.3));right: calc(100% - 186px - 59px );width: 100vw;clip-path: polygon(0 0, calc(100% - 83px) 0, 100% 53px, 100% calc(100% - 50px), calc(100% - 84px) 100%, 0 100%); }
.footer > img {position: absolute;	width: 100%;height: 100%;object-fit: cover;	opacity: .11;background-size: cover;	top: 0;	left: 0;object-position: top;}
.footer .container {z-index: 1;}
.footer .footlogo {padding-left: 59px;}
.footer .quickLink {margin-left: 50px;margin-right: 30px;}
.footer h5 {text-transform: capitalize;text-align: left;color: #fff;font-size: 18px;font-weight: 600;text-transform: uppercase;}
.footer .footLink hr {background: #38b2e5;width: 142px;margin: 0 0 30px;}
.footer .quickLink ul {column-count: 2;}
.footLink ul li {line-height: 30px;margin-bottom: 4px;}
.footLink ul li a{transition: .5s;color: #fff;text-decoration: none;}
.footer .quickLink ul li a i {color: #38b2e5;}
.socialMed {margin-top: 20px;}
.socialMed ul li a img {width: 23px;height: 23px;}
.footLink ul li a figure {margin: 0;}

.footLink ul li a:hover{ color:#38b2e5;}
.footLink ul li a {display: flex;align-items: baseline;gap: 10px;}
.footer ul li a span {line-height: 21px;margin-bottom: 10px;width: 100%;max-width: 240px;}
.footer ul li:last-child a span{margin: 0;}
.footLink ul.d-flex {gap: 10px;}
.footLink ul.d-flex li a i{color: #ffa500;font-size: 24px;}
/*  */
.copyRight {border-top: 1px solid #fff;margin-top: 30px;}
.footer .copyRight p {color: #fff;margin: 0px auto;text-align: center;padding: 10px;font-size: 18px;}



/*sudhir*/


/* search_results */
.sarche-result-top-main {display: flex;clear: both;justify-content: space-between;align-items: center;padding: 20px 0px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;
margin: 20px 0;}
.top-bar {display: flex;}
.price-low-high {display: flex;justify-content: space-between;align-items: center;}
.price-low-high .pagination {gap: 22px;display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: .25rem;margin-left: 30px;}
.price-low-high .pagination a {color: #000;}

.custom-select::after {content: "▼";position: absolute;top: 50%;right: 10px;transform: translateY(-50%);pointer-events: none;font-size: 10px;color: #000;}
.custom-select select:hover {background: linear-gradient(#fff, #ddd);}
.custom-select select:focus {outline: none;border-color: #999;}
.sarche-result-main {display: flex;gap: 30px;border-bottom: 1px solid #c9c9c9;margin-bottom: 16px;padding-bottom: 16px;justify-content: space-between;}
.sarche-result-img {width: 40%;}
.sarche-result-text {width: 60%;}
.sarche-result-img img {width: 100%;object-fit: cover;}
.sarche-result-headng {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}
.sarche-result-dec {display: flex;justify-content: space-between;}
.sarche-result-dec-left ul li strong {width: 130px;display: inline-block;}
.sarche-result-dec-left ul {list-style: none;padding: 0;margin: 0 0 10px 0;line-height: 1.6;}
.sarche-result-dec-left ul li {margin-bottom: 6px;}
.sarche-result-top-left h3 {font-size: 20px;}
.sarche-result-headng h3 a {font-size: 20px;color: #000;}
.sarche-result-headng a {color: #000;}
.sarche-result-headng i.fa.fa-heart-o {color: red;}
.sarche-result-dec-right h3 {font-size: 20px;}
.sarche-result-top-left p {margin: 0px;padding: 0px;}
.more-details a {float: right;background: #38b2e5;color: #fff;padding: 5px 10px;border-radius: 4px;}
.more-details a:hover {background: #000;}
.custom-select-price {width: 100%;background-image: linear-gradient(to bottom, #fbf7f7, #eae7e7);height: 53px;position: relative; display: flex;align-items: center;box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.42);}
.custom-select-price select {border: none;font-family: "Poppins", sans-serif; padding: 10px 84px 10px 14px;line-height: normal;
 background: transparent;Width: 100%;Height: 100%;}
.custom-select-price::after {background-color: #0000;color: #000;content: '\f0d7'; display: block;font-size: 22px;position: absolute;pointer-events: none; top: 0px;bottom: 0;text-align: center; right: 14px;font-family: 'FontAwesome';
    border-left: 1px solid #000;Padding: 10px 0px 10px 14px;}
.custom-select-price select { -webkit-appearance: none;-moz-appearance: none; appearance: none; border: solid 1px #ccc;  -moz-border-radius: 3px; outline: none;  position: relative;
  width: 100%;}
/* search_results end */


/* Saller And resigtion Form css  */
/*.banner .contentBox .form-group .form-control {text-transform: capitalize;}*/
.saller-registration .contentBox form .d-flex {justify-content: center;}
.saller-registration .contentBox form .d-flex .form-group {width: 100%;}
.saller-registration .contentBox .From-group .search {font-size: 16px;text-transform: capitalize;padding: 10px 20px;font-weight: 500;}
.saller-registration .From-group .have-account {font-size: 16px;border: none;color: #38b2e5;text-transform: capitalize;font-weight: 500;background: transparent;text-decoration: underline;}
.saller-registration .From-group .have-account:hover {cursor: pointer;text-decoration: underline !important;}
/*  */

/*Login Form  */
.login .contentBox form .d-flex .search {font-size: 16px;text-transform: capitalize;padding: 10px 20px;font-weight: 500;background: #38b2e5;color: #fff;border: none;}
.login .contentBox form .d-flex .search:hover {background: #000;}
/*  */




/* car details page */
.cardetails .carDe-main {padding: 0px 0px;border-bottom: 1px solid #ccc;margin: 10px 0 20px 0;display: flex;gap: 30px;}
.cardetails .container {background: #f3f3f3;padding: 30px;}
.cardetails .detailright .carTopheading {margin-bottom: 12px;}
.carDe-main .detailright {width: 100%;}
.cardetails .detailright .carTopheading h3 a {font-size: 20px;color: #000;}
.cardetails .carDe-main  ul,
.cardetails .carDe ul {list-style: none;}
.cardetails .carDe-main ul li,
.cardetails .carDe ul li {margin-bottom: 6px;}
.cardetails .detailright .carDes ul li strong {width: 130px;display: inline-block;}
.cardetails .contInfo {border-top: 1px solid #ddd;padding-top: 10px;}
.cardetails .callInfo {display: flex;justify-content: space-between;margin: 20px 0;}
.cardetails .callInfo  a {color: #000;}
.cardetails .callInfo  a i{color: #38b2e5;	padding-right: 5px;}
.cardetails .callInfo h5 {font-size: 18px;text-transform: capitalize;color: #38b2e5;	font-weight: 600;}
.cardetails .price {display: flex;justify-content: space-between;align-items: center;margin:10px 0 ;}
.cardetails .price p{margin: 0;}
.cardetails .price .left {font-weight: 600;font-size: 20px;}
.cardetails .price .right {font-weight: bold;font-size: 20px; color: #38b2e5;}
.cardetails {padding: 0;margin: 0 0 50px;}
.carDe-main .sildeWrap {width: 50%;}
.sildeWrap #sync1 .item {width: 555px;height: auto;}
.sildeWrap #sync1 .item img{height: auto;}
.sildeWrap #sync2 .item {margin: 5px;cursor: pointer;}
.sildeWrap #sync2 .current .item { background: #0c83e7;}
.sildeWrap .owl-theme .owl-nav [class*=owl-] { transition: all 0.3s ease;}
.sildeWrap .owl-theme .owl-nav [class*=owl-].disabled:hover { background-color: #d6d6d6;}
.sildeWrap #sync1.owl-theme { position: relative;}
.carDe-main .sildeWrap .owl-nav, 
.carDe-main .sildeWrap .owl-dots {display: none;}
.sildeWrap #sync1.owl-theme .owl-next,
.sildeWrap #sync1.owl-theme .owl-prev { width: 22px; height: 40px; margin-top: -20px; position: absolute; top: 50%;}
.sildeWrap #sync1.owl-theme .owl-prev { left: 10px;}
.sildeWrap #sync1.owl-theme .owl-next { right: 10px;}
.faq #accordionExample {margin: 20px 0;}
.faq #accordionExample .card-header {background: #38b2e5;}
.faq #accordionExample a {color: #fff;padding: 0;}
.faq #accordionExample a:focus{  box-shadow: 0 0 0 transparent;}
.faq #accordionExample a.collapsed::after {content: "\f0d7";}
.faq #accordionExample a::after {content: "\f0d8";font-family: 'FontAwesome';font-weight: 900;float: right;margin-right: 24px;}
/*  */
/* car details page  end here*/


.login .contentBox form .d-flex .form-group #loginBtn {font-size: 16px;text-transform: capitalize;padding: 10px 20px;font-weight: 500;background: #38b2e5;color: #fff;border: none;}
.login .contentBox form .d-flex .form-group aside {text-align: center;}
.login .contentBox form .d-flex .form-group #loginBtn:hover{background: #000;}
.banner.saller-registration .dWrap {position: relative;}
.banner.saller-registration .contentBox {width: 100%;margin: 0 0 20px;}
.banner.saller-registration .dWrap ul {list-style: none;margin: 0 0 20px;display: flex;gap: 20px;flex-wrap: wrap;padding-left: 0;}
.banner.saller-registration .dWrap ul li a {color: #fff;background: #38b2e5;padding: 8px 10px;display: inline-block;border-radius: 5px;}
.banner.saller-registration .dWrap ul li a:hover {background: #000;}
.saller-registration .contentBox form .d-flex .form-group input {width: 100%;background: #f4f0f0;height: 50px;border: none;padding: 10px;}
.saller-registration .contentBox form .form-group textarea{width: 100%;background: #f4f0f0;border: none;padding: 10px;}
.saller-registration .contentBox form .form-group.file label {display: block;}
.vehicle_list table {width: 100%;margin: 0;}
.vehicle_list .table.table-striped tbody td a {color: #38b2e5;}
.editVehicle form .d-flex {gap: 30px;}
.editVehicle form .d-flex .form-group {margin: 0;}
.editVehicle form .d-flex .form-group ,
.editVehicle form .d-flex .form-group input{width: 100%;}
.editVehicle form .formgroupn.upload label {display: block;}
.editVehicle form .from-group #updateVehicleBtn {font-size: 16px;text-transform: capitalize;padding: 10px 20px;font-weight: 500;background: #38b2e5;color: #fff;border: none;}
.editVehicle form .from-group #updateVehicleBtn:hover{background: #000;}

.newtab ul#sellerTabs {justify-content: space-between;flex-wrap: nowrap;}
.newtab .dWrap ul#sellerTabs li{width: 100%;border-right: 1px solid #fff;}
.newtab .dWrap ul#sellerTabs li:last-child{border-right: 1px solid transparent;}
.newtab .dWrap ul#sellerTabs button {color: #fff;background: #000;border-radius: 0;width: 100%;padding: 10px;height: 100%;}
.newtab .dWrap ul#sellerTabs button:hover {color: #fff;background: #38b2e5;}
.newtab.saller-registration .contentBox {position: relative;}
.newtab.saller-registration .dWrap h3 {color: #359eca;}
.tab-content form #updateProfile {background: #4dbae8;border: none;}
.tab-content form #updateProfile.active:focus,
.tab-content form #updateProfile:hover,
.tab-content form #updateProfile:focus {box-shadow: 0 0 0 transparent;background: #000;}


a.Sell.before {  padding: 7px 28px !important;font-weight: 500;}
a.login.before {padding: 7px 28px !important;  margin-right: 0px !important;}

    /* Login card styles (non-invasive, responsive) */
    .banner.login { padding: 50px 0; }
      .banner.login  .contentBox { background: #ffffff; padding: 35px 30px;border-radius: 10px;max-width: 640px; margin: 0 auto; box-shadow: 0 8px 25px rgba(0,0,0,0.10);position: relative;overflow: hidden;} 
    .banner.login.userlogin .d-flex {flex-wrap: wrap;row-gap: 0 !important;}
      .banner.login  .contentBox p { font-size: 20px; font-weight:700; text-align:center; margin:0; }
      .banner.login  .contentBox hr { width:70px; border:none; border-top:2px solid rgba(0,0,0,0.08); margin:10px auto 20px; }
      .banner.login  .login-links { display:flex; justify-content:space-between; margin-top:15px; font-size:14px; }
      .banner.login  .login-links a { color:#0A66C2; text-decoration:none; }
    .banner.login.userlogin .loginBtn #loginBtn {width: 100%;background: #2b7595;border: none;color: #fff;padding: 10px;}
      .banner.login  .login .d-flex {flex-wrap:wrap; }
    .banner.login.userlogin .loginBtn #loginBtn:hover {background: #000;}
      .banner.login  .login .form-control { height:44px; border-radius:4px; box-shadow:none; }
    /**/
    
    
/*user_dashboard css*/
.dashboard-container { max-width: 1400px;  margin: 40px auto; padding: 0 20px;position: relative;}
.dashboard-page .page-header {background: rgba(255,255,255,0.95);backdrop-filter: blur(10px); border-radius: 16px;padding: 28px 32px; margin-bottom: 30px;ox-shadow: 0 8px 32px rgba(31, 38, 135, 0.15); display: flex;justify-content: space-between; align-items: center;
      flex-wrap: wrap; gap: 20px;}
.dashboard-page .page-header h1 { margin: 0;font-size: 28px;font-weight: 700;color: #1a202c; letter-spacing: -0.5px;    }
.dashboard-page .user-info-pill { display: flex;align-items: center;gap: 12px;background: linear-gradient(135deg, #449abe 0%, #1e1a23 100%);padding: 10px 20px;border-radius: 50px; color: white; font-weight: 600;font-size: 14px; }
 /* Grid Layout */
.dashboard-page .dashboard-grid { display: grid; grid-template-columns: 380px 1fr;  gap: 30px;align-items: start;}
/* Card Base */
.dashboard-page .card {background: rgba(255,255,255,0.95);backdrop-filter: blur(10px); border-radius: 16px; padding: 28px;box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);border: 1px solid rgba(255,255,255,0.3);}

/* Profile Card (Left Sidebar) */
.dashboard-page .profile-card {position: sticky;top: 20px;}

.dashboard-page .profile-header {text-align: center; margin-bottom: 28px;padding-bottom: 24px;border-bottom: 2px solid #f0f0f0; }

.dashboard-page .avatar-large {width: 120px;height: 120px;border-radius: 50%;background: linear-gradient(135deg, #41b6e7 0%, #000000b2 100%);display: flex;align-items: center;justify-content: center;color: white;font-weight: 800;font-size: 42px;
margin: 0 auto 16px;box-shadow: 0 12px 24px rgba(102, 126, 234, 0.3);border: 5px solid white;}
.dashboard-page .profile-name {font-size: 24px; font-weight: 700;color: #1a202c;margin: 0 0 6px 0;text-align: center;}
.dashboard-page .profile-email {color: #718096; font-size: 14px;margin: 0;}
/* Stats Grid */
.dashboard-page .stats-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;margin-bottom: 24px;}
.dashboard-page .stat-box {background: linear-gradient(135deg, #f6f8fb 0%, #ffffff 100%);  padding: 16px; border-radius: 12px; text-align: center;border: 1px solid #e2e8f0;}
.dashboard-page .stat-number {font-size: 28px;font-weight: 800;color: #3f9dc5; display: block; margin-bottom: 4px;}
.dashboard-page .stat-label { font-size: 12px;color: #718096;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;}
/* Action Buttons */
.dashboard-page .action-buttons {display: flex; flex-direction: column; gap: 10px; }
.dashboard-page .btn { padding: 14px 20px; border-radius: 12px;  border: none; font-weight: 600;  font-size: 14px;cursor: pointer; transition: all 0.3s ease;text-decoration: none;display: block;text-align: center;  }
.dashboard-page .btn-primary {background: linear-gradient(135deg, #2b6a82 0%, #262627 100%);color: white;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);}
.dashboard-page .btn-primary:hover { transform: translateY(-2px);box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);}
.dashboard-page .btn-outline {background: white;color: #496773;border: 2px solid #4496b7;}
.dashboard-page .btn-outline:hover { background: #46778b;  color: white; transform: translateY(-2px);}
.dashboard-page .btn-danger {background: #46778b; color: white;}
.dashboard-page .btn-danger:hover { background: #2b6a82; transform: translateY(-2px); }
/* Main Content Area */
.dashboard-page .main-content { display: flex; flex-direction: column; gap: 30px; }
/* Section Header */
.dashboard-page .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;padding-bottom: 16px;border-bottom: 2px solid #f0f0f0;}
.dashboard-page .section-title {font-size: 22px;  font-weight: 700;color: #1a202c;margin: 0; display: flex;align-items: center; gap: 10px;}
.dashboard-page .section-badge { background: linear-gradient(135deg, #46778b 0%, #000 100%) color: white; padding: 4px 12px; border-radius: 20px;font-size: 12px; font-weight: 700; }
/* Form Styles */
.dashboard-page .form-grid { display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px;margin-bottom: 20px;}
.dashboard-page .form-grid.single {grid-template-columns: 1fr;  }
.dashboard-page .form-group { display: flex; flex-direction: column;}
.dashboard-page .form-label {font-size: 13px; font-weight: 600;  color: #4a5568; margin-bottom: 8px; text-transform: uppercase;letter-spacing: 0.5px;}
.dashboard-page .form-input { padding: 14px 16px; border-radius: 10px;border: 2px solid #e2e8f0; font-size: 15px;color: #2d3748;background: #f7fafc;transition: all 0.3s ease;}
.dashboard-page .form-input:focus {outline: none;border-color: #667eea;background: white; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);  }

.dashboard-page .form-input:read-only {  background: #edf2f7;color: #718096;cursor: not-allowed;}
.dashboard-page .form-actions {display: flex;gap: 12px; margin-top: 24px; flex-wrap: wrap; }
/* Inquiry Table */
.dashboard-page .inquiry-list {display: flex;  flex-direction: column; gap: 16px;}
.dashboard-page .inquiry-item {background: linear-gradient(135deg, #f6f8fb 0%, #ffffff 100%);border-radius: 12px; padding: 20px;border: 2px solid #e2e8f0;transition: all 0.3s ease; cursor: pointer;    }
.dashboard-page .inquiry-item:hover { border-color:#46778b; box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15); transform: translateY(-2px);}
.dashboard-page .inquiry-header {display: flex; justify-content: space-between;  align-items: start; margin-bottom: 16px;flex-wrap: wrap; gap: 12px;}
.dashboard-page .inquiry-id {background: linear-gradient(135deg, #496f7e 0%, #000 100%); color: white; padding: 6px 14px;border-radius: 20px; font-weight: 700;font-size: 13px; box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);}
.dashboard-page .inquiry-id.pending {background: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);box-shadow: 0 4px 12px rgba(246, 173, 85, 0.3);}
.dashboard-page .inquiry-date {color: #718096;font-size: 13px;font-weight: 600;}
.dashboard-page .inquiry-body { display: grid; grid-template-columns: 1fr 1fr;gap: 20px; margin-bottom: 16px;}
.dashboard-page .inquiry-section h4 { font-size: 12px;  color:#46778b; text-transform: uppercase;letter-spacing: 0.5px;margin: 0 0 8px 0;font-weight: 700;  }
.dashboard-page .buyer-name { font-size: 16px; font-weight: 700;color: #1a202c;margin-bottom: 4px;}
.dashboard-page .buyer-contact { color: #718096; font-size: 14px;margin-bottom: 2px; }
.dashboard-page .vehicle-name { font-size: 16px; font-weight: 700;color: #1a202c;margin-bottom: 6px; }
.dashboard-page .vehicle-specs { display: flex; gap: 12px;flex-wrap: wrap;margin-top: 6px;}
.dashboard-page .spec-badge { background: #edf2f7;padding: 4px 10px;border-radius: 6px;font-size: 12px;color: #4a5568; font-weight: 600;}
.dashboard-page .inquiry-message { background: white;  padding: 16px; border-radius: 10px;border-left: 4px solid #46778b;  margin-top: 12px; color: #2d3748;font-size: 14px; line-height: 1.6; }
.dashboard-page .inquiry-actions { display: flex; gap: 10px; margin-top: 12px; }
.dashboard-page .btn-sm { padding: 8px 16px; font-size: 13px;border-radius: 8px;}
/* Empty State */
.dashboard-page .empty-state {  text-align: center; padding: 60px 20px;color: #718096;}
.dashboard-page .empty-state svg { width: 80px; height: 80px; margin-bottom: 16px;opacity: 0.5;}
.dashboard-page .pagination-wrapper .page-link{ display:inline-block;padding:6px 10px;  margin:0 3px; border-radius:4px; border:1px solid #e2e8f0; font-size:13px;text-decoration:none;color:#4a5568;}
.dashboard-page .pagination-wrapper .page-link.active{background:#3182ce; color:#fff;border-color:#3182ce;}
.dashboard-page .pagination-wrapper .page-link:hover{background:#edf2f7;}
.dashboard-page .dashboard-container .profile-name {font-size: 24px;font-weight: 700;color: #1a202c;margin: 0 0 6px 0;text-align: center;}

.main-content-wrapper .content-card .contentBox {background: transparent;width: 100%;padding: 0;box-shadow: 0 0 0 transparent;}
.main-content-wrapper .banner.saller-registration {padding: 0;}