/* General body styling */
body {
    background-color: white; /* Set the background to white */
    color: #333; /* General text color */
}

/* Navbar customization */
.navbar {
    background-color: #fd7a2a; /* Orange background for navbar */
}

.navbar a {
    color: white !important; /* White text for navbar links */
}

.navbar a:hover {
    color: #FFC107 !important; /* Light orange for hovered links */
}

/* Footer customization */
.footer {
    background-color: #fd7a2a; /* Orange background for footer */
    color: white; /* White text in footer */
}

.footer a {
    color: #FFC107; /* Light orange links in footer */
}

.footer a:hover {
    color: white; /* White on hover */
}

/* Buttons customization */
.btn-success {
    background-color: #fd7a2a; /* Orange background for buttons */
    border-color: #fd7a2a; /* Orange border for buttons */
    color: white; /* White text */
}

.btn-success:hover {
    background-color: #FFC107; /* Light orange on hover */
    border-color: #FFC107; /* Light orange border on hover */
}

/* Gallery Filter Button */
.filter-button {
    background-color: #fd7a2a;
    color: white;
}

.filter-button:hover {
    background-color: #FFC107;
    color: white;
}

/* Section Headings */
h2, h3 {
    color: #fd7a2a; /* Orange for section headings */
}

/* Links */
a {
    color: #fd7a2a;
}

a:hover {
    color: #FFC107;
}

/* Update green overlay to orange */
.slider-overlay {
    background-color: rgba(255, 165, 0, 0.7); /* Change the RGB value to your desired orange color */
}

/* Update the icon colors */
.icon, .fa-heart, .fa-orthopaedic, .fa-neurologist {
    color: #FF8C00; /* Change this to your desired orange color */
}