/* Header Section */
#header-text-img .bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg-34.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}

/* Navigation */
#nav-logo-menu-btn .bg-wrap {
    background-color: #0a2540;  /* Deep navy */
}

/* Benefits Section */
#benefits-3col-8 .bg-wrap {
    background-color: #f8f9fa;  /* Light gray */
}

/* Accordion Section */
#desc-accordion .bg-wrap {
    background-color: #ffffff;  /* White */
}

/* Contact Form Section */
#contact-form-halfbg .bg-wrap {
    background-color: #0a2540;  /* Deep navy */
    color: #ffffff;
}

/* Cookie Notice */
#cookie-text .bg-wrap {
    background-color: rgba(10, 37, 64, 0.95);  /* Semi-transparent navy */
    color: #ffffff;
}

/* Buttons and Interactive Elements */
.btn-warning, .btn-primary {
    background-color: #d4af37;  /* Gold */
    border-color: #d4af37;
    color: #0a2540;  /* Deep navy text */
    font-weight: 600;
}

.btn-warning:hover, .btn-primary:hover {
    background-color: #c4a02b;
    border-color: #c4a02b;
    color: #0a2540;
}

/* Text Colors */
h1, h2, h3, h4, h5, h6 {
    color: #0a2540;  /* Deep navy for headings */
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
#contact-form-halfbg h1, #contact-form-halfbg h2, #contact-form-halfbg h3, 
#contact-form-halfbg h4, #contact-form-halfbg h5, #contact-form-halfbg h6 {
    color: #ffffff;  /* White text on dark backgrounds */
}

/* Dark Sections */
.dark, #contact-form-halfbg {
    background-color: #0a2540;  /* Deep navy for dark sections */
    color: #ffffff;
}

/* Light Sections */
.light {
    background-color: #ffffff;  /* White for light sections */
    color: #2d3748;  /* Dark gray for text */
}

/* Links */
a {
    color: #0a2540;  /* Deep navy */
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #d4af37;  /* Gold on hover */
    text-decoration: none;
}

/* Form Elements */
.form-control {
    border: 1px solid #e2e8f0;  /* Light gray border */
    padding: 12px 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.form-control:focus {
    border-color: #d4af37;  /* Gold focus */
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
}

/* Accordion Styling */
.accordion-header {
    color: #0a2540;  /* Deep navy */
    font-weight: 600;
}

.accordion-header:hover {
    color: #d4af37;  /* Gold on hover */
}

/* Navigation Links */
.nav-link {
    color: #ffffff;  /* White for nav links */
    font-weight: 500;
    padding: 10px 15px;
}

.nav-link:hover, .nav-link:focus {
    color: #d4af37;  /* Gold on hover */
}

/* Active Navigation Item */
.nav-item.active .nav-link {
    color: #d4af37;  /* Gold for active nav item */
    font-weight: 600;
}