/* ===================== Variables ===================== */
:root {
    --bg1-color: #1F3A93;
    ;
    /* Dark Blue (main text / nav) */
    --bg3-color: #ffffff;
    /* Section background */
    --button-color: #e9292f;
    /* Bright Red (highlights / buttons) */
    --text-color: #111928;
    /* Primary text for sections */
    --sub-text: #111928;

    --gold-color: #dda83d;
}

/* ===================== Base & Reset ===================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Roboto", sans-serif;
    line-height: 1.6;
    color: var(--text-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: var(--bg3-color);
}

p,
li,
span {
    color: var(--sub-text);
}

a,
button {
    font-family: "Poppins", sans-serif;
    transition: all 0.3s;
}

a {
    text-decoration: none;
    color: var(--bg1-color);
}

a:hover {
    color: var(--bg1-color);
}

img {
    max-width: 100%;
    display: block;
}

.purpose-section h2,
.hero-section h2,
.section3 h2,
.section6 h1,
.contact h2,
.timeline-card h1,
.journey-section h2,
.about-section h2,
.section-brands-showcase h2,
.section.products-showcase h2,
#careers-page h2,
.csr-section h2,
.csr-section h3,
.contact-section h2,
.about-section .section-title,
.section5 .row h1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-feature-settings: normal;
}

.purpose-section p,
.hero-section p,
.section3 p,
.journey-section p,
.about-section p,
.section-brands-showcase p,
.section.products-showcase p,
#careers-page p,
.csr-section p,
.contact-hero p,
.contact-section p {
    margin: 0 auto 1rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: "Sans Serif Pro", sans-serif;
}

.about,
.partners,
.services {
    padding: 100px 0;
    text-align: center;
    background: var(--bg3-color);
    color: var(--text-color);
}

@media (max-width: 576px) {

    .homepagepc,
    .aboutuspc,
    .contactpc,
    .sustainabilitypc,
    .careerspc,
    .contactpc,
    .sustainiabilitypc {
        display: none !important;
    }

    .homepagemobile,
    .aboutusmobile,
    .contactmobile,
    .sustainabilitymobile,
    .careersmobile,
    .contactmobile,
    .sustainabilitymobile {
        display: block !important;
    }

    .notification-text br {
        display: none;
    }
}


@media (max-width: 768px) {

    .innovationpc {

        display: none !important;
    }

    .innovationmobile {
        display: block !important;
    }
}

@media (min-width: 576px) {

    .homepagemobile,
    .aboutusmobile,
    .contactmobile,
    .innovationmobile,
    .sustainabilitymobile,
    .careersmobile,
    .contactmobile,
    .sustainabilitymobile {
        display: none ;
    }
}