.vendor-modal,
.location-modal,
.contact-seller-modal {
  background: rgba(0, 0, 0, 0.25);
}

.loation-modal-content,
.signIn-modal-content,
.signUp-modal-content,
.recovery-modal-content,
.vendor-modal-content,
.contact-seller-modal-content {
  border-radius: 0px;
}

.vendor-modal-content {
  margin-left: -3.6vw
}

/* modified in parent layout */
/* .vendor-modal-header {
  background-image: url("../img/vendor-bg.png");
  background-repeat: no-repeat;
  width: 900px;
  height: 172px;
  border-radius: 0px;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;

} */



.vendor-modal-body {
    padding-top: 0px;
  }
  
  .vendor-modal-content .btn-close {
    background-image: url("../img/white-close-btn.svg");
  }
  
  .loation-modal-header,
  .signIn-modal-header,
  .signUp-modal-header,
  .recovery-modal-header,
  .vendor-modal-header,
  .contact-seller-modal-header {
    border-bottom: 0px;
  }
  
  .location-modal-footer,
  .signIn-modal-footer,
  .signUp-modal-footer,
  .recovery-modal-footer,
  .vendor-modal-footer {
    border-top: 0px;
  }
  
  .shipping-deliver .modal,
  .signInUp-Modal .modal {
    --bs-modal-width: 703px;
  }
  
  .vendor-col .modal {
    --bs-modal-width: 900px;
  }
  
  .shipping-deliver .modal-body {
    padding: 0px 17px;
  }
  
  .signInUp-Modal .modal-body {
    padding: 0px 38px;
  }
  
  .shipping-deliver .modal-content,
  .signInUp-Modal .signIn-modal-content {
    height: 464px;
  }
  
  .signInUp-Modal .signUp-modal-content {
    height: 740px;
  }
  
  .signInUp-Modal .recovery-modal-content {
    height: 351px;
  }
  
  .shipping-deliver .modal-header,
  .signInUp-Modal .modal-header {
    display: block;
    margin: 15px 0px;
  }
  
  .shipping-deliver .modal-title {
    margin-top: 13px;
  }
  
  .signInUp-Modal .recovery-modal-title {
    margin-top: 0px;
  }
  

  .shipping-deliver .submit-btn,
.signInUp-Modal .submit-btn {
  background: #D6644A;
  padding: 15px;
  border-radius: 2rem;
  outline: none;
  border: none;
  color: white;
  font-size: 20px;
}

.vendor-pp {
  width: 200px;
  height: 200px;
  background-color: white;
  border-radius: 50%;
  margin-top: -92px;
}

.btn-three-vendor {
  padding: 8px 2px;
  width: 13rem;

}

.btn-three-vendor span {
  color: #f8f9fa;
  font-size: 15px;
}




.big-ring {
  max-width: 100px;
  max-height: 100px;
  border-radius: 50%;

}

.vendor-star {
  margin-top: -2rem;
}

.vondor-profile img {
  max-width: 149px;
  max-height: 149px;
}



.input-text-box {
  width: 100%;
  height: 49px;
  border-radius: 2.5px;
  text-align: left;
  padding-left: 8px;
  font-size: 17px;

}

textarea.input-message-box:focus {
  outline: 2px solid #fd7e14;
}

textarea:focus {
  outline: 1px solid rgb(0, 229, 255);
}

.input-message-box {
  height: 150px;
  width: 100%;
  border-radius: 2.5px;
  padding: 5px;
  font-size: 17px;

}

.form-check-input {
  margin-top: 0px;
  width: 2em;
  height: 2em;
}




/* mobile UI */
@media (max-width: 991px) {
  .modal {
    --bs-modal-width: 100% !important;
    --bs-modal-zindex: 500000;
    background-color: #fff;
  }


  .shipping-deliver .modal-content,
  .signInUp-Modal .signIn-modal-content,
  .signInUp-Modal .signUp-modal-content,
  .signInUp-Modal .recovery-modal-content,
  .contact-seller-modal .modal-content {
    height: 100vh;
    border: 0px;
  }



  .modal.show .modal-dialog {
    margin: 0px;
  }

  .shipping-deliver .modal-title,
  .signInUp-Modal .modal-title,
  .signInUp-Modal .recovery-modal-title {
    margin-top: 100px;
  }

  .signInUp-Modal .modal-body {
    padding: 0px 20px;
  }

  .vendor-col .modal {
    --bs-modal-width: 100%;
  }

  .vendor-modal-header {
    width: 100%;
    height: 129px;
  }

  .tabs-mobile {
    width: 30%;
  }

  .vendor-modal-content {
    margin-left: 0px;
    height: 100vh;
  }

  .vendor-modal .nav-pills>li {
    width: 100%;
    border-bottom: 1px solid white;
  }

  .nav-margin-vendor {
    flex-direction: column;
    margin: 0px;

  }

  .seller-description-span {
    font-size: 14px;
  }

  .nav-margin-content-vendor {
    overflow: hidden auto;
    height: 67vh;
  }

  .profile-info p {
    font-size: 14px;
  }

  .return-refund p {
    font-size: 14px;
  }

  .active-vendor {
    font-size: 12px;
    width: 64%;
    margin-top: -2rem;
  }


  .return-refund h3 {
    font-size: 15px;
  }

  .vondor-profile img {
    max-width: 83px;
    max-height: 83px;
  }

  .btn-three-vendor span {
    font-size: 13px;
  }

  .customer-pp img {
    width: 37.18px !important;
    height: 37.18px !important;
  }

  .vendor-pp {
    width: 110px;
    height: 110px;
    margin-top: -4rem;
  }

  .reviewer-name {
    font-size: 14px;
  }

  .review-date {
    font-size: 12px;
  }

  .review-details p {
    font-size: 14px;
  }

  .big-ring {
    max-width: 87px;
    max-height: 87px;
  }


  .delivery-info {
    font-size: 14px;
  }

}