/* Ogere Remo About Page v1.0 - page ID 20530 only */

/* Native eGovenz page-title area: retain the theme component but use an Ogere image. */
body.page-id-20530 .page-title-wrap,
body.page-id-20530 .page-title-section,
body.page-id-20530 .page-title-wrapper {
    background-image:
        linear-gradient(rgba(6, 22, 47, 0.76), rgba(6, 22, 47, 0.76)),
        url("https://www.ogereremo.com/wp-content/uploads/2026/08/ogere-aerial-hero.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

body.page-id-20530 .page-title-wrap h1,
body.page-id-20530 .page-title-section h1,
body.page-id-20530 .page-title-wrapper h1,
body.page-id-20530 .page-title-wrap a,
body.page-id-20530 .page-title-wrap span,
body.page-id-20530 .page-title-section a,
body.page-id-20530 .page-title-section span,
body.page-id-20530 .page-title-wrapper a,
body.page-id-20530 .page-title-wrapper span {
    color: #ffffff !important;
}

/* Main page rhythm. */
body.page-id-20530 .ogere-about-section {
    margin: 0 !important;
    padding: 70px 0 !important;
}

body.page-id-20530 .ogere-about-section-alt {
    background: #f6f8fb !important;
}

body.page-id-20530 .ogere-about-section-dark {
    background: #07172f !important;
    color: #ffffff !important;
}

body.page-id-20530 .ogere-about-section > .elementor-container {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-20530 .ogere-about-copy {
    font-size: 15px !important;
    line-height: 1.78 !important;
    color: #4f5866 !important;
}

body.page-id-20530 .ogere-about-copy p {
    margin-bottom: 17px !important;
}

body.page-id-20530 .ogere-about-copy p:last-child {
    margin-bottom: 0 !important;
}

body.page-id-20530 .ogere-about-image .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
}

body.page-id-20530 .ogere-about-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 5px !important;
    box-shadow: 0 12px 34px rgba(9, 30, 57, 0.12) !important;
}

/* Stable facts, using native eGovenz Feature Box widgets. */
body.page-id-20530 .ogere-about-facts-row {
    margin-top: 26px !important;
}

body.page-id-20530 .ogere-about-fact-card {
    height: 100% !important;
}

body.page-id-20530 .ogere-about-fact-card .feature-box-wrapper,
body.page-id-20530 .ogere-about-fact-card .feature-box-inner {
    height: 100% !important;
    min-height: 180px !important;
    background: #ffffff !important;
    border: 1px solid #e1e6ee !important;
    border-top: 3px solid #c5912d !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 14px rgba(11, 29, 55, 0.05) !important;
}

body.page-id-20530 .ogere-about-fact-card h5,
body.page-id-20530 .ogere-about-fact-card .feature-box-title {
    color: #172033 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}

body.page-id-20530 .ogere-about-fact-card p {
    color: #5e6673 !important;
    font-size: 13.5px !important;
    line-height: 1.58 !important;
}

/* Explore Ogere native feature boxes. */
body.page-id-20530 .ogere-about-explore-row {
    margin-top: 26px !important;
}

body.page-id-20530 .ogere-about-explore-card .feature-box-wrapper,
body.page-id-20530 .ogere-about-explore-card .feature-box-inner {
    min-height: 155px !important;
    background: #ffffff !important;
    border: 1px solid #e0e5ed !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 14px rgba(11, 29, 55, 0.05) !important;
}

body.page-id-20530 .ogere-about-explore-card h5,
body.page-id-20530 .ogere-about-explore-card .feature-box-title {
    color: #172033 !important;
    font-size: 16px !important;
}

body.page-id-20530 .ogere-about-explore-card p {
    color: #5e6673 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* CTA and trust panel. */
body.page-id-20530 .ogere-about-cta {
    margin-top: 22px !important;
}

body.page-id-20530 .ogere-about-trust {
    background: #07172f !important;
    color: #ffffff !important;
}

body.page-id-20530 .ogere-about-trust .section-title,
body.page-id-20530 .ogere-about-trust .section-description,
body.page-id-20530 .ogere-about-trust h3,
body.page-id-20530 .ogere-about-trust p,
body.page-id-20530 .ogere-about-trust a {
    color: #ffffff !important;
}

body.page-id-20530 .ogere-about-trust-card {
    height: 100% !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,0.035) !important;
}

body.page-id-20530 .ogere-about-trust-card h3 {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

body.page-id-20530 .ogere-about-trust-card p {
    margin: 0 !important;
    font-size: 12.8px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,0.82) !important;
}

/* Prevent legacy/empty page-content whitespace. */
body.page-id-20530 .entry-content:empty,
body.page-id-20530 .post-content:empty {
    display: none !important;
}

@media (max-width: 1024px) {
    body.page-id-20530 .ogere-about-section {
        padding: 56px 0 !important;
    }

    body.page-id-20530 .ogere-about-section > .elementor-container {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 767px) {
    body.page-id-20530 .ogere-about-section {
        padding: 44px 0 !important;
    }

    body.page-id-20530 .ogere-about-section > .elementor-container {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
    }

    body.page-id-20530 .ogere-about-section .section-title-wrapper,
    body.page-id-20530 .ogere-about-section .section-title,
    body.page-id-20530 .ogere-about-section .section-description {
        text-align: center !important;
    }

    body.page-id-20530 .ogere-about-section .title-separator {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-id-20530 .ogere-about-copy {
        font-size: 14px !important;
        line-height: 1.72 !important;
        text-align: left !important;
    }

    body.page-id-20530 .ogere-about-image {
        margin-top: 24px !important;
    }

    body.page-id-20530 .ogere-about-facts-row,
    body.page-id-20530 .ogere-about-explore-row {
        margin-top: 20px !important;
    }

    body.page-id-20530 .ogere-about-fact-card,
    body.page-id-20530 .ogere-about-explore-card {
        margin-bottom: 14px !important;
        text-align: center !important;
    }

    body.page-id-20530 .ogere-about-fact-card .feature-box-wrapper,
    body.page-id-20530 .ogere-about-fact-card .feature-box-inner,
    body.page-id-20530 .ogere-about-explore-card .feature-box-wrapper,
    body.page-id-20530 .ogere-about-explore-card .feature-box-inner {
        min-height: 0 !important;
    }

    body.page-id-20530 .ogere-about-trust-card {
        margin-bottom: 12px !important;
        text-align: center !important;
    }
}