body {
    font-family: 'Poppins', sans-serif;
}
#home-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100vh;
    padding: 0;
    position: relative;
    background: transparent;
}
#home-banner .container {
    min-width: 90%;
}
#home-banner .icon-home-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right;
    z-index: -2;
}
#home-banner .banner-fadeout {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: white;
    background: linear-gradient(90deg, white 0%, white 36%, rgba(255, 255, 255, 0) 82%);
}
#home-banner h1 {
    margin: 0;
    font-size: 3em;
    font-weight: 800;
}
#home-banner h1 span {
    font-size: 0.8em;
    font-weight: 700;
}
#home-banner p {
    color: #8493A4;
    font-size: 1.4em;
}
#home-banner h1 .custom-color {
    background: linear-gradient(90deg, #6caac8 0%, #4c84b4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}
#home-banner .form-container {
    width: 30%;
    margin: 2em 0;
}
#home-banner .form-container .custom-label {
    color: #6a7c8c;
    font-size: 12px;
}
#home-banner .form-container .form-control {
    border: none;
    outline: none;
    background-color: #f7fcff;
    /* background-color: #cba98b14; */
    border-radius: 7px;
    font-size: 12px;
    padding: 1em;
}
#home-banner .form-container input[type="date"] {
    font-size: 12px;
    color: #6a7c8c;
}
#home-banner .form-container .form-control:focus {
    border: none;
    box-shadow: none;
}
#home-banner .form-container .form-control::placeholder {
    color: #748484;
    font-size: 10PX;
}
#home-banner .submit-btn {
    width: 50%;
    background: linear-gradient(to right, #6caac8, #4c84b4);
    padding: 0.5em 1em;
    border-radius: 7px;
    border: none;
    font-weight: 500;
    font-size: 1em;
    transition: all 0.2s ease;
}
#home-banner .submit-btn:hover {
    background: #000;
}
#home-banner .logo-container {
    display: inline-block;
    padding: 0.5em;
}
#home-banner .logo-container {
    width: 250px;
}
#home-banner .logo-container img {
    width: 100%;
    object-fit: contain;
}
#home-banner .social-links {
    text-align: center;
    margin: 2em 0;
}
#home-banner .social-links .icon-container {
    margin: 0 1em;
    text-decoration: none;
    cursor: pointer;
}
#home-banner .social-links .icon-container i {
    background: linear-gradient(90deg, #6caac8 0%, #4c84b4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.2em;
}


 /* Style the highlighted date (Note: Browser-specific styling) */
 input[type="date"]::-webkit-calendar-picker-indicator {
   cursor: pointer;
 }
 .error{
    font-size: 12px;
    color: darkred;
 }