/* ABOUT HERO V1 START */

body.ow-about-page .owa1-hero {
    --owa-blue: #0c53a5;
    --owa-accent: #008dd2;
    --owa-navy: #022041;
    --owa-dark: #082b3e;
    --owa-text: #4d6673;
    --owa-muted: #71848e;
    --owa-line: #d5e1e7;
    --owa-soft: #f3f7f9;

    position: relative;
    width: 100%;
    min-height: clamp(690px, 78vh, 900px);
    margin: 0;
    padding:
        clamp(70px, 7vw, 115px)
        0
        clamp(65px, 7vw, 105px);
    display: flex;
    align-items: center;
    overflow: hidden;
    direction: rtl;
    background:
        linear-gradient(
            rgba(12,83,165,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(12,83,165,.045) 1px,
            transparent 1px
        ),
        radial-gradient(
            circle at 15% 30%,
            rgba(0,141,210,.12),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f8fa 58%,
            #eaf1f5 100%
        );
    background-size:
        54px 54px,
        54px 54px,
        auto,
        auto;
    border-bottom: 1px solid var(--owa-line);
}

body.ow-about-page .owa1-hero *,
body.ow-about-page .owa1-hero *::before,
body.ow-about-page .owa1-hero *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa1-hero::before {
    content: "ABOUT ACG";
    position: absolute;
    left: 1%;
    bottom: -25px;
    color: rgba(2,32,65,.035);
    font-family: Arial, sans-serif;
    font-size: clamp(90px, 13vw, 220px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa1-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: min(38%, 620px);
    height: 6px;
    background:
        linear-gradient(
            90deg,
            var(--owa-accent),
            var(--owa-blue)
        );
}

body.ow-about-page .owa1-hero__inner {
    position: relative;
    z-index: 2;
    width: min(1700px, calc(100% - 48px));
    margin-inline: auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(420px, .92fr);
    grid-template-areas:
        "visual content";
    align-items: center;
    gap: clamp(55px, 8vw, 145px);
    direction: ltr;
}

/* Content */

body.ow-about-page .owa1-hero__content {
    grid-area: content;
    min-width: 0;
    direction: rtl;
    text-align: right;
}

body.ow-about-page .owa1-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    direction: ltr;
}

body.ow-about-page .owa1-hero__eyebrow span {
    min-height: 30px;
    padding:
        0
        11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--owa-blue);
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page .owa1-hero__eyebrow strong {
    color: var(--owa-blue);
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page .owa1-hero h1 {
    max-width: 720px;
    margin: 0;
    color: var(--owa-navy);
    font-family: Shabnam, sans-serif;
    font-size: clamp(43px, 5vw, 72px);
    font-weight: 900;
    line-height: 1.38;
    letter-spacing: -2px;
}

body.ow-about-page .owa1-hero h1 strong {
    display: block;
    color: var(--owa-blue);
    font-weight: 900;
}

body.ow-about-page .owa1-hero__lead {
    max-width: 660px;
    margin:
        26px
        0
        0;
    padding-right: 21px;
    border-right: 3px solid var(--owa-accent);
    color: var(--owa-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.15;
}

body.ow-about-page .owa1-hero__points {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap:
        12px
        22px;
}

body.ow-about-page .owa1-hero__points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--owa-dark);
    font-size: 10.5px;
    font-weight: 900;
}

body.ow-about-page .owa1-hero__points i {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(12,83,165,.22);
    color: var(--owa-blue);
    font-size: 8px;
}

body.ow-about-page .owa1-hero__actions {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

body.ow-about-page .owa1-hero__btn {
    min-height: 52px;
    padding:
        0
        23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        gap .2s ease;
}

body.ow-about-page
.owa1-hero__btn--primary {
    background: var(--owa-blue);
    color: #ffffff;
    border-color: var(--owa-blue);
}

body.ow-about-page
.owa1-hero__btn--primary:hover {
    gap: 16px;
    background: var(--owa-navy);
    border-color: var(--owa-navy);
}

body.ow-about-page
.owa1-hero__btn--secondary {
    background: rgba(255,255,255,.72);
    color: var(--owa-navy);
    border-color: var(--owa-line);
}

body.ow-about-page
.owa1-hero__btn--secondary:hover {
    color: var(--owa-blue);
    border-color: var(--owa-blue);
}

body.ow-about-page .owa1-hero__signature {
    margin-top: 35px;
    padding-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    border-top: 1px solid var(--owa-line);
}

body.ow-about-page .owa1-hero__signature span {
    color: var(--owa-muted);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

/* Visual */

body.ow-about-page .owa1-hero__visual {
    grid-area: visual;
    position: relative;
    min-width: 0;
    min-height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}

body.ow-about-page .owa1-hero__visual::before,
body.ow-about-page .owa1-hero__visual::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

body.ow-about-page .owa1-hero__visual::before {
    inset:
        7%
        5%
        12%;
    border:
        1px solid
        rgba(12,83,165,.16);
}

body.ow-about-page .owa1-hero__visual::after {
    width: 130px;
    height: 130px;
    left: 0;
    top: 4%;
    border-top:
        4px solid
        var(--owa-accent);
    border-left:
        4px solid
        var(--owa-accent);
}

body.ow-about-page .owa1-hero__visual figure {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding:
        35px
        25px
        75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.ow-about-page .owa1-hero__visual img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 620px;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(
            0 25px 28px
            rgba(2,32,65,.18)
        );
}

body.ow-about-page .owa1-hero__visual figcaption {
    position: absolute;
    right: 25px;
    bottom: 18px;
    display: grid;
    gap: 4px;
    text-align: right;
}

body.ow-about-page
.owa1-hero__visual figcaption span {
    color: var(--owa-blue);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page
.owa1-hero__visual figcaption strong {
    color: var(--owa-dark);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
}

body.ow-about-page .owa1-hero__visual-note {
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 7%;
    width: min(310px, 55%);
    min-height: 93px;
    padding:
        17px
        18px;
    display: grid;
    grid-template-columns:
        35px
        minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    direction: ltr;
    background: var(--owa-navy);
    box-shadow:
        0 18px 35px
        rgba(2,32,65,.18);
}

body.ow-about-page
.owa1-hero__visual-note > span {
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 900;
}

body.ow-about-page
.owa1-hero__visual-note p {
    margin: 0;
    direction: rtl;
    color: rgba(255,255,255,.76);
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.9;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa1-hero {
        padding-top: 80px;
    }

    body.ow-about-page .owa1-hero__inner {
        width: min(920px, calc(100% - 38px));
        grid-template-columns: 1fr;
        grid-template-areas:
            "content"
            "visual";
        gap: 45px;
    }

    body.ow-about-page .owa1-hero__content {
        max-width: 780px;
    }

    body.ow-about-page .owa1-hero__visual {
        min-height: 500px;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa1-hero {
        min-height: 0;
        padding:
            68px
            0
            65px;
    }

    body.ow-about-page .owa1-hero__inner {
        width: calc(100% - 28px);
        gap: 35px;
    }

    body.ow-about-page .owa1-hero h1 {
        font-size: 39px;
        line-height: 1.48;
        letter-spacing: -1.2px;
    }

    body.ow-about-page .owa1-hero__lead {
        padding-right: 15px;
        font-size: 12px;
    }

    body.ow-about-page .owa1-hero__points {
        align-items: flex-start;
        flex-direction: column;
    }

    body.ow-about-page .owa1-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.ow-about-page .owa1-hero__btn {
        width: 100%;
    }

    body.ow-about-page .owa1-hero__visual {
        min-height: 410px;
    }

    body.ow-about-page .owa1-hero__visual figure {
        padding:
            30px
            10px
            95px;
    }

    body.ow-about-page .owa1-hero__visual img {
        max-height: 400px;
    }

    body.ow-about-page .owa1-hero__visual-note {
        left: 0;
        bottom: 0;
        width: min(290px, 86%);
    }

    body.ow-about-page
    .owa1-hero__visual figcaption {
        right: 10px;
        bottom: 46px;
    }
}

/* ABOUT HERO V1 END */

/* ABOUT INTRO V2 START */

body.ow-about-page .owa2-intro {
    --intro-blue: #0c53a5;
    --intro-accent: #20a9e0;
    --intro-navy: #022041;
    --intro-deep: #01172f;
    --intro-line: rgba(255,255,255,.14);
    --intro-text: rgba(255,255,255,.72);

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(95px, 9vw, 145px)
        0;
    overflow: hidden;
    direction: rtl;
    background:
        radial-gradient(
            circle at 12% 28%,
            rgba(32,169,224,.16),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            var(--intro-deep),
            var(--intro-navy) 60%,
            #06345f
        );
}

body.ow-about-page .owa2-intro *,
body.ow-about-page .owa2-intro *::before,
body.ow-about-page .owa2-intro *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa2-intro::before {
    content: "ACG";
    position: absolute;
    right: -20px;
    bottom: -55px;
    color: rgba(255,255,255,.035);
    font-family: Arial, sans-serif;
    font-size: clamp(170px, 24vw, 390px);
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

body.ow-about-page .owa2-intro::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 36%;
    height: 5px;
    background:
        linear-gradient(
            90deg,
            var(--intro-accent),
            var(--intro-blue)
        );
}

body.ow-about-page .owa2-intro__inner {
    position: relative;
    z-index: 2;
    width: min(1700px, calc(100% - 40px));
    margin-inline: auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(430px, .95fr);
    grid-template-areas:
        "visual content";
    align-items: center;
    gap: clamp(70px, 9vw, 155px);
    direction: ltr;
}

/* Content */

body.ow-about-page .owa2-intro__content {
    grid-area: content;
    min-width: 0;
    padding-left: clamp(30px, 4vw, 65px);
    direction: rtl;
    text-align: right;
    border-left: 1px solid var(--intro-line);
}

body.ow-about-page .owa2-intro__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 17px;
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page .owa2-intro__eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--intro-accent);
}

body.ow-about-page .owa2-intro h2 {
    max-width: 760px;
    margin: 0;
    color: #ffffff;
    font-family: Shabnam, sans-serif;
    font-size: clamp(37px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -1.5px;
}

body.ow-about-page .owa2-intro h2 strong {
    display: block;
    color: #64d1f7;
    font-weight: 900;
}

body.ow-about-page .owa2-intro__copy {
    max-width: 760px;
    margin-top: 30px;
    display: grid;
    gap: 16px;
}

body.ow-about-page .owa2-intro__copy p {
    margin: 0;
    color: var(--intro-text);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 2.15;
}

body.ow-about-page .owa2-intro__copy strong {
    color: #ffffff;
    font-weight: 900;
}

body.ow-about-page .owa2-intro__facts {
    margin-top: 38px;
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--intro-line);
    border-bottom: 1px solid var(--intro-line);
}

body.ow-about-page .owa2-intro__facts > div {
    min-width: 0;
    padding:
        20px
        15px;
    border-left: 1px solid var(--intro-line);
}

body.ow-about-page
.owa2-intro__facts > div:first-child {
    padding-right: 0;
}

body.ow-about-page
.owa2-intro__facts > div:last-child {
    border-left: 0;
}

body.ow-about-page .owa2-intro__facts strong {
    display: block;
    color: #64d1f7;
    font-family:
        Arial,
        Shabnam,
        sans-serif;
    font-size: 13px;
    font-weight: 900;
    direction: ltr;
}

body.ow-about-page .owa2-intro__facts span {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.55);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.8;
}

/* Visual */

body.ow-about-page .owa2-intro__visual {
    grid-area: visual;
    position: relative;
    min-width: 0;
    margin: 0;
    padding-bottom: 75px;
    direction: rtl;
}

body.ow-about-page .owa2-intro__frame {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.ow-about-page .owa2-intro__frame::before {
    content: "";
    position: absolute;
    inset:
        4%
        3%
        8%;
    border: 1px solid var(--intro-line);
}

body.ow-about-page .owa2-intro__frame::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 115px;
    height: 115px;
    border-top: 4px solid var(--intro-accent);
    border-left: 4px solid var(--intro-accent);
}

body.ow-about-page .owa2-intro__visual img {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 590px;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(
            0 28px 34px
            rgba(0,0,0,.28)
        );
}

body.ow-about-page .owa2-intro__visual figcaption {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 7%;
    bottom: 0;
    min-height: 82px;
    padding:
        17px
        20px;
    display: grid;
    align-content: center;
    gap: 4px;
    background: #ffffff;
    text-align: right;
}

body.ow-about-page
.owa2-intro__visual figcaption span {
    color: var(--intro-blue);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page
.owa2-intro__visual figcaption strong {
    color: var(--intro-navy);
    font-size: 11px;
    font-weight: 900;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa2-intro__inner {
        width: min(920px, calc(100% - 38px));
        grid-template-columns: 1fr;
        grid-template-areas:
            "content"
            "visual";
        gap: 55px;
    }

    body.ow-about-page .owa2-intro__content {
        padding-left: 0;
        border-left: 0;
    }

    body.ow-about-page .owa2-intro__visual {
        max-width: 850px;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa2-intro {
        padding:
            75px
            0;
    }

    body.ow-about-page .owa2-intro__inner {
        width: calc(100% - 28px);
        gap: 40px;
    }

    body.ow-about-page .owa2-intro h2 {
        font-size: 35px;
    }

    body.ow-about-page .owa2-intro__facts {
        grid-template-columns: 1fr;
    }

    body.ow-about-page .owa2-intro__facts > div {
        padding:
            15px
            0;
        border-left: 0;
        border-bottom: 1px solid var(--intro-line);
    }

    body.ow-about-page
    .owa2-intro__facts > div:last-child {
        border-bottom: 0;
    }

    body.ow-about-page .owa2-intro__frame {
        min-height: 370px;
    }

    body.ow-about-page .owa2-intro__visual img {
        max-height: 390px;
    }

    body.ow-about-page .owa2-intro__visual figcaption {
        right: 0;
    }
}

/* ABOUT INTRO V2 END */

/* ABOUT ENGINEERING V3 START */

body.ow-about-page .owa3-engineering {
    --eng-blue: #0c53a5;
    --eng-accent: #008dd2;
    --eng-navy: #022041;
    --eng-dark: #082b3e;
    --eng-text: #506875;
    --eng-muted: #758892;
    --eng-line: #d4e0e6;
    --eng-soft: #f3f7f9;

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(90px, 9vw, 135px)
        0;
    overflow: hidden;
    direction: rtl;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f8fa 100%
        );
    border-bottom: 1px solid var(--eng-line);
}

body.ow-about-page .owa3-engineering *,
body.ow-about-page .owa3-engineering *::before,
body.ow-about-page .owa3-engineering *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa3-engineering::before {
    content: "ENGINEERING";
    position: absolute;
    left: 1%;
    bottom: -24px;
    color: rgba(12,83,165,.038);
    font-family: Arial, sans-serif;
    font-size: clamp(90px, 13vw, 215px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa3-engineering__inner {
    position: relative;
    z-index: 2;
    width: min(1620px, calc(100% - 48px));
    margin-inline: auto;
}

/* Header */

body.ow-about-page .owa3-engineering__header {
    margin-bottom: 48px;
    display: grid;
    grid-template-columns:
        minmax(430px, .95fr)
        minmax(320px, 1.05fr);
    align-items: end;
    gap: clamp(55px, 8vw, 135px);
}

body.ow-about-page .owa3-engineering__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--eng-blue);
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page
.owa3-engineering__eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--eng-accent);
}

body.ow-about-page .owa3-engineering h2 {
    max-width: 760px;
    margin: 0;
    color: var(--eng-navy);
    font-family: Shabnam, sans-serif;
    font-size: clamp(37px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -1.5px;
}

body.ow-about-page .owa3-engineering h2 strong {
    display: block;
    color: var(--eng-blue);
    font-weight: 900;
}

body.ow-about-page .owa3-engineering__summary {
    max-width: 650px;
    padding-right: 22px;
    border-right: 3px solid var(--eng-accent);
}

body.ow-about-page .owa3-engineering__summary p {
    margin: 0;
    color: var(--eng-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 2.15;
}

body.ow-about-page .owa3-engineering__standard {
    margin-top: 18px;
    display: grid;
    gap: 4px;
}

body.ow-about-page
.owa3-engineering__standard span {
    color: var(--eng-muted);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page
.owa3-engineering__standard strong {
    color: var(--eng-navy);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

/* Grid */

body.ow-about-page .owa3-engineering__grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    border-top: 4px solid var(--eng-blue);
    border-right: 1px solid var(--eng-line);
}

body.ow-about-page .owa3-engineering__item {
    position: relative;
    min-width: 0;
    min-height: 275px;
    margin: 0;
    padding:
        32px
        30px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--eng-line);
    border-bottom: 1px solid var(--eng-line);
    background: #ffffff;
}

body.ow-about-page
.owa3-engineering__item:nth-child(3),
body.ow-about-page
.owa3-engineering__item:nth-child(4) {
    background: var(--eng-soft);
}

body.ow-about-page .owa3-engineering__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.ow-about-page .owa3-engineering__number {
    color: rgba(0,141,210,.45);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 900;
}

body.ow-about-page .owa3-engineering__icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(12,83,165,.18);
    background: #ffffff;
    color: var(--eng-blue);
    font-size: 18px;
}

body.ow-about-page .owa3-engineering__item h3 {
    margin:
        32px
        0
        0;
    color: var(--eng-navy);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.8;
}

body.ow-about-page .owa3-engineering__item p {
    max-width: 560px;
    margin:
        13px
        0
        0;
    color: var(--eng-text);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 2.05;
}

body.ow-about-page .owa3-engineering__line {
    width: 42px;
    height: 2px;
    margin-top: auto;
    padding-top: 0;
    background: var(--eng-accent);
}

/* Footer */

body.ow-about-page .owa3-engineering__footer {
    min-height: 78px;
    padding:
        18px
        27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-right: 1px solid var(--eng-line);
    border-left: 1px solid var(--eng-line);
    border-bottom: 1px solid var(--eng-line);
    background: var(--eng-navy);
}

body.ow-about-page
.owa3-engineering__footer span {
    color: rgba(255,255,255,.5);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

body.ow-about-page
.owa3-engineering__footer strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

/* Tablet */

@media (max-width: 950px) {
    body.ow-about-page .owa3-engineering__header {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa3-engineering {
        padding:
            72px
            0;
    }

    body.ow-about-page .owa3-engineering__inner {
        width: calc(100% - 28px);
    }

    body.ow-about-page .owa3-engineering h2 {
        font-size: 35px;
    }

    body.ow-about-page .owa3-engineering__grid {
        grid-template-columns: 1fr;
    }

    body.ow-about-page .owa3-engineering__item {
        min-height: 235px;
        padding:
            26px
            20px;
    }

    body.ow-about-page
    .owa3-engineering__item:nth-child(odd) {
        background: #ffffff;
    }

    body.ow-about-page
    .owa3-engineering__item:nth-child(even) {
        background: var(--eng-soft);
    }

    body.ow-about-page .owa3-engineering__footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ABOUT ENGINEERING V3 END */

/* ABOUT PROCESS V4 START */

body.ow-about-page .owa4-process {
    --process-blue: #0c53a5;
    --process-accent: #008dd2;
    --process-navy: #022041;
    --process-dark: #082b3e;
    --process-text: #526a76;
    --process-muted: #788a93;
    --process-line: #cfdce3;
    --process-soft: #e9eff2;

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(95px, 9vw, 140px)
        0;
    overflow: hidden;
    direction: rtl;
    background:
        linear-gradient(
            135deg,
            #e8eef1 0%,
            #f5f7f8 55%,
            #eaf0f3 100%
        );
    border-bottom: 1px solid var(--process-line);
}

body.ow-about-page .owa4-process *,
body.ow-about-page .owa4-process *::before,
body.ow-about-page .owa4-process *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa4-process::before {
    content: "PROCESS";
    position: absolute;
    right: 1%;
    bottom: -28px;
    color: rgba(2,32,65,.04);
    font-family: Arial, sans-serif;
    font-size: clamp(100px, 14vw, 225px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa4-process__inner {
    position: relative;
    z-index: 2;
    width: min(1660px, calc(100% - 48px));
    margin-inline: auto;
    display: grid;
    grid-template-columns:
        minmax(420px, .92fr)
        minmax(0, 1.08fr);
    grid-template-areas:
        "content visual";
    align-items: center;
    gap: clamp(65px, 8vw, 140px);
    direction: ltr;
}

/* Visual */

body.ow-about-page .owa4-process__visual {
    grid-area: visual;
    position: relative;
    min-width: 0;
    margin: 0;
    padding:
        30px
        25px
        85px;
    direction: rtl;
}

body.ow-about-page .owa4-process__image {
    position: relative;
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.ow-about-page .owa4-process__image::before {
    content: "";
    position: absolute;
    inset:
        5%
        3%
        9%;
    border: 1px solid rgba(12,83,165,.17);
}

body.ow-about-page .owa4-process__image::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    border-top: 4px solid var(--process-accent);
    border-right: 4px solid var(--process-accent);
}

body.ow-about-page .owa4-process__image img {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 610px;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(
            0 28px 32px
            rgba(2,32,65,.2)
        );
}

body.ow-about-page .owa4-process__visual figcaption {
    position: absolute;
    z-index: 4;
    right: 7%;
    bottom: 0;
    width: calc(93% - 25px);
    min-height: 80px;
    padding:
        17px
        20px;
    display: grid;
    align-content: center;
    gap: 4px;
    background: var(--process-navy);
}

body.ow-about-page
.owa4-process__visual figcaption span {
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page
.owa4-process__visual figcaption strong {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

body.ow-about-page .owa4-process__visual-index {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 7%;
    min-width: 115px;
    min-height: 88px;
    padding:
        13px
        15px;
    display: grid;
    align-content: center;
    background: #ffffff;
    border-left: 4px solid var(--process-accent);
    box-shadow:
        0 16px 30px
        rgba(2,32,65,.12);
}

body.ow-about-page
.owa4-process__visual-index span {
    color: var(--process-blue);
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 900;
}

body.ow-about-page
.owa4-process__visual-index p {
    margin: 3px 0 0;
    color: var(--process-muted);
    font-family: Arial, sans-serif;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1px;
    direction: ltr;
}

/* Content */

body.ow-about-page .owa4-process__content {
    grid-area: content;
    min-width: 0;
    direction: rtl;
    text-align: right;
}

body.ow-about-page .owa4-process__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--process-blue);
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page .owa4-process__eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--process-accent);
}

body.ow-about-page .owa4-process h2 {
    max-width: 720px;
    margin: 0;
    color: var(--process-navy);
    font-family: Shabnam, sans-serif;
    font-size: clamp(37px, 4vw, 57px);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -1.5px;
}

body.ow-about-page .owa4-process h2 strong {
    display: block;
    color: var(--process-blue);
    font-weight: 900;
}

body.ow-about-page .owa4-process__intro {
    max-width: 730px;
    margin-top: 27px;
    padding-right: 20px;
    display: grid;
    gap: 13px;
    border-right: 3px solid var(--process-accent);
}

body.ow-about-page .owa4-process__intro p {
    margin: 0;
    color: var(--process-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 2.1;
}

/* Steps */

body.ow-about-page .owa4-process__steps {
    margin-top: 35px;
    border-top: 4px solid var(--process-blue);
    border-right: 1px solid var(--process-line);
}

body.ow-about-page .owa4-process__steps article {
    min-height: 105px;
    margin: 0;
    padding:
        19px
        21px;
    display: grid;
    grid-template-columns:
        44px
        minmax(0, 1fr);
    align-items: center;
    gap: 17px;
    border-left: 1px solid var(--process-line);
    border-bottom: 1px solid var(--process-line);
    background: #ffffff;
}

body.ow-about-page
.owa4-process__steps article:nth-child(even) {
    background: #f3f6f8;
}

body.ow-about-page
.owa4-process__steps article > span {
    color: rgba(0,141,210,.48);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
}

body.ow-about-page
.owa4-process__steps article h3 {
    margin: 0;
    color: var(--process-navy);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.8;
}

body.ow-about-page
.owa4-process__steps article p {
    margin: 5px 0 0;
    color: var(--process-text);
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.9;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa4-process__inner {
        width: min(920px, calc(100% - 38px));
        grid-template-columns: 1fr;
        grid-template-areas:
            "content"
            "visual";
        gap: 55px;
    }

    body.ow-about-page .owa4-process__visual {
        max-width: 880px;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa4-process {
        padding:
            72px
            0;
    }

    body.ow-about-page .owa4-process__inner {
        width: calc(100% - 28px);
        gap: 40px;
    }

    body.ow-about-page .owa4-process h2 {
        font-size: 35px;
    }

    body.ow-about-page .owa4-process__visual {
        padding:
            15px
            5px
            95px;
    }

    body.ow-about-page .owa4-process__image {
        min-height: 370px;
    }

    body.ow-about-page .owa4-process__image img {
        max-height: 390px;
    }

    body.ow-about-page .owa4-process__visual-index {
        top: 0;
    }

    body.ow-about-page
    .owa4-process__visual figcaption {
        right: 0;
        width: 100%;
    }
}

/* ABOUT PROCESS V4 END */

/* ABOUT WHY V5 START */

body.ow-about-page .owa5-why {
    --why-blue: #0c53a5;
    --why-accent: #20a9e0;
    --why-navy: #022041;
    --why-deep: #01172f;
    --why-dark: #082b3e;
    --why-text: #536b77;
    --why-muted: #778a94;
    --why-line: #d5e1e7;
    --why-soft: #f3f7f9;

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(95px, 9vw, 140px)
        0;
    overflow: hidden;
    direction: rtl;
    background: #ffffff;
    border-bottom: 1px solid var(--why-line);
}

body.ow-about-page .owa5-why *,
body.ow-about-page .owa5-why *::before,
body.ow-about-page .owa5-why *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa5-why::before {
    content: "WHY ACG";
    position: absolute;
    left: 1%;
    bottom: -25px;
    color: rgba(12,83,165,.035);
    font-family: Arial, sans-serif;
    font-size: clamp(100px, 14vw, 225px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa5-why__inner {
    position: relative;
    z-index: 2;
    width: min(1640px, calc(100% - 48px));
    margin-inline: auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(350px, .65fr);
    grid-template-areas:
        "list statement";
    align-items: stretch;
    gap: 24px;
    direction: ltr;
}

/* Statement panel */

body.ow-about-page .owa5-why__statement {
    grid-area: statement;
    position: relative;
    min-width: 0;
    margin: 0;
    padding:
        clamp(42px, 5vw, 70px)
        clamp(30px, 4vw, 55px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    direction: rtl;
    text-align: right;
    background:
        radial-gradient(
            circle at 0 0,
            rgba(32,169,224,.18),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            var(--why-deep),
            var(--why-navy)
        );
}

body.ow-about-page .owa5-why__statement::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background:
        linear-gradient(
            180deg,
            var(--why-accent),
            var(--why-blue)
        );
}

body.ow-about-page .owa5-why__statement::after {
    content: "ACG";
    position: absolute;
    left: -16px;
    bottom: -30px;
    color: rgba(255,255,255,.035);
    font-family: Arial, sans-serif;
    font-size: 150px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

body.ow-about-page .owa5-why__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page .owa5-why__eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    background: var(--why-accent);
}

body.ow-about-page .owa5-why h2 {
    max-width: 470px;
    margin: 0;
    color: #ffffff;
    font-family: Shabnam, sans-serif;
    font-size: clamp(39px, 4vw, 59px);
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: -1.5px;
}

body.ow-about-page .owa5-why h2 strong {
    display: block;
    color: #64d1f7;
    font-weight: 900;
}

body.ow-about-page .owa5-why__statement > p {
    max-width: 470px;
    margin: 25px 0 0;
    color: rgba(255,255,255,.7);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 2.15;
}

body.ow-about-page .owa5-why__metric {
    width: 100%;
    margin-top: 38px;
    padding:
        22px
        0;
    display: grid;
    grid-template-columns:
        80px
        minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    border-top: 1px solid rgba(255,255,255,.14);
    border-bottom: 1px solid rgba(255,255,255,.14);
}

body.ow-about-page .owa5-why__metric strong {
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 43px;
    font-weight: 900;
    line-height: 1;
}

body.ow-about-page .owa5-why__metric span {
    color: rgba(255,255,255,.58);
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.9;
}

body.ow-about-page .owa5-why__statement > a {
    width: fit-content;
    margin-top: 30px;
    padding-bottom: 6px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #64d1f7;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    transition:
        color .2s ease,
        gap .2s ease;
}

body.ow-about-page .owa5-why__statement > a:hover {
    gap: 16px;
    color: #64d1f7;
}

/* Advantage list */

body.ow-about-page .owa5-why__list {
    grid-area: list;
    min-width: 0;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    border-top: 4px solid var(--why-blue);
    border-right: 1px solid var(--why-line);
}

body.ow-about-page .owa5-why__item {
    position: relative;
    min-width: 0;
    min-height: 132px;
    margin: 0;
    padding:
        24px
        24px;
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr)
        30px;
    align-items: center;
    gap: 14px;
    direction: rtl;
    border-left: 1px solid var(--why-line);
    border-bottom: 1px solid var(--why-line);
    background: #ffffff;
}

body.ow-about-page
.owa5-why__item:nth-child(4n + 3),
body.ow-about-page
.owa5-why__item:nth-child(4n + 4) {
    background: var(--why-soft);
}

body.ow-about-page .owa5-why__number {
    color: rgba(0,141,210,.48);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
}

body.ow-about-page .owa5-why__item p {
    margin: 0;
    color: var(--why-dark);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.95;
}

body.ow-about-page .owa5-why__item i {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(12,83,165,.2);
    color: var(--why-blue);
    font-size: 8px;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa5-why__inner {
        width: min(920px, calc(100% - 38px));
        grid-template-columns: 1fr;
        grid-template-areas:
            "statement"
            "list";
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa5-why {
        padding:
            72px
            0;
    }

    body.ow-about-page .owa5-why__inner {
        width: calc(100% - 28px);
    }

    body.ow-about-page .owa5-why h2 {
        font-size: 36px;
    }

    body.ow-about-page .owa5-why__list {
        grid-template-columns: 1fr;
    }

    body.ow-about-page .owa5-why__item {
        min-height: 108px;
        padding:
            20px
            16px;
        grid-template-columns:
            35px
            minmax(0, 1fr)
            27px;
        gap: 10px;
    }

    body.ow-about-page
    .owa5-why__item:nth-child(odd) {
        background: #ffffff;
    }

    body.ow-about-page
    .owa5-why__item:nth-child(even) {
        background: var(--why-soft);
    }
}

/* ABOUT WHY V5 END */

/* ABOUT INDUSTRIES V6 START */

body.ow-about-page .owa6-industries {
    --industry-blue: #0c53a5;
    --industry-accent: #20a9e0;
    --industry-navy: #022041;
    --industry-deep: #01172f;
    --industry-white: #ffffff;
    --industry-text: rgba(255,255,255,.7);
    --industry-muted: rgba(255,255,255,.46);
    --industry-line: rgba(255,255,255,.13);

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(95px, 9vw, 140px)
        0;
    overflow: hidden;
    direction: rtl;
    background:
        radial-gradient(
            circle at 10% 25%,
            rgba(32,169,224,.16),
            transparent 30%
        ),
        linear-gradient(
            130deg,
            var(--industry-deep),
            var(--industry-navy) 58%,
            #06345f
        );
}

body.ow-about-page .owa6-industries *,
body.ow-about-page .owa6-industries *::before,
body.ow-about-page .owa6-industries *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa6-industries::before {
    content: "INDUSTRY";
    position: absolute;
    left: 1%;
    bottom: -28px;
    color: rgba(255,255,255,.03);
    font-family: Arial, sans-serif;
    font-size: clamp(100px, 14vw, 225px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa6-industries::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 36%;
    height: 5px;
    background:
        linear-gradient(
            90deg,
            var(--industry-accent),
            var(--industry-blue)
        );
}

body.ow-about-page .owa6-industries__inner {
    position: relative;
    z-index: 2;
    width: min(1640px, calc(100% - 48px));
    margin-inline: auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(350px, .75fr);
    grid-template-areas:
        "list header"
        "footer footer";
    align-items: stretch;
    gap:
        24px
        34px;
    direction: ltr;
}

/* Header panel */

body.ow-about-page .owa6-industries__header {
    grid-area: header;
    min-width: 0;
    padding:
        clamp(38px, 5vw, 66px)
        clamp(28px, 4vw, 52px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    direction: rtl;
    text-align: right;
    border: 1px solid var(--industry-line);
    background: rgba(255,255,255,.035);
}

body.ow-about-page .owa6-industries__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page
.owa6-industries__eyebrow::before {
    content: "";
    width: 33px;
    height: 2px;
    background: var(--industry-accent);
}

body.ow-about-page .owa6-industries h2 {
    max-width: 520px;
    margin: 0;
    color: var(--industry-white);
    font-family: Shabnam, sans-serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: -1.5px;
}

body.ow-about-page .owa6-industries h2 strong {
    display: block;
    color: #64d1f7;
    font-weight: 900;
}

body.ow-about-page .owa6-industries__header > p {
    max-width: 500px;
    margin: 26px 0 0;
    color: var(--industry-text);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 2.15;
}

body.ow-about-page .owa6-industries__meta {
    width: 100%;
    margin-top: auto;
    padding-top: 30px;
    display: grid;
    gap: 5px;
    border-top: 1px solid var(--industry-line);
}

body.ow-about-page .owa6-industries__meta span {
    color: var(--industry-muted);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page .owa6-industries__meta strong {
    color: var(--industry-white);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.1px;
}

/* Industry rows */

body.ow-about-page .owa6-industries__list {
    grid-area: list;
    min-width: 0;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    border-top: 4px solid var(--industry-accent);
    border-right: 1px solid var(--industry-line);
}

body.ow-about-page .owa6-industries__item {
    position: relative;
    min-width: 0;
    min-height: 124px;
    margin: 0;
    padding:
        23px
        22px;
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr)
        12px;
    align-items: center;
    gap: 15px;
    direction: rtl;
    border-left: 1px solid var(--industry-line);
    border-bottom: 1px solid var(--industry-line);
    background: rgba(255,255,255,.025);
    transition: background .2s ease;
}

body.ow-about-page
.owa6-industries__item:nth-child(4n + 3),
body.ow-about-page
.owa6-industries__item:nth-child(4n + 4) {
    background: rgba(255,255,255,.055);
}

body.ow-about-page .owa6-industries__item:hover {
    background: rgba(32,169,224,.09);
}

body.ow-about-page .owa6-industries__number {
    color: rgba(100,209,247,.55);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
}

body.ow-about-page .owa6-industries__item h3 {
    margin: 0;
    color: var(--industry-white);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.8;
}

body.ow-about-page .owa6-industries__mark {
    width: 8px;
    height: 8px;
    background: var(--industry-accent);
    box-shadow:
        0 0 0 5px
        rgba(32,169,224,.1);
}

/* Footer */

body.ow-about-page .owa6-industries__footer {
    grid-area: footer;
    min-height: 82px;
    padding:
        18px
        25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    direction: rtl;
    border: 1px solid var(--industry-line);
    background: rgba(255,255,255,.035);
}

body.ow-about-page
.owa6-industries__footer > div {
    display: grid;
    gap: 4px;
}

body.ow-about-page
.owa6-industries__footer span {
    color: var(--industry-muted);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page
.owa6-industries__footer strong {
    color: var(--industry-white);
    font-size: 11px;
    font-weight: 900;
}

body.ow-about-page
.owa6-industries__footer a {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 6px;
    border-bottom: 1px solid #64d1f7;
    color: var(--industry-white);
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    transition:
        color .2s ease,
        gap .2s ease;
}

body.ow-about-page
.owa6-industries__footer a:hover {
    gap: 16px;
    color: #64d1f7;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa6-industries__inner {
        width: min(920px, calc(100% - 38px));
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "list"
            "footer";
    }

    body.ow-about-page .owa6-industries__meta {
        margin-top: 32px;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa6-industries {
        padding:
            72px
            0;
    }

    body.ow-about-page .owa6-industries__inner {
        width: calc(100% - 28px);
    }

    body.ow-about-page .owa6-industries h2 {
        font-size: 36px;
    }

    body.ow-about-page .owa6-industries__list {
        grid-template-columns: 1fr;
    }

    body.ow-about-page .owa6-industries__item {
        min-height: 100px;
        padding:
            19px
            15px;
        grid-template-columns:
            35px
            minmax(0, 1fr)
            10px;
        gap: 10px;
    }

    body.ow-about-page
    .owa6-industries__item:nth-child(odd) {
        background: rgba(255,255,255,.025);
    }

    body.ow-about-page
    .owa6-industries__item:nth-child(even) {
        background: rgba(255,255,255,.055);
    }

    body.ow-about-page .owa6-industries__footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ABOUT INDUSTRIES V6 END */

/* ABOUT LINKS V7 START */

body.ow-about-page .owa7-links {
    --link-blue: #0c53a5;
    --link-accent: #008dd2;
    --link-navy: #022041;
    --link-dark: #082b3e;
    --link-text: #526a76;
    --link-muted: #788a93;
    --link-line: #d5e1e7;
    --link-soft: #f3f7f9;

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(95px, 9vw, 140px)
        0;
    overflow: hidden;
    direction: rtl;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f4f7f9 100%
        );
    border-bottom: 1px solid var(--link-line);
}

body.ow-about-page .owa7-links *,
body.ow-about-page .owa7-links *::before,
body.ow-about-page .owa7-links *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa7-links::before {
    content: "EXPLORE";
    position: absolute;
    left: 1%;
    bottom: -27px;
    color: rgba(12,83,165,.035);
    font-family: Arial, sans-serif;
    font-size: clamp(100px, 14vw, 225px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa7-links__inner {
    position: relative;
    z-index: 2;
    width: min(1640px, calc(100% - 48px));
    margin-inline: auto;
}

/* Header */

body.ow-about-page .owa7-links__header {
    margin-bottom: 48px;
    display: grid;
    grid-template-columns:
        minmax(430px, .95fr)
        minmax(300px, 1.05fr);
    align-items: end;
    gap: clamp(55px, 8vw, 135px);
}

body.ow-about-page .owa7-links__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--link-blue);
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page .owa7-links__eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--link-accent);
}

body.ow-about-page .owa7-links h2 {
    max-width: 720px;
    margin: 0;
    color: var(--link-navy);
    font-family: Shabnam, sans-serif;
    font-size: clamp(37px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -1.5px;
}

body.ow-about-page .owa7-links h2 strong {
    display: block;
    color: var(--link-blue);
    font-weight: 900;
}

body.ow-about-page .owa7-links__header > p {
    max-width: 610px;
    margin: 0;
    padding-right: 21px;
    border-right: 3px solid var(--link-accent);
    color: var(--link-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 2.15;
}

/* Grid */

body.ow-about-page .owa7-links__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(340px, .8fr);
    grid-template-rows:
        repeat(2, minmax(300px, auto));
    grid-template-areas:
        "main side-one"
        "main side-two";
    gap: 20px;
    direction: ltr;
}

body.ow-about-page .owa7-links__item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    display: grid;
    direction: rtl;
    border: 1px solid var(--link-line);
    background: #ffffff;
    color: inherit;
    text-decoration: none;
}

body.ow-about-page .owa7-links__item--main {
    grid-area: main;
    grid-template-rows:
        minmax(430px, 1fr)
        auto;
}

body.ow-about-page
.owa7-links__item--side:nth-child(2) {
    grid-area: side-one;
    grid-template-columns:
        minmax(170px, .8fr)
        minmax(0, 1.2fr);
}

body.ow-about-page
.owa7-links__item--side:nth-child(3) {
    grid-area: side-two;
    grid-template-columns:
        minmax(170px, .8fr)
        minmax(0, 1.2fr);
}

/* Images */

body.ow-about-page .owa7-links__visual {
    position: relative;
    min-width: 0;
    min-height: 260px;
    padding:
        25px
        22px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #edf3f6,
            #ffffff
        );
}

body.ow-about-page
.owa7-links__item--main .owa7-links__visual {
    min-height: 470px;
    border-bottom: 1px solid var(--link-line);
}

body.ow-about-page
.owa7-links__item--side .owa7-links__visual {
    border-left: 1px solid var(--link-line);
}

body.ow-about-page .owa7-links__visual::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(12,83,165,.13);
}

body.ow-about-page .owa7-links__visual img {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
    transition: transform .3s ease;
    filter:
        drop-shadow(
            0 20px 24px
            rgba(2,32,65,.15)
        );
}

body.ow-about-page
.owa7-links__item--side .owa7-links__visual img {
    max-height: 245px;
}

body.ow-about-page
.owa7-links__item:hover .owa7-links__visual img {
    transform: translateY(-5px);
}

/* Content */

body.ow-about-page .owa7-links__content {
    min-width: 0;
    padding:
        29px
        28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}

body.ow-about-page
.owa7-links__item--main .owa7-links__content {
    min-height: 260px;
    background: var(--link-navy);
}

body.ow-about-page .owa7-links__content > span {
    color: var(--link-accent);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
    direction: ltr;
}

body.ow-about-page .owa7-links__content h3 {
    margin:
        15px
        0
        0;
    color: var(--link-navy);
    font-size: clamp(17px, 1.7vw, 24px);
    font-weight: 900;
    line-height: 1.7;
}

body.ow-about-page
.owa7-links__item--main .owa7-links__content h3 {
    color: #ffffff;
    font-size: clamp(23px, 2.4vw, 35px);
}

body.ow-about-page .owa7-links__content p {
    max-width: 520px;
    margin:
        12px
        0
        0;
    color: var(--link-text);
    font-size: 11px;
    font-weight: 600;
    line-height: 2;
}

body.ow-about-page
.owa7-links__item--main .owa7-links__content p {
    color: rgba(255,255,255,.68);
}

body.ow-about-page .owa7-links__content strong {
    margin-top: auto;
    padding-top: 23px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--link-blue);
    font-size: 10.5px;
    font-weight: 900;
}

body.ow-about-page
.owa7-links__item--main .owa7-links__content strong {
    color: #64d1f7;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa7-links__header {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    body.ow-about-page .owa7-links__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "main"
            "side-one"
            "side-two";
    }

    body.ow-about-page .owa7-links__item--main {
        grid-template-rows:
            minmax(400px, auto)
            auto;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa7-links {
        padding:
            72px
            0;
    }

    body.ow-about-page .owa7-links__inner {
        width: calc(100% - 28px);
    }

    body.ow-about-page .owa7-links h2 {
        font-size: 35px;
    }

    body.ow-about-page
    .owa7-links__item--main {
        grid-template-rows:
            minmax(320px, auto)
            auto;
    }

    body.ow-about-page
    .owa7-links__item--side:nth-child(2),
    body.ow-about-page
    .owa7-links__item--side:nth-child(3) {
        grid-template-columns: 1fr;
    }

    body.ow-about-page
    .owa7-links__item--side .owa7-links__visual {
        min-height: 280px;
        border-left: 0;
        border-bottom: 1px solid var(--link-line);
    }

    body.ow-about-page
    .owa7-links__item--main .owa7-links__visual {
        min-height: 330px;
    }

    body.ow-about-page .owa7-links__content {
        min-height: 220px;
        padding:
            25px
            20px;
    }
}

/* ABOUT LINKS V7 END */

/* ABOUT CTA V8 START */

body.ow-about-page .owa8-cta {
    --cta-blue: #0c53a5;
    --cta-accent: #20a9e0;
    --cta-navy: #022041;
    --cta-deep: #01172f;
    --cta-white: #ffffff;
    --cta-text: rgba(255,255,255,.72);
    --cta-muted: rgba(255,255,255,.47);
    --cta-line: rgba(255,255,255,.14);

    position: relative;
    width: 100%;
    margin: 0;
    padding:
        clamp(85px, 8vw, 125px)
        0;
    overflow: hidden;
    direction: rtl;
    background:
        radial-gradient(
            circle at 12% 28%,
            rgba(32,169,224,.18),
            transparent 32%
        ),
        linear-gradient(
            130deg,
            var(--cta-deep),
            var(--cta-navy) 58%,
            #073866
        );
}

body.ow-about-page .owa8-cta *,
body.ow-about-page .owa8-cta *::before,
body.ow-about-page .owa8-cta *::after {
    box-sizing: border-box;
}

body.ow-about-page .owa8-cta::before {
    content: "CONTACT";
    position: absolute;
    right: 1%;
    bottom: -30px;
    color: rgba(255,255,255,.03);
    font-family: Arial, sans-serif;
    font-size: clamp(100px, 14vw, 225px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -7px;
    pointer-events: none;
}

body.ow-about-page .owa8-cta::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 6px;
    background:
        linear-gradient(
            90deg,
            var(--cta-accent),
            var(--cta-blue)
        );
}

body.ow-about-page .owa8-cta__inner {
    position: relative;
    z-index: 2;
    width: min(1680px, calc(100% - 48px));
    margin-inline: auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(430px, .95fr);
    grid-template-areas:
        "visual content";
    align-items: center;
    gap: clamp(65px, 9vw, 150px);
    direction: ltr;
}

/* Content */

body.ow-about-page .owa8-cta__content {
    grid-area: content;
    min-width: 0;
    direction: rtl;
    text-align: right;
}

body.ow-about-page .owa8-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: #64d1f7;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

body.ow-about-page .owa8-cta__eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--cta-accent);
}

body.ow-about-page .owa8-cta h2 {
    max-width: 760px;
    margin: 0;
    color: var(--cta-white);
    font-family: Shabnam, sans-serif;
    font-size: clamp(40px, 4.6vw, 66px);
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: -1.8px;
}

body.ow-about-page .owa8-cta h2 strong {
    display: block;
    color: #64d1f7;
    font-weight: 900;
}

body.ow-about-page .owa8-cta__content > p {
    max-width: 690px;
    margin:
        26px
        0
        0;
    padding-right: 21px;
    border-right: 3px solid var(--cta-accent);
    color: var(--cta-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 2.15;
}

body.ow-about-page .owa8-cta__actions {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.ow-about-page .owa8-cta__button {
    min-height: 54px;
    padding:
        0
        23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        gap .2s ease;
}

body.ow-about-page
.owa8-cta__button--primary {
    color: var(--cta-navy);
    background: #ffffff;
    border-color: #ffffff;
}

body.ow-about-page
.owa8-cta__button--primary:hover {
    gap: 16px;
    color: #ffffff;
    background: var(--cta-blue);
    border-color: var(--cta-blue);
}

body.ow-about-page
.owa8-cta__button--secondary {
    color: #ffffff;
    background: transparent;
    border-color: rgba(255,255,255,.3);
}

body.ow-about-page
.owa8-cta__button--secondary:hover {
    color: #64d1f7;
    border-color: #64d1f7;
}

body.ow-about-page .owa8-cta__services {
    margin-top: 32px;
    padding:
        20px
        0;
    display: flex;
    flex-wrap: wrap;
    gap:
        13px
        24px;
    border-top: 1px solid var(--cta-line);
    border-bottom: 1px solid var(--cta-line);
}

body.ow-about-page .owa8-cta__services span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.7);
    font-size: 9.5px;
    font-weight: 800;
}

body.ow-about-page .owa8-cta__services i {
    color: #64d1f7;
    font-size: 8px;
}

body.ow-about-page .owa8-cta__signature {
    margin-top: 27px;
    display: flex;
    align-items: center;
    gap: 13px;
    direction: ltr;
}

body.ow-about-page .owa8-cta__signature span {
    min-height: 30px;
    padding:
        0
        11px;
    display: inline-flex;
    align-items: center;
    background: var(--cta-blue);
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

body.ow-about-page .owa8-cta__signature strong {
    color: var(--cta-muted);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

/* Visual */

body.ow-about-page .owa8-cta__visual {
    grid-area: visual;
    position: relative;
    min-width: 0;
    margin: 0;
    padding:
        35px
        25px
        90px;
    direction: rtl;
}

body.ow-about-page .owa8-cta__image {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.025)
        );
    border: 1px solid var(--cta-line);
}

body.ow-about-page .owa8-cta__image::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px solid rgba(255,255,255,.1);
}

body.ow-about-page .owa8-cta__image::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 115px;
    height: 115px;
    border-top: 4px solid var(--cta-accent);
    border-left: 4px solid var(--cta-accent);
}

body.ow-about-page .owa8-cta__image img {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 570px;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(
            0 28px 34px
            rgba(0,0,0,.3)
        );
}

body.ow-about-page .owa8-cta__visual figcaption {
    position: absolute;
    z-index: 4;
    right: 8%;
    bottom: 0;
    width: calc(92% - 25px);
    min-height: 82px;
    padding:
        18px
        20px;
    display: grid;
    align-content: center;
    gap: 4px;
    background: #ffffff;
}

body.ow-about-page
.owa8-cta__visual figcaption span {
    color: var(--cta-blue);
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

body.ow-about-page
.owa8-cta__visual figcaption strong {
    color: var(--cta-navy);
    font-size: 11px;
    font-weight: 900;
}

body.ow-about-page .owa8-cta__index {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 7%;
    min-width: 145px;
    min-height: 88px;
    padding:
        14px
        16px;
    display: grid;
    align-content: center;
    gap: 4px;
    background: var(--cta-blue);
    box-shadow:
        0 18px 32px
        rgba(0,0,0,.2);
}

body.ow-about-page .owa8-cta__index span {
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

body.ow-about-page .owa8-cta__index strong {
    color: rgba(255,255,255,.56);
    font-family: Arial, sans-serif;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1.1px;
}

/* Tablet */

@media (max-width: 1050px) {
    body.ow-about-page .owa8-cta__inner {
        width: min(920px, calc(100% - 38px));
        grid-template-columns: 1fr;
        grid-template-areas:
            "content"
            "visual";
        gap: 55px;
    }

    body.ow-about-page .owa8-cta__visual {
        max-width: 880px;
    }
}

/* Mobile */

@media (max-width: 680px) {
    body.ow-about-page .owa8-cta {
        padding:
            72px
            0;
    }

    body.ow-about-page .owa8-cta__inner {
        width: calc(100% - 28px);
        gap: 40px;
    }

    body.ow-about-page .owa8-cta h2 {
        font-size: 37px;
    }

    body.ow-about-page .owa8-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.ow-about-page .owa8-cta__button {
        width: 100%;
    }

    body.ow-about-page .owa8-cta__services {
        align-items: flex-start;
        flex-direction: column;
    }

    body.ow-about-page .owa8-cta__visual {
        padding:
            15px
            5px
            95px;
    }

    body.ow-about-page .owa8-cta__image {
        min-height: 370px;
    }

    body.ow-about-page .owa8-cta__image img {
        max-height: 390px;
    }

    body.ow-about-page .owa8-cta__index {
        top: 0;
    }

    body.ow-about-page
    .owa8-cta__visual figcaption {
        right: 0;
        width: 100%;
    }
}

/* ABOUT CTA V8 END */