.bg-hero {
    background-image: linear-gradient(to right, rgba(0, 43, 85, 0.8), rgba(0, 43, 85, 0.8)), url('https://lh3.googleusercontent.com/aida-public/AB6AXuD7C434lm6CUuUFnaZWfzzauOjz2OKIEmkEvJBtBurCv9X8S8eiO11ZMy-wAB23FyVZzelf5XD2t6yZaT4pZCZRQRYVr97RKt1mQkivjuFnIbWvUg8SIGN15O_iWRXrlMXZvfQHQlTJlvA9HxX3wGURjBnBB32slzxEWxWhRLhdHr1OoiS0xg0ksADwIk2gXEZxHYre0vYTaMTFm9tahJi8u_YBgIdJlHzsOU2y0ycpCy2CqmKOFlJhzKFM9fMj2jdbWw');
    background-size: cover;
    background-position: center
    }
.text-primary {
    color: #002B55
    }
.bg-primary {
    background-color: #002B55
    }
.text-accent {
    color: #F60
    }
.bg-accent {
    background-color: #F60
    }

    /* Base styles for minimal border-bottom inputs */
        .input-minimal {
            background-color: transparent !important;
            border: none !important;
            border-bottom: 1px solid #555 !important;
            color: #f3f4f6 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            width: 100%;
        }
        .input-minimal:focus {
            border-bottom-color: #f3f4f6 !important;
            outline: none !important;
            ring: 0 !important;
        }
        .input-minimal::placeholder {
            color: #9ca3af;
        }

        /* Select specific minimal styling */
        .select-minimal {
            background-color: transparent !important;
            border: none !important;
            border-bottom: 1px solid #555 !important;
            color: #9ca3af !important;
            padding-left: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            width: 100%;
            background-image: none !important; /* Remove default tailwind arrow for custom styling */
        }
        .select-minimal:focus {
            border-bottom-color: #f3f4f6 !important;
            outline: none !important;
            ring: 0 !important;
        }

        /* Custom background pattern for header to simulate the waves slightly */
        .bg-wave-pattern {
            background-image: radial-gradient(circle at top right, rgba(255,255,255,0.05) 0%, transparent 50%),
                              radial-gradient(circle at bottom left, rgba(255,255,255,0.05) 0%, transparent 50%);
        }