/* Custom Theme based on Check On Me requirements */
body {
    background-color: #101519;
    color: #f1f1f1;
}

/* Backgrounds */
.dark-bg {
    background-color: #101519 !important;
}

.dark-bg-alt {
    background-color: #1a2228 !important;
    /* Slightly lighter for contrast between sections */
}

.custom-hero-bg {
    background-color: #101519 !important;
    background-image: none !important;
}

/* Header & Nav */
.header-area .main-header .main-menu ul li a {
    color: #ffffff;
}

.header-area .main-header .main-menu ul li a:hover {
    color: #FF6464;
}

/* Sections Texts overrides */
.section-tittle h2,
.section-tittle2 h2,
.section-tittle3 h2 {
    color: #ffffff !important;
}

/* Buttons */
.custom-btn {
    background-color: #FF6464 !important;
    color: #ffffff !important;
    border: 2px solid #FF6464 !important;
    font-weight: bold;
    padding: 15px 30px;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.custom-btn:hover {
    background-color: transparent !important;
    color: #FF6464 !important;
}

.custom-btn-outline {
    background-color: transparent !important;
    color: #FF6464 !important;
    border: 2px solid #FF6464 !important;
    font-weight: bold;
    padding: 15px 30px;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.custom-btn-outline:hover {
    background-color: #FF6464 !important;
    color: #ffffff !important;
}

.custom-gap {
    gap: 15px;
    /* for mobile spacing if flex wrap */
}

@media (max-width: 767px) {
    .custom-gap {
        flex-direction: column;
        align-items: center;
    }

    .custom-btn-outline {
        margin-left: 0 !important;
        margin-top: 15px;
    }
}

/* Service / Feature Cards */
.custom-card {
    background: #30333B !important;
    border-radius: 15px;
    padding: 40px 20px;
    transition: transform 0.3s ease;
}

.custom-card:hover {
    transform: translateY(-5px);
}

.custom-card .service-cap h4,
.custom-card .service-cap p,
.custom-card h4.text-white,
.custom-card p.text-light {
    color: #ffffff !important;
}

.custom-feature-box {
    background: #30333B !important;
    border-radius: 15px;
    padding: 20px;
    height: 100%;
    margin-bottom: 0;
}

.custom-why-list {
    background: #30333B !important;
    border-radius: 15px;
    padding: 40px;
}

/* Footer Section */
.custom-footer {
    background-color: #30333B !important;
}

.custom-footer .footer-tittle h4 {
    color: #ffffff;
}

.custom-footer ul li a {
    color: #bfbfbf;
}

.custom-footer ul li a:hover {
    color: #FF6464;
    padding-left: 5px;
}

.footer-copy-right p {
    color: #bfbfbf;
}

/* Additional specific overrides to stop original template from leaking white backgrounds */
.header-area .main-header.sticky-bar,
.sticky-bar {
    background: #101519 !important;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5) !important;
}

.slicknav_menu {
    background: #30333B !important;
}