/* body {
  font-family: 'Lexend', sans-serif;
} */
html,
body {
  background: #efefef;
  font-family: 'Lexend', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: unset;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  text-rendering: auto;
  margin: 0;

}

* ::after,
*::before {
  text-decoration: none !important;
}

/* .navbar {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  } */
/* img {
  width: 100%;
} */
.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}




.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

p {
  font-size: 12px;
}

/* .cat-card {
  padding: 10px 8px 10px 8px;
  text-align: center;
  border: solid 1px #EEE;
  border-radius: 10px;
  box-shadow: inset gray 0px 0px 15px -12px;
} */
.cat-card {
  padding: 10px 8px 10px 8px;
  text-align: center;
  border: solid 1px #CDCDCD;
  border-radius: 5px;
  /* box-shadow: inset gray 0px 0px 15px -12px; */
}

.cat-card:hover {
  box-shadow: 0px 0px 3px 3px #CCCCCC50;
}

.cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px;
  margin: 0;
  background-color: #FFF;
  max-height: 80px;
}


.cat-crd-txt {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  padding: 5px 9px 9px 10px;
  height: 50px;
  letter-spacing: -.1px;
  color: #02013a;
}

.card-text {
  font-size: 14px;
}

ul {
  list-style: none;
  text-decoration: none;
  padding: 0;
}

li {
  text-decoration: none;
  padding: 0;
}

a {
  text-decoration: none;
}

.shop_bag {
  font-size: 25px;
  color: #000;
}

.dev3-1gygrqpnsm5c0 {
  box-shadow: 0px 1px 10px 0px #bebebe, 0px 2px 10px #ffffff;
  border-radius: 5px;
}

.section_wrapper {
  max-width: 1700px;
  margin: auto;
  width: 95%;
}

.adm-foot {
  max-width: 1700px;
  margin: auto;
  width: 100%;
  margin-bottom: 1% !important;
}

.btn-sign {
  width: 100%;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  background: #000;
  border: 1px solid #000;
  height: 45px;
}

.btn-sign:hover {
  width: 100%;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  background: #ddd2fb;
  border: 1px solid #ddd2fb;
  height: 45px;
}

.btn-sign-back,
.btn-sign-go {
  padding: 7px 35px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  background: #000;
  border: 1px solid #000;

}

.btn-sign-go {
  padding: 7px 35px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  background: #000;
  border: 1px solid #000;

}

.btn-sign-back:hover {
  padding: 7px 35px;
  border-radius: 10px;
  color: #000;
  font-size: 14px;
  background: #ddd2fb;
  border: 1px solid #ddd2fb;

}

.btn-sign-go:hover {
  padding: 7px 35px;
  border-radius: 10px;
  color: #000;
  font-size: 14px;
  background: #ddd2fb;
  border: 1px solid #ddd2fb;

}

.button:nth-of-type(2) {
  margin-left: auto;
}

.mt-8 {
  margin-top: 2rem !important;
}

.navbar-brand img {
  margin-left: 35px;
  margin-right: 15px;
}

.terms_text {
  font-size: 12px !important;
}

.navbar-toggler:visited,
.navbar-toggler:active {
  border: none !important;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  height: 80px;
  background: #fdfdfd;
}

/* .navbar .navbar-brand img {
  max-width: 100px;
} */

.navbar .navbar-nav .nav-link {
  color: #000;
}

.carousel_Next_Prev {
  display: flex;
  left: 7%;
  position: absolute;
  bottom: 10%;
}

.banner_btn button {
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
}

.banner_btn button i {
  rotate: 53deg;
}

.search-and-icons .form-select {
  width: 50%;
  border-radius: 10px;
  margin-right: 5px;
  border-color: #9b9b9b;
  /* margin-left: 10px; */
}



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

  .cat-card img {

    max-height: 50px;
  }

  .cat-crd-txt {
    font-size: 11px;
    margin: 0;
    padding: 0;
  }

}



@media screen and (max-width: 1024px) {
  .navbar {
    letter-spacing: 0;
  }

  .navbar .navbar-nav .nav-link {
    padding: 0.25em;
    font-size: 11px;
  }

  .search-and-icons {
    width: 50%;
  }

  .search-and-icons form {
    flex: 1;
  }

  .bd-highlight {
    padding: 1rem !important;
  }

  .service .product_cont h6 {
    font-size: 12px !important;
  }

  .shop .shop_cont h6 {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  /* .navbar .navbar-brand img {
    max-width: 5em;
  } */

  .navbar .navbar-collapse {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .search-and-icons {
    display: flex;
    align-items: baseline;
  }

}

/* .location input {} */


.search input {
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat 100%;
}

.search-and-icons span input {
  border-radius: 0;
  height: 38px;
  border-radius: 10px;
}

/* .search-and-icons form input {
    border-radius: 0;
    height: 2em;
    background: #fff
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
     
      border-radius: 10px;
  } */
.search-and-icons .formcls input:focus {
  background: #fff;
  box-shadow: none;
}

.search-and-icons .user-icons div {
  padding-right: 1em;
}

.contact-info p,
.contact-info a {
  font-size: 0.9em;
  padding-right: 1em;
  color: grey;
}

.contact-info a {
  padding-right: 0;
}



.modal-body h1 {
  font-weight: 900;
  font-size: 2.3em;
  text-transform: uppercase;
}

.modal-body a.pre-order-btn {
  color: #000;
  background-color: gold;
  border-radius: 1em;
  padding: 1em;
  display: block;
  margin: 2em auto;
  width: 50%;
  font-size: 1.25em;
  font-weight: 600;
}

.modal-body a.pre-order-btn:hover {
  background-color: #000;
  text-decoration: none;
  color: gold;
}

.icon_bg {
  padding: 10px;
  background-color: #E4DFEF;
  border-radius: 100%;
}

.form-control1 {
  padding: 2px;
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened #header a {
  display: none;
}

.mm-navbar--tabs span {
  display: inline-block;
  margin-inline-start: 8px;
}




.profile i,
.cart i {
  background: #FFF6EE;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 2.5;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #F3EBEB;
  color: #000000;
}

.user_cart {
  /* background: #ffffff; */
  width: 23%;
  padding: 20px;
}

/* banner */
.banner_cont {
  padding: 20px;
  margin-left: 80px;
}

.banner_cont h1 {
  margin-bottom: 30px;
}

.banner_cont p {
  font-size: 12px;
}

/*............. carousel................ */
.shop_now {
  background: linear-gradient(141deg, #000 42%, #FDC500 93%);
  padding: 10px 31px;
  color: #fff;
  margin-top: 20px;
  font-size: 12px;
}

.shop_now:hover {
  color: #ffffff;
}

.shop_now i {
  rotate: 53deg;
}

/*............... product.................. */
.product .circle_img {
  border: 1px solid #E3D7FE;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  background: #F2EFF7;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  overflow: hidden;
  margin: 0 auto;
}

.product .circle_img img {
  width: 60%;
  margin: 0 auto;
  display: table;
}

.product .product_cont h6 {
  font-size: 12px;
  margin-top: 10px;
}

.product_card_img img {
  width: 100%;
}

/*............... service.................. */
.service .circle_img {
  border: 1px solid #E3D7FE;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  /* background: #F2EFF7; */
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  overflow: hidden;
  margin: auto;
}

.service .circle_img img {
  width: 100%;
  margin: 0 auto;
  display: table;
}

.service .product_cont h6 {
  font-size: 12px;
  margin-top: 10px;
}

.shop .product_cont h6 {
  font-size: 12px;
  margin-top: 10px;
}


.service .product_cont p {
  font-size: 11px;
}

/*............... shops.................. */
.shop .circle_img {
  border: 1px solid #E3D7FE;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  /* background: #F2EFF7; */
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  overflow: hidden;
  margin: 0 auto;
}

.shop .circle_img img {
  width: 100%;
  margin: 0 auto;
  display: table;
}

.shop .shop_cont h6 {
  font-size: 14px;
  margin-top: 0.5rem;
}

.shop .shop_cont p {
  font-size: 11px;
}

/* ...........product card ...........*/
.product_card {
  position: relative;
  margin-bottom: 27px;
}

.product_card:hover {
  box-shadow: 0px 0px 3px 3px #CCCCCC50;
  cursor: pointer;
}

.product_card-footer {
  margin-bottom: -8px;
}

.product_card-footer:after,
.product_card-footer:before {
  content: '';
  display: table;
}

.product_card-footer:after {
  clear: both;
}

.product_card-footer .wcf-left {
  float: left;

}

.product_card-footer .wcf-right {
  float: right;
}

.price {
  font-size: 15px;
  font-weight: bold;
}

a.buy-btn {
  display: block;
  color: #212121;
  transition: all 0.2s ease-in-out;
}

a.buy-btn:hover,
a.buy-btn:active,
a.buy-btn:focus {
  color: #FDC500;
  text-decoration: none;
}

.product_name h6 {
  font-size: 14px;
}

.product_offer p {
  font-size: 12px;
  margin: 0;
}

.badge {
  position: absolute;
  left: 0;
  top: 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  background: red;
  color: #fff;
  padding: 3px 10px;
}

.cart_badge {
  position: absolute;
  right: 8%;
  top: 20px;
  font-weight: 700;
  background: #000;
  color: #fff;
  padding: 2px 8px;
  border-radius: 4px;
}

.exclusive_offer_heading p {
  background: #FDC500;
  width: fit-content;
  padding: 5px 15px;
  color: #fff;
}

.Bottom_banner {
  background-image: url(../img/banner.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 60px;
  height: 285px;
  border-radius: 20px;
}

.Bottom_banner_shop {
  background-image: url(../img/banner.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 60px;
  height: 285px;
  position: relative;
  margin-top: 300px;
  border-radius: 20px;
}

.Bottom_banner_shop img {
  position: absolute;
  right: 0;
  bottom: -20px;
}

.Bottom_banner_btn button {
  margin: 1px0 auto 0;
  display: table;
}

.banner_img img {
  width: 25%;
  left: 10%;
  position: relative;
}

/* ........footer ...........*/

.footer-section {
  background: #ffffff;
  position: relative;
}

.footer-content {
  border-top: 1px solid #000;
}

.footer-logo {
  margin-bottom: 30px;
}

.footer-logo img {
  max-width: 200px;
}

.login-logo {
  max-width: 200px;
  margin-bottom: 30px;
  margin-top: 60px;
}

.login-logo-verify {
  max-width: 200px;
  margin-bottom: 30px;
  margin-left: 70px;
  margin-top: 60px;
}

.footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
  color: #7e7e7e;
  line-height: 28px;
  padding: 0 50px 0 0;
}

.footer-social-icon i {
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
  font-size: 12px;
  margin-right: 5px;
}

.footer-widget a {
  font-size: 12px;
  color: #7e7e7e;
}

.footer-widget-heading h3 {
  font-size: 18px;
}

.footer-social-icon li {
  margin-bottom: 5px;
}

.copyright {
  background: #000;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
}

.copyright-text {
  margin-top: 12px;
  margin-left: 30px;
}

/* ...........login page css ....................*/
.login_banner_img {

  object-fit: cover;
  object-position: left;
  background-size: cover;
  height: 83vh;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  /* background-repeat:repeat; */

}

.add_bus_img {
  background-image: url(../img/1.png);
}

.banner_img_cont {
  width: 100%;
  margin: 0 auto;
  display: table;
  text-align: center;
  color: #fff;
}

.login_innerimage img {
  margin: 50px auto;
  display: table;
  width: 50%;
}

.login_logo img {
  margin: 0 auto;
  display: table;
}

.login_credentails {
  margin: 0 auto;
  display: table;
  width: 60%;
}

.login_credentails .form-control {
  font-size: 12px;
  border-radius: 23px;
  height: 45px;
  border: 1px solid #020202;
}

.loginform_btn button {
  width: 100%;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  background: #000;
  border: 1px solid #000;
  height: 45px;
}

/* .login_credentails form
{
  width: 23rem;
} */
.loginform_btn button:hover {
  background-color: #0f0f11ba;
  border-color: #0f0f11ba;
  color: #fff;
}

.form-control_modal {
  width: 45px;
  font-size: 12px;
  padding-left: 20px;
  height: 45px;
  border-radius: 25px;

  border: 1px solid #000;
}

/* verify OTP */
.verify_otp .form-control {
  width: 45px;
  height: 45px;
  margin-right: 15px;
  border: 1px solid #000;
}

textarea.form-control-llg {
  min-height: calc(4.5em + (1rem + 2px));
}

.verify_otp {
  width: auto;
  margin: 0 auto;
  display: table;
}

.sign_up .form-control,
.Reset_password .form-control {
  font-size: 12px;
  border-radius: 23px;
  height: 40px;
  border: 1px solid #41268e;
}

.sign_up,
.Reset_password {
  width: 60%;
  margin: 0 auto;
  display: table;
}

.sign_ups {
  width: 75%;
  margin: 0 auto;
  display: table;
}

.sign_ups {
  font-size: 12px;
  border-radius: 23px;
  height: 40px;
}

.sign_ups .form-control {
  font-size: 12px;
  border-radius: 23px;
  height: 40px;
  border: 1px solid #41268e;
}

.sign_up1,
.form-control {
  /* font-size: 12px; */
  border-radius: 23px;
  border-color: #9b9b9b;
  /* border: 1px solid #41268e; */
}

.sign_up1 {
  width: 70%;
  margin: 0 auto;
  display: table;
}

.report_pdt_image {
  width: 30%;
}

.report_pblm_list {
  font-size: 14px;
  margin-top: 10px;
}

.back_btn button {
  width: 100%;
  border-radius: 20px;
  color: #333;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #cac0e8;
  height: 45px;
}

.back_btn button:hover {
  color: #333;
  background: #a4b7e9;
  border: 1px solid #cac0e8;
}

.modal-body .form-control {
  width: 250px;
  /* width: 45px; */
  height: 45px;
  margin-right: 0px;
  /* margin-right: 15px; */
  border: 1px solid #000;
}

.modal-header {
  border-bottom: none !important;
}

.modal-body .btn-primary {
  width: 50% !important;
  margin: 10px auto 40px !important;
  display: table !important;
  background: #000 !important;
  border-radius: 20px !important;
  border: 1px solid #000 !important;
}

/* product listing page */
.arrival_img {
  padding: 100px 0 0 100px;
}

.arrival_img img {
  width: 60%;
}

.arrival-banner {
  background-color: #F2EFF7;
  border-radius: 30px;
  margin-bottom: 3rem;
}

.shop_banner {
  background-image: url('../img/shop_banner.png');
  border-radius: 30px;
  margin-bottom: 3rem;
}

.shop_banner img {
  width: 100%;
}

.veg_banner {
  background: url(../img/Saloon/banner1.png);
  border-radius: 30px;
  margin-bottom: 3rem;
  background-color: #F2EFF7;
}

.arrival_cont {
  padding: 10px 30px;
  top: 19%;
  position: relative;
}

.arrival_cont h1 {
  font-size: 3rem;
}

.arrival-banner h2 {
  color: #45484d;
}

.arrival_cont p {
  font-size: 15px;
  text-align: justify;
  margin: 20px 0;
}

.shop_arrow {
  rotate: 53deg;
}

.arrival_cont button i {
  rotate: 53deg;
}

.arrival_cont button {
  color: #fff;
  background-color: #232055;
  border-color: #232055;
  padding: 10px 30px
}

.arrival_cont button:hover {
  background-color: #232055;
  border-color: #232055;
}

/* ........filter listing ..............*/
.filter {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 20px;
}

#sidebar label {
  font-size: 12px;
}

.more p {
  border: 1px solid #ccc;
  width: fit-content;
  padding: 5px;
  margin: 10px auto;
}

#sidebar h6 {
  font-size: 12px;
}

.all_tags {
  align-items: center;
}

.tags {
  margin: 5px 0 0px 0;
  padding: 5px 0;
  overflow: hidden;
  width: 75%;
}

/* .tags a.link {
  padding: 4px;
  color: #24c9f6;
  display: block;
} */
.tags .tag {
  margin-right: 5px;
  background: #F2EFF7;
  padding: 0px 4px;
  border-radius: 20px;
}

.tags .tag a {
  display: block;
  float: left;
  padding: 2px 2px;
  font-size: 10px;
}

.tags .tag h4 {
  font-size: 11px;
  float: left;
  padding: 0;
  margin: 2px 0px
}

.tags li {
  float: left;
  display: inline-block;
}

.tag_link {
  background: #000;
  font-size: 12px;
  color: #fff;
  padding: 0px 8px;
  border-radius: 20px;
  height: 18px;
}

.tag_link:hover {
  color: #fff;
}

.color_circle {
  height: 10px;
  width: 10px;
  border: 1px solid #000;
  border-radius: 50%;
  float: right;
  margin: 4px 0;
}

.circle_bg_black {
  background: #000;
}

.circle_bg_blue {
  background: blue;
}

.circle_bg_white {
  background: #fff;
}

.circle_bg_pink {
  background: pink;
}

.circle_bg_yellow {
  background: yellow;
}

.colours label {
  width: 35%;
}

.control_filter {
  font-size: 12px;
}

.filter_head {
  text-transform: uppercase;
  margin-left: 13px;
}

input[type='checkbox'] {
  accent-color: #000;
}

/*.............. about page ..............*/
.about_banner img {
  width: 100%;
  border-radius: 20px;
}

.abt_cont p {
  font-size: 14px;
  line-height: 25px;
}

.about-details {
  border: 1px solid #E3D7FE;
  padding: 30px 20px;
  border-radius: 10px;
}

.about-details p {
  font-size: 12px;
  line-height: 25px;
}

.termspolicy p,
.privacy_policy p {
  line-height: 25px;
}

.wishlist_close {
  position: absolute;
  right: 8%;
  top: 20px;
  font-weight: 700;
  background: #adb5bd;
  color: #fff;
  padding: 3px 10px;
  border-radius: 50%;
}

.add-cart {
  background: #000;
  color: #fff;
  width: 100%;
  margin: 10px 0;
  border-radius: 10px;
  border: none;
}

.add-cart:active,
.add-cart:hover,
.add-cart:focus {
  border: none;
  color: #ffffff;
}

.wish_clear p {
  border: 1px solid #ccc;
  width: fit-content;
  padding: 1px 10px;
}

/* ............contact us page css............ */
.contact_left_side {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
}

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

.customer_care_phone li {
  font-size: 14px;
}

.customer_care_email ul {
  display: flex;
  justify-content: flex-start;
  margin-right: 5px;
}

.customer_care_email li {
  font-size: 14px;
  margin-right: 15px;
}

.contact_logo {
  margin: 10px auto;
  display: table;
  width: 40%;
}

.contact_logo img {
  width: 100%;
}

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

/*USE CSS for Slider*/

.vehicle-detail-banner .car-slider-desc {
  max-width: 180px;
  margin: 0 auto;
}

.banner-slider .slider.slider-for {
  max-width: 84%;
  padding-right: 35px;
}

.banner-slider .slider.slider-nav {
  max-width: 16%;
}

.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
  width: 100%;
  float: left;
}

.banner-slider .slider.slider-nav {
  height: 610px;
  overflow: hidden;
}

.slider-banner-image {
  height: 610px;
}

.banner-slider .slider.slider-nav {
  padding: 20px 0 0;
}

.slider-nav .slick-slide.thumbnail-image .thumbImg {
  max-width: 178px;
  height: 110px;
  margin: 0 auto;
  border: 1px solid #ebebeb;
}

.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
  border: 0;
  outline: 0;
}

.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
  border: 2px solid #196db6;
}

.slider-nav .slick-slide.slick-current span {
  color: #196db6;
}

.slider-nav .slick-slide {
  text-align: center;
}

.slider-nav .slick-slide span {
  font-size: 14px;
  display: block;
  padding: 5px 0 15px;
}

.slick-arrow {
  width: 100%;
  background-color: transparent;
  border: 0;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  height: 18px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
}

.slick-prev {
  top: 0;
}

.slick-next {
  bottom: 0;
  background-color: #fff;
}

.slick-prev.slick-arrow {
  background-image: url(../images/black-up-arrow.png);
}

.slick-next.slick-arrow {
  background-image: url(../images/black-down-arrow.png);
}

/*End USE CSS for Slider*/

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

  .banner-slider .slider.slider-for,
  .banner-slider .slider.slider-nav {
    max-width: 100%;
    float: none;
  }

  .banner-slider .slider.slider-for {
    padding-right: 0;
  }

  .banner-slider .slider.slider-nav {
    height: auto;
  }

  .slider-banner-image {
    height: 500px;
  }

  .slider.slider-nav.thumb-image {
    padding: 10px 30px 0;
  }

  .slider-nav .slick-slide span {
    padding: 5px 0;
  }

  .slick-arrow {
    padding: 0;
    width: 30px;
    height: 30px;
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }

  .slick-prev {
    left: 0;
    right: unset;
  }

  .slick-next {
    left: unset;
    right: 0;
    background-color: transparent;
  }

  .vehicle-detail-banner .car-slider-desc {
    max-width: 340px;
  }

  .bid-tag {
    padding: 10px 0 15px;
  }

  .slider.slider-nav.thumb-image {
    white-space: nowrap;
  }

  .thumbnail-image.slick-slide {
    padding: 0px 5px;
    min-width: 75px;
    display: inline-block;
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .slider-banner-image {
    height: 400px;
  }
  .nav-card{
    display: none !important;
  }

  .slider.slider-nav.thumb-image {
    padding: 0px 20px 0;
    margin: 10px 0px 0;
  }

  .slider-nav .slick-slide.thumbnail-image .thumbImg {
    max-width: 140px;
    height: 80px;
  }

  .slick-prev.slick-arrow {
    background-position: center 10px;
  }

  .slick-next.slick-arrow {
    background-position: center 10px, center;
  }

  .slider-nav .slick-slide span {
    font-size: 12px;
    white-space: normal;
  }
}

@media screen and (max-width: 580px) {
  .slider-banner-image {
    height: 340px;
  }
}

@media screen and (max-width: 480px) {
  .slider-banner-image {
    height: 280px;
  }
}

/* ......... shopping cart .........*/
.shopping-cart {
  padding-bottom: 50px;
  font-family: 'Montserrat', sans-serif;
}

/* 
.shopping-cart.dark{
	background-color: #f6f6f6;
} */

.shopping-cart .content {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  background-color: white;
}

.shopping-cart .block-heading {
  padding-top: 50px;
  margin-bottom: 40px;
  text-align: center;
}

.shopping-cart .block-heading p {
  text-align: center;
  max-width: 420px;
  margin: auto;
  opacity: 0.7;
}

.shopping-cart .dark .block-heading p {
  opacity: 0.8;
}

.shopping-cart .block-heading h1,
.shopping-cart .block-heading h2,
.shopping-cart .block-heading h3 {
  margin-bottom: 1.2rem;
  color: #3b99e0;
}

.shopping-cart .items {
  margin: auto;
}

.shopping-cart .items .product {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.shopping-cart .items .product .info {
  padding-top: 0px;
  text-align: center;
}

.shopping-cart .items .product .info .product-name {
  font-weight: 600;
}

.shopping-cart .items .product .info .product-name .product-info {
  font-size: 14px;
  margin-top: 15px;
}

.shopping-cart .items .product .info .product-name .product-info .value {
  font-weight: 400;
}

.shopping-cart .items .product .info .quantity .quantity-input {
  margin: auto;
  width: 80px;
}

.shopping-cart .items .product .info .price {
  margin-top: 15px;
  font-weight: bold;
  font-size: 22px;
}

.shopping-cart .summary {
  border-top: 2px solid #5ea4f3;
  background-color: #f7fbff;
  height: 100%;
  padding: 30px;
}

.shopping-cart .summary h3 {
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
}

.shopping-cart .summary .summary-item:not(:last-of-type) {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shopping-cart .summary .text {
  font-size: 1em;
  font-weight: 600;
}

.shopping-cart .summary .price {
  font-size: 1em;
  float: right;
}

.shopping-cart .summary button {
  margin-top: 20px;
}

.summary {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 3px #ccc;
}

.product p {
  margin-bottom: 0;
}

.product {
  /* border-bottom: 1px solid #ccc; */
  padding: 15px 0;
}

.cart_tb_head {
  /* background: #F2EFF7; */
  padding: 10px;
}

.cart_img {
  width: 100%;
  /* margin: 12px 0; */
}

.cart_pro_img {
  background: #F2EFF7;
  /* height: 75px; */
  width: 100%;
  padding: 10px;
}

.quantity-input {
  border-radius: 20px;
  width: 60%;
}

.checkout_btn {
  width: 100%;
  font-size: 15px;
  background: #000;
  border-color: #000;
}

.checkout_btn:hover,
.checkout_btn:active,
.checkout_btn:focus {
  background: #000;
  border-color: #000;
}

.cart_clear span {
  border: 1px solid #ccc;
  padding: 5px;
  margin-left: 15px;
}

.checkout form {
  border: 1px solid #000;
  border-radius: 20px;
  width: 95%;
}

@media (min-width: 768px) {
  .shopping-cart .items .product .info {
    padding-top: 25px;
    text-align: left;
  }

  .shopping-cart .items .product .info .price {
    font-weight: bold;
    font-size: 22px;
    top: 17px;
  }

  .shopping-cart .items .product .info .quantity {
    text-align: center;
  }

  .shopping-cart .items .product .info .quantity .quantity-input {
    padding: 4px 10px;
    text-align: center;
  }
}

.checkout_details {
  border: 1px solid #41268e;
  padding: 20px 30px;
  border-radius: 20px;
}

.Phone_checkout li {
  font-size: 12px;
}

.mail_checkout {
  margin-right: 10px;
  font-size: 12px;
}

.checkout_img {
  width: 100%;

}

.shop_det {
  font-size: 16px;
}

.tick {
  font-size: 70px;
  margin: 20px auto;
  display: table;
  color: #000;
}

.shop_success {
  margin: 20px auto;
  display: table;
  background: #000;
}

.order_success {
  margin: 30px 0;
}

/* #lightSlider li{}

.demo {
    width: 100%
}

#lightSlider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0
}

#lightSlider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}

#lightSlider img {
    display: block;
    height: auto;
    width: 100%
} */
.product-gallery {
  direction: ltr;
  height: 550px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: stretch;
  background-color: transparent;
}

.product-gallery .gallery-current {
  background-color: transparent;
  flex-grow: 1;
  border: 1px solid #a9a9a9;
  border-radius: 0px;
  overflow: hidden;
}

.product-gallery .gallery-current ul {
  position: relative;
  list-style: none;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: white;
}

.product-gallery .gallery-current ul li {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  opacity: 0.1;
}

.product-gallery .gallery-current ul li.displayed {
  opacity: 1;
  z-index: 1;
}

.product-gallery .gallery-current img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
}

.product-gallery .gallery-thumbs {
  background-color: transparent;
  flex: 0 0 30%;
  padding: 0;
  padding-right: 5px;
}

.product-gallery .gallery-thumbs>ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  background-color: transparent;
  overflow-y: auto;
  direction: rtl;
}

.product-gallery .gallery-thumbs>ul li {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.product-gallery .gallery-thumbs>ul li:last-of-type {
  margin-bottom: 0;
}

.product-gallery .gallery-thumbs>ul li img {
  display: block;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #a9a9a9;
  border-radius: 0px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.product-gallery .gallery-thumbs>ul li img.displayed {
  border-color: #7e7e7e;
  opacity: 1;
}

.product-gallery .gallery-thumbs>ul li img:hover {
  opacity: 1;
}

.product-gallery.thumbs-right {
  flex-direction: row-reverse;
}

.product-gallery.thumbs-right .gallery-thumbs {
  padding-right: 0;
  padding-left: 5px;
}

.product-gallery.thumbs-right .gallery-thumbs>ul {
  direction: ltr;
}

.pro_des_detail {
  border: 1px solid #000cc;
  padding: 20px;
  border-radius: 20px;
}

.offer {
  color: #000;
  font-size: 14px;
}

.size_chart li {
  background: #F2EFF7;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  text-align: center;
  line-height: 2.5;
}

.facilities li {
  background: #F2EFF7;
  width: auto;
  height: auto;
  padding: 0px 5px 0px 5px;
  margin-right: 10px;
  border-radius: 10%;
  text-align: center;
  line-height: 2.5;
  font-size: x-small;
  font-weight: bolder;
}

.btn_active {
  background: #000 !important;
  color: #fff !important;

}

.btns_product {
  font-size: 14px;
  /* color: white; */
  border: 1px solid #000;
  padding: 9px 30px;
  background: transparent;
  color: #000;
  width: 100%;
  margin-bottom: 10px;
}

.nav-tabs .nav-link {
  font-size: 13px;
}

.nav-tabs {
  border: 1px solid #000;
}

.tab_phone li {
  font-size: 12px;
}

.tab_email li {
  font-size: 12px;
}

.banner-bgz {
  background: url(../img/banner.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  position: relative;
}


/* Vue transition! */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}

.custom-err {
  font-size: 12px;
  padding-top: 5px 0px 2px 0px;
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 10px;
  color: #8B0000;
  letter-spacing: -.3px;
  text-shadow: .05em .05em #FFFFFF;
}

.profile-template {
  width: 80% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #F2EFF7;
  padding: 15px 0px 15px 15px;
}

.card-profile {
  margin-left: -10px;
  margin-right: 15px;
  border-radius: 0px !important;
  margin-top: -1px;
  padding: 0;
}

.div-bus-reg {
  background-color: #ffffff66;
  margin-top: 20px;
  padding-left: 0px;
}

.pngwing_icon {
  width: 2rem;
  height: 2rem;

}

.way_icon {
  width: 12rem;
  height: 14rem;
}

.busn-template {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #F2EFF7;
  padding: 10px 20px 5px 20px;
}

.bus-card {
  width: 100%;
  text-align: left;
  border-radius: 5px;
  border: solid 1px #DDD;
  padding: 0;

}

.bus-card-header {
  width: 100%;
  border-bottom: solid 1px #000;
  padding: 6px 15px 3px 15px;
  border-radius: 5px;
  background-color: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
}

.bus-card-content {
  width: 100%;
  padding: 23px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #FFF;
  font-weight: normal;
  font-size: 12px;
}

.round-btn {
  border: solid 1px transparent;
  width: 80px;
  height: 80px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  color: white;
  border-radius: 10px;
  margin: 10px;
  cursor: pointer
}

.bus-icnn {
  font-size: 20px;
  margin-top: 5px;
}

.bus-txtt {
  margin-top: 5px;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}

hr.sep-2 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #59d941, #f0f0f0);
  margin-top: 3px;
  margin-bottom: 3px;
}

hr.sep-prod {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #59d941, #f0f0f0);
  margin-top: 3px;
  margin-bottom: 3px;
}


hr.our-prod {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #59d941, #f0f0f0);
  margin-top: 3px;
  margin-bottom: 3px;
}

.top-bus-slct {
  font-size: 15px;
  border-radius: 5px !important;
  color: #000;
  border-color: #BBB !important;
  font-weight: bold;
}

.cont_title {
  font-weight: bold;

  display: inline-block;
  vertical-align: top;
}

.cont_cont {
  font-weight: normal;
  padding-left: 10px;
  color: #000000AA;
  font-size: 12px;

  display: inline-block;
}

.link-new-txt {
  font-size: 12px;
  background-color: transparent;
  padding: 0px 7px 0px 7px;
  border-radius: 2px;
  border: solid 1px #FFF;
  cursor: pointer;
  box-shadow: inset 1px 1px 7px 0px #FFFFFF;

}

.bimage-container {
  position: relative;
  width: 200px;
  height: 125px;
  overflow: hidden;
  display: inline-block;
  border: transparent 2px;
  border-radius: 8px;
  margin-inline-end: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.bimage-container-for-edit {
  position: relative;
  width: 120px;
  height: 80px;
  overflow: hidden;
  display: inline-block;
  border: transparent 2px;
  border-radius: 0px;
  margin-inline-end: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.bimage-container-for-edit img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.bimage-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.im-actions {
  position: absolute;
  padding: 5px 10px 5px 12px;
  z-index: 999900;
  font-size: 12px;
  font-weight: bold;
  display: none;
  background-color: #00000099;
  color: #fff;
  width: 100%;
}

.bimage-container:hover .im-actions {
  display: block;
  z-index: 999900;
}

.vs__search {
  font-size: 12px !important;
}

.min-heigt {
  min-height: 200px;
}

.shade-modal {
  box-shadow: 8px 8px 16px 0px #888888;
}


.dropdown-item {
  font-size: 13px;
}

.vgt-cont {
  border: none !important;
}

.bus-sec {
  margin-top: 10px;
}

.top-bar-lnk {
  font-weight: bold;
  font-size: 15px;
}

.show-mob-btn {
  padding: 2px 10px;
  font-size: smaller;
}

.b-img {
  display: inline;
  width: 215px;
  height: 210px;
  object-fit: cover;
  vertical-align: top;
}

.bus-headg {
  font-weight: 500;
}

.bus-conts {
  font-size: smaller;
}

hr.sep-b {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #EEEEEE, #999999, #999999, #EEEEEE);
  margin-top: 12px;
  margin-bottom: 12px;
}

hr.sep-b-head {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #EEEEEE, #999999, #999999, #EEEEEE);
  margin-top: 5px;
  margin-bottom: 5px;
}

.bimage-container-2 {
  position: relative;
  width: 200px;
  height: 125px;
  overflow: hidden;
  display: inline-block;
  border: transparent 2px;
  border-radius: 8px;
  margin-inline-end: 10px;
  margin-top: 4px;
  cursor: pointer;
}

.bimage-container-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.bus-card-content-2 {
  width: 100%;
  padding-right: 23px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #FFF;
  font-weight: normal;
  font-size: 12px;
}

.bd-card {
  border-color: #00000044 !important;
  border-radius: 10px;
}

.eplore-more-card-bg {
  background-color: #000000AA;
}

.bus-linkz {
  font-size: normal;
}

.bus-lst {
  box-shadow: inset gray 0px 0px 15px -12px;
}

.bus-det-shad {
  box-shadow: inset gray 0px 0px 15px -12px;
}

.btncateg {
  font-size: smaller;
  padding: 2px 5px 2px 5px;
  background-color: #DDDDDD88;
}

.btnbrochure {
  font-size: x-small;
  padding: 1px 5px 0px 5px;
  background-color: #1f976a88;
}


@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.07, 1.07);
  }

  100% {
    transform: scale(1, 1);
  }
}

.zoom-anim {
  animation: zoom-in-zoom-out 1s ease 6;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1.2);
  }

  75% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.zoom-text {
  display: inline-block;
  animation: zoomInOut 1s ease-in-out;
}

/* Business timing (Add & Update) --start*/
.days_time_btn {
  width: 100%;
  border-radius: 2px;
  color: #000000;
  font-size: 10px;
  background: #d6d4d4;
  border: none;
  height: 28px;
}

.grouping_div {
  width: auto;
}

.add_time_btn {
  width: auto;
  border-radius: 2px;
  color: #ffffff;
  font-size: 10px;
  background: #d6d4d4;
  border: 1px solid #d6d4d4;
  height: 28px;
  border: none;
  border-radius: 0px;
}

.add_time_btn:hover {
  background: #b9b9b9;
}

.addTime-text {
  font-size: 12px;
  margin-top: 0px;
}

.day-text {
  font-size: 14px;
  margin-top: -4px;
  min-width: 100px;
}

.next-button {
  position: relative;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #fff;
  text-align: center;
  border: none;
  background-color: #2399e5;
  display: inline-block;
  height: 28px;
  line-height: 2px;
  padding: 0 0rem;
  padding-top: 10px;
}

.next-button::after {
  position: absolute;
  content: "";
  top: 0;
  right: -36px;
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 18px solid #d6d4d4;
  border-right: 18px solid transparent;
}

.time-modal-title {
  font-size: 15px;
}

.time-remove {
  color: red;
  font-size: large;
  margin-bottom: -3px;
  cursor: pointer;
}

.avialable_times {
  margin-bottom: 10px;
  font-size: small;
  padding-left: 18px;
  float: left;
}
.btn_group .add{
  border: #0077B5 solid 1px;
}
.btn_group .twenty_four{
  border: #21a065 solid 1px;
}
.btn_group .closed{
  border: red solid 1px;
}

.continue_btn button {
  width: 10%;
  margin-left: 0px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  background: #000;
  border: 1px solid #000;
  height: 35px;
}

/* Business timing (Add & Update) --end*/

.starrating {
  margin-top: -10px;
}

.starrating .vue-star-rating-rating-text {
  margin-top: 7px;
  font-size: small;
}

.text-supplier {
  font-size: 16px;
  color: #8B0000 !important;
}

.web_logo {
  margin-top: -10px !important;
}

.txt-dist {
  font-size: small;
}

.dist-slider {
  vertical-align: top;
  margin: 2px 5px -10px 8px;
}

.card-prod-txt {
  white-space: nowrap;
  /* Prevent text from wrapping initially */
  overflow: hidden;
  /* Hide any overflow text */
  text-overflow: ellipsis;
  /* Add ellipsis (...) for overflow text */
  transition: all 0.3s ease;
  /* Smooth transition */
}

.card-prod-txt:hover {
  white-space: normal;
  /* Allow text to wrap */
  overflow: visible;
  /* Show overflow text */
}

.prod-brnd {
  font-size: small;
  margin-top: -5px;
  margin-bottom: 7px;
}

.custom-text-inp {
  border: solid 1px #ced4da;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: small;
  margin: 0;
}

.custom-text-inp:focus {
  color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .20rem rgba(13, 110, 253, .25)
}

.tx-green {
  color: #63BD0F;
}

.tx-orange {
  color: orange;
}

.tx-yellow {
  color: yellow;
}

.tx-finger-tip {
  color: #000;
  text-shadow: 1px 1px 5px #ffffff;
}

.extra_label {
  font-size: 12px;
  font-weight: 410;
  ;

}

.call-seller {
  background: #F2EFF7;
  margin-top: 10px;
  border-radius: 10%;
}

.banner-size {
  width: 100%;
  height: 240px;
  border-radius: 10px;
  /* width: 838px;
    height: 240px; */
  /* object-fit: contain; */
}

.software-banner-size {
  width: 100%;
  height: 240px;
  /* width: 438px;
    height: 240px; */
}

.our-app {
  width: 100%;
  height: 100%;
}

.our-app-img {
  height: 100%;
  width: 100%;

}

.ext-sw-card {
  background-color: rgb(233, 233, 233);
}

.sm-gallery {
  display: none;
}

.sm-gallery-bsn {
  display: none;
}

/* New side menu css --start */


.sidebar {
  direction: ltr;
  max-width: 260px;
  min-width: 260px !important
}

.sidebar,
.sidebar-content {
  background: #000000;
  transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out
}

.sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100vh
}

.sidebar-nav {
  flex-grow: 1;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.sidebar-link,
a.sidebar-link {
  background: #222e3c;
  border-left: 3px solid transparent;
  color: rgba(233, 236, 239, .5);
  cursor: pointer;
  display: block;
  font-weight: 400;
  padding: .625rem 1.625rem;
  position: relative;
  text-decoration: none;
  transition: background .1s ease-in-out
}

.sidebar-link i,
.sidebar-link svg,
a.sidebar-link i,
a.sidebar-link svg {
  color: rgba(233, 236, 239, .5);
  margin-right: .75rem
}

.sidebar-link:focus {
  outline: 0
}

.sidebar-link:hover {
  background: #222e3c;
  border-left-color: transparent
}

.sidebar-link:hover,
.sidebar-link:hover i,
.sidebar-link:hover svg {
  color: rgba(233, 236, 239, .75)
}

.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active>.sidebar-link {
  background: linear-gradient(90deg, rgba(59, 125, 221, .1), rgba(59, 125, 221, .088) 50%, transparent);
  border-left-color: #3b7ddd;
  color: #e9ecef
}

.sidebar-item.active .sidebar-link:hover i,
.sidebar-item.active .sidebar-link:hover svg,
.sidebar-item.active>.sidebar-link i,
.sidebar-item.active>.sidebar-link svg {
  color: #e9ecef
}

.sidebar-brand {
  color: #f8f9fa;
  display: block;
  font-size: 1.15rem;
  font-weight: 600;
  padding: 1.15rem 1.5rem
}

.sidebar-brand:hover {
  color: #f8f9fa;
  text-decoration: none
}

.sidebar-brand:focus {
  outline: 0
}

.sidebar-toggle {
  cursor: pointer;
  display: flex;
  height: 26px;
  width: 26px
}

.sidebar.collapsed {
  margin-left: -260px
}

@media(min-width:1px)and (max-width:991.98px) {
  .sidebar {
    margin-left: -260px
  }

  .sidebar.collapsed {
    margin-left: 0
  }
}

.sidebar-toggle {
  margin-right: 1rem
}



.sidebar-badge {
  position: absolute;
  right: 15px;
  top: 14px;
  z-index: 1
}

.sidebar-cta-content {
  background: #2b3947;
  border-radius: .3rem;
  color: #e9ecef;
  margin: 1.75rem;
  padding: 1.5rem
}

.wrapper-main {
  align-items: stretch;
  background: #ffffff;
  display: flex;
  width: 100%
}

.main {
  background: #ffffff;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 0;
  overflow: hidden;
  transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
  width: 100%;
  height: auto;
}

/* New side menu css --end */

.dets-card-header {
  padding-top: 9px !important;
  padding-left: 15px !important;
  border-radius: 4px !important;
}

/* Provider section --start */

/* Dashboard --start */
.prvdr-template {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #f5eff3;
  padding: 10px 20px 5px 20px;
  min-height: 600px !important;
}

.prvdr-border {
  border-radius: 6px;
  border: 1px solid #ccc
}

.department {
  font-size: 14px;
}

.dasbrd-title {
  color: orange;
}

.dasbrd-card .card-body {
  padding-block: 1.5rem;
}

.dasbrd-card .card-body p {
  font-size: 13px;
  color: rgb(56, 56, 141);
}

/* Dashboard --end */

/* Provider section --end */

/* nav Card */
.nav-card {
  width: 98%;
  border: 1px solid #ababab !important;  
  margin: 20px;
  /* padding: 10px; */
}
.nav-address, .nav-busn-head{
  padding-inline: 3.5rem;
}
.nav-address hr, .nav-busn-head hr{
  height: 1.5px;
  color: black;
}
.bus-dets-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 15px; */
  padding: 10px;
}

.bus-dets-home {
  padding: 10px 20px; 
  /* background-color: #f5f5f5; */
  /* border: 1px solid #ddd; */
  font-size: small;
  border-radius: 5px; /* Optional: rounded corners */
  text-align: center; /* Center the text inside the item */
  cursor: pointer; 
  color: black !important;
}

.bus-dets-home:hover {
  color: green;
}
.menu-bar{
  justify-content: space-around !important;
}
.side_logo{
  width: 60%;
}
.corner-icon {
  background: #ffffff;
  /* width: 100%; */
  padding: 20px;
}
.icon-row i{
  color: #000000 !important;
  cursor: pointer;
}

.business_logo {
  width: 100px;
  height: auto;
  object-fit: cover;
}

/* nav Card */

.price-div{
  font-size: small;
  padding: 0px 0px;
  margin: 0px 12px !important;
  
}
.busn-logo{
  width: 100%;
}

.cart-item .action-btn button{
   /* border: 1px solid; */
   margin-right: 5px;
   font-size: small;
   background-color: #F2EFF7;
}
.order-palace {
  /* border: 1px solid; */
  margin-right: 15px;
  font-size: small;
  background-color: #F2EFF7;
  width: 65.5%;
}
.order-palace button{
  background-color: red;
  color: white;
  font-size: small;
}

.order-place-wrapp{
  padding-inline: 15rem;
}
.payment-structure{
  /* padding-inline: 20rem; */
  background-color: #faf0f0aa;
  height: auto;
  padding: 1rem;
}
.order-summary-action button{
  font-size: small;
  padding: 4px;
  padding-inline: 18px;
}
.order-confirm .product-name{
  font-size: medium;
  font-weight: 500;
}
.order-confirm .price-hr{
  margin-top: 0px;
  opacity: 1;
}
.tax-not-include{
  font-size: 10px;
}
.empty-cart{
  width: 40%;
}
.fingrtip-text{
  /* font-size: 12px; */
  color: #000;
  text-shadow: 1px 1px 5px #ffffff;
}
.yellow-page-text{
color: #FFA500;
}

.rejection-reason-card{
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.rejection-reason-card textarea{
  width: 100%;
}
.adm-timing-view{
  font-size: small;
}
.business-actions{
  /* border-radius: 10px;
  background: white !important;
  min-height: 220px; */
  padding: 15px !important;
}
.business-actions .activation{
  border-radius: 10px;
  /* background: white !important; */
  /* min-height: 50px; */
  padding: 10px;
  padding-bottom: 0px;
}
.business-actions .activation p{
  padding: 6px;
  padding-inline: 15px;
  border-radius: 6px;
  color: white;
}
.business-actions .activation .bg-info{
 background: #5D87FF !important;
}
.business-actions .busn-summary{
  border-radius: 10px;
  /* background: white !important; */
   min-height: 50px;
   padding: 10px;
}
.busn-summary p{
  background: white;
  padding: 10px;
  padding-inline: 9px;
  margin: 5px;
}
.main-header .smal-menu hr{
  height: 3px;
  color: #0D6EFD;

}
.get-link-adm{
  background: #5D87FF !important;
  border-radius: 5px !important;
  color: white !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-inline: 20px;
}
.socials .twitter {
  color: #1da1f2;
}

.socials .facebook {
  color: #1877F2;
}

.socials .linkedin {
  color: #0077B5;
}

.socials .website {
  color: #1c7441;
}
.social-img{
  width: 100%;
  margin-bottom: 8px;
}
.row-hover {
  background-color: blue;
  color: white; /* Optional: Change text color for better visibility */
}
.navbar-collapse .bus-dets-menu .nav-link{
  color: #000 !important;
}
.busn-reg-custom-popup {
  position: absolute;
  top: 21%;
  left: 71.5%;
  transform: translateX(-50%);
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 5px;
  z-index: 9999;
  /* overflow: visible; */
  width: 26%;
  /* height: 300px; */
}
.busn-reg-custom-popup input {
  width: 100%;
}

.busn-reg-custom-popup button {
  width: 100%;
}
.footer-section {
  min-height: 150px !important; 
}