@import url("../plugins/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("../plugins/animate.min.css");
@import url("../plugins/bootstrap.min.css");
@import url("../plugins/bootstrap-select.min.css");
@import url("../plugins/jquery-ui/jquery-ui.css");
@import url("../plugins/timePicker.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700|Source+Sans+Pro:400,600,700");
/* Import Google Fonts (You can add this in your HTML head section) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');



/* Top Header */

.main-header a:hover {
    text-decoration: underline;
}

.btn-light:hover {
    background-color: #f8f9fa !important;
    color: #28a745 !important;
}


/* Navbar */
.navbar-nav .nav-link {
    transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #FFEB3B !important; /* Yellow highlight effect */
}

.dropdown-menu {
    background: #4CAF50;
    border: none;
}

.dropdown-menu .dropdown-item {
    color: white;
    transition: background 0.3s ease;
}

.dropdown-menu .dropdown-item:hover {
    background: #2E7D32;
    color: #FFEB3B;
}


/* Floating buttons */
.floating-actions {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
}
.floating-btn {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
.call-btn {
    background-color: #28a745;
}
.call-btn:hover {
    background-color: #218838;
}
.appointment-btn {
    background-color: #17a2b8;
}
.appointment-btn:hover {
    background-color: #138496;
}
.floating-btn i {
    font-size: 18px;
    margin-right: 8px;
}
@media (max-width: 768px) {
    .appointment-btn {
        display: none !important;
    }
}