#BrandPillars {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    padding: 4rem 0;
}

#BrandPillars h3 {
    font-size: 1.5rem !important;
}
#BrandPillars p.mb-0 {
    font-size: 1rem !important;
}
#BrandPillars {
    font-family: "Lato", sans-serif;
}
/* Desktop Background */
@media (min-width: 992px) {
    #BrandPillars {
        background-image: url("../assets/material/BrandPillarsBingo.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 4rem 0;
    }

    /* Bigger text for desktop */
    #BrandPillars p.mb-2 {
        font-size: 0.7rem !important;
        font-weight: 300;
        font-family: "Lato", sans-serif !important;
    }

    #BrandPillars h1 {
        font-weight: 700;
        font-family: "Lato", sans-serif !important;
    }

    #BrandPillars h2 {
        font-size: 1rem !important;
        font-weight: 300;
        font-family: "Lato", sans-serif !important;
    }

    #BrandPillars h3 {
        font-weight: 700;
        margin-bottom: 1rem !important;
        font-family: "Lato", sans-serif !important;
    }

    #BrandPillars p.mb-0 {
        font-size: 1.2rem !important;
        line-height: 1.7;
        font-weight: 400;
        color: #ffffff !important;
        margin-bottom: 0.5rem !important;
        font-family: "Lato", sans-serif !important;
    }

    /* Center container with 80% width */
    #BrandPillars .container {
        width: 80% !important;
        max-width: 80% !important;
        margin: 0 auto !important;
    }

    /* Professional spacing for pillars */
    #BrandPillars .col-lg-4.col-md-6.mb-4 {
        margin-bottom: 2.5rem !important;
    }

    /* Better row spacing */
    #BrandPillars .row {
        margin-top: 2rem !important;
        justify-content: center !important;
    }
    #BrandPillars > .container {
        margin-left: 9rem !important;
    }
}

/* Mobile Background */
@media (max-width: 991px) {
    #BrandPillars {
        background-image: url("../assets/material/BrandPillarsBingoMobile.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 2rem 0;
        font-family: "Lato", sans-serif !important;
    }

    /* Bigger text for mobile */
    #BrandPillars p.mb-2 {
        font-size: 1.2rem !important;
        font-weight: 300;
        font-size: 19.2px !important;
    }

    #BrandPillars h1 {
        font-weight: 700;
    }

    #BrandPillars h2 {
        font-weight: 300;
    }

    #BrandPillars h3 {
        font-size: 1.5rem !important;
        font-weight: 700;
    }

    #BrandPillars p.mb-0 {
        line-height: 1.6;
        font-weight: 400; 
    }
}

/* Ensure all text is white */
#BrandPillars .text-white {
    color: #ffffff !important;
}

/* Left alignment for header only */
#BrandPillars .text-left {
    text-align: left !important; /* Keep header left-aligned */
}

/* Keep pillar content left-aligned for readability */
#BrandPillars .col-lg-4.col-md-6.mb-4 {
    text-align: left !important;
}