/* Define custom pink color classes */
.text-pink {
    color: #E91E63 !important;
}
.bg-pink {
    background-color: #E91E63 !important;
}
.btn-pink {
    background-color: #E91E63 !important;
    color: white;
}
.text-blue {
    color: #00008B !important; /* Dark blue color */
}

.bg-blue {
    background-color: #00008b !important; /* Dark blue background */
    font-weight: bold;
}

.btn-blue {
    background-color: #00008B !important; /* Dark blue background */
    color: white; /* Text color */
    font-weight: bold;
}
.btn-blue:hover {
    background-color: #00008B !important; /* Dark blue background */
    color:  #E91E63; /* Text color */
}

/* Define custom gradient dark blue to pink color classes */
.bg-gradient-blue-pink {
    background: linear-gradient(to right, #00008B, #E91E63) !important; /* Dark blue to pink */
    color: white;
}

.btn-gradient-blue-pink {
    background: linear-gradient(to right, #00008B, #E91E63) !important; /* Dark blue to pink */
    border: none;
    color: white;
}

.text-gradient-blue-pink {
    background: linear-gradient(to right, #00008B, #E91E63); /* Dark blue to pink */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.shadow-glow {
    box-shadow: 
        -5px 5px 15px rgba(233, 30, 99, 0.75),  /* pink (left and bottom) */
        5px -5px 15px rgba(0, 0, 139, 0.75);    /* blue (top and right) */
}