.search{
    --padding: 10px;

    width: max-content;
    display: flex;
    align-items: center;
    padding: var(--padding);
    border-radius: 28px;
    background: #F0F0F0;
    transition: box-shadow 0.25s;
}
.search:focus-within{
   box-shadow: 0 0 2px #ffcc00;
}

.search-input{
    font-size: 16px;
    font-family: sans-serif;
    color: blue;
    margin-left: var(--padding);
    outline: none;
    border: none;
    background: transparent;
    width: 150;

}

.search-input::placeholder{
    color: rgba(0, 0, 0, 0.25);

}

.search-icon{
    color: #ffcc00;
}
.btn{
    background: #ffcc00;
    border: 1px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}


.navbar .dropdown-menu {
  background: #17150dbd;
  outline: 0;
  border: 1px solid rgb(10, 2, 2);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Hover Effect */
.navbar .dropdown-menu:hover {
  background: rgba(255, 193, 7, 0.9); /* Changes to a golden/yellow shade */
  border-color: rgba(255, 255, 255, 0.8);
  transform: scale(1.02); /* Slightly enlarges the dropdown */
}

/* Individual Dropdown Items */
.navbar .dropdown-item {
  transition: all 0.3s ease-in-out;
}

/* Hover Effect for Items */
.navbar .dropdown-item:hover {
  background: rgba(255, 193, 7, 0.2); /* Subtle golden hover */
  color: #ffc107 !important; /* Bootstrap warning color */
  padding-left: 20px; /* Creates a slight sliding effect */
}

.footer{
    background: #101010;
    color:white;
    
    .links{
      ul {list-style-type: none;}
      li a{
        color: white;
        transition: color .2s;
        text-decoration: none;
        &:hover{
          text-decoration:none;
          color:#ffcc00;
          }
      }
    }  
    .about-company{
      i{font-size: 25px;}
      a{
        color:white;
        transition: color .2s;
        &:hover{color:#ffcc00}
      }
    } 
    .location{
      i{font-size: 18px;}
      a{
        color:white;
        transition: color .2s;
        &:hover{color:#ffcc00}
      }
    }
    .copyright p{border-top:1px solid rgba(255,255,255,.1);} 
  }

  .form-1{
    width: 60%;
  }
  .dropdown-item:hover {
    background-color: rgba(255, 193, 7, 0.2); /* Soft golden hover effect */
    color: #ffc107 !important; /* Bootstrap warning color */
    transition: all 0.3s ease-in-out;
}