.footer-clear {
    padding-bottom: 0;
    top: 15%;
}
    h2{
            text-align: center;
    margin-top: 20px;
    }
        .search {
  display: inline-block;
  position: relative;
   width: 100%;
}

.search input[type="text"] {
  width: 85%;
padding: 14px 10px;
  border: none;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.card {
    box-shadow: none;
    color: white;
}
.container{
        margin-top: 20px;

}
.search button[type="button"] {
     
    border: none;
    color: #fcd535;
    cursor: pointer;
    padding: 0px 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    right: 0px;
    transition: .9s ease;
    border-radius: 15px !important;
    height: 45px;
    font-size: 15px;
    font-weight: 600;
}

.search button[type="button"]:hover {

  color: black;
  background-color: white;
  
}

.hidden {
    display: none;
}
.form-label.form-border input, .form-label.form-border select, .form-label.form-border textarea {
    height: 45px !important;
    background-color: #0000002e;
    border-radius: 15px !important;
}
.form-border.form-icon i {
    margin-left: -3px;
}
      #messageContainer {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1900;
        padding: 10px;
        display: none;
        text-align: center;
        transition: opacity 0.5s;
        width: 80%;
    }
    #messageContainer.show {
        display: block;
        opacity: 1;
           z-index: 1900;
    }
    #messageContainer.hidden {
        opacity: 0;
    }
    .message {
        padding: 10px;
        border-radius: 20px;
    }
    .message.success {
        background-color: #4caf50;
        color: white;
            display: block;
    }
    .message.error {
        background-color: #f44336;
        color: white;
            display: block;
    }