/* Main styles */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

.hero-section {
    background-color: #f0f8ff;
    border-radius: 10px;
    margin-top: 20px;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card-img-top {
    object-fit: cover;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

footer {
    margin-top: 50px;
}

/* Custom button styles */
.btn-primary {
    background-color: #6c63ff;
    border-color: #6c63ff;
}

.btn-primary:hover {
    background-color: #52b1d6;
    border-color: #5a52d6;
}

.btn-outline-primary {
    color: #6c63ff;
    border-color: #6c63ff;
}

.btn-outline-primary:hover {
    background-color: #6c63ff;
    border-color: #6c63ff;
}

/* Form styles */
.form-control, .form-select {
    border-radius: 5px;
    padding: 10px;
}

/* Alert styles */
.alert {
    border-radius: 5px;
}

/* Table styles */
.table {
    border-radius: 5px;
    overflow: hidden;
}

.table th {
    background-color: #6c63ff;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-section .col-md-6 {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .hero-section img {
        max-width: 80%;
        margin: 0 auto;
    }
}

/* Mobile navigation enhancements */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #343a40;
        padding: 15px;
        margin-top: 10px;
        border-radius: 5px;
    }
    
    .navbar-nav {
        margin-top: 10px;
    }
    
    .dropdown-menu {
        position: static !important;
        transform: none !important;
        border: none;
        background-color: transparent;
    }
    
    .dropdown-item {
        color: rgba(255,255,255,.75);
        padding: 5px 15px;
    }
    
    .dropdown-item:hover {
        color: rgb(5, 5, 5);
        background-color: transparent;
    }
    
    .dropdown-divider {
        border-color: rgba(255,255,255,.1);
    }
} 
.nav-link {
        /* color: rgba(255, 255, 255, 0.85) !important; */
        font-weight: 500;
        transition: all 0.3s ease;
        border-radius: 4px;
    }
    
    .nav-link:hover {
        color: rgb(0, 0, 0) !important;
        background: rgba(255, 255, 255, 0.1);
    }
    
    .nav-link:hover span {
        transform: scaleX(1);
    }
    
    .btn-outline-light {
        border-color: rgba(255, 255, 255, 0.3);
        color: white;
        transition: all 0.3s ease;
    }
    
    .btn-outline-light:hover {
        background: #42e6a4;
        border-color: #42e6a4;
        color: #1a1a2e;
        transform: translateY(-2px);
    }
    
    .dropdown-item:hover {
        background: #6c40c9;
        color: rgb(0, 0, 0) !important;
        padding-left: 2rem !important;
    }
    
    @keyframes pulse {
        0% { box-shadow: 0 0 0 0 rgba(255, 107, 139, 0.7); }
        70% { box-shadow: 0 0 0 8px rgba(255, 107, 139, 0); }
        100% { box-shadow: 0 0 0 0 rgba(255, 107, 139, 0); }
    }

    .footer {
        background: linear-gradient(135deg, #1a1a1a 0%, #6c40c9 100%);
    }
    
    .footer-link {
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    .footer-link:hover {
        color: #ffc107 !important;
        padding-left: 5px;
    }
    
    .social-icons a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background-color: rgba(255,255,255,0.1);
        border-radius: 50%;
        transition: all 0.3s ease;
    }
    
    .social-icons a:hover {
        background-color: #ffc107;
        color: #000 !important;
        transform: translateY(-3px);
    }
    
    .contact-info i {
        width: 20px;
        text-align: center;
    }
    
    .newsletter .form-control {
        border: none;
    }
    
    .newsletter .btn {
        white-space: nowrap;
    }