body,html{
  /* background-color: #198754; */
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.main-container{
  width: 100% !important;
  min-height: 100vh;
  /* background-color: blue; */
  display: flex;
  flex-direction: column;;
  position: relative;
}
.nav-links a{
text-decoration: none !important;
color: rgb(33, 32, 32);
font-size: 15px;

}
.activelink{
  color: #dc3545 !important;
}

.icon-hover-primary:hover {
    border-color: #3b71ca !important;
    background-color: white !important;
  }
  
  .icon-hover-primary:hover i {
    color: #3b71ca !important;
  }
  .icon-hover-danger:hover {
    border-color: #dc4c64 !important;
    background-color: white !important;
  }
  
  .icon-hover-danger:hover i {
    color: #dc4c64 !important;
  }
  .custom-bg{

    background-color: white !important;
    width: 100% !important;
    margin-bottom: 10px;
    position: sticky !important;
    z-index: 2;
    top: 0;
    padding-right: 5vw;
    border-bottom: 4px solid rgb(183, 180, 180);
    height: auto;
    padding-top: 20px;
    padding-bottom: -10px !important;
  }
  .sign-in{
    font-size: 20px !important;
    margin-right: 10px !important;
  }
  .profile-icon{
    width: 1.6rem;
    height: 1.6rem;
    color: white !important;
    margin-left: 20px;
    margin-top: 4px;

    
  }
  .tittle{
    font-size: x-large;
    text-decoration: none;
    color: white !important;
  }
  .form-group {
    display: flex;
    flex-direction: column; /* Moves label below input */
    align-items: start;
}


.form-group label {
    font-size: 12px;  /* Smaller font size */
    color: #6c757d;  /* Bootstrap gray text color */
    margin-top: 4px; /* Space between input and label */
}
.custom-gap{
    margin-top: 8px;
    gap: 10px;
}
.custom-search, .custom-medical-serice, .custom-location, .custom-start-date, .custom-end-date, .custom-button {
    height: 35px; /* Adjust the height as needed */
    padding-top: 5px; /* Optional: adjust padding to better center text */
    padding-bottom: 5px; /* Optional */
}
.custom-start-date, .custom-end-date{
    margin-right: 10px !important;
   
}
.custom-search{
    width:40%;
}
.custom-medical-serice, .custom-location{
    width: 25%;
}
.custom-button{
    width: 10%;
    margin-left: 10px !important;
}
.extra-img{
    height: 160px;
    width:200px;
}


.text-white-50{
    color: white !important;
    text-decoration: none !important;
}
.text-white-50:hover{
    color: #198754 !important;
}
.footer {
  background-color: #343a40;
  color: white;
  padding: 20px 0;
}
.footer a {
  color: #f8f9fa;
  text-decoration: none;
  font-size: 14px;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .copyright {
  font-size: 14px;
  text-align: center;
}
@media screen and (min-width:320px) and (max-width:426px){
  .main-container{
    width: 100% !important;
  }
  .tittle{
    font-size: 16px;
  }
  .filter-form{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .package-container{
    display: flex;
    flex-wrap: wrap;
  }
}