*, body{font-family: 'Inter', sans-serif;}
a, a:hover{text-decoration: none;color: #fff;}
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.bg-color {
    background-color: #000;
}
::placeholder {
    color: #fff !important;
    /* opacity: 1; Firefox */
  }
.header-section {
    background-image: url(../img/back-ground.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0 220px;
}
.header-section h1{font-size: 36px;font-weight: bold;color: #fff;margin: 0;}
.header-section p{font-size: 22px;color: #fff;font-weight: 100;}
.header-section img{width: 300px;position: absolute;right: 0;}

.header-section1 {
    background-image: url(../img/back-ground.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0 220px;
}
.header-section1 h1{font-size: 36px;font-weight: bold;color: #fff;margin: 0;}
.header-section1 p{font-size: 22px;color: #fff;font-weight: 100;}
.header-section1 img{width: 300px;position: absolute;right: 0;}

.header-section2 {
    background-image: url(../img/driver-background.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0 220px;
}
.header-section2 h1{font-size: 36px;font-weight: bold;color: #fff;margin: 0;}
.header-section2 p{font-size: 22px;color: #fff;font-weight: 100;margin: 0;}
.header-section2 img{width: 121px;position: absolute;right: 0;}
.header-section2 h2{font-weight: bold;font-size: 22px;color: #fff;}


.msg-area{background-color: #333131;color: #fff;padding: 40px 0 40px;}
.msg-area .msg{position: relative;background-color: #484343;color: #fff;padding: 12px;border-radius: 10px;z-index: 9999;}
.msg-area h2{font-size: 16px;font-weight: bold;color: #92E5FF;/* margin: 0; */}
.msg-area p{font-size: 12px;color: #fff;font-weight: 100;}

.msg-area2{background-color: #2a4654;color: #fff;padding: 40px 0 40px;}
.msg-area2 .msg{position: relative;background-color: #FFCB45;color: #000;padding: 18px;border-radius: 20px;z-index: 9999;text-align: center;}
.msg-area2 h2{font-size: 16px;font-weight: bold;color: #92E5FF;/* margin: 0; */}
.msg-area2 p{font-size: 13px;color: #000;margin: 0;}


.common-btn .btn-primary, .main-section .btn-primary{background-color: #fff;border:1px solid #fff;color:#000;}

.main-section {background-color: #2a2e55;padding: 12px;}
.main-section form{border: 1px solid #5e5a5a;padding: 10px;border-radius: 12px;}
.main-section form input{background-color: #454a6d;border: 0;font-size: 14px;}
.main-section .form-icon{background-color: #fff;width: 30px;height: 30px;border-radius: 50%;padding: 3px;}

.main-section label{color: #fff;font-size: 14px;display: block;}
.main-section h2{color: #fff;font-size: 15px;}
.main-section ul{padding: 0;}
.main-section ul li{list-style-type: none;display:inline-flex;padding: 5px 10px;background: #fff;border-radius: 10px;margin-right: 10px;}
.main-section ul li a{color: #000;font-size: 14px;text-decoration: none;}

.main-section .cost p{color: #fff;margin-bottom: 2px;font-size: 13px;}
.main-section .cost h1{color: #fff;font-size: 28px;font-weight: bold;position: relative;}
.main-section .cost .info{position: absolute;top: -6px;font-size: 12px;font-weight: normal;}
.main-section .cost ul li{background-color: transparent;font-size: 12px;color: #fff;line-height: 16px;padding-bottom: 0px;}


.main-section .driver-otp h2{
    line-height: 22px;
}
.main-section .driver-otp p{
    margin-bottom: 8px;
    color: #fff;
    font-size: 12px;
}
.main-section .driver-otp h3{color: #fff;font-size: 14px;line-height: 20px;}
.main-section form.otp-send{border: 1px solid #5e5a5a;padding: 10px;border-radius: 12px;background: #fff;}
.main-section form.otp-send input{background-color: #a8a8a9;border: 0;height: 40px;font-size: 14px;}
.main-section form.otp-send .btn-primary{background-color: #6FD4FF;border: 0;font-size: 14px;}
.main-section form.otp-send small{border: 0;font-size: 12px;color: #ebb40e;}
.main-section .pick-date .form-control{width: 95%;font-size: 13px;}
.dashboard{background-color: #fff;min-height: 100%;height: 100%;}
.top_header{padding: 12px;position: fixed;max-width: 380px;background: #ff0505;z-index: 999;/* border-bottom: 1px solid #ddd; */color: #fff;}
.wallets{padding: 12px;background-color: #ff0505;padding-top: 100px;}
.wallets p{font-size: 12px;margin: 0;color: #fff;}
.wallets h4{font-size: 13px;margin-bottom: 5px;color: #fff;}
.wallets h3{font-size: 16px;font-weight: bold;color: #fff;}
.wallets img{width: 20px;position: relative;bottom: 8px;}
/* .dashboard .logo-icon img{width: 30px;} */
.top_header h3{font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.top_header h4{font-size: 13px;margin: 0;}
.top_header .menu-icon img{width: 24px;transition: all 0.3s ease-out;}
.top_header .menu-icon img:hover{ transform: scale(1.2, 1.2);}
.top_header .menu-icon img.togg{width: 40px;}
.top_header span{color: #000;}
/* .top_header .book-btn h2{font-size: 17px;}
.top_header .book-btn .btn-warning{font-size: 10px;background-color: #FF8645;} */
.orderss{padding: 12px;background: #f1f0f0;margin-bottom: 10px;}
.orderss h2{font-size: 14px;}
.orderss a{
    font-size: 10px;
    color: #0dcaf0;
    text-decoration: underline;
    }
.orderss .status{
    background-color: #fafbb6;
    /* background-image: linear-gradient(90deg, rgba(227, 7, 7, 0.22) 0%, rgba(255, 251, 0, 0.44) 100%); */
    border: 1px solid #2b2c2e42;
    padding: 11px;
    border-radius: 5px;
    width: 340px;
    flex-shrink: 0;
    /* height: 100px; */
    }
.orderss .status ul {padding: 0;margin-bottom: 0;text-align: left;}
.orderss .status ul li{list-style: none;display: inline-flex;font-size: 10px;border-right: 1px solid #000;padding: 0 12px;}
.orderss .status ul li:last-child{border-right: none;}
.orderss .status ul li p{margin: 0;}
.order-status {overflow-x: scroll;display: flex;/* width: 100%; */width: 2030px;/* height: 100px; */display: flex;overflow-x: scroll;overflow-y: hidden;padding: 0;}
.order-status .status{display: inline-flex;/* width: 100%; *//* width: 850px; */flex-shrink: 0;/* height: 100px; */}
.order-status img{width: 18px;}

.products{padding: 12px; /*min-height: 84vh;*/}
.products a{color: #212529;}
.products img{width: 60px;margin-bottom: 17px;box-shadow: 1px 2px 4px #413d3d;border-radius: 50%;transition: all 0.3s ease-out;}
.products img:hover{ transform: scale(1.2, 1.2);}
.products h5{font-size: 12px;}

.products .backgroundss {
    background: #fafbb6;
    padding: 9px;
}
.products .backgroundss h1{font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.driver-book {
    position: fixed;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 999;
}
.driver-book .d-inline-flex{background: #fafbb6;border-top: 1px solid #ddd;}
.driver-book h4{font-size: 12px;margin: 8px 0 0;color: #343a40;}
.driver-book img{width: 22px;transition: all 0.3s ease-out;}
.driver-book img:hover{ transform: scale(1.2, 1.2);}
.driver-book a:hover h4{color: #ff0505;}

.profile{padding: 12px;min-height: 100vh;}
.profile h3{font-size: 15px;font-weight: bold;}
.profile ul li{font-size: 12px;list-style-type: none;line-height: 24px;}
.profile ul {padding-left: 20px;}
.tick img{width: 65px;margin-bottom: 10px;}
.tick p{    font-size: 10px;margin: 0;}
.tick a{text-decoration: underline;color: #0dcaf0;font-size: 12px;}
.profile h2{font-size: 20px;margin: 0;}
.profile h1{font-size: 34px;
    font-weight: bold;
    margin: 0;}
.profile .uploadss a{font-size: 11px;text-decoration: underline;}  
.profile .uploadss .boxes {background-color: #ff0505;border: 0;color: #fff;padding: 12px 5px;min-height: 110px;border-radius: 10px;} 
.profile .uploadss .boxes p{font-size: 12px;margin: 0 0 4px;} 
.profile .uploadss .boxes h2{font-size: 16px;font-weight: bold;} 
.profile .uploadss .boxes a.orders1{font-size: 11px;font-weight: 500;text-decoration: underline;} 
.profile .uploadss .boxes a{text-decoration: none;} 
.profile .uploadss h4{font-size: 14px;margin: 0;} 


.profile .walletss .boxes {background-color: #8c25aa;border: 0;color: #fff;padding: 18px 0px;min-height: 110px;border-radius: 10px;} 
.profile .walletss .boxes1 {background-color: #257eaa;border: 0;color: #fff;padding: 18px 0px;min-height: 110px;border-radius: 10px;} 
.profile .walletss .boxes p, .profile .walletss .boxes1 p{font-size: 10px;margin: 0 0 16px;} 
.profile .walletss .boxes h2, .profile .walletss .boxes1 h2{font-size: 24px;font-weight: bold;} 

.profile .walletss .boxes a, .profile .walletss .boxes1 a{text-decoration: none;} 
.profile .walletss h4{font-size: 11px;margin: 0;} 
/* carousel */

.wraper{width:100%;/* height:100vh; */display:flex;align-items:center;padding: 0px 30px;/* background:#000; */} 
.owl-theme img{width:100%;min-height: 100px;box-shadow: 0px 0px 7px -1px #353333;}
.owl-carousel .owl-prev, .owl-carousel .owl-next{position:absolute; top:40%; transform:translateY(-50%); background-color:#fff !important; color:#000 !important; font-size:1.5em !important; width:40px; height:40px; border-radius:100% !important; font-weight:bold; padding:15px !important; text-align:center; box-shadow:0px 0px 10px 0px #000;}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover{box-shadow:0px 0px 0px 0px #000; background-color:red !important; color:#fff !important;}
.owl-carousel .owl-prev{left:-30px;}
.owl-carousel .owl-next{right:-30px;}
.owl-theme .owl-dots .owl-dot.active span{background:red !important; width:25px; transition:0.2s ease-in-out;}
.owl-theme .owl-dots .owl-dot:hover span{background:red !important; transition:0.2s ease-in-out;}
.owl-theme .owl-nav [class*=owl-]{display: none;}
 .owl-theme .owl-nav [class*=owl-]{display: none;}
 #img-gallery .owl-theme .owl-nav [class*=owl-]{display: block;}
 #img-gallery .owl-carousel .owl-item img {
    border-radius: 10px;
    width: 400px;
    min-height: 150px;
    margin: 0 auto;
}
.owl-carousel .owl-item img{    border-radius: 10px;}
/* Responsive design custom css */
@media only screen and (max-width:480px){
  .owl-theme .owl-dots .owl-dot{display:none;}
  .owl-carousel .owl-prev, .owl-carousel .owl-next{width:30px; height:30px; font-size:14px !important; top:45%; box-shadow:0px 0px 0px 0px #000;}
  .owl-carousel .owl-prev{left:0px;}
.owl-carousel .owl-next{right:0px;}
}
/* end */

/* file upload button css */
.file {
  /* position: relative; */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}

.file > input[type='file'] {
  display: none
}

.file > label {
  font-size: 11px;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 29%);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file > label:hover {
  border-color: hsl(0, 0%, 21%);
}

.file > label:active {
  background-color: hsl(0, 0%, 96%);
}

.file > label > i {
  padding-right: 5px;
}

.file--uploading > label {
  color: #000;
  border-color: #343a40;
  background: #d5edf1;
  font-weight: 500;
  min-height: 85px;
}

.file--uploading > label > i {
  animation: pulse 5s infinite;
}

.file--uploading > label:hover {
  border-color: hsl(48, 100%, 67%);
  background-color: hsl(48, 100%, 96%);
}

.file--uploading > label:active {
  background-color: hsl(48, 100%, 91%);
}

/* end */

.modal{
    text-align: center;
  }
  
.modal-dialog {
	display: flex;
	align-items: center;
	min-height: calc(100% - 0rem);
}

   #menu ul{padding: 0;}
   #menu ul li{list-style: none;text-align: left;/* margin-bottom: 14px; */border-bottom: 1px solid #ddd;line-height: 42px;}
   #menu ul li:hover{background-color: #fff; }
   #menu ul li:hover a{color: #cc1939;font-weight: 500;}
   #menu ul li a{color: #696363;font-size: 14px;font-weight: 500;}
   #menu ul li:last-child{border-bottom: 0;}
   #menu p{font-weight: bold;font-size: 14px;}
   #menu h2{font-weight: bold;font-size: 28px;}
   #menu button{    border-radius: 50%;
    padding: 0px 7px 0px;
    border: 0;}
#menu .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#menu .modal-header h4{font-size: 18px;}


   .dashboard .invoice h2{font-size: 17px;}
.dashboard .invoice a{color: #000;}
.dashboard .invoice h2 a{font-size: 10px;color: #6FD4FF;}
.dashboard .invoice .box-detail {background-color: #E1FFDE;color: #000;box-shadow: 0 1px 5px 2px #8e8282;border-radius: 10px;padding: 10px;}
.dashboard .invoice .box-detail p{font-size: 11px;margin: 0;}
.dashboard .invoice .box-detail h3{font-size: 15px;position: relative;}
.dashboard .invoice .box-detail h3 small.hr-detail{
    position: absolute;
    top: 9px;
    font-size: 9px;
}
.dashboard .invoice .box-detail h5{font-size: 12px;font-weight: bold;margin: 2px 0;}
.dashboard .invoice .box-detail a{color: #FF8645;font-size: 8px;}
.dashboard .invoice .box-detail h2.price{font-size: 22px;font-weight: bold;}
.dashboard .invoice .box-detail p.info-invoice{font-size: 8px;}
.dashboard .invoice .box-detail .user-otp p{font-size: 11px;font-weight: 500;}
.dashboard .invoice .box-detail .user-otp h1{font-size: 24px;font-weight: bold;color:#FF8645;}
.dashboard .invoice .box-detail .user-otp h3{font-size: 14px;font-weight: bold;margin: 0;}
.dashboard .invoice .box-detail .user-otp h2{font-size: 24px;font-weight: bold;position: relative;}
.dashboard .invoice .box-detail .user-otp h2 a small{position:absolute;font-size: 10px;top: 18px;color: #000;}

.dashboard .invoice .box-detail .driver-otps label{font-size: 12px;font-weight: bold;margin: 0;}
.dashboard .invoice .box-detail .driver-otps input{width: 50%;}

.chnge-btn .cost-btn {
    border-radius: 28px;
    border: 2px solid #ffc000;
    width: 127px;
    padding: 3px;
}
.chnge-btn .cost-btn .btn-warning{border-radius: 20px;font-size: 11px;}
.chnge-btn .cost-btn .btn-default{font-size: 11px;color: #fff;}

#menu .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}
#breakup-details h4.modal-title{font-size: 18px;}
#breakup-details ul{margin: 0;padding: 0;}
#breakup-details ul li{
    list-style: none;
    text-align: left;
    line-height: 32px;
    font-size: 15px;
    font-weight: 500;
    }

 #notify p{/* font-weight: bold; */font-size: 14px;}
#notify h2{font-size: 28px;}
#notify button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#notify .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#notify .modal-header h4{font-size: 18px;}
#notify .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}
#notify .modal-body .profiles{width: 35px;height: 35px;background-color: #addce5;border-radius: 50%;padding: 5px;}
#notify .modal-body img{width: 24px;}
#notify .modal-body h2{font-size: 14px;margin-bottom: 3px;}
#notify .modal-body p{font-size: 10px;color: #000;margin: 0;}
#notify .head-not span.left-45{left: 45px;}
#notify small{font-size: 8px;color: #393434;}
#notify a{font-size: 10px;text-decoration: underline;}


#edit_profile{background: #ebe7e7;padding: 20px 0 90px;}
#edit_profile label{font-size: 14px;}
#edit_profile h2{font-size: 16px;}
#edit_profile .btn{    padding: 5px 22px;}
#edit_profile .file > label {
  font-size: 11px;}
#edit_profile select.form-control{color: #21252982;}

#know_why p{/* font-weight: bold; */font-size: 14px;}
#know_why h2{font-weight: bold;font-size: 28px;}
#know_why button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#know_why .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#know_why .modal-header h4{font-size: 18px;}
#know_why .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}

#detailss p{/* font-weight: bold; */font-size: 14px;}
#detailss h2{font-weight: bold;font-size: 28px;}
#detailss button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#detailss .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#detailss .modal-header h4{font-size: 18px;}
#detailss .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}

#product_qty p{/* font-weight: bold; */font-size: 14px;}
#product_qty h2{font-weight: bold;font-size: 28px;}
#product_qty h4{font-weight: bold;font-size: 16px;}
#product_qty h5{font-size: 14px;}
#product_qty p{font-size: 14px;color: #504c4c;margin: 0;}
#product_qty button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#product_qty .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#product_qty .modal-header h4{font-size: 18px;}
#product_qty .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}
#product_qty .modal-content label{font-size: 14px;}
#product_qty .modal-content select.form-control{font-size: 14px;}
#product_qty .modal-content button#addtocart{
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 0;
    font-weight: bold;
    }



#category h2{font-weight: bold;font-size: 28px;}
#category button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#category .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#category .modal-header h4{font-size: 18px;}
#category .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}

#advance p{/* font-weight: bold; */font-size: 14px;}
#advance h2{font-weight: bold;font-size: 28px;}
#advance h3{font-weight: bold;font-size: 16px;}
#advance a{font-weight: bold;font-size: 20px;color: #000;}
#advance button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#advance .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#advance .modal-header h4{font-size: 18px;}
#advance .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}
#advance .modal-content .head-not p.paddd{margin: 0;}
#advance .modal-content h4{
    font-size: 16px;
}

#upload_video1 p,#upload_video2 p, #upload_video3 p {/* font-weight: bold; */font-size: 14px;}
#upload_video1 h2, #upload_video2 h2, #upload_video3 h2{font-weight: bold;font-size: 28px;}
#upload_video1 button, #upload_video2 button, #upload_video3 button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#upload_video1 .modal-header, #upload_video2 .modal-header, #upload_video3 .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#upload_video1 .modal-header h4, #upload_video2 .modal-header h4, #upload_video3 .modal-header h4{font-size: 18px;}
#upload_video1 .modal-content, #upload_video2 .modal-content, #upload_video3 .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}



#img-gallery h2{font-weight: bold;font-size: 28px;}
#img-gallery button{border-radius: 50%;padding: 0px 7px 0px;border: 0;}
#img-gallery .modal-header{padding: 6px 15px;border-bottom: 1px solid #ddd;}
#img-gallery .modal-header h4{font-size: 18px;}
#img-gallery .modal-content{width: 70%;margin: 0 auto;background: #fff;color: #000;}
/* search box css */
.sidebar {
  padding-left: 10em;
}

.search-area {
  display: inline-block;
  position: relative;
}

.search-area .pincode-dropdown {
  display: inline-block;
  position: relative;
  /* margin-bottom: 15px; */
  width: 100%;
}

.search-area .pincode-dropdown button {
  /* padding: 20px 25px; */
  border: 1px solid #fff;
  border-radius: 4px;
  font-weight: bold;
  text-transform: capitalize;
  width: 340px;
  cursor: pointer;
  text-align: left;
  background-color: #fff;
  font-size: 14px;
  color: #797979;
  font-weight: 500;
  position: relative;
  line-height: 4px;
}

.search-area .pincode-dropdown ul {
  display: none;
  position: absolute;
  background: #ffffff;
  list-style: none;
  /* border: 1px solid #f0f0f0; */
  line-height: 1em;
  top: 0px;
  left: 0px;
  -webkit-box-shadow: 0px 0px 3px 1px #ccc;
  box-shadow: 0px 0px 3px 1px #ccc;
  padding: 0;
  width: 341px;
  margin: 0;
  z-index: 1;
  max-height: 270px;
  overflow-y: auto;
}

.search-area .pincode-dropdown ul li {
  padding: 0.8em;
  cursor: pointer;
  -webkit-transition: all ease 250ms;
  transition: all ease 250ms;
}

.search-area .pincode-dropdown ul li:hover {
  background: #f0f0f0;
}

.search-area .pincode-dropdown ul li.searchInput {
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  background-color: #ffffff;
}

.search-area .pincode-dropdown ul li.searchInput input {
  width: 321px;
  border: 0px;
  border: 1px solid #958a8a;
  padding: 13px 17px;
}

.search-area .pincode-dropdown ul li.searchInput::before {
  content: "";
  position: absolute;
  background: url(../images/search.svg) no-repeat center;
  left: 15px;
  top: 13px;
  width: 25px;
  height: 25px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 99;
    color: #979090;
  }
  .searchbars{
    padding: 12px;
    background-color: #ff0505;
 /* padding-top: 100px; */
}
  .searchbars ul li img{width: 48px;border: 1px solid #ddd;}
  .searchbars ul li h2{font-size: 14px !important;}
  .searchbars ul li h3{font-size: 14px !important;;}
/* .sidebar-box {
  
  font-size: 15px;
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 10px;
}

.search-form-wrap {
  
  display: block;
}

.search-form {
  .form-group {
    position: relative;
    #s {
      padding-right: 50px;
      background: lighten(black, 97%);
      padding: 8px 15px;
      border: none;
      border-radius: 10px;
    }
  }
  
} */

/* end */


.product-list{padding: 12px;min-height: 90vh;}
.product-list ul{padding: 0;overflow-y: scroll;overflow-x: hidden;height: 370px;min-width: 70px;}
.product-list ul li{list-style: none;/* width: 55px; */background-color: #bfe7ef;text-align: center;margin-bottom: 10px;padding: 2px 0 0;border: 1px solid #b5afaf;border-radius: 10px;}
.product-list ul li img {width: 85%;border-radius: 10px;}
.product-list ul li p{font-size: 12px;margin: 0;}

.product-list .pro-detail h1{font-size: 14px;font-weight: bold;margin: 0;position: relative;}
.product-list .pro-detail a.trashh{position: absolute;top: 0px;right: 0;}
.product-list .pro-detail p{font-size: 10px;margin: 0 0 8px;}
.product-list .pro-detail small{font-size: 8px;}
.product-list .pro-detail h2{font-size: 17px;font-weight: bold;}
.product-list .pro-detail h4{font-weight: normal;
    color: #7c7676;
    font-size: 15px;}
.product-list .pro-detail button{font-size: 10px;padding: 4px 11px;}
.product-list .pro-detail h3{font-size: 20px;padding: 2px;}
.product-list .pro-detail .updates img{width: 75%;margin-top:-6px;}
.product-list .pro-detail .videoss img{width: 20px;}
.subtotal{
    position: fixed;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    top: 75%;
    z-index: 999;
    max-width: 26%;
    padding-top: 10px;
    margin: 0 auto;
    background: #fff;
    }
.subtotal  h3{font-size: 18px; color: #5c5959;}
.subtotal  h1{font-size: 18px;font-weight: bold;}

.category{background-color: #ffc107;padding: 6px;color: #000;}
.category h1{font-size: 16px;font-weight: 500;margin: 4px 0;}
.category img{width: 20px;}
.category a{color: #000;}


.accessories{padding: 12px;margin-bottom: 10px;}
.accessories .backgroundss{background: #fafbb6;padding: 9px;}
.accessories h1{font-size: 14px;font-weight: 500;margin: 0;}
.accessories .scroll-container{overflow-y: hidden;overflow-x: scroll;}
.accessories ul{
  display:inline-flex;             /*  Keep the element in one line */
  /* justify-content: space-between; */  /*  Not much effect */
  /* align-items: stretch; */            /*  Make them all the same height */
  flex-wrap: no-wrap;
  padding: 0;
  /* overflow-x: scroll; */
  /* width: 1630px; */
  margin: 0;
  }
.accessories ul li{list-style: none;display: inline-flex;padding: 0 15px 0 0;text-align: center;width: 97px;}
.accessories ul li img{width: 60px;
    margin-bottom: 17px;
    box-shadow: 1px 2px 4px #413d3d;
    border-radius: 50%;
    transition: all 0.3s ease-out;}
.accessories ul li img:hover{transform: scale(1.2, 1.2);}
.accessories ul li h5{font-size: 12px;color: #000;}


/* plus minus css */
.qty .count, .qty .count1 {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    padding: 0 0px;
    min-width: 40px;
    text-align: center;
}
.qty input {width: 2%;}
.qty .plus,.qty .plus1 {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    line-height: 20px;
    }
.qty .minus,.qty .minus1 {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 20px;
    height: 20px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    background-clip: padding-box;
}
div {
    text-align: center;
}
.minus:hover, .minus1:hover{
    background-color: #717fe0 !important;
}
.plus:hover, .plus1:hover{
    background-color: #717fe0 !important;
}
/*Prevent text selection*/

input{
    border: 0;
    /* width: 2%; */
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{
    background-color:white;
}
         
/* end */
.main nav .nav-item button.active {
  background-color: transparent;
  color: #000 !important;
}
.main .nav-pills .nav-link.active, .main .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #ff0505;
    color: #fff !important;
    font-size: 14px;
}
.main .nav-pills li{margin: 0 3px 0 3px;font-size: 14px;}
.nav-pills .nav-link{background: #fafbb6;color: #000;}
.main .nav .nav-item button.active::after {
  content: "";
  
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 5px 5px 0 0;
}
.main .nav-item img{width: 18px;}
.incentive{background-color: #e4fde5;padding: 12px;}
.incentive p{font-size: 12px;}
.incentives p{font-size: 12px;}
.incentives h4{font-size: 14px;font-weight: bold;}
.incentive h3{font-size: 18px;font-weight: bold;}
.incentive p span{font-size: 20px;font-weight: bold;}
.incentive button{font-size: 11px;}
.referral h2{font-size: 16px;font-weight: bold;}
.referral table td, .referral table th{font-size: 9px;}
.referral table td button{font-size: 8px;}
.referral table td a{border-bottom:1px solid #ddd;}



.main #pills-profile, .main #pills-contact{min-height: 100vh;}
.main #pills-profile .sends{line-height: 26px;}
.main .advance p{/* font-weight: bold; */font-size: 14px;}
.main .advance h2{font-weight: bold;font-size: 28px;}
.main .advance h3{font-weight: bold;font-size: 16px;}
.main .advance a{font-weight: bold;font-size: 20px;color: #000;}
.main .advance .head-not p.paddd {
    margin: 0;
}
.main .advance h4 {
    font-size: 16px;
}


.main1 nav .nav-item button.active {
  background-color: transparent;
  color: #000 !important;
}
.main1 .nav-pills .nav-link.active, .main1 .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #ff0505;
    color: #fff !important;
    font-size: 12px;
    padding: 6px;
}
.main1 .nav-pills li{margin: 0 2px 0 2px;font-size: 12px;}
.main1 .nav-pills .nav-link{background: #fafbb6;color: #000;padding: 6px;}

/* add to cart css */
html,
body {
  height: 100%;
  min-height: 100%;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* .page-wrapper {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
} */
 button {
  padding: 20px;
  border: none;
  background: #d5d8e7;
  position: relative;
  outline: none;
  border-radius: 5px;
  color: #292d48;
  font-size: 18px;
}
button .cart-item {
  position: absolute;
  height: 24px;
  width: 24px;
  top: -10px;
  right: -10px;
}
 button .cart-item:before {
  content: "1";
  display: block;
  line-height: 24px;
  height: 24px;
  width: 24px;
  font-size: 12px;
  font-weight: 600;
  background: #2bd156;
  color: white;
  border-radius: 20px;
  text-align: center;
}
 button.sendtocart .cart-item {
  display: block;
  animation: xAxis 1s forwards cubic-bezier(1, 0.44, 0.84, 0.165);
}
 button.sendtocart .cart-item:before {
  animation: yAxis 1s alternate forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cart {
  position: absolute;
  top: 28px;
  right: 70px;
  /* width: 50px; */
  /* height: 50px; */
  /* background: #292d48; */
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
  /* border-radius: 5px; */
}
.cart i {
  font-size: 25px;
  color: white;
}
.cart:before {
  content: attr(data-totalitems);
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: -12px;
  right: -12px;
  background: #2bd156;
  line-height: 24px;
  padding: 0 5px;
  height: 24px;
  min-width: 24px;
  color: white;
  text-align: center;
  border-radius: 24px;
}
.cart.shake {
  animation: shakeCart 0.4s ease-in-out forwards;
}

@keyframes xAxis {
  100% {
    transform:translateX(calc(105vw - 50px));
  }
}
@keyframes yAxis {
  100% {
    transform: translateY(calc(-55vh + 100px));
  }
}
@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
.menu-icon .noti{right: 17px !important;}
.select-wrapper {
  position: relative;
  display: inline-block;
}

.select-wrapper i {
  position: absolute;
  right: 28px;
  top: 68%;
  font-weight: bold;
  transform: translateY(-50%);
  pointer-events: none;
  color: #a9a9a9;
}
.mm .form-control{color: #fff;background-color: #000;}



.main1 #pills-home1 .orderss{padding: 12px;background: #f1f0f0;margin-bottom: 10px;}
.main1 #pills-home1 .orderss h2{font-size: 14px;}
.main1 #pills-home1 .orderss a{
    font-size: 9px;
    color: #000;
    text-decoration: underline;
    }
.main1 #pills-home1 .orderss .status{
    background-color: #fafbb6;
    /* background-image: linear-gradient(90deg, rgba(227, 7, 7, 0.22) 0%, rgba(255, 251, 0, 0.44) 100%); */
    border: 1px solid #2b2c2e42;
    /* padding: 11px; */
    border-radius: 5px;
    /* width: 340px; */
    flex-shrink: 0;
    /* height: 100px; */
    }
.main1 #pills-home1 .orderss .status ul {padding: 0;margin-bottom: 0;text-align: left;}
.main1 #pills-home1 .orderss .status ul li{list-style: none;display: inline-flex;font-size: 9px;border-right: 1px solid #000;padding: 0 7px;height: 50px;}
.main1 #pills-home1 .orderss .status ul li:last-child{border-right: none;}
.main1 #pills-home1 .orderss .status ul li p{margin: 4px 0px;}

.main1 #pills-home1 .order-status1 .status{display: inline-flex;/* width: 100%; *//* width: 850px; */flex-shrink: 0;height: 73px;padding: 2px;}
.main1 #pills-home1 .order-status1 img{width: 18px;}
.main1 #pills-home1 .order-status1 li .v-bill{
    position: relative;
    top: 15px;
    }
#pills-home1{min-height: 100vh;}
#pills-profile1{min-height: 100vh;}
#pills-contact1{min-height: 120vh;}


.main1 #pills-profile1 .orderss{padding: 12px;background: #f1f0f0;margin-bottom: 10px;}
.main1 #pills-profile1 .orderss h2{font-size: 14px;}
.main1 #pills-profile1 .orderss a{
    font-size: 9px;
    color: #000;
    text-decoration: underline;
    }
.main1 #pills-profile1 .orderss .status{
    background-color: #e4fde5;
    /* background-image: linear-gradient(90deg, rgba(227, 7, 7, 0.22) 0%, rgba(255, 251, 0, 0.44) 100%); */
    border: 1px solid #84878c42;
    /* padding: 11px; */
    border-radius: 5px;
    /* width: 340px; */
    flex-shrink: 0;
    /* height: 100px; */
    }
.main1 #pills-profile1 .orderss .status ul {padding: 0;margin-bottom: 0;text-align: left;}
.main1 #pills-profile1 .orderss .status ul li{list-style: none;display: inline-flex;font-size: 9px;border-right: 1px solid #000;padding: 0 7px;height: 50px;}
.main1 #pills-profile1 .orderss .status ul li:last-child{border-right: none;}
.main1 #pills-profile1 .orderss .status ul li p{margin: 4px 0px;}

.main1 #pills-profile1 .order-status1 .status{display: inline-flex;/* width: 100%; *//* width: 850px; */flex-shrink: 0;height: 73px;padding: 2px;}
.main1 #pills-profile1 .order-status1 img{width: 18px;}
.main1 #pills-profile1 .order-status1 li .v-bill{
    position: relative;
    top: 15px;
    }
.main1 #pills-contact1 h2{font-size: 14px;}
.main1 #pills-contact1 p{line-height: 17px;}
.main1 #pills-contact1 a{font-size: 14px;color: #000;}
.main1 #pills-contact1 input.form-control{background: #000;font-size: 11px;line-height: 24px;color: #fff;}
.main1 #pills-contact1 .btn-danger{
    padding: 5px  23px;
    background: #ff0505;
}
.main1 #pills-contact1 .btn-danger.rej{
    padding: 5px 10px;
}
.main1 #pills-contact1 h4{font-size: 12px;}
.main1 #pills-contact1 .replacement p{font-size: 12px;text-decoration: underline;color: #0d6efd;font-weight: 500;}

.login h3{font-size: 18px;font-weight: bold;}
.login input.form-control{background-color: #000;line-height: 32px;}
.login{    min-height: 100vh;padding-top: 270px;}
.login p{font-size: 18px;font-weight: bold;}
.login .replacement a{text-decoration: underline;}

.contact{min-height: 100vh;}
.contact h2{font-size: 20px;font-weight: 500;}
.contact ul li{list-style: none;line-height: 45px;}
.contact ul li a{font-size: 16px;color: #5b5858;}
.contact img{width: 32px;}
.contact h4{font-size: 17px;}
.contact h3{font-size: 24px;font-weight: bold;}


#dashboard h2{font-weight: bold;font-size: 28px;}
#dashboard .modal-content{width: 70%;margin: 0px auto;background: #fffffff2;color: #000;bottom: 43px;left: 7px;min-height: 90vh;}
#dashboard .modal-body{padding: 34px;}
#dashboard input.form-control {
    background-color: #000;
}
#dashboard label{margin-bottom: 6px;}
#dashboard ul li{list-style: none;font-size: 14px;line-height: 28px;}
#dashboard ul{padding: 0;}
#dashboard p{font-size: 14px;}

#dashboard1 h4{font-size: 14px;}
#dashboard1 h4{font-size: 18px;}
#dashboard1 img{width: 100px;}
#dashboard1 .modal-content{width: 70%;margin: 0px auto;background: #fffffff2;color: #000;bottom: 43px;left: 7px;min-height: 90vh;}
#dashboard1 .modal-body{padding: 34px;}



#pills-contact1 .uploadss  .file1 > input[type='file'] {
  display: none
}

#pills-contact1 .uploadss .file1 > label {
  font-size: 11px;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  /* border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186); */
  
}
#pills-contact1 .uploadss .file--uploading1 > label:hover {
    border-color: hsl(48, 100%, 67%);
    background-color: hsl(48, 100%, 96%);
}



#pills-contact1 .uploadss .file1 > label > i {
  padding-right: 5px;
}

#pills-contact1 .uploadss .file--uploading1 > label {
  color: #000;
  /* border-color: #343a40; */
  /* background: #d5edf1; */
  font-weight: 500;
  /* min-height: 85px; */
}

.goog-te-gadget .goog-te-combo{    padding: 6px;}


.subscriptions{padding: 12px;min-height: 100vh;}
.subscriptions .box{padding: 6px;position: relative;border: 1px solid #f5f4f4;}
.subscriptions .box a{color: #000;}
.subscriptions .box1{padding: 6px;}
.subscriptions .blue{background-color: #e1fff5;}
.subscriptions .light-pink{background-color: #f8e1fe;}
.subscriptions .pink{background-color: #ffe4e0;}
.subscriptions .white{background-color: #fff;}
.subscriptions h2{font-size: 17px;font-weight: bold;margin: 0;}
.subscriptions p{font-size: 13px;}
.subscriptions .price{background-color: #fff;padding: 5px;text-align: center;min-height: 65px;border-radius: 10px;border: 1px solid #ddd;}
.subscriptions .price p{font-size: 10px;margin: 0 0 7px;line-height: 12px;}
.subscriptions .price h5{font-size: 8px;margin: 0;}
.subscriptions .price  h5 img{width: 26px;}
.subscriptions .box .exclaim-icon i{position:absolute;top: 2px;right: 2px;}
.subscriptions .box button, .subscriptions .box button:active{background-color: #61af1e;padding: 3px;border: 1px solid #6cd10b;}
.subscriptions .box p{font-size: 9px;}
.subscriptions .box1 p{font-size: 9px;margin: 0;}
.subscriptions .blue-box{background-color: #ebffdc;padding: 12px;border-radius: 8px;}
.subscriptions .blue-box p{font-size: 11px;font-weight: 600;}

.checkout{padding: 12px;min-height: 120vh;background: #fffdf6;}
.checkout h1{font-size: 18px;font-weight: 500;margin: 0;}
.checkout .box{background-color: #fff;padding: 10px;box-shadow: 0 1px 7px 2px #ddd;}
.checkout .box h2{font-size: 14px; font-weight: 500;}
.checkout .box p{font-size: 12px;margin: 0;}
.checkout h2{font-size: 16px;margin: 0;}
.checkout h2 i{font-size: 28px;margin: 0 0 11px;}
.checkout h3{font-size: 14px;}
.checkout  h3.totalss{font-size: 18px;}
.checkout a{font-size: 14px;color: #0d6efd;text-decoration: underline;}
.checkout p{font-size: 12px;}
.checkout a.btn{color: #fff; text-decoration: none;font-size: 18px;}


.invoice{padding: 12px;min-height: 100vh;background: #fffdf6;}
.invoice h1{font-size: 18px;font-weight: bold;}
.invoice p{font-size: 12px;margin: 0;}
.invoice img{width: 35px;}
.invoice h4{font-size: 12px;text-transform: uppercase;}
.invoice h3{font-size: 14px;margin: 0;}
.invoice h5{font-size: 10px;margin: 0;}



.checkout-select{padding: 12px;min-height: 30vh; background: #fffdf6;}
.checkout-select .btn-default{border:1px solid #198754; color: #198754;}
.checkout-select ul li {width: 100%;margin-bottom: 10px;}
.checkout-select ul li span.f-norml{
    font-weight: normal;
    font-size: 14px;
}
.checkout-select ul li .btn-default{width: 100%;}

.checkout-select  .nav-pills .nav-link.active{background-color:#198754 ;}
/* end */
@media(max-width:640px){
    #menu .modal-content{width: 100%;margin: 0 auto;}
    #notify .modal-content{width: 100%;margin: 0 auto;}
    .dashboard ul li .local{width: 60px;padding: 5px;}
    .dashboard ul li .out{width: 60px;}
    .dashboard ul li .monthly{width: 60px;}
    .dashboard ul li .taxi{width: 60px;}
}
.search-area1{
	padding: 13px;
    border: 1px solid #fff;
    border-radius: 4px;
    width: 340px;
    cursor: pointer;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
    color: #797979;
    font-weight: 500;
    line-height: normal;
}
/* Wrapper */
.search-wrapper {
    position: relative;
    width: 100%;
    max-width: 400px;
}
/* Dropdown box */
#search_dropdown {
    position: absolute;
    top: 45px;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    padding: 10px 0;
    display: none;
    z-index: 9999;
}
/* Each item */
.search-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    gap: 10px;
}
/* Image */
.search-item img {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    object-fit: cover;
}
/* Text */
.search-text {
    flex: 1;
}
/* Product title */
.search-title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}
/* Price */
.search-price {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}
/* Hover */
.search-item:hover {
    background: #f7f7f7;
    cursor: pointer;
}
/* See all */
.search-footer {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    color: #555;
}