/* 1. BODY - Standard white background */
body {
    background-color: white !important;
}

/* 2. NAVBAR - Force Lightcyan */
/* This targets the navbar and the container inside it */
.navbar, .bg-body-tertiary {
    background-color: lightcyan !important;
}

/* 3. SERVICES SECTION - Remove background and shadow */
.services-provided {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 20px 0;
}

/* 4. FOOTER - Force Lightcyan */
footer {
    background-color: lightcyan !important;
    border-top: 1px solid #ccc;
    margin-top: 40px;
}

/* --- Content Styling --- */

h1 {
    text-align: center;
    padding: 60px 20px;
}

img {
    width: 50%;
    height: auto;
    object-fit: contain;
    display: block !important;
    margin: 20px auto !important;
    border-radius: 3%;
}

p {
    text-align: center !important;
    margin: 20px auto !important;
    width: clamp(80%, 90%, 95%) !important;
    font-size: clamp(1.1rem, 2.5vw, 1.5rem) !important;
    color: #333;
    padding: 15px;
    overflow-wrap: break-word;
    line-height: 1.6;
}

/* Extra safety for very small phones */
@media (max-width: 480px) {
    img {
        width: 90%;
    }
    p {
        padding: 10px;
        width: 95% !important;
    }
}

/* This targets the container-fluid specifically when it's inside the main/services area */
main .container-fluid, 
section.services-provided,
.service-details {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* This ensures the body behind it is definitely white */
body {
    background-color: white !important;
}