/* Custom Styling */
body {
    background-color: #F5F5F5;
    transition: background-color 0.3s, color 0.3s;
}

/* Navbar Brand Icon */
#logobrand {
    color: orange;
}

/* Hover Scale Animation styles */
.hover-scale:hover { transform: scale(1.05); transition: 0.3s ease; }

/* Footer link Effect */
.footer ul li a:hover{
    background-color: None;
    color: rgba(255, 255, 255, 0.5) !important;
}

.footer div a:hover{
    background-color: None;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Color for the help text in dark mode */
.dark-mode .form-control + small {
    color: #e0e0e0;
    /* Light color for dark mode */
}

.text-shadow-bchx {
    text-shadow: 2px 2px 5px black;
}

/* Section Services */