.bg-blue{
    background-color: rgb(230, 249, 255) !important;
}

.shadow-none{
    box-shadow: none !important;
}

.text-title{
    color: #000a25 !important;
}

.text-black{
    color: #000000 !important;
}

.text-sec{
    color: #515151 !important;
}

.border-none{
    border: none !important;
}

.signin-img{
    width: 200px !important;
    height: auto !important;
    margin-bottom: 0px !important;
}

.signup-img{
    width: 200px !important;
    height: auto !important;
    margin-bottom: 0px !important;
}

.out-hr{
    height: 1px !important;
    color: #4A77F0 !important;
    background: #4A77F0 !important;
    font-size: 0 !important;
    border: 0 !important;
}

.eye{
    position: relative !important;
    top: -30px !important;
    right: -200px !important;
}

.select-div{
    margin-top: -10px !important;
}

#country {
    appearance: none; /* Remove native styling */
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #ffffff !important;
    color: #000 !important;
    font-size: 14px !important;

    padding: 10px 12px !important;
    height: 42px !important;
    width: 100%;
    border: none !important;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

#country:focus {
    outline: none !important;
    box-shadow: 0 4px 10px rgba(74, 119, 240, 0.15);
}

.custom-select {
    color: #B2B2B2; /* default color is placeholder */
}

.custom-select:valid {
    color: #000; /* change color when valid value is selected */
}

.signup-input{
    background-color: #ffffff !important;
    border: none !important;
    height: 40px !important;
    color: #000a25 !important;
    
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.signup-input::placeholder{
    color: #000 !important;
    font-size: 14px !important;
}

.signup-input:focus {
    border-color: #4A77F0;
    box-shadow: 0 4px 10px rgba(74, 119, 240, 0.15);
}