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

/* Benefits Section */
#benefits-3col-10 .bg {
    background-image: url('../images/bg-59.webp');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    opacity: 0.05;
}

/* Navigation */
#nav-logo-menu .bg-wrap {
    background: #2c7a7b;  /* Deep teal for navigation */
}

/* Inner Quote Section */
#inner-quote .bg-wrap {
    background: #2c7a7b;  /* Deep teal */
}

/* Benefits with Counter */
#benefits-4col-counter .bg-wrap {
    background: #4db6ac;  /* Medium teal */
}

/* Text with Half Background */
#desc-text-halfbg-2 .bg-wrap,
#desc-halfbg-text-2 .bg-wrap {
    background: #f0f9f9;  /* Very light teal */
}

/* Testimonials Section */
#testimonial-2col-2 .bg-wrap {
    background: #2c7a7b;  /* Deep teal */
}

/* Contact Form Section */
#contact-img-form .bg-wrap {
    background: #4db6ac;  /* Medium teal */
}

/* Cookie Notice */
#cookie-text-btn-2 .bg-wrap {
    background: rgba(44, 122, 123, 0.95);  /* Semi-transparent deep teal */
    color: #ffffff;
}

/* Footer */
#footer-logo-text-social .bg-wrap {
    background: #2c7a7b;  /* Deep teal */
    color: #ffffff;
}

/* Structured Coaching Section */
#structured-coaching .bg-wrap {
    background: #4db6ac;  /* Medium teal */
}

/* Buttons and Interactive Elements */
.btn-primary {
    background-color: #ff7e67;  /* Coral accent */
    border-color: #ff7e67;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #ff6b50;
    border-color: #ff6b50;
}

/* Text Colors */
h1, h2, h3, h4, h5, h6 {
    color: #2c7a7b;  /* Deep teal for headings */
}

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

/* Dark Sections */
.dark {
    background-color: #2c7a7b;  /* Deep teal for dark sections */
    color: #ffffff;
}

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

/* Text Selection Color */
::selection {
    background: #ff7e67;  /* Coral for text selection */
    color: #ffffff;
}

/* Links */
a {
    color: #2c7a7b;  /* Deep teal */
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #ff7e67;  /* Coral on hover */
    text-decoration: none;
}