body {font-family: 'Poppins', sans-serif; font-size:16px; line-height:24px; color:#999; margin:0px; padding:0px; overflow-x:hidden; font-weight:normal;}

/*Common CSS Start*/
html {height:100%;}
* {outline:none !important;}
a, a:hover {transition: all .2s ease-in-out; text-decoration:none !important; outline:none !important;}
h1,h2,h3,h4,h5,h6 {margin:0px; letter-spacing:0.3px; font-weight:700; color:#3b3b3b; font-family: 'Poppins', sans-serif;}
h1 {font-size:36px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
.mb-5 {margin-bottom:150px !important;}
.section-ttl {margin-bottom:100px; position:relative;}
.section-ttl small {font-size:14px;}
.section-ttl h1 {margin-bottom:15px;}
.section-ttl h1:after {position: absolute; content: ""; width:50px; height: 2px; background: #f69524; left:0; right:0; bottom:-7px; margin:0 auto;}
.section-ttl h1:before {position: absolute; content: ""; width:110px; height: 2px; background: #f69524; left:0; right:0; bottom:-15px; margin:0 auto;}
.common-btn, .common-btn:hover, .common-btn:focus {border:1px solid #f69524; background:none; padding:10px 30px; color:#3b3b3b; box-shadow:none;}
.common-btn.hvr-sweep-to-right:before {background:#f69524; color:#fff;}
input,input:hover, input:focus {box-shadow:none !important; height:50px !important; border-radius:3px !important;}
select, select:hover, select:focus {box-shadow:none !important; height:50px !important; border-radius:3px !important; -moz-appearance:none; -webkit-appearance:none; appearance:none;} 
.select-arrow .form-group select {position:relative;}
.select-arrow img {position:absolute; top:23px; right:30px; width:13px;}
textarea,textarea:hover, textarea:focus {box-shadow:none !important; border-radius:3px !important;}
input::placeholder, textarea::placeholder {font-size:13px;}
label {color:#3b3b3b; font-weight:600; font-size:14px;}
.container {max-width:1440px;}
.float-center {float:none; margin:0 auto;}
/*Common CSS End*/

/*Navbar Section CSS Start*/
nav .container {background:#fff; border-radius:3px;}
.offcanvas-header {
  display: none;
}

.screen-overlay {
  width: 0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
}
.screen-overlay.show {
  transition: opacity 0.5s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

@media all and (max-width: 992px) {
  .offcanvas-header {
    display: block;
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1200;
    width: 80%;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
    background-color: #fff !important;
  }

  html:lang(ar) .mobile-offcanvas {
    transform: translateX(100%);
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }

  .nav-cont {
    display: block !important;
    padding-right: auto !important;
    padding-left: auto !important;
  }

  #navbar_main {
    box-shadow: 0px 3px 17px #00000047;
  }
  .dropdown-menu {
    border: none;
  }
  .nav-item {
    border-bottom: 1px solid #eaeaea;
  }
}
.navbar-brand {max-width:132px;}
.navbar-brand img {max-width:100%;}
.navbar-nav {align-items:center; position:relative;}
.navbar-nav li a.nav-link {font-weight:600; color:#3b3b3b; padding-right:1rem !important;}
.navbar-nav li a.nav-link:hover, .navbar-nav li a.nav-link:focus {color:#f69524;}
.navbar-nav li.active a {color:#f69524;}
.login-register-div a {margin-right: 1rem; font-weight:600; color:#3b3b3b;}
.login-register-div a:last-child {margin-right:0px;}
.fixed-header {background:#fff; box-shadow: -1px -36px 90px #999;}
.fixed-header .navbar-nav li a {color:#000;}
.fixed-header .login-register-div a.common-btn {color:#3b3b3b; border:1px solid #f69524;}
nav .dropdown-menu {margin:0px; padding:0px;}
nav .dropdown-item {padding: 0.8rem 1.5rem;}
nav .dropdown-item.active, nav .dropdown-item:active {background:#f69524;}
/*Navbar Section CSS End*/

/*Banner Section CSS Start*/
.homebanner .carousel-item {position:relative; height:900px;background: url(../images/homebanner-bg.jpg) left top no-repeat; background-size: cover; background-position: 50% 50%;}
.homebanner .overlay {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
.homebanner .carousel-caption {top:20%; bottom:0; display:flex; align-items:center; flex-flow:column; justify-content:center;}
.homebanner .carousel-caption h1 {font-size:60px; color:#fff;}
.homebanner .carousel-caption h1 span {color:#f69524;}
.homebanner .carousel-caption p {font-size:24px;}
.homebanner .carousel-caption .imgbox {display:flex; align-items:center; justify-content:center; margin-top:50px;}
.homebanner .carousel-caption img {width:auto; margin-left:auto;}
.carousel-indicators {display:none;}
/*Banner Section CSS End*/

/*About Section CSS Start*/
.abt-sec .left .imgbox {height:450px;}
.abt-sec .left .imgbox img {width:100%; height:100%; object-fit:cover;}
.abt-sec .right h1 {position:relative; margin-bottom:50px;}
.abt-sec .right h1:before {position: absolute; content: ""; width:110px; height: 2px; background: #f69524; left: 0; bottom:-7px;}
/*About Section CSS End*/

/*Upcoming Aution Slider Section CSS Start*/
.auction-box .imgbox {height:250px;}
.auction-box .imgbox img {width:100%; height:100%; object-fit:contain;}
/*.auction-box .card-body   {background:#222732;}*/
.auction-box .card-body ul li {display:flex; padding:3px 0px;}
.auction-box .card-body ul li i {width:20px; text-align:center; margin-right:10px; margin-top:3px;} 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#f69524 !important;} 

/*Tab To Accordian CSS Start*/
.auction-accordian .nav-tabs {
    display:none;
}

@media(min-width:768px) {
    .auction-accordian .nav-tabs {
        display: flex;
    }
    .auction-accordian .card .card-header {
        display:none;
    }  

    .auction-accordian .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .auction-accordian .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}
/*Tab To Accordian CSS End*/
.auction-accordian .tab-pane {border:none;}
.auction-accordian .nav-tabs .nav-link {padding: 15px 60px; color:#3b3b3b; border:none; font-size:20px; font-weight:600;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background:#f69524; color:#fff;}
/*Upcoming Aution Slider Section CSS End*/

/*Benifits Section CSS Start*/
.benifits-sec {background-image: url(../images/right-car.jpg), url(../images/left-car.jpg);   background-position: right bottom, left top; background-repeat: no-repeat, no-repeat;}
.benifits-box .card {height:100%;}
/*Benifits Section CSS End*/

/*Our Partner Section CSS Start*/
.partner-icon img {width:100% !important;}
/*Our Partner Section CSS End*/

/*Footer Section CSS Start*/
footer {background:#eaeaea; padding:50px 0px;}
footer .f-menu ul li a {color:#000; font-weight:600;}
footer .f-menu ul li a:hover, footer .f-menu ul li a:focus {color:#f69524;}
.social-link ul li a {color:#000; width:50px; height:50px; line-height:50px; text-align:center; background:#d0d0d0; display:inline-block;}
.social-link ul li a.hvr-sweep-to-bottom::before {background:#f69524;}
.address {margin-bottom:10px;}
.address ul li i {margin-right:5px;}
/*Footer Section CSS End*/


/*Commonbanner Section Start*/
.commanbanner {position:relative;}
.commanbanner .overlay {position:absolute; top:0; left:0; right:0; width:100%; height:100%; background:rgb(0,0,0,0.5);}
.commanbanner .imgbox {height:400px;}
.commanbanner .imgbox img {height:100%; width:100%; object-fit:cover;}
.common-banner-ttl {position: absolute; top:10%; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; color:#fff;}
.common-banner-ttl h1 {color:#fff; margin-bottom:20px;}
/*Commonbanner Section End*/

/*About Page CSS Start*/
.about-page .left .imgbox {height:450px;}
.left .imgbox img {width:100%; height:100%; object-fit:cover;}
.about-page .right h1 span {display:block; color:#f69524;}
.about-page .section-ttl {margin-bottom:50px;}
.about-page .section-ttl h1:before {margin:0px;}
.about-page .section-ttl h1:after {margin:0px;}
.why-box {margin-bottom:30px;}
.why-box .innerbox {box-shadow: 0 10px 20px rgb(0 0 0 / 8%); padding:30px;}
.why-box .innerbox img {width:60px;}
/*About Page CSS End*/

/*Upcoming Page CSS Start*/
.main-box {margin-bottom:30px;}
/*Upcoming Page CSS End*/

/*Contact Page CSS Start*/
.contact-sec .right ul li label {color:#f69524;}
/*Contact Page CSS End*/

/*Registration Page CSS Start*/
.registration-page {background:url(../images/login-bg.png) left top repeat;}
.registration-page .left .logo {margin-bottom:50px;}
.registration-page .left .logo img {width:150px;}
.registration-page .row.align-items-center {background:rgba(255,255,255,0.5);}
.registration-page .left .innerbox {background:#EDF2F6; padding:50px; height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.registration-page .left .features .media {margin-bottom:30px;}
.registration-page .left .features .media img {width:50px;}
.registration-page .right .innerbox {padding:30px;}
.registration-page .right .innerbox .ttl h2 span {color:#f69524;}
.registration-page .right .form-group {margin-bottom:30px;}tom-control-label::before {border-color: #f69524; background-color:#f69524;}
.terms a {color:#f69524;}
.already-registered a {color:#000;}
.already-registered a span {color:#f69524;}
/*Registration Page CSS End*/

/*Login Page CSS Start*/
.password-field {position:relative;}
.password-field input {padding-right:50px;}
.password-field .icon {position:absolute; top:26%; right:10px; cursor:pointer;}
.login ul {display:flex; align-items:center; justify-content: space-between; margin-bottom:0px;}
.login ul li a {color:#f69524;}
.forgot-link {color:#2B3C6B !important;}
/*Login Page CSS End*/

/*Forgot Password Page CSS Start*/
.forgot-page .row.align-items-center {height:100vh;}
.forgot-page .login ul {justify-content:center;}
.forgot-page .right .innerbox {background:#EDF2F6;}
.forgot-page .logo-div img {width:160px;}
/*Forgot Password Page CSS End*/

/*Terms & Condition Page CSS Start*/
.terms-page .right p {display:flex;}
.terms-page .right p i {margin-right:10px; margin-top:3px; color:#f69524;}
.terms-page .section-ttl h1:before {margin:0px;}
.terms-page .section-ttl h1:after {margin:0px;}
/*Terms & Condition Page CSS End*/


/*FAQ Page CSS Start*/
.custom-accordian .accordion .card {
  border: none;
  margin-bottom: 20px;
}
.custom-accordian .accordion .card h2 {
  background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
  background-size: 20px;
  cursor: pointer;
  font-size: 18px;
}
.custom-accordian .accordion .card h2.collapsed {
  background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
}

.custom-accordian .card-head {padding:20px; background:#fdebd6;}
/*FAQ Page CSS End*/