
/* Navigation */
#nav-logo-menu-btn .bg-wrap {
    background: #2c3e2b;  /* Dark emerald for navigation */
}/* Hero Section */
#header-modal-text .bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg-83.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .3;
}/* Testimonials Section */
#testimonial-3col-4 .bg-wrap {
    background-color: #f8f9fa;  /* Light gray background */
}/* Description Sections */
#desc-halfbg-text-img-text .bg-wrap {
    background: #80b97d;  /* Dark emerald */
    color: #ffffff;
}

#desc-list-img .bg-wrap {
    background: #f8f9fa;  /* Light gray */
    color: #2c3e2b;  /* Dark emerald text */
}
/* Contact Form Section */
#contact-form .bg {
    background-image: url('../images/bg-31.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
    opacity: 0.1;
}

#contact-form .bg-wrap {
    background-color: #2c3e2b;  /* Dark emerald */
    color: #ffffff;
}

/* Global Styles */
:root {
    --primary-color: #2c3e2b;    /* Dark emerald */
    --secondary-color: #d4af37;  /* Gold */
    --light-bg: #f8f9fa;        /* Light gray */
    --dark-bg: #2c3e2b;         /* Dark emerald */
    --text-dark: #2c3e2b;       /* Dark emerald text */
    --text-light: #ffffff;      /* White text */
}

/* Buttons and Interactive Elements */
.btn-primary, .btn-warning {
    background-color: #d4af37;  /* Gold */
    border-color: #d4af37;
    color: #2c3e2b;  /* Dark emerald text */
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary:hover, .btn-warning:hover {
    background-color: #c4a02b;  /* Slightly darker gold */
    border-color: #c4a02b;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Text Colors */
h1, h2, h3, h4, h5, h6 {
    color: #2c3e2b;  /* Dark emerald for headings */
}

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

/* Links */
a {
    color: #2c3e2b;  /* Dark emerald */
    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;
    transition: all 0.3s ease;
}

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

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

.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;
}

/* Content Boxes */
.content-box {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Dark and Light Sections */
.dark, #contact-form {
    background-color: #2c3e2b;  /* Dark emerald */
    color: #ffffff;
}

.light {
    background-color: #ffffff;  /* White */
    color: #2c3e2b;  /* Dark emerald text */
}

/* Testimonial Cards */
.testimonial-card {
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

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