@import url("header.css");
@import url("menu.css");

@import url("slideshow.css");
@import url("homeproduct.css");
@import url("homeservice.css");
@import url("apheresis.css");

@import url("achivement.css");
@import url("clients.css");
@import url("team.css");
@import url("testimonial.css");

@import url("footer.css");

@import url("about.css");
@import url("contact.css");
@import url("service.css");
@import url("donation.css");
@import url("product3.css");
/* Root Variables */
:root {
    --header-bg: #dc3545;

    /* Dark red for header/footer */
    --text-light: #ffffff;
    --menu-hover: #ffcc00;
    /* Highlight color */
    --dropdown-bg: #333;
    --phone-highlight: #ff5733;
    /* Highlight color for phone */
    --header-offset: 150px;
    --indicator-active: #ffcc00;
    --light-bg: #FFFDEC;

    --header-bg: #FF2C2C;
    --light-bg-cyan: #2CFFFF;
    /*cyan */
    --dark-bg-navy: #000080;
    --hamberg-icon: #101158;
    --menu-bg: #333;

}

/* Global Styles */
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;

}

.row {
    margin: 0;
}

.section-container {
    padding: 5rem;
}

@media (max-width: 768px) {
    .section-container {
        padding: 3rem 1rem;
    }
}

.section-title {
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
    color: var(--header-bg);
}