/* Custom CSS to change background colors to RGB(74, 74, 199) */

/* Convert RGB(74, 74, 199) to HEX: #4A4AC7 */

/* Dark blue sections - Features, Counter, etc. */
.dark-blue,
.features-area.dark-blue,
section.dark-blue,
.counter-area,
.counter-inner,
.testimonial-area.dark-blue {
    background-color: #40E0D0 !important;
}

/* Overlay backgrounds */
.dark-blue .overlay,
.counter-area .overlay,
.testimonial-area .overlay {
    background-color: rgba(64, 224, 208, 0.9) !important;
}

/* Any section with dark-blue class */
.bg-dark-blue,
.dark-blue-bg {
    background-color: #40E0D0 !important;
}

/* Header and navigation if they have dark background */
.header-area.dark-blue,
.header-navigation.dark-blue {
    background-color: rgb(74, 74, 199) !important;
}

/* Footer if it has dark background */
.footer-area.dark-blue {
    background-color: rgb(74, 74, 199) !important;
}

/* Change "Why Choose Us" text to white */
.sub-title,
.subtitle,
span.sub-title,
span.subtitle,
.section-title .sub-title,
.section-title .subtitle {
    color: #ffffff !important;
    color: white !important;
}

/* Change top header bar color to #5a31f4 */
.header-top,
.header-area .header-top,
.header-area-one .header-top,
.header-area-two .header-top,
.top-header,
.topbar {
    background-color: #5a31f4 !important;
}

/* Hide top purple header bar completely */
.header-top,
.header-area .header-top,
.header-area-one .header-top,
.header-area-two .header-top,
.top-header,
.topbar {
    display: none !important;
}

/* Hide hero section completely (banner and form) */
.hero-area,
section.hero-area,
.hero-wrapper-two,
.hero-slider-one {
    display: none !important;
}

/* Adjust main navigation to be at the top */
.header-area,
.header-navigation {
    margin-top: 0 !important;
    padding-top: 0 !important;
}