.hero-section {
    background: linear-gradient(
                rgba(10, 43, 96, 0.85),
                rgba(10, 43, 96, 0.85)
            ),
            url('../images/originis-banner.png'); /* adjust path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 90vh;
    padding: 100px 0;
}

.accent-text {
    color: #ECB43B; /* Yellow Accent */
}

.text-muted-custom {
    color: rgba(255, 255, 255, 0.75);
    max-width: 550px;
}

.btn-accent {
    background-color: #357514; /* Green */
    color: #fff;
    border: none;
    transition: 0.3s ease;
}

.btn-accent:hover {
    background-color: #2c6110;
    color: #fff;
}
/* Section 2 what is and why it matters */
.originis-section {
    background-color: #ffffff;
}

.section-title {
    color: #0A2B60; /* Dark Blue */
    font-weight: 700;
}

.section-muted {
    color: #6c757d; /* Bootstrap muted tone */
    line-height: 1.7;
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.info-card {
    background-color: #f8f9fa;
    border-left: 4px solid #357514; /* Green Accent */
}

/*  Section 3 How it works and Certification Layers */
.originis-dark-section {
    background: linear-gradient(
        rgba(10, 43, 96, 0.85),
        rgba(10, 43, 96, 0.85)
    );
}

.text-muted-custom {
    color: rgba(255, 255, 255, 0.75);
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.cert-card {
    background-color: rgba(255, 255, 255, 0.05);
    border-left: 4px solid #357514; /* Green */
}

.layer-box {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s ease;
}

.layer-box:hover {
    background-color: #357514;
}
/* Last Section CTA */
.originis-cta-section {
    background: linear-gradient(
        rgba(10, 43, 96, 0.85),
        rgba(10, 43, 96, 0.85)
    );
    padding: 100px 0;
}

.accent-text {
    color: #ECB43B; /* Yellow */
}

.cta-muted {
    color: rgba(255, 255, 255, 0.75);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

.btn-green {
    background-color: #357514;
    color: #ffffff;
    border: none;
    transition: 0.3s ease;
}

.btn-green:hover {
    background-color: #2c6110;
    color: #ffffff;
}