/* =========================================================
    MHDO ABOUT US PAGES
    ========================================================= */

    .mhdo-about-page {
        background: #ffffff;
    }

    /* =========================================================
    PAGE HERO
    ========================================================= */

    .mhdo-about-hero {
        position: relative;
        min-height: 95px;
        display: flex;
        align-items: center;
        overflow: hidden;

        background:
            linear-gradient(
                135deg,
                #0b2d52 0%,
                #1456d8 65%,
                #2873e8 100%
            );
    }

    .mhdo-about-hero::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        right: -120px;
        top: -180px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
    }

    .mhdo-about-hero::after {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        left: -150px;
        bottom: -180px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.06);
    }

    .mhdo-about-hero-content {
        position: relative;
        z-index: 2;
        padding: 10px 0;
    }

    .mhdo-about-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 10px;

        color: rgba(255,255,255,.78);

        font-family: "Nunito", sans-serif;
        font-size: 9px;
        font-weight: 800;

        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

    .mhdo-about-eyebrow::before {
        content: "";
        width: 20px;
        height: 3px;
        border-radius: 20px;
        background: #ffffff;
    }

    .mhdo-about-title {
        margin: 0;
        color: #fff;
        font-family: "Nunito", sans-serif;
        font-size: clamp(20px, 2.3vw, 28px);
        font-weight: 800;
        line-height: 1.05;
    }

    .mhdo-about-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;

        margin-top: 4px;

        color: rgba(255,255,255,.78);

        font-size: 14px;
    }

    .mhdo-about-breadcrumb a {
        color: #ffffff;
        text-decoration: none;
    }

    .mhdo-about-breadcrumb a:hover {
        text-decoration: underline;
    }

    .mhdo-about-breadcrumb i {
        font-size: 9px;
        opacity: .7;
    }

    /* BreadCrumb */
    .mhdo-home-breadcrumb {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        color: #fff !important;
        text-decoration: none !important;
        border-radius: 6px;
        transition: background .2s ease;
    }

    .mhdo-home-breadcrumb:hover {
        background: rgba(255, 255, 255, .12);
    }

    .mhdo-home-breadcrumb i {
        font-size: 13px;
    }


    /* =========================================================
    COMMON CONTENT
    ========================================================= */

    .mhdo-about-content {
        padding: 80px 0;
    }

    .mhdo-about-container {
        max-width: 1120px;
        margin: 0 auto;
    }

    .mhdo-about-section-label {
        display: inline-block;

        margin-bottom: 12px;

        color: #1456d8;

        font-size: 13px;
        font-weight: 800;

        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mhdo-about-section-title {
        margin-bottom: 22px;

        color: #0b2d52;

        font-family: "Nunito", sans-serif;
        font-size: clamp(30px, 4vw, 44px);
        font-weight: 800;

        line-height: 1.15;
    }

    .mhdo-about-text {
        color: #526579;

        font-size: 16px;
        line-height: 1.9;
    }

    .mhdo-about-text p {
        margin-bottom: 20px;
    }

    .mhdo-about-divider {
        width: 55px;
        height: 4px;

        margin: 25px 0 30px;

        border-radius: 20px;

        background: #1456d8;
    }

    /* =========================================================
    DOCUMENT SECTION
    ========================================================= */

    .mhdo-document-section {
        padding: 85px 0;
        background: #f5f8fc;
    }

    .mhdo-document-header {
        max-width: 760px;
        margin: 0 auto 45px;
    }

    .mhdo-document-header p {
        color: #64748b;
        font-size: 16px;
        line-height: 1.8;
    }

    .mhdo-pdf-document {
        max-width: 900px;
        margin: 0 auto;
    }

    .mhdo-pdf-page {
        margin-bottom: 28px;

        background: #ffffff;

        border-radius: 8px;

        box-shadow:
            0 12px 35px rgba(11, 45, 82, .10);

        overflow: hidden;
    }

    .mhdo-pdf-page-placeholder {
        min-height: 1100px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 18px;

        color: #94a3b8;

        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f8fbff 100%
            );

        border: 1px solid #e8eef5;
    }

    .mhdo-pdf-page-placeholder i {
        font-size: 48px;
        color: #1456d8;
    }

    .mhdo-pdf-page-placeholder span {
        font-size: 15px;
        font-weight: 700;
    }

    .mhdo-document-download {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;

        min-height: 48px;

        padding: 0 24px;

        border-radius: 25px;

        background: #1456d8;
        color: #ffffff;

        text-decoration: none;

        font-size: 14px;
        font-weight: 700;

        box-shadow: 0 8px 20px rgba(20,86,216,.20);

        transition:
            transform .25s ease,
            box-shadow .25s ease,
            background .25s ease;
    }

    .mhdo-document-download:hover {
        color: #ffffff;

        background: #0f47b8;

        transform: translateY(-2px);

        box-shadow: 0 12px 26px rgba(20,86,216,.27);
    }

    .sustainability-links {
        padding: 75px 20px;
        background: #f7faff;
        text-align: center;
    }

    .sustainability-links h3 {
        margin-bottom: 25px;
        color: #0b2d52;
        font-size: 25px;
        font-weight: 800;
    }

    .sustainability-link-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
    }

    .sustainability-link {
        padding: 12px 20px;
        border: 1px solid #dce6f2;
        border-radius: 50px;
        background: #fff;
        color: #53677f;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        transition: .2s ease;
    }

    .sustainability-link:hover,
    .sustainability-link.active {
        border-color: #1456d8;
        background: #1456d8;
        color: #fff;
    }