/* Additional styles to ensure consistent background and readable text */

/* Ensure the particles container is fixed and covers the entire viewport */
.particles-container {
    position: fixed !important;
    width: 100% !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -10 !important;
}

/* Stronger background gradient for better text contrast */
#particles-js {
    background-color: #0a1018 !important;
    background-image: linear-gradient(30deg, rgba(0, 102, 204, 0.2), rgba(0, 0, 0, 0.95)) !important;
}

/* Force text colors to ensure readability */
body, html {
    background-color: #0a1018 !important;
    color: #ffffff !important;
}

/* Ensure content sections have proper background and contrast */
section, .blog-post-container, .job-listings, 
.pricing-section, .contact-section, 
.service-section, .featured-services-section, .process-section {
    background: rgba(13, 20, 30, 0.85) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(0, 102, 204, 0.2) !important;
    border-radius: 8px !important;
    margin: 15px 0 !important;
    padding: 25px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* Enhanced header styles for better visibility */
h1, h2, h3 {
    color: #ffffff !important;
    text-shadow: 0px 3px 10px rgba(0, 0, 0, 1) !important;
}

/* Enhanced paragraph styles for better readability */
p, li, .blog-post-meta, .contact-info li, .service-description {
    color: #e6e6e6 !important;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 1) !important;
}

/* Fix navigation and header appearance */
header, nav, .navbar {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0, 102, 204, 0.3) !important;
}

/* Fix footer appearance */
footer {
    background: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-top: 1px solid rgba(0, 102, 204, 0.3) !important;
}

/* Enhanced logo appearance */
.logo img, .footer-logo img {
    filter: drop-shadow(0 0 10px rgba(0, 102, 204, 0.9)) !important;
}

/* Special elements highlighting */
.btn.primary, .blog-category.active, .btn-primary {
    background-color: rgba(0, 102, 204, 0.8) !important;
    border: 1px solid rgba(0, 152, 254, 0.8) !important;
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.4) !important;
}

/* Card styling for consistency */
.card, .service-card, .blog-post-card {
    background: rgba(13, 20, 30, 0.9) !important;
    border: 1px solid rgba(0, 102, 204, 0.3) !important;
}

/* Fix for any embedded media */
.video-container, .image-container, img {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 102, 204, 0.2) !important;
}